/*
Theme Name: 	EZ Seed
Author: 		bEZ420
Version:      	1.0.5
*/


/* TABLE OF CONTENTS
 *  
 *  X-BROWSER styling & RESPONSIVE Classes
 *  LAYOUT
 *  TYPOGRAPHY: COMMON STYLES
 *  UI ELEMENTS
 *  DISPLAY CONFIGS
 *  ANIMATIONS
 *  THEMES
 *  MEDIA QUERIES
 * 
================================================== */




/* X-BROWSER styling & RESPONSIVE Classes
================================================== */

	html, body {
		height: 100%;
		margin: 0;
		overflow: hidden;
	}

	/* Box Sizing */
	/* ---------------------------------------------- */
		*, *:after, *:before {
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

	/* iOS Scrolling fixes */
	/* ---------------------------------------------- */
		.global-inner {
			/*overflow-y: scroll;*/ /* has to be scroll, not auto */
			overflow-x: hidden;
			-webkit-overflow-scrolling: touch;
		}

	/* Responsive Display Toggles and Triggers */
	/* ---------------------------------------------- */
		.tablet-show {
			display: none!important;
		}
		.tablet-hide {}


		.tablet-p-show {
			display: none!important;
		}
		.tablet-p-hide {}

		.mobile-show {
			display: none!important;
		}
		.mobile-hide {}

		.screen-size-ghost-dw,
		.screen-size-ghost-d,
		.screen-size-ghost-tl,
		.screen-size-ghost-tp,
		.screen-size-ghost-ml,
		.screen-size-ghost-mp {
			display: none!important;
		}
		.screen-size-ghost-dw { display: block!important;}




/* LAYOUT
================================================== */

	/* LAYOUT BLOCKS: Positioning */
	/* ---------------------------------------------- */
		.global-wrapper {
			width: 100%;
			height: 100%;
			margin: auto;
			position: relative;
			overflow: hidden;
		}
		.global-inner {
			width: 100%;
			height: 100%;
			margin: auto;
			position: relative;
			float: left;
			left: 0;
		}
		.mob-menu-open .global-inner {
			left: 300px;
		}
		#global-mob-menu {
			float: left;
			position: absolute;
			left: -300px;
			width: 300px;
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
		}
		.mob-menu-open #global-mob-menu {
			left: 0;
		}
		.header-block {
			width: 100%;
			display: table;
			table-layout:fixed;
			position: relative;
			top: 0;
			z-index: 11;
		}
		.content-block {
			width: 100%;
			overflow-y: auto;
			overflow-x: hidden;
		}
		.footer-block {
			width: 100%;
			display: table;
			table-layout:fixed;
			position: relative;
			bottom: 0;
			z-index: 10;
		}


		.admin-bar .global-wrapper {
			padding-top: 0px;
		}

	/* MICRO LAYOUT */
	/* ---------------------------------------------- */
		#global-wrapper .hide {
			display: none!important;
		}

		/* THE Wrapper
		---------------------------------------------- */
			.global-inner {
				background: rgba(101,101,101,1);
			}
		/*TODO: !*/
		/* THE Grid
		---------------------------------------------- */
			/*accordion.controlss */
			.container,
			.ez-container {
				position: relative;
				margin: 0 auto;
				margin-left: auto!important;
				margin-right: auto!important;
				padding: 0;
				width: 100%;
				max-width: 1024px;
			}
			/* rows */
			.ez-row {
				width: 100%;
				display: table;
			}
			/* columns */
			/*todo: remove?*/
			.ez-col {
				display: table-cell;
				vertical-align: middle;
			}
			.ez-row.pad-cols > .ez-col,
			.ez-row.pad-cols > .container > .ez-col,
			.ez-row.pad-cols > .ez-container > .ez-col {
				padding: 0 15px;
			}
			.ez-row.pad-cols > .ez-col.first-col,
			.ez-row.pad-cols > .container > .ez-col.first-col,
			.ez-row.pad-cols > .ez-container > .ez-col.first-col {
				padding-left: 0;
			}
			.ez-row.pad-cols > .ez-col.last-col,
			.ez-row.pad-cols > .container > .ez-col.last-col,
			.ez-row.pad-cols > .ez-container > .ez-col.last-col {
				padding-right: 0;
			}
			/*.ez-row.half > .ez-col,*/
			/*.ez-row.half > .container > .ez-col {*/
				/*width: 50%;*/
			/*}*/
			/*.ez-row.thirds > .ez-col,*/
			/*.ez-row.thirds > .container > .ez-col {*/
				/*width: 33.333%;*/
			/*}*/
			/*.ez-row.quarter > .ez-col,*/
			/*.ez-row.quarter > .container > .ez-col {*/
				/*width: 25%;*/
			/*}*/

		/* Header Block
		---------------------------------------------- */
			.header-block,
			.header-block > * {
				background: white;
			}
			.header-content {
				/*background: white;*/
				/*padding: 5px 0;*/
				z-index: 1;
			}
			body.alt-header .header-block {
				background: transparent;
			}
			body.alt-header .content-block {
				padding-top: 0!important;
			}
			body.alt-header.alt-h-white .header-block *,
			body.alt-header.alt-h-white .header-block a {
				color: white;
			}

		/* Content Block
		---------------------------------------------- */
			.content-block.no-padding {
				 padding-top: 0 !important; /* for hero page */
			 }
			.content-container > .ez-row,
			.content-container > .ez-row > .ez-col{
				height: 100%;
			}
			.chrome .content-container > .ez-row {
				height: initial;
			}
			#content {
				position: relative;
				/*background: white;*/
			}
			#content:after,
			#content:before {
				content: '';
				display: none;
				/*border: 1px solid red;*/
				width: 100%;
				height: 400px;
				position: absolute;
				top: -400px;
				background: white;
			}
			#content:before {
				display: inline-block;
			}
			.ipad #content:after,
			.iphone #content:after {
				top: unset;
				bottom: -400px;
			}

			#content > * {
				/*background: rgba(101,101,101,1);*/
			}
			.content-inner {
				/*border: 1px solid yellow;*/
			}
			.content-container {}
			.content-container > .ez-row.no-padding {
				padding: 0;
			}

			.side-bar{
				width: 25%;
			}
			.side-bar ul ul {
				margin: 0 0 0 20px;
			}
			.side-bar li a .label {
				/*padding: 5px 10px;*/
			}

		/* Footer Block
		---------------------------------------------- */
			#footer.footer-block,
			#sub-footer.sub-footer {
				background: white;
			}

		/* Sticky Div
		---------------------------------------------- */
			.sticky-content {
				position: relative;
			}

			/* x-broswer
			---------------------------------------------- */






		/* Block Height Fillers
		---------------------------------------------- */
			.fill-height {
				/*min-height: 100%;*/
			}
			.fill-height-parent  {
				-webkit-display: box;      /* OLD - iOS 6-, Safari 3.1-6 */
				display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
				display: -ms-flexbox;      /* TWEENER - IE 10 */
				display: -webkit-flex;     /* NEW - Chrome */
				display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
				display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

				-webkit-box-oreint: vertical;
				-moz-box-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				width: 100%;
			}
			.fill-height-parent .fill-height  {
				-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
				-moz-box-flex: 1;         /* OLD - Firefox 19- */
				/*height: 100%;               !* For old syntax, otherwise collapses. *!*/
				-webkit-flex: 1;          /* Chrome */
				-ms-flex: 1;              /* IE 10 */
				flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
			}
			.fill-height-parent .content-row.fill-height  {
				-webkit-display: box;      /* OLD - iOS 6-, Safari 3.1-6 */
				display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
				display: -ms-flexbox;      /* TWEENER - IE 10 */
				display: -webkit-flex;     /* NEW - Chrome */
				display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
			}

		/* Width Styling
		---------------------------------------------- */
			.width-full {
				width: 100%;
			}
			.width-2 {
				width: 50%;
			}
			.width-3 {
				width: 33.33%;
			}
			.width-4 {
				width: 25%;
			}
			.width-5 {
				width: 20%;
			}
			.width-6 {
				width: 16.66%;
			}
			.width-7 {
				width: 14.28%;
			}
			.width-8 {
				width: 12.5%;
			}
			.width-9 {
				width: 11.11%;
			}
			.width-10 {
				width: 10%;
			}
			.width-11 {
				width: 9.0909%;
			}
			.width-12 {
				width: 8.33%;
			}
			.width-phi-lrg {
				width: 61.8%;
			}
			.width-phi-sml {
				width: 38.2%;
			}
			.width-phi-sml.fill-height-parent {
				width: auto;
			}
			.width-phi-sml.fill-height-parent.ez-col {
				display: table-cell
			}
			#content .max-w-700 {
				max-width: 700px;
			}
			#content .max-w-750 {
				max-width: 750px;
			}
			#content .max-w-800 {
				max-width: 800px;
			}
			#content .max-w-850 {
				max-width: 850px;
			}
			#content .max-w-900 {
				max-width: 900px;
			}
			#content .max-w-1000 {
				max-width: 1000px;
			}
			#content .max-w-auto {
			margin-left: auto;
			margin-right: auto;
		}

		/* Content Rows
		---------------------------------------------- */
			.global-row,
			#content > .global-row {
				/*background: rgba(170,170,170,1);*/
				/*padding: 15px;*/
			}
			.ez-row.content-row,
			.ez-col.content-row {
				/*background: rgba(127,127,127,1);*/
				/*padding: 15px;*/
			}
			.global-row > *,
			.content-row > * {
				/*background: rgba(255,255,255,0.2);*/
				/*padding: 15px;*/
			}
			/* padding */
			#main .theme-row-padding {
				/*padding-top: 50px;*/
				/*padding-bottom: 50px;*/
			}
			.content-row.no-padding {
				padding: 0 !important; /* for hero page */
			}
			.content-row.no-padding-top,
			.content-col.no-padding-top {
				padding-top: 0 !important; /* for hero page */
			}
			.content-row.no-padding-bottom,
			.content-col.no-padding-bottom {
				padding-bottom: 0 !important; /* for hero page */
			}

		/* Padding & Margins
		---------------------------------------------- */
			body #global-wrapper .pX-0 {
				padding-left: 0;
				padding-right: 0;
			}
			body #global-wrapper .pY-0 {
				padding-top: 0;
				padding-bottom: 0;
			}
			body #global-wrapper .mX-0 {
				margin-left: 0;
				margin-right: 0;
			}
			body #global-wrapper .mY-0 {
				margin-top: 0;
				margin-bottom: 0;
			}
			body #global-wrapper .pT-0 { padding-top: 0; }
			body #global-wrapper .pB-0 { padding-bottom: 0; }
			body #global-wrapper .pL-0 { padding-left: 0; }
			body #global-wrapper .pR-0 { padding-right: 0; }
			body #global-wrapper .mL-0 { margin-left: 0; }
			body #global-wrapper .mR-0 { margin-right: 0; }
			body #global-wrapper .mT-0 { margin-top: 0; }
			body #global-wrapper .mB-0 { margin-bottom: 0; }

			.bb 			{ border-bottom: 1px solid rgba(0,0,0,0.1)}
			.text-white .bb { border-bottom: 1px solid rgba(255,255,255,0.2)}




