/**
 * Theme Name:     	FStop
 * Theme URI:      	http://fstop.websitesmash.com/
 * Author:         	Websitesmash
 * Author URI:     	http://themeforest.net/user/websitesmash/portfolio/
 * Description:    	Lovingly created by WebsiteSmash.
 * Version:        	1.0.0
 * License: 		GNU General Public License v2 or later
 * License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:           	one-column, two-columns, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
 * Text Domain:    	fstop
 **/
 
/* ==========================================================================
   TABLE OF CONTENTS
   ==========================================================================

1. RESET
2. TYPOGRAPHY
	2.1 Links
3. ICONS
4. STRUCTURE
	4.1 Nav bar
		4.1.1 Header Logo
		4.1.2 Nav Menu			
		4.1.3 Overlay
	4.3 Content Area
		4.3.1 Post Header
		4.3.2 Post Content
	4.4 Footer
		4.4.1 Copyright
		4.4.2 Menu
5. COMMON
	5.1 Featured Image
	5.2 Featured Content
	5.3 Share Links
6. TEMPLATES
	6.1 Index
	6.2 Single	
		6.2.1 Progress Bar
		6.2.2 Post Tags
	6.3 Archive	
		6.3.1 Archive Standard	
		6.3.2 Archive Standard Full Width
		6.3.3 Archive List
		6.3.4 Archive Grid
	6.4 404 
	6.5 Splash
7. PAGINATION
	7.1 Post Navigation
	7.2 Archive Pagination
	7.3 wp_link_pages
	7.4 Comments Navigation
8. SIDEBAR
	8.1 Widgets
9. COMMENTS
10. STYLING
11. HTML ELEMENTS
	11.1 Lists
	11.2 Media
	11.3 Tables
	11.4 Forms
	11.4 Misc
12. IMAGES	
	12.1 Gallery Shortcode	
	12.2 Captions
13. WPML
	13.1 WPML Widget
14. WP FEATHERLIGHT
15. WEBSITESMASH PICK POSTS
16. ANIMATIONS
17. SCREEN READERS
18. PRINT STYLES


   ==========================================================================
   1. RESET
   ========================================================================== */

@import url("css/normalize.css");

* { -webkit-backface-visibility: hidden; }
 
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* ==========================================================================
   2. TYPOGRAPHY
   ========================================================================== */

html
{
	font-size: 16px;
	line-height: 1em;
	word-break: break-word;
}

.postMedia-Align-v h1,
.title-xxl
{
	font-size: 54px;
	font-weight: 700;
	line-height: 1em;	
}

.title-xl
{
	font-size: 36px;
	font-weight: 700;
	line-height: 1em;	
}

.title-l,
h1
{
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;	
}

.title-m,
.commentsTitle,
h2
{
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
}

.title,
.widget-title,
h3
{
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
}

.title-s,
h4,
dl dt,
.menu-item-title,
.siteFooter-nav .menu-item,
.comment-author,
.archivePagination,
.wpLinkPages,
.rsswidget,
.widget_recent_entries a,
.recentcomments > a
{
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
}

.title-xs,
h5
{
	font-size: 11px;
	font-weight: 700;
	line-height: 1em;
} 

h6
{
	font-size: 16px;
	font-weight: 400;
}

input[type="submit"]
{
	font-size: 16px;
}

.text-bold,
.wp-caption-text
{
	font-size: 16px;
	font-family: "Playfair Display", Times New Roman, serif;
	font-style: italic;
	font-weight: 700;
}

.postContent p
{
	margin: 15px 0 0;
}

h1, h2, h3, h4, h5, h6 { margin: 0; }

.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6 { margin: 30px 0 15px; }

.postMedia-Align-v h1,
.postMedia-Align-v h2,
.postMedia-Align-v h3,
.postMedia-Align-v h4,
.postMedia-Align-v h5,
.postMedia-Align-v h6
{
	margin-top: 15px;
}

blockquote
{
	margin: 30px;
}

blockquote cite 
{
	display: block;
	line-height: 21px;
	margin-top: 30px;
}

blockquote cite::before
{
	content: "- ";
}

/* 2.1 LINKS ---------- */

a
{
	border-bottom: 1px solid transparent;
	text-decoration: none; 
	transition: color 0.25s linear, border-color 0.25s linear;
}

a:focus
{
	outline: none;
}

.siteHeader .logo,
.menu-item-title,
.siteFooter-nav a
{
	position: relative;			
}

h1 a,
h2 a,
h3 a
{
	display: inline-block;
	position: relative;	
}

h1 a,
h2 a,
h3 a,
.siteHeader .logo,
.menu-item-title,
.siteFooter-nav a,
.archiveItem-title,
.nav-links a,
.archivePosts-grid .featuredImage a,
.archivePagination a,
.wpLinkPages a,
.comment-meta .url,
.postPagination-permalink,
.moreArrow,
.link-border-none a,
.gallery-item a,
.postWrapper.postMedia-Align-v a,
.splashSocial a
{
	border: none;
}

h1 a::after,
h2 a::after,
h3 a::after,
.siteFooter-nav a::after,
.menu-item-title::after,
.postPagination-title::after
{
	background: #FFFFFF;
	bottom: -4px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: width 0.3s ease-in;
	width: 0;
}

