/*
	(c)2019 - visuallizard.com
	
	COLOURS:
		#76bfae		teal 		[links]
		#baddd4		teal light 	[quote background, frames and borders, etc.]
		#498564		green dark	[buttons, headings, etc.]
		#99c221		green light	[button rollovers, social, accents, etc.]
		#dddddd		grey		[footer]
		#a29c95		brown light [h2]

	[FONTS]
		Variation 		font-family 	font-weight	font-style
		Light 			"expressway" 	300 		normal
		Light Italic 	"expressway" 	300 		italic
		Regular 		"expressway" 	400 		normal
		Italic 			"expressway" 	400 		italic
		Bold 			"expressway" 	700 		normal
		Bold Italic 	"expressway" 	700 		italic
*/


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


html,
body {
	margin: 0;
	min-height: 100%;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}


body {
	background: url(../../img/bg.png) 0 0 repeat #fff;
	color: #6d6d6d;
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
	height: 100%;
	min-height: 100%;
}
body.blog {
	background: url(../../img/bg-blog.jpg) 0 0 repeat #c6b9a3;
}

#wrapper {
	display: flex;
	flex-direction: column;
	background: #fff;
	max-width: 960px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.8);
	        box-shadow: 0 0 35px rgba(0,0,0,.8);
	min-height: 100%;
}
.site-header {
	background: url(../../img/header.png) right 40% no-repeat transparent;
	min-height: 170px;
	z-index: 1000;
	position: relative;
}
.site-header.no-specials { background-position: right 0; }
	.main-nav {
		display: block;
		clear: both;
		background: url(../../img/txr_2.jpg) 0 0 repeat #ddd;
		height: 40px;
		z-index: 1000;
	}
#content {
	padding: 0 0 20px 0;
	margin-bottom: 10px;
	background: url(../../img/ornament_1_light.png) left bottom repeat-x transparent;
	z-index: 0;
	clear: both;
	flex-grow: 1;
}


.sidebar {
	display: block;
	position: relative;
	float: left;
	width: 230px;
	margin: 0;
	padding: 25px 15px 50px;
	z-index: 0;
}
	.side-nav {
		padding: 0;
		margin: 0 0 1em 0;
		background: url(../../img/txr_2.jpg) 0 0 repeat transparent;
	}
	.blog .side-nav { display: none; }
	
	/* 	if Flexbox supported change the order of sidebar items */
	.flexbox .sidebar {
		display: -webkit-flex; 
		display:         flex;
		-webkit-flex-direction: column;
		        flex-direction: column;
	}
	.flexbox .side-nav {
		-webkit-order: 1;
		        order: 1;
	}
	.flexbox .speach-block {
		-webkit-order: 2;
		        order: 2
	}
	.flexbox .expert-block {
		-webkit-order: 3;
		        order: 3
	}
	.flexbox .recently-viewed {
		-webkit-order: 1;
		order: 3;
	}



/* !Search Form */
.search-form {
	float: right;
	clear: right;
	position: relative;
	margin-bottom: 20px;
	max-width: 260px;
	width: 100%;
	margin: 10px 20px 0 0;
	overflow: hidden;
}
	.search-form label {
		/* visuallyhidden */
		border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
	}
	.search-form div.input {
		float: left;
	}
	.search-form div.input.text {
		width: 70%;
	}
	.search-form div.input.submit {
		width: 30%;
	}
		.search-form input.text {
			margin: 0;
			width: 100%;
			max-width: none;
			border-radius: 0;
		}
		.search-form input.button {
			margin: 0;
			min-width: 80px;
			width: 100%;
			border-radius: 0;
		}

/* !Search Results */
h1 mark,
.search-results .result-block .highlight {
	background-color: #ecd4a1;
	color: inherit;
}

.search-results.product-results,
.search-results.product-results .result-block {
	clear: both;
	position: relative;
	overflow:auto;
}
.search-results.product-results .result-block {
	padding-bottom: .75em;
	margin-bottom:  .75em;
	border-bottom: 1px solid #8a6959;
}
	.search-results.product-results .search-img-link {
		display: block;
		width: 100px;
		margin: 0 1em 0 0;
		float: left;
	}
	.search-results.product-results .search-img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.search-results.product-results .product-results .search-desc {
		margin-left: 115px;
	}
