/**
 * Stylesheet for Overlay and Slider
 *
 * Download the latest version at: www.byhandmedia.net
 * Find Documentation, Help and FAQs at: www.byhandmedia.net
 * Copyright (C) 2015 www.byhandmedia.net
 *
 * @package BY Hand Media
 * @subpackage Overlay Menus
 * @since 1.0
 */

/* ---------- Overlay ---------- */
.overlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,44,67,0.9);
	z-index:9999;
	padding:0;
}
.overlay .overlay-close {
	width:35px;
	width:2.5rem;
	height:35px;
	height:2.5rem;
	position:absolute;
	right:8px;
	right:0.571428571rem;
	top:8px;
	top:0.571428571rem;
	overflow:hidden;
	border:none;
	background:url(../images/cross.png) no-repeat center center;
	text-indent:200%;
	color:transparent;
	outline:none;
	z-index:100;
}
/* disable inner shadow, Ref: trentwalton.com/2010/07/14/css-webkit-appearance */
button.overlay-close,
input[type="button"].overlay-close {
	-webkit-appearance:caret;
}
/* ---------- Overlay effects ---------- */
#page {
	-webkit-transition: -webkit-transform 0.7s;
	transition: transform 0.7s;
}
#page.overlay-open {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.overlay-contentscale {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.7s, visibility 0s 0.7s;
	transition: transform 0.7s, visibility 0s 0.7s;
}
.overlay-contentscale.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.7s;
	transition: transform 0.7s;
}
/* ---------- Slider styles ---------- */
.liquid-slider.tbmn ~ .ls-preloader {  
  	background: url(../images/loading.gif) #d9d9d6 no-repeat center 50%;
  	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}
span.cpmenslide {
	position:relative;
	margin:0 auto;
	top:15%;
	width:80%;
	color:#666666;
	display:block;
	max-width:800px;
	max-width:57.142857142rem;
	max-height:600px;
	max-height:42.857142857rem;
}
span.cpsubscribeform {
	position:relative;
	left:0;
	width:100%;
	max-height:250px;
	max-height:17.857142857rem;
	overflow:auto;
	color:#ffffff;
	display:block;
	background-color:#0099FF;
	overflow:hidden;
}
h2.cpmnuovrtitle {
	display:none;
}
.liquid-slider.tbmn.cp {
	max-height:300px;
	max-height:21.428571428rem;
}
.liquid-slider.tbmn.cp img {
	max-width:100%;
	height:auto;
	box-shadow:none;
	border:none;
	border-radius:0;
	margin:0;
	padding:0;
}
div.cpsize {
	max-width:800px;
	max-width:57.142857142rem;
	max-height:300px;
	max-height:21.428571428rem;
	position:relative;
	margin:0 auto;
}
div.outercpsize {
	max-width:800px;
	max-width:57.142857142rem;
	max-height:300px;
	max-height:21.428571428rem;
}
div.cpsize img {
	width:100%;
	height:auto;
}
div.mypopup img {
	width:100%;
	height:auto;
} 
span.cpsubscribeform,
.liquid-slider.tbmn,
span.cpmenslide .ls-nav a:hover,
span.cpmenslide .ls-nav .current a {
  	background: #0099FF;
}
span.cpmenslide .ls-panel,
.liquid-slider.tbmn {
	width:100%;
}
img,
div.outercpsize,
div.cpsize,
div.mypopup,
#mc_embed_signup .mc-field-group,
#mc_embed_signup input,
div.cpsubscribeform,
span.ovrlay,
.overlay,
span.cpmenslide .panel-container,
span.cpmenslide .ls-panel,
span.cpmenslide,
.liquid-slider.tbmn,
#mc_embed_signup input {
	-khtml-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/**
 * Getting proportional heights dynamically
 * jQuery solution Ref: stackoverflow.com/questions/21624014/css-are-view-height-vh-and-view-width-vw-units-widely-supported
 * CSS vw, vh units Ref: weareconvoy.com/2014/07/css-vw-and-vh-units-are-they-worth-using-yet
 * Ref: w3schools.com/cssref/css_units.asp
 * Adjust for Tabbed navigation height = approx. 6.3%
 **/