/* TYPOGRAPHY: COMMON STYLES
================================================== */

	/* Base
	---------------------------------------------- */
		body {
			font-size: 1.313em; /*makes 1em = 16pt (21px)*/
		}
		p {
			margin: 0;
		}

	/* EZ Column TypeSetting
	---------------------------------------------- */
		.ez-col.top-align {
			vertical-align: top;
		}
		.ez-col.bottom-align {
			vertical-align: bottom;
		}
		.ez-col > .label {
			font-size: 0.5em;
		}
		.ez-col > .text-main {
			font-size: 1em;
		}

	/* Content Typography
	---------------------------------------------- */
		.text-center {
			text-align: center;
		}
		.text-left {
			text-align: left;
		}
		.text-right {
			text-align: right;
		}

	/* WP Menu Items
	---------------------------------------------- */
		#content-block .current-cat > a,
		#content-block .current-cat-parent > a,
		#content-block .current-post > a {
			color: red;
		}
		a.break-word {
			display: inline-block;
			word-break: break-all;
		}

	/* Text Columns
	---------------------------------------------- */
		.two-col {
			/*column-width: 20em;*/
			column-count: 2;
			column-gap: 30px;
			/*-moz-column-width: 20em;*/
			-moz-column-count: 2;
			-moz-column-gap: 30px;
			/*-webkit-column-width: 20em;*/
			-webkit-column-count: 2;
			-webkit-column-gap: 30px;
		}
		.three-col {
			-moz-column-count: 3;
			-moz-column-gap: 30px;
			-webkit-column-count: 3;
			-webkit-column-gap: 30px;
		}




