/*
Theme Name: The Hero - katemccormack
Theme URI: http://almostcustomwebsites.com/layouts/
Description: The Hero Layout from Almost Custom Websites, a responsive child theme of the Inti Framework.
Version: 2.3 (1214)
Author: Almost Custom Websites
Author URI: http://www.almostcustomwebsites.com/
Template: inti
*/

@import url("../inti/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


/**
style.css
Used for the structural elements of the theme and its multiple breakpoints. Colors and fonts can be found in css/base.css as these
are normally consistant throughout breakpoints (i.e. they apply to mobile, tablet and desktop)

 * Aleady called before this stylesheet:
 * normalize.css
 * bootstrap.css (optional)
 * font-awesome.css
 * toastr.css
 * material.css
 * ripples.css
 * animate.css
 * slick.css
 * magnific-popup.css
 * select2.css
 * fonts.css


 * Table of Contents:
 *
 * 1.0 - Mobile Header & Navigation Styles
 * 2.0 - Mobile Content Layout Styles
 * 3.0 - Footer Styles
 * 4.0 - Basic Forms and buttons reset
 * 5.0 - WordPress stuff
 * 6.0 - Mobile Shortcode structure
 * 7.0 - Widget structure

 @breakpoint [default 30em==480px]
 * 8.0 - WordPress stuff

 @breakpoint [default 37.5em==600px]
 * 9.0 - Content Layout Styles

 @breakpoint [default 48em==768px]
 * 10 - Header & Navigation Styles
 * 11. - Content Layout Styles
 * 12. - Shortcodes - 2nd breakpoint

 @breakpoint [default 64em==1024px]

 @breakpoint [default 75em==1200px]

 @breakpoint [default 87.5em==1400px]

*/



/* ---------------------------------------- */
/*	1.0 - Mobile Header & Navigation Styles
/* ---------------------------------------- */
/* Starting from mobile, these are the structural styles for mobile but are also inherited by all following media-queries and remain in use unless overwritten */

.webpage {
	margin: 0 auto;
	width: 100%;
	/*max-width: 960px;*/ /* use this to turn the theme unresponsive */
	overflow: hidden;
}   
	.limiter { width:100%; max-width: 1200px; margin:0 auto; } /* Set the max-width to the largest breakpoint we're going to use (you can add as many as you like!) */
	.webpage .limiter.main { width: 98%;} /* Gives us 2x 1% margins on mobile - we need margins, but don't want to be wasteful */
	
	header.webpage-header {
		
	}  
		.webpage-header > header.logobar {
			position: relative;
			
		}   
		.webpage-header > header.logobar .limiter{
			background: none;
		}
			#logo-area {
				padding: 1.4em  0;text-align: center;
			}
				img#logo {
					max-width:100%;
				}  				
				img#logo-small {
					max-width:200px; display: block;
				}     
			#cart-area {
				position: absolute; top: 0.25em; right: 0em; z-index: 8;
			}
				#cart-area #cart-area-widget {
					width: 100%; position: relative;
				}
					#cart-area #cart-area-widget #in-your-bag {
						margin: 0;
						/*cursor: pointer;*/
						position: relative;
						overflow: visible;
						padding: 6px 10px;
						text-decoration: none;
						font: bold 100%/1em inherit;
						left: auto;
					}
						#cart-area #cart-area-widget #in-your-bag #cart-data {
							display: none;
						}       
						#cart-area #cart-area-widget #in-your-bag #cart-icon {

						}
					#cart-area #cart-area-widget .cart-popup {
						display: none; position: absolute; top:52px; right: 0; min-width: 300px; 
						text-align: left; 
						padding: 1em;
					}
						#cart-area #cart-area-widget .cart-popup div.cart-buttons {
							margin: 2em 0 0 0;
						}
				#cart-area #cart-area-links {
					display: none;
				}
					
			#launch-bar {
				display: none;
			}

		.webpage-header header.navbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.webpage-header .is-sticky header.navbar {
			left: 0; z-index: 99998;
		}	

		/** Hide and Show menus **/
			nav.macromenu {
				display:none;
			}
			nav.micromenu {
				display:block;
			}
		/* All menu styles - these values pass on to later breakpoints */
				ul.nav-prime li {
					position:relative;
				}
				ul.nav-prime li:last-child, ul.nav-prime li:last-of-type {
					
				}
					ul.nav-prime a {
						display: block;
					}
				ul.nav-prime ul {
					list-style: none;
					margin:0 0 10px 0; padding:0;
					z-index: 99999;
				}


				
		/* Micro Menu Styles */
				nav.micromenu ul#nav-buttons {
					list-style: none; margin: 0; padding: 0;
				}
					nav.micromenu ul#nav-buttons li:first-child {
						border-left: 1px solid rgba(0, 0, 0, 0.075);
					}				
					nav.micromenu ul#nav-buttons li {
						float: left; display: block; line-height: 55px; padding: 0 10px;
						cursor: pointer; max-height: 55px;
						border-right: 1px solid rgba(0, 0, 0, 0.075);
						border-bottom: 1px solid rgba(0, 0, 0, 0.025);
					}
						nav.micromenu ul#nav-buttons li a, 
						nav.micromenu ul#nav-buttons li span {
							font-weight: 400;
							text-decoration: none; 
							font-size: 1em;
						}

				
						nav.micromenu ul#nav-buttons li span {
							font-weight: 400;
							text-transform: uppercase;
						}	
						nav.micromenu ul#nav-buttons li i.icon-shopping-cart { margin-right: 5px; }		
					nav.micromenu ul#nav-buttons li.hover,
					nav.micromenu ul#nav-buttons li.hover > span,
					nav.micromenu ul#nav-buttons li.hover > a,
					nav.micromenu ul#nav-buttons li.hover > a span {

					}
					nav.micromenu ul#nav-buttons li.hover:hover,
					nav.micromenu ul#nav-buttons li.hover:hover > span,
					nav.micromenu ul#nav-buttons li.hover:hover > a,
					nav.micromenu ul#nav-buttons li.hover:hover > a span,
					nav.micromenu ul#nav-buttons li.hover.active {

					}
					nav.micromenu ul#nav-buttons li#show-nav-prime {
						color:#fff;	
						font-size: 1.5em;
						line-height: 2.4;
					}
					nav.micromenu ul#nav-buttons li#micrologo {
						max-width: 35%; line-height: 1; height: 55px; /*padding: 0 1%;*/
					}
						nav.micromenu ul#nav-buttons li#micrologo img {
							max-width: 100%; max-height: 100%;
						}
					nav.micromenu ul#nav-buttons li#microhome {
						padding: 0 1.25%;
						font-size: 1.5em;
						line-height: 2.4;
					}
				/*ul#menu-icons {
					 position: absolute; top:5px; right:10px;
				}
				ul#menu-icons li {
					display: block; float: left;
				}
				ul#menu-icons li a {
					padding:0 0.5em;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
				}
				ul#menu-icons li a:hover {
					opacity:0.9;
					filter:alpha(opacity=90);
				}*/
			select.select-menu {
				display:block; padding:5px; margin: 0 auto;
			}
			nav.micromenu ul.nav-prime {
				display:none;
				list-style:none; padding:0; margin:0;
			}	

	header.membership-header {

	}			
		.membership-header header.modulesbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.membership-header .is-sticky header.modulesbar {
			left: 0; z-index: 99998;
		}	
		header.membership-header header.loginbar {
			
		}
			header.membership-header header.loginbar #logo-area {
				padding: 1em 0; text-align: center;
			}
			header.membership-header header.loginbar #loginmenu {
				padding: 0 0 1em 0;
			}
				header.membership-header header.loginbar #loginmenu ul {
					list-style: none; margin: 0; padding: 0; text-align: center;
				}
					#loginmenu ul li {
						display: inline-block; margin-right: 1em;
					}

	.membership header.bannerbar {}
		.membership header.bannerbar img { max-width: 100%; display: block; }

/* ---------------------------------------- */
/*  2.0 - Mobile Content Layout Styles
/* ---------------------------------------- */
/* Content Area - Column Setup for this and all breakpoints unless overwritten later on */

div#content {
	z-index: 1; margin: 1em 0;
}   

/**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column 
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, in mobile, no columns are floated, all are 100% blocks.
*/
div#content.fullwidth {}
	div#content.fullwidth section.column-two {
		width: 100%; padding: 2em 2.5%;
	}   
		/* If page is set to FullWidth, hide other columns */
		div#content.fullwidth section.column-one, div#content.fullwidth section.column-three { display: none; }

div#content.skinny {}
	div#content.skinny section.column-two {
		width: 100%; padding: 2em 2.5%; /* Same as full width because we don't want margins on a small screen */
	}   
		/* If page is set to Skinny, hide other columns */
		div#content.skinny section.column-one, div#content.skinny section.column-three { display: none; }       

div#content.two-columns {} /* here in mobile view, no floating, as they'll be one below the other */
	div#content.two-columns section.column-one {

	}
	div#content.two-columns section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.two-columns section.column-three {
		padding: 2em 2.5%;
	}   
	div#content.two-columns section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   

