/* set any default styles for all elements */ * { } /* element style properties */ body, html { height: 100%; } body { font-size:1.5em; line-height:1.5em; font-family: 'McLaren', serif; margin: 0px; } a img { border: 0 none; } img { border: 0 none; } /* img { behavior: url("/_includes/images/pngbehavior.htc"); } */ a, a:visited, a:active, a:link { text-decoration: none; color:#d61820;} a:hover { text-decoration: none; color:#39B54A;} input, textarea { } form { margin: 0; } form input, form select, form option, form textarea, form img { z-index: 2000; position: relative; } p {font-family: 'McLaren', serif; color:#09210d; } h1 {font-family: 'McLaren', cursive; margin-top:0; font-size:2em; line-height:1.8em;} h2 {font-family: 'McLaren', cursive; margin-top:0; color:#cd1720; font-size:1.8em; line-height:1.4em;} h3 {font-family: 'McLaren', cursive; margin-top:0; color:#39B549; font-size:1.6em; line-height:1.3em;} h4 {font-family: 'McLaren', cursive; margin-top:0; color:#9E151F; font-size:1.4em; line-height:1.2em; } h5 {font-family: 'McLaren', cursive; margin-top:0; font-size:1.2em; line-height:1em;} h6 { } ul { } li { } div canvas {position: absolute; top:0; left:0; right:0; bottom:0;} img {max-width: 100%;} dl {font-size:1.3em;} hr { } address {color:#195222;} .phone {color:#d61820;} .caret {display:none;} /* use this to force a clean break after floating elements */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .btn-default {background:#D71921; color:#fff;} .btn-default:hover {background:#39B54A; color:#fff;} a.btn-default {color:#fff;} .formTable { width: auto; margin: 0 15px; } .formTable td { vertical-align:top; padding: 5px 10px 5px 0; } .formLabel { color: #003366; text-align: right; font-weight: bold; } .formLongLabel { color: #003366; text-align: left; font-weight: bold; } .formInput { font-size: small; } .formInput textarea { width: 100%; } .formErrors { /*border: 4px solid #990000; background: #FF6666; color: #FFFFFF; margin: 0 0 10px 0;*/ padding:10px; text-transform:uppercase;} .formErrors h4, .formErrors p { /*margin: 0 0 10px 0;*/ font-size: 1.3em; text-align: center; color:#D71921 !important;} .errorBox ul {display:none;} .formButtons { text-align: center; } .formButton { color: #003366; font-weight: bold; } .form-horizontal .form-group {margin:0 0 15px;} .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {margin-bottom:5px;} #recaptcha_widget_div .recaptchatable, #recaptcha_widget_div #recaptcha_area tr, #recaptcha_widget_div #recaptcha_area td, #recaptcha_widget_div #recaptcha_area th {margin-left: auto !important; margin-right: auto !important;} div.formFieldError {float:left; width:100%; font-size:1.2em; line-height:1.3em; color:#fff; text-transform:uppercase;; font-weight:bold; margin-top:5px; margin-bottom:10px; background:#D71921; border-radius:5px; padding:10px; text-align:center; background-size:40px 40px; background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))} .recaptchatable a, .recaptchatable a:hover {color:#B94A48 !important;} .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {color: #d71921;} /* Preview warning box generated in V2 framework */ .C4PreviewAlert { border: 2px solid #006600; padding: 5px; background: #009900; color: #FFFFFF; text-align: center; margin: 20px; } .C4PreviewAlert p { font-weight: bold; } #menuCancel { background-color: rgba(0,0,0,.6); position: absolute; width: 100%; height: 100%; z-index: 999000; display: none; } .container {width:100%; padding:0; height:100%;} .Home.Page .wrapper {height:100%; margin:0 auto -60px; min-height:100%;} .wrapper {height:auto; margin:0 auto -60px; min-height:100%; background:url(/_includes/images/skins/inside/inside-bkgd-repeat.jpg) repeat;} #header-wide {width:95%; position:relative; min-height:220px; margin:0 auto;} #content-wide { width:85%; height:84%; margin:-15px auto 0; /*z-index:10000;*/ position:relative;} .Home.Page #content-wide {width:100%; border-bottom: 0; height: 85%;} #footer-wide {background:url(/_includes/images/skins/footer/footer-bkgd.jpg) no-repeat center top; background-size:cover; width:100%; margin:0; padding:15px 0 15px 0; /*z-index:10000;*/ position:relative; float:left; box-shadow:0px 0px 13px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.5);} /* header */ .Home.Page #header_top_wrapper {/*position:absolute;*/} #header_top_wrapper {background:url(/_includes/images/skins/header/header-bkgd.jpg) no-repeat center top; background-size:cover; width:100%; position: relative; z-index: 100; padding-bottom:0px; height:auto; min-height:169px;} #logo {transform:rotate(-2deg); -ms-transform:rotate(-2deg); /* IE 9 */ -webkit-transform:rotate(-2deg); /* Opera, Chrome, and Safari */ width:35%; float:left; padding-left:20px; padding-bottom:15px;} #logo img {height:100%; max-width:500px; width:100%; z-index: 10; position:relative; min-width:300px; min-height: 70px;} #header_button_wrapper {width:65%; float:left; margin-top:1%;} #header_button_wrapper .btn-lg {font-size:1.5em;} .icon-graphic {position: relative; display:table; height: 100%;} .button_text {/*margin-left: 15%;*/} #directions_btn_wrapper {float:right; display:table; width:33%;} #directions_btn {/*float:right; width:33%;*/ padding:0 10px 0 0; position: relative; display:table-cell; vertical-align: middle; width:100%;} #directions_btn_icon {position: relative; z-index: 50; width:90px;} #directions_btn .btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.52); -moz-box-shadow: 0 0 5px rgba(0,1,1,.52); box-shadow: 0 0 5px rgba(0,1,1,.52); border: solid 2px #8bc53e; background-image: -webkit-linear-gradient(bottom, rgba(139,197,62,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 50%, rgba(255,255,255,.31) 90%, rgba(139,197,62,.31)); background-image: -moz-linear-gradient(bottom, rgba(139,197,62,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 50%, rgba(255,255,255,.31) 90%, rgba(139,197,62,.31)); background-image: -o-linear-gradient(bottom, rgba(139,197,62,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 50%, rgba(255,255,255,.31) 90%, rgba(139,197,62,.31)); background-image: linear-gradient(to top, rgba(139,197,62,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 50%, rgba(255,255,255,.31) 90%, rgba(139,197,62,.31));} #directions_btn .btn-default {color:#8bc53e;} #directions_btn .btn:hover {background:#8CC63F; color:#fff; border-color:#fff;} #call_btn_wrapper {float:right; display:table; width:33%;} #call_btn {/*float:right; width:33%;*/ padding:0 10px 0 0; position: relative; display:table-cell; vertical-align: middle; width:100%;} #call_btn_icon {position: relative; z-index: 50; width:90px;} #call_btn .btn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.52); -moz-box-shadow: 0 0 5px rgba(0,1,1,.52); box-shadow: 0 0 5px rgba(0,1,1,.52); border: solid 2px #d61820; background-image: -webkit-linear-gradient(bottom, rgba(214,24,32,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(214,24,32,.31)); background-image: -moz-linear-gradient(bottom, rgba(214,24,32,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(214,24,32,.31)); background-image: -o-linear-gradient(bottom, rgba(214,24,32,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(214,24,32,.31)); background-image: linear-gradient(to top, rgba(214,24,32,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(214,24,32,.31));} #call_btn .btn-default {color:#d61820;} #call_btn .btn:hover {background:#D71921; color:#fff; border-color:#fff;} #buy_tickets_btn_wrapper {float:right; display:table; width:31%;} #buy_tickets_btn {/*float:right; width:33%; */padding:0 10px 0 0; position: relative; display:table-cell; vertical-align: middle; width:100%;} #buy_tickets_btn_icon {position: relative; z-index: 50; width:90px;} #buy_tickets_btn .btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.52); -moz-box-shadow: 0 0 5px rgba(0,1,1,.52); box-shadow: 0 0 5px rgba(0,1,1,.52); border: solid 2px #39b549; background-image: -webkit-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: -moz-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: -o-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: linear-gradient(to top, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31));} #buy_tickets_btn .btn-default {color:#39b549;} #buy_tickets_btn .btn:hover {background:#39B54A; color:#fff; border-color:#fff;} #directions_btn a.btn, #call_btn a.btn, #buy_tickets_btn a.btn {width: 120%; position: relative; z-index:10; float:right;} #body_content {padding-bottom:20px; clear:both; position: relative; z-index:0; background:url(/_includes/images/skins/inside/inside-bkgd-repeat.jpg) repeat; margin-top:-15px; padding-top:55px;} #body_content_units {clear:both; position: relative; background:url(/_includes/images/skins/inside/inside-bkgd-repeat.jpg) repeat; margin-top:-15px; padding-top:55px;} #content-wide {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: 0 0 0 8px #1f7927; -moz-box-shadow: 0 0 0 8px #1f7927; box-shadow: 0 0 0 8px #1f7927; border: solid 4px #39b549;} #content-wide.home {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: none; border-right:none; border-top: solid 4px #39b549;} #inside_content_body_wrapper { padding:15px; } #inside_content_body_wrapper form { margin: 10px 0; } #page-content {padding:0 15px 15px;} #navigation {clear:none; margin:0 auto; width:98%; display:table;} #navigation_wrapper {width:100%; margin:0 auto; z-index:1000; clear:both; position: relative; background:url(/_includes/images/skins/nav/nav-green-bkgd-rpt.jpg) repeat-x; background-position: 5px;} .navbar {margin-bottom:0px; border:0;} /* home top wrapper */ #social_media_wrapper {position:fixed; left:0; z-index: 10; width:75px; top:300px;} #social_media_wrapper #facebook {padding-bottom: 20px;} #social_media_wrapper #tripadvisor {padding-bottom: 20px;} #social_media_wrapper #appicon {padding-bottom: 20px;} #social_media_wrapper img {box-shadow:0px 0px 5px rgba(0,0,0,.5); width:100%; height:100%;} #content-wide.home {/*margin-top:-55px;*/} /*#home_image_rotator {width:auto; height:auto; margin:0 auto; text-align:center; padding-top:20px; position:relative; }*/ /*#home_rotator {width:auto; height:auto; position:relative; overflow: hidden;} #home_rotator img {height:100%; min-width:100%; width:100%; overflow:hidden;}*/ .fill{width:100%;height:100%;background-position:center;background-size:cover;} .carousel,.item,.active{height:100%;} .c4RotatorImage {position: relative; padding:0;} .c4RotatorFading {position:relative; padding:0; width:100%; height:100%;} .c4RotatorImageCaption {position:absolute; color:#fff; width:100%; height:auto; min-height:25%; overflow:hidden; bottom:0; text-align:center; margin:0 auto; background:rgba(0,0,0,.75);} .c4RotatorImageCaption > :first-child {padding-top:15px; } .carousel-inner {width:100%; height:100%;} #home_rotator img {min-width: 1000px;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {/*width: auto !important;*/} .carousel-indicators {bottom:10px;} .carousel-caption {text-shadow:none; padding:20px 20px 30px; bottom:25%; text-align:center; margin:0 auto; background:rgba(255,255,255,.7); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .carousel-control:hover, .carousel-control:focus {color:#D71921;} /* nav overrides */ #nav_container {position:relative; display: inline-block; width:100%; margin-top:-15px;} #navigation_left_graphic {position: absolute; z-index:1; top:25px;} #navigation_right_graphic {position: absolute; z-index:1; right:0; top:25px;} .navigation {height:50px; text-align:center;} .nav > li > a {-webkit-box-shadow: 0 0 7px rgba(0,1,1,.52); -moz-box-shadow: 0 0 7px rgba(0,1,1,.52); box-shadow: 0 0 7px rgba(0,1,1,.52); white-space: pre; font-size:200%; border:2px solid #fff; color:#fff; padding:25px 10px; /*color:#fff;*/ background: url(/_includes/images/skins/nav/nav-red-bkgd-rpt.png) repeat-x; } .nav > li > a:hover, .nav > li > a:focus {border-color:#FFf !important; color:#D71921; background: url(/_includes/images/skins/nav/nav-red-hover-bkgd-rpt.png) repeat-x;} .dropdown-menu {min-width: 140px;} .dropdown-menu > li > a {font-size:150%;} .nav-justified > li {padding:0 5px;} .dropdown-menu ul > li > a { clear:both; color:#666; font-size: 1.5em; display:block; font-weight: 400; line-height: 1.42857; padding:3px 20px; white-space: nowrap;} .dropdown-menu ul > li {list-style-type: none; } .dropdown-menu ul {padding-left: 0px; border-top:3px solid #fff; border-bottom:0px; text-indent:10px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13) inset; -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13) inset; -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13) inset; border-left:3px solid #fff; border-right:3px solid #fff;} .dropdown-menu {margin:-2px 0 0 7px; border-radius: 0 0 7px 7px; z-index: -1;} .dropdown-menu ul > li > a:hover {background:#f5f5f5; color:#262626;} .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color:#D71921;} .nav-pills > li.active > a {color:#39B54A; background: url(/_includes/images/skins/nav/nav-red-hover-bkgd-rpt.png) repeat-x;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background:#39B54A; color:#fff; box-shadow: 0px 0px 13px #1F7A27 inset;} .dropdown-menu ul > li > a:hover {background:#8CC63F; color:#fff; box-shadow: 0px 0px 13px #6C9925 inset;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color:#fff;} /*.nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background: none; color:#FDB913;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background: none; color: #fdb913;} */ /*.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color:#006789;}*/ /*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#E49222;} .nav .caret {border-bottom-color:#fff; border-top-color:#fff;} .dropdown-menu {background:#FFE04E;} */ #mobile-header {display: none;} #mobile-header-right {display:none;} /* jumbotron */ .jumbotron {width:100%; float:left;} /* calendar */ .landing-links {float:left; margin:0 auto; text-align:center; width:100%;} /* wrap any youtube video and make it responsive */ .unit_video {clear:both; position: relative; margin-left:25px; margin-bottom: 25px; float:right; padding-top: 0px; height: 50%; width:50%; z-index:1;} .mapWrapper {float:right; padding:0 0 25px 25px; width:50%; height:auto; /*clear:both; position: relative; margin-left:25px; margin-bottom:25px; /*padding-bottom: 56.25%;*/ /* 16:9 */ /*float:right; padding-top: 0px; height: 50%; margin-bottom:25px; width:50%;*/} .mapWrapper iframe {/*position: absolute; top: 0; left: 0;*/ width: 99%; height: 550px; border: 1px solid #39b549 !important;} #map-canvas {border-radius: 15px; border: 1px solid #39b549 !important;} /*units*/ .Shows #unit_content, .Water.Park #unit_content {width:33.3%;} .Shows #unit_content:nth-child(4n+1), .Water.Park #unit_content:nth-child(4n+1) {clear:none;} .Shows #unit_content:nth-child(3n+1), .Water.Park #unit_content:nth-child(3n+1) {clear:both;} #unit_content {width:25%; float:left; margin:0px; padding:10px; } #unit_content:nth-child(4n+1) {clear:both;} #unit_content .unit-thumbnail-display { text-align: center; border:3px solid #1F7927; background:url(/_includes/images/skins/nav/nav-green-sidr-bkgd-rpt.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; box-shadow:0 0 3px 3px rgba(0,0,0,.25);} #unit_content .unit-thumbnail-display img { width:100%; border-radius: 15px 15px 0 0; border-bottom:3px solid #1F7927;} #unit_content .unit_name {padding:10px; margin-bottom:0px;} #unit_content .unit_name a {color:#fff;} #unit_content .unit_name a:hover {color:#185022;} #back_to_all_attractions {text-align: center;} /* image gallery */ #links div.thumbnail_image { /*overflow:hidden; float:left; width:16.6%;*/ display: none;} #links div.thumbnail_image img {width:100%;} .blueimp-gallery {background:#fff !important; /*border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;*/} .blueimp-gallery > .prev, .blueimp-gallery > .next {font-size: 2.5em;} .blueimp-gallery > .close {font-weight:100;} .blueimp-gallery-controls > .indicator {margin:0 30px !important;} .blueimp-gallery > .indicator > li {width:50px !important; height:50px !important; border-radius: 25px !important; background-size:55px auto !important; background-position: -3px -3px !important;} .blueimp-gallery > .prev, .blueimp-gallery > .next {border:none !important; background:none !important;} /* parkmap */ #content-wide.map .parkmap {padding:25px; text-align: left; margin:0 auto 15px; float:left; border:1px solid #39B549; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;} .parkmap img {max-width:none;} .modal-open .parkmap {margin-left:0px;} .parkmap_bottom_wrapper {margin-top:15px;} img.map_thm {max-width: 150px; float:left; margin:0 15px 15px 0; border-radius:10px;} .parkmap h2.unit-title {border-bottom:1px solid #ccc; padding-bottom: 5px; text-align:center;} .modal {z-index:11000;} .modal-header h1 {line-height: 1.4em;} .modal-backdrop {z-index:2000; background:rgba(0,0,0,.75);} /*.modal-header {text-align: center; border-bottom:3px solid #5FB45A; background: #8FCA00;} .modal-content {background:#C7E480;} .modal-footer {border-top:3px solid #5FB45A; background:#8FCA00;}*/ .modal-dialog {width:80%;} .parkmap h4 a {font-size:1em; font-weight:normal; color:#39B549; } .parkmap h4 {text-align: center;} /*lodging map*/ .lodging_map {padding:25px; margin:0 auto 15px; border:1px solid #39B549; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;} .thumbnail { height: 250px; margin-left:10px;} #map_canvas .thumbnail {height: 100px;} .map_listing_group { border: 1px solid #39B549; margin: 1% 0; padding: 10px; } h2#map_listing_group {margin-top:15px; } #map_buttons { margin: 0; padding: 0; } #map_buttons div {background:#D61820; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; list-style: none; margin: .5%; padding: 5px; /*width: calc(93% / 7); */ /*border: 1px solid #39B549;*/ float: left; text-align: center; } #map_buttons div a {color:#fff; } #map_buttons div:hover {background:#39b549;} .flexcontainer { display: -webkit-flex; display: flex; -webkit-flex-direction: row /* works with row or column */ flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .gm-style-iw h1 {font-size:1.7em;} .gm-style-iw h2 {font-size:1.4em;} .gm-style-iw h3 {font-size: 1.1em;} #map_listings { clear: both; } .lodging_map img {max-width: 500%;} .penguinPartner { background-color: #E2EFE3; } .penguinPartner .penguin_partner_image { position:absolute; right:20px; top:10px; margin-right: 0px; width: 13%; padding:0px; /*background:rgba(255,255,255,.75); border:4px solid #fff; border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -webkit-border-radius:0 0 0 4px;*/ } .penguin_partner_image img {padding:0px;} .penguin { animation: penguin 5s infinite; /* CSS3 */ -moz-animation: penguin 5s infinite; /* Firefox */ -webkit-animation: penguin 5s infinite; /* Webkit */ } @keyframes penguin { /* CSS3 */ 0% { transform: rotate(-5deg);} 30% { transform: rotate(0deg);} 60% { transform: rotate(0deg);} 100% { transform: rotate(-5deg);} } @-moz-keyframes penguin { /* Firefox */ 0% { transform: rotate(-5deg);} 30% { transform: rotate(0deg);} 60% { transform: rotate(0deg);} 100% { transform: rotate(-5deg);} } @-webkit-keyframes penguin { /* Webkit */ 0% { transform: rotate(-5deg);} 30% { transform: rotate(0deg);} 60% { transform: rotate(0deg);} 100% { transform: rotate(-5deg);} } .penguin_partner_image p {border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center; font-weight: normal; color:#9E151F; background:rgba(255,255,255,1); margin:0 !important; padding:5px; border-radius:10px 0 0 10px;} .penguinPartner, .standardPartner { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border: 1px solid #39B549; padding: 10px; margin: 1% 0; float:left; width:100%;} .penguinPartner p, .standardPartner p { margin: 1px 0; } #map_listings h3 {margin-bottom: 0;} .penguinPartner p.description, .standardPartner p.description {margin-top:15px;} /* footer */ #push, #footer {height:60px;} #push {background:url(/_includes/images/skins/inside/inside-bkgd-repeat.jpg) repeat;} #footer a {color:#D71921;} #footer a:hover {color:#39B54A;} #footer.container {width:95%;} #footer_navigation {width:20%; float:right; text-align: right; margin-right:85px;} div.copyright {width:70%; float:left; font-size: 1.3em; display:table;} #copyright_text {display:table-cell; vertical-align: middle; padding-left:15px; width: 80%;} @media (max-width: 1200px) { #copyright_text {width: 70%;} } #footer_copyright_area {text-align: left;} #footer_copyright_area a {} #footer_copyright_area a:hover {} .link-logos {float: left; margin-right: 10px;} @media (max-width:992px) { .link-logos {float: none;} } #footer #wma_logo {background:url(/_includes/images/skins/logos/white_mountains_attractions_logo.svg) no-repeat; background-size:74px 60px; background-position: center top; float:left; width:74px; height:60px;} #footer #nhg_logo {background:url(/_includes/images/skins/logos/new-hampshire-grand-logo.png) no-repeat; background-size:61px 60px; background-position: center top; float:left; width:61px; height:60px;} #footer_navigation ul {text-align:right; padding-top:0px; padding-left:0;} #footer_navigation ul li {display:inline; font-size:1.3em; white-space: nowrap;} #footer_navigation ul li a {} #footer_navigation ul li a:hover {} #created_by_wdd {text-align:right; float:right; padding-top:0px; padding-bottom:10px; clear:both; font-size:.8em; padding-right: 10px;} #created_by_wdd a {color:#9f9f9f;} /* back to top button */ .back-to-top {border-radius: 10px 0 0 10px; z-index:5000; position: fixed; bottom: 5em; right: 0px; text-decoration: none; color: #fff; background-color: rgba(57, 181, 74, 0.75); font-size: 12px; padding: 1em; display: none;} a.back-to-top {color:#fff;} .back-to-top:hover {background-color: rgba(215, 25, 33, 0.75); color:#fff;} /* inner page */ #page_header {background-position: center center; background-repeat: no-repeat; width:100%; height:250px; background-size:cover; } .page_name {background: url(/_includes/images/skins/inside/inside-hdr-bkgd.jpg) no-repeat center top; background-size: cover; display:table; width:100%; margin-bottom: 25px; -webkit-border-radius: 10px 10px 500px 500px/10px 10px 10px 10px; -moz-border-radius: 10px 10px 500px 500px/10px 10px 10px 10px; border-radius: 10px 10px 500px 500px/10px 10px 10px 10px;} .page_name h1 {font-size:4em; line-height:1.3em; vertical-align: middle; display: table-cell; padding-bottom: 10px; color:#FFf; text-align: center; margin-bottom: 0; padding-left:15px; padding-right: 15px;} .float_button {float:right; padding:0 0 15px 15px; text-align: right;} .float_photo {float:right; padding:0 0 15px 15px; border-radius:10px; } .float_photo img { border-radius:10px; width:100%;} h3.division {cursor: pointer;} .divisionPositions {overflow:hidden;} .panel {/*padding:15px; background-color:rgba(255, 255, 255, 0.5);*/ display:flex; -ms-display:flex; flex-direction:column; -ms-flex-direction:column; border-color:#39b549; border-radius: 15px;} .panel-heading {border-top-left-radius:15px; border-top-right-radius: 15px;} .panel-default > .panel-heading {background:#f2faf3; color:#39B549; border-color:#39B549;} h3.panel-title {font-size:1.4em;} .panel-body, .panel-body p { line-height: 1.8em;} .well {background-color:rgba(255,255,255,.5); border-color:#5FB45A; border-radius: 15px;} .panel.top {} .gsc-selected-option-container {min-width: 65px !important;} /*photo gallery*/ /*#gallery {width:50%;}*/ /* contact form page */ #contact_us_text {width:50%; float:left;} .form #ContactUs {width:50%; float:left; border-left:3px solid #5FB45A; padding-left:10px;} legend {color:#005099;} .form_panel {width:50%; float:left;} /* calendar overrides */ /*#calendar_all_months .calendar table {width:25%; float:left; padding-left:15px; padding-right: 15px;}*/ /*google translate*/ #footer_translation {margin-top:10px;} /*Savings Tree*/ .giftTree {} #present_wrapper {position:relative; background:url(/_includes/images/misc/savings_tree/tree.png) no-repeat; width: 463px; height: 500px; float:left;} #present_wrapper div { height: 100px; } #present_wrapper p {font-weight:bold;margin-top:2px; z-index: 20; margin-top: 6px; width:100px; text-align: center;} .present {background:url(/_includes/images/misc/savings_tree/present.png) 20px 12px no-repeat;width:81px;height:94px; } .drift_1 {height:31px !important;width:87px;position:absolute;margin-top:-56px;background:url(/_includes/images/misc/savings_tree/drift_1.png) no-repeat;z-index:10;} .drift_2 {height:31px !important;width:109px;position:absolute;margin-top:-56px;background:url(/_includes/images/misc/savings_tree/drift_2.png) no-repeat;z-index:10;} #present_1_wrapper {position:absolute;left:15px;top:129px; cursor: pointer;} #present_2_wrapper {position:absolute;left:45px;top:252px; cursor: pointer;} #present_3_wrapper {position:absolute;left:-3px;top:372px; cursor: pointer;} #present_4_wrapper {position:absolute;left:137px;top:324px; cursor: pointer;} #present_5_wrapper {position:absolute;left:257px;top:296px; cursor: pointer;} #present_6_wrapper {position:absolute;left:387px;top:329px; cursor: pointer;} #present_7_wrapper {position:absolute;left:461px;top:231px; cursor: pointer;} #present_8_wrapper {position:absolute;left:409px;top:113px; cursor: pointer;} /* media queries */ @media screen and (-webkit-device-pixel-ratio: 2) { #logo img {width:538px; height:126px;} #social_media_wrapper_sm img {width:300px; height:300px;} } @media only screen and (max-width: 1600px) { /*nav & header*/ #directions_btn a.btn, #call_btn a.btn, #buy_tickets_btn a.btn {width:110%;} /*lodging*/ .thumbnail { height: 225px;} } @media only screen and (max-width: 1500px) { /*lodging*/ .thumbnail { height: 200px;} } @media only screen and (max-width: 1400px) { /*nav & header*/ .nav > li > a {font-size:180%;} #logo {margin-top:15px;} #header_button_wrapper {margin-top:2%;} #directions_btn_icon {width:80px;} #call_btn_icon {width:80px;} #buy_tickets_btn_icon {width:80px;} /*units*/ #unit_content {width:33.3%;} #unit_content:nth-child(4n+1) {clear:none;} #unit_content:nth-child(3n+1) {clear:both;} .Shows #unit_content:nth-child(3n+1), .Water.Park #unit_content:nth-child(3n+1) {clear:both;} /*lodging*/ .thumbnail { height: 150px;} } @media only screen and (max-width: 1350px) { } @media only screen and (max-width: 1300px) { /*nav & header*/ #buy_tickets_btn_wrapper, #call_btn_wrapper, #directions_btn_wrapper {width:31%;} #header_button_wrapper .btn-lg {font-size: 1.4em;} /*calendar*/ #calendar_all_months .calendarMonth {width:33%; float:left; padding-left:15px; padding-right: 15px;} } @media only screen and (max-width: 1280px) { /*lodging*/ .penguinPartner .penguin_partner_image {width:15%;} .penguin_partner_image p {font-size: .8em;} } @media only screen and (max-width: 1250px) { /*nav & header*/ #buy_tickets_btn_wrapper, #call_btn_wrapper, #directions_btn_wrapper {width:29%;} #logo {margin-top:20px;} .nav > li > a {font-size:169%;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon {width:85%;} #directions_btn a.btn, #call_btn a.btn, #buy_tickets_btn a.btn {width: 110%; padding: 10px;} #header_button_wrapper .btn-lg {font-size: 1.35em;} #nav_container {margin-top:-25px;} #navigation_right_graphic, #navigation_left_graphic {top:15px;} #directions_btn_icon {width:70px;} #call_btn_icon {width:70px;} #buy_tickets_btn_icon {width:70px;} /*social media*/ #social_media_wrapper {top:270px;} } @media only screen and (max-width: 1200px) { /*nav & header*/ .dropdown-menu ul > li > a { font-size: 1.3em; } .dropdown-menu > li > a {font-size:125%;} #nav_container {margin-top:-35px;} #header_button_wrapper .btn-lg {font-size: 1.3em;} /*social media*/ #social_media_wrapper {width:60px;} /*footer*/ #footer_navigation ul li {font-size:1.2em;} div.copyright {font-size: 1.2em;} } @media only screen and (max-width: 1185px) { /*nav & header*/ .nav > li > a {font-size: 155%;} #header_button_wrapper .btn-lg {font-size: 1em;} } @media only screen and (max-width: 1100px) { /*nav & header*/ #directions_btn a.btn, #call_btn a.btn, #buy_tickets_btn a.btn {width:115%; padding: 10px 5px;} .nav > li > a {font-size: 140%;} .button_text {margin-right: -15px;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon {width:80%;} #directions_btn_icon {width:60px;} #call_btn_icon {width:60px;} #buy_tickets_btn_icon {width:60px;} /*lodging*/ .flexcontainer {display: block;} #map_buttons div {padding:10px;} } @media only screen and (max-width: 1035px) { /*nav & header*/ .nav > li > a {font-size: 135%;} #content-wide {height:85%;} } @media only screen and (max-width: 991px){ /*nav & header*/ #header-wide {width:100%;} #header_top_wrapper {background:url(/_includes/images/skins/header/header-bkgd-sm.jpg) no-repeat center top; background-size:cover; min-height:215px;} #logo {width:60%; float:left; padding-left:25px; padding-right:15px; padding-bottom:15px; clear:both; margin-top:30px;} #header_button_wrapper {width:40%; clear:none; margin-top:10px; margin-bottom: 15px;} #buy_tickets_btn_wrapper, #call_btn_wrapper, #directions_btn_wrapper {width: 85%;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon {width: 70%;} .button_text {margin-right: 0;} #buy_tickets_btn a.btn-default, #call_btn a.btn-default, #directions_btn a.btn-default {width: 125%;} #directions_btn_icon {width:60px; height:60px;} #call_btn_icon {width:60px; height:60px;} #buy_tickets_btn_icon {width:60px; height:60px;} .dropdown-menu ul > li > a { font-size: 1.1em; } .nav > li > a {font-size:130%;} .dropdown-menu > li > a {font-size:110%;} #nav_container {margin-top:-5px;} /*.btn-lg, .btn-group-lg > .btn {font-size: 14px; padding:5px 10px;}*/ #buy_tickets_btn, #call_btn, #directions_btn {width: 70%;} #call_btn {clear:both; margin-top:10px; margin-bottom: 10px;} #directions_btn {clear:both;} #inside_content_body_wrapper {padding:15px;} /*social media*/ #social_media_wrapper_sm {width:50%; text-align: center; margin:0 auto;} #social_media_wrapper_sm div {width: 25%; float:left; padding:10px;} #social_media_wrapper_sm img {width: 100%;} /*content*/ #content-wide {width:95%;} .mapWrapper {float:none; width:100%; padding:0 0 25px 0;} .mapWrapper iframe {height: 350px;} /*units*/ #unit_content {width:50%;} .Shows #unit_content, .Water.Park #unit_content {width:50%;} #unit_content:nth-child(4n+1) {clear:none;} #unit_content:nth-child(3n+1) {clear:none;} .Shows #unit_content:nth-child(3n+1), .Water.Park #unit_content:nth-child(3n+1) {clear:none;} .Shows #unit_content:nth-child(2n+1), .Water.Park #unit_content:nth-child(2n+1) {clear:both;} #unit_content:nth-child(2n+1) {clear:both;} /*lodging*/ .penguin_partner_image p {font-size: 1em;} .thumbnail { height: 250px;} /*footer*/ #footer-wide {background:url(/_includes/images/skins/footer/footer-bkgd-sm.jpg) no-repeat center top; background-size:cover; } /*#footer-wide {width:100%; background-size:150%;}*/ #created_by_wdd {text-align:center; float:none; padding-top:10px;} #footer.container {width: 100%; height:100%;} #footer_navigation {width: 100%; padding:0 25px; margin-right:0;} div.copyright {width: 100%; padding:0 25px 10px; text-align:center;} #footer_copyright_area {text-align: center;} #footer_navigation ul {text-align: center;} .link-logo-wrapper {text-align: center; width:160px; margin:0 auto;} #footer #wma_logo { background-position: center top; } #footer #nhg_logo { background-position: center top; margin-left:10px; } } @media only screen and (max-width: 960px) { /*nav & header*/ .nav > li > a {font-size:120%;} .nav > li > a {-webkit-box-shadow: 0 0 7px rgba(0,1,1,.52); -moz-box-shadow: 0 0 7px rgba(0,1,1,.52); box-shadow: 0 0 7px rgba(0,1,1,.52); white-space: pre; border:2px solid #fff; color:#fff; padding:20px 10px; /*color:#fff;*/ background: url(/_includes/images/skins/nav/nav-red-bkgd-sm-rpt.png) repeat-x; } .nav > li > a:hover, .nav > li > a:focus {background: url(/_includes/images/skins/nav/nav-red-hover-bkgd-sm-rpt.png) repeat-x;} .nav-pills > li.active > a {background: url(/_includes/images/skins/nav/nav-red-hover-bkgd-sm-rpt.png) repeat-x;} #navigation_wrapper {background:url(/_includes/images/skins/nav/nav-green-bkgd-sm-rpt.jpg) repeat-x; background-position: 10px;} #navigation_right_graphic, #navigation_left_graphic {top:5px;} /*calendar*/ #calendar_all_months .calendarMonth {width:50%; float:left; padding-left:15px; padding-right: 15px;} } @media only screen and (max-width: 900px) { /*nav & header*/ .nav > li > a {font-size:110%;} } @media only screen and (max-width: 850px) { /*nav & header*/ .nav > li > a {font-size:100%;} .dropdown-menu > li > a {white-space:pre-wrap;} .dropdown-menu {min-width: 130px;} /*savings tree*/ .tree-content {float:left; width: auto; clear:both; margin-top:20px;} #present_1_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_2_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_3_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_4_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_5_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_6_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_7_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_8_wrapper {position:relative; left:0; top:0; cursor: pointer; float:left; margin:10px;} #present_wrapper {min-height: 500px; height: auto; width: 100%; background-size: 100%; padding-top:60%;} } @media only screen and (max-width: 800px) { /*nav & header*/ .dropdown-menu {min-width:115px;} /*.nav > li > a {font-size:120%; padding:10px 10px;}*/ } @media only screen and (max-width: 767px){ .container {padding-left:0; padding-right:0;} #body_content {margin-top:10px; padding-top:25px; border-top:0; } #body_content_units {margin-top:10px; padding-top:25px; /*border-top:5px solid #39B54A;*/} #content-wide {box-shadow:0 0 0 5px #1F7927; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /*nav & header*/ #navigation {display:none;} #header_top_wrapper {min-height:240px; margin-bottom: -15px; border-bottom: 5px solid #39B54A;} #navigation_right_graphic, #navigation_left_graphic {display: none;} #nav_container {margin-top:70px; display:inline;} #logo {width:99%; float:none; text-align: center; padding: 10px 15px 5px; margin-top:0; } #mobile-header {display: block; padding:0 5px;} #buy_tickets_btn_wrapper, #call_btn_wrapper {width:25%;} #directions_btn_wrapper {width:50%;} #buy_tickets_btn a.btn-default {width:120%;} #menu_btn a.btn-default {width:120%; margin-left:-20px;} #header_button_wrapper .btn-lg {font-size:1.5em;} #header_button_wrapper {width:100%; float:none; clear:both;} #call_btn, #directions_btn {display:none;} #buy_tickets_btn {width:70%; padding:0 10px 0 15px;} #menu_btn {width:100%; padding:0;} #call_btn_wrapper, #directions_btn_wrapper {width:12.5%; margin-right:10px;} #buy_tickets_btn_wrapper {width: 40%;} #menu_btn_wrapper {width: 24%;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon, #menu_btn_icon {width:100%;} #directions_btn_icon {width:90px; height:90px;} #call_btn_icon {width:90px; height:90px;} #buy_tickets_btn_icon {width:90px; height:90px;} #menu_btn_wrapper {float:left; display:table; position:relative; /*width:30%;*/} #menu_btn {/*float:right; width:33%; *//*padding:0 10px 0 0; */position: relative; display:table-cell; vertical-align: middle; /*width:100%;*/} #menu_btn_icon {position: relative; z-index: 5000; width:90px; height:90px;} #menu_btn_icon .btn {padding:0; display:block;} #menu_btn .btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.52); -moz-box-shadow: 0 0 5px rgba(0,1,1,.52); box-shadow: 0 0 5px rgba(0,1,1,.52); border: solid 2px #D71921; background-image: -webkit-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: -moz-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: -o-linear-gradient(bottom, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31)); background-image: linear-gradient(to top, rgba(57,181,73,.31), rgba(255,255,255,.31) 10%, rgba(255,255,255,.31) 90%, rgba(57,181,73,.31));} #menu_btn .btn-default {color:#8CC63F;} #menu_btn .btn:hover {background:#D71921; color:#fff; border-color:#fff;} .sidr ul li {border: none;} .sidr {border-right:1px solid #ccc;} .sidr.left {background:url(/_includes/images/skins/nav/nav-green-sidr-bkgd-rpt.jpg) repeat; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {/*background-color:#666; color:#fff; border-radius: 0; */} .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {background:rgba(255,255,255,1);} .sidr ul {border:0;} .sidr ul li ul ul {padding-top:0; padding-bottom:10px;} .sidr ul li a, .sidr ul li span {color:#fff; padding:5px 15px 9px; font-weight:normal; font-size:1.5em; text-align: center; margin-top:10px;} .sidr ul li ul li a, .sidr ul li ul li span {text-align:center; padding-left:20px; padding-top:5px; padding-bottom:5px;} .sidr ul li a:hover, .sidr ul li span a:hover {box-shadow:none; /*background:#666; color:#fff;*/ border-radius: 0;} .sidr .dropdown-menu {box-shadow:inset 0 6px 12px rgba(0, 0, 0, 0.176); position: relative; width:100%; margin-left:0; z-index: 10; padding-bottom:10px;} .sidr .dropdown-menu ul {text-indent: 0;} .nav-pills > li.active > a {/*background:#0096C6;*/} .sidr >li.active > a {/*background:#0096c6;*/} .sidr .dropdown-menu > li > a {padding:5px 0; /*white-space: pre-wrap;*/} .sidr .nav-pills >li {width:100%;} .nav .caret {display:none;} /*content*/ .formTable {margin:0;} #inside_content_body_wrapper {border-radius:0;} #content-wide {margin-top:0;/* box-shadow: 0px 0px 10px 0px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.6);*/} .Home.Page #content-wide.home {padding:0;} #inside_content_body_wrapper {padding:0px;} #body_content_units #inside_content_body_wrapper {padding:0;} #inside_content_body_wrapper ul {padding-left:15px;} .float_photo {float:none; text-align: center; margin-bottom: 15px; padding:0;} #contact_us_text {width:100%; float:none;} .form #ContactUs {width:100%; float:none; border-top:3px solid #5FB45A; padding-left:0px; border-left:0;} .form_panel {width:100%; float:none; } div.table-responsive:before {content:'Scroll left or right to view all'; background:#D61820; color:#fff; padding:5px; width:100%;} .divisionPositions ul {padding-left:20px;} /*.map h2 {width:250px; margin-bottom:0px; margin-top:0;}*/ .modal-dialog {width:97%;} /*carousel*/ .carousel-caption {padding:5px 5px 0;} .carousel-caption h2 {font-size:1.5em;} /*lodging*/ .thumbnail { height: 200px;} /*footer*/ /*#footer-wide {background-size:250%;}*/ #footer_copyright_area {clear: both; padding-top: 15px;} /*social media*/ #social_media_wrapper_sm {width:50%; text-align: center; margin:0 auto;} #social_media_wrapper_sm div {width: 25%; height:25%; float:left; padding:10px;} /************ recaptcha *************/ #recaptcha_area {margin-top:5px;margin-bottom: 10px; background:#fff;} #recaptcha_tagline, #recaptcha_logo {display:none;} .recaptchatable {background:white;} #recaptcha_table.recaptchatable td {padding:0 !important;} .recaptchatable td img { display: block;} .recaptchatable .recaptcha_image_cell, #recaptcha_response_field, .recaptchatable #recaptcha_image {width:215px !important; } .recaptchatable .recaptcha_image_cell center img { width:215px;/*height: 57px;*/} .recaptchatable .recaptcha_image_cell center { /*height: 57px;*/} .recaptchatable .recaptcha_image_cell {background-color: white; /*height: 57px;*/ padding: 7px !important;} .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { border: 0 none !important; border-collapse: collapse !important; margin: 0 !important; vertical-align: middle !important;} .recaptchatable * {border: 0 none; bottom: auto; color: black; left: auto; margin: 0; padding: 0; position: static; right: auto; text-align: left !important; top: auto;} .recaptchatable #recaptcha_image { border: 1px solid #DFDFDF !important; margin: auto; } .recaptchatable a img { border: 0 none;} .recaptchatable a, .recaptchatable a:hover {background: none repeat scroll 0 0 transparent !important; border: 0 none !important; color: blue; font-weight: normal; outline: medium none; padding: 0 !important; text-decoration: none;} .recaptcha_input_area { background: none repeat scroll 0 0 transparent !important; position: relative !important;} .recaptchatable label.recaptcha_input_area_text { border: 1px solid #DFDFDF !important; bottom: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; right: auto !important; top: auto !important;} .recaptcha_theme_red label.recaptcha_input_area_text, .recaptcha_theme_white label.recaptcha_input_area_text {color: black !important;} .recaptcha_theme_blackglass label.recaptcha_input_area_text {color: white !important;} .recaptchatable #recaptcha_response_field {font-size: 11pt;} .recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {border: 1px solid gray;} .recaptcha_theme_red #recaptcha_response_field {border: 1px solid #CCA940;} .recaptcha_audio_cant_hear_link {color: black; font-size: 7pt;} .recaptchatable { border: 1px solid #DFDFDF !important; line-height: 1em;} .recaptcha_error_text { color: red;} .recaptcha_only_if_privacy {display:none;} .recaptcha_is_showing_audio .recaptcha_only_if_image, .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol { display: none !important;} #recaptcha_area {width:260px; padding:10px; text-align:center; margin-left:auto; margin-right:auto;} } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) { #menu_btn a.btn-default {width:140%; margin-left:-20px;} #body_content {margin-top:15px;} } @media only screen and (max-width: 675px) { #nav_container {margin-top:60px;} #header_top_wrapper {min-height: 230px;} #buy_tickets_btn_wrapper {width: 40%;} #buy_tickets_btn {padding-left:5px;} #menu_btn a.btn-default {margin-left: -25px; width:200%; margin-top:0px;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon, #menu_btn_icon {width:90%;} #call_btn_wrapper, #directions_btn_wrapper {margin-right: 0;} #menu_btn_icon {width:80px; height:80px; } #directions_btn_icon {width:80px; height:80px;} #call_btn_icon {width:80px; height:80px;} #buy_tickets_btn_icon {width:80px; height:80px;} } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 675px) { #menu_btn a.btn-default {margin-top:7px;} } @media only screen and (max-width: 650px) { #nav_container {margin-top:50px;} #header_top_wrapper {min-height: 220px;} #menu_btn a.btn-default {margin-left:-35px; } #buy_tickets_btn a.btn-default {width:130%;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon, #menu_btn_icon {width:80%;} #buy_tickets_btn {width:60%;} #menu_btn_icon {width:75px; height:75px; margin-top:-5px;} #directions_btn_icon {width:70px; height:70px;} #call_btn_icon {width:70px; height:70px;} #buy_tickets_btn_icon {width:70px; height:70px;} } @media only screen and (max-width: 620px) { #menu_btn a.btn-default {margin-left:-40px; } #buy_tickets_btn a.btn-default {width:130%;} #menu_btn a.btn, #buy_tickets_btn a.btn {padding-top:5px; padding-bottom: 5px;} .button_text {margin-right: -10px;} #call_btn_wrapper, #directions_btn_wrapper {margin-right: -5px;} /*#buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon, #menu_btn_icon {width:75%;}*/ #nav_container {margin-top:0px; padding-top:0px; display:flex;} #menu_btn {display: none;} #buy_tickets_btn {display: none;} #buy_tickets_btn_icon, #directions_btn_icon, #call_btn_icon, #menu_btn_icon {width:100%; float:none; margin:0 auto; text-align: center;} .icon-graphic {width: 85%;} #buy_tickets_btn_wrapper, #call_btn_wrapper, #directions_btn_wrapper, #menu_btn_wrapper {width:25%;} /*#body_content {border-top:0;}*/ #header_top_wrapper {min-height: 280px;} #header_button_wrapper {margin-top:5px;} #menu_btn_icon {width:125px; height:110px; margin-top:10px;} #directions_btn_icon {width:120px; height:120px;} #call_btn_icon {width:120px; height:120px;} #buy_tickets_btn_icon {width:120px; height:120px;} /*calendar*/ #calendar_all_months .calendarMonth {width:100%; float:left; padding-left:5px; padding-right: 5px;} } @media only screen and (max-width: 600px) { /*lodging*/ .thumbnail { height: 150px;} } @media only screen and (max-width: 570px) { #body_content {margin-top:0px;} #body_content_units {margin-top:0px;} } @media only screen and (max-width: 560px) { #header_top_wrapper {min-height: 270px;} #social_media_wrapper_sm {width:70%;} } @media only screen and (max-width: 545px) { #header_top_wrapper {min-height: 260px;} } @media only screen and (max-width:500px) { /*#header_top_wrapper {min-height: 260px;}*/ /*#footer-wide {background-size:350%;}*/ .modal-body {height:250px;} .modal-body .parkmap {height:225px !important;} .float_button {float:none; text-align: center; margin-bottom: 15px;} /*lodging*/ .thumbnail { height: 100%;} .penguinPartner .penguin_partner_image {width:25%;} /*units*/ #unit_content {width:100%;} #unit_content:nth-child(4n+1) {clear:none;} #unit_content:nth-child(3n+1) {clear:none;} #unit_content:nth-child(2n+1) {clear:none;} .Shows #unit_content:nth-child(3n+1), .Water.Park #unit_content:nth-child(3n+1) {clear:none;} .Shows #unit_content, .Water.Park #unit_content {width:100%;} } @media only screen and (max-width: 485px) { #header_top_wrapper {min-height: 240px;} #menu_btn_icon {width:110px; height:90px; margin-top:5px;} #directions_btn_icon {width:100px; height:100px;} #call_btn_icon {width:100px; height:100px;} #buy_tickets_btn_icon {width:100px; height:100px;} } @media only screen and (max-width:450px) { #header_top_wrapper {min-height: 230px;} .page_name h1 {font-size:2em;} /*#mobile-header span.button_text {display: none;} #buy_tickets_btn span.button_text {display: none;} #mobile-header {width:25%; } #call_btn, #directions_btn {width: 25%;} #buy_tickets_btn {width:25%;}*/ /*.btn-lg, .btn-group-lg > .btn {font-size: 2em; padding: 5px;}*/ #social_media_wrapper_sm {width:80%;} #social_media_wrapper_sm div {padding:5px;} .page_name {background: url(/_includes/images/skins/inside/inside-hdr-bkgd.jpg) no-repeat center top; background-size: cover; display:table; width:100%; margin-bottom: 25px; -webkit-border-radius: 20px 20px 500px 500px/20px 20px 20px 20px; -moz-border-radius: 20px 20px 500px 500px/20px 20px 20px 20px; border-radius: 20px 20px 500px 500px/20px 20px 20px 20px;} #page-content {padding:0 10px 15px;} div.gm-style-iw img {display:none;} div.gm-style-iw p {display:none;} div.gm-style-iw h2.unit-title {display: block;} div.gm-style-iw h2 {display:none;} } @media only screen and (max-width: 430px) { #header_top_wrapper {min-height: 220px;} } @media only screen and (max-width: 420px) { #menu_btn_icon {width:90px; height:90px; margin-top:7px;} #directions_btn_icon {width:90px; height:90px;} #call_btn_icon {width:90px; height:90px;} #buy_tickets_btn_icon {width:90px; height:90px;} } @media only screen and (max-width: 410px) { #header_top_wrapper {min-height: 210px;} } @media only screen and (max-width: 380px) { #header_top_wrapper {min-height: 200px;} } @media only screen and (max-width: 360px) { #logo img {width:330px; height:70px;} .icon-graphic {height:85%;} #header_top_wrapper {min-height: 190px;} #social_media_wrapper_sm img {width:90px; height:90px;} #menu_btn_icon {width:80px; height:80px; margin-top:0px;} #directions_btn_icon {width:80px; height:80px;} #call_btn_icon {width:80px; height:80px;} #buy_tickets_btn_icon {width:80px; height:80px;} } @media only screen and (max-width: 340px) { #header_top_wrapper {min-height: 190px;} } @media only screen and (max-width: 320px) { #logo img {width:300px; height:70px;} #header_top_wrapper {min-height: 180px; background-color:#fff; } #header_button_wrapper {margin-bottom:-11px;} table.calendar td {padding:5px !important;} #page-content ul {padding-left:15px;} .mapWrapper iframe {/*position: absolute; top: 0; left: 0;*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .lodging_map {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} #map_buttons div {width:100%;} .carousel-caption {bottom:30%;} }