/* ANIMATIONS
================================================== */
	.animate-all {
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	.animate-none {
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
	}

	.fade-out {
		opacity: 0!important;
	}
	.fade-in {
		opacity: 1!important;
	}
	.fade-wrapper {
		/* for sliders: .fade-wrapper opacity transitions must match the duration set in the front-end js configs */
		overflow: hidden;
		-webkit-transition: opacity .4s ease-out;
		-moz-transition: opacity .4s ease-out;
		transition: opacity .4s ease-out;
	}

	/*.display-wrapper {*/
		/*display: block;*/
		/*overflow: hidden;*/
		/*-webkit-transition: all .4s ease-out;*/
		/*-moz-transition: all .4s ease-out;*/
		/*transition: all .4s ease-out;*/
	/*}*/




/* TRACERS
================================================== */

	/* LAYOUT BLOCKS: Tracers
	---------------------------------------------- */
		/*.app-wrapper  { border: 1px solid #888; }*/
		/*.header-block   { border: 1px solid #444; }*/
		/*.header-content { border: 1px solid #444; }*/
		/*.content-block  { border: 1px solid #444; }*/
		/*.content-inner  { border: 1px solid #000; }*/
		/*.footer-block   { border: 1px solid #444; }*/

	/* Micro Layout Tracers
	---------------------------------------------- */
		/*.ez-col           { border: 1px solid green; }*/
		/*.ez-row             { border: 1px solid red; }*/
		/*.container, .ez-container        { border: 1px dashed blue; }*/

		/*.global-row { border: 1px solid black; }*/
		/*.global-row > * { border: 1px dashed black; }*/
		/*.global-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/

		/*.ez-row.content-row,*/
		/*.ez-col.content-row { border: 1px solid black; }*/
		/*.content-row > * { border: 1px dashed black; }*/
		/*.content-row > * > * { border: 1px dashed rgba(0,0,0,0.5); }*/

	/* Animations
	---------------------------------------------- */
		/*.display-wrapper { border: 1px solid blue;}*/

	/* WP Menus
	---------------------------------------------- */
		/*.menu ul { border: 1px solid orange; }*/
		/*.menu li { border: 1px solid yellow; }*/


















/* CONTROLS
================================================== */


	/* image element */
		img {
			display: block;
		}


	/* Shared Classes */
		#global-wrapper .disabled {
			opacity: 0.4;
			cursor: default;
		}


	/* ALL menus
	---------------------------------------------- */
	
		.menu ul { margin: 0; }


	/* HEADER MENU + LOGO
	---------------------------------------------- */
		.header-block .logo {
			padding: 0 10px;
		}
		.header-block .logo img {
			width: auto;
			height: auto;
			max-width: 250px;
		}
		.header-block .menu {
			float: right;
			/*position: relative;*/
		}
		ul.menu {
			margin: 0;
			display: inline-block;
		}
		.header-block .menu li {
			display: inline-block;
			list-style-type: none;
			font-size: 16px;
			margin: 0;
		}
		.header-block .menu li > a {
			display: block;
			padding: 13px 21px;
			text-decoration: none;
		}

		/* Hover states &  Sub-menu positioning
		---------------------------------------------- */
			.header-block .menu li > a:hover {
				background: rgba(0,0,0,0.1);
			}

			.header-block .menu > li > .sub-menu,
			.header-block .sub-menu > li > .sub-menu {
				display: none;
				margin: 0;
			}
			.header-block .menu > li:hover > .sub-menu,
			.header-block .sub-menu > li:hover > .sub-menu {
				display: block;
				position: absolute;
				z-index: 1;
			}

		/* Background colors (menu & sub-menu)
		---------------------------------------------- */
			.header-block ul.menu {
				background: #eee;
			}
			.header-block .menu > li:hover > a,
			.header-block .menu > li > .sub-menu  {
				background: #ddd;
			}
			.header-block .sub-menu > li:hover > a,
			.header-block .sub-menu > li > .sub-menu  {
				background: #ccc;
			}

		/* hide everything after the 3rd tier
		---------------------------------------------- */
			.header-block .sub-menu > li > .sub-menu > li > .sub-menu {
				display: none
			}

		/* Cart Link
		---------------------------------------------- */
			.header-block .ez-col.cart {
				width: 75px;
				padding: 0 10px;
				text-align: right;
			}
			.header-block .ez-col.cart a:before{
				font-family: 'themify';
				content: "\e60d";
				/*content: "\e60e";*/
				font-size: 22px;
			}

		/* Mobile Elements
		---------------------------------------------- */
			.header-block .mob-menu-trigger {
				width: 40px;
				cursor: pointer;
				padding: 0 10px;
			}
			.icon--menu:before {
				font-family: 'themify';
				content: "\e68e";
				font-size: 22px;
			}


	/* MOBILE MENU
	---------------------------------------------- */

		/* Menu Header
		---------------------------------------------- */
			.mob-menu-header {
				display: table;
				width: 100%;
				/*padding: 5px 0;*/
			}
			.mob-menu-close-btn {
				width: 40px;
				padding: 0 10px;
				cursor: pointer;
			}
			.icon--close:before {
				font-family: 'themify';
				content: "\e646";
				font-size: 22px;
			}

		/* Menu Styling
		---------------------------------------------- */
			#global-mob-menu .menu {
				height: 100%;
				width: 100%;
			}
			#global-mob-menu .wp-menu-container {
				display: table;
				/*height: 100%;*/
				width: 100%;
				/*background: #eee*/
			}
			#global-mob-menu .menu ul {
				margin: 0 0 0 10px;
				background: rgba(0,0,0,0.1);
			}

		/* The Tint
		---------------------------------------------- */
			.global-inner .tint {
				display: none;
				background: rgba(0,0,0,0.6);
				width: 0;
				height: 0;
				opacity: 0;
				position: absolute;
				z-index: 11;
				pointer-events: none;
				-webkit-transition: opacity .2s ease-out;
				-moz-transition: opacity .2s ease-out;
				transition: opacity .2s ease-out;
			}
			#global-wrapper .tint.opacity {
				opacity: 0;
				display: block;
			}
			.mob-menu-open .global-inner .tint {
				pointer-events: all;
				display: block;
				opacity: 1;
				width: 100%;
				height: 100%;
			}

		/* Cart Link
		---------------------------------------------- */
			#global-mob-menu .cart a {
				width: 100%;
				text-align: right;
				display: inline-block;
				padding: 6px 10px;
				border: 1px solid red;
			}
			#global-mob-menu .cart a:before{
				font-family: 'themify';
				content: "\e60d";
				font-size: 22px;
			}


	/* CTA
	---------------------------------------------- */
		.cta > * {
			display: inline-block;;
			font-size: 12px;
			padding: 13px 21px;
			border: 1px solid red;
			width: auto;
		}


	/* HERO SLIDER
	---------------------------------------------- */
		.hero-row {
			background: white;
		}
		.hero-slider .slides .slide {
			color: white;
			height: 600px;
			/*border: 1px solid blue;*/
			background-position: center center;
			background-size: cover;
		}
		.hero-slider .slides-wrap {
			-webkit-transition: height 0s ease-out;
			-moz-transition: height 0s ease-out;
			transition: height 0s ease-out;
			margin-bottom: 0;
		}
		.hero-slider .slider-nav {
			background-color: rgba(0,0,0,0.4);
		}
		.hero-slider .slider-nav-inner {
			padding: 13px 21px;
		}


	/* TAGS (cwPortfolio)
	---------------------------------------------- */
		#main .tags {
			margin-top: 25px;
			bottom: 0;
			width: auto;
		}


	/* BACK TO TOP Btn
	---------------------------------------------- */
		.back-to-top {
			/*border: 1px solid red;*/
			background: rgba(0,0,0,0.5);
			width: 40px;
			height: 40px;
			position: absolute;
			display: none;
			bottom: 20px;
			right: 35px;
			cursor: pointer;
			z-index: 100;
			text-align: center;
			border-radius: 50%;
		}
		.back-to-top:before {
			vertical-align: middle;
			color: #fff;
			font-family: 'themify';
			content: "\e648";
			display: table-cell;
		}
		.back-to-top.enabled {
			display: block;
		}
		.back-to-top.mobile-show {
			display: none!important;
		}
		.back-to-top.mobile-show.enabled {
		display: table!important;
	}


	/* FEED[POSTS]: Related
	---------------------------------------------- */

		/* container */
		/*.related-posts-row {*/
			/*padding: 30px 0 40px;*/
		/*}*/
		/*.related-posts-row h3 {*/
			/*margin-bottom: 20px;*/
		/*}*/

		.cpt-related-posts .post {
			margin-bottom: 0;
		}


	/* FEED[POSTS]: MAIN
	---------------------------------------------- */
		/* list */
		.posts {
			margin: 0 -15px;
		}
		.posts .post {
			/*float: left;*/
			position: relative;
			display: inline-table;
			vertical-align: top;
			padding: 0 15px;
			table-layout: fixed; /* for width percentages */
		}
		/* feed entry content */
		.posts .post a {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}
		.posts .post a .label {
			display: inline-block;
			/*padding: 13px 21px;*/
			/*background: #ddd;*/
			text-align: center;
			width: 100%;
		}
		/* hover */
		.brick .hover,
		.posts .post a .hover {
			-webkit-display: box;      /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox;      /* TWEENER - IE 10 */
			display: -webkit-flex;     /* NEW - Chrome */
			display: flex;

			-webkit-box-oreint: vertical;
			-moz-box-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;


			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.5);
			color: white;
			font-weight: 700;
			opacity: 0;
			position: absolute;
			top: 0;

			text-align: center;
			justify-content: center;
			-webkit-box-justify-content: center;
			-moz-box-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.brick .brick-inner {
			position: relative;
			display: block;
			height: 100%;
			width: 100%;
		}
		.brick:hover .hover,
		.posts .post a:hover .hover {
			opacity: 1;
		}
		.posts .post img {
			display: block;
		}
		.post .hover-image {
			position: relative;
		}
		/* shop icon */
		.posts .post a.shop-icon {
			position: absolute;
			display: block;
			top: 10px;
			right: 30px;
			z-index: 1;
			width: auto;
			height: auto;
			box-shadow: none;
		}
		.posts .post a.shop-icon:before {
			font-family: 'themify';
			content: "\e60d";
			/*content: "\e60e";*/
			font-size: 28px;
			color: rgba(0,0,0,0.3);
		}
		.posts .post a.shop-icon:hover:before {
			color: rgba(255,255,255,1);
		}


	/* SCROLL-HINTER
	---------------------------------------------- */
		.scroll-hinter {
			position: absolute;
			top: 0;
			width: 100%;
			text-align: center;
			display: inline-block;
		}
		.scroll-hinter:before {
			font-family: 'themify';
			content: "\e64b";
			font-size: 30px;
			/*margin-left: -15px;*/
			opacity: 0.4;
		}
		.win-ie .scroll-hinter {
			left: 50%;
		}


	/* FEED[TERMS]: CPT CATEGORY
	---------------------------------------------- */
		.cpt-category-term-post-feed {
		}
		.cpt-category-term-post-feed .title {
			margin-top: -5px;
		}
		.cpt-category-term-post-feed .description {
			margin-bottom: 40px;
		}
		.cpt-category-term-post-feed .post {
			width: 33.33%;
			margin-bottom: 40px;
		}


	/* FEED[PROJECT_POSTS]: RECENT
	---------------------------------------------- */
		#recent-projects .post {
			width: 33.33%;
			margin-bottom: 30px;
		}
		#recent-projects {
			margin: 0 auto;
		}


	/* FEED_FILTER[POSTS]: by TAX TERM CHILDREN
	---------------------------------------------- */
		.child-term-links li {
			display: inline-block;
		}
		#content-block .child-term-links li.selected a {
			color: red;
		}


	/* META: Meta Group Tiles
	---------------------------------------------- */
		.meta-group-tiles {
		}
		.meta-group-tile {
			display: inline-table;
			vertical-align: top;
			text-align: center;
			padding: 0 15px;
		}
		.meta-group-tile .image-container {
			height: 120px;
		}
		.meta-group-tile .image-container img {
			display: inline-block;
		}


	/* POPUP
	---------------------------------------------- */
		.popup {
			display: none;
			/*display: block;*/
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			z-index: 100;
			background: rgba(0,0,0,0.8);
			text-align: center;
		}
		.popup.show {
			display: block;
		}
		.popup > .ez-row {
			height: 100%;
			table-layout: fixed;
		}
		.popup-container {
			display: inline-block;
			width: 900px;
			max-width: 90%;
		}
		.popup-container .slides {
			/*height: 600px;*/
			/*max-height: 90%;*/
		}
		.popup-container .slides .slide > img {
			max-height: 90%;
		}
		.popup-header {
			background: rgba(0,0,0,0.5);
			padding: 8px 13px;
			color: rgba(255,255,255,0.7);
		}
		.popup-header .header-text{
			text-align: left;
		}
		.popup-header .header-close{
			width: 100px;
			text-align: right;
		}
		.popup-content > .ez-col {
			padding: 0 10px 10px;
			background: rgba(0,0,0,0.8);
		}
		.popup-content .slider-nav-inner {
			background: rgba(0,0,0,0.8);
			padding: 10px 10px 10px;
		}
		.popup-trigger,
		.popup-close {
			cursor: pointer;
		}
		.popup-container .slider-options .slider-option {
			display: none;
		}
		.popup .basic-slider .slider-nav {
			display: none;
		}
		.popup .basic-slider .slides-wrap {
			margin-bottom: 0;
		}


	/* PARALLAX BACKGROUNDS
	---------------------------------------------- */
		/* set/remove background styles to reveal absolute 'parallax' element behind main content*/
		#main.parallax-main > div {
			/*background: white;*/
		}
		#main.parallax-main .content-row.parallax {
			background: none;
		}
		/* absolute bg element behind main scrolling element */
		.parallax-wrapper {
			display: block;
			position: absolute;
			top: 0;
			overflow: hidden;
			height: 100%;
			width: 100%;
		}
		.parallax-element {
			display: block;
			position: absolute;
			top: 0;
			height: 100%;
			width:  100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}


	/* styles for '...' <- ellipsis
	---------------------------------------------- */
		.block-with-text {
			/* hide text if it more than N lines  */
			overflow: hidden;
			/* for set '...' in absolute position */
			position: relative;
			/* use this value to count block height */
			/*line-height: 1.2em;*/
			/* max-height = line-height (1.2) * lines max number (3) */
			/*max-height: 3.6em;*/

			/* fix problem when last visible word doesn't adjoin right side  */
			text-align: justify;

			/* place for '...' */
			margin-right: -1em;
			padding-right: 1em;
		}
		/* create the ... */
		.block-with-text:before {
			/* points in the end */
			content: '...';
			/* absolute position */
			position: absolute;
			/* set position to right bottom corner of block */
			right: 0;
			bottom: 1px;
		}
		/* hide ... if we have text, which is less than or equal to max lines */
		.block-with-text:after {
		/* points in the end */
		content: '';
		/* absolute position */
		position: absolute;
		/* set position to right bottom corner of text */
		right: 0;
		/* set width and height */
		width: 1em;
		height: 1em;
		margin-top: 0.2em;
		/* bg color = bg color under block */
		background: white;
	}


	/* META: Meta Box Background
	---------------------------------------------- */
		.ez-row.content-row.meta-box-bg,
		.ez-col.content-row.meta-box-bg {
		background-position: 50% 50%;
		background-size: cover;
	}
		.ez-row.meta-box-bg .the-content {
			color: white;
			text-shadow: 0 0 10px #000;
			line-height: 1.45em;
		}


	/* MOBILE COLLAPSE CONTROL
	 * —TODO: separate style sheet?
	---------------------------------------------- */
		/* Control Container  */
		.mobile-collapse {
			border: 1px solid red;
			position: relative;
		}
		.mobile-collapse.active {
			border: 1px solid green;
			display: table;
		}
		.mobile-collapse.active.open {
			border: 1px solid blue;

			height: auto;
		}
		/* Collapse Wrapper */
		.mobile-collapse .mobile-collapse-wrapper {

			overflow: hidden;

			-webkit-transition: height .3s ease-out;
			-moz-transition: height .3s ease-out;
			transition: height .3s ease-out;
		}
		.mobile-collapse.active .mobile-collapse-wrapper {
			position: relative;
			height: 0; /* collapse trigger height */
		}
		.text-collapse.active .mobile-collapse-wrapper {
			margin-bottom: 60px;
			height: 135px; /* collapse trigger height */
		}
		/* Content */
		.mobile-collapse-content {
			display: table; /* so margins get counted by outerHeight() */
			width: 100%;
		}
		/* Triggers */
		.active .mobile-collapse-toggle {
			cursor: pointer;
		}
		/* - Show More */
		.mobile-collapse .show-more {
			position: absolute;
			display: none;
			width: 100%;
			bottom: 0;
			right: 0;
			z-index: 1;
			text-align: center;
		}
		.mobile-collapse.active .show-more {
			display: inline-block;
		}
		.mobile-collapse .show-more a {
			padding: 0 10px 20px;
			margin-top: 0;
			display: inline-block;
			max-width: 250px;
			width: 100%;
			/*border-bottom: 1px solid #d4d1d0;*/
			opacity: 0.3;
		}
		.mobile-collapse .show-more span.open,

		.mobile-collapse.open .show-more span.alt {
			display: none;
		}
		.mobile-collapse.open .show-more span.open,
		.mobile-collapse .show-more span.alt {
			display: inline;
		}


	/* IN-VIEW ANIMATION (IVA)
	 * TODO: separate style sheet?
	---------------------------------------------- */
		.in-view-animation {

		}
		.iva-showing {

		}
		.iva-active.iva--alpha-in {
			opacity : 0;

			-webkit-transition: opacity .8s ease-out;
			-moz-transition: opacity .8s ease-out;
			transition: opacity .8s ease-out;
		}
		.iva-active.iva--alpha-in.iva-showing {
			opacity : 1;
		}



	/* META TABLE DISPLAY
	 * TODO: separate style sheet?
	---------------------------------------------- */
		.meta-table-display {
			width: 100%;
			margin: 0 0 30px;
		}
		.meta-table-display th,
		.meta-table-display td{
			/*border: 1px solid grey;*/
			padding: 5px 8px;
		}
		.meta-table-display thead tr,
		.meta-table-display tr:nth-child(2n) {
			background: rgba(0, 97, 50, 0.05);
		}
		.meta-table-display th:nth-child(2n),
		.meta-table-display td:nth-child(2n){
			/*border: 1px solid grey;*/
			background: rgba(10, 97, 70, 0.025);
		}



	/* CONTENT TABS
	 * TODO: separate style sheet? */
	/* ---------------------------------------------- */
		.content-tabs {

		}
		.tabs-body.ez-row {
			table-layout: fixed;
		}
		.content-tabs .tabs-menu-wrap {
			border-bottom: 2px solid #008b58;
			margin-bottom: 30px;
		}
		.content-tabs .tabs-menu {
			width: auto;
		}
		.content-tabs .tab-label {
			cursor: pointer;
			width: auto;
			padding: 10px 15px;
			background: rgba(0, 139, 88, 0.1);
			color: #008b58;
		}
		.content-tabs .tab-content {
			display: none;
			white-space: normal;
		}
		.content-tabs .tab-label.active {
			background: #008b58;
			background: rgba(0, 90, 57, 0.7);
			color: white;
		}
		.content-tabs .tab-content.active {
			display: inline-table;
			width: 100%;
			table-layout: fixed;
		}
		.content-tabs .tab-content.ez-col.active {
			display: table-cell;
		}