div#content.two-columns-left {} /* here in mobile view, no floating, as they'll be one below the other */
	div#content.two-columns-left section.column-one {
		padding: 2em 2.5%;
	}
	div#content.two-columns-left section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.two-columns-left section.column-three {
		
	}   
	div#content.two-columns-left section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   

div#content.three-columns {}    
	div#content.three-columns section.column-one {
		padding: 2em 2.5%;
	}
	div#content.three-columns section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.three-columns section.column-three {
		padding: 2em 2.5%;
	}   
	div#content.three-columns section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   



/**
 *  Front Page (if one exists)
 */
div#content.front-page {
	margin: 0 0 2em 0;
}   

/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		margin: 0 auto; width: 94%;
		/* This can also have padding like a #content column */
	}


	section.block.optin {
		background:url('images/glitter_bg.jpg') repeat left top;
		padding: 1em;
	}


	section.block.buttons-box {
		padding: 2em 0;
	}
		section.block.buttons-box .title {
	    margin: -1em auto 0;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
		section.block.buttons-box .title:after, section.block.buttons-box .title:before {
			border-top: 1px solid #8e8e92 ;
			position: absolute;
			left: 0;
			top: 55%;
			width: 10%;
			content: ""
		}
		section.block.buttons-box .title:before {
			left: auto;
			right: 0;
		}
		section.block.buttons-box .title h3 {
		  color: #000;
		  display: inline-block;
		  font-weight: 300;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		}


		.buttons-box .boxbutton {
			background: #fff;text-align: center;
		}		
			.buttons-box .boxbutton img {
				display: inline-block; max-width: 100%; height: auto;
			}
		.buttons-box #button-1 {

		}
		.buttons-box #button-2 {

		}
		.buttons-box #button-3 {

		}


	section.block.home-bio {

	}
		section.block.home-bio article {
			margin: 2em 0;
		}
			section.block.home-bio article .bio-photo {
				
			}
				section.block.home-bio article .bio-photo img {
					
				}
			section.block.home-bio article .bio-text {

			}
				section.block.home-bio article .bio-text p {

				}
					section.block.home-bio article .bio-text .button{
						margin-top: 1em;
					}

	section.block.home-testimonials {
		padding: 2em 0;
	}
	section.block.home-testimonials h3{
	  color: #fff;
	  text-align: center;
	}


		section.block.home-testimonials .inti-testimonials-slider {
			margin: 2em 0;
		}
			section.block.home-testimonials .inti-testimonials-slider .slick-slide{
				background: none;
			}
				section.block.home-testimonials .inti-testimonials-slider .slick-slide blockquote.testimonial{
					background: none;
					border: none;
					font-style: italic;
				}
				section.block.home-testimonials blockquote.testimonial div.testimonial-image{margin-bottom: 1em;}

				section.block.home-testimonials blockquote.testimonial div.testimonial-text p{
					font-style: italic;
				}

					


	section.block.home-blogposts {
		padding: 2em 0;background: #ECECF4;
	}

		section.block.home-blogposts .title {
	    margin: -1em auto 0;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
		section.block.home-blogposts .title:after, section.block.home-blogposts .title:before {
			border-top: 1px solid #8e8e92 ;
			position: absolute;
			left: 0;
			top: 55%;
			width: 10%;
			content: ""
		}
		section.block.home-blogposts .title:before {
			left: auto;
			right: 0;
		}

		section.block.home-blogposts .title h3 {
		  color: #000;
		  display: inline-block;
		  font-weight: 300;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		}





			section.block.home-blogposts article {
				margin-bottom: 2em; 
			}
				section.block.home-blogposts article .featured-image {

				}
					section.block.home-blogposts article .featured-image img {
						max-width: 100%; height: auto;
					}
				section.block.home-blogposts article .post-text {
					
				}
					section.block.home-blogposts article .post-text span {
						font-size: 0.938em;display: block;
					}
					section.block.home-blogposts article .post-text h3 {
						margin-bottom: 0;font-size: 1em;
					}
						section.block.home-blogposts article .post-text h3 a{
							font-size: 1.125em;text-transform: uppercase;color: #C464A5;
						}

					section.block.home-blogposts article .post-text p{
						margin-bottom: 0;
					}
						section.block.home-blogposts article .post-text a.more{
							font-size: 0.938em;
						}




	section.block.brands {
		padding: 2em 0;
	}

		section.block.brands .title {
	    margin: -1em auto 0;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
		section.block.brands  .title:after, section.block.brands .title:before {
			border-top: 1px solid #8e8e92 ;
			position: absolute;
			left: 0;
			top: 55%;
			width: 10%;
			content: ""
		}
		section.block.brands .title:before {
			left: auto;
			right: 0;
		}

		section.block.brands .title h3 {
		  color: #000;
		  display: inline-block;
		  font-weight: 300;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		}


		section.block.brands .inti-carousel.inti-brands {}
			section.block.brands .inti-carousel.inti-brands div.slide {  }
				section.block.brands .inti-carousel.inti-brands div.slide img { max-width: 100%; height: auto; display: block; }


	.block.optin-foot{
		background:url('images/glitter_bg.jpg') repeat left top;
		padding: 1em 0;
	}


/**
 *  Pages
 */

/* All */
article.page { 
	padding: 0;
}

/* Membership Pages */
.membership div#content.login-page {
	background-size: cover;
	margin: 0; padding: 2em 0;
}
	.membership div#content.login-page article.login-form {

	}
	.membership.pilotpress div#content.login-page article.login-form div.op-login-form-1 {

	}
	.membership.wishlist div#content.login-page article.login-form div {

	}

section.video-area {

}


/**
 *  Blog Posts
 */

/* All */
article.post { 
	padding: 0;
}

article.post .entry .sharing { margin: 2em 0; }
article.post .entry .sharing h4 { display: inline-block; margin-right: 0.5em; }
	article.post .entry .sharing ul { display: inline-block; list-style: none; padding: 0; margin: 0; }
		article.post .entry .sharing ul li { display: inline-block; margin: 0 0.5em 0 0; font-size: 1.5em; }

article.post .entry #inti-vendor-sharing.sharing {  }
article.post .entry #inti-pretty-sharing.sharing {  }

article #post-comments { padding: 2em 0 0; }

nav.single-post-navigation { margin: 0 0 2em 0; }
	nav.single-post-navigation ul { padding: 0; margin: 0; list-style: none; }
		nav.single-post-navigation ul li { display: block; }
		nav.single-post-navigation ul li.nav-left { float: left; margin-right: 1em; }
		nav.single-post-navigation ul li.nav-right { float: right; margin-left: 1em; }

div#content.blog-index, div#content.search-index {
	
}
	div#content.blog-index article.post {

	}
		div#content.blog-index article.post section.featured-image, div#content.search-index article.post section.featured-image {
			
		}       
			div#content.blog-index article.post section.featured-image img, div#content.search-index article.post section.featured-image img {
				max-width: 100%; height: auto; box-shadow: 2px 2px 2px #efefef;
			}   
		div#content.blog-index article.post .entry .continue, div#content.search-index article.post .entry .continue {
			text-align: right; margin: 0 0 1em 0;
		}       

div#content.single-post {

}
/** all blog posts **/
	div#content.blog article.post {
		margin-bottom: 3em;
	}   
	div#content.blog article.post > h1 {
		margin: 0;
	}   
	div#content.blog article.post .meta {
		font-size: 0.9em; margin: -0.25em 0 0.25em 0;
	}

div#content.single-page {

}
	
div#content.testimonials-index {

}

div#content.search-index {

}
	
div#content.search-page {

}


/**
 *  Membership Modules and Lessons
 */
div#content.single-module {

}	
	div#content.single-module.two-columns-left section.column-one {
		display: none; /* With left column floating top on mobile, best just to hide */
	}
	div#content.single-module.two-columns-left section.column-two { 
		
	}   

div#content.single-lesson {

}	
	div#content.single-lesson.two-columns-left section.column-one {
		display: none; /* With left column floating top on mobile, best just to hide */
	}
	div#content.single-lesson.two-columns-left section.column-two { 
		
	}   


/**
 *  WooCommerce Products
 */

