/* ========================================================================== Load Google Webfonts ========================================================================== */ /*@import url(https://fonts.googleapis.com/css?family=FONTFAMILYNAME);*/ /* ========================================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ html { width:100%; height:100%; min-height:100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /*text-rendering: optimizeLegibility!important;*/ -webkit-font-smoothing: antialiased!important; } body { margin: 0; font-size: 62.5%; line-height: 1.231; background-color: #ffffff; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #d2c39c; color: #fff; text-shadow: none; } ::selection { background: #d2c39c; color: #fff; text-shadow: none; } /* ========================================================================== Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* ========================================================================== Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; border: 1px solid #000; border-bottom: 1px solid #666; padding: 0; clear: both; width: 100%; margin: 24px 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ========================================================================== Embedded content ========================================================================== */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ fieldset { border: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; text-transform:uppercase; } input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="date"]{ min-height:2rem; } input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /*input:invalid, textarea:invalid { background-color: #f0dddd; }*/ input:focus, textarea:focus { outline: none; } /* SEGMENTATION SURVEY */ .general_form div ul.seg-survey li { padding:0 5%; margin:0!important; border-top:1px solid #adadad; text-align:left; } .general_form div ul.seg-survey li:last-child { border-bottom:1px solid #adadad; } .general_form div ul.seg-survey li div{ width:75%; } .content section .seg-survey img { margin:10px 5% 10px 0; width:20%; float:left; margin-right:5%; } .content section .seg-survey label { display:block; width:100%; margin-top:10px; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro",serif; text-transform:none; text-align:left; font-size:16px; line-height:20px; } .seg-survey li select { width:initial!important; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: middle; } /* ========================================================================== Resets ========================================================================== */ h1, h2, h3, h4, h5, h6, p, ul, li, form, fieldset { margin: 0px; padding: 0px; } /* ==|== Primary styles ===================================================== Author: Gary Milbrand Client: The Hotel Hershey Creation Date: 2/14 ========================================================================== */ body{ background:white; margin:0 30px 30px; } section{ position:relative; } a{ text-decoration:none; } a:hover{ text-decoration:underline; } .fullW_line{ display:block; width:100%; height:0; } .fullW_dbl_line{ display:block; width:100%; } #breadcrumbs, .content_contain, .w100>p, #upcoming_events>div>div, footer>div{ max-width:1024px; margin:0 auto; padding:0 1.25%; } .w100>p{ padding:0; } h1, h2, h3, h4{ font-weight:normal; text-transform:uppercase; line-height:1em; padding-top:.4em; padding-bottom:.4em; } section>.altH2:first-child{ padding-top:0; } textarea { width:98%; height:250px; padding:1%; } .home #upcoming_events, .home footer{ display:none; } #blackout{ height:100%; background:black; background:rgba(0,0,0,.6); position:fixed; display:none; top:0; right:30px; bottom:0; left:30px; z-index:98; } .ie7 #blackout, .ie8 #blackout{ background:transparent url("/assets/images/sprites/transparent60black.png"); } section#alert-wrapper { font-size: 1.6em; z-index: 1199; } section#alert-wrapper .alert-hidden { right: 284px; } .mbl-only{display:none;} .tablet-only{display: none;} .overlay{ background:rgba(128,128,128,0.5); width: 100%; height: 100%; } .overlay:hover, .overlay:focus{ border: 1px solid black; } @media only screen and (min-width : 48em) and (max-width : 64em){ .tablet-only{display: block;} .dsktp-only{display: none;} .mbl-only{display:none;} } @media only screen and (max-width : 63.99em){ .tablet-only{display: none;} .dsktp-only{display: none;} .mbl-only{display: block;} } /* *** NAVIGATION *** */ nav{ padding-top:.5%; position:relative; z-index:999; background:white url("/assets/images/sprites/solidCCC.png") center center repeat-x; } nav, footer{ font-size:1.3em; } #nav_logo{ float:left; background:white; padding-right:1.5%; display:block; } #top_navL{ float:left; } #top_navR{ float:right; text-transform:uppercase; } #top_navR .btn{ font-size:1em!important; margin-top:-1em; } #main_nav{ float:left; clear:right; display:block; font-size:1.1em; text-transform:uppercase; } #top_navL a, #top_navR a { margin:0 1em; } #main_nav a { padding: 1em; padding-top: 16px; } nav ul { text-align:center; } nav ul li { float:left; } nav ul li a { display:block; padding-bottom:2em; position:relative; } nav ul li ul { position:absolute; width:91%; padding:1.25em 0 1% 9%; left:0; overflow:hidden; border-bottom:9px solid white; } .mble_only{ display:none; } .subnav_snippet{ float:right; padding:2.5%; margin:-1.25em 0; width:60%!important; height:100%; padding-bottom:100%; margin-bottom:-98.5%; } #main_nav .subnav_snippet img { float:right; margin:0; margin-left:4%; padding:0; } .subnav_snippet h4{ padding:0; } .subnav_snippet p{ text-align:left; text-transform:none; font-size:1.1em; line-height:1.5em; } nav ul li ul li { display:block; width:35%; float:left; clear:left; text-align:left; } nav ul li ul.split li { width:17%; } nav ul li ul.split li.odd { clear:none; } nav ul li ul li a { display:inline-block; font-size:1.25em; padding-top:.75em; padding-bottom:.75em; margin:0; } nav ul li ul.fallback { display:none; } nav ul li:hover ul.fallback { display:block; } #mobile_nav_icons{ display:none; } #main_nav a:hover, .arrow_link:hover{ text-decoration:none; } @media only screen and (min-width: 1024px) { nav .opened>a:after { content:" "; background:url("/assets/images/sprites/icons.png") center -227px no-repeat; width:100%; height:20px; position:absolute; display:block; margin-top:1em; z-index:2; } nav ul li ul:before{ content:" "; background:url("/assets/images/sprites/nav_drop_shadow.png") top center repeat-x; width:100%; height:7px; position:absolute; top:0; left:0; } } /* *** BREADCRUMBS *** */ #breadcrumbs{ font-size:1.3em; padding:.75em 1.25%; text-transform:uppercase; vertical-align:middle; } #home_icon{ width:16px; height:13px; display:inline-block; background:url("/assets/images/sprites/icons.png") left -249px no-repeat; vertical-align:middle; margin-top:-5px; } #home_icon:hover{ background-position: right -249px; } .breadcrumb_seperator{ margin:0 .25em; } /* *** REDLINE *** */ #redline{ position:relative; z-index:999; } #redline{ display:block; width:96%; padding:12px 2%; background:#005a9b; text-transform:uppercase; text-align:center; font-size:1.3em; letter-spacing:.7px; } #redline p { line-height:1em; } #redline h4 { font-size:1.8em; } #redline h5{ margin:0; color:#fff; } #redline span{ color:red; margin-right:10px; } /* *** FOOTER *** */ #mobile_ftr_nav{ display:none; } #ftr_top, #ftr_middle, #ftr_bottom{ width:97.5%; padding:1.25%; } #ftr_top{ border-top:none; text-transform:uppercase; display:table; padding:0 1.25%; } #ftr_top_L, #ftr_top_C, #ftr_top_R{ display:table-cell; vertical-align: middle; } #ftr_top_L{ width:40%; font-size:1.2em; } #ftr_top_L img{ vertical-align:sub; } #ftr_top_L .line1{ font-size:1.2em; line-height: 1.5em; } #ftr_top_L strong, #footer_directions{ margin-right:1%; } #ftr_top_L strong#fax{ margin-left:1.5%; } #ftr_top_L p{ line-height:1.5em; } #ftr_top_L h5{ display: inline-block; font-size: 1em; margin-right: 6px; } #footer_directions{ font-weight:bold; } #footer_directions:before{ content:" "; background:url("/assets/images/sprites/icons.png") left -304px no-repeat; display:inline-block; width:12px; height:17px; vertical-align:middle; margin:-2px 6px 0 0; } #footer_directions:hover:before{ background-position:right -304px; } #ftr_top_C{ position:relative; width:20%; text-align:center; } #ftr_top_C>h5{ margin-top:-36px; padding-bottom: .25em; } #ftr_top_C>div{ position:relative; } #ftr_top_C>div>div{ position:absolute; top:50%; width:100%; height:100%; } #ftr_top_C>div>div.a_award{ overflow:hidden; } #ftr_top_C>div>div>a:hover>img{ margin-top:-49px; } .ie7 #ftr_top_C{ min-height:170px; } .ie7 #ftr_top_L, .ie7 #ftr_top_C, .ie7 #ftr_top_R{ float:left; padding-top:1.25%; } .ie7 #ftr_top_C>p{ margin-top:0; } .ie7 #ftr_top_C>div{ left:-50%; } #ftr_top_R{ width:40%; text-align:center; padding:1.25% 0!important; } #ftr_top_C p, #ftr_top_R p, #ftr_top_R #connect{ display:block; font-size:1.8em; padding-bottom:.25em; } #ftr_top_R .btn{ font-size:1.25em!important; } #ftr_top_R #ftr_top_RT{ padding-bottom:1em; } #ftr_top_R #ftr_top_RB{ padding-top:1em; } .frm_search label{ text-indent:-999em; } .frm_search{ display:inline-block; margin-top:4%; } .frm_search input{ background:white; border:none; float:left; padding:2px 5px; height:26px; } .search_field{ border-right:none!important; padding-right:0; width:auto; text-align:left; font-size:1em; } #pcode, .search_field{ cursor:text; } .frm_search .submit_search, .zoom_button { border-left:none!important; background:white url("/assets/images/sprites/icons.png") left -321px no-repeat; width:27px; height:32px; text-indent:-999em; } #search_results .zoom_button { width: 32px; border: 1px solid #717171; margin-left: -3px; } .ie7 .frm_search .submit_search{ border-left:1px solid white!important; width:28px; } .frm_search .submit_search:hover{ background-position:right -321px; } #fb_icon, #pin_icon, #youtube_icon, #tripadv_icon{ background: url("/assets/images/sprites/icons.png") left -351px no-repeat; width:27px; height:27px; display:inline-block; margin:0 2%; } #twitter_icon{ background: url("/assets/images/sprites/twitter.png") no-repeat; width:27px; height:27px; display:inline-block; margin:0 2%; } #instagram_icon{ background: url("/assets/images/sprites/instagram.png") no-repeat; width:27px; height:27px; display:inline-block; margin:0 2%; } #fb_icon{ background-position:left -351px; } #fb_icon:hover{ background-position:right -351px; } #pin_icon{ background-position:left -378px; } #pin_icon:hover{ background-position:right -378px; } #youtube_icon{ background-position:left -405px; } #youtube_icon:hover{ background-position:right -405px; } #tripadv_icon{ background-position:left -432px; width:37px; } #tripadv_icon:hover{ background-position:right -432px; } #ftr_middle>div{ float:left; width:16.25%; margin-top:-.75em; } #ftr_middle>div:first-child{ width:18.75%; } #ftr_middle a{ float:left; clear:left; font-size:1em; padding:.2em 0; } #ftr_middle a.main_link, #ftr_middle h6 { font-size:1.1em; padding:.75em 0 .25em; text-transform:uppercase; } #ftr_middle h6 { padding-top: 0; } #ftr_bottom{ font-size:1.2em; line-height:1.5em; } #copyright{ margin-bottom:.5em; display:block!important; } #ftr_bottom a{ margin-right:2%; display:inline-block; } #ftr_bottom a.first{ padding-left:0; } .btn, .slide_txt .slide_btn { display:inline-block; padding:5px 15px; text-transform:uppercase; font-size:1.75em; } div.content a:not(.btn):not(.slide_txt):not(.slide_btn):not(.arrow_link){text-decoration: underline;} .btn:hover, .slide_btn:hover{ text-decoration:none; } .slide_txt .slide_btn{ width:auto; padding:10px 20px; font-size:25px; text-shadow:none; } /* *** RESERVATION WIDGET & FORMS *** */ #res_widget{ position:absolute; top:0; left:0; z-index:99; width:350px; margin-left:-350px; } #res_widget_btn{ position:absolute; top:50%; transform: rotate(270deg); transform-origin:top left; -ms-transform: rotate(270deg); /* IE 9 */ -ms-transform-origin:top left; -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */ -webkit-transform-origin:top left; text-align:center; margin-left:100%; } .ie7 #res_widget_btn, .ie8 #res_widget_btn{ top:28%!important; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #res_widget_btn a{ font-size:1.7em; text-transform:uppercase; text-decoration:none; white-space:nowrap; display:block; text-align:center; } #res_widget_btn #res_btn_txt{ cursor:pointer; display:block; } #res_widget_btn #res_btn_img{ cursor:pointer; background:url("/assets/images/sprites/icons.png") center -175px no-repeat; display:inline-block; width:44px; height:25px; margin-top:-2px; } #res_widget_btn #res_btn_img{ -webkit-transition:border-top .25s; -moz-transition:border-top .25s; -o-transition:border-top .25s; transition:border-top .25s; border-top:0 solid white; } #res_widget_btn:hover #res_btn_img{ -webkit-transition:border-top .25s; -moz-transition:border-top .25s; -o-transition:border-top .25s; transition:border-top .25s; border-top:3px solid white; } #res_widget_btn:hover #res_btn_img{ background-position:center -202px; } #res_widget_btn img{ vertical-align:top; } #res_widget_form{ position:relative; text-align:center; padding:0 10% 10%; width:80%; } .ot_widget{ float:right!important; } #ot_widget_form{ text-align:center; } #res_close_btn{ width:28px; height:28px; padding:1px; display:block; float:right; margin:3% 0; background:url('/assets/images/sprites/icons.png') top right no-repeat; text-indent:-999em; } #res_widget_form p, form span{ display:block; } #res_widget_form p{ clear:right; font-size:2em; margin:8% 0; } #res_widget_form .res_title{ font-size:2.15em; } label{ text-transform:uppercase; } label{ display:block; margin-bottom:5px; font-size:1.8em; } input, select{ width:100%; font-size:1.8em; text-align:center; padding:0; cursor:pointer; -webkit-border-radius:0; border-radius:0; } input[type='text'], input[type='date']{ -webkit-appearance:none; } .touch #event_date{ height:35px; white-space:nowrap; } input#roomcountTxt, input#PartySizeTxt, span#ResTimeTxt{ height:60px; padding:0; font-size:4.5em; line-height:1.35em; border-top:0; border-bottom:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input#roomcountTxt, input#PartySizeTxt{ margin-top:-2px; cursor:default; } #checkinTxt, #checkoutTxt, #roomsTable span, #startdateTxt, #ResTimeTxt{ display:block; background:white; width:100%; position:absolute; pointer-events:none; text-transform:uppercase; } #checkinTxt, #checkoutTxt, #startdateTxt{ height:66px; padding-top:14px; margin:1px; } #checkinTxt .m, #checkoutTxt .m, #startdateTxt .m{ font-size:1.4em; } #checkinTxt .d, #checkoutTxt .d, #startdateTxt .d{ font-size:4.5em; line-height:.95em; } input[id^="plus"], input[id^="minus"]{ background:url('/assets/images/sprites/icons.png') center -135px no-repeat; } #am, #pm{ color:white; cursor:default; } #am{ border-bottom:none; } #pm{ border-top:none; } input[id^="minus"]{ background-position:center -155px; } input[disabled]{ opacity:1; } input#pcode{ width:95%; text-align:left; padding:.2em 2%; } input[type='button']{ height:21px; font-size:1.5em; } input[type='button'][disabled]{ opacity:1; } .split3rd { width:27.33%; float:left; margin-left:9%; position:relative; display:inline; *width:27%; } #ot_widget_form .split3rd { width:22.5%; margin-left:0; margin-right:5%; } #ot_widget_form .split3rd.middle3rd { width:40%; } .error-text_ot{ color:red; font-size:1.6em; margin-top:-2em; margin-bottom:1em; } .error-border{ border-color:red!important; } .first3rd { margin-left:0; } #roomsTable{ width:100%; } #roomsTable label{ font-size:1.4em; margin:0; line-height:1em; } #roomsTable td{ padding:0; width:25%; } #roomsTable td>div{ position:relative; } #roomsTable thead td{ padding-bottom:2%; } #roomsTable thead td{ border:none; } #roomsTable input, #roomsTable select{ border:none; } #roomsTable span, #roomsTable select, select#ResTime{ -webkit-appearance: none; font-size:2em; } #roomsTable td[class*='del_btn_row']{ height:100%; vertical-align:middle; } #roomsTable input.room_del_btn{ width:30px; background:url('/assets/images/sprites/icons.png') center -102px no-repeat; } #roomsTable span, span#ResTimeTxt{ padding-right:20%; background:white url('/assets/images/sprites/icons.png') right -459px no-repeat; } #roomsTable span{ width:80%; background-position:right -519px; } #roomsTable span, #roomsTable select, select#roomcount { height:40px; font-size:2.5em; line-height:40px; } #avail_btn, #pckge_btn, #table_btn{ font-size:2em; padding:.2em; } #res_widget_form .split3, #pcode, #avail_btn, #pckge_btn, #table_btn, #roomsTable{ margin-bottom:6%; } #ot_widget_form .split3{ width:65%; } #ot_widget_form h3{ margin-bottom:.75em; } .ot_btn{ width:35%; margin:-70px auto 0; float:right; } #table_btn{ width:auto; padding:.2em 1em; } .ot-disclmr{ margin:-1.25em 0 1em; } html[data-useragent*='MSIE 10.0'] #roomsTable span, .oldie #roomsTable span{ display:none; } html[data-useragent*='MSIE 10.0'] #ResTimeTxt, .oldie #ResTimeTxt{ width:80%; background:white; padding:0; border-right:none!important; } html[data-useragent*='MSIE 10.0'] #roomsTable select, .oldie #roomsTable select{ padding-left:20%; } .general_form{ text-align:left; clear:left; font-size:1.2em; margin-top:5%; } .general_form div{ float:left; } .general_form div ul{ list-style:none; padding:0; } .general_form div ul li{ clear:left; margin: 2em 0; } .general_form div ul li:first-child{ margin-top:0; } .general_form input, .general_form select, textarea.inline-ta { padding:.3em; width:60%; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } textarea.inline-ta { height: auto; } .general_form label{ font-size:1em; float:left; width:35%; margin-right:5%; text-align:right; display:block; position: relative; } .general_form input[type='checkbox']{ float:left; width:1.5em!important; height:1.5em!important; } .general_form .flex_date { text-align:left; width:auto; margin:0 0 0 .5em; } .general_form .flex_checkbox, .general_form .form_submit{ width:60%; margin:0 0 1.5em; padding-left:40%; } .general_form .form_submit{ margin-top:2em; } .general_form .form_submit input[type='submit']{ padding:5px 15px; } .general_form #selects_div{ width:60%; float:left; margin:0 0 1.5em; } .general_form #selects_div span{ white-space:nowrap; float:left; margin-right:4.5%; } .general_form #selects_div span select{ width:100%; } .field_error, .cat_error, .sub_error{ color:red; } #dob_month_span{ width:41%; } #dob_day_span{ width:21%; } #dob_year_span{ width:29%; margin-right:0!important; } #dob_month_Label, #dob_day_Label, #dob_year_Label{ clear:both; width:100%; text-align:left; } .general_form .btn{ width:auto; font-size:18px; } .general_form input, .general_form select, #selects_div label, .general_form .flex_date{ font-size:.9em; } .general_form label .why_ask{ font-size:.8em; position: absolute; top: -19px; left: 48px; width: 120px; } #dialog{ position:absolute; z-index:1000; background:white; width:200px; font-size:1.5em; height:auto; padding:10px; -moz-box-shadow: 2px 2px 5px #b9b8b6; -webkit-box-shadow: 2px 2px 5px #b9b8b6; box-shadow: 2px 2px 5px #b9b8b6; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b9b8b6')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b9b8b6'); } #closeDialog{ font-size:1em; width:50%; margin:10px auto 0; } /* UI Blocker */ .ui-blocked { position: relative; } .ui-blocked .ui-blocker { float: none; width: 100%; height: 100%; top: 0; left: 0; background: #000000; opacity: .7; text-align: center; font-size: 18px; z-index: 11; } .ui-blocked .ui-blocker img { height: 200px; width: 200px; max-height: 80%; position: relative; transform: translateY(-80%); } .ui-blocked .ui-blocker .block-text { position: absolute; left: 0; width: 100%; text-align: center; top: 24%; color: white; } /* *** datepicker (reservation widget) *** */ .ui-date-text{ display:none; } .ui-datepicker{ text-transform:uppercase; background:white; width:280px; text-align:center; display:none; font-size:1.6em; z-index:1001!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .ui-datepicker-header{ line-height:36px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ width:11px; height:19px; background:url('/assets/images/sprites/icons.png') top left no-repeat; text-indent:-999em; cursor:pointer; margin:8px 15px; } .ui-datepicker .ui-datepicker-prev{ float:left; background-position:left -76px; } .ui-datepicker .ui-datepicker-next{ float:right; background-position:left -57px; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled{ background-position:right -76px; cursor:default; } .ui-datepicker .ui-datepicker-next.ui-state-disabled{ background-position:right -57px; cursor:default; } .ui-datepicker table{ width:100%; } span.ui-state-default{ cursor:default; } .ui-state-default{ text-decoration:none; display:block; padding:5px 0; } .ui-state-default:hover{ text-decoration:none; } #ui-datepicker-div.to{ left:0; } /* *** SLIDESHOW *** */ /*#home_slideshow, .owl-carousel .owl-wrapper, .owl-carousel .owl-item, .item{ max-height:700px; }*/ #home_slideshow{ position:relative; width:100%; } #header_image img, #home_slideshow img{ display: block; width: 100%; height: auto; } .owl-wrapper-outer{ z-index:20; } .owl-controls{ position:absolute; z-index:21; width:100%; top:50%; height:0; } .owl-pagination{ position:absolute; bottom:0; width:100%; display:none; } .item{ position:relative; text-align:center; } .owl-page{ width:33.13%; margin:0 .1%; height:10px; float:left; } .ie7 .owl-page, .ie8 .owl-page{ background:transparent url("/assets/images/sprites/transparent40_f1efeb.png"); } .owl-prev, .owl-next, #scroll_down, .yt_playbtn { position:relative; background:white; background:rgba(255,255,255,.3); background:url('/assets/images/sprites/transparent30white.png')\9; border:2px solid white; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; behavior:url("/assets/PIE.php"); display:inline-block; font-weight: bold; height:0; width:10%; padding-bottom:10%; margin-top:-5%; text-decoration:none; cursor:pointer; text-indent:-999em; } .owl-prev{ float:left; margin-left:5%; } .owl-next{ float:right; margin-right:5%; } @media only screen and (min-width: 960px) { #scroll_down{ width:54px; height:54px; margin-top:15px; margin-left:-27px; padding-bottom:0; } } @media only screen and (min-width: 768px) { #home_slideshow .owl-prev, #home_slideshow .owl-next{ width:76px; height:76px; margin-top:-38px; padding-bottom:0; } } .owl-prev:before, .ie8-before, .ie7-before, .owl-prev:after, .ie8-after, .ie7-after, .owl-next:before, .owl-next:after, #scroll_down:before, #scroll_down:after { border-right:2px solid white; content:''; display:block; height:0; padding-bottom:45%; position:absolute; top:27.5%; /* 50%-(45%/2) */ left:50%; } .owl-prev:before, .owl-next:before{ top:12%; } .owl-prev:after, .owl-next:after{ top:43%; } .owl-prev:before, .owl-prev:after{ left:45%; } .owl-next:before, .owl-next:after{ left:55%; } #scroll_down:before{ left:34%; } #scroll_down:after{ left:66%; } #scroll_down:before, #scroll_down:after{ top:32.5%; }/* 27.5% +5 */ .owl-prev div[class*='ie']{ left:28%; }/* 33% is center -5 */ .owl-next div[class*='ie']{ left:38%; }/* 33% is center +5 */ #scroll_down div[class*='ie']{ top:38%; }/* 33% is center +5 */ .owl-prev div[class*='-before'], .owl-next div[class*='-before']{ top:18%; } .owl-prev div[class*='-after'], .owl-next div[class*='-after']{ top:49%; } #scroll_down div[class*='-before']{ left:20%; } #scroll_down div[class*='-after']{ left:50%; } .ie8 .owl-prev:before, .ie8 .owl-prev:after, .ie8 .owl-next:before, .ie8 .owl-next:after, .ie8 #scroll_down:before, .ie8 #scroll_down:after { border:none; } .owl-prev:before{ -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .owl-prev .ie8-before { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865474, M12=0.7071067811865476, M21=-0.7071067811865476, M22=-0.7071067811865474, SizingMethod='auto expand')"; } .owl-prev .ie7-before { filter: progid:DXImageTransform.Microsoft.Matrix( M11=-0.7071067811865474, M12=0.7071067811865476, M21=-0.7071067811865476, M22=-0.7071067811865474, SizingMethod='auto expand'); } .owl-next:before { -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .owl-next .ie8-before { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865476, M12=-0.7071067811865474, M21=0.7071067811865474, M22=-0.7071067811865476, SizingMethod='auto expand')"; } .owl-next .ie7-before { filter: progid:DXImageTransform.Microsoft.Matrix( M11=-0.7071067811865476, M12=-0.7071067811865474, M21=0.7071067811865474, M22=-0.7071067811865476, SizingMethod='auto expand'); } .owl-prev:after { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .owl-prev .ie8-after { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=0.7071067811865474, M21=-0.7071067811865474, M22=0.7071067811865475, SizingMethod='auto expand')"; } .owl-prev .ie7-after { filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865475, M12=0.7071067811865474, M21=-0.7071067811865474, M22=0.7071067811865475, SizingMethod='auto expand'); } .owl-next:after { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .owl-next .ie8-after { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')"; } .owl-next .ie7-after { filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand'); } .home #upcoming_events, .home footer { display:block; } #home-hero { background: url("/assets/images/home/hero.jpg") no-repeat center center; background-size: cover; display: block; height: 0px; padding-bottom: 56.25%; position: relative; top: 0px; width: 100%; z-index: 1; } #home-video-wrapper { height: 100%; position: absolute; top: 0px; display: none; width: 100%; z-index: 2; } #home-hero-copy { height: 100%; position: absolute; top: 0px; width: 100%; z-index: 3; background: url("/assets/images/video-spacer-for-ie.gif") repeat; /* you can click through w/o a bg graphic */ } /* hide play button and loading icon from background video */ .mejs-container .mejs-controls { display: none !important; } .mejs-container { background: none !important; } .mejs-overlay-play, .mejs-overlay-loading { display: none !important; } #scroll_down{ position:absolute; z-index:55; top:77%; left:50%; display:block; background:none; /*border:1px solid white;*/ text-indent:-999em; } /*#scroll_down:before, #scroll_down:after, #scroll_down .ie8-before, #scroll_down .ie8-after, #scroll_down .ie7-before, #scroll_down .ie7-after { border-right:1px solid white; }*/ #scroll_down:before { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #scroll_down .ie8-before { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=0.7071067811865474, M21=-0.7071067811865474, M22=0.7071067811865475, SizingMethod='auto expand')"; } #scroll_down .ie7-before { filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865475, M12=0.7071067811865474, M21=-0.7071067811865474, M22=0.7071067811865475, SizingMethod='auto expand'); } #scroll_down:after { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #scroll_down .ie8-after { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')"; } #scroll_down .ie7-after { filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand'); } #scroll_down{ -webkit-animation: bounce 1.25s infinite; -moz-animation: bounce 1.25s infinite; -o-animation: bounce 1.25s infinite; animation: bounce 1.25s infinite; } @-webkit-keyframes bounce { 0%, 15%, 45%, 80%, 100% { top:77%; } 35% { top:75%; } 55% { top:76%; } } @-moz-keyframes bounce { 0%, 15%, 45%, 80%, 100% { top:77%; } 35% { top:75%; } 55% { top:76%; } } @-o-keyframes bounce { 0%, 15%, 45%, 80%, 100% { top:77%; } 35% { top:75%; } 55% { top:76%; } } @keyframes bounce { 0%, 15%, 45%, 80%, 100% { top:77%; } 35% { top:75%; } 55% { top:76%; } } .yt_videolink{ position:relative; display:block; overflow:hidden; } .yt_thumb{ margin:-9.25% 0; width: 100%; } .ie8 .yt_thumb{ display:inline!important; } .yt_playbtn{ position:absolute; top:50%; left:50%; width:14%; padding-bottom:14%; margin-top:-7%; margin-left:-7%; text-indent:0; } .yt_playbtn:after, .ie7-playbtn_after{ content:" "; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:30px solid white; display:block; position:absolute; top:50%; left:50%; margin:-20px 0 0 -10px; } /* *** CALLOUTS *** */ .home_callout img{ opacity:0; } .home_callout .img_gs{ opacity:.1; } .ie7 .home_callout img, .ie8 .home_callout img{ filter: alpha(opacity=10); } #home_callouts{ height:273px; overflow:hidden; clear:left; } #owl-slides-callouts, #owl-slides-callouts .owl-wrapper-outer, #owl-slides-callouts .owl-wrapper, #owl-slides-callouts .owl-item{ height:100%; } .home_callout{ float:left; width:33.3%; height:100%; overflow:hidden; background:center center no-repeat; text-align:center; box-sizing: border-box; -moz-box-sizing: border-box; position:relative; z-index:4; cursor:pointer; } .gs_img_wrapper, .callout_text, .callout_btn{ position:absolute; top:50%; left:0; width:100%; } .callout_text{ width:90%; margin:0 5%; } .callout_text, .callout_btn{ z-index:5; } .home_callout img{ width:100%; height:auto; position:absolute; z-index:2; right:-1px; } .chrome .home_callout img{ right:0; } .home_callout:first-child{ border-left:0; } .callout_text>span{ display:block; } .callout_btn a{ display:inline-block; text-decoration:none; text-shadow: 0.05em 0.05em 0.05em black; padding:5px 10px; border:1px solid white; } .callout_line1, .callout_btn a{ font-size:2em; text-transform:uppercase; } .callout_line_divider{ border-top:3px double white; display:block; width:80px; margin:10px auto; } .callout_line2{ font-size:3.5em; } .callout_line3{ font-size:4.25em; } .interior_callout{ width:27.3%!important; float:left; margin:0 3%; padding:0 0 .75em 0!important; text-align:center; } .interior_callout>div{ position:relative; margin-bottom:.5em; } .interior_callout>div>div{ width:100%; height:100%; position:absolute; top:0; left:0; background:black; background:rgba(0,0,0,.6); } .ie7 .interior_callout>div>div, .ie8 .interior_callout>div>div{ background:transparent url("/assets/images/sprites/transparent60black.png"); } .interior_callout>div>div>span{ top:50%; left:0; text-decoration:none; position:absolute; display:block; width:80%; padding:0 10%; font-size:1.3em; } .interior_callout>div>img{ z-index:2; position:relative; } .interior_callout>div>div{ z-index:1; } /* overwritten by below with js. */ .interior_callout>div>div.black_over{ z-index:3; } /* *** UPCOMING EVENTS *** */ #upcoming_events{ padding-top:5%; } #upcoming_events>div{ padding:0 2%; width:96%; height:40px; overflow:hidden; } #events_title, #events{ line-height:40px; } #events_title{ font-size:2.6em; float:left; } #events_title span{ text-transform:none; } #events{ float:right; font-size:1.1em; } #events li{ float:right; clear:right; list-style:none; } #events .divider{ padding:0 .5em; } #events .arrow_link{ padding:0; text-transform:none; } /* *** INTERIOR TEMPLATE (.content) *** */ .slide_txt, .header_txt{ font-size:10em; text-align:center; text-shadow:3px 3px 8px black; display:block; width:100%; line-height:1em; } .slide_txt, .header_txt{ position:absolute; top:50%; display:none; } /* fades in and up on pageload */ .oldie .slide_txt, .oldie .header_txt{ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=4,color=000000); padding-top:1%; } .slide_txt span, .header_txt span{ font-size:.5em; text-transform:none; display:block; width:100%; line-height:1em; font-weight:bold; } .slide_txt .disclaimer {font-size:.25em; margin-top:0; } h1, h2.secondH1{ font-size:3.5em; } h1, .altH2, h2.secondH1{ text-align:left; border-top:0; } .arrow_link{ text-transform:uppercase; } h2{ text-align:center; font-size:3em; font-weight:bold; } h3{ text-align:left; font-size:2.5em; } .hersheypark h3{ margin-top:5%; } h4{ text-align:left; font-size:1.8em; line-height:1.3em; padding-top:.6em; padding-bottom:.6em; } h5{ font-size:1.7em; line-height:1em; padding-bottom:0; } .tel{ display:inline-block; } .content aside, .content section{ float:left; } .content ul, .content aside p, .content section p{ font-size:1.6em; line-height:1.5em; padding-top:.5em; padding-bottom:.5em; } .content ul{ padding:0 0 1em 2em; } .content aside .additional_info p{ font-size:1.6em; } .content aside .additional_info a{ text-decoration:underline; } .content aside .additional_info a:hover{ text-decoration:none; } .content section img{ width:100%; height:auto; } .content section img.avatar{ width:32px; } .content section .img_dsc{ padding: .5em 0; text-align: center; margin-bottom: -4px; position: relative; z-index: 40; width: 100%; font-size: 1.5em; text-transform: uppercase; left:0; } .content aside>span{ padding:8% 6%; display:block; } .w25{ width:20%; } .w35{ width:30%; } .w40{ width:35%; } .w50{ width:45%; } .w60{ width:55%; } .w65{ width:60%; } .w100,.split100{ width:100%; } .vert_center{ top:50%; } .asideh3{ margin-top:15px; } .menubtn{ width:100%; text-align:center; } .content section{ margin-top:5%; } .new_row{ clear:left; margin-right:10%; } .lg_text_p{ font-size:2em!important; } .lft_text{ text-align:left!important; } .ctr_text{ text-align:center!important; } /* SEARCH */ #search_results>div, #search_results>form, #local_events>table, #event_details>table{ font-size:1.7em; } #local_events table, #event_details table{ width:100%; } #local_events td, #event_details td{ padding:.5em; } .curr_page,.page_num{ font-size:1.1em; margin:0 .05em; } #search_results input, #search_results select{ width:auto; font-size:1em; padding:3px 6px; } #zoom_searchbox{ width:30%!important; text-align:left; cursor:text; } .zoom_searchform input[type='radio']{ margin:0 .25em 0 .5em; } .highlight { background:white; } .searchheading { font-weight: bold;} .summary {font-style: italic; font-size:16px; font-weight: bold;} .suggestion { font-size: 100%; } .results { font-size: 100%;} .sorting { text-align: right; } .result_title { font-size: 1.1em; font-weight:bold; } .context { margin:1% 0; } .infoline { font-size:.8em; } .zoom_results_per_page { display:inline; margin-left:2em; } .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } .result_image { float:left; display:block; } .result_image img { margin:10px; width:80px; border:0px; } .result_block {margin-bottom: 15px; clear: left; padding:10px;} .result_altblock {margin-bottom: 15px; clear: left; padding:10px; } .result_pages { } .result_pagescount { display:none;} .searchtime { font-size: 80%; } .recommended { background: #FFF8E7; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; padding:0 10px; } .recommended_heading { float: right; font-weight: bold; color:#333;} .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .recommend_title { font-size: 100%; font-weight:bold; } .recommend_description { font-size: 100%; color: #008000; } .recommend_infoline { font-size: 100%; font-style: normal; color:#808080;} .jump_links li{ list-style:none; } .jump_links{ padding:.5em 0!important; } .inline_links li{ list-style:none; float:left; margin-right:2em; } .inline_links{ clear:left; padding:0!important; font-size:1em!important; } .more_info{ font-size:.9em; } .more_info>div{ float:left; } #more_info_L, .ot_widget>form{ padding:5%; } #more_info_L{ width:50%; margin-right:-1px; } .located_at{ font-size:.55em; display:block; } #more_info_R{ padding:3%; width:34%; margin-right:-1px; font-size:1.1em; } #more_info_R ul{ list-style:none; padding:none; border-bottom:none; } #more_info_R li{ clear:left; } .more_info .arrow_link{ float:left; } .arrow_link{ display:inline-block; font-size:1.5em; padding:.5em 0; } .arrow_link .ie7-arrowlink_after, .arrow_link:after{ content:" "; background:url("/assets/images/sprites/icons.png") left -266px no-repeat; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; behavior:url("/assets/PIE.php"); width:15px; height:15px; display:inline-block; margin-left:.5em; vertical-align:middle; margin-top:-3px; } #events .arrow_link .ie7-arrowlink_after, #events .arrow_link:after{ margin-left:.9em; } nav li .arrow_link.gold_link{ font-size:1.1em; float:right; margin-top:1em!important; color: #8b743b !important; } .menu_link{ text-align:left; width:40%; float:left; margin-left:10%; } #map-canvas{ width:100%; height:450px; } .gmnoprint div[title="Pan left"], .gmnoprint div[title="Pan right"], .gmnoprint div[title="Pan up"], .gmnoprint div[title="Pan down"] { opacity: 0 !important; } .accordion p:first-child{ padding-top:0!important; } .accordion>div{ padding:0 1em; text-align:left; } .accordion>div>div{ display:none; } .accordion .img_dsc{ margin-bottom:1em!important; } #pano{ margin-bottom:-3px; } .toggle_btn{ display:inline-block; text-indent:-999em; background:url("/assets/images/sprites/icons.png") left -281px no-repeat; width:23px; height:23px; float:right; /*margin-left:1em;*/ } .show .toggle_btn{ background-position:right -281px; } .psav_btns{ text-align:center; margin-top:1em; } .psav_btns a{ margin:0 1em; } #hrs_key_{ margin:.75em 0!important;padding:0!important; } #hrs_key_ li{ font-size:.9em; width:45%; margin:0; margin-left:5%; } ul[id^='hrs_key_'] li span, #hrs li span{ width:15px!important; height:15px!important; margin-bottom:-3px!important; } .content section p.disclaimer{ font-size:1.2em; font-family: serif;} .content aside p.disclaimer{ font-size:1.4em; } .float_L{ float:left!important; } .float_R{ float:right!important; } .clear_L{ clear:left!important; } .clear_R{ clear:right!important; } .align_L{ text-align:left!important; } .align_R{ text-align:right!important; } /* New styles added for ADA, 7/31/2017, Ryan C */ .success-copy, .survey-success-copy { display: none; } form.ajax-form li { position: relative; } form.ajax-form li .inline-error { position: absolute; right: 5px; bottom: -25px; color: red; font-style: italic; font-size: .9em; } form.ajax-form .form-message { color: red; font-style: italic; margin-top: -15px; padding-bottom: 10px; text-align: center; width: 100%; } form#survey-form .form-message { font-size: 1.5em; } form#survey-form .inline-error { right: auto; left: 205px; top: 57px; } form#survey-form .new_row .inline-error { top: 35px; } /* ========================================================================== Conditional Styles ========================================================================== */ /*Webkit*/ @media screen and (-webkit-min-device-pixel-ratio:0){ } /*mac*/ body.mac .classname { } /*pc*/ body.pc .classname { } /*chrome*/ body.chrome { } /*IE11*/ body.ie11 { } /*IE10*/ html[data-useragent*='MSIE 10.0'] .classname {} /*IE9*/ .ie9 .classname {} /*IE8*/ .ie8 .classname {} /* ==|== non-semantic helper classes ======================================== ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== media queries ====================================================== Media Queries for Responsive Design. NOTE: These override the primary ('mobile first') styles For responsive design: http://www.alistapart.com/articles/responsive-web-design/ ========================================================================== */ @media only screen and (max-width: 1024px) { .slide_txt, .header_txt{ font-size:8vw; } .callout_txt .callout_btn{ font-size:5vw; } .home_callout{ font-size:1vw; } #ftr_top{ width:98.75%; padding:0 0 0 1.25%; } nav ul li ul.split li{ width:35%; } nav ul li ul.split li.odd{ clear:left; } nav ul li ul{ width:98%; padding-left:2%; } .subnav_snippet a.sibling_link{ width:45%; height:auto; } .subnav_snippet a.sibling_link img{ width:100%; height:auto; } #events_title, #events{ line-height:inherit; } } @media only screen and (max-width: 960px) { .general_form{ text-align:center; width:90%; margin:0 auto; } .general_form div ul li{ margin:.75em 0; } .general_form label{ text-align: left; } .general_form input, .general_form label, .general_form select, .general_form #selects_div, .general_form .flex_checkbox, textarea.inline-ta{ width:100%!important; } .general_form .flex_checkbox{ padding:0!important; } .general_form .flex_date, .general_form .btn{ width:auto!important; } .general_form label{ margin:.3em 0; } .general_form #selects_div{ margin:0 0 .75em; } .slide_txt .slide_btn{ font-size:18px; } #scroll_down { display:none; } section#alert-wrapper .alert-hidden { right: auto; left: 0px; } .general_form label .why_ask { top: 0px; left: auto; right: 5px; } } @media only screen and (max-width: 800px) { .early-break>div, .home_callout { width:100%; } #home_callouts{ height:230px!important; } .callout_text, .callout_btn{ position:relative; top:auto; margin-top:2em!important; } #call_btn{ display:block; } .home_callout{ font-size:inherit; } .home_callout .callout_line2{font-size:2.8em;} .home_callout .callout_line3{font-size:3.5em;} } @media only screen and (max-width: 768px) { #mobile_ftr_nav{ display:block; padding-top:5%; } #mobile_ftr_nav a{ font-size:1.4em; padding:.6em 0; width:33.33%; text-transform:uppercase; float:left; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #mobile_ftr_nav .gold_nav{ width:50%; border:none; } #top_navL, #top_navR, #ftr_top_C, #ftr_middle, footer span:first-of-type{ display:none; } #ftr_top_L{ border-right:1px solid #b9b8b6; width:60%!important; } #ftr_top_R{ width:40%; } nav{ background-image:none; padding-top:0; } #nav_logo{ width:40%; } #nav_logo img{ width:90%; height:auto; padding:5%; } #mobile_nav_icons{ float:right; clear:left; display:block; padding:0; text-indent:-999em; margin-top:-64px; background:white; } #directions_btn, #call_btn, #mobile_nav_btn{ float:left; width:55px; height:65px; background:url("/assets/images/sprites/mobile_nav_icons.png") center center no-repeat; } #directions_btn{ background-position:center -20px; } #call_btn{ display:none; background-position:center -120px; } #mobile_nav_btn{ background-position:center -220px; } #mobile_nav_btn.active{ background-position:center -320px; } #main_nav{ float:right; width:100%; display:none; position:relative; } #main_nav.active{ display:block; } #main_nav a{ margin:0; padding:0; padding-left:20%; } .mble>ul>li{ background:url("/assets/images/sprites/mble_arrow.png") 10% 10px no-repeat; } .mble>ul>li>a{ font-size:1.1em; line-height:3.5em; } .mble_only{ display:block; } nav ul{ text-align:left; } nav ul li{ float:none; } nav ul li a{ padding-bottom:0; } .subnav_snippet{ display:none; } nav ul li ul{ position:relative; width:100%; border-bottom:none; padding-top:1%; padding-left:0; } nav ul li ul li, nav ul li ul.split li{ width:100%; margin-left:0; } nav ul li ul li a{ display:block; } nav ul li ul.split li{ width:100%; } nav ul li ul.split li.odd{ clear:left; } nav ul li ul{ padding:0; } .subnav_snippet a.sibling_link{ width:45%; height:auto; } .subnav_snippet a.sibling_link img{ width:100%; height:auto; } #upcoming_events{ font-size:.85em; } #upcoming_events>div{ padding:0 .5%; width:99%; } .ot_widget{ clear:left; width:100%; } section#alert-wrapper .alert-hidden { right: 100px; left: auto; } .general_form .w50 { width: 100%; } } @media only screen and (max-width: 600px) { } .touch #home_callouts{ height:auto; margin-bottom:2em; } .touch .callout_text,.touch .callout_btn{ position:relative; top:auto; margin-top:4em!important; } .touch .callout_btn{ margin-top:2em!important; margin-bottom:4em!important; } @media only screen and (max-width: 480px) { body{ margin:0; } .w25, .w35, .w40, .w50, .w60, .w65, #ot_widget_form .split3, #ot_widget_form .ot_btn, #ftr_top, #ftr_top_R, #ftr_bottom{ width:100%; } #breadcrumbs, section>p, section>div, section>ul, section>.arrow_link, section>h1, section>h2, section>h3, section>h4, #ftr_bottom, #map-canvas, .content aside>span, .zoom_searchform{ width:90%; padding-left:5%;padding-right:5%; } section>.btn{ margin-left:5%; } .content ul{ padding:0 3% 0 10%; width:87%; } .general_form ul, .general_form .form_submit{ padding:0; width:100%; } .general_form .form_submit{ text-align:center; } #scroll_down, #upcoming_events, #ftr_top_L{ display:none; } .new_row{ margin-right:0; } .zoom_searchbox{ width:95%; } .zoom_results_per_page{ margin-left:0; display:block; } .content_contain, .w100 p, #upcoming_events>div>div, footer>div, #ftr_top, #ftr_bottom{ padding:0; } #ftr_top, #ftr_bottom{ padding-top:1em; padding-bottom:1em; } #mobile_ftr_nav a{ width:50%; } #mobile_ftr_nav .gold_nav{ width:100%; } #mobile_ftr_nav .gold_nav:first-child{ margin-bottom:.25em; } #mobile_ftr_nav a#resort_overview{ width:100%; } #res_widget{ width:100%; margin-left:-100%; } #res_widget_btn{ top:auto; margin-top:0!important; width:100%; margin-left:100%; display:block!important; -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ -o-transform:rotate(0deg); /* Opera */ } #res_widget_btn #res_btn_txt{ background-color:white; } #res_widget_form{ margin-left:0; width:80%; } #res_widget_form form{ width:auto; } #res_widget_form .res_title{ font-size:1.9em; } #ot_widget_form .split3rd, #ot_widget_form .ot_btn{ margin:0; } #ot_widget_form .ot_btn{ margin-top:5%; } #ot_widget_form .split3rd{ width:25%; } #ot_widget_form .split3rd.first3rd, #ot_widget_form .split3rd.middle3rd{ margin-right:5%; } .error-text_ot{ margin-top:0; } #blackout{ width:100%; left:0; right:0; } .menu_link{ width:95%; padding-left:5%; margin-left:0; } #home_slideshow .slide_txt{ padding:.5em 0 0; font-size:40px; } .home_callout img, .gs_img_wrapper{ display:none; } #more_info_R{ border-left:0; } .interior_callout>div>div>span{ font-size:1em; } form#survey-form .inline-error { right: auto; left: 121px; top: 94px; font-size: .7em; } form#survey-form .new_row .inline-error { top: 55px; } } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ==|== for more information on sylesheet settings ========================== http://html5boilerplate.com/docs/The-style/ ========================================================================== */ ul>ul{ padding-left: 1.25em; } #health-n-safety{ background-color:white; } #health-n-safety p, #health-n-safety dl.accordion-group dt, #health-n-safety dl.accordion-group dd { font-size: 1.6em; line-height: 1.5em; } #health-n-safety p { padding-top: .5em; padding-bottom: .5em; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro",serif; font-style: normal; font-weight: 400!important; } #health-n-safety #shq p{ font-family: "jaf-bernino-sans-condensed-n4","jaf-bernino-sans-condensed",sans-serif; } #health-n-safety .content_contain{ margin-bottom: 5%; } #health-n-safety .cntnt{ padding: 5%; } #health-n-safety dl.accordion-group dt{ position: relative; } #health-n-safety dl.accordion-group dt a{ font-size:1.5em; padding: 1em 3em 1em 4em; text-transform:uppercase; } #health-n-safety dl.accordion-group dt a .toggle_btn{ position: absolute; right: 1em; top: 1em; } #health-n-safety dl.accordion-group dd{ padding: 1em 1% 1em 6.5%; } #health-n-safety dl.accordion-group h3{ margin-top:1em; } #health-n-safety dl.accordion-group .icon{ margin-right:1em; } #health-n-safety dl.accordion-group dt .icon{ margin-left:-2.65em; } #health-n-safety #hero{ display:block; font-size:1.25em; } #health-n-safety #hero .content_contain h1{ padding-top:0; border:0; } #health-n-safety #hero .content_contain .mw100{ display:block; margin:auto; max-width:300px; margin-bottom:3em; } #health-n-safety #ready-for-you{ list-style:none; padding-left:57px; } #health-n-safety #ready-for-you li{ margin-bottom:1em; } #health-n-safety #ready-for-you h3{ margin-bottom:0; } #health-n-safety #ready-for-you .icon{ margin-left: -57px; } #health-n-safety #ready-for-you p{ margin-top:0; } #health-n-safety #quick-links>div{ position:relative; } #health-n-safety #quick-links .cntnt strong{ padding-left:57px; display: block; } #health-n-safety #quick-links .cntnt strong .icon{ margin-left: -57px; } #health-n-safety #ready-for-you strong, #health-n-safety #quick-links strong{ font-weight:900; } /*colors*/ #health-n-safety #hero .content_contain{ background-color: #f1efeb; } #health-n-safety #hero .content_contain h1{ color:#07498B; } #health-n-safety #hero .content_contain h1>span{ font-size:.75em; color:#8C6F36; } #gir h2, #nse h2, #shq h2{ color:white; border:none; text-align:left; padding-left:3em; } #gir h2 .icon, #nse h2 .icon{ margin-left:-2.25em; } #gir>div:nth-child(2), #nse>div:nth-child(2){ color: #7b7b7b; } #ready-for-you .icon svg, #gir .icon svg{ fill:#8C6F36; } #gir>div:first-child, #quick-links>div:first-child{ color:white; background-color:#8C6F36; } #gir hr{ border-color:#8C6F36; } #nse .icon svg{ fill:#07498B; } #nse>div:first-child, #quick-links>div:nth-child(2){ color:white; background-color:#07498B; } #nse hr{ border-color:#07498B; } #shq, #quick-links>div:nth-child(3){ background-color:#dfdfdd; } #quick-links .icon svg, #gir h2 .icon svg, #nse h2 .icon svg, #shq h2 .icon svg{ fill:white; } #health-n-safety #hero .content_contain, #health-n-safety dl.accordion-group dt a, #health-n-safety dl.accordion-group dd{ color:#7b7b7b; } #gir>div:first-child .icon, #nse>div:first-child .icon{ width:55px; height:55px; } #gir>div:nth-child(2)>div:first-child, #nse>div:nth-child(2)>div:first-child, #shq{ font-size:1.5em!important; } #shq .btn{ margin-top:1em; font-size:1.1em; } #gir>div:nth-child(2), #nse>div:nth-child(2){ margin:3% auto 4%; } #gir>div:nth-child(2) p, #gir>div:nth-child(3) p, #gir>div:nth-child(3) ul, #nse>div:nth-child(2) p, #nse>div:nth-child(3) p, #nse>div:nth-child(3) ul{ font-family: "jaf-bernino-sans-condensed-n4","jaf-bernino-sans-condensed",sans-serif; font-style: normal; font-weight: 400!important; } #shq{ margin-bottom:0; } .img-fill{ position:relative; overflow:hidden; } .img-fill img{ position:absolute; top:0;right:0;bottom:0;left:0; object-fit: cover; height: 100%; } .mw100{ max-width:100%; height:auto; } hr.hr60{ width: 60px; } .icon{ display: inline-block; vertical-align: middle; margin-top: -1em; margin-bottom: -.5em; margin-right:.5em; width:40px; height:40px; } svg{ display: block; width: 100%; height: 100%; } #health-n-safety + #upcoming_events{ padding-top:0; } @media only screen and (min-width: 48.0625em){ #health-n-safety #hero .content_contain{ position: relative; z-index: 1; margin-top:-10%; padding:0; box-shadow: 0 3px 25px rgba(0,0,0,.1); max-width:1200px; } .w33, .w33-66, .w40-60, .w50-50{ display:flex; flex-flow:row wrap; width:100%; } .w33, .w33-66, .w33>*, .w33-66>*, .w40-60>*, .w50-50>*{ -webkit-box-sizing: border-box; box-sizing: border-box; } .w33>*, .w33-66>*:first-child{ width:33.3%; } .spaced.w33>*{ width:30.6%; } .spaced.w33-66>*:first-child{ width:31.3%; } .w33-66>*:nth-child(2){ width:66.6%; } .spaced.w33-66>*:nth-child(2){ width:64.6%; } .spaced.w33>*{ margin:0 2%; } .spaced.w33>*:nth-child(3n){ margin-right:0; } .spaced.w33>*:nth-child(3n+1){ margin-left:0; } .w40-60>*:first-child{ width:40%; } .w40-60>*:nth-child(2){ width:60%; } .spaced.w33-66>*:nth-child(2){ margin-left:2%; } .spaced.w33-66>*:first-child{ margin-right:2%; } } #alert-wrapper{ background-color:#b7b7b7; color:#2b2b2b; } #alert-wrapper a, #alert-wrapper button{ color:#2b2b2b; } #alert-wrapper svg{ fill:#2b2b2b; } #alert-wrapper .alerts, #alert-wrapper .alert-tab{ background-color:white; } #alert-wrapper .alert.a-icon, #alert-wrapper .alert-dismiss{ border-color:#2b2b2b; }