.search-results .pagination {
	clear: both;
}

	
.main {
	display: block;
	position: relative;
	width: 680px;
	width: 71%;
	width: auto;
/* 	max-width: 680px; */
	padding: 10px 25px 10px 25px;
	margin-left: 230px;
	overflow: hidden;
	
	z-index: 0;
}
	.signup .main,
	.t-checkout .main {
		margin-left: 0;
	}

	#slider {
		margin: 0 0 20px 0;
	}
	
	#display {
		position: relative;
	}

/* !blog template specific: */
.blog .sidebar {
/* 	width: 225px; */
	width: 26%;
/* 	padding: 30px 12px 20px 13px; */
	padding: 30px 1.5% 20px 1.5%;
}
.blog .main {
	float: left;
/* 	width: 670px; */
	width: 74%;
	padding: 30px 20px 20px 20px;
	margin: 0;
	background: white;
}


/* !Columns */
.columns {
	clear: both;
	margin: 0 0 10px -3%;
}
	.column {
		width: 30%;
		float: left;
		margin: 0 0 20px 3%;
	}


/* !footer */
#footer {
	position: relative;
	clear: both;
	min-height: 200px;
	padding: 10px 0;
	background: url(../../img/txr_teal.jpg) 0 0 repeat #ddd;
}
	#testimonial {
		position: absolute;
		left: 20px;
		top: -40px;
		width: 200px;
		padding-bottom: 45px;
		z-index: 1000;
	}
	#testimonial blockquote {
		margin: 0;
		padding: 10px;
		background: #baddd4;
		-webkit-box-shadow: 0 0 5px #999;
		        box-shadow: 0 0 5px #999;
		-webkit-transform: rotate(-4deg);
		        transform: rotate(-4deg);
	}




/* !Signup */
.signup-block {
	position: relative;
	display: block;
	padding: 1em;
	margin: 0 0 1em 0;
	background: url(../../img/bg-signup.jpg) center center no-repeat #99c221;
	background-size: cover;
	color: #fff;
}
	.signup-block > h3 {
		font: 700 12px/1.2 "expressway", sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: inherit;
	}
	.sidebar .signup-block > h3 {
		font: 700 11px/1.2 "expressway", sans-serif;
	}
	.signup-block > h3 .txt {
		display: inline-block;
		vertical-align: middle;
	}
	.signup-form {
		 clear: both; 
	}
	.signup-block label[for="EmailAddress"] { 
		/* visuallyhidden */
		border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
	}
	
	.signup-block input.text {
		float: left;
		width: 70%;
		max-width: none;
		border: 0;
		margin: 0;
		padding: 4px;
	}
	.signup-block input.submit {
		width: 30%;
		min-width: 0;
		padding: 5px 4px 5px;
		background: #99c221;
		height: auto;
		font-size: 10px;
		line-height: 1;
		letter-spacing: 0.1em;
		-webkit-appearance: none;
		        appearance: none;
	}
	.signup-block input.submit:hover {
		background: #498564;
	}
	
	.icon-envelope {
		display: inline-block;
		vertical-align: middle;
		width: 45px;
		height: 32px;
/* 		float: left; */
		margin: 0 .5em 0 0;
	}
		.icon-envelope > svg {
			display: block;
			width: 100%;
			height: 100%;
		}

	.popup-trigger {
		color: inherit;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
	}
	.popup-trigger:hover {
		text-decoration: none;
		color: #498564;
	}