/* All */
li.product, article.product { 
	padding: 0;
	position: relative;
}
div#content.product-index {

}
	div#content.product-index h1.page-title {

	}
	div#content.product-index div.page-description {

	}
	div#content.product-index .woocommerce-result-count {
		margin: 0;
	}
	div#content.product-index .woocommerce-ordering {
		margin-bottom: 1em;
	}
	ul.products {
		margin: 0; padding: 0; list-style: none;
	}
		/* */
		ul.products li {
			margin: 0 0 3em 0; position: relative;
		}
		ul.products li:before, div#content.product-index ul.products li:after { content: ""; display: table; }
		ul.products li:after { clear: both; }
		ul.products li { *zoom: 1; }    

			ul.products li a {

			}
			ul.products li a:hover {
				text-decoration: none;
			}
				ul.products li a img {
					float: left; margin-right: 1em;
				}
				ul.products li a h3 {
					font-size: 1em;
				}
				ul.products li a span.price {
					font-size: 1.2em;
				}
			ul.products li a.add_to_cart_button {
				float: right;
			}

	div#content.product-index div.navigation {
		margin: 0 0 1em 0;
	}   
		div#content.product-index div.navigation .nav-next {
			
		}
		div#content.product-index div.navigation .nav-previous {
			
		}
	div#content.product-index form.woocommerce-ordering {
		margin: 0 0 1em 0;
	}   
		div#content.product-index form.woocommerce-ordering select {
			
		}
	div#content.product-index .woocommerce-pagination {
		clear: both; float: right;
	}
		div#content.product-index .woocommerce-pagination ul.page-numbers {
			list-style: none;
		}   
			div#content.product-index .woocommerce-pagination ul.page-numbers li {
				display: inline;
			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li span.current {
				padding: 0.1em 0; display: inline-block; width: 1.75em; text-align: center; margin: 0 0.15em;

			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li a {
				display: inline-block; 
			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li a:hover {

			}



div#content.single-product-page {

}
		div#content.single-product-page article.product div.images {
			margin-bottom: 1em;
		}
			div#content.single-product-page article.product div.images a.zoom {

			}
				div#content.single-product-page article.product div.images a.zoom img{

				}
			div#content.single-product-page article.product div.images div.thumbnails {

			}
		div#content.single-product-page article.product div.summary {
			margin-bottom: 2em;
		}
			div#content.single-product-page article.product div.summary h1.product_title {

			}
			div#content.single-product-page article.product div.summary div {
				overflow: auto;
			}
				div#content.single-product-page article.product div.summary div p.price {
					font-size: 1.1em;
				}
			div#content.single-product-page article.product div.summary form {
				display: block; overflow: auto;
			}           
				div#content.single-product-page article.product div.summary form div.quantity {

				}   
					div#content.single-product-page article.product div.summary form div.quantity input.minus {

					}   
					div#content.single-product-page article.product div.summary form div.quantity input.input-text {

					}   
					div#content.single-product-page article.product div.summary form div.quantity input.plus {

					}   
				div#content.single-product-page article.product div.summary form button.single_add_to_cart_button {

				}

			div#content.single-product-page article.product div.summary div.product_meta {
				clear: both;
			}
				div#content.single-product-page article.product div.summary div.product_meta span.posted_in {

				}

		div#content.single-product-page article.product div.woocommerce-tabs {
			margin: 0 0 2em 0;
		}
			div#content.single-product-page article.product div.woocommerce-tabs ul.tabs {

			}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li {

				}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li.active {

				}
			div#content.single-product-page article.product div.woocommerce-tabs > div.panel {
				margin: 0 0 0 0; padding: 1em; border: 1px solid #efefef;
			}
			div#content.single-product-page article.product div.woocommerce-tabs div.panel img {
				max-width: 100%; height: auto;
			}
		div#content.single-product-page article.product div.related.products {
			margin: 0 0 2em 0;
		}
			div#content.single-product-page article.product div.related.products ul.products {

			}
				div#content.single-product-page article.product div.related.products ul.products li {
					overflow: auto;
				}


			
.woocommerce img.category-banner { max-width: 100%; margin-bottom: 1em; }
.woocommerce .product .price { }
	.woocommerce .product .price del { font-size: 0.8em; }
	.woocommerce .product .price ins { background: none; }


/* ---------------------------------------- */
/*  Shopping cart
/* ---------------------------------------- */
form.checkout {

}
	form.checkout #customer_details {}
		#customer_details:before, #customer_details:after { content: ""; display: table; }
		#customer_details:after { clear: both; }
		#customer_details { *zoom: 1; }

	form.checkout .col-1:before, form.checkout .col-1:after, form.checkout .col-2:before, form.checkout .col-2:after { content: ""; display: table; }
	form.checkout .col-1:after, form.checkout .col-2:after { clear: both; }
	form.checkout .col-1, form.checkout .col-2 { *zoom: 1; }
	form.checkout .form-row { height: 4em; }

	form.checkout .col-1 {
		/*width: 48%; margin-right: 4%; float: left;*/ width: 100%; float: none; clear: both;
	}
	form.checkout .col-2 {
		/*width: 48%; float: left;*/ width: 100%; float: none; clear: both;
	}
	form.checkout .col-1 .clear, form.checkout .col-2 .clear { padding:1em; }

div.category-list {

}   
	div.category-list .category-title h3 { /* Takes cue from widget h3 too*/

	}
	div.category-list .category-content {

	}   
		div.category-list .category-content ul {
			
		}   
			div.category-list .category-content ul li {
				
			}   
				div.category-list .category-content ul li a {
					
				}   
				div.category-list .category-content ul li ul {
					margin-bottom: 0.5em;
				}   





/* ---------------------------------------- */
/*  3.0 - Mobile Footer Styles
/* ---------------------------------------- */
.webpage > footer.main-footer {
	overflow: auto;
}   

	footer.main-footer nav {
		padding:10px;
	}   
		footer.main-footer nav ul {
			list-style: none; margin: 0; text-align: center;
		}   
			footer.main-footer nav ul li {
				display: inline; padding: 0 25px;
			}   
				footer.main-footer nav ul li a {
					font-weight: 400;text-transform: uppercase;
				}
			
	
	footer.main-footer #social{

	}
		footer.main-footer #social ul{
			list-style:none; margin:20px auto; padding:0; text-align:center; min-width:220px;
		}
		footer.main-footer #social ul li{
			display:inline; padding:0 5px;
		}

	footer.main-footer div#copyright{

	}   
	footer.main-footer div#waqa {
		padding:5px; margin: 0 auto;text-align: center;
	}   
		footer div#waqa:hover { opacity:1; }


				
.tester{
	background-color:red;
	width:100%;
	height:600px;
	font-size:36px;
	color:#FFF;
}



/* ---------------------------------------- */
/*  4.0 - Basic forms and buttons reset
/* ---------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"] {
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	text-decoration: none;
}
select { 
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 0;
	text-decoration: none;
}
.select2-focusser {display: none;}

textarea { 
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 6px 10px;
	text-decoration: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"], a.button, .button.alt {
	white-space: nowrap; display: inline-block;
	/*margin: 0 0 0.5em 0;*/
	cursor: pointer;
	position: relative;
	overflow: visible;
	padding: 0.5em 1em;
	text-decoration: none;
	left: auto;
	color: #000;
}
button.secondary-button, input[type="button"].secondary-button, input[type="reset"].secondary-button, input[type="submit"].secondary-button, a.button.secondary-button {
	font-size: 0.9em;
}
button.call-out-button, input[type="button"].call-out-button, input[type="reset"].call-out-button, input[type="submit"].call-out-button, a.button.call-out-button {
	font-size: 1.6em;
	padding: 0.5em 1.2em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover {

	color: #fff;
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, , a.button:active {

}

.searchbox {
	position: relative;
}
	.searchbox #searchbox-wrapper input.search-text {
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	    box-sizing: border-box;
	}
	.searchbox #searchbox-wrapper input.search-submit {
		position: absolute; right: 0; top: 0;
		font-size: 1em; line-height: 2;
		padding: 6px 1em;
		font-family: 'FontAwesome';
	}   

/* ---------------------------------------- */
/*  CUSTOM STYLES FORMS                     */
/* ---------------------------------------- */

.form_field_row {
	margin-bottom: .5em;
}