.content-tabs .tabs-mob-nav {
	display: none;
	padding: 10px 15px;
}

.content-tabs .tabs-mob-nav:before {
	font-family: 'themify';
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
}
.content-tabs .tabs-mob-prev:before {
	content: "<";
	content: "\e64a";
}
.content-tabs .tabs-mob-next:before {
	content: ">";
	content: "\e649";
}
.content-tabs .tabs-menu-wrap.ez-col .tabs-menu {
	width: 100%;
}
.content-tabs .tabs-menu-wrap.ez-col {
	width: 250px;
}



	/* META POST-FILTER
	 * TODO: separate style sheet? */
	/* ---------------------------------------------- */
		.prediction-container {
			display: none;
		}
		.prediction-container.show {
			display: block;
		}


	/* REFLECTION
	---------------------------------------------- */
		.reflection {
			height: 120px;
			position: relative;
			margin-top: -1px;
		}
		.reflection-image {
			overflow: hidden;
		}
		.reflection .shadow {
			width: 120%;
			position: absolute;
			top: -7px;
			left: -10%;
			height: 17px;
			background-image: url('images/reflection-shadow.png');
			background-size: 100% 100%;
			/*border: 1px solid red;*/
			background-repeat: no-repeat;
		}
		.reflection .gradient-fade {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-size: contain;
			background-image: url('images/reflect-grad-white.png')
		}
		.reflection img {
			-moz-transform: scaleY(-1);
			-o-transform: scaleY(-1);
			-webkit-transform: scaleY(-1);
			transform: scaleY(-1);
			filter: FlipV;
			-ms-filter: “FlipV”;
			opacity: 0.4;
		}
		.reflection + img.above-reflection {
			position: absolute;
			top: 0;
			left: 0;
		}
		.reflection .reflection-img{
			overflow: hidden;
			width: 100%;
			height: 100%;
		}


	/* POPUP CONTENT TRIGGER todo move to child?
	---------------------------------------------- */
		.content-popup-trigger {
			cursor: pointer;
		}


	/* POPUP VIDEO TRIGGER todo move to child?
	---------------------------------------------- */
		.video-popup-trigger {
			/*border: 1px solid red;*/
			cursor: pointer;
			display: inline-block;
			position: relative;
		}
		.video-popup-trigger iframe,
		.video-popup-trigger .the-embed * {
			display: none;
		}


	/* RESPONSIVE (STRETCHY) VIDEO */
	/*---------------------------------------------- */
		#video-container iframe {
			width: 100%;
			background: rgba(0,0,0,0.2);
			z-index: 10;
		}
		#video-container::before {
			content: 'Video Loading';
			position: absolute;
			/*border: 1px solid red;*/
			display: inline-block;
			z-index: 0;
			opacity: 0.3;
			height : 0;
			top: calc(50% - 24px);
			left: calc(50% - 80px);
		}
		/* Responsive Video Embeds */
		/* todo: consider .stretchy-vid-via-js (may be useful for multiple video popups on one page)*/
		.stretchy-vid {
		}
		.stretchy-vid .vid-container {
			position: relative;
			padding: 0;
			width: 100%;
			/* DEFAULT aspect ratio: 16:9 */
			padding-top: calc(100% * 9/16);
			height: auto!important;
		}
		.stretchy-vid iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			max-width: 100%;
			height: 100%;
		}
		/* - ALT aspect ratio: 4:3 */
		.stretchy-vid .vid-container.aspect--4-3 {
			padding-top: calc(100% * 3/4);
		}


	/* LOADER
	---------------------------------------------- */
		.loader-container {
			padding: 100px 0 50px;
		}
		.loader-control {
			display: inline-block;
			position: relative;
			width: 100px;
			height: 100px;
			margin: 50px auto;
		}


	/* HOVER FOCUS */
	/* ---------------------------------------------- */
		.hover-focus .hf-item,
		.hover-focus .menu li > a {
			-webkit-transition: opacity .2s ease-out!important;
			-moz-transition: opacity .2s ease-out!important;
			transition: opacity .2s ease-out!important;
		}
		.hover-focus:hover .hf-item,
		.hover-focus:hover .menu li > a {
			opacity: 0.6!important;
		}
		.hover-focus:hover .hf-item:hover,
		.hover-focus:hover li:hover > a {
			opacity: 1!important;
		}
		.hover-focus .slider .slider-option {
			-webkit-transition: opacity .2s ease-out!important;
			-moz-transition: opacity .2s ease-out!important;
			transition: opacity .2s ease-out!important;
		}
		.hover-focus .slider .slider-options:hover .slider-option {
			opacity: 0.3!important;
		}
		.hover-focus .slider .slider-options:hover .slider-option:hover {
			opacity: 1!important;
		}


	/* HOVER SCALE */
	/* ---------------------------------------------- */
		.hover-scale {
			-webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			transition: all .5s ease-out;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}


	/* HOVER SHADOW */
	/* ---------------------------------------------- */
		.hover-shadow:hover {
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
		}



