/*  
Theme Name: Island Beach Resort Theme
Description: Custom theme for Island Beach Resort Theme
Version: 2.0
*/

*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
#clear, .clear {clear:both;}
.container {max-width:1200px; margin:0 auto 0;}
.flexslider .slides > li:first-child{  display:block;}
p {font-size:12pt; line-height:16pt;}
.page-id-2 ul li {line-height:normal;}
ul li {line-height:18pt;}
h1, h3 {font-family: 'Libre Baskerville'}
h1{font-size:1.8em;}
.page-id-2 h2 {  position: relative;text-align: center;  font-size:22pt;  font-family:'Libre Baskerville';}
h2 {  position: relative;  text-align: left;  font-size:18pt;  font-family:'Libre Baskerville';}
/*Header & Footer Styles*/
.callnowdiv {text-align:left; float:right; line-height:9pt; margin-top:1px;}
.callnowtext {color:white; font-size:12px;}
.phonenum {color:#fff04e; font-size:13pt}
#headerright a {color:#47612f; text-decoration:none;}
#headerright a:hover {color:#84a739; text-decoration:none;}
#headerright{ font-size:13pt;font-weight:bold;}
.always {color:white; font-family:'Great Vibes'; font-size:80pt; position:absolute; top:35%; left:0; right:0; text-align:center; text-shadow:1px 2px 0px rgba(0, 0, 0, 1); line-height:2em;}
.always2 {color:white; font-family:'Great Vibes'; font-size:80pt; position:absolute; top:120px; left:0; right:0; text-align:center; text-shadow:1px 2px 0px rgba(0, 0, 0, 1);max-height: 80%;max-width: 80%;margin: 0 auto 0;}
a.darken {    display: inline-block;    padding: 0;}
a.darken img {    display: block;    -webkit-transition: all 0.3s linear;       -moz-transition: all 0.3s linear;        -ms-transition: all 0.5s linear;         -o-transition: all 0.5s linear;            transition: all 0.3s linear;}
a.darken:hover img {    opacity: 0.7;}
.searchdiv {    background-color: rgba(0, 0, 0, .5);width: 100%; z-index: 2;text-align: center;}
.qscenter { margin: 0 auto; max-width: 75em; }
.qscenter div { display: inline-block; vertical-align: top; margin: 10px; width: 140px; }
.qscenter select {margin: 0; line-height: 40px; width: 100%; padding: 5px 10px; height: 40px; -webkit-appearance: menulist;font-size: 16px; text-align:center; border-radius:0 !important;}
.qscenter input {margin: 0; line-height: 40px; width: 100%; padding: 5px 10px; height: 40px;font-size: 16px; text-align:center;  -webkit-appearance:listbox;border:1px solid #000;border-radius:4px;}
.qscenter input[type=submit] { -webkit-appearance:listbox;background: #e77768; border-radius:0; color: #FFF; padding: 0px 10px; height:40px;margin: 0px; border:1px solid #000;border-radius:4px;}
.qscenter input[type=submit]:hover{background:#b1584c;-webkit-appearance:listbox;border:1px solid #000; border-radius:4px;}
.qscenter .one input { margin-right: -20px; }
.advsrch { line-height: 40px; }
.advsrch a { color: #FFF; text-decoration:none;}
.qscenter .book { color: #FFF; font-size: 1.6em; line-height: 40px;  }
/*End Header Styles*/
div.threecol p {line-height:18pt !important; font-size:11pt !important; color:#FFF;}
.gform_wrapper {margin:0 auto !important;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:95% !important; border:0px !important;}
.gform_wrapper form {padding-left:15px;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {background: #8cc63f !important; border-radius:0 !important; margin:0px !important; padding: .4875em .4375em !important; width:95% !important;}
.gform_wrapper textarea.medium {width:95% !important; border:0px !important;}
.inline {display:inline;}
img.fullsize {width:100%}
.gform_wrapper ul li.gfield {margin-top:-15px; border:0px !important;}
.gform_confirmation_message_1{padding:20px 10px 0 10px;}
.page-id-2 h2 span { background: #ccc; padding: 7px 20px; position: relative; z-index: 1; color: #00345a; border-radius: 5px; text-shadow: 1px 1px #e7f5ff;}
.page-id-2 h2:before {background-image:url('../images/whiteline.png');content: "";  display: block;height: 3px;  position: absolute;    top: 50%;  width: 100%;}
.page-id-2 h2:before {  left: 0;}
.featured-rentals{float:right;margin:0 0 15px 15px;padding:15px;background-color:#ccc;width:275px;text-align:center;font-size:24px;font-weight:bold;}
.h2new {  position: relative;  text-align: center;  font-size:22pt;  font-family:'Libre Baskerville';font-weight:600;}
.blog-item {    width: 50%;    float: left;    height:100%;    background:#fff;}
.blog-item:first-child {    padding-right: 40px;}
.blog-item:last-child {    padding-left: 40px;}
.h2new span {    background: #FFF;    padding: 7px 20px;    position: relative;    z-index: 1;    color: #00345a;    border-radius: 5px;    text-shadow: 1px 1px #e7f5ff;}
.h2new:before { content: ""; display: block; height: 3px; position: absolute; top: 50%; width: 100%; background-color: #ccc;margin-top: 0px;}
.h2new:before {left: 0;}
.page-id-2 #content-full {padding:0px;}
.homepagecontent{min-height:255px; max-width:1200px; margin:0 auto;}
.homepagecontent p{line-height:24pt; font-size:16pt;}
.homepagecontent .greenlink{color:#8cc63f !important;font-size:30px;font-weight:bold; margin:0;padding:0;}
img { max-width: 100%; height: auto; }
.halfpage{float:left;width:45%;margin-left:3%;}
iframe { max-width: 100%; }
html { font-size: 100%; font-family:'Source Sans Pro', sans-serif !important;}
.site-container { margin: 0 auto; max-width: 100%; background: #EEE; }
#header-wrap { width: 100%; }
div.footermenuhouse{padding-top: 10px;}
#menu-footer-menu a{line-height: 1.7em;}
ul#menu-footer-menu.menu {list-style:none; column-count:2;padding: 0;}



/* CSS Boxes */

@import "compass/css3";
div#slider2.flexslider {border:none; margin:0;}
.flex-container {  padding: 0;  margin: 0;  list-style: none;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;    -webkit-flex-flow: row wrap;justify-content: space-between;}
#callnow { max-width:1200px; margin:0 auto;}
.flex-item {width: 24%;    /*max-width:100%;*/    /*max-height:100%;*/    /* max-height:255px; */    overflow:hidden;   /* height: 100%;*/    margin-top: 10px;    padding-bottom:5px;    font-weight:bold;    color:white; text-align:center;}
.contactform {background:#808080; width:350px; height:400px; float:left; margin-top:50px; max-width:100%;}
.imagecaption {color:white; background-color:#3fa9f5; font-weight:bold; padding:5px;}
.imagecaption span {color:white; text-decoration:none;}
span.imagecaption:hover {color:#00345a;}
.flex-item span {  display:block;}
.thumbnail {  width: 286px;   height: 255px;  overflow: hidden;  max-width:none;}
#awesome-weather-mammoth-lakes {height:255px;}
.awe_tall .awesome-weather-current-temp {line-height:.8em !important;font-size:3em !important;}
.awe_tall .awesome-weather-stats-icon{padding-top:10px !important;}
.awesome-weather-attribution{margin-top:-15px;}
.thumbnail img {  width:286px;  transition: ease all .35s;}
a:hover .thumbnail img,a:active .thumbnail img,a:focus .thumbnail img {   width: 312px;    max-width:none;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); max-height:255px; overflow:hidden;}.grow:hover img {max-height:255px;}
.fleximage {border-bottom:2px solid #ccc;}
#header, #nav { max-width: 900px; margin:0 auto; width: 100%; }
#bluebar {position:absolute; bottom:0; width:100%; height:30px; background: #3fa9f5; }
#nav {position:relative; margin-top:35px; color:#285580;}
#navwrap {    height: 100px;    position: absolute;    top: 0;    background: rgba(255,255,255,.7);    width: 100%;    /*overflow: hidden;*/    z-index: 100;    left: 0;}
#logowrap {position:relative; max-width:1200px; width:100%; margin:0 auto;}
#logo { float:left; width: auto; position:absolute; top:10px;z-index: 9999;
display: block;  }
#headerright { float: right; width: auto; margin-top: 43px;}
#nav ul.menu, #footer ul.menu { padding:0; margin: 0; }
#nav ul.menu { text-align: center; }
#nav ul.menu li, #footer ul.menu li { list-style-type: none; display: inline-block; }
#content { width: 100%; max-width:1200px; margin: 0 auto; padding: 20px 10px; position:relative; background:#FFF; overflow:hidden; color: #333;}#content-full {width:100%; margin:0 auto;}
#content-left {width:70%; float:left; }
.homepage-left-postinfo {width:70%; float:left;}.hp_ent_block {width:30%; float:right; padding-left:10px;}
#sidebar { background:#FFF;  padding-left:10px; width:30%; float:right}
#sidebar h2 { font-size: 1.1em; margin: .83em 0 .3125em 0; }
#sidebar ul { list-style-type: none; margin: 0.3125em 0 0.625em 0.625em; padding-left:0; }
#sidebar li li { list-style-type: none; margin-left: .95em; padding-left:0; }a:hover { text-decoration: none; }#content a.learn { background:#495c6c; color:#FFF; padding: .1875em .4375em; border-radius: 0.25em; margin:0.625em 0; float:right; clear:both; }#content a.learn:hover { background: #ccc; color:#FFF; }#content a { color: #495c6c; text-decoration:none; }#content a:hover { color: #00345a; }#sidebar a { color: #495c6c; }#sidebar a:hover { color: #ccc; }#content a.readmore { text-decoration: underline; }#content a.readmore:hover { text-decoration:none; }.dining-menus {display:inline-block;width:33%;padding:0 5px;text-align:center;}
div.entry { position:relative; }
#footer-wrap { width: 100%; background:#e77768; color:#FFF; }#footer-wrap a { color:#FFF; }#footer { width: 100%; padding:0 15px; max-width: 1200px; margin:0 auto; }#footerright, #footerleft { font-size: .75em; }
.post-prev-img { float:left; padding:0 0.95em 0.625em 0; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 0 0.625em 0.625em 0; }
img.alignright { margin: 0 0 0.625em 0.625em; }
img.aligncenter { margin: 0 auto 0.625em; }
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] {    display: block;    margin: 0;}
.wp-caption { color: #767676; }
.wp-caption-text {    font-size: 0.75em;    font-style: italic;    line-height: 1.5em; margin: 0.55em 0;   padding-right: 0.625em;}
.wp-smiley {    border: 0;    margin-bottom: 0;margin-top: 0;    padding: 0;}
hr { height: 1px; background: #f0f0f3; border:none; }
.widget { margin: 0 auto; }
#header { height: auto; }
#logo img { vertical-align: middle; }
input[type=submit] { background:#495c6c; color:#FFF; padding: .1875em .4375em; margin:0.625em 0; border:0; border-radius: .25em; }
input[type=submit]:hover { background: #3fa9f5; color:#FFF; }
div.int img { padding: .625em .625em 0 0; }
div.logobar { display: none; }
img.wp-post-image { border: 1px solid #f0f0f3; padding: 2px; }
div.threecol:after { clear:both; }
.map-house{width:100%; padding: 0px 15px; background:url(../images/maps.jpg);background-size:cover;    background-repeat:   no-repeat; background-position: center center;  }
.map-form{max-width:300px; min-width:240px; background:#fff;float: right;margin:50px 10px;}
form#gform_1{padding: 10px 0px!important;}
div.gform_heading{background: #666;  text-align: center; color:#fff;}
.gform_title {background: #666;text-align: center; padding: 10px;color:#fff;}
div.gform_body{padding: 0px 20px;}
div.ginput_container {border:1px solid #000;}
div.gform_footer.top_label{padding: 0px 11px; text-align: center;}
.gform_wrapper .gform_footer input[type=submit] {background:#e77768 !important;}
.gform_wrapper textarea.medium {height: 120px !important;}
.ft-top { background: #4c4c4c; width:100%; padding: 0px 15px;}
.ft-top-inner { max-width: 1200px; width: 100%; margin:0 auto; background:url(../images/footer-palmtree.png)no-repeat right bottom;min-height: 290px;
padding-top: 20px; }
a.btm-menu { color:#6d4b70; text-decoration:none; line-height:2.45em; font-size: 110%; }
a.btm-menu:hover { text-decoration: underline; }
.threecol h4 { margin: 0 0 5px 0; color:#bac5cc; font-size:18pt; font-weight:400; line-height:28pt;}
.threecol h4 a { color:#6d4b70; text-decoration: none; }
.threecol h4 a:hover { text-decoration: underline; }
.threecol a {color:#FFF !important; text-decoration:none;}
.threecol a:hover {color:#bac5cc !important;}
.entry h3 { display: block; }
.orange { color: #ee8749; }.blue-bar{background:#0b5f7e;}.blue-bar-inner { max-width: 1200px; width: 100%; margin:0 auto 0; padding:30px 0; }
.blue-bar-inner div.threecol {border-right:2px solid #e8d9bc; padding:0 1%;}
.blue-bar-inner div.threecol, .blue-bar-inner div.threecol h4{color:#fff;}
.blue-bar-inner div.threecol p{min-height:145px;}
.lm-blue-btn a{padding:5px 35px; width:100%; background:#e77768; color:#fff; text-decoration:none;}
.lm-blue-btn a:hover{padding:5px 35px; width:100%; background:#b1584c; color:#fff; text-decoration:none;}

/* cell phones (480px) */

@media (max-width: 30em) {
.flex-item {width:282px !important; max-width:100% !important; margin:0 auto; margin-top:10px;}
#header, #footer { padding: 0 0.31em; }
.featured-rentals{float:none;margin:0 auto;}
.blue-bar-inner div.threecol {width:98% !important; float:none !important; border:none !important; margin:5px 5px 20px 5px; text-align:center;}
}



/* under ipad size 768px */

@media (max-width: 47.9375em) {

#nav {display:none;}.flex-item {width:282px; max-width:49%; margin:0 auto; margin-top:10px;}
#sidebar { margin:0 auto; border-radius: .625em; border:1px solid #f0f0f3; }
.halfpage{float:none;width:90%;margin:15px 5%;}
.ft-top {  }
.ft-top-inner { text-align:center; width: 98%; }
.threecol { margin: 1em auto; }
.blue-bar-inner div.threecol {width:48%; float:left; border:none; margin:5px 5px 20px 5px; text-align:center;}
.always, .always2{display:none;}
#footerleft { width: 100%; text-align: center; padding: 1em; }
#footerright { display: none; }
.searchdiv {    position: relative;}
.blog-item {    width: 100%;    float: none; }
.blog-item:first-child {    padding: 10px;}
.blog-item:last-child {    padding: 10px;}
.homepage-left-postinfo, #content-left {width:100%; float:none; margin:0 auto 0;} 
.hp_ent_block, #sidebar {width:100%; float:none; text-align:center; margin:0 auto 0;}
.map-house {padding:20px;}
.map-form {max-width:none; min-width:280px; float:none; margin:40px auto 40px;}
.ft-top-inner {background-image:none;}
}


@media (max-width:1200px) {
    #callnow {display:none;}
#headerright {display:block;margin-right:10px;}
    }
/* ipad 768px and up*/
@media (min-width: 48em) {

#nav ul {list-style-type:none;}
.menu {width: auto; margin: 0 auto; position: relative; z-index: 10; color:white; }
.menu a {display: block; text-align:center; padding: 0 .625em; line-height: 2.1em; color:white;}
#nav ul.menu {  width: auto; margin: 0 auto;position: relative;z-index: 10;text-align: right; }
#nav ul.menu li { position:relative; display:inline-block; height: 2.5em; padding-left:20px; }
#nav ul.menu li:first-child {
background-image: none;
}
#nav ul.menu li a { display: block; text-align:center; padding: 0 .625em; line-height: 2.1em; color:#285580; text-decoration:none; font-size:14pt;   transition: color 0.2s linear;  -o-transition: color 0.2s linear;  -moz-transition: color 0.2s linear;  -webkit-transition: color 0.2s linear;}
#nav ul.menu li a:hover, #nav ul.menu li.current_page_item a { color:#000; }

/* second level */

#nav ul.menu li ul { display:none; position:absolute; top:35px; left: 30px; padding:0; margin:0; }
#nav ul.menu li:hover > ul.sub-menu { display: block; }
#nav ul.menu li ul li { white-space: nowrap; background: #3fa9f5; height: 40px; line-height: 30px; margin: 0; padding: 0 5px; width:200px;}
#nav ul.menu li ul li a { text-align:left; padding:.625em; width: 180px; line-height: 15px; }
#nav ul.menu li ul li a:hover { color:#000; }
#nav ul.menu li ul li ul { display:none; position:absolute; top:0px; left: 200px; padding:0; margin:0; }
#nav ul.menu li ul li ul li{background:#3894d7;}
#sidebar { float:right; margin-left: 1%; max-width: 29%; width: auto; padding:0.625em; border-left:1px solid #f0f0f3; }
#footerright { float:right; width: 50%; text-align:right; }
#footerleft { float:left; width: 50%; }
#content-left { float: left; max-width: 70%; width:auto; display:block; }
#footer-wrap { padding: 10px 0 40px 0; background: #e77768; color:white;}
.threecol { width: 24%; display: inline-block; font-size:11pt; color:#FFF; font-weight:300; vertical-align:top; line-height:18pt;text-align: center;}
.entry .threecol { min-height: 100%; position: relative; }
.left { padding-left:0; }
.blue-bar-inner div.threecol.right {border-right:none;}
.blue-bar-inner div.threecol, .blue-bar-inner div.threecol h4{color:#fff;}
.blue-bar-inner div.threecol p{min-height:145px;}
.lm-blue-btn a{padding:5px 35px; width:100%; background:#e77768; color:#fff; text-decoration:none;}
.lm-blue-btn a:hover{padding:5px 35px; width:100%; background:#b1584c; color:#fff; text-decoration:none;}
.right { padding-right: 0; }
a.btm-menu { margin: 0 0 0 10%; }
.searchdiv {    position: absolute;    bottom:0;}
}
/* Large screens (960px) */

@media (min-width: 60em) { 
.logo-wrap { max-width: 60em; margin: 0 auto; }
a.btm-menu { margin: 0 0 0 20%; }
#content .threecol a.learn { position: absolute; bottom: 1em;  right: 1em; }
}

#sidebar { margin-bottom: -30000px; padding-bottom: 30000px; }

@media print {

}















			/* apply appearance settings */
			#wprmenu_bar {
				background: #085d7d;
			}
			#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {
				color: #F2F2F2;
			}
			#wprmenu_menu {
				background: #085d7d!important;
			}
			#wprmenu_menu.wprmenu_levels ul li {
				border-bottom:1px solid #085d7d;
				border-top:1px solid #085d7d;
			}
			#wprmenu_menu ul li a {
				color: #CFCFCF;
			}
			#wprmenu_menu ul li a:hover {
				color: #606060;
			}
			#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
				border-left:1px solid #085d7d;
			}
			#wprmenu_menu .wprmenu_icon_par {
				color: #CFCFCF;
			}
			#wprmenu_menu .wprmenu_icon_par:hover {
				color: #606060;
			}
			#wprmenu_menu.wprmenu_levels ul li ul {
				border-top:1px solid #085d7d;
			}
			#wprmenu_bar .wprmenu_icon span {
				background: #FFFFFF;
			}

			#wprmenu_menu.left {
				width:80%;
				left: -80%;
			    right: auto;
			}
			#wprmenu_menu.right {
				width:80%;
			    right: -80%;
			    left: auto;
			}



						/* show the bar and hide othere navigation elements */
			@media only screen and (max-width: 768px) {
				html { padding-top: 42px!important; }
				#wprmenu_bar { display: block!important; }
				div#wpadminbar { position: fixed; }
							}


            body{
                    font-family: 'Source Sans Pro', sans-serif !important;
                    font-size: 12pt;
    line-height: 16pt;
    font-weight: 400;
            }


            #rns-style h1 {
    font-weight: 600;
    line-height: 1.5em;
}

/* Hybrid shell hardening: keep wrapper region full-width and let RNS layouts
   apply their own page-level constraints. */
#content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

#content-full {
    width: 100%;
    max-width: none;
    margin: 0;
}

#content #rns-style.rns-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Tenant tweak: align dashboard CTA colors to Island Beach branding. */
#rns-style #searchApp .rns-btn-primary {
    background-color: #e77768;
    border-color: #e77768;
}

#rns-style #searchApp .rns-btn-primary:hover {
    background-color: #b1584c;
    border-color: #b1584c;
}