/* !Signup Popup */
.signup-popup {
	display: block;
	position: fixed;
	
	top: 20%; 
	left: 0; right: 0;
	margin: 0 auto;
	padding: 3em;
	border: 10px solid #fff;
	box-shadow: 0 0 100px 1000px rgba(0,0,0,.6);
	
	max-width: 700px;
	min-height: 420px;
	
	font-family: "expressway", sans-serif;
	color: #000;
	background: url(../../img/pop-up-sign-up-bg.jpg?v=2) center top no-repeat #9e7f6a;
	background-size: cover;
	z-index: 1100;
	transition: all .2s ease-out;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.signup-popup .panel {
		background: rgba(255,255,255,0.95);
		color: #231f20;
		margin: 0;
		padding: 2em;
	}
	
	.signup-popup.off {
		display: none;
	}
	.csstransforms .signup-popup.off {
		transform: translateY(-1000px);
		opacity: 0;
		box-shadow: none;
		z-index: -1;
	}
	.csstransforms .signup-popup {
		transform: translateY(0);
		opacity: 1;
		z-index: 1100;
	}
	
	.signup-popup h1 {
		color: inherit;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 .25em 0;
	}
	.signup-popup h2 {
		color: inherit;
		margin: 0 0 .5em;
		font: 400 28px/1.1 "expressway", sans-serif;
	}
	.signup-popup h3 {
		font: 300 20px/1.2 "expressway", sans-serif;
		text-align: center;
		text-transform: none;
		letter-spacing: 0.05em;
		margin: 0 -1em 0.5em;
		color: inherit;
	}

	.signup-popup p {
		clear: both;
		font-size: 16px;
		line-height: 1.25;
		font-weight: normal;
		letter-spacing: 0.025em;
		margin: 0 0 .5em 0;
	}

	.signup-popup .signup-form {
		margin: 0;
	}
	.signup-popup label {
		font-size: 16px;
		font-weight: bold;
		max-width: 80%;
	}
	.signup-popup label[for="ContactLogContactEmail"],
	.signup-popup label[for="ContactLogNameFirst"] { 
		/* visuallyhidden */
		border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
	}
	.signup-popup div.input.text {
		width: 46%;
		margin-right: 2%;
		float: left;
	}
	.signup-popup input.text {
		padding: .5em;
		max-width: none;
		border: 1px solid #000;
		background: #fff;
		font-size: 16px;
		line-height: 1.2;
		color: #000;
	}
	.signup-popup input.text::-webkit-input-placeholder { color: #000; font-size: 16px; opacity: 1; }
	.signup-popup input.text::-moz-placeholder          { color: #000; font-size: 16px; opacity: 1; }
	.signup-popup input.text:-ms-input-placeholder      { color: #000; font-size: 16px; opacity: 1; }
	
	.signup-popup .input.checkbox {
		margin-bottom: 0.5em;
	}
	.signup-popup .input.checkbox input {
		margin-top: .5em;
	}
	.signup-popup .input.checkbox p {
		font-size: 14px;
		padding-left: 20px;
	}
	.signup-popup .input.checkbox div.error-message {
		padding-left: 20px;
	}
	.signup-popup .submit {
		margin: 1em 0 0;
	}
	.signup-popup .button {
		display: inline-block;
		font: 700 12px/1 "expressway", sans-serif;
		padding: .5em 1em;
		margin: 0;
		color: #fff;
		background: #498564;
		border: none;
		height: auto;
		min-width: 0;
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		transition: all .2s;
		-webkit-appearance: none;
		        appearance: none;
	}
	.signup-popup input.submit:hover {
		color: #498564;
		background: #fff;
	}
	
	.signup-popup .close {
		position: absolute;
		top: 0px; right: 5px;
		padding: .1em;
		line-height: 30px;
		font: 500 50px/.5 "expressway", sans-serif;
		color: #fff;
		text-decoration: none;
		transition: all .2s;
	}
	.signup-popup .close:hover {
		color: #99c221;
	}
	.signup-popup .note {
		font-size: 14px;
		text-align: left;
	}

	/* 	New Look popup */
	.newlook-popup .panel {
		padding: 4em;
	}
	.newlook-popup .panel > :first-child {
		margin-left: -1em;
		margin-bottom: 2em;
	}
	.newlook-popup h2 {
		color: #498564;
		font-weight: 300;
	}

/* */
.framed {
	border: 4px solid #f1f8f7;
	-webkit-box-shadow: 1px 1px 5px #999;
	        box-shadow: 1px 1px 5px #999;
}
a:hover .framed {
	border-color: #baddd4;
	-webkit-box-shadow: 1px 1px 5px #666;
	        box-shadow: 1px 1px 5px #666;
}

/* !Overlay */
#overlay {
	opacity: 0.8;
	background: #fff;
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0; 
	width: 100%; height: 100%; z-index: 10000;
}
	#overlay > div {
		display: block;
		position: relative;
		width: 500px;
		padding: 15px;
		margin: 100px 0 0 100px;
		background: #999;
		opacity: 1;
		border: 3px solid #000;
	}
	#overlay > div h2 {
		display: block;
		position: relative;
		font-size: 2.4em;
		color: #fff
	}
	
	#overlay > div p {
		display: block;
		position: relative;
		font-size: 1.6em;
		color: #fff;
	}




