/* Theme Name: cheese-2019 Theme URI: http://www.website.co.nz Description: Mt Cheeseman Theme 2019 Author: Wired. Author URI: http://www.wired.co.nz version: 1.0 */ body { background:#fcfcfc; color:#535551; font-family: 'Maven Pro', sans-serif; font-size:16px; line-height:auto; overflow-x:hidden; margin:0; padding:0; position:relative;} img { border:none; display:block; height:auto; max-width:100%;} h1 { color:#464646; font-size:1.8em; margin:0 0 15px 0; padding:0;} h1 small, h2 small { color:#00b5de; display:block; font-size:0.8em; font-weight:400;} h2 { color:#464646; font-size:1.7em; margin:0 0 15px 0; padding:0;} h3 { color:#00b5de; font-size:1.5em; font-weight:400; margin:10px 0; padding:5px 0 0 0;} h4 { color:#464646; font-size:1.2em; margin:0 0 10px 0; padding:5px 0 0 0;} h4 small{ font-size:0.8em; font-weight:400; } h5 { color:#464646; font-size:0.9em; font-weight:400; margin:6px 0; padding:0;} h6 {} p { color:#7b8384; font-size:0.9em; line-height:1.4em; margin:12px 0;} ul { margin:0; padding:0 0 0 20px; } ul li { color:#7b8384; font-size:0.9em; line-height:1.4em; margin:8px 0; padding:0;} .priceswrap ~ h2 { margin-top:30px;} a:link, a:visited { color:#ec1e0c; text-decoration:none;} a:hover, a:active { color:#57aeca; transition:0.1s;} hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #a4e3f2; height:1px; margin-bottom:50px; margin-top:50px; max-width:833px; overflow:visible; position:relative; } hr:after { background:url(/images/icons.png) -360px -60px no-repeat; content:""; display:inline-block; height:30px; margin:0 0 0 -15px; position:absolute; top:-15px; left:50%; width:30px; z-index:1;} .contentwidth { margin:auto; position:relative; max-width:1200px;} .contentwidth-slim { margin:auto; position:relative; max-width:750px;} .clearfix { clear:both;} .aligncenter { text-align:center;} img.aligncenter { margin:auto;} .uppercase { text-transform:uppercase;} /*----------------------Unique containers---------------------*/ #site-header { background-color: rgba(39,100,170,0.92); padding:12px 0; position:absolute; top:0; left:0; width:100%; } #logo { background:url(/images/icons.png) 0 0 no-repeat; float:left; height:60px; width:300px;} #logo a:link, #logo a:visited { display:block; height:60px; } #webcams { background:url(/images/icons.png) -180px -180px no-repeat; height:60px; opacity:0.7; position:absolute; top:12px; right:16px; transition:0.3s; width:60px; z-index: 2000;} #webcams:active, #webcams:hover { opacity:1;} #webcams a:link, #webcams a:visited { display:block; height:60px;} #site-content { margin:35px 0 85px 0;} #home-banner { background:url(/images/home-banner.jpg) 0 0 no-repeat; background-size:cover; height:600px; padding:90px 0 0 0;} #mountain-report-summary { margin:40px 0 0 35%; text-align:center; width:60%;} #mountain-report-summary ul { list-style:none; margin:0; padding:0;} #mountain-report-summary ul li { font-size:2.0em; font-weight:900; float:left; width:25%; } #mountain-report-summary ul li:first-of-type small { font-size:0.55em; font-weight:700; line-height:1.1em; } #mountain-report-summary ul li small { display:block; font-size:0.4em; font-weight:400; line-height:1em; padding-bottom:6px; } #mountain-report-summary ul li div.mrs-item { border-right:1px dashed #b5d4f2; padding:0 9px; } #mountain-report-summary ul li:last-of-type div.mrs-item { border-right:none; } #mountain-report-summary a:link, #mountain-report-summary a:visited { border-radius:8px; color:#fff; display:block; padding:12px 9px 12px 9px; } #mountain-report-summary a:active, #mountain-report-summary a:hover { background-color:rgba(255,255,255,0.20); } #full-report-link-wrap { font-size:0.8em; margin:auto; margin-top:35px; position:relative; text-align:left; width:500px; } #full-report-link-wrap:before { background:url(/images/icons.png) -408px -60px no-repeat; content:""; display:inline-block; height:11px; margin:0; position:absolute; top:14px; left:9px; width:11px; z-index:1; } #full-report-link-wrap:hover:before { background-position:-408px -70px; } #full-report-link-wrap a:link, #full-report-link-wrap a:visited { background-color:rgba(75,98,172,0.20); padding:9px 9px 9px 25px; position:relative; z-index:2; } #full-report-link-wrap a:active, #full-report-link-wrap a:hover { background-color:rgba(255,255,255,0.20); color:#2d69ae;} #full-report-link-wrap a strong {font-size:1.3em;} #site-footer { margin:0; padding:0; } #social-links-wrap { margin:0 0 50px 0; text-align:center; } #footer-contacts { background:#fff; box-shadow:0 0 9px #eaeaea; padding:55px 0;} #copyright { font-size:0.8em; padding:25px 5%; text-align:center;} #copyright a:link, #copyright a:visited { color:#5fbac5; } #copyright a:active, #copyright a:hover { color:#1b93a1; } /*----------------------Navigation---------------------*/ #nav { float:left; margin:6px 0 0 9%; padding:0; position:relative; text-align:left; z-index:9; } #nav input[type="checkbox"], #nav input[type="checkbox"] + label { display:none;} #nav input[type="checkbox"] ~ .menu-top-menu-container ul { margin:0; padding:0; list-style:none; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li { display:inline-block; margin:0; padding:0; position:relative;} #nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link , #nav li.current-menu-item a:visited { background:#00b5de; color:#fff; } #nav li a:link, #nav li a:visited { border-radius:4px; color:#b5d4f2; display:block; padding:15px 15px; } #nav li a:active, #nav li a:hover { color:#fff; } #nav ul li ul.sub-menu { display:none; position:absolute; left:0; top:45px; width:180px;} #nav ul li:hover ul.sub-menu { display:block; z-index:9;} #nav input[type="checkbox"] ~ .menu-top-menu-container ul li ul.sub-menu li { background:#00b5de; border-top:1px solid #b4d2ec; display:block;} #nav ul li ul.sub-menu li a:link, #nav ul li ul.sub-menu li a:visited { border-radius:0; color:#fff; padding:5px 15px; } #nav ul li ul.sub-menu li a:active, #nav ul li ul.sub-menu li a:hover { color:#144d8e; } ul#menu-footer-menu { margin:20px 0 0 0; padding:0; text-align:center;} ul#menu-footer-menu li { display:inline-block; list-style:none; margin:0; padding:0; } ul#menu-footer-menu li { border-right:1px solid #ccc;} ul#menu-footer-menu li:last-of-type { border-right:0;} ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited { display:block; padding:0 9px;} /*---------------------input & anchor button styles-------------------------------*/ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#535551; display:block; font-size:1em; margin:0 0 8px 0; padding:11px 15px; width:calc(100% - 32px);} textarea { height:125px;} select { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#318b9f; display:inline; font-size:1em; height:44px; line-height:42px; padding:0 15px; margin:0 0 8px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; } select::-ms-expand { display:none;} .selectstyle { position:relative;} .selectstyle:after { background: url(/images/icons.png) -244px 9px no-repeat; border-left:1px solid #b2d2db; content:""; position:absolute; right:0; top:0; pointer-events:none; width:40px; height:44px; z-index:6;} .selectstyle:hover:after { background: url(/images/icons.png) -284px 9px no-repeat; background-color:#318b9f; } .selectstyle select option span { font-size:0.6em;} ::placeholder, option:first-of-type { color:#b6b6b5; opacity:1;} input[type="text"].short-input { width:calc(60% - 32px);} input[type="submit"], a.btn { background:#ec1e0c; border:0; border-radius:5px; color:#fff; cursor:pointer; display:inline-block; font-family:'Maven Pro', sans-serif; font-size:0.8em; line-height:30px; margin:3px 0; padding:0 25px; text-decoration:none; text-transform:uppercase; } input[type="submit"]:hover, a.btn:hover { background:#57aeca; color:#fff; transition:0.3s;} p.big-btn-wrap { border:1px solid #ec1e0c; border-radius:6px; margin:auto!important; display:table; width:fit-content; } p.big-btn-wrap:active, p.big-btn-wrap:hover { border:1px solid #57aeca; transition:0.3s;} .big-btn-wrap a:link, .big-btn-wrap a:visited { background:#ec1e0c; border:2px solid #fff; border-radius:5px; color:#fff; display:inline-block; font-size:1.3em; font-weight:700; padding:14px 36px 18px 36px;} .big-btn-wrap a:active, .big-btn-wrap a:hover { background:#57aeca; transition:0.3s;} .p-btn-side-by-side-wrapper { text-align:center; } .p-btn-side-by-side-wrapper p.big-btn-wrap { display:inline-block; min-width:300px;} .p-btn-side-by-side-wrapper p.big-btn-wrap a:link, .p-btn-side-by-side-wrapper p.big-btn-wrap a:visited { display:block;} a.link { display:inline-block; font-size:0.9em; padding:9px 35px 9px 0; position:relative;} a.link:after { background:url(/images/icons.png) -392px -61px no-repeat; content:""; display:inline-block; height:15px; margin:0; position:absolute; top:11px; right:12px; width:15px; z-index:1; } label { display:inline-block; margin:0;} input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;} /*-icons-*/ span.icon, .icon span { background: url(/images/icons.png) no-repeat; height:60px; display:block; margin:auto; width:60px; } span.open, .open span { background-position:-240px -180px; width:120px; } span.season, .season span { background-position:-240px -180px; width:120px; } span.chains, .chains span { background-position:-300px 0; } span.snowfall, .snowfall span { background-position:-240px -120px; } span.closed, .closed span { background-position:-360px 0; } span.hold, .hold span { background-position:0 -240px; } span.delayed, .delayed span { background-position:-65px -240px; } .home span.delayed strong, .home .delayed span strong { font-size:14px; color:#ffffff; } a.icon-webcam-link { background:url(/images/icons.png) -180px -240px no-repeat #00b5de; border-radius:50%; display:block; float:right; height:60px; opacity:0.7; width:60px;} a.icon-webcam-link:active, a.icon-webcam-link:hover {opacity:1; transition:0.3s; } /*-weather icons-*/ span.partlycloudy, .partlycloudy span { background-position:-120px -60px;} span.cloudy, .cloudy span { background-position:0 -60px;} span.sunny, .sunny span { background-position:-300px -120px;} span.rain, .rain span { background-position:-240px -60px;} span.rain-clearing, .rain-clearing span { background-position:-180px -120px;} span.storm, .storm span { background-position:-180px -60px;} span.windy, .windy span { background-position:-300px -60px;} span.snow, .snow span { background-position:0 -120px;} span.snow-clearing, .snow-clearing span { background-position:-60px -120px;} span.whiteout, .whiteout span { background-position:-120px -120px;} #social-links-wrap a:link, #social-links-wrap a:visited { background: url(/images/icons.png) no-repeat; display:inline-block; height:60px; margin:0 8px; width:60px; } #social-links-wrap a:active, #social-links-wrap a:hover { opacity:0.8;} #social-links-wrap a.facebook { background-position:0 -180px;} #social-links-wrap a.instagram { background-position:-60px -180px;} #social-links-wrap a.youtube { background-position:-120px -180px;} /*---------------------styled containers---------------------------*/ .video-wrap { background:#f1f1f1; margin-bottom:8px; padding:20px;} .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;} ul.into-links { list-style:none; margin:20px 0; padding:0; } ul.into-links li { float:left; } ul.into-links li:nth-of-type(1) { border-right:1px solid #e2e2e2; padding:0 14px 0 0; text-align:right; width:calc(50% - 15px);} ul.into-links li:nth-of-type(2) { text-align:left; padding:0 0 0 14px; width:calc(50% - 14px);} ul.clean-list { border-top:1px solid #e2e2e2; list-style:none; margin:0; padding:0; } ul.clean-list li { border-bottom:1px solid #e2e2e2; font-size:0.9em; margin:0; padding:8px 0; } .testimonial-wrap, .callout2 { border:2px solid #7dcfe9; border-radius:4px; margin:auto; max-width:500px; padding:30px 5%; position:relative;} .testimonial-wrap:after { background: url(/images/icons.png) -360px -92px no-repeat; content:""; display:block; position:absolute; right:-29px; top:30%; pointer-events:none; width:30px; height:27px; z-index:6;} .callout { background:#f1f1f1; margin-bottom:20px; padding:35px 42px;} .job-img { background:#fff; border:1px solid #89d2e3; padding:3px; width:280px; } .job-img img {display:block;} .job-info { margin:0 0 0 320px; } .job-info h4 { font-size:1.4em;} ul.job-details { list-style:none; margin:0; padding:0; } ul.job-details li { color:#5c5c5c; margin:0; padding:0; } .job-links-wrap { border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; margin:20px 0 0 0; padding:9px 0; } .job-links-wrap a.link { margin:-3px 0 0 0;} .job-links-wrap a.btn { float:right;} /*-Full mountain report styles - */ .mountain-report-wrap h1 small{font-size:0.7em;} .mountain-report-wrap .row { border-top:1px solid #e2e2e2; padding:30px 0; text-align:left; } .mountain-report-wrap .fifty-p { text-align:left;} .open-block { float:left; padding:0 20px 0 0; text-align:center!important; width:calc(30% - 20px);} .fmr-weather-wrap { float:left; margin:0 1% 0 0; text-align:center; } .fmr-weather-wrap .icon { background:#00b5de; border-radius:5px; color:#fff; float:left; height:60px; margin:0 3px 3px 0; padding:10px; text-align:center; width:60px;} .fmr-weather-wrap .icon b{ display:block; font-size:2.0em; padding:9px 0 0 0;} .fmr-weather-wrap .icon b sup { font-size:0.6em;} .fmr-weather-wrap a.link { padding:2px 35px 18px 0;} .fmr-weather-wrap a.link:after { top:4px;} .snowfall-data { float:left;} .snowfall-data h6 { font-size:0.85em; margin:-2px 0 0 0; padding:0;} .snowfall-data h5 { color:#00b5de; font-size:1.8em; font-weight:700; line-height:1em; margin:0; padding:0; } .snowfall-data h5 small { font-size:0.7em; font-weight:400;} .snowfall-data p { font-size:0.82em; margin:0; padding:0;} .snowfall-data p b { color:#464646; font-weight:400; } .open { color:#9ed130;} .closed { color:#ed1600;} .onhold { color:#ee9200;} .on.hold { color:#ee9200;} .opens em {font-size:14px; font-style:normal;} .delayed.opening {font-size: 16px;color:#ee9200;} .closed strong, .open strong, .on.hold strong, .season strong {display: none;} .closed em, .open em, .on.hold em, .delayed em {display:none;} span.season.opens {font-size: 18px;} .open.to.forest.lodge {font-size: 20px;} .mountain-status { font-size:1.3em; font-weight:700; line-height:1.5em; padding:5px 0 0 0;} .mountain-status span {display:block; font-size:1.8em; width: 100%; text-transform:capitalize;} .road-status { font-size:1.4em; font-weight:900; line-height:1.3em; padding:40px 0 0 0;} .road-status span.open, .road-status span.closed, .road-status span.onhold{ font-size:1.8em; font-weight:700; } .road-status span { display:block; font-size:0.8em; width: 100%; text-transform:capitalize; } .road-details-wrap { float:left; width:70%;} .tobefitted, .wheretobefitted { float:left; padding-bottom:10px; width:50%;} .tobefitted { color:#464646; font-weight:700; } .tobefitted span { color:#00b5de; font-size:1.6em; display:block; } p.twowheeldrive, p.fourwheeldrive { font-size:0.9em; margin:8px 0; padding:0 0 0 50px; position:relative;} p.twowheeldrive:before, p.fourwheeldrive:before {background: url(/images/icons.png) no-repeat; content:""; display:block; position:absolute; top:0; left:0; height:17px; width:44px;} p.twowheeldrive:before { background-position:-368px -192px; } p.fourwheeldrive:before { background-position:-368px -211px; } .road-description { border-top:1px solid #e2e2e2; clear:both; margin:0; padding:10px 0 0 0;} .road-description p {font-size:0.9em;} ul.lift-status { list-style:none; margin:0; padding:0; } ul.lift-status li { margin:0; padding:8px 0 8px 58px; position:relative; text-align:left;} ul.lift-status li h5, .mountain-report-wrap .row h5{ font-size:1.2em; font-weight:700; margin:0; padding:0;} ul.lift-status li p { font-size:1.0em; margin:5px 0; padding:0; } ul.lift-status li.lift-open:before , ul.lift-status li.lift-on:before, ul.lift-status li.lift-closed:before , ul.lift-status li.lift-delayed:before { content:""; border-radius:50%; border:4px solid #fff; box-shadow:0 0 3px #e2e2e2; display:block; height:22px; position:absolute; top:4px; left:11px; width:22px;} ul.lift-status li.lift-open:before { background-color:#9ed130;} ul.lift-status li.lift-on:before { background-color:#ee9200;} ul.lift-status li.lift-delayed:before { background-color:#ee9200;} ul.lift-status li.lift-closed:before { background-color:#ed1600;} ul.lift-status li span {text-transform: uppercase;} .lift-on strong, .lift-closed strong, .lift-open strong {display: none;} .mountain-report-wrap span {text-transform: uppercase;} .priceswrap { margin-bottom:9px;} .priceswrap h2{ font-size:1.4em; font-weight:900; text-align:center;} .priceswrap h4, .priceswrap h5 { margin:0; text-align:center; } .priceswrap p { margin:0 0 15px 0; text-align:center;} .priceswrap table{ border-top:1px solid #e2e2e2; margin:0 5% 5px 5%; width:90%;} .priceswrap table tr:first-of-type { font-weight:700;} .priceswrap table tr:first-of-type small{ display:block; font-weight:400;} .priceswrap table tr td{ border-bottom:1px solid #e2e2e2; font-size:1.1em; padding:9px 0 14px 0;} .priceswrap table tr td:first-of-type { width:33%;} .priceswrap table tr td small { font-size:0.7em;} .priceswrap table.table-5col tr td:nth-of-type(2), .priceswrap table.table-5col tr td:nth-of-type(3), .priceswrap table.table-5col tr td:nth-of-type(4) { width:17%;} .priceswrap table.table-4col tr td:nth-of-type(2), .priceswrap table.table-4col tr td:nth-of-type(3) { width:24%;} .phonewrap { font-size:0.9em;} .phonewrap a:link, .phonewrap a:visited { font-size:1.3em;} .callout .ngg-imagebrowser.default-view { margin:-10px 0!important;} /* Testimonial styles overwrites */ #an_testimonials #an_testimonials2 { margin-top:-42px;} #an_testimonials #an_testimonials2 #an_all_comment_box { padding-top:0;} #an_testimonials #an_testimonials2 #an_all_comment_box .an_comment_box { border:2px solid #7dcfe9; border-radius:4px; margin:40px 20px 0 0; min-width:220px; padding-bottom:16px; position:relative; } #an_testimonials #an_testimonials2 #an_all_comment_box .an_comment_box div div svg { display:none;} #an_testimonials #an_testimonials2 #an_all_comment_box .an_comment_box:after { background: url(/images/icons.png) -360px -92px no-repeat; content: ""; display: block; position: absolute; top: -28px; left: 25%; pointer-events: none; width: 30px; height: 27px; transform: rotate(-90deg); visibility: visible; opacity: initial; border-top: none; z-index:6; } .home-testimonials-wrap h4 { margin-bottom: 45px!important;} p.an_testimonial_text.an_testimonial_text_title { font-size: 18px!important;} /*MailChimp signup */ #mc_embed_signup {background:#f1f1f1!important; margin-bottom:20px; padding:35px 42px;} .mc-field-group ul, .mc-field-group ul li { list-style:none; margin:0; padding:0;} .indicates-required { font-size:0.8em; float:right; } .campaign { border-top:1px solid #ccc; padding:4px 0 0 0;} .campaign a { display:block;} /*---------------------responsive cols---------------------------*/ .row { clear:both; position:relative; } .col-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .job-img { float:left;} .col-1o3 { width:32%;} .col-1o3:nth-child(2) { margin:0 2%;} .col-2o3 { margin-right:3.5%; width:61.6%;} .col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;} .col-1o4 { margin-right:5%; width:20%;} .col-1o4:nth-child(4n) { margin-right:0;} #footer-contacts .col-1o4 { margin-right:1%; text-align:center; width:24%;} #footer-contacts .col-1o4:nth-child(4n) { margin-right:0;} .col-2o4 { margin-right:5%; width:45%;} .col-1o4 ~ .col-2o4 { margin-right:0;} .col-1o2 { margin:0 20px 0 0; width:calc(50% - 20px);} .col-1o2:nth-of-type(even) { margin:0 0 0 20px; } .col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;} .fifty-p { margin:0 4% 0 0; width:48%;} .fifty-p:nth-of-type(even) { margin:0;} /*---------------------Media queries---------------------------*/ @media only screen and (max-width: 1240px) { .contentwidth { padding:0 2%; width:96%;} #nav { margin:6px 0 0 5%;} #home-banner {background-position:40% 0;} #mountain-report-summary { margin:40px 0 0 20%; width:80%;} } @media only screen and (max-width: 1060px) { #site-header { padding:6px 0; } #nav { clear:both; float:none; margin:6px 0 8px 1.5%;} #nav li a:link, #nav li a:visited { padding:6px 15px;} #home-banner { background-position:60% 10%; background-size:initial; height:350px; padding:130px 0 0 0;} #mountain-report-summary { margin:40px 0 0 0; width:100%;} #nav ul li ul.sub-menu { top:30px;} } @media only screen and (max-width: 900px) { .col-1o3, .col-1o3:nth-child(2), .col-2o3 { border-bottom:1px solid #e2e2e2; margin:0 4% 30px 4%; padding:0 0 30px 0; text-align:center; width:92%; } .col-1o3 img, .col-1o3:nth-child(2) img { margin:auto;} .col-1o3:nth-child(3), .col-2o3 ~ .col-1o3 { border-bottom:none; margin-bottom:0; padding-bottom:0;} .col-2o3 ul li { list-style:none;} .col-1o3 ul { list-style:none;} a.icon-webcam-link { display:none;} .home span.delayed strong, .home .delayed span strong { line-height:4em;} .indicates-required { float:none; } #mountain-report-summary ul li { font-size:1.5em;} #mountain-report-summary ul li small { font-size:0.6em;} #mountain-report-summary ul li:first-of-type small { font-size:0.7em;} #footer-contacts .col-1o4 { margin:15px 0; width:100%;} .opens em {line-height:3.5em;} } @media only screen and (max-width: 800px) { .col-1o2, .col-1o2:nth-of-type(even) { margin:0 0 20px 0; width:100%;} .job-img { width:150px; } .job-info { margin:0 0 0 175px; } .priceswrap table tr td small { display:block;} } @media only screen and (max-width: 700px) { .hide-on-mobile, .job-img { display:none;} #site-header { padding:6px 0 16px 0; } #webcams { right:80px;} .contentwidth { padding:0 4%; width:92%;} #nav { margin:0; padding:0; position:absolute; top:0; right:0; text-align:left; width:100%; z-index:9; } #nav ul li a { font-size:15px;} #nav input[type="checkbox"] { display:none;} #nav input[type="checkbox"] + label { background:url(/images/icons.png) -437px 0 no-repeat; border-radius:50%; display:block; font-size:18px; height:60px; margin:0; opacity:0.7; padding:0; position:absolute; top:0; right:9px; transition:0.3s; width:60px; z-index:9; } #nav input[type="checkbox"]:checked + label { background:url(/images/icons.png) -437px -58px no-repeat #7dcfe9; border-radius:50%; opacity:1; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul.menu { background-color:rgba(0,0,0,0.85); border-bottom:1px solid #fff; margin:0; padding:0; position:absolute; transition:0.3s; width:100%; top:-999px; right:0; transition:0.3s; z-index:8; } #nav input[type="checkbox"]:checked ~ .menu-top-menu-container ul { border-bottom:1px solid #333; top:-9px; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li { border-bottom:1px dotted #92a0a4; display:block; margin:0; padding:0; text-align:center; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li a:link { font-size:1.4em; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li.current_page_item, #nav input[type="checkbox"] ~ .menu-top-menu-container ul li.current-menu-item { background:none; color:#fff; } #nav li.current_page_item a, #nav li.current-menu-item a { background:none; color:#fff; } #nav li a:link, #nav li a:visited { border-radius:0; color:#fff; display:block; padding:15px; } #nav li a:active, #nav li a:hover { background:#00b5de; color:#fff; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li ul.sub-menu { border-top:1px dotted #92a0a4; display:block; padding:5px 0; position:relative; left:0; top:0; width:auto;} #nav input[type="checkbox"] ~ .menu-top-menu-container ul li ul.sub-menu li { background:none; border:0; padding:0 15px; } #nav input[type="checkbox"] ~ .menu-top-menu-container ul li ul.sub-menu li a:link, #nav ul li ul.sub-menu li a:visited { font-size:0.9em; padding:1px 3px;} #nav ul li ul.sub-menu li a:active, #nav ul li ul.sub-menu li a:hover { color:#7dcfe9;} #nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link, #nav li.current-menu-item a:visited { background:none;} #home-banner { background:#2472ba; background:-moz-linear-gradient(-45deg, #2472ba 0%, #71a9d8 100%); background:-webkit-linear-gradient(-45deg, #2472ba 0%,#71a9d8 100%); background: linear-gradient(135deg, #2472ba 0%,#71a9d8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2472ba', endColorstr='#71a9d8',GradientType=1 ); height:auto; padding:50px 0 0 0;} #mountain-report-summary { text-align:left;} #mountain-report-summary ul li { margin:0 5%; width:90%;} #mountain-report-summary ul li div.mrs-item { border-right:none; border-bottom:1px dashed #b5d4f2; padding:0;} #mountain-report-summary a:link, #mountain-report-summary a:visited { border-radius:0; padding:12px 9px 12px 120px; position:relative;} span.icon { margin:0; position:absolute; top:9px; left:30px;} #mountain-report-summary ul li:first-of-type div.mrs-item span.icon { left:0; } #mountain-report-summary ul li:first-of-type div.mrs-item span.delayed, #mountain-report-summary ul li:first-of-type div.mrs-item span.closed, #mountain-report-summary ul li:first-of-type div.mrs-item span.on.hold { left:30px;} .opens em { margin:0 0 0 17px;} .season strong { font-size:14px;} #full-report-link-wrap { margin:9px 5%; padding:0 0 20px 0; width:90%;} #full-report-link-wrap a:link, #full-report-link-wrap a:visited { padding:8px 0 8px 30px; } .testimonial-wrap { margin:0 30px; max-width:none; padding:28px 30px; width:calc(100% - 120px);} .job-info { margin:0; } .open-block { padding:0; width:100%;} .fmr-weather-wrap { float:none; margin:auto; width:250px;} .snowfall-data { margin:0 0 30px 0; text-align:center; width:100%;} .road-status { padding:0;} .road-details-wrap { float:none; width:100%;} .tobefitted { float:none; padding-bottom:10px; text-align:center; width:100%;} .wheretobefitted {float:none; margin:auto; width:200px;} .road-description { border-top:none; padding:0; text-align:center;} .priceswrap table { margin:0 0 5px 0; width:100%;} } @media only screen and (max-width: 500px) { #logo { background-position:-360px -120px; height:60px; width:60px;z-index: 2000; position: relative; } .testimonial-wrap { padding:28px 20px; width:calc(100% - 100px);} .callout { padding:22px 25px; } .job-links-wrap a.btn { float:none;} #banner { height:80px; opacity:0;} .fifty-p { margin:0; width:100%;} #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} .priceswrap h2 { font-size: 1.2em;} .priceswrap table tr td { font-size:0.8em; padding:6px 0 9px 0;} #mc_embed_signup { padding:20px;} } @media only screen and (max-width: 400px) { .callout { padding:9px 8px; } .big-btn-wrap a:link, .big-btn-wrap a:visited { font-size:1.1em; padding:14px 26px 18px 26px;} .p-btn-side-by-side-wrapper p.big-btn-wrap { min-width:250px;} }