/*
 * Author: Modern Earth
 * Client: Stanley's Resort
 * Published: Q1 2015
 */
 
body { background:url(../images/background_tile.jpg) top center repeat-x #77873f; }

/* aux */
hr { margin-top:20px; margin-bottom:20px; border:0; border-top:3px dotted #c3d475; }

/* typography */
h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; color:#265fab; }
.subtitle { font-size:1.2em; margin:0 0 25px; }
.blue { color:#265fab; }
.green { color:#013c2b; }
.black { color:#333; }
.red { color:#f00; }
hr.blue { border-color: #b4caed; }
ul.blue { color:#34597a; }
.greybg { background-color:#eee; }

/* IE11 fix */
#firstrow { display:block; max-width:100%; }

/* Firefox shadow fix */
div.row.hidden-xs { z-index:1; position:relative; }

/* nav */
.nav-container { 
	margin-top:20px;
	border-radius:6px 6px 0 0;
	height:44px; 
	border-left:2px solid #a0bf70;
	border-right:2px solid #a1ad5f;
	border-top:2px solid #a0bf70;
	border-bottom:2px solid #a1ad5f;
	background:#c4d97e; /* Old browsers */
	background:-moz-linear-gradient(top,  #c4d97e 0%, #a1ae5e 50%, #86943d 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4d97e), color-stop(50%,#a1ae5e), color-stop(100%,#86943d)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #c4d97e 0%,#a1ae5e 50%,#86943d 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #c4d97e 0%,#a1ae5e 50%,#86943d 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #c4d97e 0%,#a1ae5e 50%,#86943d 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #c4d97e 0%,#a1ae5e 50%,#86943d 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d97e', endColorstr='#86943d',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
}
.nav-container li a { text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
nav li+li { background:url(../images/nav-separator.png) no-repeat 0% 50%; }
.dropdown-menu li+li { background:none; }
nav li:hover, nav li.nav-active {
	background:#627d4d; /* Old browsers */
	background:-moz-linear-gradient(top,  #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #627d4d 0%,#1f3b08 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
}
nav li a:hover { color:#feffd1!important; }
.dropdown-submenu { position:relative; }
.dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; }

/* nav-bar */
.navbar-collapse { z-index:2; position:relative; overflow:hidden; }
.navbar-default a.navbar-brand { color:#46553b; text-shadow:1px 1px 1px rgba(255,255,255,0.4); font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; }
#nav-mobile img { margin-right:10px; }
#nav-mobile a { color:#586b39; font-size:1.2em; text-shadow:1px 1px 0px #afbf7d; height:33px; }
#nav-mobile a:hover { color:#e5edc3; text-shadow:1px 1px 0px #586b39; }
#nav-mobile a:hover, #nav-mobile a:active, #nav-mobile a:focus { text-decoration:none; cursor:pointer; }
.mp-level li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mp-level li a:hover, .mp-level li a:active, .mp-level li a:focus,a.icon:hover, a.icon:active, a.icon:focus { text-decoration:none; }

	/* nav-bar transition prefab */
	ul.nav li.dropdown > ul.dropdown-menu {
		opacity:0;
		margin: 0;
		visibility:hidden;
		display:block;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		visibility:visible;
		opacity:1;
		display: block;
		margin: 0;
	}

	/* currently-active nav indication */
	#page-index .page-index,
	#page-pricing .page-pricing,
	#page-cottages .page-cottages,
	#page-fishing .page-fishing,
	#page-resort .page-resort,
	#page-booking .page-booking,
	#page-blog .page-blog,
	#page-links .page-links,
	#page-contact .page-contact
	{
		background:#627d4d; /* Old browsers */
		background:-moz-linear-gradient(top,  #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* IE10+ */
		background:linear-gradient(to bottom,  #627d4d 0%,#1f3b08 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
	}

/* push menu */
.mp-pusher { padding-left:8px; margin-right:-8px; }

/* banner */
#header-banner { margin-bottom:-76px; box-shadow:0 0 10px rgba(0,0,0,1); }
#banner-top-left { background: url(../images/banner_background-left.png) bottom left no-repeat; height:76px; }
#banner-top-right { background: url(../images/banner_background-right.png) bottom right no-repeat; height:76px; }

/* content */
.content-base { background: url(../images/banner_background-content.png) top left no-repeat #fff; box-shadow:0px 15px 15px rgba(0,0,0,0.4); z-index:0; position:relative; border-bottom:5px solid #eee; min-height:400px; }
.left-table { width:100%; }
ul.cottage { margin-left:15px; padding:0; }

/* media */
.img-border { margin:0 auto 20px auto; padding:5px; border:1px solid #bcd744; }
.img-shadow { box-shadow:4px 4px 3px rgba(0,0,0,0.3); }
.post-body img { max-width:540px; }

/* sliders */
#myslider { max-width:100%!important; max-height:206px!important; overflow:hidden; }
#myslider .mask { box-shadow:0 2px 7px rgba(0,0,0,0.4) inset; }

#custom_carousel { border:1px solid #bcd744; padding:15px 0 5px 0; }
#custom_carousel .controls .nav li { width:107px; float:left; }
#custom_carousel .controls .nav li a { padding:10px 0px 0px 15px; }
#custom_carousel .controls .nav li a img.img-border { margin:0 auto 5px; }

.sliderlogo { position:absolute; top:22px; right:50%; margin-right:-165px; display:none; max-width:330px; }
.tollfree { position:absolute; top:15px; right:20px; z-index:1; }

/* accordion */
#accordion a span.fa { margin-right:15px; }

/* sidebar */
input.availability {
	background: #013c2b;
	border: 1px solid #becf6d;
	color: #fff;
	width: 100%;
	padding: 4px 0 4px 0;
	font-size: 1.0em;
	margin: 5px 0 0 0;
	cursor: pointer;
}

/* buttons */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }

/* tables */
table#availability-form { width:100%; }
select.booking_request_text { width:100%; }
.tableheading { font-size:0.9em; font-weight:600; color:#013c2b; }
#newsletter_signup { background-color:#D9E895; padding:6px; text-align:center; border:1px solid #c6d584; }
#newsletter_signup a { color:#013c2b; }

tr.head .start { background: url(../images/table-top.gif) top left no-repeat; background-color: #FFFFFF; border-top: none; }
tr.head td { background-color: #d9e894;	border-top: 1px solid #bdce71; height:36px; padding:4px; color:#013C2B; }
tr.head .end { background: url(../images/table-top.gif) top right no-repeat; background-color: #FFFFFF; border-top: none; }

thead tr th:first-child { background-color:#D9E895; border-radius:10px 0 0; border-bottom:5px solid #bdcd75; color:#535e1f; text-shadow:1px 1px 0 #edf7c0; }
thead tr th+th { background-color:#D9E895; border-bottom:5px solid #bdcd75!important; color:#535e1f; text-shadow:1px 1px 0 #edf7c0; }
thead tr th:last-child { background-color:#D9E895; border-radius:0 10px 0 0; border-bottom:5px solid #bdcd75; color:#535e1f; text-shadow:1px 1px 0 #edf7c0; }

.th-min th { width:50%; }

/* page specific */
#page-request table input[type=text] { width:100%; }

/* footer */
footer {
	box-shadow:0 2px 10px rgba(0,0,0,0.4);
    height:40px;
    width:100%;
	margin:0 auto;
	border-radius:0 0 18px 18px;
	z-index:0;
	border:2px solid #a7bd43;
	position:relative;
	
	background:#c4d97e; /* Old browsers */
	background:-moz-linear-gradient(top,  #86943d 0%, #a1ae5e 50%, #c4d97e 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#86943d), color-stop(50%,#a1ae5e), color-stop(100%,#c4d97e)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #86943d 0%,#a1ae5e 50%,#c4d97e 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #86943d 0%,#a1ae5e 50%,#c4d97e 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #86943d 0%,#a1ae5e 50%,#c4d97e 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #86943d 0%,#a1ae5e 50%,#c4d97e 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#86943d', endColorstr='#c4d97e',GradientType=0 ); /* IE6-9 */
}
#footer-nav ul { width:810px; margin:0 auto; }
#footer-nav ul li { float:left; color:#ebf4c3; list-style-type:none; margin:8px 12px 5px 10px; padding-left:5px; }
#footer-nav ul li+li { list-style-type:disc; }
#footer-nav ul li a { color:#3f4d29; text-shadow:1px 1px 0 #b9c67c; }
#footer-nav ul li a:hover { color:#fff; text-decoration:none; text-shadow:1px 1px 0 #3f4d29; }

#footer-end { position:relative; width:100%; margin-bottom:30px; }
#footer-logo { width:250px; margin:0 auto; position:relative; }
#me-branding { position:absolute; bottom:20px; right:0; min-height:60px; }

/* social */
.social-facebook { box-shadow:3px 3px 2px rgba(0,0,0,0.2); border-radius:6px; }

/* aux */
.clear { clear:both; }
.block-center { float:none; margin:0 auto; }

.icon-blank:before {
    content: " ";
    display: inline-block;
    margin-left: 33px;
    position: relative;
}

.fr { float:right; }
.fl { float:left; }

.fs10 { font-size:1.0em; }
.fs09 { font-size:0.9em; }
.fs08 { font-size:0.8em; }
.fs085 { font-size:0.85em; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt12 { padding-top:12px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }

.mb0 { margin-bottom:0px; display:block; }
.mb5 { margin-bottom:5px; display:block; }
.mb10 { margin-bottom:10px; display:block; }
.mb20 { margin-bottom:20px; display:block; }
.mb30 { margin-bottom:30px; display:block; }
.mb40 { margin-bottom:40px; display:block; }
.mb60 { margin-bottom:60px; display:block; }
.mb80 { margin-bottom:80px; display:block; }

.mt0 { margin-top:0; display:block; }
.mt10 { margin-top:10px; display:block; }
.mt12 { margin-top:12px; display:block; }
.mt15 { margin-top:15px; display:block; }
.mt20 { margin-top:20px; display:block; }
.mt30 { margin-top:30px; display:block; }
.mt40 { margin-top:40px; display:block; }
.mt50 { margin-top:50px; display:block; }
.mt60 { margin-top:60px; display:block; }
.mt80 { margin-top:80px; display:block; }
.mt100 { margin-top:100px; display:block; }
.mt120 { margin-top:120px; display:block; }
	.mt-10 { margin-top:-10px; }
	.mt-20 { margin-top:-20px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

.p5 { padding:5px; }
.p10 { padding:10px; }

/* IE9 */
.ie9x .mp-pusher { margin-left:-300px; }
.ie9x .mp-pusher.showmargin { margin-left:0; }
.ie9x .mp-pusher.hidemargin { margin-left:-300px; }

/* IE8 and lower */
.ie8 .mp-pusher { padding-left:0!important; }
.ie8 #mp-menu { display:none; }
.ie8 #nav-mobile { display:none; }
.ie8 .nav.navbar-nav.visible-lg { display:block!important; }
.ie8 .sliderlogo { width:325px; }

/* table fixes */
table td { padding:0; }

/* viewports */
@media only screen and (min-width:1px) and (max-width:479px) {
	.nav-container { height:53px; }
	ul.nav.navbar-nav li { background-color:#4e603d; padding-left:20px; }
	.navbar-brand { float:left; height:50px; margin-right:-90px; width:100%; display:block; position:relative; padding: 2px 0 0; }
	.navbar-brand img { margin:0 auto; }
	.navbar-toggle { z-index:1; }
	#header-banner { margin-bottom:0; }
	footer { width:100%!important; height:164px; padding-top:10px; }
	footer #footer-nav ul { max-width:270px; }
	#footer-nav ul li { margin:8px 20px 5px 0px; list-style-type:none!important; }
	#me-branding { position:relative; margin-top:20px; }
	nav li:hover, nav li.nav-active { background: #3b482e!important; }
	nav li+li { border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(0,0,0,0.2); }
	embed.mt10 { margin-bottom:20px; }
	#vr { display:block; margin-bottom:20px; }
	
	/* page specific */
	#page-pricing table.table { font-size: 0.8em; }

	/* other*/
	#sidebar { max-width:100%; margin:30px auto 0; }
	.sliderlogo { max-width:250px; top:70px; margin-right:-125px; display:none; }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.nav-container { height:53px; }
	ul.nav.navbar-nav li { background-color:#4e603d; padding-left:20px; }
	.navbar-brand { float:left; height:50px; margin-right:-90px; width:100%; display:block; position:relative; padding: 2px 0 0; }
	.navbar-brand img { margin:0 auto; }
	.navbar-toggle { z-index:1; }
	#header-banner { margin-bottom:0; }
	footer { width:100%!important; height:138px; padding-top:10px; }
	footer #footer-nav ul { max-width:410px; }
	#footer-nav ul li { margin:8px 20px 5px 0px; list-style-type:none!important; }
	#me-branding { position:relative; margin-top:20px; }
	nav li:hover, nav li.nav-active { background: #3b482e!important; }
	nav li+li { border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(0,0,0,0.2); }
	embed.mt10 { margin-bottom:20px; }
	#vr { display:block; margin-bottom:20px; }
	
	/* other */
	#sidebar { max-width:60%; min-width:50%; margin:50px auto 0; }
}
@media only screen and (min-width:768px) and (max-width:990px) {
	footer { height:78px; padding-top:10px; }
	footer #footer-nav ul { max-width:750px; margin-top:5px; margin-left:-25px; }
	#footer-nav ul li { margin:8px 20px 5px 0px; list-style-type:none!important; }
	#me-branding { position:relative; margin-top:20px; }
	#banner-top-right { background: url(../images/banner_background-right.png) 80% 50% no-repeat; }
	
}
@media only screen and (min-width:991px) and (max-width:1139px) {
	.sliderlogo { max-width:300px; top:40px; margin-right:-150px; display:none; }
}
@media only screen and (min-width:1140px) and (max-width:1279px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}