/*=============================================================================*
	Footer styles
*=============================================================================*/
#footer {
	padding-left: 250px;
}
#footer .nav_1 {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
}
	#footer .nav_1 #nav_li_item_127,
	#footer .nav_1 #nav_li_item_147,
	#footer .nav_1 .nav_3 {
		/* 	display: none; */
		position: absolute;
		left: -99999px;
	}
	
	#footer .nav_1 > li {
		width: 220px;
		width: 30%;
		margin: 0 0 20px 5%;
		padding: 0;
		display: block;
		float: left;
	}
	#footer .nav_1 > li:first-child {
		margin-left: 0;
	}
	#footer .nav_1 > li > a {
		display: block;
		color: #6d6d6d;
		font: bold 1.4em/1.2em Georgia, "Times new Roman", Times, serif;
		text-transform: lowercase;
		margin: 0 0 10px 0;
	}
	/* Remove this rule later */
	#footer ul li a:hover {
		cursor: default;
		text-decoration: none;
	}
	
	#footer .nav_2 {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#footer .nav_2 > li {
		margin: 0 0 7px 0;
	}
	#footer .nav_2 > li > a {
		color: #6d6d6d;
		font: normal 1.2em/1.1em Arial, Helvetica, sans-serif;
		text-transform: none;
		margin: 0;
	}
	/* Remove this rule later */
	#footer .nav_2 > li > a:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	
	
	#testimonial blockquote p {
		font: normal 1.1em/1.2em Arial, Helvetica, sans-serif;
		margin: 0 0 5px 0;
		color: #6d6d6d;
	}
	#testimonial blockquote p.author {
		text-transform: uppercase;
	}
	#testimonial blockquote p.author:before {
		content: "– ";
	}

	#footer .copyright {
		clear: both;
		margin: 0 5%;
		font-size: 1.2em;
	}
	#footer p#full_url {
		display: none;
	}


hr {
	clear: both;
	background: #8a6959;
	height: 1px;
	margin-bottom: 1.5em;
}
.main .img_left {
	float: left;
	margin: 0 2em 2em 0;
	border: 13px solid #fff;
}
.main .tilt {
	box-shadow: 1px 0 5px #999;
	-webkit-transform: rotate(-1deg);
	   -moz-transform: rotate(-1deg);
	        transform: rotate(-1deg);
}



/* Signup Templete specifics  */
.signup #wrapper {
	max-width: 670px;
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.signup .site-header {
	min-height: 0;
	background: #fff;
	overflow: hidden;
	margin: 0 25px;
}
.signup .site-logo {
	margin: 20px 20px 0;
	float: none;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.signup .site-logo #logo {
	float: left;
}

.signup .mobile-nav { display: none; }

.signup .sidebar {
	width: 0;
	height: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
}
.signup .main {
	padding-top: 0;
}
.signup .main .panel {
	box-shadow: none;
	margin: 0;
	border: none;
	color: #231f20;
}
.signup #content {
	padding: 0;
	margin-bottom: 0;
	background: none;
}
	
.signup h1{
	display: none;
}
.signup h1,
.signup h2 {
	color: #231f20;
	margin-top: 1em;
}
.signup p {
	font-size: 14px;
}
.signup .input.checkbox p {
	padding-left: 20px;
}
.signup .input.checkbox div.error-message {
	padding-left: 20px;
}
.signup label[for="ContactLogContactEmail"],
.signup label[for="ContactLogNameFirst"] { 
	/* visuallyhidden */
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.signup form label { max-width: 70%; }


.t-checkout .breadcrumbs + h1 {
	margin-right: 100px;
}

/* 	Hide elements in site's header */
@media only screen and (min-width: 768px) {
	.t-checkout.member           .main-nav,
	.t-checkout.cart:not(.index) .main-nav,
	.t-checkout.member           .search-form,
	.t-checkout.cart:not(.index) .search-form,
	.t-checkout.member           .top-nav .blog-link,
	.t-checkout.cart:not(.index) .top-nav .blog-link {
		display: none;
	}
	.t-checkout.member           .site-header,
	.t-checkout.cart:not(.index) .site-header {
		background-image: none;
		min-height: 0;
	}
	.t-checkout.member           .site-logo,
	.t-checkout.cart:not(.index) .site-logo {
		margin-bottom: 10px;
		margin-top: 20px;
	}
}

/*=============================================================================*
	CakePHP Debug SQL table
*=============================================================================*/

table.cake-sql-log {
	margin: 2em auto;
	
	color: #444;
	background: #fff;
	text-align: left;
	
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

table.cake-sql-log td,
table.cake-sql-log th {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0.5em;
}

table.cake-sql-log caption {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	background-color: #000;
	padding: 0.5em;
}

body.debug:after {
	display: none;
	content: attr(class);
	position: relative;
	top: 0px;
	left: 0;
	color: #eee;
	background: #333;
	padding: 2px 5px;
}


.mobile { display: none !important; }
.tablet { display: none !important; }
.desktop { display: block !important; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.left { text-align: left; }
.right { text-align: right; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }