/*
Theme Name: Fieldstone
Theme URI: https://www.fieldstoneblacksburg.com/
Description: Child Theme of Nimble
Author: Web Weaving
Author URI: https://www.fieldstoneblacksburg.com/
Template: Nimble
Version: 1.0.0
*/
@import url("../Nimble/style.css");
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Raleway:100,200,300,400,500,600,700,800,900');
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
body, html {
height: 100vh;
}
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #37708f; font-family: "Raleway", san-serif; font-size: 16px; font-weight: 500; line-height: 30px; color: #333; overflow-y: scroll; overflow-x: hidden; }
body, html { height: 100vh !important; }
html { scroll-behavior: smooth; }
p:empty::before { display: none!important; }
.frm-g-recaptcha {
transform:scale(0.77);
transform-origin:0 0;
}
.targetTop { width: 75px; text-align: center; display: block; position: relative; font-size: 12px; line-height: 12px; padding: 3px; margin: 0px; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); color: #a87b4f; border-radius: 3px; }
button.aicon_link { width: 42px!important; height: 42px!important; }
.accessibility-location-right .accessability_container { bottom: 0px!important; }
.hideme { display: none !important; }
@media screen and (max-width: 600px) {
.hideme { display: flex !important; width: 100%; align-items: flex-end; flex-flow: row wrap; position: absolute; }
.hideme > * { flex: 1 100%; }
.hideme > div.footbar { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.hideme > div.footbar .textwidget { width: 100%; height: auto; position: fixed; bottom: 0px; background: #37708f; color: #fff; padding: 10px 10px 0px 10px; display: flex; justify-content: flex-start; align-items: center; text-align: center; z-index: 9999; }
.hideme > div.footbar .textwidget div { width: 27%; display: 1; background: transparent; position: relative; justify-content: center; align-items: center; text-align: center; }
.hideme > div.footbar .textwidget div.bartour { width: 50%; height: 25px; display: 1; background: #fff; position: relative; justify-content: center; align-items: center; text-align: center; }
.hideme > div.footbar .textwidget div a { width: auto; height: 25px; justify-content: center; align-items: center; text-align: center; }
.hideme > div.footbar .textwidget div.bartour a { width: auto; line-height: 25px; background: transparent; color: #919751; justify-content: center; align-items: center; text-align: center; font-size: 18px; font-weight: bold; }
.hideme > div.footbar .textwidget div a img { width: auto; height: 25px; }
footer { padding-bottom: 25px; }
}
article.post ul.listieMe { line-height: 30px; width: 90%; list-style-type: none !important; padding: 0 0 0px 0px; margin: 0px auto 25px auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
@media only screen and ( max-width: 875px ) {
article.post ul.listieMe { line-height: 30px; width: 100%; list-style-type: none !important; padding: 0 0 0px 0px; margin: 0px auto 25px auto; column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
}
.single .listMe { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
.single .listMe div { width: 47%; margin-bottom: 10px; border: solid 1px #999; border-radius: 5px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; text-align: center; transition: all 0.3s ease-in-out; }
.single-post .post_content .listMe h3 { width: 100%; margin-bottom: 0px; padding: 5px 0px; background: #37708f; color: #fff; align-self: flex-start; transition: all 0.3s ease-in-out; }
.single-post .post_content .listMe h3 a, .single-post .post_content .listMe h3 a:hover { color: #fff; }
.single .listMe p { width: 90%; padding: 0px 5px; margin: 0px auto 0px auto; }
.single .listMe div:hover { background: #eee; transition: all 0.3s ease-in-out; }
.single .listMe div:hover h3 { background: #666; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 800px) {
.single .listMe { justify-content: center; align-items: center; }
.single .listMe div { width: 100%; }
}
p { line-height: 36px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
h1, h2, h3, h4, h5, h6 { letter-spacing: normal; }
.testimonial { box-shadow: 0px 0px 3px rgba(0,0,0,0.25); border-radius: 5px; background: #fff; padding: 10px 20px; text-align: left; margin-bottom: 25px; }
.testimonial p { text-align: left; line-height: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.testimonial p.signature { text-align: right; font-size: 14px; font-style: italic; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:hover { background: #37708f; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:hover a.mega-menu-link { color: #f2e7cc; font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a { color: #37708f; font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link { color: #37708f; font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover { color: #f2e7cc; font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #37708f; color: #f2e7cc; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { color: #f2e7cc; padding: 0px 5px 5px 25px;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { color: #fff;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { background: #37708f; }
blockquote { margin: 0px 0px 25px 25px; padding: 0px 0px 0px 0px; color: #333; background: transparent; font-style: normal; border: none; }
.skinnydiv { width: 100%; display: block; padding: 0px; height: 1px; margin: 35px auto 35px auto; background: #eee; }
.boxie { float: right; display: block; margin: 0px 0px 10px 25px; max-width: 50%; border: solid 3px #fff; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.5); padding: 15px 15px 0px 15px; }
.itsasetupsee { display: flex; flex-flow: wrap; justify-content: center; align-items: center; margin-bottom: 25px; }
.itsasetupsee iframe { margin: 15px auto 0px auto; width: 30%; max-width: 600px; max-height: 400px; min-height: 300px; }
.whipit { width: 400px; height: auto; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
a.minime { display: inline; float: left; max-width: 300px; height: auto; margin: 0px 0px 25px 0px; position: relative; }
a.minime img { display: block; width: 100%; max-width: 350px; height: auto; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
a.minime span { text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0px auto; display: block; width: 104px; height: auto; position: absolute; bottom: 10px; text-shadow: 2px 2px 0px rgba(0,0,0,1); }
a.minime:hover span { color: #6cb3e3; }
.listit { display: inline-block; margin: 0px 0px 15px 0px; padding-bottom: 15px; border-bottom: solid 1px #eee; float: left; width: 40%; list-style-type: none; }
.listthat { display: inline-block; margin: 0px 0px 15px 0px; padding-bottom: 15px; border-bottom: solid 1px #eee; float: right; width: 40%; list-style-type: none; }
article.page ul.listit { display: inline-block; margin: 0px 0px 15px 0px; border-bottom: none; padding: 15px 0px 10px 0px; float: left; width: 40%; list-style-type: none; }
article.page ul.listthat { display: inline-block; margin: 0px 0px 15px 0px; border-bottom: none; padding: 15px 0px 10px 0px; float: right; width: 40%; list-style-type: none; }
article.page ul.listit li, article.page ul.listthat li { display: block; padding-bottom: 15px; }
article.page ul.listme { display: inline-block; margin: 0px 0px 15px 0px; border-bottom: none; padding: 5px 0px 5px 0px; float: left; width: 33%; list-style-type: none; }
article.page ul.listme li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
article.page ul.listme li:first-child { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
a { color: #a87b4f; text-decoration: none; }
a:hover { text-decoration: none !important; color: #37708f; }
a:focus { color: #37708f; text-decoration: none !important;}
.container { width: 1100px; margin: 0px auto 0px auto; position: relative; }
.home .shadow_top .container { width: 1200px; }
#main-header { background: none; width: 100%; position: relative; z-index: 9999; border-bottom: none; height: 200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0px; }
#main-header .heading { width: 100%; height: 150px; background: #37708f; }
#main-header .heading #logo { padding: 10px 0px 0px 0px; width: auto; height: 125px; }
#main-header .container { width: 1200px; background: transparent; }
#main-header .menustrip { width: 100%; background: #a87b4f; height: 50px; }
#main-header .menustrip .container { width: 1200px; background: transparent; height: 50px; }
#top-menu { float: right; display: block; clear: both; padding-top: 0px; margin-top: 0px; height: 50px; }
#phonie-menu { display: none; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover { font-family: "Raleway", san-serif; font-size: 16px; line-height: 50px; text-decoration: none; text-shadow: none; font-weight: 600 !important; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { font-family: "Raleway", san-serif; font-size: 16px; line-height: 50px; text-decoration: none; text-shadow: none; font-weight: 600 !important; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu { padding: 0px 0px 0px 0px; position: absolute; top: 50px; left: 0px; width: 235px; z-index: 9999; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-1661 ul.mega-sub-menu { left: -60px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-1664 ul.mega-sub-menu { left: -56px; }
#mega-menu-wrap-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link { text-align: center; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout .mega-menu-item-413 ul.mega-sub-menu { background: #37708f; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { left: -5px !important; top: 40px !important; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-description, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link .mega-description-group .mega-menu-description {
display: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item a.mega-menu-link::before {
display: none;
}
#mega-menu-wrap-primary-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link::before, #mega-menu-wrap-primary-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-primary-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item::before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link::before, #mega-menu-wrap-primary-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item::after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle { border-radius: 0px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item { margin: 0 0px 0 12px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:first-child { margin: 0 0px 0 0px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:last-child > a.mega-menu-link { margin-right: 2px !important; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:active { background: #37708f !important; }
.emergency { display: none; /* display: block; clear: both; width: 100%; background: #faff00; color: #000; padding-top: 25px; padding-bottom: 15px; */ }
.emergency h3 { color: #000; text-transform: uppercase; text-align: center; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; letter-spacing: 0px; }
.emergency p { padding: 0px 0px 0px 0px; line-height: 28px; width: 95%; margin: 0px auto 15px auto; }
.hubs { width: auto; float: right; }
.tophub { width: 100%; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; height: auto; }
.tophub ul { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; float: right; overflow: visible; }
.tophub ul li { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 35px; height: auto; overflow: visible; }
.tophub ul li.showit { width: auto; }
.tophub ul li a { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 35px; height: 35px; }
.tophub ul li a:hover { color: #a87b4f; }
.tophub ul li a:focus { color: inherit; text-decoration: none; }
.tophub ul li a.phone { background: url("images/icon_phone.png") no-repeat top right; background-size: 35px; width: auto; line-height: normal; padding-right: 45px; color: #f2e7cc; font-size: 20px; font-weight: bold; overflow: visible; }
.tophub ul li a.phone span { position: relative; top: 3px; }
.tophub ul li a.phone:hover { background: url("images/icon_phonew.png") no-repeat top right; background-size: 35px; color: #a87b4f; }
.tophub ul li a.email { background: url("images/icon_email.png") no-repeat top center; background-size: 35px; }
.tophub ul li a.email:hover { background: url("images/icon_emailw.png") no-repeat top center; background-size: 35px; }
.tophub ul li a.facehub { background: url("images/icon_facebook.png") no-repeat top center; background-size: 40px; }
.tophub ul li a.facehub:hover { background: url("images/icon_facebookw.png") no-repeat top center; background-size: 40px; }
.hub { width: 100%; background: transparent; margin: 0px 0px 0px 0px; padding: 20px 0px 5px 0px; height: auto; clear: both; }
.hub ul { width: auto; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; list-style: none; display: block; float: right; position: relative; }
.hub ul li { margin: 0px 0px 0px 45px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; max-height: 68px; width: 125px; overflow: hidden; }
.hub ul li a { display: block; margin: 0px 0px 0px 0px; padding: 38px 0px 0px 0px; color: #f2e7cc; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 600; width: 125px; height: auto; background: #a87b4f; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li a:hover { color: #018495; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
/* CODE FOR DOUBLE APPLICATION BUTTON */
.hub ul li.apply div.apply { display: block; margin: 0px 0px 0px 0px; padding: 38px 0px 0px 0px; color: #f2e7cc; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 600; width: 125px; height: 30px; background: url("images/icon_applyw.png") no-repeat top center #a87b4f; border-radius: 10px; position: relative; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.apply div.apply:hover { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.apply div.apply:focus { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
#box7 {
position: absolute;
left: 0px;
bottom: -68px;
width: 125px;
height: 68px;
padding-top: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
overflow: hidden;
border-radius: 10px;
}
#box7 a { padding: 3px 0px 3px 0px; margin: 7px auto 0px auto; display: block; background: rgba(255,255,255,1); color: #37708f; text-transform: uppercase; line-height: 18px; font-size: 14px; border-radius: 7px; width: 95%; }
#box7 a:hover { background: #37708f; color: #fff; }
#box8 {
position: absolute;
left: 0px;
bottom: 0px;
width: 125px;
height: 30px;
padding-top: 38px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box7:hover {
background: #f2e7cc;
bottom: 0px;
left: 0px;
width: 125px;
height: 68px;
padding-top: 0px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8:hover + #box7 {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8:focus + #box7 {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
/* END DOUBLE BUTTON */
/* CODE FOR DOUBLE AVAILABILITY BUTTON */
.hub ul li.availability div.availability { display: block; margin: 0px 0px 0px 0px; padding: 38px 0px 0px 0px; color: #f2e7cc; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 600; width: 125px; height: 30px; background: url("images/icon_residentsw.png") no-repeat top center #a87b4f; border-radius: 10px; position: relative; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.availability div.availability:hover { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.availability div.availability:focus { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
#box7a {
position: absolute;
left: 0px;
bottom: -68px;
width: 125px;
height: 68px;
padding-top: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
overflow: hidden;
border-radius: 10px;
}
#box7a a { padding: 3px 0px 3px 0px; margin: 7px auto 0px auto; display: block; background: rgba(255,255,255,1); color: #37708f; text-transform: uppercase; line-height: 18px; font-size: 14px; border-radius: 7px; width: 95%; }
#box7a a:hover { background: #37708f; color: #fff; }
#box8a {
position: absolute;
left: 0px;
bottom: 0px;
width: 125px;
height: 30px;
padding-top: 38px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box7a:hover {
background: #f2e7cc;
bottom: 0px;
left: 0px;
width: 125px;
height: 68px;
padding-top: 0px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8a:hover + #box7a {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8a:focus + #box7a {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
/* END DOUBLE BUTTON */
/* END DOUBLE BUTTON */
/* CODE FOR DOUBLE RESIDENT BUTTON */
.hub ul li.livehere div.livehere { display: block; margin: 0px 0px 0px 0px; padding: 38px 0px 0px 0px; color: #f2e7cc; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 600; width: 125px; height: 30px; background: url("images/icon_availabilityw.png") no-repeat top center #a87b4f; border-radius: 10px; position: relative; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.livehere div.livehere:hover { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
.hub ul li.livehere div.livehere:focus { color: #018495; background-color: #f2e7cc; border-radius: 10px; -webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
#box7b {
position: absolute;
left: 0px;
bottom: -68px;
width: 125px;
height: 68px;
padding-top: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
overflow: hidden;
border-radius: 10px;
}
#box7b a { padding: 3px 0px 3px 0px; margin: 7px auto 0px auto; display: block; background: rgba(255,255,255,1); color: #37708f; text-transform: uppercase; line-height: 18px; font-size: 14px; border-radius: 7px; width: 95%; }
#box7b a:hover { background: #37708f; color: #fff; }
#box8b {
position: absolute;
left: 0px;
bottom: 0px;
width: 125px;
height: 30px;
padding-top: 38px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box7b:hover {
background: #f2e7cc;
bottom: 0px;
left: 0px;
width: 125px;
height: 68px;
padding-top: 0px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8b:hover + #box7b {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#box8b:focus + #box7b {
bottom: calc(100% - 175px);
left: 0px;
width: 125px;
height: 68px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
/* END DOUBLE BUTTON */
.striplogo { margin: 0px auto 25px auto; text-align: center; }
.striplogo img { margin: 0px auto 0px auto; text-align: center; }
.homestrip h1 { font-weight: 400; text-transform: uppercase; color: #333; font-family: "Raleway", san-serif; margin: 0px 0px 15px 0px; font-size: 22px; }
.homestrip h2 { font-weight: 400; color: #000; font-family: "Raleway", san-serif; margin: 0px 0px 24px 0px; font-size: 30px; letter-spacing: -0.5px; }
.homestrip p { margin: 0px 0px 24px 0px; }
.parallax-window { background: transparent; height: 400px; padding-bottom: 300px; }
.ninja { margin: 0px auto 0px auto; text-align: center; width: 1100px; }
.nameit { font-family: "Raleway", san-serif; color: #fff; font-size: 48px; text-transform: uppercase; text-shadow: 0px 0px 5px rgba(0,0,0,1); padding-top: 200px; }
.namethis { font-family: "Raleway", san-serif; color: #7e7e7e; font-size: 48px; text-transform: uppercase; text-align: center; padding-top: 50px; padding-bottom: 35px; }
.slidespot { display: table; width: 100%; height: 600px; background: #444; z-index: 0; position: relative; top: 0px; }
.calltag { position: absolute; z-index: 0; top: 20px; right: 50px; color: #fff; font-size: 24px; text-shadow: 0px 0px 7px rgba(0,0,0,0.7); }
.calltag h5 { font-family: "Dr Sugiyama", cursive; font-size: 75px; color: #fff; margin-top: 10px; margin-left: 10px; }
.calltag2 { display: none; }
/* USE THE FOLLOWING CODE TO FIX ALL SLIDE SHOWS */
.flexie { display: flex; height: 100%; align-items: stretch; flex-flow: row wrap; }
.flexie > * { flex: 1 100%; }
.slideme { display: 1; width: 100%; max-height: 100%; z-index: 0; }
ul.slide {
margin: 0px;
padding: 0px;
}
ul.slide li {
margin: 0px;
padding: 0px;
display: block;
width: 100%;
height: 100vh;
}
ul.slide li a {
text-decoration: none;
border: none;
color: #fff;
}
ul.slide li a img {
text-decoration: none;
border: none;
width: 100%;
height: auto;
}
.home .arrow { display: block; position: absolute; width: 100%; top: -100px; z-index: 9999; text-align: center; height: 1px; }
.home .arrow a { position: relative; display: block; background: url("images/arrow.png") top center no-repeat; width: 68px; height: 42px; z-index: 9999; margin: 0px auto; }
/* END FIX CODE; CLEANUP ARROW CODE BELOW ( Make an exception for pages with Amenities slide shows like Big Sky) */
.page-id-1571 #main-header, .home #main-header, .page-template-page-arrow #main-header { background: transparent; width: 100%; position: absolute; z-index: 9999; border-bottom: none; height: 200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0px; }
.page-id-1571 .white-call, .home .white-call, .page-template-page-arrow .white-call { position: relative; background: #fff; top: 0px; }
.white-call { margin-top: 0px; height: auto; position: relative; background: #fff; top: 0px; padding: 0px 0px 0px 0px; }
.page-id-1571 .shadow_top, .home .shadow_top, .page-template-page-arrow .shadow_top { background: url("images/bg_topshadow.png") top repeat-x; width: 100%; padding-top: 35px; padding-bottom: 50px; margin-bottom: 0px; }
.page-template-page-pictures .shadow_top, .single .shadow_top { margin-bottom: 0px; padding-bottom: 50px; }
.shadow_top { background: url("images/bg_topshadow.png") top repeat-x; width: 100%; padding-top: 0px; padding-bottom: 0px; margin-bottom: -75px; }
.page-id-37 .shadow_top, .parent-pageid-25 .shadow_top { background: url("images/bg_topshadow.png") top repeat-x; width: 100%; padding-top: 0px; padding-bottom: 75px; margin-bottom: -75px; }
.stay { position: relative; top: -75px; background: url("images/bannershadow.jpg") top center no-repeat; padding: 35px 25px 25px 25px; min-height: 500px; }
ul.callme { margin: 0px auto 0px auto; width: 100%; padding: 0px 0px 0px 0px; display: block; list-style: none; clear: both; }
ul.callme li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; list-style: none; position: relative; }
ul.callme li:first-child { margin-top: 35px; margin-right: 50px; width: 450px; height: 240px; }
ul.callme li:last-child { width: 600px; float: right; position: absolute; }
#designation2 { position: relative; width: 600px; height: 275px; border-radius: 7px; text-align: center; color: #666; overflow: hidden; box-shadow: inset 0px 0px 3px rgba(0,0,0,1); background: url("images/bg_facebook.jpg") 0px 0px no-repeat rgba(255,255,255,0); background-size: cover; }
.fbintro { float: left; margin-top: 50px; font-family: "Dancing Script", san-serif; color: #333; font-size: 36px; line-height: 40px; background: rgba(255,255,255,0.75); max-width: 150px; padding: 20px; border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 10px; border-top: solid 3px #fff; border-right: solid 3px #fff; border-bottom: solid 3px #fff; border-left: 0px; }
.fb-page { float: right; top: -1px; right: 25px; }
.marginwise { margin-left: 25px; display: inline-block; float: right; top: -1px; right: 25px; width: 35%; }
.marginme { display: inline-block; float: left; top: auto; width: 63%; }
.single .namethis { font-family: "Raleway", san-serif; color: #666; font-size: 40px; text-transform: uppercase; text-align: left; padding-top: 50px; padding-bottom: 25px; margin-bottom: 0px; line-height: normal; letterspacing: normal; }
.newsish { float: left; top: auto; left: 0px; width: 50%; }
.page-id-66 .fb-page { float: right; top: auto; right: 0px; width: 45%; }
.entrifiction h3 { font-weight: 400; margin-bottom: 0px; font-size: 24px; text-align: left; font-weight: bold; color: #333; text-transform: uppercase; }
.entrifact { display: flex; justify-content: space-between; align-items: stretch; flex-flow: row wrap; margin-top: 25px; margin-bottom: 25px; padding: 0px 0px 0px 0px; list-style-type: none; }
.entrification { width: 45%; margin: 0px 0px 5px 0px; padding: 5px 0px 10px 0px; border-bottom: solid 1px #eee; }
.newsLink { width: 100%; height: 125px; margin: 0px auto 15px auto; }
.newsLink a { width: 100%; height: 125px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5); display: block; }
.entrification h2.title { font-weight: 400; margin-bottom: 0px; font-size: 18px; text-align: left; font-weight: bold; color: #333; }
.entrification h2.title a { color: #444; }
.entrification p { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 5px; }
.entrification a.learn-more { float: right; }
@media only screen and ( max-width: 1115px ) {
.page-id-66 .fb-page { max-width: 500px; }
}
@media only screen and ( max-width: 1065px ) {
.newsish { float: left; top: auto; left: 0px; width: 63%; }
.page-id-66 .fb-page { float: right; top: auto; right: 0px; width: 35%; max-width: 325px; }
}
@media only screen and ( max-width: 970px ) {
.newsish { float: none; top: auto; left: auto; width: 100%; }
.page-id-66 .fb-page { float: none; top: auto; right: auto; width: 500px; max-width: none; margin: 0px auto; }
}
@media only screen and ( max-width: 735px ) {
.entrification { width: 90%; margin: 0px auto 5px auto; padding: 5px 0px 10px 0px; border-bottom: solid 1px #eee; }
}
@media only screen and ( max-width: 590px ) {
.newsish { float: none; top: auto; left: auto; width: 90%; margin: 0px auto; }
.page-id-66 .fb-page { float: none; top: auto; right: auto; width: 90%; max-width: 300px; margin: 0px auto; }
}
@media only screen and ( max-width: 350px ) {
.page-id-66 .fb-page { float: none; top: auto; right: auto; width: 90%; max-width: 250px; margin: 0px auto; }
}
#designation { position: absolute; float: left; top: -10px; left: 0px; width: 450px; height: auto; border-radius: 7px; text-align: center; color: #666; }
#designation h1 { font-weight: 600; text-transform: uppercase; color: #666; font-family: "Raleway", san-serif; margin: 0px 0px 5px 0px; font-size: 22px; letter-spacing: normal; line-height: normal; padding-bottom: 0px; }
#designation h1.addme, #designation h1.addme a { font-weight: 500; color: #666; font-family: "Raleway", san-serif; margin: 0px 0px 25px 0px; font-size: 28px; text-transform: none; letter-spacing: normal; line-height: normal; padding-bottom: 0px; }
#designation h1.addme a:hover { color: #820024; }
#designation h1.addme1 { font-weight: 600; color: #666; font-family: "Raleway", san-serif; margin: 0px 0px 25px 0px; font-size: 22px; text-transform: none; letter-spacing: normal; line-height: normal; padding-bottom: 0px; }
#designation p { margin: 0px 0px 10px 0px; line-height: normal; }
ul.blurbiness { display: flex; justify-content: center; align-items: flex-start; flex-flow: row wrap; margin-top: 25px; }
ul.blurbiness li { width: 30%; margin-right: 30px; }
ul.blurbiness li:last-child { margin-right: 0px; }
ul.blurbiness div { background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); padding: 20px 10px 5px 10px; border-radius: 10px; }
ul.blurbiness div:hover { background: #eee; }
ul.blurbiness h3 { font-weight: 500; text-align: center; letter-spacing: -0.5px; color: #000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
ul.blurbiness a { color: #000; }
ul.blurbiness div:hover h3 { border-bottom: 1px solid #CCC; }
article.page ul.linie { display: flex; justify-content: center; align-items: center; flex-flow: row wrap; margin: 25px auto; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.linie li { line-height: 36px; text-align: center; }
ul.linie li img { margin: 0px auto 0px auto; }
ul.linie li:nth-child(1) { width: 350px; margin-bottom: 5px; }
ul.linie li:nth-child(2) { width: 300px; margin-bottom: 5px; }
ul.linie li:nth-child(3) { width: 350px; margin-bottom: 5px; }
article.page ul.linie2 { display: flex; justify-content: space-between; align-items: baseline; flex-flow: row wrap; margin-top: 25px; margin-bottom: 25px; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.linie2 li { width: 45%; margin-bottom: 5px; }
article.page ul.linie3 { display: flex; justify-content: flex-start; align-items: baseline; flex-flow: row wrap; margin-top: 25px; margin-bottom: 25px; list-style-type: none; border: solid 5px #fff; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.5); padding: 25px 35px 25px 35px; }
article.page ul.linie3 li { width: 33%; margin-bottom: 5px; }
article.page ul.linie3 li.heading{ width: 100%; margin-bottom: 5px; }
article.page ul.lineup { display: flex; justify-content: flex-start; align-items: baseline; flex-flow: row wrap; margin-top: 25px; margin-bottom: 25px; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.lineup li { width: 45%; margin-bottom: 5px; }
h3.blockit { text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase; color: #000; font-weight: 500; }
ul.blockie { display: flex; justify-content: center; align-items: center; flex-flow: row wrap; margin: 25px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.blockie li { width: 33%; text-align: center; }
ul.blockie h3 { text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase; color: #000; font-weight: 500; }
.itsasetup { display: flex; flex-flow: nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; }
.itsasetup div { width: 32%; text-align: center; }
.itsasetup img { width: 100%; height: auto; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); }
ul.blockies { display: flex; justify-content: space-between; align-items: baseline; flex-flow: row wrap; margin-top: 25px; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.blockies li { width: 45%; text-align: center; }
ul.blockies h3 { text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase; color: #000; font-weight: 500; }
.amenimids { box-shadow: none; border: none; float: none; display: block; }
ul.iconic, ul.iconic2 { margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; display: block; list-style: none; clear: both; }
ul.iconic li { margin: 0px 0px 0px 80px; padding: 0px 0px 0px 0px; display: inline-block; position: relative; width: 195px; height: 125px; text-align: center; overflow: hidden; }
ul.iconic li a h2, ul.iconic2 li a h2, ul.iconic2 li a.resportal h2 { color: #666; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 85px 0px 0px 0px; line-height: normal; -webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic li a:hover h2, ul.iconic2 li a:hover h2, ul.iconic2 li a.resportal:hover h2 { color: transparent; -webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic li a h3 { color: transparent; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: normal; -webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic li a:hover h3 { color: #666; -webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic li a p, ul.iconic li a:hover p, ul.iconic2 li a p, ul.iconic2 li a:hover p, ul.iconic2 li a.resportal p, ul.iconic2 li a.resportal:hover p { color: #666; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
ul.iconic li a { display: block; padding-top: 90px; }
ul.iconic li a.local { background: url("images/icon_local.png") no-repeat top center; }
ul.iconic li a.news { background: url("images/icon_news.png") no-repeat top center; }
ul.iconic li a.events { background: url("images/icon_events.png") no-repeat top center; }
ul.iconic li a.moving { background: url("images/icon_moving.png") no-repeat top center; }
ul.iconic li a.city { background: url("images/icon_city.png") no-repeat top center; }
#stage { width: 195px; height: 200px; position: relative; display: block; top: 0px; }
/* BOX ANIMATIONS */
#box1 {
background: rgba(255,255,255,0);
position: absolute;
left: 0px;
bottom: -200px;
width: 195px;
height: 200px;
padding-top: 200px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
overflow: hidden;
z-index: 7777;
}
#box2 {
background: rgba(255,255,255,0);
display: block;
width: 195px;
height: 200px;
position: absolute;
left: 0px;
bottom: 0px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
z-index: 8888;
}
#box1:hover {
background: rgba(255,255,255,1);
bottom: 0px;
left: 0px;
width: 195px;
height: 200px;
padding-top: 0px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box2:hover + #box1 {
bottom: 0;
left: 0px;
width: 195px;
height: 200px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box2:hover {
background: rgba(255,255,255,0);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
/* END BOX ANIMATIONS */
ul.iconic2 { margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; list-style: none; width: 100%; float: none; display: flex; justify-content: center; align-items: flex-start; flex-flow: row wrap; }
ul.iconic2 li { width: 375px; height: 360px; margin: 0px 0px 15px 125px; text-align: center; overflow: hidden; }
ul.iconic2 li:first-child { margin-left: 0px; }
ul.iconic2 li div h2 { color: #666; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 340px 0px 0px 0px; line-height: normal; background: #fff; width: 100%; -webkit-transition: 0.75s ease-in-out; z-index: 9977;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic2 li div.topsies { margin: 125px 0px 0px 0px; }
ul.iconic2 li p { color: #666; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; margin: 25px 0px 0px 0px; }
ul.iconic2 li div.apartment { display: block; padding-top: 90px; height: 350px; }
#stage2 { width: 375px; height: 360px; position: relative; display: block; top: 0px; }
/* BOX ANIMATIONS */
#box3 {
background: rgba(255,255,255,0);
position: absolute;
left: 0px;
bottom: -350px;
width: 375px;
height: 360px;
padding-top: 300px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
overflow: hidden;
}
#box3 a { padding: 2px 5px 2px 5px; margin: 10px auto 0px auto; display: block; background: #37708f; color: #fff; text-transform: uppercase; border-radius: 10px; width: 90%; }
#box3 a:hover { background: rgba(255,255,255,1); color: #37708f; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
#box4 h2 { display: block; position: relative; z-index: 9977 !important; }
#box4 {
background: rgba(255,255,255,0);
display: block;
width: 375px;
height: 360px;
position: absolute;
left: 0px;
bottom: 0px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box3:hover {
bottom: 0px;
left: 0px;
width: 375px;
height: 360px;
padding-top: 0px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box4:hover + #box3 {
bottom: 0px;
left: 0px;
width: 375px;
height: 360px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box4:hover {
background: rgba(255,255,255,0);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
/* END BOX ANIMATIONS */
ul.iconic3 { margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; list-style: none; width: 100%; float: none; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; }
ul.iconic3 li { width: 225px; height: 315px; margin: 0px 0px 15px 85px; text-align: center; overflow: hidden; }
ul.iconic3 li:first-child, ul.iconic3 li:nth-child(4) { margin-left: 0px; }
ul.iconic3 li div h2 { color: #666; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 305px 0px 0px 0px; line-height: normal; background: #fff; width: 100%; z-index: 9977; -webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic3 li p { color: #666; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; margin: 25px 0px 0px 0px; }
ul.iconic3 li div.apartment { display: block; padding-top: 90px; height: 310px; }
#stage3 { width: 225px; height: 300px; position: relative; display: block; top: 0px; }
/* BOX ANIMATIONS */
#box5 {
background: rgba(255,255,255,0);
position: absolute;
left: 0px;
bottom: -315px;
width: 225px;
height: 315px;
padding-top: 315px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
overflow: hidden;
}
#box5 a { padding: 2px 5px 2px 5px; margin: 10px auto 0px auto; display: block; background: #37708f; color: #fff; text-transform: uppercase; border-radius: 10px; width: 90%; }
#box5 a:hover { background: rgba(255,255,255,1); color: #37708f; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
#box6 h2 { display: block; position: relative; z-index: 9977 !important; }
#box6 {
background: rgba(255,255,255,0);
display: block;
width: 225px;
height: 315px;
position: absolute;
left: 0px;
bottom: 0px;
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box5:hover {
bottom: 0px;
left: 0px;
width: 225px;
height: 250px;
padding-top: 65px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box6:hover + #box5 {
bottom: 0px;
left: 0px;
width: 225px;
height: 315px;
background: rgba(255,255,255,1);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
#box6:hover {
background: rgba(255,255,255,0);
-webkit-transition: 0.75s ease-in-out;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out;
}
/* END BOX ANIMATIONS */
div.buttonie { display: flex; justify-content: space-evenly; align-items: baseline; flex-flow: row wrap; width: 100%; max-width: 800px; margin: 0px auto; }
a.bestbutton {
padding: 2px 5px 2px 5px;
margin: 10px auto 25px auto;
display: inline-block;
background: #37708f;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-radius: 10px;
text-align: center;
width: 290px;
}
a.bestbutton:hover {
background: #fff;
color: #37708f;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
a.bestbutton2 {
padding: 2px 5px 2px 5px;
margin: 10px auto 25px auto;
display: inline-block;
background: #37708f;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-radius: 10px;
text-align: center;
width: auto;
}
a.bestbutton2:hover {
background: #fff;
color: #37708f;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
div.buttonie2 { display: flex; justify-content: space-between; align-items: baseline; flex-flow: row wrap; width: 100%; max-width: 900px; margin: 0px auto 25px auto; }
a.bestbutton3 {
padding: 2px 5px 2px 5px;
display: block;
background: #37708f;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-radius: 10px;
text-align: center;
width: 250px;
}
a.bestbutton3:hover {
background: #f2e7cc;
color: #fff;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.alignright { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 45%; }
.alignrightme { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 45%; }
.alignrights { margin: 10px 0px 0px 10px; float: right; border: none; box-shadow: none; max-width: 33%; }
.alignrightMed { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 200px; max-width: 33%; }
.alignrightSmall { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 150px; max-width: 33%; }
.alignleft { margin: 10px 25px 10px 0px; float: left; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 45%; }
.aligncenter { margin: 0px auto 10px auto; float: none; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: none; }
.alignleftsie { margin: 0px 25px 10px 0px; float: left; border: none; box-shadow: none; max-width: 140px; }
.single .alignright { width: 40%; max-width: 350px; }
.single .alignrightT { width: 30%; max-width: 275px; margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.single .post-thumbnail { display: block; clear: both; margin: 0px auto; padding-top: 50px; float: none; width: 100%; max-width: none; border: none; box-shadow: none; }
.single .post-thumbnail img { width: 100%; height: 275px; object-fit: cover; object-position: center center; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.spittle img { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 45%; max-width: 250px; }
.spittle a.learn-more { float: none; display: block; padding: 3px 5px; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; font-size: 16px; line-height: normal; width: 100px; text-align: center; margin-top: 5px; }
.spittle a.learn-more:hover { text-shadow: none; }
.spittle a.learn-more:focus { text-shadow: none; }
a.learn-more:hover, .blog-post a.learn-more:hover, .comment-reply-link:hover, #home-section-news a.more-info:hover, #home-section-projects a.more-info:hover, #home-section-pricing a.more-info:hover { color: #ffffff; border: 1px solid #37708f; -webkit-box-shadow: 1px 1px 0 #37708f inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #37708f inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #37708f inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(43,166,182); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,166,182,1) 0%, rgba(43,166,182,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,166,182,1)), color-stop(100%,rgba(43,166,182,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,166,182,1) 0%,rgba(43,166,182,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,166,182,1) 0%,rgba(43,166,182,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,166,182,1) 0%,rgba(43,166,182,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(43,166,182,1) 0%,rgba(43,166,182,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37708f', endColorstr='#37708f',GradientType=0 ); /* IE6-9 */
}
.post_content2 span { font-size: 24px; color: #444; }
.plandetails { float: left; margin-left: 50px; }
.plandetails a { padding: 2px 5px 2px 5px; margin: 10px auto 0px 0px; display: block; background: #820024; color: #fff; text-transform: uppercase; border-radius: 10px; width: 200px; font-size: 14px; text-align: center; letter-spacing: -0.5; font-weight: 500; }
.plandetails a:hover { background: rgba(255,255,255,1); color: #820024; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
#eg-1-post-id-236 .eg-howardtaft-element-16, #eg-1-post-id-243 .eg-howardtaft-element-16, #eg-1-post-id-245 .eg-howardtaft-element-16, #eg-1-post-id-247 .eg-howardtaft-element-16, #eg-1-post-id-250 .eg-howardtaft-element-16 { display: none; }
#eg-1-post-id-236 .esg-center p, #eg-1-post-id-243 .esg-center p, #eg-1-post-id-245 .esg-center p, #eg-1-post-id-247 .esg-center p, #eg-1-post-id-250 .esg-center p, #eg-1-post-id-236 .esg-center p a, #eg-1-post-id-243 .esg-center p a, #eg-1-post-id-245 .esg-center p a, #eg-1-post-id-247 .esg-center p a, #eg-1-post-id-250 .esg-center p a { padding-top: 5px; width: 200px !important;color: #fff !important; font-family: "Raleway", san-serif !important; text-transform: none; font-weight: normal; font-size: 18px !important; line-height: 30px !important; visibility: visible !important; }
#eg-1-post-id-236 .esg-center p span, #eg-1-post-id-243 .esg-center p span, #eg-1-post-id-245 .esg-center p span, #eg-1-post-id-247 .esg-center p span, #eg-1-post-id-250 .esg-center p span { font-size: 14px; }
#eg-1-post-id-236 .esg-tc, #eg-1-post-id-243 .esg-tc, #eg-1-post-id-245 .esg-tc, #eg-1-post-id-247 .esg-tc, #eg-1-post-id-250 .esg-tc { display: block; position: absolute; top: 30%; left: 0px; width: 100%; color: rgba(255,255,255,1);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; }
#eg-1-post-id-236:hover .esg-tc, #eg-1-post-id-243:hover .esg-tc, #eg-1-post-id-245:hover .esg-tc, #eg-1-post-id-247:hover .esg-tc, #eg-1-post-id-250:hover .esg-tc { display: block; position: absolute; top: 30%; left: -9999px; width: 100%; color: rgba(255,255,255,0);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out; }
#eg-1-post-id-236 .checkme { background: url("images/icon_fitnessw.png") center top no-repeat; width: 80%; max-width: 305px; height: 110px; margin: 0px auto 0px auto; display: block; }
#eg-1-post-id-243 .checkme { background: url("images/icon_poolw.png") center top no-repeat; width: 80%; max-width: 305px; height: 110px; margin: 0px auto 0px auto; display: block; }
#eg-1-post-id-245 .checkme { background: url("images/icon_playgroundw.png") center top no-repeat; width: 80%; max-width: 305px; height: 110px; margin: 0px auto 0px auto; display: block; }
#eg-1-post-id-247 .checkme { background: url("images/icon_clubhousew.png") center top no-repeat; width: 80%; max-width: 305px; height: 110px; margin: 0px auto 0px auto; display: block; }
#eg-1-post-id-250 .checkme { background: url("images/icon_cityw.png") center top no-repeat; width: 80%; max-width: 305px; height: 110px; margin: 0px auto 0px auto; display: block; }
.post_content h1 { text-transform: uppercase; margin: 5px 0px 15px 0px; font-size: 24px; font-weight: 500; font-family: "Raleway", san-serif; }
.post_content .formem h1 { text-transform: uppercase; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 24px; font-weight: 500; font-family: "Raleway", san-serif; }
.post_content h2 { text-transform: uppercase; margin: 0px 0px 15px 0px; font-size: 36px; font-weight: 500; font-family: "Raleway", san-serif; }
.post_content h3, .stay h3 { text-transform: uppercase; margin: 0px 0px 15px 0px; font-size: 24px; font-weight: 500; font-family: "Raleway", san-serif; }
.post_content h3.getme { text-transform: none; margin: 25px 0px 25px 0px; font-size: 24px; font-weight: 500; font-family: "Raleway", san-serif; color: #666; }
.post_content h4 { text-transform: none; margin: 0px 0px 15px 0px; font-size: 24px; font-weight: 500; font-family: "Raleway", san-serif; font-weight: 700; letter-spacing: normal; color: #444; }
.stay h2 { text-transform: uppercase; letter-spacing: normal; margin: 0px 0px 5px 0px; font-size: 36px; font-weight: 500; font-family: "Raleway", san-serif; }
.stay h2.checkme { text-transform: uppercase; letter-spacing: normal; margin: 0px 0px 5px 0px; font-size: 36px; font-weight: 500; font-family: "Raleway", san-serif; padding-bottom: 25px; margin-bottom: 45px; border-bottom: solid 1px #eee; }
.blockit h2, .blockmef h2, .blockmes h2 { text-transform: uppercase; margin: 0px 0px 15px 0px; font-size: 20px; font-weight: 500; font-family: "Raleway", san-serif; }
.clearme { margin: 25px auto 25px auto; padding: 25px; border: solid #fff 5px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.5); clear: both; height: 100px; width: 100%; }
.clearthis { width: 100%; margin: 25px auto 25px auto; padding: 25px; border: solid #fff 5px; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.5); clear: both; height: auto; }
.blockme, .blockit { display: block; float: none; margin: 0px auto 0px auto; clear: both; width: 100%; }
article.page .blockme ul, article.page .blockmes ul { line-height: 26px; list-style-type: none !important; padding: 0 0 0px 0px; }
.blockmef, .blockmes { display: inline-block; float: left; margin: 0px 50px 0px 0px; clear: none; width: auto; }
.blockmef { margin-right: 0px; }
article.page .blockmef ul { line-height: 26px; list-style-type: none !important; padding: 0 0 0px 0px; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
article.entry .blockit ul, .blockit ul { line-height: 26px; list-style-type: none !important; padding: 0 0 0px 0px; column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; }
article.page .blockit ul { line-height: 26px; list-style-type: none !important; padding: 0 0 15px 0px; column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; margin-bottom: 15px; border-bottom: solid 1px #eee; }
article.page .blockit p { margin-bottom: 0px; }
.boxup, .boxup1, .boxup2, .boxup3 { background: rgba(0,96,137,1); color: #fff; padding-bottom: 0px; clear: both; width: 80%; margin: 0px auto 0px auto; }
.boxup a, .boxup1 a, .boxup2 a, .boxup3 a { color: #fff; }
.boxup1 { background: rgba(66,104,60,1); }
.boxup2 { background: rgba(136,111,71,1); }
.boxup3 { background: rgba(3,73,37,1); }
.post_content .boxup p, .post_content .boxup1 p, .post_content .boxup2 p, .post_content .boxup3 p { font-family: "Lato", sans-serif; width: 95%; margin: 0px auto 0px; }
.boxup strong, .boxup1 strong, .boxup2 strong, .boxup3 strong { color: #fff; }
.post_content .boxup h4, .post_content .boxup1 h4, .post_content .boxup2 h4, .post_content .boxup3 h4 { color: #fff; font-weight: 500; text-transform: uppercase; background: rgba(255,255,255,0.25); padding: 10px 0px 10px 20px; margin-bottom: 0px; }
article.page ul.fixish { padding: 0px 0px 0px 0px; list-style-type: none; line-height: normal; margin: 0px; }
ul.fixish li { padding: 10px 0px; margin: 0px; width: 100%; display: flex; justify-content: flex-start; align-items: baseline; flex-flow: row nowrap; }
ul.fixish li div { width: 40%; padding-left: 20px; }
ul.fixish li:nth-child(1), ul.fixish li:nth-child(3), ul.fixish li:nth-child(5), ul.fixish li:nth-child(7), ul.fixish li:nth-child(9), ul.fixish li:nth-child(11), ul.fixish li:nth-child(13), ul.fixish li:nth-child(15), ul.fixish li:nth-child(17), ul.fixish li:nth-child(19), ul.fixish li:nth-child(21) { background: rgba(255,255,255,0); }
ul.fixish li:nth-child(2), ul.fixish li:nth-child(4), ul.fixish li:nth-child(6), ul.fixish li:nth-child(8), ul.fixish li:nth-child(10), ul.fixish li:nth-child(12), ul.fixish li:nth-child(14), ul.fixish li:nth-child(16), ul.fixish li:nth-child(18), ul.fixish li:nth-child(20), ul.fixish li:nth-child(22) { background: rgba(255,255,255,0.1); }
.mappie { display: block; margin: 0px auto 0px auto; text-align: center; }
.mappie iframe { width: 800px; height: 615px; border: solid 5px #fff; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.5); }
.entrify { display: flex; justify-content: space-between; align-items: baseline; flex-flow: row wrap; margin-top: 25px; margin-bottom: 25px; padding: 0px 0px 0px 0px; list-style-type: none; }
.entrify .entry { width: 45%; margin: 0px 0px 5px 0px; padding: 5px 0px 10px 0px; border-bottom: solid 1px #eee; }
.post-title::before { display: none; }
.post-title { border-bottom: none; margin-bottom: 0px; padding: 5px 0px 0px 0px; }
.post-title h2.title { font-weight: 400; margin-bottom: 0px; font-size: 18px; text-align: left; }
.entry .post-thumbnail { margin: 5px 15px 0px 5px; float: left; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 55px; }
a.learn-more, .comment-reply-link, .form-submit input { float: none; padding: 3px 5px; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; font-size: 12px; line-height: normal; }
.newsleft { width: 68%; display: inline-block; padding-right: 20px; border-right: 1px solid #eee; min-height: 1450px; }
.newsright { width: 28%; float: right; display: inline-block; padding-left: 20px; }
.newsy1 .newsie { float: none; margin: 0px auto 0px auto; width: 250px; text-align: center; }
.newsy1 { display: block; width: 100%; height: auto; margin: 0px auto 0px auto; clear: both; }
.newsy1 li { float: none; display: block; height: auto; margin: 30px auto 0px auto; }
.newsie .post-title::before { background: none; display: none; }
.newsie .post-title { border: none; margin-bottom: 0px; }
.newsie .post-title h2.title { text-align: center; margin-bottom: 0px; line-height: 24px; font-size: 18px; text-transform: uppercase; font-weight: 500; letter-spacing: normal; }
.newsy1 .newsie .post-thumbnail { margin: 5px auto 15px auto; float: none; max-width: none; width: 230px; height: auto; }
.newsy1 .newsie .post-thumbnail img { width: 230px; height: auto; }
.newsie { float: none; margin-bottom: 0px; margin-right: 0px; width: 280px; text-align: center; }
.newsy { display: block; width: 100%; height: auto; margin: 0px auto 0px auto; clear: both; }
.newsy li { display: inline-block; padding: 0px; height: auto; margin: 30px 0px 0px 30px; text-align: center; }
.newsie .post-title::before { background: none; display: none; }
.newsie .post-title { border: none; margin-bottom: 0px; }
.newsie .post-title h2.title { text-align: center; margin-bottom: 0px; line-height: 24px; font-size: 18px; text-transform: uppercase; font-weight: 500; letter-spacing: normal; }
.newsie .post-thumbnail { margin: 5px auto 15px auto; float: none; max-width: none; width: 250px; height: auto; }
.newsie .post-thumbnail img { width: 250px; height: auto; }
.newsie a.learn-more { float: none; margin: 5px auto 0px auto; }
.post-thumbnail { margin: 10px 0px 10px 25px; float: right; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 45%; }
.event-thumbnail { margin: 10px 0px 10px 25px; float: right; max-width: 200px; padding: 0px!important; }
.event-thumbnail a { display: block; padding: 0px!important; }
.event-thumbnail img { border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.here { margin-top: 50px; }
.page-id-70 .post-thumbnail { border: none; box-shadow: none; }
.pitcher { float: right; margin: 0px 0px 10px 25px; padding: 0px 0px 0px 0px; max-width: 50%; }
.page-id-126 .pitcher { float: right; margin: 0px 0px 10px 25px; padding: 0px 0px 0px 0px; max-width: 66%; }
.leader { width: 250px; height: auto; margin-bottom: 0px; }
.formem { float: right; display: block; width: 45%; margin: 0px 0px 10px 25px; }
.frm_style_formidable-style.with_frm_style input[type="text"] { padding: 0px 0px 0px 0px; margin-top: 0px !important; }
footer { width: 100%; position: relative; min-height: 120px; background: #37708f; border-top: 3px solid #f1e7cc; }
.page-id-1571 footer, .home footer { border-top: none; }
.foot { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; list-style: none; clear: both; float: none; width: 100%; }
.foot li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; float: left; color: #f1e7cc; }
.foot li.logo { width: 215px; margin-top: 0px; margin-right: 15px; }
.foot li.logo img { width: 200px; height: auto; }
.foot li.address { font-size: 16px; margin-right: 30px; margin-top: 10px; }
.foot li.address p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 26px; }
.foot li.address a { color: #f1e7cc; }
.foot li.address a:hover { color: #a87b4f; }
.foot li.address a.facefoot { width: 25px; height: 30px; background: url("images/facebook.png") no-repeat; display: block; float: right; margin-top: 1px; }
.foot li.address a.facefoot:hover { background: url("images/facebook_c.png") no-repeat; }
.foot li.map { margin-top: 10px; margin-right: 30px; position: relative; }
.mapit { border: solid 3px #fff; }
span.mapme { text-align: center; color: #f1e7cc; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0px auto; display: block; width: 104px; height: auto; position: absolute; bottom: 10px; text-shadow: 2px 2px 0px rgba(0,0,0,1); }
.foot li.map a:hover span.mapme { color: #a87b4f; }
.foot li.park { font-size: 11px; line-height: normal; margin-right: 0px; text-align: left; margin-top: 10px; }
.foot li.lineup { margin-top: 10px; float: right; text-align: right; color: #fff; font-size: 12px; line-height: normal; }
.foot li.lineup img { display: inline-block; float: right; margin-top: 0px; margin-left: 10px; }
.foot li.lineup img.relay { background: rgba(255,255,255,0.5); padding: 1px 5px 1px 5px; border-radius: 10px; margin-top: 0px; margin-bottom: 10px; }
.foot li.lineup img.award { width: auto; height: 42px; margin-top: 15px; margin-left: 0px; }
.foot li.lineup a { color: #f1e7cc; }
.foot li.lineup a:hover { color: #a87b4f; }
.foot li.lineup p { text-align: right; color: #f1e7cc; font-size: 12px; line-height: normal; width: 100%; clear: both; float: none; }
.park { font-size: 10px; line-height: normal; margin-right: 0px; text-align: center; color: #f1e7cc; }
.park a { color: #f1e7cc; }
.park a:hover { color: #a87b4f; }
.hideyhole { display: block; }
.hidethis { display: none; }
@media only screen and ( max-width: 1200px ) {
.hideyhole { display: none; }
.hidethis { display: block; }
.container { width: 100%; margin: 0px auto 0px auto; position: relative; }
.shadow_top .container { width: 95%; margin: 0px auto 0px auto; }
.home .shadow_top { padding-bottom: 50px; }
.home .arrow { display: none; }
#main-header { height: auto; }
#main-header .heading { height: 140px; }
#logo { padding: 10px 0px 0px 0px; max-width: 350px; width: 90%; height: auto; margin: 0px auto 0px auto; }
#main-header .heading #logo { height: 80px; margin: 0px auto 0px auto; float: none; }
#main-header .container { max-width: 350px; width: 100%; background: transparent; margin: 0px auto 0px auto; text-align: center; }
#main-header .menustrip { width: 100%; background: #f2e7cc; height: 50px; }
#main-header .menustrip .container { width: 100%; background: transparent; height: 51px; }
.hubs { width: auto; float: none; display: block; width: 165px; margin: 0px auto 0px auto; height: 35px; }
.tophub { height: 35px; position: relative; top: -7px; }
.tophub ul { height: 35px; float: none; margin: 0px auto; }
.tophub ul li:first-child { margin: 0px 0px 0px 0px; }
.tophub ul li.showit { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 35px; height: 33px; position: relative; top: 12px; }
.tophub ul li span { display: none; }
.tophub ul li a { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 35px; height: 35px; }
.tophub ul li a:hover { color: #4a9ad0; }
.tophub ul li a:focus { color: inherit; text-decoration: none; }
.tophub ul li a.facehub { background-size: 45px; background-position: -10px -4px; }
.tophub ul li a.facehub:hover { background-size: 45px; background-position: -10px -4px; }
#top-menu { display: none; }
#phonie-menu { float: none; display: block; clear: both; padding-top: 0px; z-index: 9999; }
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label { font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 { z-index: 9999; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu { background: #769b00; padding: 0px 0px 0px 0px; position: absolute; top: 35px; left: 0px; width: 100%; z-index: 9999; border-radius: 0px; z-index: 9999; font-weight: 600 !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link::before { display: none;}
#mega-menu-wrap-max_mega_menu_1::before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1::before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu::before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item::before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link::before, #mega-menu-wrap-max_mega_menu_1::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-menu-item-has-children a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout li.mega-menu-item-has-children a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-menu-item-has-children a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout li.mega-menu-item-has-children a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children a.mega-menu-link::after {
display: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > a.mega-menu-link::after {
display: none;
}
.hub { display: none; }
.home #main-header, .page-template-page-arrow #main-header { display: table; background-image: none; background: transparent; width: 100%; height: 500px; z-index: 7777; }
.slidespot { display: table; width: 100%; height: 600px; background: #444; z-index: 0; position: relative; top: 0px; }
.homestrip h2 { line-height: 30px; }
.home .striplogo { display: none; }
ul.iconic li { margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; display: block; position: relative; width: 195px; height: 125px; text-align: center; overflow: hidden; }
ul.iconic li:last-child { margin-right: auto; }
ul.callme { padding-bottom: 100px; width: auto; margin: 0px auto; }
ul.callme li { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; display: block; list-style: none; position: relative; }
ul.callme li:first-child { margin: 35px auto 25px auto; max-width: 450px; width: 100%; height: auto; }
ul.callme li:last-child { max-width: 320px; width: 100%; float: none; margin: 0px auto; display: block; position: relative; }
#designation { position: relative; float: none; top: auto; left: auto; max-width: 450px; width: 90%; height: auto; margin: 0px auto 0px auto; }
#designation2 { position: relative; max-width: 320px; width: 90%; height: auto; overflow: visible; box-shadow: none; border-radius: 0px; background: none; margin: 0px auto 0px auto; }
.fbintro { float: none; position: absolute; top: 0px; margin: 0px auto 0px auto; background: rgba(255,255,255,0); max-width: 100%; padding: 0px; border-radius: none; border: none; text-align: center; }
.fb-page { float: none; top: 100px; right: auto; display: block; margin: 0px auto 0px auto; max-width: 100%; }
.pitcher { float: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
.post_content2 { color: #444; margin: 0px auto 0px auto; width: 95%; min-height: none; text-align: left; }
.plandetails { float: none; margin: 0px auto 0px auto; text-align: center; }
.plandetails a { padding: 2px 5px 2px 5px; margin: 10px auto 0px auto; display: block; background: #820024; color: #fff; text-transform: uppercase; border-radius: 10px; width: 200px; font-size: 14px; text-align: center; letter-spacing: -0.5; font-weight: 500; }
.plandetails a:hover { background: rgba(255,255,255,1); color: #820024; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.plandetails a:focus { background: rgba(255,255,255,1); color: #820024; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.parallax-window { background: transparent; height: 300px; padding-bottom: 200px; }
.ninja { margin: 0px auto 0px auto; text-align: center; width: 100%; }
.nameit { font-family: "Raleway", san-serif; color: #fff; font-size: 48px; text-transform: uppercase; text-shadow: 0px 0px 5px rgba(0,0,0,1); padding-top: 100px; line-height: 54px; }
.namethis { font-family: "Raleway", san-serif; color: #7e7e7e; font-size: 48px; text-transform: uppercase; text-align: center; padding-top: 25px; padding-bottom: 25px; }
.mappie { display: block; margin: 0px auto 0px auto; text-align: center; }
.mappie iframe { width: 95%; height: 300px; }
.clearme { margin: 25px auto 25px auto; height: auto; width: 90%; padding: 15px 10px 15px 10px; }
.blockmef, .blockmes { display: block; float: none; margin: 0px auto 0px auto; clear: both; width: auto; }
.blockmef { margin-right: auto; }
article.page .blockmef ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
.blockmes li:last-child { margin-bottom: 35px; }
.clearthis { width: 90%; margin: 25px auto 25px auto; padding: 15px 10px 15px 10px;clear: both; height: auto; }
.blockme, .blockit { display: block; float: none; margin: 0px auto 0px auto; clear: both; width: 100%; }
article.page .blockme ul, article.page .blockmes ul { line-height: 26px; list-style-type: none !important; padding: 0 0 0px 0px; }
article.page .blockit ul, article.entry .blockit ul, .blockit ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
.post_content h2 { line-height: 36px; }
.post_content h3 { line-height: 30px; letter-spacing: -1px; }
.page-id-41 .iframe { display: none; }
.formem { float: none; display: block; width: 90%; margin: 0px auto 15px auto; }
.category-2 .fb-page { float: none; top: auto; right: auto; display: block; margin: 0px auto 25px auto; width: 90%; max-width: 500px; }
.newsleft { width: 100%; display: block; padding-right: 0px; border-right: none; margin: 0px auto 0px auto; min-height: none; }
.newsright { width: 100%; float: none; display: block; padding-left: 0px; margin: 0px auto 0px auto; }
.newsie { float: none; margin: 0px auto 0px auto; width: 250px; }
.newsy { display: block; width: 100%; height: auto; margin: 0px auto 0px auto; clear: both; }
.newsy li, .newsy1 li { display: inline-block; height: auto; margin: 30px 0px 0px 50px; }
.newsy1 li:last-child { display: block; height: auto; margin: 30px auto 0px auto; }
.newsie .post-thumbnail { margin: 5px auto 15px auto; float: none; max-width: none; width: 230px; height: auto; }
.newsie .post-thumbnail img { width: 230px; height: auto; }
footer { min-height: none; }
.home footer { border-top: none; }
.foot li { margin: 0px auto 0px auto; display: block; float: none; width: 95%; }
.foot li.logo { width: 200px; margin: 7px auto 0px auto; }
.foot li.address { font-size: 16px; margin-right: auto; margin-top: 0px; width: 200px; }
.foot li.map { margin-top: 15px; margin-right: auto; width: 85px; }
span.mapme { width: 85px; }
.foot li.park { font-size: 11px; line-height: normal; margin-right: auto; text-align: center; margin-top: 13px; width: 90px; }
.foot li.lineup { margin-top: 12px; float: none; text-align: center; max-width: 195px; }
.foot li.lineup img { display: inline-block; float: none; margin: 0px 15px 0px 0px; }
.foot li.lineup img.relay { background: rgba(255,255,255,0.5); padding: 1px 5px 1px 5px; border-radius: 10px; margin: 15px auto 10px auto; float: none; }
.foot li.lineup a { color: #fff; }
.foot li.lineup p { text-align: center; color: #fff; font-size: 12px; line-height: 18px; clear: both; float: none; margin: 10px auto 0px auto; padding-bottom: 25px; }
.park { font-size: 10px; line-height: normal; margin-right: 0px; text-align: center; color: #fff; }
.park a { color: #fff; }
.calltag { position: absolute; z-index: 0; top: 20px; right: 50px; color: #fff; font-size: 18px; text-shadow: 0px 0px 7px rgba(0,0,0,0.7); }
.calltag h5 { font-family: "Dr Sugiyama", cursive; font-size: 48px; color: #fff; margin-top: 0px; margin-left: 0px; }
.slideme { padding-top: 150px; overflow: hidden; z-index: 0; height: 400px; }
ul.slide, ul.slide li, ul.slide li a, ul.slide li a img { height: 400px; }
.stay { padding: 35px 35px 25px 35px; }
ul.linie li:nth-child(1) { padding-left: 0px; }
ul.linie li:nth-child(1), ul.linie li:nth-child(2), ul.linie li:nth-child(3) { width: 100%; margin-bottom: 5px; text-align: center; }
.amenimids { margin: 0px auto 0px auto; }
ul.linie li:nth-child(2) { position: relative; top: -15px; }
ul.blockie { padding-top: 25px; margin: 0px auto 25px auto; }
ul.blockie li { width: 95%; text-align: center; }
ul.blockies li { width: 95%; margin-bottom: 50px; }
.itsasetup { flex-flow: wrap; }
.itsasetup div { width: 95%; text-align: center; margin: 0px auto 25px auto; }
.itsasetup p { line-height: 24px !important; }
.homestrip { max-width: 800px; margin: 0px auto; }
.home .shadow_top .container { background: none; width: 95%; }
ul.blurbiness { display: block; margin-top: 25px; }
ul.blurbiness li { width: 80%; max-width: 800px; margin: 0px auto 25px auto; }
ul.blurbiness li:last-child { margin-right: auto; }
.entrify .entry { width: 95%; margin: 0px auto 5px auto; padding: 5px 0px 10px 0px; border-bottom: solid 1px #eee; }
.entry .post-thumbnail { margin: 5px 15px 0px 5px; float: left; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); max-width: 55px; }
a.learn-more, .comment-reply-link, .form-submit input { float: none; padding: 3px 5px; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; font-size: 12px; line-height: normal; }
ul.linie2 li { width: 95%; margin: 0px auto 15px auto; }
article.page ul.linie3 li { width: 48%; }
.marginwise { margin: 0px auto 25px auto; float: none; right: auto; width: 95%; }
ul.iconic3 li { width: 225px; height: 315px; margin: 0px auto 75px auto; text-align: center; overflow: hidden; }
ul.iconic3 li:first-child, ul.iconic3 li:nth-child(4) { margin-left: auto; }
}
@media only screen and ( max-width: 925px ) {
.page-id-126 .pitcher { float: none; margin: 0px auto 25px auto; max-width: 90%; }
.home .arrow { display: none; }
.itsasetupsee iframe { width: 80%; }
}
@media only screen and ( max-width: 905px ) {
div.buttonie2 { max-width: 280px; }
a.bestbutton3 { width: 250px; margin: 0px auto 15px auto; }
div.buttonie { max-width: 290px; }
a.bestbutton { width: 250px; margin: 0px auto 15px auto; }
}
@media only screen and ( max-width: 800px ) {
.single .post-thumbnail img { height: 200px; }
.single .namethis { font-size: 24px; line-height: 36px; padding-top: 20px; padding-bottom: 5px; }
}
@media only screen and ( max-width: 768px ) {
article.page ul.linie3 li { width: 100%; text-align: center; }
.home .arrow, .page-id-1571 .arrow, .page-template-page-arrow .arrow, .arrow { display: none; }
a.minime { display: block; float: none; max-width: 350px; height: auto; margin: 10px auto 10px auto; }
#main-header { background: transparent; width: 100%; position: relative; z-index: 9999; border-bottom: none; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0px; }
.home #main-header .heading { background: #37708f; }
.ninja { width: 97%; height: auto; overflow: visible; position: relative; top: auto; margin: 0px auto 0px auto; }
.nameit { font-size: 36px; margin: 0px auto 0px auto; width: 97%; padding-top: 10%; padding-bottom: 0px; line-height: 40px; }
#spitsh .nameit { font-size: 28px; margin-bottom: 0px; text-transform: uppercase; padding-top: 10%; line-height: 30px;}
.namethis { font-family: "Raleway", san-serif; color: #7e7e7e; font-size: 36px; padding-bottom: 25px; text-transform: uppercase; width: 100%; padding-top: 25px; }
.stay { margin-top: -35px; }
.eventside { float: none; margin-left: auto; width: 265px; height: auto; overflow: visible; }
.newsy li, .newsy1 li { float: none; display: block; height: auto; margin: 30px auto 0px auto; }
.category-2 .fb-page { float: none; top: auto; right: auto; display: block; margin: 0px auto 25px auto; width: 90%; max-width: 300px; }
#call { display: none; }
.calltag2 { display: block; position: relative; color: #000; font-size: 16px; margin: 0px auto 0px auto; background: rgba(0,0,0,0.1); border-radius: 20px; padding: 20px 10px 20px 10px; width: 270px; margin-bottom: 25px; }
.calltag2 h5 { font-family: "Dr Sugiyama", cursive; font-size: 40px; text-align: center; }
article.page ul.listit, article.page ul.listthat, ul.listit, ul.listthat { display: block; margin: 0px auto 0px auto; border-bottom: none; padding: 0px 0px 0px 0px; float: none; width: 90%; }
article.page ul.listme { display: block; margin: 0px auto 15px auto; border-bottom: none; padding: 0px 0px 0px 0px; float: none; width: 90%; }
}
@media only screen and ( max-width: 715px ) {
.whipit { width: 400px; height: auto; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.boxie { float: none; display: block; margin: 0px auto 25px auto; max-width: none; border: solid 3px #fff; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.5); padding: 10px 10px 0px 10px; font-size: 14px; }
.post_content .boxie h3 { font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; }
.itsasetup, .itsasetupsee { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.itsasetup iframe { width: 100%; height: 300px; margin-bottom: 25px; }
.itsasetupsee iframe { width: 100%; height: 300px; margin-bottom: 25px; }
}
@media only screen and ( max-width: 625px ) {
.slideme { padding-top: 175px; overflow: hidden; z-index: 0; height: 300px; }
ul.slide, ul.slide li, ul.slide li a, ul.slide li a img { height: 300px; }
ul.iconic2 { margin: 0px auto 25px auto; padding: 0px 0px 0px 0px; list-style: none; width: 100%; float: none; display: flex; justify-content: center; align-items: flex-start; flex-flow: row wrap; }
ul.iconic2 li { width: 290px; height: 250px; margin: 0px auto 15px auto; text-align: center; overflow: hidden; }
ul.iconic2 li:first-child { margin-left: auto; }
ul.iconic2 li div h2 { color: #666; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 200px 0px 0px 0px; line-height: normal; background: #fff; width: 100%; -webkit-transition: 0.75s ease-in-out; z-index: 9977;
-moz-transition: 0.75s ease-in-out;
-o-transition: 0.75s ease-in-out;
transition: 0.75s ease-in-out; }
ul.iconic2 li div.topsies { margin: 75px 0px 0px 0px; }
ul.iconic2 li p { color: #666; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; margin: 25px 0px 0px 0px; }
ul.iconic2 li div.apartment { display: block; padding-top: 50px; height: 200px; background-size: 200px !important; }
ul.iconic2 li:last-child div.apartment { display: block; padding-top: 90px; height: 110px; background-size: 250px !important; }
#stage2 { width: 290px; height: 250px; position: relative; display: block; top: 0px; }
/* BOX ANIMATIONS */
#box3 {
bottom: -250px;
width: 290px;
height: 250px;
padding-top: 50px;
}
#box4 {
width: 290px;
height: 250px;
}
#box3:hover {
width: 290px;
height: 250px;
}
#box4:hover + #box3 {
width: 290px;
height: 250px;
}
/* END BOX ANIMATIONS */
}
@media only screen and ( max-width: 600px ) {
.single .namethis { text-align: center; }
.single article { padding-top: 25px; }
.single .post-thumbnail img { height: 150px; }
.targetTop { margin: 5px 0px auto!important; position; absolute; left: 0px; width: 100%; }
}
@media only screen and ( max-width: 535px ) {
.page-id-64 .post-thumbnail { display: block; float: none; margin: 0px auto 25px auto; max-width: 90%; }
.page-id-1647 .post-thumbnail { display: block; float: none; margin: 0px auto 25px auto; max-width: 90%; }
.boxup, .boxup1, .boxup2, .boxup3 { background: rgba(0,96,137,1); color: #fff; padding-bottom: 0px; clear: both; width: 100%; margin: 0px auto 0px auto; }
ul.fixish li { flex-flow: row wrap; }
ul.fixish li div { width: 90%; padding-left: 20px; }
.nameit { font-size: 36px; margin: 0px auto 0px auto; width: 97%; padding-top: 22%; padding-bottom: 0px; line-height: 40px; }
}
@media only screen and ( max-width: 450px ) {
.slideme { padding-top: 180px; overflow: hidden; z-index: 0; height: 200px; }
ul.slide, ul.slide li, ul.slide li a, ul.slide li a img { height: 200px; }
.alignleftsie { margin: 0px auto 10px auto; float: none; border: none; box-shadow: none; max-width: 140px; display: block; }
img.wp-image-2811, .post-1647 .post_content img { display: none; }
#post-23 .post-thumbnail { float: none; display: block; margin: 15px auto 25px auto; max-width: 80%; width: 80%; height: auto; }
body .accessability_container { top: 80px; }
}
@media only screen and ( max-width: 435px ) {
.flexie > div.intro { align-items: flex-start; height: 200px; overflow: hidden; }
.page-id-1571 .shadow_top, .home .shadow_top, .page-template-page-arrow .shadow_top { background: url("images/bg_topshadow.png") top repeat-x; width: 100%; padding-top: 35px; padding-bottom: 50px; margin-bottom: 0px; }
#post-1520 .post-thumbnail { max-width: 33%; height: auto; }
.pitcher { max-width: none; text-align: center; }
.pitcher img { margin-left: auto; margin-right: auto; }
.shadow_top .container { width: 90%; }
.stay { padding: 10px 10px 10px 10px; }
.page-id-37 .stay { padding: 35px 0px 25px 0px; }
}
@media only screen and ( max-width: 405px ) {
.page-id-64 .nameit { padding-top: 35px; }
}