span.ovrlay {
	width:100%;
	max-height:75vh;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative; 
	display:block;
}
span.cpmenslide .panel-wrapper {
	padding:0;
}
span.cpmenslide .panel-wrapper p {
	margin:18px 16px 0 16px;
	margin:1.285714285rem 1.142857142rem 0 1.142857142rem;
	line-height:1.714285714;
	font-size:16px;
	font-size:1.142857142rem;
}
/* ---------- Menu button ---------- */
.overlaymenubutton button {
	text-transform:uppercase;
	font-size:12px;
	font-size:0.857142857rem;
}
.overlaymenubutton button,
.overlaymenubutton input[type="button"] {
	cursor:pointer;
	z-index:100;
	padding:3px 5px;
	padding:0.214285714rem 0.357142857rem;
}
/* ---------- Lists ---------- */
.liquid-slider.tbmn ul {
	margin:0;
	padding:0 0 0 10px;
	padding:0 0 0 0.714285714rem;
	text-align:center;
	font-size:15px;
	font-size:1.071428571rem;
}
.liquid-slider.tbmn .widget_recent_entries ul {
	text-align:left;
}
.liquid-slider.tbmn .widget_recent_entries ul li:nth-child(odd),
.liquid-slider.tbmn .widget_recent_entries ul li:nth-child(even) {
	padding-left:20px;
	padding-left:1.428571428rem;
	padding-right:20px;
	padding-right:1.428571428rem;
}
.liquid-slider.tbmn ul,
.liquid-slider.tbmn ul a {
	color:#333333;
}
.liquid-slider.tbmn ul a:hover {
	text-decoration:none;
	color:#75756f;
}
.liquid-slider.tbmn ul,
.liquid-slider.tbmn ul ul,
.liquid-slider.tbmn ul ul ul {
	list-style:none;
	margin:3px 0 0;
	margin:0.214285714rem 0 0;
	padding:0;
}
.liquid-slider.tbmn ul ul ul ul {
	list-style:none;
	margin:3px 0 0;
	margin:0.214285714rem 0 0;
	padding-left:20px;
	padding-left:1.428571428rem;
}
.liquid-slider.tbmn ul li:nth-child(odd) {
	padding:7px;
	padding:0.5rem;
}
.liquid-slider.tbmn ul li:nth-child(even) {
	padding:7px;
	padding:0.5rem;
	background:rgba(153,153,153,0.1);
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
}
.liquid-slider.tbmn ul {
	padding-top:14px;
	padding-top:1rem;
}
/* ---------- HTML elements ---------- */
body.admin-bar .overlay {
	top:45px;
	top:3.214285714rem;
}
body.admin-bar.altgallery .overlay {
	top:0;
}
body #wpadminbar {
	position:fixed;
}
.liquid-slider.tbmn input[type="search"],
.liquid-slider.tbmn input[type="text"] {
	border:none;
	background-color:transparent;
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
	font-size:24px;
	font-size:1.714285714rem;
}
.liquid-slider.tbmn input[type="search"]::-webkit-input-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
/* Placeholder CSS must be separate to work */
.liquid-slider.tbmn ::-webkit-input-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
.liquid-slider.tbmn :-moz-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
.liquid-slider.tbmn ::-moz-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
.liquid-slider.tbmn :-ms-input-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
/* ---------- MailChimp Form Embed Code - Classic line-height:1.2; vertical-align: top; white-space: nowrap;height: 25px; ---------- */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 3% 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:9px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none; position:relative;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #CC2727; cursor: pointer; display: block; font-size:15px; font-weight: bold; margin: 0 auto 20px auto; padding: 8px; text-align: center; text-decoration: none; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:100%; padding-bottom:15px; min-height:45px;}
#mc_embed_signup .mc-field-group.last {padding-bottom:11px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#ffffff; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup ::-webkit-input-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
#mc_embed_signup :-moz-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
#mc_embed_signup ::-moz-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}
#mc_embed_signup :-ms-input-placeholder {
	color:black;
	color:#908b81;
	color:rgba(144,139,129,1);
}

@media screen and (min-width:600px) {
	/* ---------- Overlay ---------- */
	.overlay .overlay-close {
		width:60px;
		width:4.285714285rem;
		height:60px;
		height:4.285714285rem;
		right:17px;
		right:1.214285714rem;
		top:17px;
		top:1.214285714rem;
	}
	/* ---------- Slider styles ---------- */
	span.cpmenslide .ls-nav a {
		text-transform:uppercase;
  		font-size:11px;
		font-size:0.785714285rem;
		padding:10px 15px;
		padding:0.714285714rem 1.071428571rem;
	}
	span.cpmenslide .panel-wrapper p {
		margin:18px 30px 0 30px;
		margin:1.285714285rem 2.142857142rem 0 2.142857142rem;
	}
	/* ---------- HTML elements ---------- */
	.liquid-slider.tbmn input[type="search"],
	.liquid-slider.tbmn input[type="text"] {
		font-size:34px;
		font-size:2.428571428rem;
	}
	/* ---------- Lists ---------- */
	.liquid-slider.tbmn ul {
		font-size:20px;
		font-size:1.428571428rem;
	}
}
@media screen and (min-width:670px) {
	/* ---------- Menu button ---------- */
	body.admin-bar .overlay {
		top:32px;
		top:2.285714285rem;
	}
	.overlaymenubutton button {
		font-size:15px;
		font-size:1.071428571rem;
	}
	.overlaymenubutton button,
	.overlaymenubutton input[type="button"] {
		padding:8px 18px;
		padding:0.571428571rem 1.285714285rem;
	}
}
@media screen and (min-width:720px) {	
	/* ---------- HTML elements ---------- */
	.liquid-slider.tbmn input[type="search"],
	.liquid-slider.tbmn input[type="text"] {
		font-size:44px;
		font-size:3.142857142rem;
	}
}