.input-fullwidth {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/* ---------------------------------------- */
/*  5.0 - WordPress Stuff
/* ---------------------------------------- */
.alignright { float: none; vertical-align:bottom; }
.alignleft { float: none; vertical-align:bottom; }
.wp-caption { font-size: 0.8em; font-style: italic; margin-top: 0; }






/* ---------------------------------------- */
/*  6.0 - Mobile Shortcode structure
/* ---------------------------------------- */

section.module-list { margin: 1em 0; }
	section.module-list article.module { margin: 1em 0; }
		section.module-list div.module-image { text-align: center; }
			section.module-list div.module-image img { max-width: 100%; }
		section.module-list div.module-title { text-align: center; height: 5em; }
			section.module-list div.module-title h3 {}

/*  Responsive YouTube (used in shortcode) */
.video-wrapper {
	position: relative;
	padding-bottom: 53%;
	padding-top:25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.one-half { width: 100%; margin-bottom:0.5em; } .one-half.last { margin-bottom:1em; }
.one-third { width: 100%; margin-bottom:0.5em; } .one-third.last { margin-bottom:1em; }
.two-third { width: 100%; margin-bottom:0.5em; } .two-third.last { margin-bottom:1em; }
.one-fourth { width: 100%; margin-bottom:0.5em; } .one-fourth.last { margin-bottom:1em; }
.three-fourth { width: 100%; margin-bottom:0.5em; } .three-fourth.last { margin-bottom:1em; }

.infobox {
	margin: 0 0 20px;
	padding: 1em;
}

.testimonial-list {

}
	.testimonial-list h2 {

	}


.slogan { font-weight:300; font-size:2em; color:#444 !important; margin: 0.8em 0 !important;}
hr.dotted { border-top:1px dotted #efefef !important; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-left { text-align:left; }

.tabs-nav {
	list-style: none; margin: 0;
	overflow: hidden; padding: 0; width: 100%;
}
	ul.tabs-nav { margin-bottom: 0 !important; }
		.tabs-nav li {
			float: left;
			line-height: 35px;
			margin: 0; overflow: hidden; padding: 0;
			position: relative;
		}
		.tabs-nav li.active { 
			line-height: 34px; 
		}
			.tabs-nav li a {
				background: #fbfbfb;
				border: 1px solid #efefef;
				border-bottom: 1px solid #efefef;
				border-left: none;
				color: #444;
				display: block;
				padding: 0.5em 0.5em;
				text-decoration: none;
				text-shadow: 0 1px 0 #fff;
			}
		.tabs-nav li:first-child a { 
			border-left: 1px solid #efefef; 
		}
		.tabs-nav li a:hover { 
			
		}
		.tabs-nav li a:hover, .tabs-nav li.active a { 
			color: #000; 
		}
			.tabs-nav li.active a  {
				background: #fff;
				border-bottom: 2px solid #fff;
			}

.tabs-container {
	border: 1px solid #efefef;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 99%;
}
	.tab-content { padding: 20px; }

.accordion{
	border-bottom:1px solid #efefef;
}
	.accordion .title a{
		font-size:15px;
		font-weight:700;
		color:#666666;
		display: block;
		border-top:1px solid #efefef;
		padding:25px 20px 25px 50px;
		background: url('images/ui.plus.png') no-repeat 20px 28px;
	}
	.accordion .title a:hover{
		background: #fbfbfb url('images/ui.plus.png') no-repeat 20px 28px;
	}
	.accordion .title.active a{
		color:#444 !important;
		background: #fbfbfb url('images/ui.minus.png') no-repeat 20px 28px;
		padding:25px 20px 15px 50px;
	}
	.accordion .inner{
		margin-top:0px;
		padding:0px 20px 20px 50px;
	}

.toggle{
	border:1px solid #efefef;
	margin-bottom:20px;
}
	.toggle .title{
		font-size:15px;
		font-weight:700;
		color:#06A2CB;
		display: block;
		padding:20px 20px 20px 50px;
		background: url('images/ui.plus.png') no-repeat 20px 23px;
		cursor: pointer;
	}
	.toggle .title:hover{
		background: #f8f8f8 url('images/ui.plus.png') no-repeat 20px 23px;
	}
	.toggle .title.active{
		background: #ffffff url('images/ui.minus.png') no-repeat 20px 23px;
	}
	.toggle .inner{
		display: none;
	}
		.toggle .inner div{
			padding:20px 20px 20px 20px;
			border-top:1px dotted #efefef;
		}

/* ---------------------------------------- */
/*  Announcement Bar
/* ---------------------------------------- */
	#announcements {display: none; text-align: center; /* background: #FF7F00;  */ min-height: 35px; position: absolute; top:0; width: 100%; z-index: 9998; overflow: hidden;}
	#announcements.fixed {position: fixed !important; }
	#announcements .wrapper {width: 85%; text-align: left; margin: 0 auto; padding: 5px 0;}
	#announcements .wrapper .announcements-close {float: right; display: block; width: 24px; height: 24px; padding: 5px; background: url('images/ui.close.png') no-repeat 5px 5px; }
	#announcements .wrapper .announcements-close:hover{ opacity: 0.5; filter:alpha(opacity=50);  }
	#announcements .wrapper .announcements-message { width: 95%;}
	#announcements .wrapper .announcements-message p{margin: 0; color: #fff; width: 100%; text-align: center;}


/* ---------------------------------------- */
/*  404
/* ---------------------------------------- */
.entry.not-found {
	text-align: center;
}
	.entry.not-found img {
		max-width: 100%; width: 265px; height: auto;
	}
	.entry.not-found h2 {
		text-align: center; font-size: 3em; text-transform: uppercase; 
	}
	.entry.not-found h3 {
		font-size: 1.5em; line-height: 1; text-transform: uppercase;
	}
	.entry.not-found p {
		
	}


/* ---------------------------------------- */
/*  7.0 - Widget structure
/* ---------------------------------------- */

.widget {
	margin-bottom: 2em;
}

/**
 * Some membership sites have sidebar menus for lessons, these 
 * usually follow the same style as the main menu. Remove if not.
 */
div#content.module .widget.widget_nav_menu {}
	div#content.module .widget.widget_nav_menu ul { list-style: none; padding: 0; margin: 0 0 1em 0; }
		div#content.module .widget.widget_nav_menu ul > li { margin: 0; margin: 0 0 1em 0; }
			div#content.module .widget.widget_nav_menu ul li a { display: block;}
			div#content.module .widget.widget_nav_menu ul li ul {  display: none; }
			.no-js div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			.no-js div#content.module .widget.widget_nav_menu ul li:hover ul
			 { display: block; }
			div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-ancestor ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-parent ul { display: block; }
				div#content.module .widget.widget_nav_menu ul ul li { margin: 0; }




/* Media Queries */

@media only screen and (min-width: 30em) { /* About 480px */

	.tester{
		background:orange;
	}



/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		/* This can also have padding like a #content column */
	}


	section.block.optin {

	}


	section.block.buttons-box {
		
	}
		.buttons-box .boxbutton {
			float: left; margin-bottom: 0;
		}		
			.buttons-box .boxbutton img {

			}
		.buttons-box #button-1 {
			width: 30%; margin-right: 3%;
		}
		.buttons-box #button-2 {
			width: 30%; margin-right: 3%;
		}
		.buttons-box #button-3 {
			width: 30%;margin-right: 3%;
		}
		.buttons-box #button-4 {
			width: 30%;
		}




	section.module-list { }
		section.module-list article.module { width: 31%; margin: 0.9em 1.1555% 0.9em 1.1555%; float: left; }
			section.module-list div.module-image {}
				section.module-list div.module-image img { max-width: 100%; }
			section.module-list div.module-title {}
				section.module-list div.module-title h3 {}
				

	/* ---------------------------------------- */
	/*  8.0 - WordPress Stuff
	/* ---------------------------------------- */
	.alignright { float:right; margin-left:1em; margin-bottom: 0.5em; }
	.alignleft { float:left; margin-right:1em; margin-bottom: 0.5em; }
	.aligncenter { display: block; margin: 0 auto 0.5em auto; }
	.wp-caption { font-size: 0.8em; font-style: italic; margin-top: 0; }
}

@media only screen and (min-width: 37.5em) { /* 600px */
	.tester{
		background:yellow;
	}

	/* ---------------------------------------- */
	/*  9.0 - Content Layout Styles
	/* ---------------------------------------- */
	div#content.product-index {

	}
		div#content.product-index div#breadcrumb {

		}
		div#content.product-index h1.page-title {

		}
		div#content.product-index div.page-description {

		}
		ul.products {
			margin: 0; padding: 0; list-style: none;
		}
			ul.products li {
				float: left; width: 30%; margin-right: 5%; position: relative; min-height: 280px; /* change this if needed */
			}   

			ul.products li.first {
				clear: both;
			}       
			ul.products li.last {
				 width: 30%; margin-right: 0;
			}
				ul.products li a {

				}
				ul.products li a.added_to_cart {
					display: none;
				}
				ul.products li a:hover {
					text-decoration: none;
				}
					ul.products li a img {
						float: none; margin-left:1em;
					}
					ul.products li a h3 {
						
					}
					ul.products li a span.price {
						font-size: 1em; display: block; position: absolute; left: 0; bottom: 0; background: #f5f5f5; padding: 0.5em 1em; color: #D70060;
					}
				ul.products li a.button {
					position: absolute; right: 0; bottom: 0;
				}

		div#content.product-index div.navigation {
			margin: 0 0 1em 0;
		}   
			div#content.product-index div.navigation .nav-next {
				
			}
			div#content.product-index div.navigation .nav-previous {
				
			}
		div#content.product-index form.woocommerce-ordering {
			margin: 0 0 4em 0;
		}   
			div#content.product-index form.woocommerce-ordering select {
				
			}       



	div#content.single-product-page {

	}
		div#content.single-product-page div#breadcrumb {

		}
		div#content.single-product-page article.product {
			margin: 1em 0 0 0;
		}
			div#content.single-product-page article.product div.images {
				float: left; margin-right: 3%;
			}
				div#content.single-product-page article.product div.images a.zoom {

				}
					div#content.single-product-page article.product div.images a.zoom img{

					}
				div#content.single-product-page article.product div.images div.thumbnails {

				}
			div#content.single-product-page article.product div.summary {
				
			}
				div#content.single-product-page article.product div.summary h1.product_title {

				}
				div#content.single-product-page article.product div.summary div {

				}
					div#content.single-product-page article.product div.summary div p.price {
						
					}
				div#content.single-product-page article.product div.summary form {
					
				}           
					div#content.single-product-page article.product div.summary form div.quantity {

					}   
						div#content.single-product-page article.product div.summary form div.quantity input.minus {

						}   
						div#content.single-product-page article.product div.summary form div.quantity input.input-text {

						}   
						div#content.single-product-page article.product div.summary form div.quantity input.plus {

						}   
					div#content.single-product-page article.product div.summary form button.single_add_to_cart_button {

					}

				div#content.single-product-page article.product div.summary div.product_meta {

				}
					div#content.single-product-page article.product div.summary div.product_meta span.posted_in {

					}
				div#content.single-product-page article.product div.summary div.bundled_product_summary {
					clear: both;
					overflow: auto;
					margin-top: 1em;
				}
				div#content.single-product-page article.product div.summary div.bundled_product_summary:first-child
				{
					border-top: 1px solid #ccc;
				}
				div#content.single-product-page article.product div.summary div.bundled_product_summary:last-child,
				div#content.single-product-page article.product div.summary div.bundled_product_summary:last-of-type
				{
					border-bottom: 1px solid #ccc;
				}

			div#content.single-product-page article.product div.woocommerce-tabs {
				
			}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs {

				}
					div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li {

					}
					div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li.active {

					}
				div#content.single-product-page article.product div.woocommerce-tabs > div.panel {

				}




}



