/*
* Layout
*
* @package WP Day Spa
* @subpackage CSS
*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

/* ==============================================================================

Stylesheet Guide

	3.1 Site Styles
	3.2 Page Styles
	3.3 Media Queries

/* ============================================================================== */
/* 3.1 Site Styles
/* ============================================================================== */

	img { display: block; max-width: 100%; height: auto;}

	/* Top Bar */
	#topbar-wrap { font-size: 11px; background: rgba(109,104,110,1); color: #fff; border-bottom: 1px solid #777;}
	#topbar-wrap p { padding: 4px 0;}
	#topbar-wrap li { float: left; text-align: center; margin: 0;}

		#topbar-wrap .social a { display: inline-block; min-width: 30px; padding: 4px 16px; margin: 0; font-size: 12px; border-right: 1px solid #8d8580; color: #fff;}
			#topbar-wrap .social li:first-child a { border-left: 1px solid #8d8580;}
			#topbar-wrap .social li:last-child a { border-right: none;}
				.facebook a:hover { background: #3a7ea2; color: #fff !important;}
				.twitter a:hover { background: #55c5ef; color: #fff !important;}
				.linkedin a:hover { background: #4875b4; color: #fff !important;}
				.google a:hover { background: #c63d2d; color: #fff !important;}
				.dribbble a:hover { background: #ea4c89; color: #fff !important;}
				.pinterest a:hover { background: #c92228; color: #fff !important;}
				.instagram a:hover { background: #517fa4; color: #fff !important;}
				.github a:hover { background: #000; color: #fff !important;}
				.contact a:hover { background: #000; color: #fff !important;}
			.wpml-lang { position: relative; padding: 12px 16px; background: #777;}
				.wpml-lang ul { position: relative; top: 2px;}
				.wpml-lang li { display: inline-block; margin: 0 8px 0 0 !important;}
				.wpml-lang li:last-child { margin: 0 !important;}
			#topbar-wrap .contact-phone { padding: 4px 16px; background: #8d8580;}

	/* Masthead */
	#masthead { position: absolute; top: 0; background: rgba(109,104,110,0.9);}
	body.admin-bar #masthead { top: 69px; }
	header#masthead.row { width: 100%; margin: 0; z-index: 99999;}
		.site-logo { padding: 15px 0;}
		#masthead .right-nav { float: right;}
		#masthead .left-nav { float: left;}
			#masthead .right-nav > li,
			#masthead .left-nav > li { display: inline-block; position: relative; top: 28px; font-size: 18px;}
				#masthead .right-nav li a,
				#masthead .left-nav > li a { color: #fff;}
					li.search { margin: 0 20px 0 0;}
		.show-hide { display: none !important;}

	/* Masthead Sticky */
	#masthead-placeholder { display: none; height: 0;}
	#masthead.sticky { /*top: 0;*/ position: fixed; background: rgba(109,104,110,0.9);}

	/* Home */
	article.full-width .wpb_row { margin-left: 0; margin-right: 0;}
	.vc_responsive article.full-width .wpb_row .vc_span12 { padding-left: 0; padding-right: 0; }
	.home .page-builder { padding-top: 30px;}
	.home .latest-products { margin: 0 0 60px 0;}


	/* Search Bar */
	#search-bar { display: none; width: 100%; background: #fff; height: 0px; overflow: hidden; float: left; border-bottom: 1px solid #ccc;}
		#search-bar .container { padding-top: 9px;}
		#search-bar i.fa { color: #777;}
		#search-bar form { margin: 0; display: inline;}
		#search-bar form input { margin-bottom: 0;}
		#search-bar #search-input { background: #fff; font-size: 13px; border: 0;}
		#search-bar input[type="submit"] { visibility: hidden; }
		#search-bar #search-close { float: right; margin: 3px 0 0 0;}
			#search-bar #search-close i.fa { color: #777;}

	/* Dark Header Image Overlay */
	.dark-overlay { width: 100%;  padding: 140px 0 80px 0; background: rgba(109,104,110,0.9);}

	/* Archives & Search */
	#archive-header {}
		#archive-header h1 { font-weight: 800; color: #fff; text-align: center;}
		.archive-inner { padding: 0 40px 0 0;}
			article.post { margin: 0 0 60px 0; padding: 0 0 60px 0; border-bottom: 1px solid #ececec;}
				.author-avatar { margin: 0 20px 0 0;}
					.author-avatar img { height: 80px; width: 80px; border-radius: 40px;}
				.entry-title { max-width: 80%; text-transform: uppercase;}
					#archive .meta,
					#search .meta { color: #888; text-transform: uppercase;}

	/* Single */
	#single-header { margin: 0 0 60px 0; background: #000; text-align: center;}
		#single-header .author-avatar img { display: inline-block; margin: 0 auto 20px auto; width: 80px; height: 80px; border-radius: 40px;}
		#single-header h1 { text-transform: uppercase; font-weight: 800; color: #fff;}
			#single-header h2 { font-size: 1.0625em; color: #efefef; font-weight: 300; font-family: 'Lato', 'sans-serif'; text-transform: uppercase;}
				#single-header p,
				#single-header a { font-size: 14px; margin: 8px 0 0 0; color: #797979;}
					#single-header .meta { padding: 3px 10px; background: rgba(0,0,0,0.5);}

	.single-inner { padding: 0 40px 0 0;}
	.single .span_2 { color: #fff;}

		/* Post Social */
		.post-social h6 { text-transform: uppercase; color: #ccc; margin: 20px 0 12px 0;}
		.post-social li { display: inline-block; text-align: center;}
			.post-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}

		/* Page Links */
		.page-link { margin: 30px 0 0 0; color: #ccc; font-size: 14px; text-transform: uppercase;}

		/* Author Info */
		#authorinfo { margin: 60px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #efefef;}
			#authorinfo h5 { text-transform: uppercase;}
			#authorinfo img { height: 160px; width: 160px; border-radius: 80px;}
			.author-inner { padding: 0 0 0 20px;}
				h5.the-author { font-size: 1em;}
				.author-inner p { color: #555; font-weight: 300;}
				.author-inner li { display: inline-block; margin: 0 20px 0 0;}
					.author-inner li a { color: #888;}
						.author-inner li a:hover { background: none;}
							.author-inner i { color: #888 !important;}

		/* Related Posts */
		.related-title { margin: 0 0 25px 0; padding: 60px 0 0 0; border-top: 1px solid #efefef; text-transform: uppercase;}
			.related h6 { margin: 15px 0 10px 0; text-transform: uppercase;}
			.related p { font-weight: 300; color: #555; font-size: 0.875em; line-height: 1.55em;}

		/* Post Nav */
		.post-nav { margin: 60px 0 60px 0;}
			.post-nav i { position: relative; top: 1px; display: inline-block;}
				.post-nav i.icon-chevron-left { margin-right: 10px;}
				.post-nav i.icon-chevron-right { margin-left: 10px;}

	/* Page */

	/* 404 */
	.error404 #single-header { margin: 0;}
		.error404 .dark-overlay { padding: 260px 0;}

	/* Contact */
	.page-template-template-contact-php #single-header { background: #ccc;}
		#location #map { position: relative; z-index: 0; height: 360px; width: 100%; background: url(../images/loader.gif) center center no-repeat; border-bottom: 1px solid #e9ebed;}
		#map a img { display:none;}
		#map .gmnoprint { width: auto !important;}
	.page-template-template-contact-php h1,
	.page-template-template-contact-php h2 { text-align: center;}
		.page-template-template-contact-php h1 { font-size: 24px; text-transform: uppercase; margin: 0 0 8px 0;}
			.page-template-template-contact-php h2 { font-size: 16px; color: #888; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 60px 0;}
				.page-template-template-contact-php h5 { text-transform: uppercase; margin: 0 0 25px 0;}
		.contact-info li { margin: 0 0 10px 0; clear: both;}
			.contact-info i { float: left; margin: 8px 10px 0 0;}
				.contact-info .fa-home { float: left; margin-bottom: 40px;}
		.contact-social { margin: 20px 0 0 0;}
			.contact-social li { display: inline-block; text-align: center;}
				.contact-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}
	#contactform { position: relative; }
	#contactform .notification { width: 74.5%; }
	#contactform #formloader { font-size: 2em; vertical-align: middle; color: #2ea9ef; display: none;}
	#contacterror-placeholders { display: none;}

	/* Single & Page */
	.single .content.col.span_9,
	.page .content.col.span_9 { padding-bottom: 60px;}

	/* Portfolio Archive */
	#isotope-container .item {
		margin: 0 1.8% 1.8% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		float: left;
	}

	/* Portfolio Single */
	.portfolio-inner { padding: 0 40px 0 0;}
		ul#portfolio-info { list-style: none; margin: 40px 0 0 0;}
			#portfolio-info li { line-height: 24px; margin: 0 0 20px 0; color: #555;}

	/* Portfolio Single Nav */
	.port-nav li { display: inline-block;}
		.nav-prev a,
		.view-grid a,
		.nav-next a { display: inline-block; border: 1px solid #efefef; padding: .5em 1em;}
			.nav-prev a:hover,
			.view-grid a:hover,
			.nav-next a:hover { background: #f1f1f1;}

	/* Related Portfolio */
	.related-portfolio { border-top: 1px solid #efefef; margin: 60px 0 60px 0; padding: 60px 0 0 0;}
	.related-portfolio h4 { margin: 0 0 30px 0; text-transform: uppercase;}

	/* Services Archive */
	.service { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
		.service-inner { padding: 20px;}
	.service:nth-child(4n) { margin-left: 0 !important;}
		.service:nth-child(4n):after { clear: both;}
		.service h4,
		.service p { text-align: center;}
		.pricing { margin: 0 0 40px 0; font-weight: 800;}
			.pricing li { border-bottom: 1px solid #efefef;}
				.pricing li span { display: inline-block; float: right; font-weight: normal; padding: 0 0 0 10px;}

	/* Staff Archive */
	.staff { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
		.staff-inner { padding: 20px;}
	.staff:nth-child(4n) { margin-left: 0 !important;}
		.staff:nth-child(4n):after { clear: both;}
		.staff h4,
		.staff h5,
		.staff p { text-align: center;}
			.staff h5 { color: #999; font-weight: normal;}

	/* Footer */
	footer.row { margin: 0; padding: 60px 0; color: #ccc; background: #18191b;}
		footer .widget { padding: 0 20px 0 0; border-right: 1px solid #333;}
				footer .widget:nth-of-type(3n) { padding-right: 0; border-right: 0;}
			footer .widget li { border-bottom-color: #333;}



/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		/* Masthead */
		#masthead nav.left,
		#masthead nav.right { display: none;}
			#masthead .col.span_2 { margin-left: 0;}
			#masthead .col.span_5 { width: 83%;}

			/* Mobile Nav */
			.show-hide { display: inline-block !important; position: absolute; top: 24px; right: 5%; font-size: 16px; border-radius: 5px; padding: 3px 12px; background: #a5d5bb; color: #fff !important;}
				.show-hide a,
				.show-hide a:visited { color: #fff !important;}
			#mobile-nav { display: block; position: relative; width: 100%; right: 0; top: 0; right: 0; width: 100%; padding: 20px 0; font-size: 12px;}
				#mobile-nav li a { display: block; padding: 8px 0; border-bottom: 1px solid #8d8580; color: #fff !important;}

			/* Cart */
			#masthead #cart-loader { position: relative; top: -8px;}
			#masthead .right-nav { margin-right: 65px;}
			#masthead .right-nav > li { top: 34px;}

			/* Columns */
			#masthead .col.span_1 { width: 6.5% !important;}
			#masthead .col.span_2 { width: 50% !important;}
			#masthead .col.span_5 { width: 50% !important; margin-left: 0 !important;}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {



	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		/* Masthead */
		#masthead .logo {}

		/* Blog */
		.author-avatar { display: none;}

		/* Grid */
		.col,
		.singlecol,
		.onethirdcol,
		.twocol,
		.twothirdcol,
		.threecol,
		.fourcol,
		div.product div.images,
		#content div.product div.images,
		div.product div.images,
		#content div.product div.images,
		.summary.entry-summary,
		#archive ul.products li.product,
		.aq-template-wrapper .aq_span1,
		.aq-template-wrapper .aq_span2,
		.aq-template-wrapper .aq_span3,
		.aq-template-wrapper .aq_span4,
		.aq-template-wrapper .aq_span5,
		.aq-template-wrapper .aq_span6,
		.aq-template-wrapper .aq_span7,
		.aq-template-wrapper .aq_span8,
		.aq-template-wrapper .aq_span9,
		.aq-template-wrapper .aq_span10,
		.aq-template-wrapper .aq_span11,
		.aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;}	

		div.product div.images,
		#content div.product div.images,
		div.product div.images,
		#content div.product div.images { margin-bottom: 30px;}		

		/* Product */
		ul.products figure.product-image .info { opacity: 1; background: none;}
			ul.products figure.product-image .details-btn,
			ul.products figure.product-image .add-to-cart { background: #a5d5bb; border-color: #a5d5bb; opacity: 1;}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* Top Bar */
		#topbar-wrap .social { display: none;}

	}

	@media only screen and (max-width: 766px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		/* Top Bar */
		#topbar-wrap { font-size: 9px;}
		#topbar-wrap p { text-align: center;}
		#topbar-wrap .social { display: none;}

		/* Masthead */
		#masthead .right-nav { margin-right: 75px;}

		/* Home */
		#topbar-wrap { margin: 0 0 70px 0;}

	}