/* Z-INDEX CLICKABLE */
	/* ---------------------------------------------- */
		.z-index-clickable {
			position: relative;

		}
		.z-index-clickable .clickable-control {
			position: absolute;
			z-index: 100;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			opacity: 0;
			background: none;
		}


/* MEDIA QUERIES
================================================== */


	/* MQ0: Desktop
	================================================== */

		@media only screen and (max-width: 1400px) {
			.screen-size-ghost-d  { display: block!important; }
		}


	/* MQ1: Tablet (Landscape)
	================================================== */

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

			/* X-BROWSER styling & RESPONSIVE Classes
			================================================== */

				/* Responsive Display Toggles and Triggers
				---------------------------------------------- */
					.tablet-show {
						display: initial!important;
					}
					.ez-col.tablet-show {
						display: table-cell!important;
					}
					.tablet-hide {
						display: none!important;
					}

					.screen-size-ghost-tl  {
						display: block!important;
					}



			/* CONTROLS
			================================================== */


				/* GLOBAL MOBILE MENU
				---------------------------------------------- */

					.mob-menu-open .global-inner {
						left: 38%;
					}
					#global-mob-menu {
						left: -38%;
						width: 38%;
					}
		}


	/* MQ2: Tablet (Portrait)
	================================================== */

		@media only screen and (min-width: 768px) and (max-width: 959px) {

			/* X-BROWSER styling & RESPONSIVE Classes
			================================================== */

				/* Responsive Display Toggles and Triggers
				---------------------------------------------- */
					.tablet-p-show {
						display: initial!important;
						width: 100%;
					}
					.ez-col.tablet-p-show {
						display: table-cell!important;
					}
					.tablet-p-hide {
						display: none!important;
					}
					.ez-col.tablet-p-col {
						width: 100%
					}
	
					.screen-size-ghost-tp  {
						display: block!important;
					}

			/* LAYOUT
			================================================== */
				.mobile-col.width-phi-lrg,
				.mobile-col.width-phi-sml {
				width: 50%;
			}

			/* CONTROLS
			================================================== */
				#recent-projects .post {
			width: 50%;
		}

				.cpt-category-term-post-feed .post {
					width: 50%;
				}

			.ez-col.portrait-col{
				display: table;
				width: 100%;
			}

		}


	/* MQ3: Mobile (Landscape)
	================================================== */

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

			/* X-BROWSER styling & RESPONSIVE Classes
			================================================== */

				/* Responsive Display Toggles and Triggers
				---------------------------------------------- */
					.mobile-show {
						display: initial!important;
					}
					.ez-row.mobile-show {
						display: table!important;
					}
					.ez-col.mobile-show {
						display: table-cell!important;
					}
					.ez-col.mobile-col{
						display: table;
						width: 100%;
					}
					.ez-col.mobile-col.mobile-show {
						display: table!important;
					}
					.mobile-hide {
						display: none!important;
					}

					.screen-size-ghost-ml  {
						display: block!important;
					}


			/* LAYOUT
			================================================== */
				.content-container > .ez-row > .ez-col > .ez-row.pad-cols > .ez-col,
				.content-container > .ez-row > .ez-col > .ez-row.pad-cols > .container > .ez-col,
				.content-container > .ez-row > .ez-col > .ez-row.pad-cols > .ez-container > .ez-col{
					padding: 0;
				}

				/* Text Columns
				---------------------------------------------- */
					.two-col {
						column-count: 1;
						-moz-column-count: 1;
						-webkit-column-count: 1;
					}
					.three-col {
						column-count: 1;
						-moz-column-count: 1;
						-webkit-column-count: 1;
					}


			/* TYPOGRAPHY: Common Styles
			================================================== */
				h1 { font-size: 36px }
				h2 { font-size: 30px }
				h3 { font-size: 24px }


			/* CONTROLS
			================================================== */

				/* FEED[POSTS]: CPT CATEGORY
				---------------------------------------------- */
					.posts {
						margin: 0;
					}
					.posts .post {
						padding: 0;
					}
					.cpt-category-term-post-feed {
					}
					.cpt-category-term-post-feed .post {
						width: 100%;
						margin-bottom: 40px;
					}

				/* FEED[PROJECT_POSTS]: RECENT
				---------------------------------------------- */
					#recent-projects .post {
						width: 100%;
						/*width: 50%;*/
					}

				/* META: Meta Group Tiles
				---------------------------------------------- */
					.meta-group-tile {
						width: 100%;
					}

				/* FEED[POSTS]: Related
				---------------------------------------------- */
					/* container */
					.cpt-related-posts .post {
						width: 100%;
						margin-bottom: 10px;
					}
					.cpt-related-posts .post:last-child {
						margin-bottom: 0;
					}
					/* rows */
					.cpt-related-posts .mobile-ez-row {
						width: 100%;
						display: table;
					}
					/* columns */
					.cpt-related-posts .mobile-ez-col {
						display: table-cell;
						vertical-align: middle;
					}
					.cpt-related-posts .mobile-ez-col {
						padding: 10px 35px 10px 10px;
					}
					.cpt-related-posts .image-col {
						width: 38.8%;
						width: 33.33%;
						/*width: 25%;*/
						padding-right: 0;
						vertical-align: top;
					}
					.cpt-related-posts .post a .label-col span {
						text-align: left;
					}

					.cpt-related-posts .post a .mobile-ez-col .label {
						padding: 0;
						border: none;
					}

				/* CONTENT TABS
				---------------------------------------------- */
					.content-tabs .tab-label {
						padding: 5px 8px;
					}
			.content-tabs .tabs-mob-nav {
				display: inline-block;
				padding: 10px 0;
			}
			.content-tabs .tab-label:not(.active) {
				display: none;
			}
			.content-tabs .tabs-menu-wrap.ez-col {
				width: 100%;
			}
			.tabs-menu > .ez-col.width-full {
				text-align: center;
			}

			.content-tabs .tab-label.active {
				display: inline-block;
			}


			/* HOVER SCALE */
			/* ---------------------------------------------- */
					.hover-scale:hover {
						transform: none;
					}
		}


	/* MQ4: Mobile (Portrait)
	================================================== */

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

			.screen-size-ghost-mp  {
				display: block!important;
			}


			/* CONTROLS
			================================================== */


				/* GLOBAL MOBILE MENU
				---------------------------------------------- */

					.mob-menu-open .global-inner {
						left: 62%;
					}
					#global-mob-menu {
						left: -62%;
						width: 62%;
					}

				/* FEED[PROJECT_POSTS]: RECENT
				---------------------------------------------- */
					#recent-projects .post {
						width: 100%;
					}


				/* CONTENT TABS
				---------------------------------------------- */
					.content-tabs .tab-label {
						font-size: 0.8em;
					}







			.ez-col.portrait-col,
			.ez-col.mob-portrait-col {
				display: table;
				width: 100%;
			}
		}



/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container:after,
	.ez-container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.row:after,
	.clearfix:after {
	  clear: both; }
	.row,
	.clearfix {
	  zoom: 1; }

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}