@media only screen and (min-width: 48em) { /* About 768px */

	.tester{
		background:green;
	}

/* ---------------------------------------- */
/*  10. - Header & Navigation Styles
/* ---------------------------------------- */  
	.limiter { width:90%; /*max-width: 1200px;*/ margin:0 auto; }
	.webpage .limiter.main { width: 90%; } /* Main has a different limiter so that the text body can be a set width will header and footer are 100% */
	
	header.webpage-header {

	}
		.webpage-header > header.logobar {
			
		}
			.webpage-header > header.logobar .limiter {
				background:url('images/header.png');
			 	background-position: 90% top;
		    	background-repeat: no-repeat;
		    	height: auto;
		    	overflow: hidden;
			}
				.webpage-header > header.logobar #logo-area {
					float:left; width:40%;margin: 0 0 0 7em;
				}

		.webpage-header > header.logobar.internal {
			
		}
			.webpage-header > header.logobar.internal .limiter {
				background: none;
		    	height: auto;
		    	overflow: hidden;
			}
				.webpage-header > header.logobar.internal #logo-area {
					float:none; width: 100%; margin: 0; padding: 0; text-align: center;
				}
					.webpage-header > header.logobar.internal #logo-area img { margin: 0 auto; }	



				img#logo {
					max-width:100%; display: block;
				}	

			.webpage-header > header.logobar.contain .limiter {
				background:url('images/header.png');
				background-size: contain;
			 	background-position: 70% top;
		    	background-repeat: no-repeat;
		    	height: auto;
		    	overflow: hidden;
			}		
				.webpage-header > header.logobar.contain #logo-area {
					float:left; width:40%;margin: 0 0 0 11em;
				}
					
				img#logo-small {
					max-width:50%; display: block;
				}
			/*#cart-area {
				display: block; position: absolute; top: 0.25em; right: 0em; padding:1em; text-align: right; z-index: 8;
			}
				#cart-area .cart-price { padding-right: 25px; background: url('images/ui.cart.png') no-repeat right; cursor: pointer; }
				#cart-area .cart-price:hover { cursor: default; }  
				.cart-popup { display: none; position: absolute; top:36px; right: 0; min-width: 320px; text-align: left; padding: 1em; border: 1px solid #eee; background-color: rgba(255,255,255,0.9);  }
					.cart-popup > p {  }
					.cart-popup ul {}
					.cart-popup ul li {}
					.cart-popup ul li small {}
					.cart-popup .total { margin-bottom: 1em; font-weight: 700; }

				#cart-area #cart-area-links {  }
					#cart-area #cart-area-links ul { list-style: none; }
						#cart-area #cart-area-links ul li { float: left;  padding-left: 1em; }
						#cart-area #cart-area-links ul li:first-child {  padding-right: 1em; border-right: 1px solid #eee; }*/

			#cart-area {
				padding:1em;
			}
				#cart-area #cart-area-widget {

				}
					#cart-area #cart-area-widget #in-your-bag {
						width: 300px;
					}
						#cart-area #cart-area-widget #in-your-bag #cart-data {
							display: block;
							float: left;  text-align: right; padding-top: 6px;
							width: calc(100% - 50px);
							width: -webkit-calc(100% - 50px);
							width: -o-calc(100% - 50px);
						}               
							#cart-area #cart-area-widget #in-your-bag #cart-data p {
								margin: 0; line-height: 1; text-transform: uppercase; font-size: 0.8em;
							}           
							#cart-area #cart-area-widget #in-your-bag #cart-data a.cart-contents {
								
							}
							#cart-area #cart-area-widget #in-your-bag #cart-data a.cart-contents i.icon-shopping-cart { display: none; }    
						#cart-area #cart-area-widget #in-your-bag #cart-icon {
							width: 30px; height: 39px; padding: left: 20px;
							float: right;
							/*background: url('images/ui.cart.png') no-repeat;*/
						}
					#cart-area #cart-area-widget .cart-popup {}
						#cart-area #cart-area-widget .cart-popup div.cart-buttons {
						}
				#cart-area #cart-area-links {
					display: block; float: right;
				}
					#cart-area #cart-area-links ul {
						padding: 0; list-style: none;
					}
						#cart-area #cart-area-links li {
							display: inline; padding: 0 5px;
						}
							#cart-area #cart-area-links li a {
								padding-left: 14px; font-size: 0.9em
							}
							/*#cart-area #cart-area-links li.account a {
								background: url('images/ui.account.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.register a {
								background: url('images/ui.signin.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.signin a {
								background: url('images/ui.signin.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.signout a {
								background: url('images/ui.signout.png') no-repeat 0 4px;
							}*/






		.webpage-header .is-sticky header.navbar {
			width: 100%;
		}	
/* Hide the micromenu and begin showing the macromenu */			
			nav.macromenu {
				display:block; position: relative;
			}
			nav.micromenu {
				display:none;
			}

/* Limit the width of the macromenu when it is fixed and 100% */	
			.is-sticky nav.macromenu {
				max-width: 1200px; /* should be the same as the limiter */
				margin: 0 auto;
			}			

/* Macromenu styles */			
			ul.nav-prime{
				margin: 0; padding: 0; list-style: none; height:55px; width:100%;
				display:block;
			}
				ul.nav-prime li{
					display: inline-block; float:left; position:relative;
				}
				ul.nav-prime a{
					/*padding:0 10px;*/ /* commented so pagging and linehight changes on mobile can pass to here */
				}
				ul.nav-prime ul {
					display: none;
					position:absolute;
					top:55px;
					left:0px;
					list-style: none;
					/*margin:0 0 10px 10px; padding:0;*/
					/*width: 350px;*/
					width: 300px;
					z-index: 99999;
				}
				ul.nav-prime ul li {
					/*min-width: 250px;*/
					width: 100%;
				}
					ul.nav-prime ul ul {
						left:100%;
						top:0;
						list-style:none;
					}


	header.membership-header {

	}			
		.membership-header header.modulesbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.membership-header .is-sticky header.modulesbar {
			left: 0; z-index: 99998;
		}	
		header.membership-header header.loginbar {
			
		}
			header.membership-header header.loginbar #logo-area {
				width: 40%; float: left; padding: 1em 0; text-align: left
			}
			header.membership-header header.loginbar #loginmenu {
				width: 60%; float: right; padding: 2em 0;
			}
				header.membership-header header.loginbar #loginmenu ul {
					
				}
					#loginmenu ul li {
						
					}

	.membership header.bannerbar {}
		.membership header.bannerbar img { max-width: 100%; display: block; }


/* ---------------------------------------- */
/*  11. - Content Layout Styles
/* ---------------------------------------- */
/* Content Area - Column Setup for this and all later breakpoints unless overwritten further on */

		div#content {
			
		}   
			

