/*----------------------------------------------------------------------------------- Theme Name: City of Clovis, CA Front-end developer: Hayk Galoyan Author Design: Toshe Vladevski Author URI: https://www.revize.com/ Date: 08/15/2024 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Times+New+Roman:ital,wght@0,400;1,400&display=swap'); /* "Gotham" fonts are provided by the client */ @font-face { font-family: 'HCo Gotham SSm'; src:url('../fonts/GothamSSm-Book_Web.woff2') format('woff2'), url('../fonts/GothamSSm-Book_Web.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'HCo Gotham SSm'; src:url('../fonts/GothamSSm-Bold_Web.woff2') format('woff2'), url('../fonts/GothamSSm-Bold_Web.woff') format('woff'); font-weight: 700; font-style: normal; } /* @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@700&display=swap'); */ @font-face { font-family: 'Merriweather Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweathersans/v26/2-cO9IRs1JiJN1FRAMjTN5zd9vgsFF_5asQTb6hZ2JKZRekViesH.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;1,400&display=swap'); */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/alegreyasans/v24/5aUt9_-1phKLFgshYDvh6Vwt7V9dv21T.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ----------------------------------------- #basic styles -----------------------------------------*/ /* very important!!! Assign these colors */ :root { --brandcolor: #1B1B1B; /* Choose a dark color form the website color palette */ --darkgray: #6D6F64; /* Choose a lighter color form the website color palette */ --lightgray: #F2F2F2; /* Choose a very light color form the website color palette */ --Surfaces-primary-dark: #14191B; --Surfaces-white: #fff; --Typography-black: #000; --Typography-secondary: #4D4D4D; --Colors-Theme-Red: #B3272D; --Colors-Theme-Blue---Medium: #0F3356; --Colors-Theme-Blue---Dark: #26363D; --Colors-Theme-Dark-Beige: #B9A87E; --Colors-Theme-Light-Beige: #ECE1C7; --Colors-Theme-Blue---Lightest: #E3ECF6; --Colors-Grayscale-100: #E6E6E6; --Colors-Grayscale-200: #CCC; --Colors-Theme-Secondary-300: #E1A9AB; --Colors-Theme-Secondary-700: #8F1F24; --Colors-Theme-Secondary-900: #240809; --Colors-Theme-Dark-Gold: #77530D; --Colors-Theme-Secondary-100: #F9EAEB; --Colors-Theme-Secondary-100---Sky: #0086BF; --Colors-Grayscale-300: #B3B3B3; --Colors-Grayscale-400: #999; --Colors-Theme-Gold-Original: #B49332; --Police-Police---Blue: #29204B; --Police-Police---Yellow: #E0B96A; --Fire-Fire---Background: #FFF5DD; --Fire-Fire---Red: #791313; --Fire-Fire---Dark: #231F20; --Fire-Fire---Yellow: #ECB311; --Travel-Travel---Background: #F8FAF3; --Travel-Travel---Blue: #466E96; --Travel-Travel---Green: #6C9696; --Travel-Travel---Grey: #4C5259; --Travel-Travel---Red: #CA4B3E; --Business-Business---Blue: #13AFF0; --Business-Business---Light-Grey: #A3A3A3; --Business-Business---Grey: #606060; --Senior-Senior---Background: #FFF6E9; --Senior-Senior---Green: #767B4D; --Senior-Senior---Yellow: #E9C157; --Senior-Senior---Yellow-Dark: #B39729; --Senior-Senior---Orange: #FAA61A; --Senior-Senior---Red: #752F25; --Senior-Senior---Yellow-Mid: #D2B355; --Transit-Main: #4184BF; --Transit-Section-Bg: #BFDAF2; --Travel-Travel---Greenish: #949D7A; } body { background: #FBF9F9; font-size: 16px; line-height: 150%; font-family: 'HCo Gotham SSm',-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 } /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;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:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font:700 64px 'HCo Gotham SSm',sans-serif;color:var(--brandcolor);margin-bottom:20px} .subheader{font:400 24px 'HCo Gotham SSm',sans-serif;color:var(--brandcolor);text-transform:uppercase;margin-bottom:15px;letter-spacing:2px} 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), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:19px;background:var(--brandcolor);color:#fff;border:0;border-radius:0;display:inline-block;font:700 16px 'HCo Gotham SSm', sans-serif!important;box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.08);text-transform:uppercase;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} .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(--brandcolor);color:#fff} .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(--brandcolor);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{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;outline:3px solid transparent;outline-offset:6px} .user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;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;outline:none;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 var(--darkgray)} 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;top:180px;margin:0;right:16px;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;display:flex;flex-direction:column;overflow:hidden;border-radius:0;border:2px solid var(--Colors-Theme-Red)} .floating-alert h2{color:var(--Colors-Theme-Red);margin:0 0 10px;font-size:20px;font-weight:400;line-height:135%;letter-spacing:2px;text-transform:uppercase} .floating-alert p{margin:0;color:#4d4d4d} .alert-buttons{margin:28px -28px -28px;border-top:1px solid #e6e6e6;display:flex} .alert-button{border-right:1px solid #e6e6e6;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{background:var(--brandcolor);color:#fff;text-decoration:none;cursor:pointer} .floating-alert.fade:not(.show){display:none} .police-template .floating-alert{top:150px;border-color:var(--Police-Police---Yellow)} .police-template .floating-alert h2{color:var(--Police-Police---Blue)} .fire-template .floating-alert{top:150px;border-color:var(--Fire-Fire---Yellow)} .fire-template .floating-alert h2{color:var(--Fire-Fire---Red)} .visit-template .floating-alert{top:150px;border-color:var(--Travel-Travel---Red)} .visit-template .floating-alert h2{color:var(--Travel-Travel---Red)} .business-template .floating-alert{top:150px;border-color:transparent} .business-template .floating-alert h2{color:var(--brandcolor)} .senior-template .floating-alert{top:150px;border-color:var(--Senior-Senior---Red);border-radius:8px} .senior-template .floating-alert h2{color:var(--Senior-Senior---Red)} .transit-template .floating-alert{top:150px;border-color:var(--Travel-Travel---Red)} .transit-template .floating-alert h2{color:var(--Travel-Travel---Red)} /* ----------------------------------------- #rz edit -----------------------------------------*/ /*.rz-editform .subsite .entry-tiles,*/ /*.rz-editform .subsite .entry-accordion { display: none !important; }*/ #event-modal .modal-footer .btn{margin:3px;color:#fff!important} .user-logged-in .site-header{position:relative} .user-logged-in #slider{margin-top:0!important} .user-logged-in .site-subheader{margin-top:0} .user-logged-in .floating-alert{top:270px!important} .user-logged-in #freeform-left div.has-edit-buttons{padding-top:70px} .user-logged-in #flyout-wrap{padding-top:70px} .user-logged-in #search-results-wrap{top:650px} body.header-only-search.user-logged-in #search-results-wrap{top:300px} .user-logged-in .site-header{z-index:201} .user-logged-in #quick-links-in .center-center{top:20%!important} .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)} .table-bordered tbody tr td:last-child{white-space:nowrap} .agenda-entries-wrap{overflow:auto} .user-logged-in.fire-template #slider .rz-btns-container{margin-top:-93px} .user-logged-in.police-template #slider .rz-btns-container{margin-top:-48px} /* support/issues/125235 */ .rz-business-directory-search{display:none!important} .rz-business-directory .rz-block-img:after{content:none!important} .rz-business-directory .rz-block-img{height:auto!important;aspect-ratio:1/1.2} /* support/issues/125923 */ .btn{ border-radius:8px; border-bottom: 2px solid var(--Surfaces-black, #1B1B1B); background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 50.48%, rgba(255, 255, 255, 0.00) 100%), #26363D; } .btn:hover{ border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Colors-Theme-Blue---Medium, #0F3356); box-shadow:3px 5px 9.6px 0px rgba(0, 0, 0, 0.45); } .fire-template .btn{ border-bottom: 2px solid var(--Surfaces-black, #1B1B1B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Fire-Fire---Red); } .fire-template .btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Colors-Theme-Red); } .police-template .btn{ border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Police-Police---Blue, #29204B); } .police-template .btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #425A77; } .senior-template .btn{ border-bottom: 2px solid var(--Surfaces-black, #1B1B1B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Senior-Senior---Red, #752F25); } .senior-template .btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Senior-Senior---Green); } .transit-template .btn{ border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Trasit-Main, #4184BF); } .transit-template .btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #2D608D } .visit-template .btn{ border-bottom: 2px solid var(--Travel-Travel---Grey, #4C5259); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Travel-Travel---Green, #6C9696); } .visit-template .btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #949D7A; } /* support/127941 */ .back-link-wrap{margin-bottom:30px} .cal-btns-wrap{text-align:right;margin-top:30px} .doc-search-submit{padding:10px!important} /* ----------------------------------------- #main -----------------------------------------*/ #rz-checkboxs .checkbox-inline label {display: block !important;} a:focus{outline:1px dotted} .container{width:1254px;max-width:100%;margin:0 auto;padding:0 15px} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:99999} #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-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between} .section-title{font:700 48px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-transform:uppercase;line-height:135%;margin:0 20px 15px 0;letter-spacing:4.76px} .section-btn{display:inline-flex;align-items:center;font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white)!important; text-transform:uppercase;padding:19px 21px;text-decoration:none;text-align:center;transition:all .3s; border-radius:8px; background:linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.16) 50.48%, rgba(0, 0, 0, 0.00) 100%), var(--Colors-Theme-Red); box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.08); } .section-btn:hover{background:linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.16) 50.48%, rgba(0, 0, 0, 0.00) 100%), var(--Colors-Theme-Secondary-700);text-decoration:none;box-shadow:3px 5px 9.6px 0px rgba(0, 0, 0, 0.45)} /* High z-index because of Trillium Transit plugin pop-ups */ .site-header{position:fixed;left:0;right:0;top:0;z-index:999999;background:var(--Surfaces-white);transition:all .3s} body:not(.main-site) .site-header{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1)} .header-in{display:flex;align-items:center;justify-content:space-between;height:64px;position:relative;padding:0 48px 0 66px} .main-site .header-in{height:100px} .logo-wrap{display:flex;align-self:flex-start;width:180px;min-width:90px;margin-top:17px;transition:all .3s} .logo{display:inline-block} .logo img{display:inline-block;width:180px;transition:all .3s} .main-site .scrolled .logo-wrap{margin-top:5px} .main-site .scrolled .logo img{width:80px} body:not(.main-site) .site-header .logo-wrap{width:230px} body:not(.main-site) .site-header .logo img{width:230px} .site-header nav{justify-content:center;flex:1;position:relative} .site-subheader nav{justify-content:center;flex:1;position:relative} .nav{margin:0;padding:0} .nav .toggle, .nav .toggle2, #flyout .toggle{display:none;padding:0;font-family:FontAwesome!important} .nav li{margin:0 !important;display:inline-block} .nav a,.nav span{display:inline-flex;align-items:center;position:relative;font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Blue---Medium);text-transform:uppercase;text-decoration:none;padding:0 24.2px;height:64px;text-align:center} .site-subheader .nav a,.site-subheader .nav span{height:80px} .main-site .nav a,.main-site .nav span{height:100px;font-size:18px!important} .nav ul{position:absolute;top:100%;left:92px;right:92px;z-index:99;margin:0;display:none} .nav ul a,.nav ul span{display:inline-block;font:400 20px 'HCo Gotham SSm', sans-serif;text-transform: uppercase;padding:0 30px 0 5px;margin-bottom:26px;text-align:left;height:auto!important;outline-offset:-1px} .nav ul li{display:block;page-break-inside:avoid} .nav ul ul{position:static;padding:0;column-count:1;column-gap:0} .nav ul ul a,.nav ul ul span{font:400 16px 'HCo Gotham SSm', sans-serif;color:var(--Typography-black);padding:0 30px 0 5px;margin-bottom:17px} #header-right-box{display:flex;align-items:center;justify-content:flex-end;height:100%;margin-left:87px} body:not(.main-site) #header-right-box{margin-left:142px} body:not(.main-site) .site-header + .site-subheader .nav>li>a, body:not(.main-site) .site-header + .site-subheader .nav>li>span{font-size:18px} /* support/issues/125610 */ .site-header .second-level{display:none!important} /* Google translate*/ #translation-links{padding:0;margin:0 16px 0 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:66px;right:0;width:190px;background:#fff;display:none;height:310px;overflow-y:scroll;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1)} body:not(.main-site) #translation-links ul{top:48px} #translation-links ul li{margin:0} #translation-links ul li a{display:block;text-decoration:none;font-size:16px;color:var(--brandcolor);padding:3px 15px} #translation-links ul li a:hover{background:#eee} [lang="en"] #translate-reset{display:none} #translation-links ul li a[data-lang="English"]{font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Secondary-700)} div.skiptranslate{display:none !important} #translate-button{border:none;background:none;margin:0;padding:0} #translate-button .translate-flag{width:32px;min-width:32px;height:32px;object-fit:cover;border-radius:50%} #translate-reset{background:none;border:none;margin:0 3px;padding:0;font:700 14px 'Merriweather Sans', sans-serif;color:var(--Colors-Theme-Blue---Medium);text-transform:uppercase;white-space:nowrap} /* Search */ #header-search{position:relative} #header-search-toggle{display:inline-flex;align-items:center;justify-content:center;background:var(--lightgray);width:62px;height:62px;cursor:pointer;border-radius:50%;transition: all 0.3s;} #header-search-toggle img{width:28px;height:28px;transition: all 0.3s;} #header-search #search{position:absolute;top:81px;right:0;display:none;margin:0} body:not(.main-site) #header-search #search{top:63px} #search{display:block} #search form{position:relative;display:inline-block;margin-bottom:0} #search label{display:none} #search input{width:300px;height:64px;padding:0 60px 0 15px;font:400 16px 'HCo Gotham SSm', sans-serif;color:var(--Typography-black);border:none;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);background:#fff} #search button{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:15px;transform:translateY(-50%);font:700 20px 'HCo Gotham SSm', sans-serif;color:var(--Typography-black);text-transform:uppercase;background:none;border:none;cursor:pointer;outline:none;padding:0} #search input::-webkit-input-placeholder{color:var(--darkgray)} #search input:-moz-placeholder{color:var(--darkgray)} #search input::-moz-placeholder{color:var(--darkgray)} #search input:-ms-input-placeholder{color:var(--darkgray)} #search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} /* Subheader requested */ .site-subheader{margin-top:64px;position:relative;z-index:200} /* Section top-links */ #top-links{position:relative;background: rgba(255, 255, 255, 0.72)} #top-links-in{position:relative;padding:0 58px 4px 296px} #top-links-slider-wrap{display:none} .top-link{display:block;padding:17px 43px;position:relative;text-decoration:none;text-align:center;outline-offset:-1px} .top-link::after{content:'';width:4px;height:4px;background:var(--darkgray);position:absolute;top:50%;right:0;transform:translateY(-50%)} .top-link:hover{text-decoration:none} .top-link-txt{font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Secondary-900);line-height:1.3} #top-links-slider div.last .top-link::after{content:none} #top-links .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:53%;transform:translateY(-50%);width:100%} #top-links .tns-controls button{font-size:0;border:none;background:unset;position:relative;width:30px;height:31px;padding:0;pointer-events:auto} #top-links .tns-controls button:first-of-type{margin-left:-45px} #top-links .tns-controls button:last-of-type{margin-right:-45px} /* Section quick links */ #homepage #main{position:relative;z-index:10;padding-top:124px} #quick-links{position:absolute;top:-121px;left:0;z-index:10;margin-bottom:-121px;width:100%} #quick-links .container{width:1424px} #quick-links-in{display:none;position:relative;z-index:5;padding:0 85px} .quick-link-wrap{padding:0 8px} .quick-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-decoration:none;padding:20px;height:243px;text-align:center;position:relative;transition:all .3s!important} .quick-link::before{content:'';background:var(--Colors-Theme-Blue---Medium);position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%} /* .quick-link::after{content:'';background:url(../images/ql-hover.png) center/169px 190px no-repeat;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;transition:all .3s} */ .quick-link-bg-img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.32;transition:all .3s} .quick-link-text{width:100%;position:relative;z-index:2;font:700 18px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);line-height:150%} .quick-link:hover{text-decoration:none} /* .quick-link:hover::after{opacity:1} */ /* .quick-link:hover .quick-link-bg-img{opacity:0.04} */ #quick-links .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s} #quick-links .tns-controls button{font-size:0;border:none;background:rgba(255, 255, 255, 0.80);position:relative;width:56px;height:67px;padding:0;pointer-events:all;transition:all .3s} #quick-links .tns-controls button:hover{background:rgba(255, 255, 255, 1)} #quick-links .tns-controls button img{width:30px} #quick-links .tns-controls button:first-of-type{margin-left:-96px} #quick-links .tns-controls button:last-of-type{margin-right:-96px} /* Section news */ #news{position:relative;z-index:1;padding-bottom:96px;overflow:hidden} #news::before{content:'';position:absolute;top:0;right:-33px;z-index:-1;width:706px;height:800px;background:url(../images/news-bg-img-2.png) center/cover no-repeat} #news .section-top{margin-top:112px} #news-in{display:flex;justify-content:space-between;margin-top:19px;position:relative} #news-in::before{content:'';position:absolute;top:-156px;left:-84px;z-index:-1;width:160px;height:161px;background:url(../images/news-bg-icon.png) center/cover no-repeat} #news-left{width:49.35%;height:100%;position:relative} .featured-news{display:flex;align-items:flex-end;justify-content:center;position:relative;text-decoration:none;height:473px;overflow:hidden;background:var(--lightgray)} .featured-news::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 37.75%, rgba(255, 255, 255, 0.94) 80%)} .featured-news-banner{position:absolute;width:100%;height:100%} .featured-news-info{width:100%;padding:33px 28px 33px 32px;position:relative;z-index:1} .featured-news-info time{display:block;width:100%;font:700 14px 'HCo Gotham SSm', sans-serif;color:var(--darkgray);text-transform:capitalize} .featured-news-title{width:100%;font:700 18px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Blue---Medium);line-height:150%;margin:11px 0 0} .featured-news:hover{text-decoration:none} .featured-news:hover::after{background:linear-gradient(180deg, rgba(227, 236, 246, 0.00) 37.75%, rgba(227, 236, 246, 0.94) 80%)} #news-left .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:10;opacity:0;transition:opacity .3s} #news-left .tns-controls button{font-size:0;border:none;background:unset;position:relative;width:30px;height:30px;padding:0;pointer-events:all} #news-left .tns-controls button:first-of-type{margin-left:15px} #news-left .tns-controls button:last-of-type{margin-right:15px} #news-left:hover .tns-controls{opacity:1} #news-right{width:49.35%} #news-box{width:100%;height:489px;overflow:auto} .h-news{display:flex;align-items:center;height:147px;text-decoration:none;position:relative;background:var(--Surfaces-white)} .h-news:not(:last-child){margin-bottom:16px} .h-news-banner{height:100%;width:45%;position:relative;overflow:hidden;background-color:var(--lightgray)!important} .h-news-info{display:flex;flex-wrap:wrap;align-items:center;width:55%;padding-left:30px;padding-right:20px;height:100%;overflow:auto;position:relative} .h-news-info-in{width:100%} .h-news-info time{display:block;width:100%;font:700 14px 'HCo Gotham SSm', sans-serif;color:var(--darkgray);text-transform:capitalize} .h-news-title{font-weight:700;font-size:18px;color:var(--Typography-primary, #1B1B1B);line-height:1.5;margin:11px 0 0;overflow:hidden} .news-read-more{display:inline-block;font-weight:400;font-size:12px;color:var(--dundee-township-il-nearly-black, #142829);text-transform:capitalize;transition:all .3s} .h-news:hover{text-decoration:none;background:var(--Colors-Theme-Blue---Lightest)} /* support/125931 */ #news-tabs-box{display:inline-block;position:relative;z-index:1} #post #news-tabs-box{margin-bottom:20px} #news-filter{padding:17px 45px 17px 22px;font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Red);text-transform:uppercase;cursor:pointer;position:relative;background:var(--Colors-Theme-Blue---Lightest);border:2px solid var(--Colors-Theme-Secondary-300);min-width:194px} #news-filter::after{content:'';width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);right:22px;transition:all .3s;background:url(../images/event-select-arrow.png) center/cover no-repeat} #news-tabs-wrap{position:relative} #news-tabs{margin:0;padding:0;list-style:none;position:absolute;left:0;top:calc(100% + 10px);width:100%;border:2px solid var(--Colors-Theme-Secondary-300);border-bottom:none;transition:all .4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px)} #news-filter.opened + #news-tabs-wrap #news-tabs{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)} #news-tabs:before{position:absolute;display:block;content:'';top:-5px;left:25px;z-index:-1;width:8px;height:8px;margin-bottom:-4px;border-top:2px solid var(--Colors-Theme-Secondary-300);border-left:2px solid var(--Colors-Theme-Secondary-300);background:var(--Colors-Theme-Blue---Lightest);transform:rotate(45deg)} #news-tabs li{margin:0} #news-tabs .news-tab{display:block;width:100%;padding:10px;background:var(--Colors-Theme-Blue---Lightest);font:700 14px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Red);cursor:pointer;line-height:1.2;border-bottom:2px solid var(--Colors-Theme-Secondary-300)} #news-tabs .news-tab.current{display:none} .news-tab-content:not(.current){display:none} #homepage.main-site #news .section-top{justify-content:start} #homepage.main-site #news .section-top .has-edit-buttons{width:50.65%} #homepage.main-site #news-right .section-btn{margin-top:20px} /* Section events */ #events{padding:94px 0 95px;position:relative;z-index:1;background:var(--Colors-Theme-Blue---Lightest)} #events::before{content:'';position:absolute;top:0;left:0;z-index:-1;height:100%;width:50%;background-color:var(--Colors-Theme-Blue---Medium)} #events .scroll-down-wrap{bottom:auto;top:-20px} #events-top{display:flex} #events-banner{position:absolute;top:0;left:0;z-index:0;height:100%;width:50%;opacity:64%} #events-in{position:relative;z-index:10} #events-in::before{content:'';position:absolute;top:-48px;left:-99px;z-index:-1;width:160px;height:160px;background:url(../images/events-bg-icon.png) center/cover no-repeat} #events-in .section-top{width:50%;margin-right:auto} #events-in .section-title{color:var(--Surfaces-white)} .section-btn-wrap{width:46.1%;margin-left:auto;margin-top:13px;position:relative} #events-box{min-height:480px;position:relative;margin-top:35px} #event-tabs-box-wrap{position:relative;z-index:2;width:46.1%;margin-left:auto;margin-top:6px} #event-tabs-box{display:inline-block} #event-filter{padding:17px 45px 17px 22px;font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Red);text-transform:uppercase;cursor:pointer;position:relative;background:var(--Colors-Theme-Blue---Lightest);border:2px solid var(--Colors-Theme-Secondary-300);min-width:194px} #event-filter::after{content:'';width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);right:22px;transition:all .3s;background:url(../images/event-select-arrow.png) center/cover no-repeat} #event-tabs-wrap{position:relative} #event-tabs{margin:0;padding:0;list-style:none;position:absolute;left:0;top:calc(100% + 10px);width:100%;border:2px solid var(--Colors-Theme-Secondary-300);border-bottom:none;transition:all .4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px)} #event-filter.opened + #event-tabs-wrap #event-tabs{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)} #event-tabs:before{position:absolute;display:block;content:'';top:-5px;left:25px;z-index:-1;width:8px;height:8px;margin-bottom:-4px;border-top:2px solid var(--Colors-Theme-Secondary-300);border-left:2px solid var(--Colors-Theme-Secondary-300);background:var(--Colors-Theme-Blue---Lightest);transform:rotate(45deg)} #event-tabs li{margin:0} #event-tabs .event-tab{display:block;width:100%;padding:10px;background:var(--Colors-Theme-Blue---Lightest);font:700 14px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Red);cursor:pointer;line-height:1.2;border-bottom:2px solid var(--Colors-Theme-Secondary-300)} #event-tabs .event-tab.current{display:none} .event-tab-content:not(.current){display:none} /* Section bottom-quick-links */ #bottom-quick-links{position:relative;background:url(../images/ql-bg.jpg) left top/cover no-repeat;padding:94px 0 96px} #bottom-quick-links .container{width:1424px} #b-quick-links-in{padding:0 85px} #b-quick-links-in .section-top{display:block} #b-quick-links-in .section-title{font-size:40px;color:var(--Surfaces-white);text-align:center;margin:0 0 34px} #b-quick-links-in .quick-link{height:256px;padding:10px} #b-quick-links-in .quick-link::before{background:var(--Colors-Theme-Blue---Dark)} #b-quick-links-in .quick-link::after{background:var(--Colors-Theme-Secondary-700)} #b-quick-links-in .quick-link-text{font-size:20px;text-transform:uppercase} #b-quick-links-in .quick-link:hover .quick-link-bg-img{opacity:0.06} #b-quick-links-in .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s} #b-quick-links-in .tns-controls button{font-size:0;border:none;background:rgba(255, 255, 255, 0.80);position:relative;width:56px;height:67px;padding:0;pointer-events:all;transition:all .3s} #b-quick-links-in .tns-controls button:hover{background:rgba(255, 255, 255, 1)} #b-quick-links-in .tns-controls button img{width:30px} #b-quick-links-in .tns-controls button:first-of-type{margin-left:-96px} #b-quick-links-in .tns-controls button:last-of-type{margin-right:-96px} /* Section stay-informed */ #stay-informed{background:var(--Colors-Theme-Red);position:relative;overflow:hidden} #stay-informed-bg-img{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:0.08} #stay-informed-in{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:60px 0 64px} #stay-informed-in::after{content:'';position:absolute;top:0;right:-104px;z-index:-1;width:401px;height:228px;background:url(../images/stay-informed-seal.png) center/contain no-repeat} .stay-informed-data{display:flex;flex:1;align-items:center;padding-right:30px} .stay-informed-data img{width:100px;min-width:100px;margin-right:31px;margin-top:4px} .stay-informed-data .section-title{font-size:40px;color:var(--Surfaces-white);margin:0 0 10px;line-height:135%} .stay-informed-data p{font:400 20px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);margin:0} #stay-informed-in .section-btn{background:var(--Surfaces-white);color:var(--Colors-Theme-Red)!important} #stay-informed-in .section-btn:hover{background:var(--Colors-Theme-Secondary-100);color:var(--Colors-Theme-Secondary-700)!important} /* Footer */ .site-footer{background:var(--Surfaces-white);position:relative} #footer-bg-img{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:0.08} #footer-top{display:flex;padding:51px 0 35px;position:relative} .footer-top-box{font-size:14px;color:#1B1B1B} .footer-top-box:not(:last-child){padding-right:30px} .footer-top-box:nth-child(1){width:23.5%} .footer-top-box:nth-child(2){width:19.5%} .footer-top-box:nth-child(3){width:19.5%} .footer-top-box:nth-child(4){width:20%} .footer-top-box:nth-child(5){width:17.5%} #footer-logo{display:inline-block;margin-top:2px} #footer-logo img{width:240px} .footer-social-btn{display:block;background:var(--Colors-Theme-Blue---Medium);padding:15px 108px 19px 15px;margin-top:24px;position:relative;text-decoration:none;width:240px;max-width:100%} .footer-social-btn::after{content:'';position:absolute;top:0;right:0;width:107px;height:100%;display:block;background:url(../images/footer-btn-img.png) left top/cover no-repeat} .footer-social-btn-plus{width:20px} .footer-social-btn-txt{font:700 14px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white)!important;text-transform:uppercase;letter-spacing:-0.5px;line-height:150%} .footer-social-btn:hover{background:var(--Colors-Theme-Secondary-700)!important;text-decoration:none} .footer-top-header{font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Colors-Theme-Blue---Medium);text-transform:capitalize;margin:0 0 16px} .footer-list{margin:0;padding:0;list-style:none} .footer-list li{margin-bottom:16px;line-height:1.21} .footer-list-link{display:inline-block;font:400 14px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-decoration:none} .footer-list-link:hover{color:var(--Colors-Theme-Secondary-700);text-decoration:none} .footer-list li a{display:inline-block;font:400 14px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-decoration:none} .footer-list li a:hover{color:var(--Colors-Theme-Secondary-700);text-decoration:none} #footer-bottom{position:relative;padding:24px 0 28px;text-align:center;font:400 14px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);border-top:1px solid var(--Colors-Grayscale-300)} #revize-link,#revize-login,.privacy-policy{display:inline-block;color:var(--brandcolor);text-decoration:none} #revize-link{display:inline-flex} #revize-link img{width:40px;min-width:40px} #revize-link:hover,#revize-login:hover,.privacy-policy:hover{color:var(--brandcolor);text-decoration:none} #footer-bottom .footer-spacer::after{content:'';display:inline-block;width:1px;height:12px;position:relative;background:var(--brandcolor);margin:0 10px;top:1px} .user-logged-in .footer-top-box{margin:5px} /* support/126772 */ .visit-template #clovis-way, .visit-template #news, .visit-template .floating-alert, .visit-template #visit-bottom-links, .visit-template #stay-informed{display:none!important} /* ----------------------------------------- #curated search -----------------------------------------*/ #search-results-wrap{position:absolute;top:490px;left:0;right:0;z-index:999;display:flex;justify-content:center;pointer-events:none} #search-results{width:100%;background:#fff;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0;border-radius:0 0 10px 10px;pointer-events:auto} #search-results .tab-content{background:#fff;overflow-y:auto;border-radius:0 0 10px 10px;margin:20px 0} .search-nav{list-style-type:none;margin:0;padding:0;display:table;table-layout:fixed;width:100%} #search-results .tab-pane h2{font-size:42px;color:var(--brandcolor);font-weight:600;text-align:left;margin:0 0 10px} .g-search-wrap iframe{height:400px;border:0!important;width:100%;opacity:0;transition:opacity .3s} .curated-item h4{margin:0;font-size:17px;color:#444;font-style:italic} #search-results .tab-content .tab-pane{padding:0 30px} .curated-item h3{margin:0;font-size:22px;color:var(--brandcolor);font-weight:600;display:block;width:75%} .curated-item{text-align:left;padding-top:5px;border-top:1px solid #c7d1d8;margin-bottom:5px;padding-bottom:5px} .curated-item>a{text-decoration:none;display:inline-block} .curated-item small{margin-top:2px;font-size:.7em;color:var(--brandcolor);line-height:1.3} .curated-tags span{border-radius:3px;display:inline-block;background:var(--brandcolor);color:#fff;font-weight:700;font-size:11px;line-height:1;padding:4px 8px 5px;margin-right:4px} .curated-item div.pull-right{text-align:right;width:25%} .curated-item div.pull-right .search-icon{color:var(--brandcolor);font-size:16px;width:22px;display:inline-block;text-align:center;margin-left:4px} a.search-dept-url{display:block;color:#444} .curated-item h3 a{color:var(--brandcolor)} li#close-curated{display:inline-block;position:absolute;right:10px;top:-50px;float:none!important;background:none;width:auto!important;color:#000;font-size:30px;border:0!important} .search-nav li{display:table-cell;float:none;width:100%;background:#4D90FE;color:#fff;font-weight:700;text-align:center;padding:14px 5px;border-right:2px solid #c7d1d8;cursor:pointer;position:relative;pointer-events:fill} .search-nav li:last-of-type{border:none} .search-nav li.active{background:#0F3356} .curated-tags{clear:both} #close-curated .fa-close{color:#fff;text-shadow:#aaa 0px 0px 6px} body.header-only-search #search-results-wrap{top:200px;position:fixed} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-wrap{position:relative;padding:48px 0 24px} #freeform-in{display:flex;justify-content:space-between} #freeform-left{width:288px;position:relative;z-index:11} #freeform-right{width:calc(100% - 288px)} #flyout-wrap{position:relative;z-index:11!important;margin-bottom:8px;background:var(--Colors-Theme-Blue---Lightest)} #entry{width:100%;padding:2px 0 20px 24px} #flyout-header{display:none;font:400 20px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-transform:uppercase;padding:31px 31px 12px;margin-bottom:0;line-height:135%;letter-spacing:1.5px} #flyout{padding:0 0 29px;margin:0 0 16px} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font-size:14px;color:var(--brandcolor);padding:14px 31px;line-height:1.21} #flyout ul{padding:0;margin:0} #flyout ul a, #flyout ul span{font-size:14px;padding:10px 15px} .aside-box{background:var(--Colors-Theme-Blue---Lightest);margin-bottom:16px;padding:31px} .aside-box-header{font:400 20px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-transform:uppercase;margin-bottom:17px;line-height:135%;letter-spacing:1.5px} .freeform-contact-us{padding-bottom:16px;margin-bottom:16px} .freeform-contact-img-box img{display:inline-block;width:224px;height:164px;object-fit:cover} .freeform-contact-name{font-weight:700;color:var(--brandcolor);margin:18px 0 5px;line-height:1.2} .freeform-contact-title{font-size:14px;color:var(--darkgray);margin:4px 0 30px;line-height:1.2} .freeform-contact-box{display:flex;align-items:center;font-size:14px;line-height:1.2;margin-bottom:16px} .freeform-contact-box address{margin:0} .freeform-contact-box img{width:24px;min-width:24px} .freeform-contact-box a,.freeform-contact-box span{display:inline-block;color:var(--brandcolor);text-decoration:none;margin:0 0 0 16px;line-height:1.5} .freeform-contact-box a:hover{color:#000;text-decoration:none} .freeform-contact-email{word-break:break-all} .freeform-contact-text{line-height:1.5} .freeform-location-hours{padding-bottom:17px;margin-bottom:16px} .freeform-location-hours .aside-box-header{margin-bottom:16px} .aside-hours{display:flex;align-items:flex-start;font-size:14px;margin-bottom:16px} .aside-hours span{color:var(--brandcolor);line-height:150%} .aside-hours strong{width:72px;font-weight:700;text-transform:uppercase;color:var(--Typography-secondary);line-height:150%} .flyout-download{padding-bottom:31px} .download-box-wrap{display:flex;align-items:center;line-height:1.5;background:var(--lightgray);padding:12px 13px;text-decoration:none;font-weight:700} .download-box-wrap span{overflow-wrap:anywhere} .download-box-wrap:hover{text-decoration:none} .download-box-wrap:not(:last-child){margin-bottom:15px} .download-box{font-weight:700;font-size:14px;color:var(--brandcolor);margin-top:1px;line-height:150%;letter-spacing:-1px} .files-icon{width:24px;min-width:24px;margin-right:16px} #breadcrumbs ul{margin:0 0 33px;padding:0;list-style:none;font-size:16px;color:var(--Typography-secondary);text-transform:capitalize;line-height:1} #breadcrumbs ul li{display:inline-block;margin:0;position:relative} #breadcrumbs ul li:not(:last-of-type){margin-right:29px} #breadcrumbs ul li:not(:last-of-type)::after{content:'';background:url(../images/breadcrumbs-arrow.png) center/cover no-repeat;width:14px;height:14px;position:absolute;top:3px;right:-23px} #breadcrumbs a{display:inline-block;font-weight:700;color:var(--Colors-Theme-Blue---Medium);position:relative;text-decoration:none} #post blockquote{font-weight:700;font-size:20px;color:var(--brandcolor);background:var(--Colors-Theme-Light-Beige);padding:48px 140px 48px 46px;line-height:150%;text-transform:capitalize;position:relative;margin:30px 0} #post blockquote::after{content:'';width:78px;height:78px;position:absolute;top:50%;transform:translateY(-50%);right:48px; background:url('data:image/svg+xml,') } .freeform-accordion{position:relative;margin:25px 0 20px} .freeform-accordion .subheader{margin-bottom:6px} .freeform-accordion-in{margin-top:6px} .accordion-box:not(:last-of-type){border-bottom:2px solid var(--Colors-Grayscale-200)} .accordion-top{position:relative} .accordion-header{display:block;width:100%;font-weight:700;font-size:18px;color:var(--Colors-Theme-Blue---Medium);cursor:pointer;padding:31px 80px 31px 11px;margin:0;line-height:150%} .accordion-signs-wrap{display:flex;justify-content:center;align-items:center;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(45deg);width:40px;height:40px;background:var(--Colors-Theme-Dark-Beige);cursor:pointer;transition:all .3s} .accordion-signs{width:26px;height:26px;transform:rotate(-45deg)} .accordion-plus, .accordion-minus{position:absolute;transition:all .3s} .accordion-minus{opacity:0} .accordion-top.active .accordion-plus{opacity:0} .accordion-top.active .accordion-minus{opacity:1} .accordion-top.active .accordion-signs-wrap{background:var(--Colors-Theme-Light-Beige)} .accordion-content{display:none;font-weight:500;font-size:14px;padding:7px 0 0 11px;line-height:150%} .accordion-content-header{font-size:20px;color:var(--brandcolor);text-transform:uppercase;letter-spacing:2px;margin-bottom:11px} .accordion-content p{font-size:16px;margin-bottom:24px;line-height:150%} .accordion-content-title{font-weight:500;font-size:22px;color:#202d3d;margin-bottom:10px;line-height:1.2} .accordion-content-text{font-weight:500;font-size:15px;color:#1d2326;line-height:1.8} .fullwidth #entry{padding:20px 0} .col-xs-12{width:100%} #post .btn{margin-bottom:10px} /* support/128715 */ .freeform-slider-wrap{margin:30px 0;padding-bottom:100px} .freeform-slider-item{display:block;position:relative;aspect-ratio:4 / 2} .freeform-slider-banner{position:absolute;width:100%;height:100%} .freeform-slider-wrap .tns-controls{display:flex;justify-content:center;pointer-events:none;position:absolute;top:calc(100% + 50px);width:100%;transition:all .3s} .freeform-slider-wrap .tns-controls button{font-size:0;border:none;border-bottom:2px solid var(--Surfaces-black, #1B1B1B)!important;background:linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 50.48%, rgba(255, 255, 255, 0.00) 100%), #26363D!important;border-radius:8px!important;position:relative;width:56px;height:67px;padding:0;margin:0 10px;pointer-events:all;transition:all .3s} .freeform-slider-wrap .tns-controls button:hover{border-bottom:2px solid var(--Colors-Theme-Blue---Darkest, #14191B)!important;background:linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Colors-Theme-Blue---Medium, #0F3356)!important;box-shadow:3px 5px 9.6px 0px rgba(0, 0, 0, 0.45)!important} .freeform-slider-wrap .tns-controls button img{width:30px;filter:brightness(0) invert(1)} .table-mobile img{object-fit:cover} /* ----------------------------------------- #tiles -----------------------------------------*/ .tiles-template.user-logged-in #post{padding-top:50px} .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:33px 0 32px} .tile{display:flex;align-items:center;justify-content:center;height:240px;position:relative;text-decoration:none;background-color:var(--Colors-Theme-Blue---Medium);transition:all .3s;overflow:hidden} .tile-banner{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.32;transition:all .3s} .tile-data{text-align:center;position:relative} .tile-title{display:block;width:100%;margin:0;padding:5px 10px;font-weight:700;font-size:20px;color:var(--Surfaces-white);text-align:center;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:150%} .tile-more{display:none;font-weight:700;font-size:14px;color:var(--brandcolor);background:var(--Colors-Theme-Secondary-100);width:122px;padding:11px;margin:11px auto 4px;text-transform:uppercase} .tile:hover{text-decoration:none;background-color:var(--Colors-Theme-Secondary-700)} .tile:hover .tile-banner{opacity:0.06} .hiring-process{margin-bottom:3px} .user-logged-in .hiring-process .subheader{padding-top:20px} .hp-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-decoration:none;padding:20px 95px;min-height:450px;position:relative} .hp-link::before{content:'';background:var(--Colors-Theme-Blue---Medium);position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%} .hp-link-bg-img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.32;transition:all .3s} .hp-link-data{position:relative} .hp-link-title{font-weight:700;font-size:40px;color:var(--Surfaces-white);margin-bottom:15px;letter-spacing:3.5px;text-transform:uppercase} .hp-link-text{font-weight:700;font-size:14px;color:var(--Surfaces-white);line-height:150%;margin-bottom:0} .hp-link-text:not(:last-of-type){margin-bottom:21px} .hp-link:hover{text-decoration:none} .hiring-process .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s} .hiring-process .tns-controls button{font-size:0;border:none;background:rgba(255, 255, 255, 0.80)!important;position:relative;width:56px;height:67px;padding:0;pointer-events:all;transition:all .3s} .hiring-process .tns-controls button:hover{background:rgba(255, 255, 255, 1)!important} .hiring-process .tns-controls button img{width:30px} /* ----------------------------------------- #police template -----------------------------------------*/ .police-template .site-subheader{background-color:var(--Colors-Theme-Blue---Medium)} .police-template .site-subheader .logo-wrap{position:absolute;top:80px;left:79px} .police-template .site-subheader .logo img{width:142.5px} .police-template #slider-caption{font-size:64px;line-height:130%} .police-template #slider-caption-search-wrap{top:47%} .police-template#homepage #main{padding-top:0} #dept-main-bg-img{position:absolute;top:100px;right:0;z-index:-1;width:649px;height:800px} .police-template .scroll-down-wrap{bottom:95px} .police-template .scroll-down{background:var(--Colors-Theme-Blue---Lightest)} /* Section department contact */ #department-contact{position:relative;padding-top:96px} #dept-contact-in{display:flex;justify-content:space-between} #dept-contact-left{width:294px} #dept-contact-right{width:calc(100% - 318px);padding-top:47px} #dept-contact-right .section-title{font-size:40px;letter-spacing:3.5px;margin-right:0;margin-bottom:26px} #dept-contact-right p{margin-bottom:21px} .police-template .section-btn{ border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Police-Police---Blue, #29204B); } .police-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #425A77; } /* Section featured video */ #featured-video{position:relative;overflow:hidden} #featured-video-out{background:var(--Colors-Theme-Blue---Lightest);position:relative;padding:48px} #featured-video-in{position:relative;z-index:1;height:610px;display:flex;align-items:center;justify-content:center;overflow:hidden} #featured-video-in::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(0deg, rgba(23, 34, 65, 0.24) 0%, rgba(23, 34, 65, 0.24) 100%)} .video-banner{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1} #featured-video-in .video-btn{display:inline-block;text-align:center;text-decoration:none;position:relative;z-index:1} #featured-video-in .video-btn img{width:64px} /* Rewriting the plugin rule for this site only */ .lity{z-index:999999!important} /* Section department boxes */ #department-boxes{position:relative;padding-bottom:80px} #department-boxes-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;align-items:start} .emergency-links-list{padding:0;margin:0;list-style:none} .emergency-link{display:block;text-decoration:none;font-size:14px;color:var(--brandcolor);padding:10px 0;line-height:1.21} .emergency-link:hover{text-decoration:none} #department-boxes #flyout{padding-bottom:13px} /* Section department news */ #department-news{position:relative;padding:71px 0 96px;background:#fff} #department-news .container{width:1424px} #department-news .section-title{font-size:40px;letter-spacing:3.5px;margin-top:6px} #department-news #news-in{display:block;z-index:1;padding:0 85px} #department-news #news-in::before{top:-54px;left:1px;background-image:url(../images/dept-news-bg-icon.png)} #department-news .h-news{display:block;height:auto} #department-news .h-news-banner{width:100%;height:216px} #department-news .h-news-info{display:block;width:100%;background:var(--Colors-Theme-Blue---Lightest);padding:33px 32px;transition:background .3s} #department-news .h-news:hover .h-news-info{background:var(--lightgray)} #department-news .h-news-info time{color: var(--Colors-Theme-Gold-Original)} #department-news .h-news-title{margin:11px 0 13px;color:var(--Police-Police---Blue);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} #dept-news-slider-wrap{width:100%;margin-top:19px} #department-news .h-news-more{font-weight:700;font-size:14px;color:var(--Typography-black);text-transform:uppercase} #department-news .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s} #department-news .tns-controls button{font-size:0;border:none;background:rgba(255, 255, 255, 0.80);position:relative;width:56px;height:67px;padding:0;pointer-events:all;transition:all .3s} #department-news .tns-controls button:hover{background:rgba(255, 255, 255, 1)} #department-news .tns-controls button img{width:30px} #department-news .tns-controls button:first-of-type{margin-left:-96px} #department-news .tns-controls button:last-of-type{margin-right:-96px} /* Section department events */ .police-template #events .scroll-down{background:#ccc} .police-template #events-in .section-title{font-size:40px;letter-spacing:3.5px} .police-template #event-filter{color:var(--Police-Police---Blue);border-color:var(--Colors-Theme-Gold-Original)} .police-template #event-filter::after{background:url(../images/police-event-select-arrow.png) center/cover no-repeat} .police-template #event-tabs{border-color:var(--Colors-Theme-Gold-Original)} .police-template #event-tabs .event-tab{color:var(--Police-Police---Blue);border-color:var(--Colors-Theme-Gold-Original)} .police-template #event-tabs:before{border-color:var(--Colors-Theme-Gold-Original);background:var(--Colors-Theme-Blue---Lightest)} /* Section department bottom-quick-links */ .police-template #b-quick-links-in .quick-link::before{background:#172241} .police-template #bottom-quick-links{background:var(--Police-Police---Yellow);padding-top:96px} .police-template #b-quick-links-bg-img{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:.32} /* Section police footer */ .police-template #footer-logo{width:142.5px;margin-top:-3px} .police-template .footer-social-btn{margin-top:10px;margin-bottom:13px} .police-template .footer-social-btn{background:var(--Police-Police---Blue)} .police-template .footer-social-btn::after{background-image:url(../images/police-footer-btn-img.png)} #freeform.police-template #breadcrumbs a{color:var(--Police-Police---Blue)} #freeform.police-template #post blockquote{background:var(--Police-Police---Yellow)} #freeform.police-template .freeform-contact-name{margin-bottom:28px;line-height:1.4} .police-join #featured-video, .fire-join #featured-video{padding:96px 0} .ql-item-col .quick-link-wrap:first-of-type{margin-bottom:16px} /* ----------------------------------------- #fire template -----------------------------------------*/ .fire-template .site-subheader{background-color:var(--Fire-Fire---Red)} .fire-template .site-subheader .logo-wrap{position:absolute;top:60px;left:79px} .fire-template .site-subheader .logo img{width:142.5px} .fire-template #slider{height:800px;margin-top:0} .fire-template #slider-caption{font-size:64px;line-height:130%} .fire-template #slider-caption-search-wrap{top:41.5%} .fire-template#homepage #main{padding-top:0} .fire-template #dept-main-bg-img{top:175px;width:477px;height:640px} .fire-template .department-logo{width:140px} .fire-template .scroll-down-wrap{bottom:95px} .fire-template .scroll-down{background:var(--Colors-Grayscale-100)} .fire-template .aside-box{background:var(--Fire-Fire---Background)} .fire-template .section-btn{ border-bottom: 2px solid var(--Surfaces-black, #1B1B1B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Fire-Fire---Red); } .fire-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Colors-Theme-Red); } .fire-template #featured-video-out{background:var(--Fire-Fire---Background)} .fire-template #featured-video-in::after{background:linear-gradient(0deg, rgba(35, 31, 32, 0.24) 0%, rgba(35, 31, 32, 0.24) 100%)} .fire-template #flyout-wrap{background:var(--Fire-Fire---Background)} .fire-template #department-news .h-news-info{background:var(--Fire-Fire---Background)} .fire-template #department-news .h-news-info time{color:var(--Fire-Fire---Dark)} .fire-template #department-news .h-news-title{color:var(--Fire-Fire---Red)} .fire-template #events{background:var(--Fire-Fire---Background);display:none;} .fire-template #events-in .section-title{font-size:40px;letter-spacing:3.5px} .fire-template #event-filter{color:var(--Fire-Fire---Red);border-color:var(--Fire-Fire---Yellow);background:var(--Fire-Fire---Background)} .fire-template #event-filter::after{background:url(../images/fire-event-select-arrow.png) center/cover no-repeat} .fire-template #event-tabs{border-color:var(--Fire-Fire---Yellow)} .fire-template #event-tabs .event-tab{color:var(--Fire-Fire---Red);border-color:var(--Fire-Fire---Yellow);background:var(--Fire-Fire---Background)} .fire-template #event-tabs:before{border-color:var(--Fire-Fire---Yellow);background:var(--Fire-Fire---Background)} /* Section department bottom-quick-links */ .fire-template #b-quick-links-in .quick-link::before{background:var(--Fire-Fire---Dark)} .fire-template #bottom-quick-links{background:var(--Fire-Fire---Yellow);padding-top:96px} .fire-template #b-quick-links-bg-img{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:.32} /* Section department social */ .social-media-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;background:rgba(255, 255, 255, 0.50);position:relative;padding:10px 15px} .social-media-link-wrap{margin:10px 0} .social-media-link-wrap:not(:last-of-type)::after{content:'';display:inline-block;background:var(--brandcolor);width:4px;height:4px;margin:0 36px 3px} .social-media-link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;width:50px;min-width:50px} .social-media-link img{width:32px;min-width:32px} .social-media-link:hover img{filter:brightness(0) saturate(100%) invert(9%) sepia(85%) saturate(3128%) hue-rotate(351deg) brightness(109%) contrast(94%)} .fire-template #footer-logo img{width:182px} .fire-template .footer-top-box:nth-child(1){margin-right:-40px} #freeform.fire-template #breadcrumbs a{color:var(--Fire-Fire---Red)} #freeform.fire-template #post blockquote{background:var(--Fire-Fire---Yellow)} #freeform.fire-template .freeform-contact-name{margin-bottom:28px;line-height:1.4} #freeform.fire-template #post blockquote::after { background:url('data:image/svg+xml,'); } /* ----------------------------------------- #visit template -----------------------------------------*/ .visit-template .site-subheader{background-color:var(--Travel-Travel---Blue)} .visit-template .site-subheader .logo-wrap{width:260.5px;min-width:150px;margin-top:14px;margin-left:-18px} .visit-template .site-subheader .logo img{width:260.5px;filter:brightness(0) invert(1)} .visit-template .site-header .subheader-logo-wrap img{width:260.5px;filter:brightness(0) invert(1)} .visit-template .site-subheader .nav a, .visit-template .site-subheader .nav span{font:400 18px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);padding:0 21px} .visit-template .site-subheader .nav ul a, .visit-template .site-subheader .nav ul span{color:var(--Colors-Theme-Blue---Medium)} .visit-template .site-subheader .nav ul ul a, .visit-template .site-subheader .nav ul ul span{font:400 14px 'HCo Gotham SSm', sans-serif} .visit-template #slider{height:700px} .visit-template #slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:7;text-align:center;padding:0 150px;margin-bottom:0;line-height:0} .visit-template #slider-caption .slider-caption-top{width:100%;font:700 72px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.08);text-align:center;text-transform:uppercase;letter-spacing:6.64px;line-height:130%} .visit-template #slider-caption .slider-caption-bottom{width:100%;font:400 32px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.08);text-align:center;text-transform:uppercase;letter-spacing:2.84px;line-height:135%} .visit-template#homepage #main{padding-top:0} #visit-top-links{position:relative;padding:47px 0 48px;border-top:1px solid #FFF;background:var(--Travel-Travel---Blue)} #visit-top-links-bg{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:.08} .dept-ql-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .dept-ql{display:block;padding:32px 15px 33px;position:relative;text-decoration:none;text-align:center;background:rgba(255, 255, 255, 0.92);border:1px solid var(--Travel-Travel---Blue)} .dept-ql-icon-box{width:120px;height:120px;background:var(--Travel-Travel---Blue);border-radius:50%;display:inline-flex;align-items:center;justify-content:center} .dept-ql-icon-box img{display:inline-block;max-width:64px} .dept-ql-text{font-weight:700;font-size:18px;color:var(--brandcolor);line-height:150%;margin-top:15px} .dept-ql:hover{text-decoration:none;border-color:#949D7A} .dept-ql:hover .dept-ql-icon-box{background:#949D7A} /* design change requested */ #visit-top-links .container{width:1424px} #visit-top-links-in{position:relative;z-index:5;padding:0 85px} #visit-top-links .tns-controls{display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s} #visit-top-links .tns-controls button{font-size:0;border:none;background:rgba(255, 255, 255, 0.80);position:relative;width:56px;height:67px;padding:0;pointer-events:all;transition:all .3s} #visit-top-links .tns-controls button:hover{background:rgba(255, 255, 255, 1)} #visit-top-links .tns-controls button img{width:30px} #visit-top-links .tns-controls button:first-of-type{margin-left:-96px} #visit-top-links .tns-controls button:last-of-type{margin-right:-96px} #clovis-way{position:relative;padding:95px 0 96px} #clovis-way-in{display:flex;justify-content:space-between;align-items:center} #clovis-way-left{width:56%} #clovis-way-right{width:39.3%;text-align:right} .clovis-way-right-img{width:480px;object-fit:cover;border:1px solid var(--Travel-Travel---Green)} #clovis-way-left .section-title{margin:0 0 26px} #clovis-way-left p{margin-bottom:17px} .visit-template .section-title{font-size:40px;letter-spacing:4px} .visit-template .section-btn{ border-bottom: 2px solid var(--Travel-Travel---Grey, #4C5259); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Travel-Travel---Green, #6C9696); } .visit-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #949D7A; } .visit-template #department-news{padding:94px 0 119px} .visit-template #department-news #news-in::before{content:none} .visit-template #department-news .h-news{border:1px solid var(--Travel-Travel---Green)} .visit-template #department-news .h-news-banner{height:256px} .visit-template #department-news .h-news-info time{color:var(--Travel-Travel---Green)} .visit-template #department-news .h-news-title{color:var(--brandcolor)} .visit-template #department-news .h-news-more{color:var(--Travel-Travel---Blue)} .visit-template #department-news .h-news-info{background:rgba(70, 110, 150, 0.16)} /* .visit-template #events{background:none;padding:117px 0 119px} .visit-template #events-in .section-top{width:100%;margin-right:0} .visit-template #events-in::before{content:none} .visit-template #events::before{content:none} .visit-template #events-banner{width:100%;opacity:.08} .visit-template #events-in .section-title{color:var(--brandcolor);margin-bottom:7px} .visit-template #events-in .section-btn{margin-top:15px} .visit-template #events-box{margin-top:11px} */ .visit-template #events::before{background-color:var(--Travel-Travel---Green)} .visit-template .scroll-down{background:var(--Travel-Travel---Green)} .visit-template .scroll-down:hover{background:#949D7A!important} .visit-template .scroll-down img{filter:brightness(0) invert(1)} .visit-template #events{background:rgba(70, 110, 150, 0.16);} .visit-template #event-filter{color:var(--Travel-Travel---Blue);border-color:var(--Travel-Travel---Greenish);background:#DEE3E9} .visit-template #event-filter::after{background:url(../images/visit-event-select-arrow.png) center/cover no-repeat} .visit-template #event-tabs{border-color:var(--Travel-Travel---Greenish)} .visit-template #event-tabs .event-tab{color:var(--Travel-Travel---Blue);border-color:var(--Travel-Travel---Greenish);background:#DEE3E9} .visit-template #event-tabs:before{border-color:var(--Travel-Travel---Greenish);background:#DEE3E9} /* support/131636 */ .visit-template #event-tabs-box-wrap{display:none!important} #visit-bottom-links{position:relative;padding:95px 0;background:var(--Travel-Travel---Green)} #visit-bottom-links-bg{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:.32} #visit-bottom-links .dept-ql{display:flex;align-items:center;justify-content:center;padding:15px;min-height:258px;background:var(--Travel-Travel---Grey);border-color:var(--Surfaces-white)} #visit-bottom-links .dept-ql-bg-img{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:.32} #visit-bottom-links .dept-ql-text{position:relative;font-size:20px;color:var(--Surfaces-white);margin-top:0;text-transform:uppercase} #visit-parking-map{position:relative;padding:95px 0 98px} #visit-parking-map-in{display:flex;justify-content:space-between;align-items:center} #visit-parking-map-left{width:48%} #visit-parking-map-right{width:48%} #visit-bottom-links .dept-ql:hover .dept-ql-bg-img{opacity:.5} .parking-map-img{cursor:pointer;object-fit:cover} #visit-parking-map .section-title{margin:0} #lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);justify-content:center;align-items:center;z-index:9999999} #lightbox-image{max-width:85%;max-height:85%;display:inline-block} #lightbox-close{position:absolute;top:20px;right:20px;font-size:30px;color:#fff;cursor:pointer;background:none;border:none;padding:0} .visit-template #stay-informed{background:var(--Travel-Travel---Blue)} .visit-template #stay-informed::after{content:'';position:absolute;top:0;right:0;z-index:0;width:947px;height:228px;background:url(../images/visit-clovis-logo.png) center/contain no-repeat} .visit-template #stay-informed-in::after{content:none} .visit-template #stay-informed-in .section-btn{color:var(--Travel-Travel---Blue)!important} .visit-template #stay-informed-in{padding-bottom:63px} .visit-template .social-media-link:hover img{filter:brightness(0) saturate(100%) invert(40%) sepia(44%) saturate(487%) hue-rotate(169deg) brightness(93%) contrast(92%)} .visit-template #footer-bg-img{opacity:0.12} #freeform.visit-template #flyout-wrap, #freeform.visit-template .aside-box{/* background:var(--Travel-Travel---Background); *//* border:1px solid var(--Travel-Travel---Green); */background: #466e9629;} #freeform.visit-template #breadcrumbs a{color:var(--Travel-Travel---Blue)} #freeform.visit-template #breadcrumbs ul li:not(:last-of-type)::after{background-image:url(../images/visit-breadcrumbs-arrow.png)} #freeform.visit-template #post blockquote{/* background:var(--Travel-Travel---Background); *//* border-top:1px solid var(--Travel-Travel---Blue); *//* color:var(--Travel-Travel---Blue); */background: #466e96;color: #ffffff;} #freeform.visit-template #post blockquote::after { /* background:url('data:image/svg+xml,'); */ filter: invert(1)brightness(100); } /* ----------------------------------------- #business template -----------------------------------------*/ .business-template .site-subheader{background-color:var(--Business-Business---Grey)} .business-template .site-subheader .nav a, .visit-template .site-subheader .nav span{color:var(--Surfaces-white)} .business-template .site-subheader .nav ul a, .visit-template .site-subheader .nav ul span{color:var(--Colors-Theme-Blue---Medium)} .business-template .site-subheader .logo-wrap{width:auto;min-width:auto;margin-top:0!important;left:70px!important;align-self:center} .business-template .site-subheader .logo{text-decoration:none;text-transform:uppercase;font:italic 400 18px 'Alegreya Sans', sans-serif;color:var(--Surfaces-white);line-height:150%;letter-spacing:1.44px} .business-template .site-subheader .header-in{padding:0 314px} .business-template #slider{height:800px} .business-template #slider-caption{position:absolute;left:0;right:0;top:41%;z-index:7;text-align:center;padding:0 12%;margin-bottom:0;text-align:center;text-shadow:0px 6px 8px rgba(0, 0, 0, 0.08)} .business-template .slider-custom-text{display:none;position:absolute;left:0;right:0;top:41%;z-index:7;font:400 32px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);text-transform:uppercase;text-align:center;margin-top:5px;padding:0 12%;line-height:135%;text-shadow:0px 6px 8px rgba(0, 0, 0, 0.08);letter-spacing:2.84px} .business-template .slider-custom-text::after{content:'';display:block;width:240px;height:4px;background:var(--Business-Business---Blue);margin:9px auto 0;text-align:center} .business-template#homepage #slider-prev{transform:none;margin-left:9%} .business-template#homepage #slider-next{transform:none;margin-right:9%} .business-template#homepage #slider:hover #slider-prev{transform:none} .business-template#homepage #slider:hover #slider-next{transform:none} .business-template#homepage #main{padding-top:0} .business-template .section-title{font-size:40px;letter-spacing:3.5px;margin-right:0} .business-template .section-title::after{content:'';display:block;width:80px;height:4px;background:var(--Business-Business---Blue);margin:11px 0 24px} .business-template .section-btn{ border-bottom: 2px solid var(--Business-Business---Grey, #606060); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Business-Business---Blue, #13AFF0); } .business-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Travel-Travel---Blue) } .business-template #visit-top-links{padding:48px 0;border-top:none;background:var(--Surfaces-white)} .business-template #visit-top-links .container{width:1300px} .business-template .dept-ql-wrap{grid-template-columns:repeat(4,1fr);gap:4%} .business-template .dept-ql-icon-box{width:72px;height:72px;background:none} .business-template .dept-ql-text{font-weight:400;font-size:20px;color:var(--Typography-black);line-height:135%;margin-top:0;text-transform:uppercase;letter-spacing:1.8px} .business-template .dept-ql-icon-box img{max-width:72px} .business-template .dept-ql{padding:48px 15px;background:var(--Surfaces-white);border:none} .business-template .dept-ql:hover .dept-ql-icon-box{background:none} #business-about{position:relative;padding:118px 0 98px;background:var(--Surfaces-white)} #business-about-bg-img{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;opacity:0.05} #business-about-in{display:flex;justify-content:space-between;position:relative} #business-about-left{width:57%} #business-about-left p{margin-bottom:24px} #business-about .section-btn{margin-top:0} #business-about-right{width:33%} .business-about-links-wrap{display:flex;flex-direction:column;align-items:flex-end} .business-about-link{display:block;font-size:20px;background:var(--Surfaces-white);color:var(--Typography-black);width:400px;max-width:100%;border:1px solid var(--Business-Business---Light-Grey);padding:38px 31px;margin-bottom:24px;text-transform:uppercase;text-decoration:none;line-height:135%;letter-spacing:1.8px} .business-about-link:hover{color:var(--Typography-black);text-decoration:none;background:transparent} #business-info{position:relative;padding:96px 0;background:var(--Surfaces-white)} #business-info-boxes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px} .business-info-box{width:calc(50% - 12px);border:1px solid var(--Business-Business---Light-Grey);padding:30px 47px;position:relative;z-index:1} .business-info-box::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.24) 100%);opacity:0} .business-info-box-img{position:absolute;left:0;top:0;z-index:-2;width:100%;height:100%;opacity: 0.15;} .business-info-box .section-title{font-size:24px!important;letter-spacing:2.5px} .business-info-box p{margin-bottom:15px} .business-info-box:hover::after{opacity:1} .business-info-box:hover p{opacity:0} .business-info-box:hover .business-info-box-img{opacity:1} .business-info-box .section-btn{transition:none} .business-info-box:hover .section-btn{color:var(--Surfaces-white)!important;background:var(--Business-Business---Blue);border-color:var(--Business-Business---Blue)} .business-social-media-links{background:var(--Business-Business---Grey);padding-top:12px;padding-bottom:12px} .business-social-media-links-in{display:flex;justify-content:space-between;align-items:center} .business-social-media-links-title{font-size:20px;color:var(--Surfaces-white);text-transform:uppercase;margin-bottom:0} .business-template .social-media-link img{filter:brightness(0) invert(1)} .business-social-media-links .social-media-links{background:none;padding-left:0;padding-right:0} .business-social-media-links .social-media-link-wrap:not(:last-of-type)::after{background:var(--Colors-Grayscale-400)} .business-social-media-links .social-media-link{width:32px;min-width:32px} .business-social-media-links .social-media-link:hover img{filter:brightness(0) saturate(100%) invert(50%) sepia(83%) saturate(1813%) hue-rotate(167deg) brightness(104%) contrast(88%)} .business-template #footer-logo{text-decoration:none;text-transform:uppercase;font:italic 400 20px 'Alegreya Sans',sans-serif;color:var(--Typography-black);margin-top:-2px;line-height:150%;letter-spacing:1.6px} .business-template #footer-top{padding:45px 0 37px} #freeform.business-template #flyout-wrap, #freeform.business-template .aside-box{background:var(--lightgray)} #freeform.business-template #breadcrumbs a{color:var(--Typography-black)} #freeform.business-template .subheader::after{content:'';display:block;width:80px;height:4px;background:var(--Business-Business---Blue);margin:11px 0 24px} #freeform.business-template #post blockquote{background:var(--Business-Business---Grey);color:var(--Surfaces-white)} #freeform.business-template #post blockquote::after { background:url('data:image/svg+xml,'); } /* ----------------------------------------- #senior template -----------------------------------------*/ .senior-template .site-subheader{background-color:var(--Senior-Senior---Yellow)} .senior-template .site-subheader .logo-wrap{width:253px;min-width:100px;margin-top:0;margin-left:-18px;align-self:center} .senior-template .site-subheader .logo img{width:253px} .senior-template .site-subheader .nav a, .senior-template .site-subheader .nav span{font:400 18px 'HCo Gotham SSm', sans-serif;color: var(--Surfaces-primary-dark);padding:0 21px} .senior-template .site-subheader .nav ul ul a, .senior-template .site-subheader .nav ul ul span{font:400 14px 'HCo Gotham SSm', sans-serif} .senior-template #slider{height:700px} .senior-template .slider-custom-text{position:absolute;left:0;right:0;bottom:50px;z-index:7;font:400 32px 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);text-transform:uppercase;text-align:center;padding:0 12%;line-height:135%;text-shadow:0px 6px 8px rgba(0, 0, 0, 0.08);letter-spacing:2.84px} .senior-template#homepage #slider-prev{transform:none;margin-left:9%} .senior-template#homepage #slider-next{transform:none;margin-right:9%} .senior-template#homepage #slider:hover #slider-prev{transform:none} .senior-template#homepage #slider:hover #slider-next{transform:none} .senior-template#homepage #main{padding-top:0} .senior-template #visit-top-links{padding:48px 0;border-top:none;background:var(--Senior-Senior---Background)} .senior-template .dept-ql{padding:20px 32px 25px;text-align:left;background:var(--Senior-Senior---Green);border:none;border-radius:8px} .senior-template .dept-ql:hover{background:#752F25} .senior-template .dept-ql:hover .dept-ql-icon-box{background:none} .senior-template .dept-ql-icon-box{width:auto;height:80px;background:none} .senior-template .dept-ql-icon-box img{max-width:72px} .senior-template .dept-ql-text{font-size:20px;color:var(--Senior-Senior---Background);line-height:150%;margin-top:4px} #senior-donate{position:relative;padding:96px 0 48px;background:#fff} #senior-donate-in{display:flex;justify-content:space-between} #senior-donate-left{width:calc(100% - 303px)} #senior-donate .section-title{font-size:40px;letter-spacing:3.5px;margin:-2px 0 25px} .section-highlight{font-weight:700;font-size:20px;color:var(--brandcolor);margin-bottom:25px;line-height:150%} .section-highlight span{color:var(--Senior-Senior---Yellow-Dark)} #senior-donate-left p{margin-bottom:24px} #senior-donate-left-bottom{background:var(--Senior-Senior---Green);border:4px solid var(--Senior-Senior---Yellow);border-radius:8px;padding:28px 43px 21px;margin-top:48px} #senior-donate-left-bottom .section-title{color:var(--Surfaces-white);margin:0 0 15px} #senior-donate-left-bottom p{color:var(--Surfaces-white);line-height:180%;letter-spacing:1.5px} .donate-btns-wrap .section-btn{font-size:18px;border-radius:8px;text-transform:capitalize;margin:7px 18px 7px 0;padding:17px 22px;border:2px solid transparent} .donate-btns-wrap .section-btn:nth-of-type(odd){background:var(--Senior-Senior---Orange);color:var(--brandcolor)!important} .donate-btns-wrap .section-btn:nth-of-type(even){background:none;border-color:var(--Surfaces-white)} .donate-btns-wrap .section-btn:nth-of-type(odd):hover{background:#E9C157} .donate-btns-wrap .section-btn:nth-of-type(even):hover{background:rgba(255, 255, 255, 0.16)} .donate-btn-img{width:20px;min-width:20px;margin-right:12px} #senior-donate-right{width:255px} #senior-donate-right-top{display:flex;align-items:center;justify-content:center;height:185px;background:var(--Senior-Senior---Background)} .heart-icon{width:80px} .senior-template #featured-video{background:var(--Surfaces-white);padding-bottom:100px} .senior-template #featured-video-out{background:var(--Senior-Senior---Background);border-radius:8px} .senior-template #featured-video-out .section-title{font-size:40px;line-height:135%;margin:0 0 24px} .senior-template #featured-video-in{border-radius:8px} .senior-template #featured-video-in::after{background:linear-gradient(0deg, rgba(118, 123, 77, 0.24) 0%, rgba(118, 123, 77, 0.24) 100%)} .senior-template #events{background:var(--Senior-Senior---Background);padding-bottom:88px} .senior-template .section-btn{ border-bottom: 2px solid var(--Surfaces-black, #1B1B1B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Senior-Senior---Red, #752F25); } .senior-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Senior-Senior---Green); } .senior-template #events .container{width:1230px} .senior-template #events::before{background-color:var(--Senior-Senior---Yellow-Mid)} .senior-template #events-banner{opacity:16%} .senior-template .scroll-down{background:var(--Senior-Senior---Red)} .senior-template .scroll-down:hover{background:var(--Senior-Senior---Green)!important} .senior-template .scroll-down img{filter:brightness(0) invert(1)} .senior-template #event-filter{color:var(--Senior-Senior---Red);border-color:var(--Senior-Senior---Yellow);background:var(--Senior-Senior---Background);border-radius:8px} .senior-template #event-filter::after{background:url(../images/senior-event-select-arrow.png) center/cover no-repeat} .senior-template #event-tabs{border-color:var(--Senior-Senior---Yellow)} .senior-template #event-tabs .event-tab{color:var(--Senior-Senior---Red);border-color:var(--Senior-Senior---Yellow);background:var(--Senior-Senior---Background)} .senior-template #event-tabs:before{border-color:var(--Senior-Senior---Yellow);background:var(--Senior-Senior---Background)} .senior-template #event-tabs{border:2px solid var(--Senior-Senior---Yellow);border-radius:8px;padding:2px;background:var(--Senior-Senior---Background)} .senior-template #event-tabs .event-tab{border:none} .senior-template #event-tabs .event-tab.border-active{border-bottom:2px solid var(--Senior-Senior---Yellow)} .senior-template .social-media-links{background:rgba(235, 235, 235, 0.50)} .senior-template .social-media-link:hover img{filter:brightness(0) saturate(100%) invert(46%) sepia(17%) saturate(814%) hue-rotate(27deg) brightness(97%) contrast(84%)} #freeform.senior-template #flyout-wrap, #freeform.senior-template .aside-box{background:var(--Senior-Senior---Background)} #freeform.senior-template #breadcrumbs a{color:var(--Senior-Senior---Green)} #freeform.senior-template #breadcrumbs ul li:not(:last-of-type)::after{background-image:url(../images/senior-breadcrumbs-arrow.png)} #freeform.senior-template #post blockquote{background:var(--Senior-Senior---Green);color:var(--Surfaces-white);border-radius:8px} #freeform.senior-template #post blockquote::after { background:url('data:image/svg+xml,'); } /* ----------------------------------------- #transit template -----------------------------------------*/ .transit-template .site-subheader{background:var(--Transit-Main)} .transit-template .site-subheader .logo-wrap{width:240px;min-width:100px;margin-top:0;margin-left:-18px;align-self:center} .transit-template .site-subheader .logo img{width:240px} .transit-template .site-subheader .nav a, .transit-template .site-subheader .nav span{font:400 18px 'HCo Gotham SSm', sans-serif;padding:0 21px} .transit-template .site-subheader .nav > li > a, .transit-template .site-subheader .nav > li > span{color: var(--Surfaces-white)} .transit-template .site-subheader .nav ul ul a, .transit-template .site-subheader .nav ul ul span{font:400 14px 'HCo Gotham SSm', sans-serif} .transit-template #slider{height:790px} .transit-slider-box{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;top:96px;z-index:7;text-align:center;padding:0 15px;width:1254px;margin:0 auto;max-width:100%;min-height:565px} .transit-slider-box-left{flex:1;margin-right:20px} .transit-slider-box-right{width:564px} .transit-template #slider-caption{text-align:left;margin:0;display:flex;flex-wrap:wrap} .transit-template #slider-caption .slider-caption-top{font:700 72px 'HCo Gotham SSm',sans-serif;color:var(--Surfaces-white);text-transform:uppercase;line-height:130%;letter-spacing:5.64px;width:100%;text-shadow:0 6px 8px rgba(0,0,0,0.08)} .transit-template #slider-caption .slider-caption-bottom{font:400 32px 'HCo Gotham SSm',sans-serif;color:var(--Surfaces-white);text-transform:uppercase;line-height:135%;letter-spacing:2.64px;width:100%;text-shadow:0 6px 8px rgba(0,0,0,0.08)} .transit-template#homepage #slider-btns{top:auto;transform:none;bottom:15px} /* trillium planner plugin */ /* This class shows the 'This page can't load Google Maps correctly.' pop-up. */ .pac-container{display:none!important;border-top:none!important;box-shadow:none!important} #trillium_planner_header h2{font:700 32px 'HCo Gotham SSm',sans-serif;text-transform:uppercase;color:#1b1b1b;text-align:left!important;letter-spacing:4px;margin-bottom:31px} #trillium_planner .tt-form-row .form-group.addr{text-align:left;position:relative;margin-bottom:18px} #trillium_planner #daddr,#trillium_planner #saddr,#trillium_planner #ttype,#trillium_planner #ftime,#trillium_planner #fdate{background-color:#fff;border:1px solid #e6e6e6;height:72px;text-align:left;font:400 18px 'HCo Gotham SSm',sans-serif;color:#6D6F64} #trillium_planner .tt-form-row:nth-of-type(1) input{padding:0 65px 0 18px} #trillium_planner .time input,#trillium_planner .date input{background-color:#fff;border:1px solid #e6e6e6;height:72px;text-align:left;font-size:14px} #trillium_planner .tt-form-row{text-align:left} #trillium_planner .dep{max-width:100%!important} #trillium_planner .tt-form-row:nth-of-type(1) .form-group.addr:nth-of-type(1)::after{content:'';position:absolute;right:20px;bottom:20px;width:32px;height:32px; background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; } #trillium_planner .tt-form-row:nth-of-type(1) .form-group.addr:nth-of-type(2)::after{content:'';position:absolute;right:20px;bottom:20px;width:32px;height:32px; background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; } #trillium_planner_body > form > .form-group button{position:relative;padding:18px 55px 19px 22px;font:700 16px 'HCo Gotham SSm',sans-serif;text-transform:uppercase;margin-top:14px;border-radius:8px; border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Trasit-Main, #4184BF); } #trillium_planner_body > form > .form-group button:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #2D608D } #trillium_planner_body > form > .form-group button::after {content: '';position: absolute;right: 24px;bottom: 18px;width: 20px;height: 20px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } #trillium_planner{background-color:rgba(242,242,242,0.94)!important;padding:34px 32px 12px;width:564px;max-width:100%!important} #trillium_planner_body > form > .form-group{text-align:left} #trillium_planner_footer{display:none} #trillium_planner .form-group label{font:700 18px 'HCo Gotham SSm',sans-serif;color:#1B1B1B;text-align:left;margin-bottom:12px} .numInputWrapper input{border:none!important} #trillium_planner_body > form >.tt-form-row + .tt-form-row{display:flex;justify-content:space-between} #trillium_planner_body > form >.tt-form-row + .tt-form-row .form-group{width:33%;max-width:100%} .transit-template#homepage #main{padding-top:0} .transit-template #featured-video{padding:46px 0} .transit-template #featured-video .container{width:916px} .transit-template #featured-video .section-title{text-align:center;font-size:40px;margin-right:0;margin-bottom:27px} .transit-template #featured-video .section-title-top{display:block;width:100%} .transit-template #featured-video .section-title-bottom{display:block;width:100%} .transit-template #featured-video-out{background:none;padding:0} .transit-template #featured-video-in{height:480px} .transit-template #featured-video-in::after{background:linear-gradient(0deg, rgba(77, 87, 123, 0.24) 0%, rgba(77, 87, 123, 0.24) 100%)} .transit-box{position:relative;padding:96px 0} .transit-box-in{display:flex;justify-content:space-between;align-items:center} .transit-box-item{width:48%} .transit-box-item .section-title{margin:0 0 26px;font-size:40px;line-height:135%;letter-spacing:3px} .transit-box-item p{margin-bottom:17px} .transit-template .section-btn{ border-bottom: 2px solid var(--Colors-Theme-Blue---Darkest, #14191B); background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), var(--Trasit-Main, #4184BF); } .transit-template .section-btn:hover{ background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 49.52%, rgba(255, 255, 255, 0.00) 100%), #2D608D } .transit-box-img{display:inline-block;border:1px solid var(--Transit-Main);height:360px;background:#ccc;width:100%;object-fit:cover} .transit-box:nth-of-type(odd){background:var(--Transit-Section-Bg)} .transit-box:nth-of-type(odd) .transit-box-item:nth-of-type(odd){order:1} .transit-box:nth-of-type(odd) .transit-box-item:nth-of-type(even){padding-left:24px} .transit-box:nth-of-type(even) .transit-box-item:nth-of-type(even){padding-left:24px} .transit-template .site-footer{background:var(--Transit-Main)} .transit-template #footer-top{justify-content:space-between} .transit-template #footer-logo-wrap{padding-right:30px} .transit-template .footer-contact{text-align:right} .transit-template #footer-logo{margin-top:0} .transit-template #footer-logo img{width:320px} .transit-template #footer-top{padding-bottom:47px} .transit-template .footer-spacer::after{content:'';display:inline-block;width:1px;height:12px;position:relative;background:var(--Surfaces-white);margin:0 10px;top:1px} .transit-template .footer-contact address{margin:0 0 7px} .transit-template .footer-contact address .footer-spacer::after{width:2px;height:14px;margin:0 14px 0 20px} .transit-template .footer-contact address a{display:inline-block;font-weight:700;font-size:16px;color:var(--Surfaces-white);text-decoration:none;line-height:150%} .transit-template .footer-contact address a:hover{color:rgba(255, 255, 255, 0.7)} .transit-template .footer-contact .footer-phone-email-wrap{font-size:12px;margin-bottom:4px} .transit-template .footer-contact .footer-phone{display:inline-block;color:#fff;text-decoration:none} .transit-template .footer-contact .footer-email{display:inline-block;color:#fff;text-decoration:none;word-break:break-word} .transit-template .footer-contact .privacy-policy{display:inline-block;font-size:12px;color:var(--Surfaces-white);text-decoration:none;line-height:150%} .transit-template .footer-contact .footer-phone:hover, .transit-template .footer-contact .footer-email:hover, .transit-template .footer-contact .privacy-policy:hover{color: rgba(255, 255, 255, 0.7)} .transit-template .footer-contact .footer-phone-email-wrap .footer-spacer::after{margin:0 14px 0 18px} .transit-template #footer-bottom{color:var(--Surfaces-white)} .transit-template #revize-link,.transit-template #revize-login,.transit-template .privacy-policy{color:var(--Surfaces-white)} .transit-template #footer-bottom .footer-spacer::after{background:var(--Surfaces-white)} #freeform.transit-template #flyout-wrap, #freeform.transit-template .aside-box{background:var(--lightgray);border:1px solid var(--Transit-Main)} #freeform.transit-template #breadcrumbs a{color:var(--Transit-Main)} #freeform.transit-template #breadcrumbs ul li:not(:last-of-type)::after{background-image:url(../images/transit-breadcrumbs-arrow.png)} #freeform.transit-template #post blockquote{background:var(--lightgray);border-top:1px solid var(--Transit-Main);color:var(--Travel-Travel---Blue)} #freeform.transit-template #post blockquote::after { background:url('data:image/svg+xml,'); } /* support/128994 */ .visit-template .site-subheader .nav > li > a:first-child, .visit-template .site-subheader .nav > li > span, .senior-template .site-subheader .nav > li > a:first-child, .senior-template .site-subheader .nav > li > span, .transit-template .site-subheader .nav > li > a:first-child, .transit-template .site-subheader .nav > li > span{font-weight:700} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} /** modal **/ .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} .share-btns a{display:flex;text-decoration:none;border-radius:100%;height:44px;width:44px;outline-offset:0;outline:2px solid transparent;transition:all .3s} .share-btns svg{width:16px;height:16px;margin:auto;fill:#fff} .btn-linkedin{background:#0077b5} .btn-linkedin:hover{border-color:#0077b5;outline:2px solid #0077b5;outline-offset:2px} .btn-facebook{background:#3b5998} .btn-facebook:hover{border-color:#3b5998;outline:2px solid #3b5998;outline-offset:2px} .btn-twitter{background:#000} .btn-twitter:hover{border-color:#000;outline:2px solid #000;outline-offset:2px} .btn-reddit{background:#ff5700} .btn-reddit:hover{border-color:#ff5700;outline:2px solid #ff5700;outline-offset:2px} .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;bottom:16px;right:16px;background:#8F1F24;border:0;color:#000;padding:0!important;width:56px;height:56px} .floating-share-btn img{width:32px} /* ----------------------------------------- #ada -----------------------------------------*/ #app-userway-wrap{position:fixed;bottom:80px;right:16px;z-index:300;display:inline-block;width:56px;height:56px;background:#109646} #app-userway-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer} #app-userway-btn img{width:32px} .uai{display:none!important} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{height:740px;position:relative;overflow:hidden} .main-site #slider{margin-top:100px} #hero-video-box{position:absolute;left:0;top:0;height:100%;width:100%} #hero-slider-box{position:absolute;left:0;top:0;height:100%;width:100%} #hero-slider-box > .tns-outer, #hero-slider-box > .tns-outer > .tns-inner, #hero-slider-box > .tns-outer > .tns-inner > .tiny-slider, #hero-slider-box > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} #hero-slider-box 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{display:none} #slider button[data-action]{display:none} #slider-btns{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:100%;z-index:50;pointer-events:none} #slider-btns img{filter:brightness(0) invert(1)} #slider-prev,#slider-next{background:none;border:none;padding:0;width:30px;height:31px;transition:all .3s;pointer-events:all} #slider-prev{transform:translateX(-100px)} #slider-next{transform:translateX(100px)} #slider:hover #slider-prev{transform:translateX(85px)} #slider:hover #slider-next{transform:translateX(-85px)} #homepage #slider .tiny-item>div::after{content: '';position:absolute;bottom:0;z-index:1;height:100%;width:100%;background:linear-gradient(180deg, rgba(15, 51, 86, 0.24) 35%, rgba(15, 51, 86, 0.64) 100%)} /* Section search */ #slider-caption-search-wrap{position:absolute;left:0;right:0;top:47%;transform:translateY(-50%);z-index:7;text-align:center;padding:0 50px} #slider-caption{font:700 clamp(30px, calc(3vw + 1rem), 72px) 'HCo Gotham SSm', sans-serif;color:var(--Surfaces-white);text-transform:uppercase;letter-spacing:5px} .main-site #slider-caption{letter-spacing:16.32px} #homepage.main-site #slider-caption{text-shadow:6px 4px 3px #000} #homepage.main-site #slider-caption span{margin-left:-10px} #slider-caption span{display:inline-block;font:italic 400 clamp(30px, calc(3vw + 1rem), 72px) 'Times New Roman', serif;text-transform:none} #slider-search{margin-top:34px} #slider-search form{position:relative;display:inline-block;margin-bottom:0} #slider-search input{width:600px;height:72px;padding:0 80px 0 20px;font:400 18px 'HCo Gotham SSm',sans-serif;color:var(--Typography-black);background:var(--Surfaces-white);border:none} #slider-search button{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;height:72px;width:72px;background:transparent;border:none;cursor:pointer;margin:0;padding:0} #slider-search button img{width:32px} #slider-search input::-webkit-input-placeholder{color:var(--darkgray)} #slider-search input:-moz-placeholder{color:var(--darkgray)} #slider-search input::-moz-placeholder{color:var(--darkgray)} #slider-search input:-ms-input-placeholder{color:var(--darkgray)} /* Scroll */ .scroll-down-wrap{display:flex;justify-content:center;position:absolute;left:0;bottom:170px;z-index:10;width:100%} #slider .scroll-down-box{animation:bounce 3s infinite} .scroll-down{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;background:var(--Colors-Theme-Dark-Beige);transform:rotate(45deg)} .scroll-down:hover{background:var(--Colors-Theme-Red)!important} .scroll-down img{width:26.25px;height:26.25px;transform:rotate(-45deg)} .scroll-down:hover img{filter:brightness(0) invert(1)} @keyframes bounce { 0%, 20%, 55%, 80%, 100%{transform:translateY(0)} 40%, 45%{transform:translateY(-15px)} 70%{transform:translateY(-7px)} 90%{transform:translateY(-2px)} } #freeform #slider{height:400px} #freeform #slider .tiny-item>div::after{content: '';position:absolute;bottom:0;z-index:1;height:100%;width:100%;background:linear-gradient(180deg, rgba(15, 51, 86, 0.40) 35%, rgba(15, 51, 86, 0.72) 100%)} #freeform #slider-btns{bottom:15px;top:auto;transform:none} #page-title{position:absolute;left:0;right:0;top:49.3%;transform:translateY(-50%);z-index:1;font:700 64px 'HCo Gotham SSm',sans-serif;color:var(--Surfaces-white);text-align:center;text-transform:uppercase;letter-spacing:6px;line-height:130%;text-shadow: 6px 4px 3px #000;} .police-template #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(23, 34, 65, 0.50) 35%, rgba(23, 34, 65, 0.80) 100%)!important} .fire-template #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(35, 31, 32, 0.50) 35%, rgba(35, 31, 32, 0.80) 100%)!important} .visit-template #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(70, 110, 150, 0.50) 35%, rgba(70, 110, 150, 0.80) 100%)!important} .business-template #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(78, 78, 78, 0.40) 35%, rgba(47, 47, 47, 0.64) 100%)!important} .senior-template #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(118, 123, 77, 0.24) 35%, rgba(118, 123, 77, 0.40) 100%)!important} .transit-template #slider .tiny-item>div::after{background:linear-gradient(270deg, rgba(65, 132, 191, 0.50) 35%, rgba(65, 132, 191, 0.80) 100%)!important} .transit-template#freeform #slider .tiny-item>div::after{background:linear-gradient(180deg, rgba(70, 110, 150, 0.50) 35%, rgba(70, 110, 150, 0.80) 100%)!important} /* ----------------------------------------- #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:inline-block;margin:0 0 0 -18px;padding:0!important;height:auto!important} .nav .toggle{height:auto} .nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .nav{display:flex!important;flex-wrap:unset;width:100%;justify-content:center} .nav li{display:inline-flex;align-items:center;height:100%;transition:all 320ms} .nav li:hover>ul{display:block} .nav ul ul{display:block!important;left:100%;top:0;margin:-12px 0 8px;background:transparent} .nav ul.first-level{border-top:2px solid var(--Colors-Theme-Blue---Medium);box-shadow:0px 6px 8px 0px rgba(15, 51, 86, 0.16)} .nav-in{position:absolute;top:0;left:0;right:0;padding:48px 50px 34px 43px;column-count:4;column-gap:30px;background-color:var(--Surfaces-white);box-shadow:0px 6px 8px 0px rgba(15, 51, 86, 0.16)} .nav>li:hover>a:first-child,.nav>li:hover>span{color:var(--Colors-Theme-Secondary-700)} .nav ul :is(a:hover, span:hover), .nav ul ul :is(a:hover, span:hover){color:var(--Colors-Theme-Secondary-700)} #flyout .toggle{display:none;position:absolute;top:14px;right:0;border:none} #flyout .focused .toggle{display:inline-block;transform:rotate(-90deg) translateY(-50%)} #flyout{display:block!important} #flyout ul{position:absolute;left:100%;top:0;width:200px;display:none;background:var(--Colors-Theme-Blue---Lightest)} #flyout li:hover > 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} .site-header nav{display:flex!important} .site-subheader nav{display:flex!important} .site-header nav .department-nav{display:none!important} .department-nav{display:flex!important} .fire-template #flyout ul{background:var(--Fire-Fire---Background)} #freeform.visit-template #flyout ul{/* background:var(--Travel-Travel---Background); *//* border:1px solid var(--Travel-Travel---Green); */background: #DEE3E9;} #freeform.business-template #flyout ul{background:var(--lightgray)} #freeform.senior-template #flyout ul{background:var(--Senior-Senior---Background)} #freeform.transit-template #flyout ul{background:var(--lightgray);border:1px solid var(--Transit-Main)} .visit-template .site-subheader .nav>li:hover>a:first-child, .visit-template .site-subheader .nav>li:hover>span{color:rgba(255, 255, 255, 0.7)} .visit-template .site-subheader .nav ul :is(a:hover, span:hover), .visit-template .site-subheader .nav ul ul :is(a:hover, span:hover){color:#6C9696} .visit-template .footer-list-link:hover{color:#6C9696} .business-template .site-subheader .nav>li:hover>a:first-child, .business-template .site-subheader .nav>li:hover>span{color:#13AFF0} .business-template .site-subheader .nav ul :is(a:hover, span:hover), .business-template .site-subheader .nav ul ul :is(a:hover, span:hover){color:#13AFF0} .business-template .footer-list-link:hover{color:#13AFF0} .senior-template .site-subheader .nav>li:hover>a:first-child, .senior-template .site-subheader .nav>li:hover>span{color:#767B4D} .senior-template .site-subheader .nav ul :is(a:hover, span:hover), .senior-template .site-subheader .nav ul ul :is(a:hover, span:hover){color:#767B4D} .senior-template .footer-list-link:hover{color:#767B4D} .transit-template .site-subheader .nav>li:hover>a:first-child, .transit-template .site-subheader .nav>li:hover>span{color:rgba(255, 255, 255, 0.7)} .transit-template .site-subheader .nav ul :is(a:hover, span:hover), .transit-template .site-subheader .nav ul ul :is(a:hover, span:hover){color:#2D608D} .site-subheader nav{display:flex!important} .site-header .site-subheader{display:none} .subheader-logo-wrap{display:none!important} .site-subheader .logo-wrap{position:absolute;left:15px;margin:0!important;top:50%;transform:translateY(-50%);width:auto;transition:none} .site-subheader .header-in{padding:0 300px;justify-content:center;height:80px} .police-template .site-subheader .nav > li > a, .police-template .site-subheader .nav > li > span{color:var(--Surfaces-white)!important} .police-template .site-subheader .nav>li:hover>a:first-child, .police-template .site-subheader .nav>li:hover>span{color:rgba(255, 255, 255, 0.6)!important} .fire-template .site-subheader .nav > li > a, .fire-template .site-subheader .nav > li > span{color:var(--Surfaces-white)!important} .fire-template .site-subheader .nav>li:hover>a:first-child, .fire-template .site-subheader .nav>li:hover>span{color:rgba(255, 255, 255, 0.6)!important} /* .business-template .nav a, .business-template .nav span{font:700 16px 'HCo Gotham SSm', sans-serif;color:var(--Typography-black);padding:0 17px} */ /* support/128994 */ /* .nav > li > a.toggle{display:inline-block!important;height:auto;margin-left:-10px;padding:0!important} */ #flyout .toggle{display:inline-block!important;transform:rotate(-90deg);right:10px} #flyout a.has-submenu::after{content:"\f107";font-family:FontAwesome!important;font-size:14px;color:var(--brandcolor);transform:rotate(-90deg);position:absolute;top:10px;right:10px} } @media only screen and (max-width:1600px) { .site-header .nav ul{left:-169px;right:-111px} .nav ul{left:15px;right:15px} body:not(.main-site) .site-header + .site-subheader .nav>li>a, body:not(.main-site) .site-header + .site-subheader .nav>li>span{font-size:16px} } @media only screen and (max-width:1400px) { .header-in{padding:0 15px} .site-header .nav ul{left:-90px} #header-right-box{margin-left:0!important} .site-subheader .nav{justify-content:flex-end} .nav a, .nav span{padding-left:18px;padding-right:18px;font-size:16px!important} #top-links-in{padding:0 70px 4px} .tile-title{font-size:18px} .fire-template .footer-top-box:nth-child(1){margin-right:0} .visit-template .site-subheader .logo-wrap{width:190px!important;margin-top:0!important;margin-left:0;align-self:center} .visit-template .site-subheader .logo img{width:190px!important} .visit-template .site-subheader .nav a, .visit-template .site-subheader .nav span{padding:0 14px} .business-template .site-subheader .logo-wrap{margin-left:0} .business-template .site-subheader .nav>li>a, .business-template .site-subheader .nav>li>a span{font-size:14px} .senior-template .site-subheader .logo-wrap{width:190px!important;margin-top:0!important;margin-left:0;margin-right:15px} .senior-template .site-subheader .logo img{width:190px!important} .senior-template .site-subheader .nav a, .senior-template .site-subheader .nav span{padding:0 14px} .transit-template .site-subheader .logo-wrap{width:190px!important;margin-top:0!important;margin-left:0;margin-right:15px} .transit-template .site-subheader .logo img{width:190px!important} .transit-template .site-subheader .nav a, .transit-template .site-subheader .nav span{padding:0 14px} .police-template .site-subheader .logo-wrap{left: 15px;margin-top:0!important;margin-left:0;align-self:center} .fire-template .site-subheader .logo-wrap{left:15px} .site-subheader .header-in{padding:0 15px 0 250px;justify-content:flex-end} .business-template .site-subheader .logo-wrap{left:15px} .business-template .site-subheader .header-in{padding:0 15px 0 260px} .business-template .site-subheader .logo-wrap{left:20px!important} /* remove after new index page update */ .main-site .logo img{width:68px!important} } @media only screen and (max-width:1200px) { .nav a, .nav span{font-size:14px;padding-left:10px;padding-right:10px} #department-logo-wrap{left:15px} #department-links-in{padding:0 170px} .nav a, .nav span{font-size:14px!important} } @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:22px;z-index:100;transition: all 0.3s;} #nav-toggle{line-height:56px;width:56px;text-align:center;border-radius:50%;font-size:21px;color:#fff;cursor:pointer;background:var(--Colors-Theme-Secondary-100---Sky);transition: all 0.3s;} #flyout{display:none} .nav li{display:block} .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)} #flyout a, #flyout span{font-size:14px!important} .nav li:last-child>a, .nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #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{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#112034;padding:15px!important} #flyout .toggle{right:0} .nav a,.nav span{padding:15px 70px 15px 15px!important} .nav ul ul a, .nav ul ul span{padding:15px!important} #flyout a{padding:15px 60px 15px 15px!important} #flyout ul a{padding:15px!important;text-transform:none} .site-header .container{padding:0} .header-in{padding-right:70px;padding-left:10px;transition: height 0.3s;} .site-header nav{display:none;position:absolute!important;left:0;top:100px;z-index:200;width:100%;height:auto;margin:0;transition:top 0.3s;max-height:80dvh;overflow:auto;overscroll-behavior:contain} .nav{display:block;padding:0;margin:0;background:#eee;height:auto;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1)} .nav li{position:relative;margin:0} .nav a,.nav span{display:block;height:auto!important;text-align:left;margin-bottom:0!important;font-size:12px!important} .nav ul{display:none;position:static;padding:0;margin:0;background:rgba(0,0,0,.1)} .nav ul a, .nav ul span{display:block} /* .nav ul ul a, .nav ul ul span{font-size:14px!important} */ #header-search-toggle{width:56px;height:56px} #header-right-box{margin-right:15px;transition: all 0.3s;} #translate-button .translate-flag{width:56px;min-width:56px;height:56px;transition: all 0.3s;} #translation-links{margin-right:15px;} #translation-links ul{top:78px;z-index:200;transition:top .3s} header.site-header.scrolled #translation-links ul{top:52px} #header-search #search{top:78px;z-index:200;transition: top 0.3s;} body:not(.main-site) #header-search #search{top:60px} #slider-btns{display:none} #slider-caption-search-wrap{top:46%;padding-left:15px;padding-right:15px} #quick-links-in{padding:0 50px} #quick-links .tns-controls button:first-of-type{margin-left:-60px} #quick-links .tns-controls button:last-of-type{margin-right:-60px} #news{padding-bottom:60px} #news::before{content:none} #news-in{flex-wrap:wrap;margin-top:30px} #news-in::before{top:-230px;left:50%;transform:translate(-50%)} #news .section-top{margin-top:50px} #news .section-title{text-align:center} #news-left{width:100%;margin-bottom:40px} #news-right{width:100%} .featured-news{height:60vw} .featured-news-info{padding:15px} .section-top{flex-direction:column;align-items:center} .section-title{margin-right:0} #events{padding:60px 0} #events-in .section-title{text-align:center} #events-in .section-top{width:auto;margin-right:0} #events-top{flex-direction:column;align-items:center} #events-in::before{top:-30px;left:50%;transform:translate(-50%)} #event-tabs-box-wrap{width:auto;margin-left:0} .section-btn-wrap{width:100%;margin-left:0;margin-top:30px!important} #events::before{height:50%;width:100%;min-height:730px} .visit-template #events::before{min-height:auto} #events-banner{height:50%;width:100%;min-height:730px} .visit-template #events-banner{min-height:auto} #bottom-quick-links{padding:50px 0!important} #b-quick-links-in{padding:0 50px} #b-quick-links-in .tns-controls button:first-of-type{margin-left:-60px} #b-quick-links-in .tns-controls button:last-of-type{margin-right:-60px} #stay-informed-in{flex-wrap:wrap;padding:30px 0!important;justify-content: center;} #stay-informed-in::after{content:none} .stay-informed-data{width:100%;flex:unset;padding:0;margin-bottom:30px;display:block;text-align:center} .stay-informed-data img{margin:0;width:70px;min-width:70px} #footer-top{flex-wrap:wrap} .footer-top-box:nth-child(1){width:100%!important;text-align:center;margin-bottom:30px} #footer-top .footer-top-box{width:25%} #footer-bottom{padding-left:50px;padding-right:50px;line-height:1.5} .footer-social-btn{margin:24px auto} #freeform.main-site #slider{height:250px!important;margin-top:100px} #freeform #slider #page-title{top:50%} #freeform #slider .tns-controls{top:auto;bottom:0;transform:unset;opacity:1} #freeform-wrap{padding-top:15px} #freeform-in{flex-wrap:wrap} #freeform-left{width:100%;order:2} #freeform-right{width:100%;order:1} #flyout-wrap{padding:0;margin:0 0 30px} #flyout-toggle{display:block;margin:0;padding:15px 16px;font:400 20px 'HCo Gotham SSm', sans-serif;color:var(--brandcolor);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer} #flyout{padding:0;margin:0} #flyout-header{display:none!important} #flyout >li > ul{display:none} #entry{padding:30px 0 20px} .aside-box{border-radius:unset} .flyout-download{margin-top:10px} .police-template #translation-links ul{top:64px} #department-links .container{padding:0} #department-links-in{position:relative;z-index:5;display:flex;align-items:center;justify-content:center} #department-logo-wrap{display:block} #department-links{display:none} .nav-logo{display:none!important} .department-nav{height:auto;background:#fff!important;border-bottom:3px solid #0086BF} .department-nav li{display:block;margin:0} .department-nav-toggle{display:inline-block;position:absolute;right:15px;top:4px;z-index:1;line-height:56px;width:56px;text-align:center;font-size:21px;color:#fff;cursor:pointer} .department-nav-link{display:block;font-size:18px;text-align:left;padding:10px 15px;height:auto;border-bottom:1px solid rgba(0,0,0,.15);color:var(--Police-Police---Blue)!important} .police-template #toggles{top:4px} .police-template.police-join #slider{height:400px} .police-template #slider .scroll-down-wrap{bottom:85px} .police-template #slider-caption-search-wrap{top:50%} #department-contact{padding-top:0} #dept-contact-in{flex-wrap:wrap} #dept-contact-left, #dept-contact-right{width:100%} #dept-contact-right{padding-top:15px} #featured-video{margin-top:24px} #featured-video-out{padding:8px} #featured-video-in{height:auto!important;aspect-ratio:16/9} #department-boxes-in{grid-template-columns:1fr} #department-boxes-in .aside-box{margin:0} #department-boxes-in #flyout-wrap{margin:0} #department-boxes{padding-bottom:50px} #department-news{padding:50px 0 70px} #department-news .tns-controls{justify-content:center;left:auto;right:auto;top:-96px;transform:none} #department-news .tns-controls button:first-of-type{margin-right:120px} #department-news .tns-controls button:last-of-type{margin-left:120px;float:none} #department-news .section-title{text-align:center;margin-bottom:26px} #department-news #news-in{padding:0} #department-news #news-in::before{top:-64px;left:50%;transform:translateX(-50%)} #dept-news-slider-wrap{margin-top:34px} .police-template .quick-links-box{grid-template-columns:repeat(2,1fr)} #homepage.police-template .freeform-contact-img-box{margin-top:20px} #homepage.fire-template .freeform-contact-img-box{margin-top:20px} .fire-template #translation-links ul{top:64px} .fire-template #toggles{top:4px} .fire-template #slider-caption-search-wrap{top:50%} .fire-template #slider .scroll-down-wrap{bottom:85px} .fire-template .department-nav{background-color:var(--Fire-Fire---Red)} .fire-template .quick-links-box{grid-template-columns:repeat(2,1fr)} .visit-template .logo-wrap{min-width:100px} #visit-top-links{overflow:hidden} #clovis-way{padding:50px 0} #clovis-way-in{flex-wrap:wrap} #clovis-way-left{width:100%;text-align:center;margin-bottom:50px} #clovis-way-right{width:100%;text-align:center} #clovis-way-left .section-title{text-align:center} .visit-template #department-news{padding:30px 0 50px} .visit-template #department-news #news-in{margin-top:0} #visit-bottom-links{padding:50px 0;overflow:hidden} #visit-parking-map{padding:50px 0} #visit-parking-map-in{flex-wrap:wrap} #visit-parking-map-left{width:100%} #visit-parking-map-right{width:100%;margin-top:30px} .business-template .logo-wrap{margin-right:10px} .business-template#homepage #slider-btns{display:flex} .business-template#homepage #slider-prev{margin-left:10px} .business-template#homepage #slider-next{margin-right:10px} .business-template #slider-caption{padding:0 50px} .business-template .slider-custom-text{padding:0 50px} .business-template #visit-top-links{padding:30px 0} .business-template .dept-ql-wrap{grid-template-columns:repeat(2,1fr)} #business-about{padding:50px 0 30px} #business-about-in{flex-wrap:wrap} #business-about-left,#business-about-right{width:100%;text-align:center} #business-about-right{margin-top:50px} .business-about-links-wrap{align-items:center} #business-about-left .section-title::after{margin-left:auto;margin-right:auto} #business-info{padding:50px 0} .business-social-media-links-in{flex-wrap:wrap;flex-direction:column} .business-social-media-links-title{margin-top:20px;text-align:center} .senior-template .slider-custom-text{bottom:30px;font-size:25px} #senior-donate{padding:50px 0} #senior-donate-in{flex-wrap:wrap} #senior-donate-left{width:100%} #senior-donate-right{width:100%} .senior-template #featured-video{margin-top:0;padding-bottom:30px} .senior-template #events{padding:50px 0} .senior-template #events::before{min-height:650px} .senior-template #events-banner{min-height:650px} #trillium_planner{padding:20px 20px 5px} .transit-slider-box{flex-wrap:wrap;top:100px} .transit-slider-box-left{width:100%;margin-right:0;flex:none} .transit-slider-box-right{width:100%} .transit-template #slider-caption{text-align:center;margin-bottom:20px} #trillium_planner #daddr, #trillium_planner #saddr, #trillium_planner #ttype, #trillium_planner #ftime, #trillium_planner #fdate{height:50px;font-size:15px} #trillium_planner .tt-form-row:nth-of-type(1) input{padding:0 50px 0 15px} #trillium_planner .tt-form-row:nth-of-type(1) .form-group.addr:nth-of-type(1)::after{bottom:10px;right:10px} #trillium_planner .tt-form-row:nth-of-type(1) .form-group.addr:nth-of-type(2)::after{bottom:10px;right:10px} #trillium_planner_body > form > .form-group button{padding:16px 40px 16px 15px;font-size:14px;margin-top:10px} #trillium_planner_body > form > .form-group button::after{right:10px;bottom:15px} #trillium_planner .time input{height:50px} #trillium_planner .date input{height:50px} .transit-template #featured-video{padding-top:30px;padding-bottom:50px;margin-top:0} .transit-box{padding:50px 0} .transit-box-in{flex-wrap:wrap} .transit-box-item{width:100%} .transit-box:nth-of-type(odd) .transit-box-item:nth-of-type(odd){order:unset} .transit-box .transit-box-item{padding-left:0!important;text-align:center} .transit-box-item .section-title{margin-top:30px} .transit-template #footer-logo-wrap{width:100%;padding-right:0;text-align:center} .transit-template .footer-contact{width:100%;text-align:center;margin-top:30px} .transit-template .nav > li > a, .transit-template .nav > li > span{color:var(--Colors-Theme-Blue---Medium)} .floating-share-btn{bottom:1px;right:1px;width:50px;height:50px} #app-userway-wrap{bottom:52px;right:1px;width:50px;height:50px} header.site-header.scrolled .logo-wrap {width: 60px;min-width: 60px;} header.site-header.scrolled #translate-button .translate-flag {width: 35px;min-width: 35px;height: 35px;} header.site-header.scrolled #header-search-toggle {width: 40px;height: 40px;} header.site-header.scrolled #header-search-toggle img {width: 23px;height: 23px;} header.site-header.scrolled #nav-toggle {line-height: 40px;width: 40px;font-size: 15px;} header.site-header.scrolled .header-in {height: 70px;} header.site-header.scrolled #toggles {top: 15px;} header.site-header.scrolled #header-right-box {margin-right: 0;} header.site-header.scrolled nav {top: 70px;} header.site-header.scrolled #header-search #search {top: 55px;} body:not(.main-site) header.site-header.scrolled #header-search #search{top:45px} #page-title{ font-size: 55px;} .police-template header.site-header.scrolled .header-in {height: 50px;} .police-template header.site-header.scrolled #toggles{top:5px} .police-template header.site-header.scrolled nav{top:50px} .police-template .site-header nav{top:64px} .fire-template header.site-header.scrolled .header-in {height: 50px;} .fire-template header.site-header.scrolled #toggles{top:5px} .fire-template header.site-header.scrolled nav{top:50px} .fire-template .site-header nav{top:64px} .police-join #featured-video, .fire-join #featured-video{padding:30px 0 50px} .site-subheader{display:none} .site-header .site-subheader{display:block;margin-top:0;border-bottom:2px solid #0086BF} .site-subheader nav{display:block;position:relative!important;top:0!important;width:100%;max-height:none;overflow:unset} .site-subheader .header-in{display:block;;background:#fff;padding:0!important;height:auto!important} .site-subheader .logo-wrap{display:none!important} .site-header .logo-wrap{display:none} .main-site .site-header .logo-wrap{display:block} .subheader-logo-wrap{display:block!important;width:200px!important;align-self:center;margin:0!important} .subheader-logo-wrap .logo{text-decoration:none} .subheader-logo-wrap img{width:200px!important} .site-subheader .nav a, .site-subheader .nav span{font-size:18px!important;color:var(--Colors-Theme-Blue---Medium)!important} body:not(.main-site) .site-header.scrolled .header-in{height:50px} body:not(.main-site) #toggles{top:4px} body:not(.main-site) .site-header.scrolled #nav-toggle{line-height:40px;width:40px;font-size:15px} body:not(.main-site) .site-header.scrolled #toggles{top:5px} body:not(.main-site) .site-header nav{top:64px} body:not(.main-site) .site-header.scrolled nav{top:50px} body:not(.main-site) #translation-links ul{top:60px} body:not(.main-site) .site-header.scrolled #translation-links ul{top:42px} .transit-template .site-header .header-in{background:var(--Transit-Main)} .transit-template .site-subheader .nav > li > a, .transit-template .site-subheader .nav > li > span{color: var(--Colors-Theme-Blue---Medium)} .transit-template #nav-toggle{background:var(--Colors-Theme-Blue---Medium)} .senior-template .site-header.scrolled .subheader-logo-wrap img{width:160px!important} .police-template .subheader-logo-wrap img{width:67px!important} .police-template .site-header.scrolled .subheader-logo-wrap img{width:50px!important} .fire-template .subheader-logo-wrap img{width:86px!important} .fire-template .site-header.scrolled .subheader-logo-wrap img{width:70px!important} .business-template .site-header .logo{text-decoration:none;text-transform:uppercase;font:italic 400 20px 'Alegreya Sans', sans-serif;color:var(--Typography-black);line-height:120%;letter-spacing:1.6px} .visit-template .site-header .header-in{background-color:var(--Travel-Travel---Blue)} .senior-template .site-header .header-in{background-color:var(--Senior-Senior---Yellow)} .section-btn{margin-top:10px} #search-results-wrap{top:410px} #search-results .tab-content .tab-pane{padding:0 15px} /* support/issues/125610 */ .site-header .toggle2{display:none!important} /* support/126747 */ #wrapper_sliderVideo{display:none!important} #hero-video-box{background-position:-140px!important} #slider .scroll-down{display:none} #homepage.main-site #slider{height:auto;padding-bottom:56%;min-height:420px} #homepage.main-site #slider-caption {letter-spacing:1.5vw} #homepage.main-site #slider-caption{text-shadow:0.5vw 0.3vw 3px #000} #homepage.main-site #news .section-top .has-edit-buttons{width:100%} /* support/128539 */ .fire-template #nav-toggle{background-color:var(--Fire-Fire---Red)} .fire-template .site-subheader .nav{background-color:var(--Fire-Fire---Red)} .fire-template .site-subheader .nav a{color:#fff!important} .police-template #nav-toggle{background-color:var(--Colors-Theme-Blue---Medium)} .police-template .site-subheader .nav{background-color:var(--Colors-Theme-Blue---Medium)} .police-template .site-subheader .nav a{color:#fff!important} .business-template #nav-toggle{background-color:var(--Business-Business---Grey)} .business-template .site-subheader .nav{background-color:var(--Business-Business---Grey)} .business-template .site-subheader .nav a{color:#fff!important} .transit-template #nav-toggle{background-color:rgba(0, 0, 0, .15)} .transit-template .site-subheader .nav{background-color:var(--Transit-Main)} .transit-template .site-subheader .nav a{color:#fff!important} .senior-template #nav-toggle{background-color:rgba(0, 0, 0, .15);color:var(--Surfaces-primary-dark)} .senior-template .site-subheader .nav{background-color:var(--Senior-Senior---Yellow)} .senior-template .site-subheader .nav a{color:var(--Surfaces-primary-dark)!important} .visit-template #nav-toggle{background-color:rgba(0, 0, 0, .15);color:#fff} .visit-template .site-subheader .nav{background-color:var(--Travel-Travel---Blue)} .visit-template .site-subheader .nav a{color:#fff!important} /* support/126937 */ .fire-template #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .fire-template#homepage #slider-search{margin:10px 0} .fire-template#homepage #slider-caption{margin-bottom:0} .police-template #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .police-template#homepage #slider-search{margin:10px 0} .police-template#homepage #slider-caption{margin-bottom:0} .business-template #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .business-template#homepage #slider-search{margin:10px 0} .business-template#homepage #slider-caption{margin-bottom:0} .transit-template#freeform #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .senior-template #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .senior-template#homepage #slider-search{margin:10px 0} .senior-template#homepage #slider-caption{margin-bottom:0} .visit-template #slider{height:auto!important;padding-bottom:56%;min-height:250px;margin-top:64px} .visit-template#homepage #slider-search{margin:10px 0} .visit-template#homepage #slider-caption{margin-bottom:0} #post iframe{width:100%!important} #post table.table-stripe, #post table.table-stripe tbody, #post table.table-stripe tr, #post table.table-stripe th, #post table.table-stripe td{display:block;width:100%!important;text-align:left!important;height:auto!important} #post table.table-stripe th[scope="row"], #post table.table-stripe td{position:relative} .mobile-shopping img, .mobile-entertainment img, .mobile-activities img{margin:20px 0;object-fit:cover;height:auto!important} } @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} #top-links .tns-horizontal.tns-subpixel>.tns-item{vertical-align:middle} .top-link{padding:19px 0} #top-links-in{padding:0 60px} #top-links .tns-controls{top:50%} .top-link::after{content:none} #slider-search form{display:block} #slider-search input{width:100%} #footer-top{justify-content:space-between} #footer-top .footer-top-box{width:47%;padding-right:0} #footer-top .footer-top-box:not(:last-of-type){margin-bottom:30px} #post blockquote{padding:20px 20px 100px} #post blockquote::after{right:20px;top:auto;transform:none;bottom:10px} #freeform #slider #page-title{font-size:7vw} .tiles{grid-template-columns:repeat(2,1fr)} .hp-link-title{font-size:24px;letter-spacing:2px} .hp-link{padding-left:65px;padding-right:65px} .police-template #slider-caption, .fire-template #slider-caption{font-size:8vw!important} .social-media-link-wrap:not(:last-of-type)::after{margin-left:5px;margin-right:5px} .visit-template #slider-caption{padding:0 15px;line-height:1.5} .visit-template #slider-caption .slider-caption-top{font-size:10vw} .visit-template #slider-caption .slider-caption-bottom{font-size:23px} .dept-ql-wrap{grid-template-columns:1fr} .business-template .slider-custom-text{font-size:clamp(15px, 4vw, 32px)} .business-template .dept-ql-wrap{grid-template-columns:1fr;gap:0} .business-template .dept-ql{padding-top:20px;padding-bottom:20px} .business-info-box{width:100%} .transit-template #slider-caption .slider-caption-top{font-size:10vw} #trillium_planner_header h2{font-size:20px;letter-spacing:1px;margin-bottom:15px} .transit-box-img{height:auto;aspect-ratio:16 / 9} .tiles-wrap{padding-bottom:100px} .tiles{display:block} .tiles .tile-wrap{padding:15px 0} .tiles .centered-slide .tile{transform:scale(1.1);z-index:2} .tiles-wrap .tns-controls{display:flex;justify-content:center;pointer-events:none;position:absolute;top:calc(100% + 20px);width:100%} .tiles-wrap .tns-controls button{font-size:0;border:none;background:var(--Colors-Theme-Blue---Lightest)!important;position:relative;width:56px;height:67px;padding:0;margin:0 10px;pointer-events:all} .tiles-wrap .tns-controls button img{width:30px} /* #quick-links-in{padding:0} .quick-link-wrap{padding:15px 0} #quick-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} body:not(.main-site) #quick-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} body:not(.main-site) #quick-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} #homepage #main{padding-top:300px} #news{padding-top:30px} body:not(.main-site) #b-quick-links-in{padding:0} body:not(.main-site) #b-quick-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} body:not(.main-site) #b-quick-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} body:not(.main-site) #b-quick-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} body:not(.main-site) #bottom-quick-links{padding-bottom:120px!important} #visit-top-links {padding-bottom:120px} #visit-top-links-in{padding:0} #visit-top-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} #visit-top-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} #visit-top-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} */ /* remove after new index page update */ #quick-links-in{padding:0} .quick-link-wrap{padding:15px 0} #quick-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} #quick-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} #quick-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} #homepage #main{padding-top:300px} #news{padding-top:30px} #b-quick-links-in{padding:0} #b-quick-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} #b-quick-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} #b-quick-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} #bottom-quick-links{padding-bottom:120px!important} #visit-top-links {padding-bottom:120px} #visit-top-links-in{padding:0} #visit-top-links-in .centered-slide .quick-link{transform:scale(1.1);z-index:2} #visit-top-links-in .tns-controls{justify-content:center;top:calc(100% + 60px)} #visit-top-links-in .tns-controls button{margin:0 10px;background:var(--Colors-Theme-Blue---Lightest)!important} .curated-item{display:flex;flex-direction:column} .curated-item div.pull-right{text-align:left;width:100%;margin:15px 0} .curated-item h3{font-size:18px;width:100%} #search-results .tab-pane h2{font-size:23px} .search-nav li{font-size:15px;line-height:1.2} .table-row tr{display:flex;flex-direction:column} .table-row td{width:100%!important} } @media only screen and (max-width:520px) { #trillium_planner_body > form >.tt-form-row + .tt-form-row{flex-direction:column} #trillium_planner .tt-form-row .form-group.addr{margin-bottom:10px} #trillium_planner_body > form >.tt-form-row + .tt-form-row .form-group{width:100%} #trillium_planner .form-group label {font-size:14px;margin-bottom:10px} .table-mobile tr{display:flex;flex-direction:column} .table-mobile td{width:100%!important} } @media only screen and (min-width:480px) and (max-width:991px) { #department-news .h-news-wrap .h-news{display:flex!important;background:var(--Colors-Theme-Blue---Lightest)} .visit-template #department-news .h-news{background:var(--Travel-Travel---Background)} .fire-template #department-news .h-news{background:var(--Fire-Fire---Background)} } @media only screen and (max-width:479px) { #header-search #search{right:-70px;} #translation-links ul{right:-110px;width:206px} #translate-reset{display:none!important} #slider-search input{padding-left:10px;padding-right:75px;font-size:15px} .featured-news{height:100vw} .featured-news-title{font-size:16px;line-height:120%} #news-left .tns-controls button:first-of-type{margin-left:5px} #news-left .tns-controls button:last-of-type{margin-right:5px} /* .h-news{flex-wrap:wrap;height:auto;overflow:unset} .h-news-banner{height:50vw;width:100%} .h-news-info{width:100%;padding:15px} .h-news-title{font-size:16px;line-height:120%} */ .h-news-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .section-title{font-size:30px!important;line-height:120%} .section-btn{font-size:14px;padding:15px} #b-quick-links-in .quick-link-text{font-size:16px} #footer-top .footer-top-box{width:100%;text-align:center} #post blockquote{font-size:16px} .tiles{grid-template-columns:1fr} .hiring-process .tns-controls button:first-of-type{margin-left:-10px} .hiring-process .tns-controls button:last-of-type{margin-right:-10px} #department-news .h-news-info{padding-left:15px;padding-right:15px} #department-news .tns-controls button:first-of-type{margin-right:90px} #department-news .tns-controls button:last-of-type{margin-left:90px} .fire-template .quick-links-box, .police-template .quick-links-box{grid-template-columns:1fr} .business-template .logo{font-size:4.5vw;line-height:130%;letter-spacing:1px} .business-template .slider-custom-text::after{width:150px} .business-info-box{padding:30px 15px} #senior-donate-left-bottom{padding:20px} .transit-template #slider-caption .slider-caption-bottom{font-size:20px} .tiles-wrap .tns-controls button:first-of-type{margin-left:-10px} .tiles-wrap .tns-controls button:last-of-type{margin-right:-10px} #hero-video-box{background-position:-300px!important} table.table-stripe .btn{width:100%!important} } @media print { #department-links,#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} }