/*----------------------------------------------------------------------------------- Theme Name: Stark Parks, OH Front-end developer: Hayk Galoyan Author Design: Toshe Vladevski Author URI: https://www.revize.com/ Date: 11/30/2024 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ :root { --brandcolor: #1A1A1A; /* Choose a dark color form the website color palette */ --darkgray: #999; /* Choose a lighter color form the website color palette */ --lightgray: #ddd; /* Choose a very light color form the website color palette */ --lightgreen: #ECF5E8; --Color-Brand-tertiary-main: #B3501E; --Color-Brand-primary-main: #4D7737; --Color-Brand-secondary-main: #2E7E99; --Color-Brand-secondary-dark: #1F5769; --Color-Brand-secondary-light: #EBF4F7; --Color-Typography-tertiary: #737373; --Color-Brand-tertiary-light: #FBF0EA; --Color-Brand-quaternary-main: #AC3935; --Color-Brand-quaternary-dark: #672220; --Color-Typography-secondary: #4D4D4D; --Color-Stroke-light: #E5E5E5; } body { background: #fff; font-size: 18px; line-height: 135%; font-family: 'Josefin Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color: var(--brandcolor); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; overflow-x: hidden; top: 0 !important; letter-spacing: -0.32px; } /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:var(--brandcolor);font-weight:400;margin-bottom:20px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:64px} h2{font-size:40px} h3{font-size:36px} h4{font-size:32px} h5{font-size:24px} h6{font-size:20px} .header{font:700 clamp(30px, 10vw, 64px) 'Poppins', sans-serif;color:var(--brandcolor);margin-bottom:20px;line-height:110%} .subheader{font:400 40px 'Poppins', sans-serif;color:var(--brandcolor);margin-bottom:20px;line-height:110%} p{margin:0 0 20px} em{font-style:italic} strong,b{font-weight:700} small{font-size:80%} hr{border:solid var(--lightgray);border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{text-decoration:underline;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;color:var(--brandcolor)} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"],img[style*="float: right"],img[style*="float:right"]{margin:0 0 20px 20px} img[align="left"],img[style*="float: left"],img[style*="float:left"]{margin:0 20px 20px 0} /* ----------------------------------------- #buttons -----------------------------------------*/ .span button{color:#fff!important;text-decoration:none} span.btn a{color:#fff!important;text-decoration:none} span.button a{color:#fff!important;text-decoration:none} .btn{color:#fff!important;text-decoration:none} .btn, .button, a.button, #post button:not(.rz-agenda-search-submit):not(.rz-doc-search-reset), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:.375rem .75rem;background:var(--Color-Brand-primary-main);color:#fff!important;border:0;border-radius:8px;display:inline-block;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";transition:all .3s} .btn:hover, .button:hover, a.button:hover, #post button:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--Color-Brand-tertiary-main);color:#fff} .btn:active, .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--Color-Brand-tertiary-main);color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #revize edit buttons DO NOT MODIFY -----------------------------------------*/ /* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/ .relative{position:relative!important} .absolute{position:absolute!important} .static{position: static!important} .user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px} .rz-bar-center-col{display:none!important} /* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */ .rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:#fff;padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap} .rz-btns-stacked{padding:6px 6px 0!important} /* to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center */ .left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute} .left-top .rz-btns-container{position:relative!important} .center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute} .center-top .rz-btns-container{position:relative!important} .right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute} .right-center .rz-btns-container{position:relative!important} .right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute} .right-bottom .rz-btns-container{position:relative!important} .center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute} .center-bottom .rz-btns-container{position:relative!important} .center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:9;position:absolute} .center-center .rz-btns-container{position:relative!important} .left-bottom{top:auto!important;right:auto!important;left:0!important;bottom:0;z-index:9;position:absolute} .left-bottom .rz-btns-container{position:relative!important} .left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute} .left-center .rz-btns-container{position:relative!important} /* ----------------------------------------- rzBtn's -----------------------------------------*/ .rz-btns-container a{display:inline-block!important} .rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important} .rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none} .rzBtn:hover, .rzBtn:focus{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none} .rzBtn-sm{font-size:14px!important;padding:5px 10px!important} .rzBtn-xs{font-size:12px!important;padding:3px 6px!important} .user-logged-in .yes-has-edit-buttons{position:relative;} .user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{z-index:10!important;transition:all .2s;min-width:142px;min-height:32px} .user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn), .show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1} .hide-edit-btns .rz-btns-container{display:none} .user-not-logged-in .rz-btns-container{display:none!important} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:20px} fieldset{margin-bottom:20px} input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select{border:1px solid var(--darkgray);padding:.375rem .75rem;font-size:16px;font-family:sans-serif;color:var(--brandcolor);margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus{color:var(--brandcolor);border:1px solid #086FAF !important} label,legend{display:block;font-weight:700;font-size:13px} input[type="checkbox"]{display:inline} label span,legend span{font-weight:400;font-size:16px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:400} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:100;bottom:20px;margin:0;right:20px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);color:#666;padding:28px;font-size:14px;width:410px;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;border:0} .floating-alert h2{color:var(--brandcolor);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3} .floating-alert p{margin:0} .alert-buttons{margin:28px -28px -28px;border-top:1px solid #eee;display:flex} .alert-button{border-right:1px solid #eee;flex:1 1 auto;text-align:center;padding:14px 0;text-decoration:none;color:#000;font-weight:700;line-height:1.5} .alert-buttons .alert-button:last-of-type{border:0} .alert-button:hover, .alert-button:focus{background:var(--Color-Brand-tertiary-main);color:#fff;text-decoration:none;cursor:pointer} .floating-alert.fade:not(.show){display:none} /* ----------------------------------------- #rz edit -----------------------------------------*/ #event-modal .modal-footer .btn{margin:5px} .user-logged-in .site-header{position:relative;top:0!important} .user-logged-in#homepage .app-alert-in{padding-top:50px} .user-logged-in #slider{margin-top:-30px} .user-logged-in#homepage .site-header nav{padding:40px 0} .user-logged-in#homepage .site-header .social-media-links{padding:50px 0} .user-logged-in#homepage .site-header .donate-edit{padding:50px 0} .user-logged-in #events .title-wrap{display:inline-block;padding-top:50px} .user-logged-in #events .section-btns-wrap,.user-logged-in #news .section-btns-wrap{padding-top:60px} .user-logged-in .info-box{padding-top:60px} .user-logged-in#homepage .footer-box{margin:0 15px} .user-logged-in#homepage #footer-top{padding-top:10px} .user-logged-in #stay-informed-in{padding-top:50px} .user-logged-in#freeform .aside-box{padding-top:90px} .user-logged-in #flyout-wrap{padding-top:60px} .user-logged-in #freeform-main{padding-top:50px} .user-logged-in#freeform .tiles-wrap{padding-top:50px} .user-logged-in#freeform .events-wrap{padding-top:50px} .user-logged-in#freeform .custom-tabs-wrap{padding-top:60px} .user-logged-in#freeform .custom-slider-wrap{padding-top:50px} .user-logged-in#freeform .custom-map-wrap{padding-top:50px} .user-logged-in#freeform .share-experience-wrap{padding-top:60px} .user-logged-in#freeform .custom-alert-wrap{padding-top:60px;margin-top:20px} .user-logged-in#freeform .park-entrances-wrap{padding-top:50px} .user-logged-in#freeform .park-trails-wrap{padding-top:50px} .user-logged-in #news-box-wrap{padding-top:60px} .rz-block-img.contains-logo{background-size:50%!important;background-repeat:no-repeat!important} .business-social-links i.fa-twitter{display:none} .business-social-links-twitter{width:15px;transform:translateY(-3px)} #rz-business-directory .rz-block-img:after{content:none!important} .rz-card-img li, .rz-block-img li{text-shadow:1px 1px 3px rgba(0, 0, 0, 0.8)} /* ----------------------------------------- #main -----------------------------------------*/ .container{width:1578px;max-width:100%;margin:0 auto;padding:0 15px} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:99999;background:#C05621;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .toggle{display:none} .section-title{position:relative;display:inline-block;font:700 40px 'Poppins', sans-serif;color:var(--brandcolor);margin-bottom:15px;letter-spacing:-0.8px;line-height:120%} .section-btn{display:inline-block;font:700 18px 'Josefin Sans',sans-serif;color:#fff!important;text-transform:uppercase;padding:7px 15px;text-decoration:none;transition:all .3s; background:rgba(255, 255, 255, 0.10);border:2px solid var(--lightgreen);border-radius:8px;text-align:center;letter-spacing:-0.36px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} .section-btn:hover, .section-btn:focus{background:var(--Color-Brand-tertiary-main);border-color:var(--Color-Brand-tertiary-main);text-decoration:none} /* Alert box */ .app-alert{display:none;background:var(--Color-Brand-secondary-main);position:relative;z-index:5} #homepage .app-alert{display:block} /* support/130348 */ /* #freeform.things-to-do-page .app-alert{display:block} */ #freeform .app-alert{display:block} .app-alert .container{width:1634px} .app-alert-in{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;min-height:60px} .app-alert-left{display:flex;align-items:flex-start;padding-right:260px} .app-alert-icon{width:32px;min-width:32px;margin-right:24px} .app-alert-title{font:700 20px 'Poppins', sans-serif;color:#fff;text-transform:capitalize;margin-bottom:0;line-height:120%;letter-spacing:-0.4px} .app-alert-text{font:400 16px 'Poppins', sans-serif;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:128%;letter-spacing:-0.32px} .app-alert-text a{color:#fff} .app-alert-right{position:absolute;top:0;right:0;display:flex;align-items:center;height:100%} .app-alert-more-wrap{display:flex;align-items:center;position:relative;height:100%;padding-right:32px} .app-alert-more-wrap::after{content:'';width:1px;height:100%;background:var(--Color-Brand-secondary-light);position:absolute;top:0;right:0} .app-alert-more{display:inline-block;font:700 14px 'Poppins', sans-serif;color:#fff!important;letter-spacing:-0.28px;text-transform:uppercase;text-decoration:none} .app-alert-more:hover, .app-alert-more:focus{text-decoration:none} .app-alert-close{display:inline-block;cursor:pointer;background:none;border:none;font:700 14px 'Poppins', sans-serif;color:#fff;margin:0 43px 0 41px;letter-spacing:-0.28px;text-transform:uppercase} .site-header{position:fixed;left:0;right:0;top:0;width:100%;z-index:200} .site-header::before{content:'';position:absolute;inset:0;z-index:-1;background:url(../images/header-bg.png) center/100% 100% no-repeat} .site-header.nav-opened::before{background-image:url(../images/header-bg-hover.png)} .site-header .container{width:1572px} #header-in{display:flex;align-items:center;justify-content:space-between;height:132px;padding-bottom:29px} #header-details{align-items:center;justify-content:space-between;flex:1} #logo-wrap{display:flex;align-self:center;width:87.5px;min-width:50px} #logo{display:inline-block} .site-header nav{justify-content:center;flex:1} #nav{margin:0;padding:0} #nav .toggle, #nav .toggle2, #flyout .toggle, #flyout .toggle2{display:none;padding:0;font-family:FontAwesome} #nav li{margin:0 !important;display:inline-block} #nav a,#nav span{display:inline-flex;align-items:center;position:relative;font:700 18px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:uppercase;text-decoration:none;padding:0 18px;text-align:center;letter-spacing:-0.36px} #nav ul{position:absolute;top:calc(100% - 30px);left:0;right:0;z-index:-2;margin:0;display:none} #nav ul a,#nav ul span{display:inline-block;padding:0;color:var(--Color-Brand-primary-main);margin-bottom:40.5px;text-align:left;height:auto!important;} #nav ul li{display:block;page-break-inside:avoid} /* support/126671 */ #nav ul li.li-447{page-break-inside:unset} #nav ul ul{position:static;padding:0;column-count:1;column-gap:0} #nav ul ul a,#nav ul ul span{font-weight:400;font-size:14px;color:var(--brandcolor);margin-bottom:14px} #header-right-box{display:flex;align-items:center;justify-content:flex-end;height:100%;padding-bottom:2px} /* Social */ .header-social-media-links{height:100%;display:inline-flex;align-items:center;margin:0;padding-left:0;list-style:none;} .social-media-links{height:100%;display:inline-flex;align-items:center;margin:0 18px 0 0;padding-left:0;list-style:none;} .social-media-links li{margin:0;} .social-media-link{height:100%;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;margin:0 6px} .social-media-link img{width:24px;min-width:24px} .social-media-link:hover img, .social-media-link:focus img{filter:brightness(0) saturate(100%) invert(51%) sepia(16%) saturate(3265%) hue-rotate(341deg) brightness(90%) contrast(90%)!important} .site-header .donate{display:inline-block;font:700 16px 'Josefin Sans',sans-serif;color:var(--Color-Brand-primary-main);background:var(--lightgreen);padding:8px 15px 8px 12px;margin:0 16px;border-radius:8px;text-transform:uppercase;text-decoration:none} .site-header .donate img{width:16px;min-width:16px;margin-right:2px} .site-header .donate:hover, .site-header .donate:focus{background:var(--Color-Brand-primary-main);color:var(--lightgreen)} .site-header .donate:hover img, .site-header .donate:focus img{filter:brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(278%) hue-rotate(40deg) brightness(99%) contrast(94%)} /* Google translate*/ [lang="en"] #translate-reset{display:none} div.skiptranslate{display:none!important} #translation-links{padding:0;margin:0} #translation-links li{position:relative;margin:0;list-style:none;line-height:1.5} #translation-links ul{padding:10px 0;margin:0;position:absolute;top:50px;right:0;width:190px;background:#fff;display:none;height:314px;overflow-y:scroll;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1)} #translation-links ul li{margin:0} #translation-links ul li a{display:block;text-decoration:none;font:400 14px 'Poppins', sans-serif;color:var(--brandcolor);padding:3px 15px} #translation-links ul li a:hover, #translation-links ul li a:focus{background:var(--lightgreen)} #translation-links ul li a[data-lang="English"]{font-weight:700;color:var(--Color-Brand-primary-main)} #translate-button{border:none;background:none;margin:3px -8px 0 0;padding:0;font:700 14px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:uppercase;white-space:nowrap} #translate-button .translate-arrow{width:20px;min-width:20px} #translate-reset{background:none;border:none;margin:0;padding:0;font-size:14px;color:var(--brandcolor);text-transform:uppercase;white-space:nowrap} /* Search */ #search{margin-bottom:7px} #search form{display:inline-block;margin:0;position:relative;width:40px} #search input{width:0;height:40px;padding:0 26px 0 10px;font:400 14px 'Josefin Sans',sans-serif;color:var(--brandcolor);background:var(--lightgreen);border-radius:50%;transition:width .3s, border-color .3s, background .3s;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:11;border:2px solid transparent;letter-spacing:-0.28px} #search.search-active input{width:200px;padding-right:35px;padding-left:10px;border-color:var(--Color-Brand-tertiary-main);background:#fff} #search.search-active button img{filter:brightness(0) saturate(100%) invert(75%) sepia(66%) saturate(6659%) hue-rotate(348deg) brightness(92%) contrast(85%)} #search button{width:40px;height:40px;position:absolute;top:50%;right:0;transform:translateY(-50%);background:none;border:none;border-radius:50%;cursor:pointer;z-index:100;padding:0;display:inline-flex;transition:all .3s} #search button img{display:inline-block;width:24px;height:24px;margin:auto} #search button:hover, #search button:focus{background:var(--Color-Brand-primary-main)} #search button:hover img, #search button:focus img{filter:brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(278%) hue-rotate(40deg) brightness(99%) contrast(94%)} #search input::-webkit-input-placeholder{color:var(--brandcolor)} #search input:-moz-placeholder{color:var(--brandcolor)} #search input::-moz-placeholder{color:var(--brandcolor)} #search input:-ms-input-placeholder{color:var(--brandcolor)} /* Section quick links */ .quick-links{position:relative;background:var(--lightgreen)} .quick-links .container{width:1686px} .quick-links-in{display:none;position:relative;padding:0 50px} .quick-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-decoration:none;text-align:center;position:relative} .quick-link-bg-img{display:flex;align-items:flex-end;position:relative;width:100%;height:298px;border-radius:8px;overflow:hidden} .quick-link-details{width:100%;background:rgba(255, 255, 255, 0.80);padding:15px 10px} .quick-link-title{display:flex;align-items:center;font:700 18px 'Poppins', sans-serif;color:#000;text-transform:uppercase;padding:15px;margin-bottom:0;line-height:135%;letter-spacing:-0.36px;transition:color .3s} .quick-link-text{width:100%;font:400 14px 'Poppins',sans-serif;color:#000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:135%;letter-spacing:-0.28px} .quick-link-more{display:none;font:700 16px 'Poppins', sans-serif;color:var(--Color-Brand-tertiary-main);text-transform:uppercase;letter-spacing:-0.32px} .quick-link:hover, .quick-link:focus{text-decoration:none;background:var(--Color-Typography-brand-primary-dark)} .quick-link:hover .quick-link-title, .quick-link:focus-within .quick-link-title{color:var(--Color-Brand-tertiary-main)} .quick-links .tns-nav{top:calc(100% + 25px)} .quick-links .tns-nav button{border:none;border-radius:8px;background:var(--Color-Typography-brand-primary-dark);width:33px;height:9px;padding:0;margin:4px} .quick-links .tns-nav button.tns-nav-active{background:var(--Surfaces-secondary-mid)} .quick-links .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:53.5%;transform:translateY(-50%);width:100%} .quick-links .tns-controls button{border:none;background:none;padding:5px;pointer-events:auto;transition:all .3s} .quick-links .tns-controls button img{width:20px;height:20px} .quick-links .tns-controls button:hover img, .quick-links .tns-controls button:focus img{filter:brightness(0) saturate(100%) invert(47%) sepia(86%) saturate(1858%) hue-rotate(347deg) brightness(91%) contrast(87%)} .quick-links .tns-controls button:first-of-type{margin-left:-50px} .quick-links .tns-controls button:last-of-type{margin-right:-50px} /* Section events */ /* #events{background:var(--lightgreen);padding:97px 0 65px} #events-in{position:relative;padding:32px 0 32px 2%} #events-in::before{content:"";position:absolute;top:0;left:0;width:49.21%;height:100%;background:#fff;border-radius:8px} #events-box{min-height:532px;position:relative} #events .section-btns-wrap{display:flex;justify-content:space-between;margin-top:23px} #events .section-btn{width:50.3%;background:var(--Color-Brand-primary-main);padding:9px;border-radius:8px;border:none} #events .section-calendar-btn{width:46%} #events .section-btn:hover, #events .section-btn:focus{background:var(--Color-Brand-tertiary-main)} */ /* support/issues/127858 */ #events-news{background:var(--lightgreen);padding:97px 0 65px} #events-news-in{display:flex;justify-content:space-between} #events{width:49%;background:#fff;border-radius:8px;padding:32px} #news{width:49%} #news-box-wrap{position:relative} .h-news{display:flex;align-items:center;height:191px;margin-bottom:24px;text-decoration:none!important;position:relative;background:#fff;border-radius:8px;overflow:hidden} .h-news-banner{height:100%;width:39.5%;position:relative;overflow:hidden;background-color:#ccc!important} .h-news-banner::after{content:'';position:absolute;inset:0;background:rgba(219, 101, 41, 0.32);opacity:0;transition:opacity .3s} .h-news-info{display:flex;flex-wrap:wrap;align-items:center;width:60.5%;padding:15px 33px;height:100%;overflow:auto;position:relative;transition:all .3s} .h-news-info-in{width:100%} .h-news-info time{font:400 14px 'Poppins', sans-serif;color:var(--Color-Typography-tertiary);text-transform:uppercase;line-height:135%;letter-spacing:-0.28px} .h-news-title{font:700 24px 'Poppins', sans-serif;color:var(--brandcolor);margin:20px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:120%;letter-spacing:-0.48px} .h-news-more{font:700 16px 'Poppins', sans-serif;color:var(--Color-Brand-primary-main);text-transform:uppercase;letter-spacing:-0.32px;transition:all .3s} .h-news:hover .h-news-banner::after{opacity:1} .h-news:hover .h-news-more{color:var(--Color-Brand-tertiary-main)} #events-news .section-btn{width:100%;background:var(--Color-Brand-primary-main);padding:9px;border-radius:8px;border:none} #events-news .section-btn:hover{background:var(--Color-Brand-tertiary-main)} /* Section stay-informed */ #stay-informed{background:#000;padding:125px 0 140px;position:relative} #stay-informed .container{width:1166px} #stay-informed::before{content:'';position:absolute;left:0;top:-1px;z-index:1;width:100%;height:61px;background:url(../images/stay-informed-top.png) center/100% 100% no-repeat} #stay-informed::after{content:'';position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:61px;background:url(../images/stay-informed-bottom.png) center/100% 100% no-repeat} #stay-informed-img{position:absolute;inset:0} #stay-informed-img::after{content:'';position:absolute;inset:0;background:rgba(26, 26, 26, 24%)} #stay-informed-in{display:flex;align-items:flex-end;justify-content:space-between;position:relative} .stay-informed-data{display:flex;align-items:center;padding-right:20px;flex:1} .stay-informed-data img{width:64px;min-width:64px;margin-right:25px} .stay-informed-data .section-title{color:#fff;margin-bottom:12px} .stay-informed-data p{font:400 24px 'Poppins', sans-serif;color:#fff;margin:0;line-height:120%;letter-spacing:-0.48px} /* Section site-info */ #site-info{position:relative;background:var(--lightgreen) url(../images/site-info-bg.png) center/cover no-repeat;padding:60px 0 24px} #site-info .container{width:1258px} .info-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px} .info-box-details{width:49%;padding-left:24px} .info-box-details .section-title{margin-bottom:24px} .info-box-details .section-title::before{content:'';display:block;width:124px;height:25px;background:url(../images/red-line.png) center/contain no-repeat;margin-bottom:23px} .info-txt{font:400 20px 'Poppins', sans-serif;color:var(--brandcolor);margin-bottom:48px;line-height:120%;letter-spacing:-0.4px} .info-btn{display:inline-block;font:700 16px 'Josefin Sans',sans-serif;color:#fff!important;text-transform:uppercase;background:var(--Color-Brand-quaternary-main);border-radius:8px;padding:6px 12px;text-decoration:none;letter-spacing:-0.32px} .info-btn:hover, .info-btn:focus{background:var(--Color-Brand-quaternary-dark);text-decoration:none} .info-box-image{width:49%;height:480px;object-fit:cover;border-radius:8px} .info-box:nth-of-type(even){flex-direction:row-reverse} .info-box:nth-of-type(even) .info-box-details .section-title::before{background-image:url(../images/blue-line.png)} .info-box:nth-of-type(even) .info-btn{background:var(--Color-Brand-secondary-main)} .info-box:nth-of-type(even) .info-btn:hover, .info-box:nth-of-type(even) .info-btn:focus{background:var(--Color-Brand-secondary-dark)} /* Section bottom-quick-links */ .bottom-quick-links{background:#fff;padding:71px 0 50px} .bottom-quick-links .quick-link-bg-img::after{content:'';position:absolute;inset:0;background:rgba(219, 101, 41, 0.32);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);opacity:0;transition:all .3s} .bottom-quick-links .quick-link:hover .quick-link-bg-img::after, .bottom-quick-links .quick-link:focus .quick-link-bg-img::after{opacity:1} .bottom-quick-links .quick-link-title{padding-left:0;padding-right:0;letter-spacing:-0.45px} .bottom-quick-links .tns-controls{top:60%} /* Footer */ .site-footer{position:relative;background:#fff} .site-footer .container{width:1258px} .footer-top-text{font:400 20px 'Poppins', sans-serif;line-height:120%;letter-spacing:-0.4px;text-align:center;width:60%;margin:39px auto 0} .footer-top-text::before{content:'';display:block;width:124px;height:25px;background:url(../images/green-line.png) center/contain no-repeat;margin:0 auto 23px} #footer-middle{display:flex;padding:51px 0 16px} .footer-box:not(:last-of-type){padding-right:30px} .footer-box:nth-of-type(1){width:15.5%} .footer-box:nth-of-type(2){width:28%} .footer-box:nth-of-type(3){width:28%} .footer-box:nth-of-type(4){width:28.5%} #footer-logo{display:inline-block} #footer-logo img{width:143px} .footer-header{font:400 14px 'Poppins', sans-serif;color:var(--brandcolor);margin:6px 0;text-transform:uppercase;line-height:135%;letter-spacing:-0.28px} .footer-phone-wrap{margin-bottom:23px} .footer-contact-link{display:inline-block;font-size:14px;color:var(--brandcolor);text-decoration:underline;line-height:135%;letter-spacing:-0.28px} .footer-contact-link:hover, .footer-contact-link:focus{color:var(--Color-Brand-tertiary-main);text-decoration:none} .footer-list{list-style:none;margin:6px 0 0;padding:0} .footer-list li{margin:0 0 14px} .footer-list-link{display:inline-block;font:400 14px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:uppercase;text-decoration:underline;line-height:135%;letter-spacing:-0.28px} .footer-list-link:hover, .footer-list-link:focus{color:var(--Color-Brand-tertiary-main);text-decoration:none} #footer-middle address{margin-bottom:0;margin-top:8px} #footer-middle .social-media-link img{filter:brightness(0) saturate(100%) invert(8%) sepia(14%) saturate(0%) hue-rotate(214deg) brightness(95%) contrast(95%)} #footer-middle .social-media-links{height:auto;margin-top:8px;margin-left:0;padding-left:0;list-style:none;} #footer-middle .social-media-links li{margin-bottom:0;} #footer-middle .social-media-link{height:auto} #footer-bottom{text-align:center;padding:13px 0 38px;font-size:14px;color:var(--Color-Typography-secondary)} #revize-link,#revize-login{display:inline-block;color:var(--Color-Typography-secondary);text-decoration:underline;min-width:24px;min-height:24px;} #revize-login:hover, #revize-login:focus{color:var(--Color-Brand-tertiary-main)} #revize-link img{width:44.5px;vertical-align:unset} .footer-delimiter::after{content:'';display:inline-block;width:1px;height:13px;background:var(--Color-Typography-secondary);margin:0 3px 0 6px;position:relative;top:2px} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-wrap{position:relative;padding:33px 0 30px} #freeform-wrap .container{width:1258px} #freeform-in{display:flex;justify-content:space-between;} #freeform-left{width:264px;padding-top:15px} #freeform-right{width:calc(100% - 264px)} #flyout-wrap{margin-bottom:22px;background:var(--lightgreen);border-radius:8px;position:relative;z-index:11!important} #entry{width:100%;padding:16px 32px 30px 0} #flyout-header{font:700 24px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:capitalize;padding:31px 32px 14px;margin-bottom:0;line-height:120%;letter-spacing:-0.48px} #flyout{padding:0 0 23px;margin:0 0 16px} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font:400 14px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:uppercase;padding:10px 32px;line-height:136%;letter-spacing:-0.28px} #flyout ul{padding:0;margin:0} #flyout ul a, #flyout ul span{font-size:14px;padding:10px 15px} #flyout li:focus-within span .toggle {display: block !important;} .aside-box{background:var(--lightgreen);margin-bottom:10px;padding:33px 32px;border-radius:8px} .aside-box-header{font:700 24px 'Poppins', sans-serif;color:var(--brandcolor);text-transform:capitalize;margin-bottom:23px;line-height:120%;letter-spacing:-0.48px} .freeform-contact-us{padding-bottom:9px;margin-bottom:23px} .freeform-contact-img-box img{display:inline-block;border-radius:50%;border:2px solid var(--Color-Brand-primary-main);width:128px;height:128px;object-fit:cover} .freeform-contact-name{font-weight:700;font-size:18px;color:var(--brandcolor);margin:24px 0 0;text-transform:uppercase;line-height:135%;letter-spacing:-0.36px} .freeform-contact-title{font-size:16px;color:var(--Color-Typography-secondary);margin:5px 0 24px;line-height:135%;letter-spacing:-0.32px} .freeform-contact-list{margin:0;padding:0;list-style:none;} .freeform-contact-list li{margin-bottom:0;} .aside-contact-box{display:flex;align-items:center;font-size:14px;line-height:135%;margin-bottom:23.5px} .aside-contact-box address{margin:0} .aside-contact-box img{width:24px;min-width:24px;margin-bottom:1px} .aside-contact-box a,.aside-contact-box span{display:inline-block;color:var(--brandcolor);text-decoration:none;margin:0 0 0 12px;line-height:135%;letter-spacing:-0.28px} .aside-contact-box a:hover, .aside-contact-box a:focus{color:var(--brandcolor);text-decoration:underline;text-underline-offset:3px} .freeform-contact-email{word-break:break-all} .freeform-contact-text{line-height:136%;color:var(--brandcolor);margin:1px 0 0;letter-spacing:-0.28px} .freeform-location-hours{padding-bottom:12px;margin-bottom:25px} .freeform-location-hours .aside-box-header{margin-bottom:25px} .aside-hours{display:flex;align-items:flex-start;font-size:14px;margin-bottom:20px} .aside-hours span{font:400 14px 'Poppins', sans-serif;color:var(--brandcolor);line-height:135%;letter-spacing:-0.28px;text-transform:uppercase} .aside-hours strong{width:56px;font:700 14px 'Poppins', sans-serif;text-transform:uppercase;color:var(--Color-Typography-secondary);line-height:135%;letter-spacing:-0.28px} .flyout-download{padding-bottom:32px} .download-list{margin:0;padding:0;list-style:none} .download-box-wrap{display:flex;align-items:center;background:#fff;padding:16px;border-radius:4px;text-decoration:none} .download-box-wrap:not(:last-child){margin-bottom:20px} .download-box{font:400 14px 'Josefin Sans',sans-serif;color:var(--brandcolor);text-transform:uppercase;letter-spacing:-0.28px;line-height:136%} .files-icon{width:24px;min-width:24px;margin-right:12px} #breadcrumbs ul{margin:0 0 50px;padding:0;list-style:none;font:400 14px 'Poppins', sans-serif;color:var(--Color-Typography-secondary);text-transform:uppercase;line-height:1} #breadcrumbs ul li{display:inline-block;margin:0;position:relative} #breadcrumbs ul li:not(:last-of-type){margin-right:49px} #breadcrumbs ul li:not(:last-of-type)::after{content:'';background:url(../images/breadcrumbs-arrow.png) center/cover no-repeat;width:20px;height:20px;position:absolute;top:-1px;right:-37px} #breadcrumbs a{display:inline-block;font-weight:700;color:var(--brandcolor);text-decoration:underline;text-underline-offset:3px} #page-title{position:absolute;left:0;right:0;z-index:1;top:50%;transform:translateY(-50%);font:700 clamp(30px, 10vw, 64px) 'Poppins', sans-serif;color:#fff;text-transform:capitalize;text-align:center;padding:0 50px;line-height:110%;letter-spacing:-1.28px} /* support/issues/128393 */ #breadcrumbs{opacity:0} /* support/issues/125934 */ #page-title{display:none!important} .page-404 #page-title{display:block!important} #post blockquote{font:600 18px 'Poppins', sans-serif;color:var(--brandcolor);background:var(--Color-Brand-tertiary-light);padding:40px 72px;line-height:132%;position:relative;margin:50px 0;letter-spacing:-0.36px;border-radius:8px} #post blockquote::after{content:'';width:32px;height:32px;position:absolute;top:20px;left:20px; background:url('data:image/svg+xml,') } .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px} .tile{display:flex;align-items:flex-end;position:relative;height:180px;border-radius:8px;text-decoration:none;background-color:#eee;overflow:hidden} .tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg, rgba(219, 101, 41, 0.19) 0%, rgba(219, 101, 41, 0.19) 100%);opacity:0;transition:opacity .3s} .tile-banner{position:absolute;left:0;top:0;height:100%;width:100%} .tile-text{position:relative;display:block;width:100%;padding:13.5px 15px;font:700 20px 'Poppins', sans-serif;color:var(--brandcolor);text-align:center;line-height:1.2;background: rgba(255, 255, 255, 0.72);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:color .3s} .tile:hover, .tile:focus{text-decoration:none} .tile:hover::after, .tile:focus::after{opacity:1} .tile:hover .tile-text, .tile:focus .tile-text{color:var(--Color-Brand-tertiary-main)} #freeform .events-wrap{margin-top:36px} #freeform .freeform-events-box{padding:30px;border-radius:8px;background:var(--lightgreen)} .fullwidth #entry{padding:20px 0} .fullwidth #freeform-wrap{padding-top:30px} .fullwidth .tiles{grid-template-columns:repeat(4,1fr)} .col-xs-12{width:100%} /* support/issues/126069 */ body:not(.user-logged-in) .agenda-minutes-list-wrap .toggle-tables{display:inline-block} body.user-logged-in .agenda-minutes-list-wrap > div[style*="float:left"][style*="clear:left"]{float:none!important} .agenda-minutes-list-wrap .toggle-tables{cursor:pointer} .agenda-minutes-list-wrap .tables-wrap:not(:first-of-type){display:none} .agenda-minutes-list-wrap .toggle-tables .fa-chevron-down{margin-left:5px;font-size:13px} /* ----------------------------------------- #custom freeform -----------------------------------------*/ /* support/issues/115513 */ .custom-freeform #freeform-wrap{padding-bottom:23px} /* custom alert */ .custom-alert{position:relative;background:var(--Color-Brand-tertiary-light);border-radius:8px;padding:25px 24px;margin-bottom:49px} .custom-alert-header{font-weight:700;font-size:18px;color:var(--Color-Brand-tertiary-main);margin-bottom:12px} .custom-alert-text{font:600 18px Poppins,sans-serif;line-height:135%;letter-spacing:-0.36px} /* entrances */ .freeform-rentals{margin-bottom:24px} .park-entrances-wrap{position:relative} .entrance-list{margin:0;padding:0;list-style:none} .entrance-list li{margin-bottom:23px} .entrance-list li:not(:last-of-type){border-bottom:1px solid #D7D7D7} .entrance-list .subheader{margin-bottom:10px;letter-spacing:-0.8px} .entrance-list address{margin:14px 0 13px} .entrance-list p{font-size:14px;line-height:135%;margin-bottom:22px;letter-spacing:-0.28px} .entrance-addr-link{display:inline-flex;align-items:center;text-decoration:none;font-size:14px;color:var(--brandcolor);line-height:135%;letter-spacing:-0.28px} .entrance-addr-link:hover, .entrance-addr-link:focus{text-decoration:underline;color:var(--brandcolor)} .entrance-addr-link img{width:24px;min-width:24px;margin-right:12px} .interactive-map, .check-availability{display:block;text-align:center;padding:7px 12px;font:700 14px 'Josefin Sans',sans-serif;color:#fff!important;background:var(--Color-Brand-primary-main);border-radius:8px;text-transform:uppercase;text-decoration:none} .interactive-map:hover, .interactive-map:focus, .check-availability:hover, .check-availability:focus{background:var(--Color-Brand-tertiary-main);text-decoration:none} .interactive-map{margin:20px 0} .entrance-list p a{color:var(--Color-Brand-primary-main)} /* trails */ .park-trails-wrap{position:relative;margin-top:52px;margin-bottom:50px} .main-title{font-size:2rem;text-align:center;margin-bottom:20px} .trail-list{list-style:none;margin:47px 0 0;padding:0} .trail-item{display:flex;flex-direction:row-reverse;gap:32px;padding-left:24px;padding-right:6.5%} .trail-item:not(:last-of-type){margin-bottom:53px} .trail-image{width:240px;height:240px;object-fit:cover;border-radius:8px} .trail-content{display:flex;flex-direction:column;justify-content:center} .trail-content .trail-header{font:700 24px Poppins,sans-serif;margin-bottom:5px;line-height:120%;letter-spacing:-0.48px} .trail-content .trail-length{font-weight:700;color:var(--Color-Brand-primary-main);margin:0 0 17px} .trail-content p{line-height:138%;margin-bottom:0} /* tabs */ .custom-tabs-wrap{position:relative;margin-bottom:51px} .tabs{display:flex} #freeform.custom-freeform .tab{background:none!important;border:none;padding:5px!important;cursor:pointer;width:50%;font:700 18px Poppins,sans-serif!important;text-transform:uppercase;color:#000!important;border-radius:8px 8px 0 0!important;transition:none!important} #freeform.custom-freeform .tab:hover, #freeform.custom-freeform .tab:focus{color:var(--Color-Brand-tertiary-main)!important} #freeform.custom-freeform .tab[aria-selected="true"]{color:var(--Color-Brand-tertiary-main)!important;background-color:var(--lightgreen)!important} .tab-panel{padding:33px 24px 32px;background-color:var(--lightgreen);border-radius:0 0 8px 8px} .tab-panel[hidden]{display:none} .tab-panel ul{margin:0;padding-left:22px} .tab-panel ul li{margin-bottom:1.2px;text-indent:2px} /* slider */ .custom-slider-wrap{position:relative;margin-top:20px} #freeform .custom-slider-wrap{z-index:11!important} .custom-slider{position:relative;padding:0 40px} .custom-slides{position:relative;width:100%;height:420px;overflow:hidden} .custom-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:none;cursor:pointer;border-radius:8px;overflow:hidden} .custom-slide.active{display:block} .custom-slide img{width:100%;height:100%;object-fit:cover} .custom-slide-txt{position:absolute;bottom:0;left:0;font-size:14px;color:#000;background:rgba(255,255,255,0.72);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:15px;width:100%;text-align:center} .custom-slide .fa-youtube-play{color:#fff;font-size:100px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0.5} .custom-slider button.prev,.custom-slider button.next{display:inline-flex!important;position:absolute;top:50%;transform:translateY(-50%);background:none!important;border:none;padding:0!important;width:20px;height:20px;cursor:pointer;z-index:1} .custom-slider button.prev:hover img, .custom-slider button.next:hover img, .custom-slider button.prev:focus img, .custom-slider button.next:focus img{filter:brightness(0) saturate(100%) invert(47%) sepia(86%) saturate(1858%) hue-rotate(347deg) brightness(91%) contrast(87%)} .custom-slider button.prev{left:0} .custom-slider button.next{right:0} .custom-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.95);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} .custom-modal-close{position:absolute;top:20px;right:20px;color:#fff;font-weight:700;font-size:30px;cursor:pointer} .custom-modal-content{position:relative;margin:auto;width:80%;max-width:1000px} .custom-modal-content img,.custom-modal-content iframe{width:100%;height:auto;border-radius:8px} .custom-modal-content iframe{aspect-ratio:16/9} .custom-modal-txt{background:#fff;color:#000;text-align:center;padding:15px;margin-top:15px;border-radius:8px} button.custom-modal-prev, button.custom-modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#fff!important;border:none;border-radius:8px!important;padding:10px!important;width:50px;height:50px;cursor:pointer} button.custom-modal-prev:hover img, button.custom-modal-next:hover img, button.custom-modal-prev:focus img, button.custom-modal-next:focus img{filter:brightness(0) saturate(100%) invert(47%) sepia(86%) saturate(1858%) hue-rotate(347deg) brightness(91%) contrast(87%)} button.custom-modal-prev{left:0} button.custom-modal-next{right:0} /* map */ .aside-box-subheader{font:700 18px Poppins,sans-serif;color:var(--brandcolor);line-height:120%;letter-spacing:-0.36px;margin-bottom:10px} .custom-map-wrap{position:relative;margin-top:50px} .downloadable-maps{font-size:32px;margin:35px 0 20px;letter-spacing:-0.64px} .iframe-wrap{position:relative;width:100%;padding-bottom:65%;height:0;overflow:hidden;margin-bottom:22px} .iframe-wrap iframe{position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(0.5);transform-origin:0 0;border:none} .map-download-wrap{margin-top:22px} .map-download{display:flex;align-items:center;font:700 14px 'Josefin Sans',sans-serif;color:#fff!important;background:var(--Color-Brand-primary-main);padding:8px 11px;margin-bottom:23px;border-radius:8px;text-transform:uppercase;text-decoration:none;letter-spacing:-0.28px} .map-download:hover, .map-download:focus{background:var(--Color-Brand-tertiary-main);text-decoration:none} .map-download .download-icon{width:16px;min-width:16px;margin-right:10px} /* share experience */ .share-experience-wrap{position:relative;padding:23px 31px 5px!important;background:var(--lightgreen);border-radius:8px;border:1px solid var(--Color-Brand-primary-main);margin-top:20px} .share-experience-header{font-size:32px;letter-spacing:-0.64px} .share-experience-form{margin-bottom:0} .share-experience-form .form-group-wrap-top{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:6px} .share-experience-form .form-group-wrap-bottom{display:flex;justify-content:space-between} .share-experience-form .form-group-wrap-bottom .form-group{width:424px;max-width:100%;margin-right:10px} .share-experience-form .form-group{margin-bottom:15px} .share-experience-form .form-group label{display:block;margin-bottom:12px;font-weight:400;font-size:16px;letter-spacing:-0.32px} .share-experience-form .form-group input[type="text"],.share-experience-form .form-group input[type="email"]{width:100%;font:400 14px 'Josefin Sans', sans-serif;color:var(--Color-Typography-tertiary);padding:12px 15px;border:2px solid var(--Color-Stroke-light);border-radius:8px} .share-experience-form .form-group input[type="file"]{display:none} .share-experience-form .form-group .file-label{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:19px 24px;background-color:#fff;color:#333;border-radius:8px;cursor:pointer} .share-experience-form .file-label-top{display:flex;flex-direction:column;margin-right:5px} .share-experience-form .file-label-top span{font-size:14px;color:var(--brandcolor);line-height:135%;letter-spacing:-0.28px} .share-experience-form .file-label-bottom{display:inline-flex;align-items:center} .share-experience-form .file-label img{width:32px;min-width:32px;margin-right:23px} .share-experience-form .file-label-bottom strong{font:700 16px 'Poppins', sans-serif;color:var(--Color-Brand-tertiary-main);text-transform:uppercase;padding:6px 13px;border-radius:8px;background:var(--Color-Brand-tertiary-light);letter-spacing:-0.32px} .share-experience-form .recaptcha{margin-bottom:15px} .share-experience-form .g-recaptcha{margin-top:11px} .share-experience-form .submit-btn{display:block;width:100%;background-color:var(--Color-Brand-primary-main)!important;font:700 16px 'Josefin Sans',sans-serif!important;color:#fff!important;text-transform:uppercase;padding:6px!important;border:none;border-radius:8px!important;cursor:pointer;margin-top:-8px} .share-experience-form .submit-btn:hover{background-color:var(--Color-Brand-tertiary-main)!important} /* CMS */ .share-experience-wrap form .form-group-wrap-top{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:6px} .share-experience-wrap form .form-group-wrap-bottom{display:flex;justify-content:space-between} .share-experience-wrap form .form-group-wrap-bottom .form-group{width:424px;max-width:100%;margin-right:10px} .share-experience-wrap form .form-group{margin-bottom:15px} .share-experience-wrap form .form-group label{display:block;margin-bottom:12px;font-weight:400;font-size:16px;letter-spacing:-0.32px} .share-experience-wrap form .form-group input[type="text"], .share-experience-wrap form .form-group input[type="email"]{width:100%;font:400 14px 'Josefin Sans', sans-serif;color:var(--Color-Typography-tertiary);padding:12px 15px;border:2px solid var(--Color-Stroke-light);border-radius:8px} .share-experience-wrap form .form-group input[type="file"]{display:none} .share-experience-wrap form .form-group .file-label{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:19px 15px;background-color:#fff;color:#333;border-radius:8px;cursor:pointer} .share-experience-wrap form .file-label-top{display:flex;flex-direction:column;margin-right:5px} .share-experience-wrap form .file-label-top span{font-size:14px;color:var(--brandcolor);line-height:135%;letter-spacing:-0.28px} .share-experience-wrap form .file-label-bottom{display:inline-flex;align-items:center} .share-experience-wrap form .file-label img{width:32px;min-width:32px;margin-right:23px} .share-experience-wrap form .file-label-bottom strong{font:700 16px 'Poppins', sans-serif;color:var(--Color-Brand-tertiary-main);text-transform:uppercase;padding:6px 13px;border-radius:8px;background:var(--Color-Brand-tertiary-light);letter-spacing:-0.32px} .share-experience-wrap form .recaptcha{margin-bottom:15px} .share-experience-wrap form .g-recaptcha{margin-top:11px} .share-experience-wrap form .submit-btn{display:block;width:100%;background-color:var(--Color-Brand-primary-main)!important;font:700 16px 'Poppins', sans-serif!important;color:#fff!important;text-transform:uppercase;padding:6px!important;border:none;border-radius:8px!important;cursor:pointer;margin-top:-8px} .share-experience-wrap form .submit-btn:hover{background-color:var(--Color-Brand-tertiary-main)!important} .share-experience-wrap .g-recaptcha{position:absolute;bottom:50px;right:0} .share-experience-wrap .formbuilder-file{width:46%} .share-experience-wrap input[type="submit"][value="Submit"] {display:block;width:100%;background-color:var(--Color-Brand-primary-main)!important;font:700 16px 'Josefin Sans',sans-serif!important;color:#fff!important;text-transform:uppercase;padding:6px!important;border:none;border-radius:8px!important;cursor:pointer} .share-experience-wrap input[type="submit"][value="Submit"]:hover{background-color:var(--Color-Brand-tertiary-main)!important} .fullwidth.custom-freeform #freeform-wrap .container{width:932px} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .modal .modal-dialog{transition:transform cubic-bezier(0.86,0,0.07,1);transform:scale(.98)!important;opacity:1!important} .modal.show .modal-dialog{transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateY(0%)!important} .modal-content{border-radius:10px;overflow:hidden;border:0} .modal-header{background:#d2d2d2;border-radius:10px 10px 0 0;font-size:18px;line-height:1.4} .share-btns{display:flex;gap:8px;justify-content:center;list-style:none;padding:0;margin:0} .share-btns li{margin-bottom:0;} .share-btns a{display:flex;text-decoration:none;border-radius:100%;height:44px;width:44px;transition:all .3s} .share-btns svg{width:16px;height:16px;margin:auto;fill:#fff} .btn-linkedin{background:#0077b5} .btn-linkedin:hover, .btn-linkedin:focus{border-color:#0077b5;} .btn-facebook{background:#3b5998} .btn-facebook:hover, .btn-facebook:focus{border-color:#3b5998;} .btn-twitter{background:#000} .btn-twitter:hover, .btn-twitter:focus{border-color:#000;} .btn-reddit{background:#ff5700} .btn-reddit:hover, .btn-reddit:focus{border-color:#ff5700;} .modal .btn{font-size:16px!important;font-weight:700!important;padding:.6rem 1.2rem!important;border:0!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;border:0!important} .modal .btn.p-0{padding:0!important} .modal .btn-inverse:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.25)} .floating-share-btn{position:fixed;z-index:300;top:50%;transform:translateY(-50%);left:0;border-radius:0 8px 8px 0;border:none;background:var(--Color-Brand-primary-main);width:40px;height:40px} .floating-share-btn img{width:24px} .floating-share-btn span{color:white;} /* ----------------------------------------- #ada -----------------------------------------*/ #app-userway-wrap{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:300;display:inline-block;width:40px;height:40px;border-radius:0 8px 8px 0;background:var(--Color-Brand-secondary-main);margin-top:44px} #app-userway-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer} #app-userway-btn img{width:24px} .uai{display:none!important} .sr-only {color:black !important;background:white !important;} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{height:701px;position:relative;overflow:hidden;margin-top:103px;background:#000!important} .player-wrap{position:absolute;left:0;top:0;height:100%;width:100%} #slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0} #slider > .tns-outer, #slider > .tns-outer > .tns-inner, #slider > .tns-outer > .tns-inner > .tiny-slider, #slider > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} #slider button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} #slider .tns-nav button{width:13px;height:13px;background:#FCCF2B;border-radius:50%;margin:0 5px;padding:0;border:none} #slider .tns-nav button.tns-nav-active{background:#fff} #slider button[data-action]{display:none} #slider .tns-nav{bottom:23px;padding:0 100px} #slider-btns{position:absolute;left:22px;bottom:24px;display:inline-flex;z-index:5;background:rgba(255, 255, 255, 0.10);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:8px;overflow:hidden} #slider-prev,#slider-next{background:none;border:none;padding:0;margin:0;width:36px;height:36px} #slider-btns img{width:20px;filter:brightness(0) invert(1)} #slider-prev:hover img,#slider-next:hover img, #slider-prev:focus img, #slider-next:focus img{filter:brightness(0) saturate(100%) invert(47%) sepia(86%) saturate(1858%) hue-rotate(347deg) brightness(91%) contrast(87%)} .hero-video-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:36px;height:36px;background:rgba(255,255,255,0.10);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:8px;position:absolute;bottom:24px;right:25px;z-index:5} .hero-video-btn img{width:20px} .hero-video-btn:hover img, .hero-video-btn:focus img{filter:brightness(0) saturate(100%) invert(47%) sepia(86%) saturate(1858%) hue-rotate(347deg) brightness(91%) contrast(87%)} #homepage #slider .tiny-item::after{content: '';position:absolute;bottom:0;z-index:0;height:100%;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 40%), linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.24)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.24)) 100%);pointer-events:none} .slider-box,#slider-box{position:absolute;left:0;right:0;top:49.5%;transform:translateY(-50%);z-index:1;text-align:center;padding:0 15px} .slider-caption,#slider-caption{font:700 clamp(30px, 10vw, 64px) 'Poppins', sans-serif;color:#fff;letter-spacing:-1.28px;line-height:100%;margin-bottom:14px} .slider-text{font-size:32px;color:#fff;margin-bottom:32px;line-height:120%;letter-spacing:-0.64px} #freeform #slider{height:521px} #freeform #slider .tiny-item::after{background:linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.00) 64%), linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.24)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.24)) 100%)} /* ADA */ .tns-liveregion {color:white;background:black;} .tns-liveregion .current {color:white;background:black;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:992px) { .layout-table{table-layout:fixed;width:100%} #nav .focused .toggle2{display:none} #nav .focused .toggle{display:none!important;margin:0 0 0 -8px;padding:0!important;height:auto!important} #nav .toggle{height:auto} #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #nav{display:flex!important;width:100%;justify-content:center} #nav li{display:inline-flex;align-items:center;height:100%;transition:all 320ms} #nav ul ul{display:block!important;left:100%;top:0;margin:-20px 0 24px;background:transparent} #nav>li>a:first-child,#nav>li>span{cursor:pointer} #nav>li:hover>a:first-child,#nav>li:hover>span{color:var(--Color-Brand-tertiary-main)} #nav>li:focus-within>a:first-child,#nav>li:focus-within>span{color:var(--Color-Brand-tertiary-main)} #nav>li>a:first-child.active,#nav>li>span.active{color:var(--Color-Brand-tertiary-main)} #nav ul :is(a:hover, span:hover), #nav ul ul :is(a:hover, span:hover){color:var(--Color-Brand-tertiary-main)} #nav ul :is(a:focus, span:focus), #nav ul ul :is(a:focus, span:focus){color:var(--Color-Brand-tertiary-main)} .has-subnav::after{content:'\f107';font-family:'FontAwesome';position:absolute;top:50%;transform:translateY(-50%);right:3px;font-size:20px;color:var(--brandcolor)} #nav>li>.has-subnav.active::after{color:var(--Color-Brand-tertiary-main)} #nav>li:hover>.has-subnav::after{color:var(--Color-Brand-tertiary-main)} #nav>li:focus-within>.has-subnav::after{color:var(--Color-Brand-tertiary-main)} #nav .first-level{box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.05)} .nav-in-wrap{position:absolute;top:0;left:0;right:0;background:#fff;box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.05)} .nav-in.container{display:flex;justify-content:space-between;padding:66px 70px 20px 53px;overflow:auto;min-height:100%;width:1334px} .nav-content-show{display:flex!important;flex-direction:column;width:290px} .nav-in-menu-wrap{width:calc(100% - 290px);padding-left:2.5%;padding-top:10px;height:100%;column-count:3;column-gap:50px;position:relative} .nav-content-img{height:140px;object-fit:cover;border-radius:8px;margin-bottom:12px} .nav-content-more-wrap{margin-bottom:13px} .nav-content-more{display:inline-block;font:700 16px 'Poppins', sans-serif!important;color:#fff!important;padding:5px 12px!important;margin:0!important;background:var(--Color-Brand-primary-main);border-radius:8px;text-transform:uppercase;letter-spacing: -0.32px} .nav-content-more:hover{background:var(--Color-Brand-tertiary-main)} .nav-content-more:focus{background:var(--Color-Brand-tertiary-main)} #flyout .toggle, #flyout .toggle2{position:absolute;top:10px;left:0;border:none;text-decoration:none!important} #flyout .toggle2{left:-10px} #flyout .children > .toggle, #flyout .children > .toggle2{display:inline-block;transform:rotate(90deg) translateY(-50%)} #flyout{display:block!important} #flyout ul{position:absolute;right:100%;top:0;width:200px;display:none;background:var(--lightgreen);z-index:999;padding:16px;border-radius:8px 0 0 8px} #flyout li:hover > ul {display:block } #flyout li.opened2 > ul {display: block;} #flyout li{transition:all 320ms} #flyout ul li:last-child a:first-child:after,#flyout ul li:last-child span:after{content:none} #flyout li:hover>a:first-of-type,#flyout li:hover>span{text-decoration:underline;text-underline-offset:3px} #flyout li:focus>a:first-of-type,#flyout li:focus>span{text-decoration:underline;text-underline-offset:3px} #header-details{display:flex!important} } @media only screen and (max-width:1250px) { #nav a, #nav span{font-size:14px;padding:0 11px} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position:absolute;right:15px;top:26px;z-index:250} #nav-toggle{border:none;display:inline-flex;align-items:center;justify-content:center;height:48px;width:48px;background:var(--lightgreen);color:var(--Color-Brand-primary-main);cursor:pointer;border-radius:8px;font-size:24px;-webkit-text-stroke:1px var(--lightgreen)} #nav-toggle.fa-close{-webkit-text-stroke:2px var(--lightgreen)} /* #flyout{display:none} */ #nav li{display:block!important;position:relative} #nav a, #nav span, #flyout a, #flyout span{font-size:16px!important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul{background:rgba(0,0,0,.08)} #flyout ul{background:rgba(0,0,0,.1)} .toggle, .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} #nav .toggle,#nav .toggle2,#flyout .toggle, #flyout .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;font-weight:400;color:var(--brandcolor);padding:6px 0px!important;font-size:34px!important} #nav .toggle{display:flex;justify-content:flex-end;width:100%;height:100%;background:none} #nav .toggle:before{align-self:flex-start;padding:0 15px} #flyout .toggle{right:0} #nav a,#nav span{padding:15px 60px 15px 15px!important} #nav ul ul a, #nav ul ul span{padding:15px!important} #flyout a, #flyout span{padding:15px 60px 15px 15px!important} #flyout ul a, #flyout ul span{padding:15px!important;text-transform:none} .site-header .container{padding:0} .site-header::before{background-image:url(../images/mobile-header-bg.png)!important;z-index:1} #header-in{height:105px;padding-bottom:6px} #logo-wrap{margin-left:15px;position:relative;z-index:2} #header-details{display:none;flex-direction:column-reverse;flex:none;position:absolute!important;left:0;top:100px;z-index:0;width:100%;height:auto;margin:0;padding-top:30px;background:#fff} #nav ul{top:100%;padding:0;width:100%;z-index:1} #nav ul.first-level{position:relative} #nav>li{margin:0!important;position:relative} #nav a, #nav span{display:block;text-align:left;height:auto;text-transform:none!important;margin-bottom:0!important} #nav ul a, #nav ul span{display:block;color:var(--Color-Brand-primary-main)} #nav-content{display:none!important} #header-right-box{display:flex;padding:0 15px;width:100%;margin-bottom:30px} .site-header{z-index:999} .site-header nav{background:#fff;width:100%;flex:none;max-height:60dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.05)} #search{margin-right:78px} .social-media-links{margin:8px 0 0} .site-header .donate{margin:0 10px 0 5px} .site-header .donate span{position:relative;top:2px} .app-alert-in{padding-bottom:12px} .app-alert-left{padding-right:0} .app-alert-right{position:relative;width:100%;border-top:1px solid var(--Color-Brand-secondary-light);padding:5px;text-align:center} .app-alert-more-wrap{flex:1;padding-right:20px} .app-alert-close{flex:1;margin:0;padding:10px 0} .app-alert-more{display:block;width:100%;padding:10px} .app-alert-text{-webkit-line-clamp:3;margin-top:5px} .app-alert-icon{margin-right:15px} #homepage #slider{height:auto;padding-bottom:63%;min-height:500px;margin-top:95px} .quick-links{padding-bottom:10px} .quick-links-in{padding:0} .quick-link-wrap{margin-bottom:20px} .quick-link-bg-img{height:auto;aspect-ratio:16/9} .quick-link-more{display:none!important} #events{padding:40px 0} #events-in{padding:0} #events-in::before{width:100%;height:49%} #events-in .section-title{display:block;margin-bottom:10px;padding:30px 15px 0;text-align:center} #events-in .section-btns-wrap .section-btn{width:100%} .mini-calendar .section-calendar-btn{margin-top:30px;width:100%!important} #stay-informed{padding:60px 0 80px} #stay-informed-in{flex-direction:column;align-items:center} .stay-informed-data{flex-direction:column;margin-bottom:30px;padding-right:0;text-align:center} #stay-informed::before{background-size:contain;background-position:top} #stay-informed::after{background-size:contain;background-position:bottom} .stay-informed-data img{margin-right:0;margin-bottom:20px} #site-info{padding:50px 0 20px} .info-box{flex-direction:column!important} .info-box-details{width:100%;padding-left:15px;padding-right:15px;margin-bottom:20px} .info-box-image{width:100%} .bottom-quick-links{padding-top:50px} .footer-top-text{width:100%} #footer-middle{flex-direction:column} .footer-box{width:100%!important;padding-right:0!important;text-align:center} #footer-logo{margin-bottom:30px} .footer-list{margin-top:30px} .powered-wrap{display:flex;flex-direction:column} #freeform #slider{height:250px;margin-top:95px} #page-title{top:45%} #freeform-wrap{padding-top:15px!important} #freeform-in{flex-wrap:wrap} #freeform-left{width:100%;padding-top:0;order:2} #freeform-right{width:100%;order:1} #flyout-header {padding-left:15px;padding-right:15px} #flyout{padding:0;margin:0} #flyout ul{display:none} #entry{padding:30px 0 20px} .aside-box{padding-left:15px;padding-right:15px} .fullwidth .tiles{grid-template-columns:repeat(3,1fr)} .iframe-wrap iframe{aspect-ratio:16/9} .floating-share-btn{top:auto;bottom:50px;transform:none} #flyout .first-level ul{display:block!important} #flyout .first-level .toggle,#flyout .first-level .toggle2{display:none!important} #app-userway-wrap{top:auto;bottom:9px;transform:none} .map-download{display:inline-flex} .interactive-map,.check-availability{display:inline-block} .interactive-map{margin-top:10px} /* support/issues/127858 */ #events-news{padding-top:30px} #events-news-in{flex-wrap:wrap} #events{width:100%} #events .section-title{display:block;margin-bottom:10px;padding:0 15px;text-align:center} #events .section-btn{width:calc(100% - 30px);margin:0 15px} #news{width:100%;margin-top:50px} /* zoom-400 - ADA */ body.zoom-400 #slider {margin-top:-6px !important} body.zoom-400 .site-header {position:relative} body.zoom-400 #toggles {top:13.5px;right:34px;} body.zoom-400 #logo-wrap {width:50px;} body.zoom-400 #header-in {height:66px;} body.zoom-400 #nav-toggle {height:34px;width:34px;} body.zoom-400 #nav-toggle::before {font-size:16px;} body.zoom-400 #search button {height:34px;width:34px;} body.zoom-400 #search button img {width:16px;height:16px;} body.zoom-400 #search input {height:34px;padding:0 20px 0 10px;} body.zoom-400 #header-details {top:50px;} body.zoom-400 #header-right-box {margin-bottom:13px;} } @media only screen and (max-width:767px) { .floating-alert{width:auto;right:10px;left:10px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .slider-text{font-size:20px} .quick-link-bg-img{aspect-ratio:4/3} .info-box-image{height:auto;aspect-ratio:1} .tiles{grid-template-columns:repeat(2,1fr)!important} #post blockquote{padding:20px 40px} #post blockquote::after{top:5px;left:5px} .custom-slides{height:350px} button.custom-modal-prev, button.custom-modal-next{padding:0!important;width:30px;height:40px} .custom-modal-close{font-size:20px} .custom-slider{padding-left:25px;padding-right:25px} .custom-slider button.prev{left:-5px} .custom-slider button.next{right:-5px} .share-experience-form .form-group-wrap-top{display:block} .share-experience-form .form-group-wrap-bottom{display:block} .share-experience-form .form-group-wrap-bottom .form-group{width:100%;margin-right:0} .share-experience-form .submit-btn{margin-top:5px} .trail-item{padding-left:0;padding-right:0} .trail-image{aspect-ratio:1/1;width:33%;height:100%} .share-experience-wrap form .form-group-wrap-top{grid-template-columns:1fr!important} .share-experience-wrap .formbuilder-file{width:100%} .share-experience-wrap .g-recaptcha{position:static} .share-experience-wrap input[type="submit"][value="Submit"]{margin-top:30px} } @media only screen and (max-width:479px) { .quick-link-bg-img{aspect-ratio:1} #events-in::before{height:44.5%} .tiles{grid-template-columns:1fr!important} #freeform .freeform-events-box{padding:15px} .custom-slides{height:250px} .share-experience-form .form-group .file-label{display:block!important} .share-experience-form .file-label-top{margin-right:0;margin-bottom:15px} .share-experience-wrap{padding-left:15px;padding-right:15px} .trail-item{display:block} .trail-image{aspect-ratio:1/0.7;width:100%;margin-bottom:20px} .share-experience-wrap form .form-group .file-label{flex-direction:column;align-items:flex-start} .share-experience-wrap form .file-label-top{margin-bottom:15px} .h-news{flex-wrap:wrap;height:auto} .h-news-banner{height:50vw;width:100%} .h-news-info{width:100%;padding:15px} .h-news-title{font-size:16px;margin:10px 0} } @media print { #freeform .events-wrap,.site-header,#freeform-left,.uai,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} #freeform-wrap{padding:0} #freeform-right{width:100%} #entry{padding:0!important} } .rendered-form label{font-size:16px}