/**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, on a larger screen, columns that were previously 100% blocks are now floated.
*/
			div#content.fullwidth {}
				div#content.fullwidth section.column-two {
					width:100%; padding: 4em 2.5%;
				}   
					/* If page is set to FullWidth, hide other columns */
					div#content.fullwidth section.column-one, div#content.fullwidth section.column-three { display: none; }

			div#content.skinny {}
				div#content.skinny section.column-two {
					width:100%; padding: 4em 16%;
				}   
					/* If page is set to skinny, hide other columns */
					div#content.skinny section.column-one, div#content.skinny section.column-three { display: none; }

			div#content.two-columns {} 
				div#content.two-columns section.column-one {
					display: none;
				}
				div#content.two-columns section.column-two { 
					float: left; width: 64.583334%; padding: 4em 4.166667%;
				}	
				div#content.two-columns section.column-three {
					float: left; width: 35.416667%; padding: 4em 4.166667% 4em 2.083333%;
				}	
				div#content.two-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.two-columns-left {} 
				div#content.two-columns-left section.column-one {
					float: left; width: 35.416667%; padding: 4em 2.083333% 4em 4.166667%;
				}
				div#content.two-columns-left section.column-two { 
					float: left; width: 64.583334%; padding: 4em 4.166667%;
				}	
				div#content.two-columns-left section.column-three {
					display: none;
				}	
				div#content.two-columns-left section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.three-columns {} /* here in mobile view, no floating, as they'll be one below the other */
				div#content.three-columns section.column-one {
					float: left; width: 25%; padding: 4em 4.166667% 4em 0;
				}
				div#content.three-columns section.column-two { 
					float: left; width: 50%; padding: 4em 2.083333%;
				}	
				div#content.three-columns section.column-three {
					float: left; width: 25%; padding: 4em 4.166667% 4em 0;
				}	
				div#content.three-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.front-page {
				
			}   
				div#content.front-page.two-columns section.column-one {
					display: none;
				}
				div#content.front-page.two-columns section.column-two { 
					float: left; width: 70%; padding: 0;
				}   
				div#content.front-page.two-columns section.column-three {
					float: left; width: 30%; padding: 0;
				}   
				div#content.front-page.two-columns section.column-main { /* This is the one that'll be huge on some pages */

				}   


			div#content.front-page.three-columns {} /* here in mobile view, no floating, as they'll be one below the other */
				div#content.front-page.three-columns section.column-one {
					float: left; width: 25%; padding: 0;
				}
				div#content.front-page.three-columns section.column-two { 
					float: left; width: 50%; padding: 0;
				}   
				div#content.front-page.three-columns section.column-three {
					float: left; width: 25%; padding: 0;
				}   
				div#content.front-page.three-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}   



/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		/* This can also have padding like a #content column */
	}


	section.block.optin {

	}


	section.block.buttons-box {
		padding: 3em 0;
	}
		.buttons-box .boxbutton {

		}		
			.buttons-box .boxbutton img {

			}
		.buttons-box #button-1 {

		}
		.buttons-box #button-2 {

		}
		.buttons-box #button-3 {

		}


	section.block.home-bio {

	}
		section.block.home-bio article {
			margin: 2em 0;
		}
			section.block.home-bio article .bio-photo {
				width: 46%; float: left;
			}
				section.block.home-bio article .bio-photo img {
					
				}
			section.block.home-bio article .bio-text {
				width: 45%; float: left; margin-left: 5%; 
			}
				section.block.home-bio article .bio-text p {

				}


	section.block.slider {
		margin: 2em 0;
	}



	section.block.home-testimonials {
		padding: 3em 0;
	}
		section.block.home-testimonials h3 {
		  color: #fff;
		  float: left;
		  margin-top: 1.5em;
		  width: 30%;
		  text-align: left;
		}


		section.block.home-testimonials .inti-testimonials-slider {
			margin: 0 0;width: 66%;float: right;
		}
		section.block.home-testimonials blockquote.testimonial div.testimonial-text{padding: 1.5em;}


	section.block.home-blogposts {
		padding: 3em 0;
	}
		section.block.home-blogposts h3 {
			
		}
			section.block.home-blogposts .title{
				margin-bottom: 2em;
			}
			section.block.home-blogposts .title:after, section.block.home-blogposts .title:before{
				width: 25%;
			}



			section.block.home-blogposts article {
				float: left; margin-bottom: 0;
			}	
			section.block.home-blogposts article.home-blogposts-col-1 {
				width: 31.66666666666667%; margin-right: 2.5%;
			}			
			section.block.home-blogposts article.home-blogposts-col-2 {
				width: 31.66666666666667%; margin-right: 2.5%;
			}			
			section.block.home-blogposts article.home-blogposts-col-3 {
				width: 31.66666666666667%;
			}
				section.block.home-blogposts article .featured-image {

				}
				section.block.home-blogposts article .post-text {
					
				}
					section.block.home-blogposts article .post-text span {
						
					}
					section.block.home-blogposts article .post-text h3 {
						margin-bottom: 0;
					}


	section.block.brands {
		
	}
		section.block.brands .title{
				margin-bottom: 2em;
			}
			section.block.brands .title:after, section.block.brands .title:before{
				width: 25%;
			}



			div#content.blog-index {
				
			}       
				div#content.blog-index article.post section.featured-image {
					float: left; margin: 0 1em 0 0;
				}       

			div#content.single-post {

			}

			/** all blog posts **/
			div#content.blog article.post {
				margin-bottom: 3em;
			}

			div#content.single-page {

			}
				
			div#content.testimonials-index {

			}

			div#content.search-index {

			}
				
			div#content.search-page {

			}

			/**
			 *  Membership Modules and Lessons
			 */
			div#content.single-module {

			}
				div#content.single-module.two-columns-left section.column-one {
					display: block; /* With left column floating top on mobile, best just to hide and show again here */
				}
				div#content.single-module.two-columns-left section.column-two { 
					
				}   

			div#content.single-lesson {

			}	
				div#content.single-lesson.two-columns-left section.column-one {
					display: block; /* With left column floating top on mobile, best just to hide and show again here */
				}
				div#content.single-lesson.two-columns-left section.column-two { 
					
				}   

/* ---------------------------------------- */
/*  Shopping cart - 2nd breakpoint
/* ---------------------------------------- */
form.checkout {

}
	form.checkout #customer_details {}
		#customer_details:before, #customer_details:after { content: ""; display: table; }
		#customer_details:after { clear: both; }
		#customer_details { *zoom: 1; }

	form.checkout .col-1:before, form.checkout .col-1:after, form.checkout .col-2:before, form.checkout .col-2:after { content: ""; display: block; }
	form.checkout .col-1:after, form.checkout .col-2:after { clear: none; }
	form.checkout .col-1, form.checkout .col-2 { *zoom: 1; }
	form.checkout .form-row { height: 4em; }

	form.checkout .col-1 {
		width: 48%; margin-right: 4%; float: left; clear: none;
	}
	form.checkout .col-2 {
		width: 48%; float: left; clear: none;
	}
	form.checkout .col-1 .clear, form.checkout .col-2 .clear { padding:1em; }       

	form.checkout .notes { margin-top: 2em; }       




/* ---------------------------------------- */
/*  12. - Shortcodes - 2nd breakpoint
/* ---------------------------------------- */
.one-half { width: 49%; float:left; margin-right:2%; margin-bottom:0.5em; } .one-half.last { margin-left:0%; margin-right:0; margin-bottom:0.5em; }
.one-third { width: 32%; float:left; margin-right: 2%; margin-bottom:0.5em; } .one-third.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.two-third { width: 66%; float:left; margin-right: 2%; margin-bottom:0.5em; } .two-third.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.one-fourth { width: 23.75%; float:left; margin-right: 1.5%; margin-bottom:0.5em; } .one-fourth.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.three-fourth { width: 74.25%; float:left; margin-right: 1.5%; margin-bottom:0.5em; } .three-fourth.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }

.testimonial-list {

}
	.testimonial-list h2 {

	}


		.tabs-nav li a {
			background: #f8f8f8;
			border: 1px solid #eaeaea;
			border-bottom: 1px solid #eaeaea;
			border-left: none;
			color: #666666;
			display: block;
			padding: 0em 1em;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
		}


}


@media only screen and (min-width: 48em) {/* About 960px */
	

}



@media only screen and (min-width: 64em) { /* About 1024px */

	.tester{
		background:cyan;
	}

	.slider {
		border-bottom: none;
		margin-bottom: 0;
	}


	section.block.buttons-box .title{
		max-width: 72%;margin-bottom: 2em;
	}
	section.block.buttons-box .title:after, section.block.buttons-box .title:before{
		width: 25%;
	}

	section.block.brands .title{
		max-width: 72%;margin-bottom: 2em;
	}
	section.block.brands .title:after, section.block.brands .title:before{
		width: 25%;
	}

	section.block.home-blogposts .title{
		max-width: 72%;margin-bottom: 2em;
	}
	section.block.home-blogposts .title:after, section.block.home-blogposts .title:before{
		width: 25%;
	}

	section.block.brands .inti-carousel.inti-brands{
		max-width: 70%;margin: 0 auto;
	}


	section.block.home-testimonials .inti-testimonials-slider .slick-slide blockquote.testimonial div.testimonial-image{
		width: 35%;padding: 0 4% 0 0;
	}
	section.block.home-testimonials .inti-testimonials-slider .slick-slide blockquote.testimonial div.testimonial-text{
		width: 65%;
	}

}

@media only screen and (min-width: 75em) { /* About 1200px */

	.tester{
		background:blue;
	}
}

@media only screen and (min-width: 87.5em) { /* About 1400px */

	.tester{
		background:white;
	}
}