.postWrapper.postMedia-Align-v h1 a::after,
.postWrapper.postMedia-Align-v h2 a::after,
.postWrapper.postMedia-Align-v h3 a::after,
.postWrapper.postMedia-Align-v h4 a::after,
.postWrapper.postMedia-Align-v h5 a::after,
.postWrapper.postMedia-Align-v h6 a::after
{
	display: none;
}

.menu-item-title::after
{
	bottom: -7px;
}

h1 a:hover::after,
h2 a:hover::after,
h3 a:hover::after,
.menu-item:hover a .menu-item-title::after,
.siteFooter-nav a:hover::after,
.postPagination > div:hover .postPagination-title::after
{
	width: 100%;
}


/* ==========================================================================
   3. ICONS
   ========================================================================== */
   
@font-face {
  font-family: 'fstop-icons';
  src:
    url('fonts/fstop-icons.ttf?7tzhau') format('truetype'),
    url('fonts/fstop-icons.woff?7tzhau') format('woff'),
    url('fonts/fstop-icons.svg?7tzhau#fstop-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="fstop-icon"],
[class*=" fstop-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fstop-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fstop-icon-plus:before {
  content: "\e900";
}
.fstop-icon-twitter:before {
  content: "\f081";
}
.fstop-icon-facebook:before {
  content: "\f082";
}
.fstop-icon-pinterest:before {
  content: "\f0d3";
}
.fstop-icon-reddit:before {
  content: "\f1a2";
}
.fstop-icon-arrow-down:before {
  content: "\e901";
}
.fstop-icon-arrow-left:before {
  content: "\e902";
}
.fstop-icon-arrow-right:before {
  content: "\e903";
}
.fstop-icon-arrow-up:before {
  content: "\e904";
}
.fstop-icon-link:before {
  content: "\e905";
}
.fstop-icon-search:before {
  content: "\e906";
}
.fstop-icon-email:before {
  content: "\e907";
}
.fstop-icon-share:before {
  content: "\e908";
}
.fstop-icon-sticky:before {
  content: "\e9d2";
}


/* ==========================================================================
   4. STRUCTURE
   ========================================================================== */

body
{
	background: #0A0A0A;
}

.wrapper
{
	position: relative;
	z-index: 0;
}

/* 4.1 NAV BAR ---------- */

.siteHeader
{ 
	height: auto;
	left: 0;
	opacity: 1;
	position: fixed;
	transition: opacity 0.5s linear;
	top: 0;
	width: 100%;	
	z-index: 900;
}

.site-header-transparent .siteHeader,
.js-header-fadeOut .siteHeader
{
	opacity: 0;
}

.loaded .siteHeader:hover,
.loaded.js-header-fadeOut .siteHeader:hover
{
	opacity: 1; 
}

.admin-bar .siteHeader { top: 32px; }

	.siteHeader-top
	{
		min-height: 114px;	
		padding: 30px 0;
		position: relative;
		transition: height 0.5s ease-out;
		z-index: 300;
	}	
	
	.siteHeader-footer
	{
		opacity: 0;
		pointer-events: none;
		position: relative;
		text-align: right;
		transition: opacity 0.5s ease-in;
		z-index: 200;
	}
	
	.loaded .siteHeader:hover .siteHeader-footer,
	.loaded.js-header-fadeOut .siteHeader:hover .siteHeader-footer
	{
		opacity: 1;
		pointer-events: auto;
	}
		
		.siteHeader-footer .search-field
		{
			background: transparent;
			border-bottom: 2px solid transparent;
			padding-left: 0;		
			width: 150px;
			transition: width 0.3s ease-in;
		}
		
		.siteHeader-footer .search-field:focus
		{
			border-bottom: 2px solid transparent;
			width: 100%;
		}
		
/* 4.1.1 Header Logo */

.siteHeader-logo 
{
	float: left;
	max-width: 34%;
}

	.siteHeader .logo
	{
		position: relative;
	}
	
		.logo-sitename
		{
			line-height: 1.2em; 
		}

		.logo-description { 
			display: none; 
		}
	
		.logo-image
		{
			max-height: 100px;
			max-width: 100%;
		}

/* 4.1.2 Nav Menu */

.navToggle 
{
	cursor: pointer;
	display: none;
	opacity: 1;
	position: absolute;
	top: 39px;
	transition: opacity 0.25s linear;
	right: 60px;
}

.navToggle:hover
{
	opacity: 0.5;
}

	.navToggle .line
	{
		background: #ffffff;
		display: block;
		height: 2px;
		width: 20px;
	}	
	
	.navToggle .line + .line
	{
		margin-top: 2px;
	}

.siteHeader-nav
{
	float: right;
	width: 66%;
}

	.siteHeader-nav .menu {
		margin: 0;
		padding: 0;
	}
	
		.siteHeader-nav .menu > .menu-item
		{
			float: left;
			line-height: 24px;
			margin-bottom: 3px;
			padding-left: 15px;
			position: relative;
			transition: margin 0.5s linear;
			width: 25%;
		}		
		.loaded .siteHeader:hover .menu > .menu-item
		{
			margin-bottom: 20px;		
		}
		
		.siteHeader-nav .menu-item:nth-child(4n+1)
		{
			clear: both;
		}
			
				.menu-item-title {
					display: block;
					margin: 0;
					line-height: 20px;
					transition: margin 0.5s linear;
				}
				
				.loaded .siteHeader:hover .menu > .menu-item > a > .menu-item-title
				{
					margin-bottom: 10px;
				}	
				
				.menu-item-desc
				{
					display: block;
					height: auto;
					line-height: 1.5em;
					margin: 0;
					max-height: 0;
					opacity: 0;
					overflow: hidden;
					transition: max-height 0.5s linear, opacity 0.5s linear;
				}

					.loaded .siteHeader:hover .menu-item-desc
					{	
						max-height: 7rem;
						opacity: 1;
					}
					
/* Sub menus */
.siteHeader .sub-menu {
	left: 15px;
	opacity: 0;
	padding: 12px 0 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition: opacity 0.25s linear;
	width: auto;
	z-index: 9999;
}

.siteHeader .menu-item:hover > .sub-menu 
{
	opacity: 1;
	pointer-events: auto;
}

.siteHeader .sub-menu::before
{
	content: "";
	display: block;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #1E1E1E transparent;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
}

	.siteHeader .sub-menu .menu-item {
		background: #1E1E1E;
		display: block;
		float: none;
		padding: 5px 15px;
		white-space: nowrap;
		width: auto;
	}
	
	.siteHeader .sub-menu .menu-item:first-child
	{
		padding-top: 15px;
	}
	
	.siteHeader .sub-menu .menu-item:last-child
	{
		padding-bottom: 15px;
	}
		
		.siteHeader .sub-menu .menu-item-title 
		{
			margin: 0;
			transition: color 0.25s linear;
		}
		
		.siteHeader .sub-menu .menu-item-title::after
		{
			display: none;
		}
		
		.siteHeader .sub-menu .menu-item-desc
		{
			display: none;
		}
		

/* 4.1.3 Overlay */

.siteHeader-overlay
{
	background: #0A0A0A;
	height: 100vh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity 0.5s linear;
	width: 100%;
	z-index: 100;
}

.loaded .siteHeader:hover .siteHeader-overlay
{
	opacity: 0.8;
}

/* 4.3 CONTENT AREA ---------- */

.siteContent
{
	min-height: 100vh;
	position: relative;
	z-index: 1;
}

.admin-bar .siteContent
{
	min-height: calc(100vh - 32px);
}

.site-header-transparent .siteContent
{
	padding-top: 0;
}

.postWrapper
{
	overflow: hidden;
	padding-bottom: 75px;
}

.postWrapper:first-child
{
	padding-top: 7rem;
}

.postHeader-headline,
.postFeaturedImage,
.postContent,
.postWrapper:not(.content-col-2) .postExcerpt
{
	max-width: 680px;
	margin: 0 auto;
}

	.content-col-2 { overflow: hidden; }
	
	.content-col-2 .postHeader,
	.content-col-2 .postMain .hentry > .postContent 
	{
		float: left;
		width: 50%;
	}
	
	.content-col-2-narrow .postHeader	
	{
		padding-right: 45px;
		width: 34%;
	}
	
	.content-col-2-narrow .postMain .hentry > .postContent
	{
		padding-left: 15px;
		width: 66%;
	}

	.postMain
	{
		overflow: hidden;
	}
	
/* 4.3.1 Post Header */

.postMain,
.postSidebar
{
	margin-top: 75px;
}

.content-col-2 .postHeader
{
	padding-right: 60px;
}

.postHeader-headline
{
	margin-bottom: 45px;
	position: relative;
}

.content-col-2 .postHeader-headline
{
	margin-left: 0;
	margin-right: 0;
	text-align: initial;
}

	.postTitle
	{
		line-height: 1.1em;
		word-break: break-word;
	}

.postFeaturedImage
{
	margin-top: 45px;
	margin-bottom: 45px;
}
	
.content-col-2 .postFeaturedImage
{
	margin-bottom: 0;
	max-width: none;
}

.postFeaturedImage img
{
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.content-col-2 .postFeaturedImage img
{
	margin: 0;
}
	
/* 4.3.2 Post Content*/

.postContent
{
	line-height: 28px;
	word-wrap: break-word;
}

.postMain .hentry 
{
}

.postBody
{
	overflow: hidden;
}

	.postBody > *:first-child,
	.postBody > *:first-child > *:first-child,
	.postBody > *:first-child > *:first-child img:first-child,
	.postBody > .wpcf7:first-child > form > p:first-of-type
	{
		margin-top: 0;
	}
	
	.postBody > *:last-child,
	.postBody > *:last-child > *:last-child,
	.postBody > *:last-child > *:last-child img:last-child
	{
		margin-bottom: 0;
	}
	

/* 4.4 FOOTER ---------- */

.siteFooter
{
	height: 80px;
	position: relative;
	z-index: -2;
}

body.site-footer-l .siteFooter
{
	height: 0;
	padding-top: calc(32% + 75px);
}

	.siteFooter-fixed
	{
		bottom: 0;
		position:fixed;
		width: 100%;
		z-index: -1;	
	}
	
		.siteFooter .siteFooter-inner
		{
			overflow: hidden;
			padding-top: 32px;
			padding-bottom: 32px;
		}

/* 4.4.1 Copyright */

.siteFooter-text {
	float: left;
	max-width: 34%;
}

/* 4.4.2 Menu */

.siteFooter-nav
{
	float: right;
	max-width: 66%;
}
	
	.siteFooter-nav .menu
	{
		margin: 0;
		padding: 0;
	}

		.siteFooter-nav .menu-item
		{
			float: left;
			margin-left: 15px;
		}


/* ==========================================================================
   5. COMMON
   ========================================================================== */
 
[class*="siteWidth"]
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 120px;
	padding-right: 120px;
}

.siteWidth--narrow
{
	max-width: 1280px;
}

.headerSiteWidth
{
	max-width: 66%;	
}

.headerSiteWidth .postHeader-headline,
.headerSiteWidth .postContent
{
	margin-left: 0;
	max-width: none;
}

.password-label
{
	display: none;
}


/* 5.1 FEATURED IMAGE ---------- */


/* 5.2 FEATURED CONTENT ---------- */

.postMedia
{
	min-height: 100vh;
	position: relative;
}

.admin-bar .postMedia,
.admin-bar .postMedia-Align-v,
.admin-bar .owl-item,
.admin-bar .gallerySlider .galleryItem
{
	min-height: calc(100vh - 32px);
}

	.postMedia-Align-v
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 100vh;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 75px 100px;
	}
	
		.postMedia-Align-v > div
		{
			-webkit-box-flex: 0;
			-webkit-flex: none;
			-ms-flex: none;
			flex: none;
			max-width: 1024px;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}
		
			.postMedia iframe
			{
				max-width: 100%;
			}

	.owl-carousel,
	.owl-item,
	.gallerySlider .galleryItem
	{
		height: 100vh;		
	}	
	
	.admin-bar .owl-carousel,
	.admin-bar .owl-item,
	.admin-bar .gallerySlider .galleryItem
	{
		height: calc(100vh - 34px);
	}

	.owl-carousel
	{
		position: relative;
		width: 100%;
	}

	.owl-stage
	{	
	}

		.owl-item,
		.gallerySlider .galleryItem
		{
			position: relative;
			width: 100%;		
		}
		
		
		
			.galleryImage-holder {
				bottom: 100px;
				left: 100px;
				pointer-events: none;
				position: absolute;
				right: 100px;
				top: 100px;			
			}

		
			.gallerySlider .galleryImage-holder .galleryImage
			{
				bottom: 0;
				display: block;
				height: auto;
				left: 0;
				margin: 0 auto;
				max-width: 100%;
				max-height: 100%;
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: auto;
			}
		
		.owl-nav,
		.moreArrow
		{
			font-size: 32px;
		}
		
			.owl-nav > div
			{
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				transition: color 0.25s linear;
			}

				.owl-prev
				{
					left: 30px;
				}
				
				.owl-next
				{
					right: 30px;
				}
				
	.moreArrow {
		bottom: 25px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 9;
	}

/* 5.3 SHARE LINKS ---------- */	

.postShare
{
	clear: both;
	display: inline-block;
	margin-top: 45px;
	position: relative;
}

	.postShare .postShare-title
	{
		text-align: center;
	}

		.shareButtons
		{
			bottom: 0;
			display: none;
			left: 0;
			line-height: 28px;
			list-style: none;
			margin: 0;
			padding: 10px 20px;
			position: absolute;
			white-space: nowrap;
		}
		
		.postShare:hover .shareButtons, 
		.postShare:focus .shareButtons,
		.postShare:active .shareButtons 
		{
			display: block;			
		}
			
			.shareButtons-button {
				display: block;				
			}

			.shareButtons-button a
			{
				border: none; 
			}
			
/* ==========================================================================
   6. TEMPLATES
   ========================================================================== */

/* 6.1 INDEX ---------- */

.postTitle .fstop-icon-sticky,
.archiveItem-title .fstop-icon-sticky
{
	display: none;
}

.sticky .postTitle .fstop-icon-sticky,
.sticky .archiveItem-title .fstop-icon-sticky
{
	display: inline-block;
}

.hentry .no-posts,
.archiveItem span.no-search-results
{
	margin-top: 0;
}


/* 6.2 SINGLE ---------- */

.postMeta 
{ 
	display: block;
	line-height: 20px;
	margin-top: 5px;
}

	.postMeta p
	{
		margin: 0;
	}
	
	.postHeader .postExcerpt
	{
		line-height: 28px;
		margin-top: 30px;
	}

/* 6.2.1 Progress Bar */

progress {

  /* Positioning */
  bottom: 0px;
  left: 0;
  position: fixed;
  z-index: 9;

  /* Dimensions */
  width: 100%;
  height: 4px;

  /* Reset the appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;
  
  border-bottom: 1px solid transparent;
  transition: all 0.2s linear;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

/* 6.2.2 Post Tags */

.postContent > .tagcloud
{
	margin-top: 40px;
}

	.tagcloud a::before
	{
		content: "#";
	}
	

/* 6.3 ARCHIVE ---------- */


.archiveTitle
{
	line-height: 1em;
}

/* 6.3.1 Archive Standard */

.archivePosts .hentry
{
	position: relative;
	margin-top: 150px;
}

.archivePosts .hentry:first-child
{
	margin-top: 0;
}

.archivePosts .hentry:last-child::after
{
	display: none;
}

.archivePosts:only-child .hentry::after
{
	left: 50%;
	transform: translateX(-50%);
}

/* 6.3.2 Archive Standard Full Width */

/* 6.3.3 Archive List */

.archivePosts-list
{
	min-height: 100vh;
	padding-bottom: 75px;
	padding-top: 14rem;
	position: relative;
}

	.archivePosts-list > *
	{
		position: relative;
		z-index: 3;
	}
	
	.archivePosts-list .archivePagination
	{
		margin-left: 0;
	}
	
	.archivePosts-background
	{
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		background-color: #0a0a0a;
		bottom: 0;
		left: 0;
		opacity: 0;
		position: absolute;			
		right: 0;
		top: 0;	
		z-index: 0;
	}
	
	.archivePosts-background.active
	{ 
		opacity: 0.75; 
		z-index: 1;
	}
	
	.archivePosts-list .archiveItem,
	.no-search-results
	{
		margin-top: 45px;
		max-width: 680px;
	}
	
	.archivePosts-list .archiveTitle +.archiveItem,
	.archivePosts-list .postMeta +.archiveItem
	{
		margin-top: 60px;
	}
	
	.archivePosts-list > *:first-child
	{
		margin-top: 7rem;
	}
	
		.archiveItem-title
		{
			display: inline-block;
		}
		
			.archiveItem-title a
			{
				opacity: 0.65;			
				transition: opacity 0.25s linear;						
			}
			
			.archiveItem-title a:hover
			{
				opacity: 1;			
			}
			
			.archiveItem-title a::after
			{
				display: none;			
			}
		
		.archivePosts-list .postMeta
		{
			margin-top: 2px;			
		}
		
/* 6.3.4 Archive Grid */

.postWrapper .postMain .archivePosts-grid
{
	float: none;
	margin-left: -15px;
	margin-right: -15px;	
	overflow: hidden;
	width: auto;
}

* + .archivePosts-grid
{
	margin-top: 75px;
}

	.archivePosts-grid .hentry
	{
		float: left;
		margin-bottom: 30px;
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
		width: 25%;
	}
		
		.archivePosts-grid .postTitle:only-child
		{
			margin-bottom: 5px;
		}
		
		.archivePosts-grid .featuredImage
		{	
			overflow: hidden;
		}
		
			.archivePosts-grid .featuredImage a
			{
				display: block;
				position: relative;
			}
			
			.archivePosts-grid .featuredImage a:empty
			{				
				background: #0a0a0a;
				height: 0;
				padding-bottom: 66%;
			}
			
				.archivePosts-grid .featuredImage a::after
				{
					display: block;
					content: "+";
					font-size: 24px;
					opacity: 0;
					padding: 10px;
					position: absolute;
					right: 0;
					top: 0;
					transition: opacity 0.25s ease-in;
				}
				
				.archivePosts-grid .featuredImage  a:hover::after
				{
					opacity: 1;
				}
				
				.archivePosts-grid .featuredImage img 
				{
					height: auto;
					max-width: 100%;
					transition: opacity 0.25s ease-in;
				}
				
				.archivePosts-grid .featuredImage a:hover img 
				{
					opacity: 0.65;
				}
			
		.archivePosts-grid .postHeader-headline
		{
			margin-bottom: 15px;
			margin-top: 15px;
			min-height: 17px;			
		}
		
		.archivePosts-grid .postMeta
		{
			padding-right: 50px;
			word-break: break-word;			
		}
		
		.archivePosts-grid .postMeta:only-child
		{
			padding-right: 0;		
		}
		
	.archivePosts-grid + .headerSiteWidth
	{
		margin-top: 50px;
	}
	
	.archivePosts-grid + .archivePagination
	{
		text-align: center;
		margin-left: 0;
		margin-top: 35px;
	}

/* 6.4 404 ---------- */ 

.content-col-2 .postContent
{
	margin-left: 0;
	margin-right: 0;
}

/* 6.5 SPLASH ---------- */

.postWrapper.postMedia-Align-v
{
	padding-top: 75px;
	text-align: center;
}

.postWrapper.postMedia-Align-v .archivePosts-background
{
	z-index: 0;
}

.postWrapper.postMedia-Align-v > div
{
	position: relative;
	z-index: 0;
}

.postMedia-Align-v .postHeader-headline
{
	margin-bottom: 30px;
}

.postMedia-Align-v .fstop-button
{
	display: inline-block;
	margin-top: 30px;
}

.fstop-button:first-child
{
	margin-top: 0;
}

.splashSocial 
{
	bottom: 60px;
	color: #ffffff;
	list-style: none;
	padding: 0 60px;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

	.splashSocial li 
	{
		display: inline-block;		
		margin: 0 7px;
	}
	
	.splashSocial li + li::before
	{
		content: "\2022";
		margin: 0 12px 0 0;
	}


/* =========================================================================
   7. PAGINATION
   ========================================================================= */

/* 7.1 POST NAVIGATION ---------- */

.postPagination
{
	overflow: hidden;
}

	.postPagination > div
	{
		float: left;
		height: 0;
		padding-bottom: 32%;
		position: relative;
		width: 50%;		
	}		
	
	.postPagination > div:only-child
	{
		float: none;
		padding-bottom: 32%;
		width: 100%;
	}
		
		.postPagination-background
		{
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			background-color: #0a0a0a;
			bottom: 0;
			left: 0;
			opacity: 0.65;
			position: absolute;			
			right: 0;
			top: 0;
		}
		
		.postPagination-headline {
			padding: 0 60px;
			position: absolute;
			text-align: center;
			transform: translateY(-50%);
			top: 50%;
			width: 100%;
		}
			
			.postPagination-label
			{
				display: block;
				margin-bottom: 4px;
			}
			
			.postPagination-title
			{
				display: inline-block;
				line-height: 1.2em;
				position: relative;
			}	
		
		.postPagination-permalink
		{
			bottom: 0;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			text-indent: -9999px;
			top: 0;
		}
		

/* 7.2 ARCHIVE PAGINATION ---------- */

.archivePagination
{
	margin-top: 75px;
	margin-left: 60px;
}

.archivePosts .archivePagination
{
	margin-left: 0;
	text-align: center;
}

	.archivePagination .page-numbers
	{
		display: inline-block;
		margin-right: 4px;
		transition: opacity 0.25s linear;
	}
	
	.js-ajax-load-button.page-numbers
	{
		margin: 0;
	}

		.archivePagination .current,
		.archivePagination a:hover,
		.wpLinkPages-number,
		.wpLinkPages-number:hover
		{
			opacity: 0.5
		}
		
		.archivePagination a:focus		
		{
			/*outline: none;*/
		}

/* 7.3 WP_LINK_PAGES ---------- */

.wpLinkPages 
{
	margin-top: 45px;
}
	a .wpLinkPages-number
	{
		opacity: 1;
		transition: opacity 0.25s linear;
	}
	
	.wpLinkPages > * {
		display: inline-block;
		margin-right: 5px;
	}

/* 7.4 COMMENTS NAVIGATION ---------- */

.nav-links {
	position: absolute;
	top: 0;
	right: 0;
}

	.nav-links > div {
		float: left;
	}
	
	.nav-links > div + div
	{
		margin-left: 10px;
	}
	
		.nav-links a
		{
			font-family: helvetica, ariel, sans-serif;
			font-size: 32px;
			line-height: 0.7em;
		}

/* ==========================================================================
   8. SIDEBAR
   ========================================================================== */

.postMain:not(:only-child),
.postSidebar
{
	float: left;
}

.postMain:not(:only-child)
{
	width: calc(100% - 360px);
}

.postSidebar
{
	margin-left: 60px;
	width: 300px;
}

.postSidebar img
{
	height: auto;
	max-width: 100%;
}

/* 8.1 WIDGETS ---------- */
	
.widget
{
	border-bottom: 1px solid transparent;
	line-height: 28px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
}

.widget:last-child
{	
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

	.widget-title
	{
		margin-bottom: 26px;
	}
	
	.widget:first-child .widget-title
	{
		margin-top: 0;
	}

	.widget ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		.widget ul li
		{
			padding: 2px 0;
		}
		
		.widget > ul > li:first-child
		{
			padding-top: 0;
		}
		
			.widget ul a 
			{
				border: none;
				line-height: 20px;
			}
			
			.widget ul ul
			{
				padding-left: 15px;
				padding-top: 2px;				
			}
			
				.widget ul ul li:last-child
				{
					padding-bottom: 0;
				}
				
					.widget ul ul a::before
					{
						display: inline-block;
						content: "-";
						margin-right: 4px;
					}

/* Recent Posts */

.widget_recent_entries li,
.recentcomments
{
	margin-bottom: 15px;
	line-height: 20px;
}

.widget_recent_entries li:last-child,
.recentcomments:last-child
{
	margin-bottom: 0;
}

.post-date
{
	display: block;
	margin-top: 4px;
}

/* RSS */

.widget-title .rsswidget
{
	border: none;
	display: inline-block;
}

.widget_rss ul li
{
	margin-bottom: 20px;
}

.widget_rss ul li:last-child
{
	margin-bottom: 0;
}

.widget_rss ul .rsswidget
{
	display: block;
}

.widget_rss ul .rss-date,
.widget_rss ul .rssSummary
{
	display: block;
}
.widget_rss ul .rssSummary
{
	margin-top: 7px;
}


/* Recent Comments */

.recentcomments > a
{
	display: block;
	margin-top: 4px;
}

/* Search */

.search-form { position: relative; }

	.search-form label
	{ 
		display: none;
	}

	.search-field:focus
	{
		border: none;
		outline: none;
	}
	
	.search-field
	{
		padding-right: 55px;
	}
	
	.search-submit
	{
		background: none;
		border: none;
		font-size: 18px;
		height: 100%;
		padding-top: 6px;
		position: absolute;
		right: 0;
		top: 0;
		transition: color 0.2s linear;
		width: 40px;
	}

	
/* ==========================================================================
   9. COMMENTS
   ========================================================================== */

.postComments
{
	margin-top: 150px;
	position: relative;
}

.postComments::before { 
	top: 0;
	transform: translateY(-50%);
}


	.commentsHeader
	{
		position: relative;
	}

		.postComments .commentsTitle
		{	
			margin-top: 0;
			margin-right: 120px;
			margin-bottom: 45px;
		}

		.commentsList
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			.comment-body
			{
				border-bottom: 1px solid transparent;				
				margin-bottom: 45px;
				padding-bottom: 45px;
			}
			
			.bypostauthor > .comment-body 
			{
				border-bottom-width: 4px;
			}
		
				.comment-meta	
				{
					line-height: 1em;
					padding-left: 60px;
					position: relative;
				}
				
					.comment-author
					{
						margin-bottom: 4px;
					}
					
					.comment .avatar
					{
						border-radius: 100%;
						left: 0;
						overflow: hidden;
						position: absolute;
						top: 0;				
					}
					
					.comment .edit-link::before
					{
						content: "- "
					}
				
				.comment-content
				{
					margin-top: 45px;
				}
			
				.reply 
				{
					line-height: 1em;
					margin-top: 30px;
				}
				
			.comment .children
			{
				padding-left: 60px;
			}
			
			.comment .children li
			{
				display: block;
			}
			
			p.comment-notes
			{
				margin-bottom: 45px;
			}
			
			p.form-submit
			{
				margin-top: 30px;
			}
			
			.comment .comment-respond
			{
				margin-bottom: 45px;
			}

	
/* ==========================================================================
   10. STYLING
   ========================================================================== */

.clearfix { clear: both; }

.clearfix::before,
.clearfix::after
{
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   11. HTML ELEMETNS
   ========================================================================== */

acronym
{
	border-bottom: 1px dotted;
}

code
{
	display: inline-block;
	padding: 0 7px;
}

pre
{
	margin: 30px 0;
	padding: 15px;
}

address
{
	margin-top: 15px;
}
	
/* 11.1 LISTS ---------- */

ol, ul {
	margin: 15px 0;
	padding: 0 0 0 20px;
}

ol ol,
ol ul,
ul ul,
ul ol
{
	margin: 0;
}

dl
{
	margin-top: 30px	
}

dl dd
{
	margin: 15px 0 30px;
}

/* 11.2 MEDIA ---------- */

.mejs-container.wp-video-shortcode .mejs-controls {
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(71%, rgba(0,0,0,0.28)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    height: 50px;
}

.mejs-container.wp-video-shortcode .mejs-controls div {    margin-top: 30px }

.wp-video,
.video-post-player > .wp-video {
    height: auto !important;
    width: auto !important;
    width: 100% !important;
}

.mejs-container.mejs-video {
	height: auto !important;
	padding-top: 56.3%;
	width: 100% !important;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {    background: #0a0a0a; }

.mejs-time-slider:focus,
.mejs-time-slider > *:focus
{
	outline: none;
}
.mejs-controls a
{
	border: none;
}


/* 11.3 TABLES ---------- */

table 
{
	border-bottom: 1px solid transparent;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;    
    width: 100%;    
	overflow-x: auto;
}

	tr {}
	  
		th,
		td {
			border-top: 1px solid transparent;
			border-left: 1px solid transparent;
			border-right: 0 solid transparent;
			padding: 15px;
			text-align: left;
		}



	tr th:first-child,
	tr td:first-child { 
		border-left-width: 0; 
		padding: 15px 15px 15px 0;
	}
	
	tr th:last-child,
	tr td:last-child { 
		padding: 15px 0 15px 15px;
	}

	
/* 11.4 FORMS ---------- */

label
{
	display: block;
	margin-bottom: 15px;
}

input[type="search"]
{
	box-sizing: border-box;
}

input,
textarea
{
	border: none;
	border-radius: 0;
	padding: 15px;
	width: 100%;
}

.fstop-button,
input[type="submit"]
{
	border: none;
	border-radius: 30px;
	padding: 17px 20px;
	transition: opacity 0.25s linear;
	width: auto;
}

.fstop-button:hover,
input[type="submit"]:hover
{
	opacity: 0.7;
}

input[type="submit"]:disabled
{
	cursor: not-allowed;
	opacity: 0.7;
}

select
{
	border: none;
	padding: 15px;
	width: 100%;
}

select:focus
{
	border: none;
	outline: none;
}

span.wpcf7-list-item
{
	display: block;
	margin: 0;
}

	input[type="checkbox"]
	{
		margin-right: 5px;
		width: auto;
	}

.wpcf7-form .wpcf7-response-output 
{
	margin: 30px 0;
	padding: 15px;
}

.wpcf7-form.sent > *
{
	display: none;
}

.wpcf7-form.sent .wpcf7-response-output
{
	display: block;
}

/* 11.5 MISC ---------- */

/* ==================================================
   12. IMAGES
   ================================================== */

.postContent img,
.wp-caption
{
	height: auto;
	display: block;
	max-width: 100%;
}

.postContent img + img
{
	margin-top: 30px;
}

.wp-caption img
{
	margin: auto;
	
}

div.aligncenter,
div.alignnone
{
	width: 100% !important;
}

img.aligncenter,
div.aligncenter
{
	margin-bottom: 45px;
	margin-top: 45px;
}

.aligncenter
{
	margin-left: auto;
	margin-right: auto;
}



img.alignnone
{
	margin-bottom: 45px;
	margin-top: 45px;
}

.alignleft
{
	float: left;
}

img.alignleft,
p img.alignleft
{
	margin: 10px 30px 10px 0;
}

div.alignleft
{
	margin: 22px 30px 10px 0;
}

.alignright
{
	float: right;
}

img.alignright,
p img.alignright
{
	margin: 10px 0 10px 30px;
}

div.alignright
{
	margin: 22px 0 10px 30px;
}

div.alignnone
{
	margin: 45px 0;
}

div.alignnone img
{
	margin: 0;
}

.sidebar-sidebarInner div.alignright,
.sidebar-sidebarInner img.alignright,
.sidebar-sidebarInner div.alignleft,
.sidebar-sidebarInner img.alignleft,
.sidebar-sidebarInner div.aligncenter,
.sidebar-sidebarInner img.aligncenter,
.sidebar-sidebarInner div.alignnone,
.sidebar-sidebarInner img.alignnone
{
	float: none;
	clear: both;
	margin: 15px 0;
}

/* 12.1 GALLERY SHORTCODE ---------- */

.gallery { 
	margin: -3px -3px 42px -3px;
	overflow: hidden; 
}

* + .gallery {    margin-top: 36px }

.gallery:last-child {    margin-bottom: 0 }

.gallery > br {    display: none }

.gallery .gallery-item {
    float: left;
	margin: 0;
    overflow: hidden;
	padding: 3px;
    position: relative;
}

.gallery.no-spacing .gallery-caption { margin: 0; }

.gallery-columns-1 .gallery-item {
	padding: 0 3px 0;
	width: 100%;
}
.gallery-columns-1 .gallery-item + .gallery-item { padding-top: 30px; }

.gallery-columns-2 .gallery-item {    width: 50% }

.gallery-columns-3 .gallery-item {    width: 33.3333333333%; }

.gallery-columns-4 .gallery-item {    width: 25% }

.gallery-columns-5 .gallery-item {    width: 20% }

.gallery-columns-6 .gallery-item {    width: 16.666% }

.gallery-columns-7 .gallery-item {    width: 14.285% }

.gallery-columns-8 .gallery-item {    width: 12.5% }

.gallery-columns-9 .gallery-item {    width: 11.111% }

.gallery-item .gallery-icon { overflow: hidden; }

.gallery-item a {
    display: block;
    text-align: center;
}

.gallery-item img {
	display: block;
    height: auto;
    transition: all 0.5s;
    width: 100%;
}

.gallery .gallery-caption
{
	display: none;
}

/* 12.2 CAPTIONS ---------- */

.wp-caption-text {
	line-height: 21px;
}

/* ==================================================
   14. WP FEATHERLIGHT
   ================================================== */

[data-featherlight],
.single .archivePosts-grid .featuredImage a
{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.featherlight .featherlight .featherlight-content
{
	margin-left: 10%;
	margin-right: 10%;
	
}
	
	.featherlight .featherlight-next, 
	.featherlight .featherlight-previous {
		background: none;
		cursor: pointer;
		display: block;
		height: 100%;
		margin: 0;
		opacity: 1;
		text-indent: initial;
		transition: color 0.25s linear;
		top: 0;
		width: 100px;
	}
	
	.featherlight .featherlight-next { right: 0; }
	.featherlight .featherlight-previous { left: 0; }
		
		.featherlight .featherlight-previous > span,
		.featherlight .featherlight-next > span 
		{
			display: block;
			font-size: 32px;		
			line-height: 1em;
			margin-top: 0;
			position: absolute;
			text-align: left;			
			text-shadow: none;
			top: 50%;
			transform: translateY(-50%);
			width: auto;
		}
		
		.featherlight .featherlight-previous > span
		{
			left: 30px;			
		}
		
		.featherlight .featherlight-next > span
		{		
			right: 30px;
			text-align: right;
		}
		
			.featherlight-next span span,
			.featherlight-previous span span
			{
				display: block;
				left: auto;
				right: auto;
				position: relative;
				top: auto;
				transform: none;				
			}
			
		body .featherlight .featherlight-close-icon
		{
			display: none;
		}
		
		.featherlight .featherlight-content .caption
		{
			margin-top: 7px;
		}
		

/* ==================================================
   15. WEBSITESMASH PICK POSTS
   ================================================== */

.wpp-container {
	position: absolute;
	right: 0;
	top: 0;
}   

.wpp-container > span + span
{
	margin-left: 4px;
}
	
/* ==================================================
   16. ANIMATIONS
   ================================================== */

.archivePagination a[data-loader='circle-side'] {
    -webkit-animation: spinner infinite .75s linear;
	   -moz-animation: spinner infinite .75s linear;
         -o-animation: spinner infinite .75s linear;
            animation: spinner infinite .75s linear;
    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-radius: 100%;
    height: 25px;
    position: relative;
	width: 25px;	
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }	
    100% {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-o-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* ==================================================
   17. SCREEN READERS
   ================================================== */

.hidden,
.screen-reader-text {    display: none !important }


/* ==================================================
   18. PRINT STYLES
   ================================================== */

@media print { 
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a {    text-decoration: underline }

    a[href]::after {    content: " (" attr(href) ")" }

    abbr[title]::after {    content: " (" attr(title) ")" }

    /**
     * Don't show links for images, or javascript/internal links
     **/

    .ir a::after,
    a[href^="javascript:"]::after,
    a[href^="#"]::after {    content: "" }

    pre,
    blockquote {    page-break-inside: avoid }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {    page-break-inside: avoid }

    img {    max-width: 100% !important }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {    page-break-after: avoid }
}