/* ---------------------------------------- */
/*  Plugins
/* ---------------------------------------- */
/* Back to Top */

#toTop { 
	display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; 
	border: none; text-indent: -999px; background:url('images/ui.totop-default.png') no-repeat left top; 
}
#toTopHover { 
	background: url('images/ui.totop-default.png') no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; 
	opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); 
}
#toTop:active, #toTop:focus { outline:none; }



/* ---------------------------------------- */
/*  Helper Classes
/* ---------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .clear:before, .clear:after { content: ""; display: table; }
.clearfix:after, .clear:after { clear: both; }
.clearfix, .clear { *zoom: 1; }
.pointer {cursor: pointer;}
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}


/* ---------------------------------------- */
/*  Default Opacity Fade-in
/* ---------------------------------------- */
.main-footer, #content {
	/*opacity:0;*/
}

/* ---------------------------------------- */
/*  Fix scrollbar to page always to stop jumping
/* ---------------------------------------- */
html {
	overflow-y:scroll;
}

/* Admin bar becomes unfixed by default on small screens, this keeps it fixed in place (we use it to position the mobile menu) */
div#wpadminbar {
	position: fixed;
}




@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/* ---------------------------------------- */
/*  Testimonials
/* ---------------------------------------- */
/* Common */

blockquote.testimonial { max-width: 640px; margin: 0 auto; padding: 1em 10%; }
	blockquote.testimonial div.testimonial-image { padding: 0 10%; text-align: center; }
		blockquote.testimonial div.testimonial-image img { max-width: 100%; height: auto; margin: 0 auto; }

	blockquote.testimonial div.testimonial-text { text-align: center; }
		blockquote.testimonial div.testimonial-text cite { margin: 0 0 0.5em 0; }
		blockquote.testimonial div.testimonial-text p.testimonial-owner { margin: 0; }

	@media only screen and (min-width: 48em) { /* About 768px */
		blockquote.testimonial { max-width: 100%; padding: 1em 4%; }
			blockquote.testimonial div.testimonial-image { padding: 0 2% 0 0; text-align: center; width: 25%; float: left; }

			blockquote.testimonial div.testimonial-text { text-align: left; width: 75%; float: left; }
				blockquote.testimonial div.testimonial-text cite {  }
				blockquote.testimonial div.testimonial-text p.testimonial-owner {  }
	}
	@media only screen and (min-width: 64em) { /* About 1024px */
		blockquote.testimonial { }
			blockquote.testimonial div.testimonial-image { width: 20%; }

			blockquote.testimonial div.testimonial-text { width: 80%; }
	}

/* With Image */
blockquote.testimonial.with-image {}
/* Default is with image */

/* Without  Image */
blockquote.testimonial.without-image {}
	blockquote.testimonial.without-image div.testimonial-image { display: none !important; }
	blockquote.testimonial.without-image div.testimonial-text { width: 100% !important; }


/* Big image */
blockquote.testimonial.big-image { }
	blockquote.testimonial.big-image div.testimonial-image { padding: 0 5%;  }

	blockquote.testimonial.big-image div.testimonial-text { }

	@media only screen and (min-width: 48em) { /* About 768px */
		blockquote.testimonial.big-image { }
			blockquote.testimonial.big-image div.testimonial-image { padding: 0 2% 0 0; width: 35%; }

			blockquote.testimonial.big-image div.testimonial-text { width: 65%; }
	}
	@media only screen and (min-width: 64em) { /* About 1024px */
		blockquote.testimonial.big-image { }
			blockquote.testimonial.big-image div.testimonial-image { width: 30%; }

			blockquote.testimonial.big-image div.testimonial-text { width: 70%; }
	}


/* Small image image */
blockquote.testimonial.small-image {}
/* Default is small image */

/* Left image */
blockquote.testimonial.left-image {}
/* Default is left image */

/* Right image */
blockquote.testimonial.right-image {}
	blockquote.testimonial.right-image div.testimonial-image { }

	blockquote.testimonial.right-image div.testimonial-text { }

	@media only screen and (min-width: 48em) { /* About 768px */
		blockquote.testimonial.right-image {  }
			blockquote.testimonial.right-image div.testimonial-image { padding: 0 0 0 2%; float: right; }

			blockquote.testimonial.right-image div.testimonial-text { float: left; }
	}

/* Vertical testimonial (image never floats) */
blockquote.testimonial.vertical { max-width: 640px !important; }

	@media only screen and (min-width: 48em) { /* About 768px */
		blockquote.testimonial.vertical {  }
			blockquote.testimonial.vertical div.testimonial-image {  width: 100%; text-align: center; padding: 0 10%; float: none; }

			blockquote.testimonial.vertical div.testimonial-text {  width: 100%; text-align: center; float: none; }
	}

/* Skinny testimonial */
blockquote.testimonial.skinny { max-width: 640px !important; }

/* Fullwidth testimonial */
blockquote.testimonial.fullwidth {}
/* Default is fullwidth */




/* ---------------------------------------- */
/*  Slick Carousel 
/* ---------------------------------------- */

/* Common */
.slick-loading .slick-list { background: #fff url("images/ui.loader.gif") center center no-repeat; }

.slick-slider button { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 1; font-size: 100%; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: #000; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -40px; }
[dir="rtl"] .slick-prev { left: auto; right: -40px; }
.slick-prev:before { content: ""; }
[dir="rtl"] .slick-prev:before { content: ""; }

.slick-next { right: -40px; }
[dir="rtl"] .slick-next { left: -40px; right: auto; }
.slick-next:before { content: ""; }
[dir="rtl"] .slick-next:before { content: ""; }

.slick-slider { margin-bottom: 0; } /* Add padding if you will use dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 25px; width: 25px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 25px; width: 25px; outline: none; line-height: 0; font-size: 100%; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background: transparent !important; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f111"; width: 25px; height: 25px; font-family: "FontAwesome"; font-size: 1em; line-height: 1; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 1; }

/* As main slider */
.inti-slider {}
	.inti-slider .slick-slide { padding: 0; background: #fff; /* for the */ }
		.inti-slider .slick-slide img { display: block; width: 100%; height: auto; }
	.inti-slider .slick-prev, .inti-slider .slick-next {
		
	}
	.inti-slider .slick-prev:hover, .inti-slider .slick-next:hover {
		
	}

	.inti-slider .slick-prev { left: 2%; }
	[dir="rtl"] .inti-slider .slick-prev { left: auto; right: 2%; }
	.inti-slider .slick-prev:before { content: ""; }
	[dir="rtl"] .inti-slider .slick-prev:before { content: ""; }

	.inti-slider .slick-next { right: 2%; }
	[dir="rtl"] .inti-slider .slick-next { left: 2%; right: auto; }
	.inti-slider .slick-next:before { content: ""; }
	[dir="rtl"] .inti-slider .slick-next:before { content: ""; }	

	.inti-slider .slide-text {
		position: absolute; bottom: 0; padding: 1em 1em;	width: 100%;
	}

/* Only on themes with something positioned to the right of the slider */
/*@media only screen and (min-width: 64em) {
	.inti-slider .slick-slide { background: #fff; /* for the exposed 2.5% */ /*}
		.inti-slider .slick-slide img { width: 97.5%; }

	.inti-slider .slick-prev { left: 2%; }
	[dir="rtl"] .inti-slider .slick-prev { left: auto; right: 4.5%; }

	.inti-slider .slick-next { right: 4.5%; }
	[dir="rtl"] .inti-slider .slick-next { left: 2%; right: auto; }	

	.inti-slider .slide-text {
		width: 97.5%;
	}
}*/

/* As standard carousel */
.inti-carousel {}
	.inti-carousel .slick-slide { padding: 0 0.125em; }
	.inti-carousel .slick-prev, .inti-carousel .slick-next {
		
	}
	.inti-carousel .slick-prev:hover, .inti-carousel .slick-next:hover {
		background: none !important; color: #000;
	}

	.inti-carousel .slide-text {
		position: absolute; bottom: 0; padding: 0.25em 0.5%;	width: 100%;
	}




/** Magnific Popover **/
/* Magnific Popup CSS */

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
 * Remove all paddings around the image on small screen
 */
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure { /* The shadow behind the image */}
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px;}
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6);	bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;}
	.mfp-img-mobile .mfp-counter { right: 5px;	top: 3px;}
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}
}

@media all and (max-width: 900px) {
	.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
	.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
	.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
	.mfp-container {padding-left: 6px;padding-right: 6px;}
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px;left: 50%;	margin-left: -300px;margin-top: 5px;padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0;	padding-top: 0; }
.popup-modal-dismiss { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; display: block; background: url('images/ui.close2.png') no-repeat center center; opacity: 1 !important; }
.mfp-iframe-holder .mfp-close:hover { background: transparent !important; }



/* ---------------------------------------- */
/*	2016 Changes as per VARI's design       */
/* ---------------------------------------- */
a:visited,
a{
	color: #66ceed;
}

p{
	font-weight: 300;
}

/* ----------------------*/
/*	HEADER CHANGES       */
/* ----------------------*/



@media only screen and (min-width: 48em) {
.webpage-header header.navbar{
	background: transparent;
	position:absolute;

}

	ul.nav-prime li.current_page_item > a, ul.nav-prime li.current-menu-ancestor > a, ul.nav-prime li.current-menu-item > a, ul.nav-prime li.current-menu-parent > a{
		font-weight: 700;
		color: black;
	}
}

@media only screen and (min-width: 57.75em){
	ul.nav-prime a {
		padding: 0 10px;
	}
}


@media only screen and (min-width: 48em) {
	nav.macromenu ul.nav-prime {
		text-align: left;
	}

	ul.nav-prime ul li {
		background: white;
	}

	ul.nav-prime a {
		font-family: 'Lato', sans-serif;
		font-size: 14px;
		color: black;
		font-weight: 300;
	}
	ul.nav-prime a:hover{
		color:#66ceed!important;
	}

	.webpage-header > header.logobar .limiter{
		background:none;
	}
	.category .webpage-header > header.logobar,
	.page-template .webpage-header > header.logobar { 
		
	}

	.webpage-header > header.logobar  {
		position: relative;
		overflow: hidden;
	}
}


@media only screen and (min-width: 48em){

	.webpage-header > header.logobar.internal #logo-area,
	.webpage-header > header.logobar.contain #logo-area,
	.webpage-header > header.logobar #logo-area {
		position: absolute;
	    right:0;
	    width:40%;
	    top:10em;
	   
	    
	}

	.home .webpage-header > header.logobar.internal #logo-area,
	.home .webpage-header > header.logobar.contain #logo-area,
	.home .webpage-header > header.logobar #logo-area {
	    top:280px;
	   
	    
	}
	.webpage-header > header.logobar.internal #logo-area img{
		 margin:0!important;
	}
}

.textured-hairline{
	background: url('images/divider-pattern.png');
	height:5px;
}

header .textured-hairline{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}


header img.featured-image{
	width: 100%;

}



/* ----------------------*/
/*	OPTIN CHANGES        */
/* ----------------------*/

section.block.optin {
	background:#f9ecea;
	padding:50px 0;
}

.optin-intro h3{ 
	font-family: 'Lato', sans-serif;
	font-size:22px!important;
	font-weight: 300;
}

.optin-form .mc-btn input {
	background: black;
	color: white;
}

.optin-form .mc-btn input:hover {
	background: white!important;
	color: black;
}

::-webkit-input-placeholder {
   font-weight: 300;
}

:-moz-placeholder { /* Firefox 18- */
  font-weight: 300;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight: 300;
}

:-ms-input-placeholder {  
   font-weight: 300; 
}

/* ----------------------*/
/*	WORK WITH ME CHANGES */
/* ----------------------*/

section.block.buttons-box .title:after, section.block.buttons-box .title:before {
	border:none;
}

section.block.buttons-box .title h3{
	font-size: 22px;
	text-transform: uppercase;
}

@media only screen and (min-width: 48em) {
	section.block.buttons-box {
    	padding: 5em 0;
	}
}

.buttons-box {

}

/* ----------------------*/
/*	ABOUT ME             */
/* ----------------------*/
section.block.home-bio {
	background:url('images/about-kate-home.jpg') no-repeat left top #d6d7da;
	background-size: 640px;
	padding-top:170px;
}

.bio-text {
	background: white;
	padding:60px;
	font-weight: 300;
	margin:80px 0 0 0 ;
}


section.block.home-bio article .bio-text h3{
	color:#66ceed;
	margin-top:0;
}
section.block.home-bio article .bio-text .button {
	background: black;
	font-size:16px;
	font-weight: 400;
}

@media only screen and (min-width: 48em){
	section.block.home-bio article .bio-text { 
		float: right;
	}
	section.block.home-bio {
		background:url('images/about-kate-home.jpg') no-repeat top left #d6d7da;
		padding-top:0;
		  background-size: 100%;
	}

	.bio-text {
		margin:80px 0;
	}

}




/* ----------------------*/
/*	TESTIMONIALS         */
/* ----------------------*/

section.block.home-testimonials {
	background: white;
	color: black;

}

section.block.home-testimonials blockquote.testimonial div.testimonial-text p{
	color: black;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
}

section.block.home-testimonials blockquote.testimonial div.testimonial-text p.testimonial-owner {
	text-transform: uppercase;
		font-weight: 700;
}
blockquote.testimonial div.testimonial-image img{
	border: none;

}
blockquote.testimonial div.testimonial-text p.testimonial-owner a {
	color: black;

}


@media only screen and (min-width: 48em){
	section.block.home-testimonials h3 {
		color: black;
		font-size:24px;
		text-transform: uppercase;
		text-align: center;
		margin-top:100px;
	}
}

/* ----------------------*/
/*	LATEST BLOGS         */
/* ----------------------*/
section.block.home-blogposts {
	background: #f2f8ff;
	padding: 6em 0;
}
section.block.home-blogposts .title:after, section.block.home-blogposts .title:before {
	border:none;
}
section.block.home-blogposts .title h3 {
	text-transform: uppercase;
	font-size: 24px;
}

section.block.home-blogposts article .post-text h3 a{
	color: #66ceed;
}
section.block.home-blogposts article .post-text p {
	font-weight: 300;
}
section.block.home-blogposts article .post-text a.more,
section.block.home-blogposts article .post-text h3 {
	margin:10px 0;
	display: block;
}

/* ----------------------*/
/*	LATEST BLOGS         */
/* ----------------------*/

section.block.brands {
	padding: 6em 0;
}
section.block.brands  .title:after, section.block.brands .title:before{
	border:none;
}
section.block.brands .title h3 {
	text-transform: uppercase;
	font-size: 24px;
}


/* ----------------------*/
/*	FOOTER               */
/* ----------------------*/
.webpage > footer.main-footer {
	background: #f2f8ff;
	color: black;
	padding-top:30px;

}

footer.main-footer nav ul li a {
    color: black !important;
    text-decoration: none;
    font-weight: 300;
    font-size:16px;
  }

  footer.main-footer nav ul li a:hover{
  	color: #66ceed!important;
  }
footer.main-footer div#copyright {
	color: black;
	font-size: 12px;
	font-weight: 300;
}

footer.main-footer nav ul li {
	padding:0 10px;
}

.block.optin-foot {
	background: url('images/kate-footer.jpg') no-repeat top right #fff;
	padding-top:270px;
	position: relative;
	background-size:650px;
}


#optin-foot .textured-hairline{
	background: url('images/textured-divider.png') no-repeat;
	background-size:cover;
	height:5px;
	position: absolute;
	bottom:0;
	width: 100%;

}

#optin-footer {
	padding:20px;
}

.main-footer {
	margin-top:40px;
	background: #f2f8ff;
	color: black;
	padding-top:30px;
}

@media only screen and (min-width: 48em){

	.block.optin-foot {
		background-position:top right;
		min-height:585px;
		padding:0;
		background-size:100%;
		
	}

	#optin-footer {
		width: 50%;
		
	}

	#optin-footer .optin-intro {
		text-align: left;
		margin-top: 180px;
	}


	#optin-footer .optin-form {
		width: 100%
	}

	#optin-footer .optin-intro h3{
		font-size:38px!important;
		text-transform: uppercase;
		font-weight: 400;
	}

	#optin-footer .optin-intro p{
		font-weight: 300;
		font-size: 22px

	}
}

/* ----------------------*/
/*	PAGE CONTENT         */
/* ----------------------*/
.entry h6, #tinymce.content h6,
.entry h5, #tinymce.content h5,
.entry h2, #tinymce.content h2,
.entry h1, #tinymce.content h1,
.entry h4, #tinymce.content h4,
.entry h3, #tinymce.content h3 {
	color: #66ceed;
}
/* ----------------------*/
/*	BLOG                 */
/* ----------------------*/

.entry h4, #tinymce.content h4 {
	font-weight: 300;
	color:black;
	font-size: 20px;
	text-transform: uppercase;
}

div#content.blog-index article.post h1 a{
	color:black;
	font-size:24px;
}

button, input[type="button"], input[type="reset"], input[type="submit"], a.button, .button.alt {
	color: #fff;
	background: #000;
	border:none;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, .button.alt:hover{
	color: #fff;
	background: #66ceed;
	border:none;
} 

.widget h3{
	
	color: black;
	text-transform: uppercase;
}

.widget ul li a{
	font-weight: 400;
}

.widget ul li:before {
	color: #66ceed;
}
#optin-blog,
#optin-widget{
	background:#f9ecea;
}
#comments h5,
#respond h5{
font-weight: 300;
	color:black;
	font-size: 20px;
	text-transform: uppercase;
}

ol.commentlist{
	list-style-type: none;
	margin:0;
	padding:0;
}


::selection {
  background: #000; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #000; /* Gecko Browsers */
}