/*----------------------------------------------------------------------------------- Theme Name: City of Redding, CA Front-end developer: Hayk Galoyan Author Design: Nasryn Abou-Arabi Author URI: http://www.revize.com/ Date: 12/19/2022 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@500;600;800&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:17px;line-height:1.76;font-family:'Albert Sans',sans-serif;font-weight:500;color:#0b203c;-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:normal;margin-bottom:30px;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:800 48px 'Albert Sans',sans-serif;color:#0b203c;margin-bottom:30px} .subheader{font:800 36px 'Albert Sans',sans-serif;color:#0b203c;margin-bottom:15px} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;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} 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, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:.375rem .75rem;background:#0c213d;color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:sans-serif;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:#0e8cda;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:#0e8cda;color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#777;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:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;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:normal} 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:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h2{color:#43b1bd;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px;padding-right:20px} .floating-alert .rz-btn{margin:20px 0 0 0!important;text-decoration:none;color:#fff!important;background:#0c213d} .floating-alert .rz-btn:hover{background:#0c213d} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin:8px 8px 0;font-size:16px;font-weight:100} .floating-alert p{margin-bottom:0;line-height:1.4} .floating-alert.fade:not(.show){visibility:hidden} .rzBtnContainer{bottom:70px!important} .rz-redirect-edit .fa.fa-pencil{border:none!important} /* ----------------------------------------- #rz edit -----------------------------------------*/ .rzHeader {position: absolute;top: 150px;left: 0;right: 0;z-index: 101;margin: auto;bottom:auto!important} a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"], #search-caption a>span.rzBtn { all: unset; position: relative; z-index: 199; display: inline-block!important; font-family: 'Archivo',sans-serif!important; letter-spacing: 0px; padding: 5px 15px; background: #000; background: linear-gradient(#333,#000); color: #EEE!important; font-weight: 700; text-transform: none; box-shadow: inset 0 0 1px 1px rgb(255 255 255 / 10%); font-size: 16px; line-height: 26px; white-space: nowrap; cursor: pointer; } #homepage a[href*="/revize_faq.php"], #freeform a[href*="/revize_faq.php"] {padding: 0!important} #homepage a[href*="/revize_faq.php"]::after, #freeform a[href*="/revize_faq.php"]::after { content: "Help"; z-index: 1; cursor: pointer; display: inline-block; padding: 5px 22px 5px 23px; background: #000; background: linear-gradient(#333,#000); color: #EEE; font-weight: 700; box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1); font-size: 16px; line-height: 26px; white-space: nowrap; } #homepage a[href*="/revize_faq.php"] > img, #freeform a[href*="/revize_faq.php"] > img {position: relative;z-index: 2;display: none;} .rzAdmin {position: relative;left:0;z-index: 199;display: inline-block;padding: 0 18px;margin-top: 1px;} .rzAdmin::after {content: "Admin Panel";z-index: 1;position: absolute; left: 0; top: -1px;display: inline-block;font-family: 'Archivo',sans-serif;padding: 5px 13px;background: #000;background: linear-gradient(#333,#000);color: #EEE;font-weight: 700;box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);font-size: 16px;line-height: 26px;white-space: nowrap;} .rzAdmin > img {position: relative;z-index: 2;opacity: 0;width: 87px;height: 36px;} #homepage #slider .rzBtn{position:absolute;bottom:100px} .rzBtn{background:#0b203c!important} #post .rz-doc-search-reset{display:none} /* ----------------------------------------- #main -----------------------------------------*/ a:focus{outline:1px dotted} .container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:9999} #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;justify-content:space-between;align-items:center} .section-title{font:800 45px 'Albert Sans',sans-serif;color:#fff;margin:0 0 30px} .section-btn-wrap{display:block;text-align:center;clear:both} .section-btn{display:inline-block;font:600 14px 'Albert Sans',sans-serif;color:#0b203c;padding:16px 24px;background:#fff;text-decoration:none;text-transform:uppercase;margin:40px 0 0;border-radius:10px;position:relative;transition:all 300ms} .section-btn i{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:15px;font-style:normal;opacity:0;transition:all 300ms;line-height:15px} .section-btn span{display:inline-block;transition:all 300ms} .section-btn:hover{color:#0b203c;text-decoration:none} .section-btn:hover i{opacity:1} .section-btn:hover span{transform:translateX(-10px)} #calendar-section .section-title, #government-section .section-title{color:#2E3233} header{position:fixed;left:0;right:0;top:0;z-index:999;background:#fff} /* Avoid applying styles to the editforms */ body:not([class]):not([id]) header{position:relative} header .container{width:1324px} #header-in{display:flex;align-items:center;justify-content:space-between;height:90px;position:relative} #logo-wrap{display:inline-block;width:161px;min-width:100px} #nav{margin:0;padding:0 0 0 76px} #nav .toggle, #nav .toggle2, #flyout .toggle{display:none;padding:0;font-family:FontAwesome} #nav li{margin:0 !important;display:inline-block} #nav a,#nav span{display:inline-flex;align-items:center;position:relative;font:800 17px 'Albert Sans',sans-serif;color:#0b203c;text-transform:uppercase;text-decoration:none;padding:0 26px;transition:all 320ms;height:90px;text-align:center} #nav ul{position:absolute;top:100%;left:0;right:0;z-index:999;margin:0;display:none} #nav ul a,#nav ul span{display:block;font-size:16px;color:#fff;padding:0 5px!important;margin-bottom:26px;text-align:left;height:auto!important;outline-offset:-1px;line-height:1.12} #nav ul li{display:table;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-weight:400;padding:0 5px!important;margin-bottom:18px;text-transform:none} #header-right-box{display:flex;align-items:center;justify-content:flex-end;margin-bottom:3px} /* Google translate */ body > .skiptranslate{display:none!important} .goog-te-banner-frame{display:none} #google-translate{display:none} #goog-gt-tt{display:none!important} #translation-links{display:inline-block;padding:0;margin:0} #translation-links>li{position:relative;margin:0;list-style:none} #translation-links ul{padding:30px;margin:0;position:absolute;top:59px;right:0;width:700px;background:#fff;display:none;z-index:9999999;box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);border-radius:0 0 10px 10px} #translation-links ul li{float:left;width:25%;padding:3px 15px 3px 0;list-style:none;margin-bottom:0} #translation-links ul li a{text-decoration:none;color:#1B1B1B} #translate-button{border:none;background:none;margin:4px 11px 0 0;padding:0;font:800 17px 'Albert Sans',sans-serif!important;color:#4563ae!important;text-transform:uppercase;white-space:nowrap} #translate-button img{display:inline-block;width:18px;min-width:18px;margin:0 4px 2px 0} #translation-links ul li a[data-lang="English"]{font-weight:800;color:#4563ae} #translation-links ul li a:hover[data-lang="English"]{color:#4563ae} /* Search */ #header-search{margin-left:15px} #header-search-btn{background:#0D203B;padding:6px 20px;border-radius:50px;cursor:pointer;white-space:nowrap} #header-search-btn img{width:16px;min-width:16px;filter:brightness(0) invert(1)} #header-search-btn span{font-weight:600;color:#fff;text-transform:uppercase;margin-left:5px} #search form{position:relative} #search form label{font-weight:400;font-size:14px;color:#fff} #search .search-input::-webkit-input-placeholder{color:#53565a} #search .search-input:-moz-placeholder{color:#53565a} #search .search-input::-moz-placeholder{color:#53565a} #search .search-input:-ms-input-placeholder{color:#53565a} #search .search-input{font-size:18px;height:53px;padding-right:50px;padding-left:20px} #search .search-form button.fa-search{position:absolute;right:0;bottom:0;background:none!important;color:#53565a!important;font-size:19px;padding:17px;border:none} #desktop-search-toggle{display:inline-block;background:#fff;padding:0 20px;line-height:50px;font-size:18px;cursor:pointer;color:#53565a!important} #desktop-search-toggle i{font-size:16px;margin-left:30px} #search-header{margin:0 0 15px;color:#fff;font-weight:600} #search-caption{color:#fff;font-size:18px;line-height:normal;margin-bottom:50px} #search-menu{position:fixed;right:0;bottom:0;top:0;left:100%;z-index:9999;background:#0B203C;transition:all .3s;padding:50px;opacity:0;overflow:auto} #search-menu.toggled{left:50%;opacity:1} #search-menu > button{padding:0;background:none} #search-menu-close{position:absolute;right:15px;top:15px;width:35px;opacity:.7;cursor:pointer;transition:all .3s;border:none} #search-menu-close:hover{opacity:1} #search-menu #search{width:400px;max-width:100%} #search-menu #search button{font-weight:400!important} #search-tiles{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;padding:0;margin:0;list-style:none} #search-tiles>li{flex:1 1 24%} .search-tile{position:relative;display:block;width:100%;background:#fff;text-decoration:none !important;margin-bottom:5px;break-inside:avoid;text-align:center;padding:20px;transition:all .3s;min-height:140px} .search-tile:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#3fb2bd;opacity:0;transition:all .3s} .search-tile:hover{transform:scale(1.15);z-index:1} .search-tile:hover:after{opacity:1} .search-tile-icon{width:30px;margin-bottom:15px;filter:brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(7242%) hue-rotate(194deg) brightness(93%) contrast(97%)} .search-tile-caption{display:block;color:#0B203C;line-height:normal} /* Curated search */ #search-menu #search button {cursor:auto} #search-wrap{position:relative} #search-results-wrap{position:absolute;left:0;right:0;top:190px;z-index:100} #search-results{position:absolute;top:115px;left:0;right:0;z-index:1;background:#f3ecda;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0} #search-results .tab-content{background:#fff;max-height:500px;min-height:300px;overflow:auto} .search-nav{list-style-type:none;margin:0;padding:0;display:table;table-layout:fixed;width:100%;border-collapse:collapse} #search-results .tab-pane h2{font-size:42px;color:#0b203c;font-weight:600;text-align:left;margin:0 0 10px} .g-search-wrap iframe{min-height:370px;border:0!important;width:100%} .curated-item h4{margin:0;font-size:17px;color:#444;font-style:italic} #search-results .tab-content .tab-pane{padding:30px} .curated-item h3{margin:0;font-size:22px;color:#0b203c;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:#0b203c;line-height:1.3} .curated-tags span{border-radius:3px;display:inline-block;background:#0b203c;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:#0b203c;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:#0b203c} li#close-curated{display:inline-block;position:absolute;right:0;top:-44px;float:none!important;background:none;width:auto!important;color:#fff;font-size:25px;border:0!important} .search-nav li{display:table-cell;float:none;width:100%;background:#3fb1bc;color:#fff;font-weight:700;text-align:center;padding:14px 0;cursor:pointer;position:relative;pointer-events:fill} .search-nav li:nth-of-type(2){border-right:2px solid #c7d1d8} .search-nav li.active{background:#0f2b52} .curated-tags{clear:both} .search-nav li[data-tab="#search-2"]{display:none!important} /* scrollMenu */ #scrollMenu{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;list-style:none;margin:0;padding:0} #scrollMenu li{display:flex;justify-content:flex-end;margin-bottom:0} .scrollMenu-item{display:flex;align-items:center;position:relative;text-decoration:none;width:248px;height:70px;background:#fff;border-right:6px solid transparent;box-shadow:0px 11px 53.4px 6.6px rgba(0, 0, 0, 0.2);transition:all 320ms;margin:0 0 3px;overflow:hidden} #scrollMenu li:first-of-type .scrollMenu-item{border-top-left-radius:10px} #scrollMenu li:last-of-type .scrollMenu-item{border-bottom-left-radius:10px} .scrollMenu-item-icon-box{display:inline-flex;width:106px;height:100%;justify-content:center;align-items:center} .scrollMenu-icon{width:24px;position:relative} .scrollMenu-item-title{position:relative;z-index:10;transition:all 320ms;font:800 24px 'Albert Sans',sans-serif;color:#0b203c;text-transform:capitalize;line-height:1;margin:0 0 0 -23px;letter-spacing:-1px} .scrollMenu-item:hover{text-decoration:none;width:278px;border-radius:10px 0 0 10px} #scrollMenu li.active .scrollMenu-item{width:278px;border-radius:10px 0 0 10px} .scrollMenu-item-search{border-color:#4360aa} .scrollMenu-item-services{border-color:#3dacb7} .scrollMenu-item-trending{border-color:#3eb472} .scrollMenu-item-government{border-color:#6c4c99} .scrollMenu-item-business{border-color:#f58a2d} .scrollMenu-item-news{border-color:#f3c03b} .scrollMenu-item-calendar{border-color:#3eaeb8} .scrollMenu-item-data{border-color:#3eb472} .section{position:relative;z-index:99} .section-banner{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.1} /* Services section */ #services-section{background:#3fb2bd} #services-in{position:relative;padding:190px 0 100px} .quick-links-box{display:flex;flex-wrap:wrap} .quick-link{width:23.2%;height:150px;margin-right:2.4%;display:flex;justify-content:center;align-items:center;background:#0b203c;margin-bottom:32px;text-decoration:none;position:relative;z-index:10;padding:15px;box-shadow:0px 11px 53.4px 6.6px rgba(0, 0, 0, 0.2);border-radius:10px} .quick-link:nth-of-type(4n){margin-right:0} .quick-link img{width:40px;min-width:40px;transition:all 300ms} #services-section .quick-link img{filter:brightness(0) saturate(100%) invert(62%) sepia(38%) saturate(656%) hue-rotate(137deg) brightness(93%) contrast(87%)} .quick-link h3{font:800 18px 'Albert Sans',sans-serif;color:#fff;margin:0 0 0 19px;line-height:1.15;text-transform:uppercase} .quick-link:hover{text-decoration:none} .quick-link:hover img{transform:scale(1.2)} /* .quick-link::after{content:'';padding:8px;border-radius:12px;border:3px solid #fff;-webkit-mask:linear-gradient(#fff 0 0) top /var(--d,0%) 5px,linear-gradient(#fff 0 0) bottom/var(--d,0%) 5px,linear-gradient(#fff 0 0) left /5px var(--d,0%),linear-gradient(#fff 0 0) right /5px var(--d,0%),linear-gradient(#fff 0 0) center /calc(100% - 10px) calc(100% - 10px);-webkit-mask-repeat:no-repeat;transition:.5s;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px} .quick-link:hover::after{--d:100%} */ .quick-link::after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#0b203c;border-radius:10px;transition:all .3s} .quick-link:hover::after{top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);background:#0b203c} /* Trending section */ #trending-section{background:#0c213d} #trending-in{position:relative;padding:110px 0 20px} .app-slider-wrap{position:relative} .slider-item{display:block;text-decoration:none;border-radius:10px;padding:3px;background:#fff} .slider-item-banner{height:224px;border-radius:10px 10px 0 0} .slider-item-info{padding:17px 27px 30px;background:#fff;border-radius:0 0 10px 10px} .slider-item-title{font:800 20px 'Albert Sans',sans-serif;color:#3eb472;margin:12px 0 9px;line-height:1.2} .slider-item-info>div{font:500 18px 'Albert Sans',sans-serif;color:#0b203c;line-height:1.19;margin:0} .slider-item-more{display:inline-block;font:600 14px 'Albert Sans',sans-serif;color:#fff;text-transform:uppercase;background:#3eb472;border-radius:50px;padding:9px 20px;text-decoration:none;margin-top:15px;line-height:1} .slider-item-more.section-btn img{filter:brightness(0) invert(1)} .slider-item-more:hover{color:#fff;text-decoration:none} .app-slider-wrap button[data-action]{display:none} .app-slider-wrap .tns-nav{display:none} .app-slider-wrap .tns-controls{top:54%;opacity:0;transition:all 300ms} .app-slider-wrap .tns-controls button{background:none;font-size:0;border:none} .app-slider-wrap .tns-controls button:first-of-type::after{content:"\f053";font-family:"FontAwesome";display:inline-block;color:#0b203c;font-size:30px} .app-slider-wrap .tns-controls button:last-of-type::after{content:"\f054";font-family:"FontAwesome";display:inline-block;color:#0b203c;font-size:30px} .app-slider-wrap:hover .tns-controls{opacity:1} /* Government section */ #government-section{background:#fff} #government-in-wrap{position:relative;padding:110px 0 20px} #government-in{display:flex;justify-content:space-between} #government-left{width:42.7%} .government-box{display:block;background:#0b203c;padding:3px;border-radius:10px;text-decoration:none} .government-box:hover{text-decoration:none} .government-img{width:100%;height:227px;border-radius:7px 7px 0 0} .government-box-text{font:800 20px 'Albert Sans',sans-serif;color:#fff;padding:28px 28px 22px;line-height:1.2} #government-right{width:48.6%} #government-right .quick-links-box{justify-content:space-between} #government-right .quick-link{width:47.5%;margin-right:0!important} #government-right .quick-link img{filter:brightness(0) saturate(100%) invert(33%) sepia(9%) saturate(3521%) hue-rotate(222deg) brightness(97%) contrast(84%)} #government-section .section-btn{background-color:#0b203c;color:#fff;position:relative;margin-top:8px} #government-section .section-btn img{filter:brightness(0) invert(1)} /* Business section */ #business-section{background:#43b1bd} #business-in{position:relative;padding:190px 0 100px} #business-in .quick-link img{filter:brightness(0) saturate(100%) invert(70%) sepia(30%) saturate(5801%) hue-rotate(343deg) brightness(101%) contrast(90%)} /* News section */ #news-section{background:#0c213d} #news-in{position:relative;padding:110px 0 20px} .h-news{display:flex;position:relative;height:170px;width:42.7%;float:left;background:#fff;margin-bottom:34px;text-decoration:none;padding:26px 31px;overflow:hidden;border-radius:10px} .h-news-banner{display:none;position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:270px;border-radius:7px 7px 0 0} .h-news-info time{font:800 12px 'Albert Sans',sans-serif;color:#fff;text-transform:uppercase;background-color:#f1b10f;padding:4px 11px;border-radius:4px} .h-news-text{font:800 20px 'Albert Sans',sans-serif;color:#0c213d;line-height:1.2;margin:13px 0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .h-news-more{font:500 18px 'Albert Sans',sans-serif;color:#f1b10f;text-transform:capitalize} .h-news:hover{text-decoration:none} .h-news:hover .h-news-more{text-decoration:underline} .h-news:nth-of-type(1){height:374px;width:48.7%;margin:0 8.6% 0 0;padding:0} .h-news:nth-of-type(1) .h-news-info{padding:288px 64px 15px 31px} .h-news:nth-of-type(1) .h-news-info time{display:none} .h-news:nth-of-type(1) .h-news-more{display:none} .h-news:nth-of-type(1) .h-news-banner{display:block} .h-news:nth-of-type(3){margin:0} #news-section .section-btn{position:relative;margin-left:3px;margin-right:3px} /* Calendar section */ #calendar-section{background:#fff} #calendar-in{position:relative;padding:110px 0 20px} #calendar-section .section-btn{background-color:#0b203c;color:#fff;position:relative;margin-top:8px} #calendar-section .section-btn img{filter:brightness(0) invert(1)} /* Data section */ #data-section{background:#43b1bd} #data-in{position:relative;padding:110px 0 20px} /* Footer */ #footer-top{background:#0c213d;padding:20px 0 64px} #footer-top .container{width:1062px} #footer-top-in{display:flex;justify-content:space-between} .footer-top-box{display:flex} .footer-top-data{display:flex;align-items:flex-start;font:500 18px 'Albert Sans', sans-serif;color:#fff;padding-right:20px;margin-top:46px} .footer-top-title{font:800 18px 'Albert Sans', sans-serif;color:#43b1bd;text-transform:capitalize;margin:0 0 8px} .footer-address{line-height:1.25;min-height:45px}/* "min-height" to make the plugin "fullpage" work correctly */ .footer-top-data a{display:inline-block;color:#fff;text-decoration:none} .footer-top-data a:hover{color:#fff;text-decoration:none} .view-directory{text-decoration:none!important;cursor:pointer} .view-directory:hover{text-decoration:underline!important} .footer-phone{margin:4px 0 8px} footer address{margin:0} #footer-logo{width:161px;margin-right:17px} .footer-map-icon{width:40px;min-width:40px;margin:4px 20px 0 0} .footer-phone-icon{width:41px;min-width:41px;margin:4px 20px 0 0} .question-mark-entity{display:flex;align-items:center;justify-content:center;height:41px;width:41px;min-width:41px;color:#fff;font-size:26px;border:2px solid #fff;border-radius:50%;margin:4px 20px 0 0} /* #footer-bottom{background:#091c35} */ #footer-bottom{background:#0c213d;padding:30px 0 100px;border-top:2px solid #3e445a} #footer-bottom-in{text-align:center;font:500 15px 'Albert Sans', sans-serif;color:#fff} .footer-delimiter:after{content:'';display:inline-block;margin:0 7px;width:2px;height:2px;border-radius:50%;background:#fff;position:relative;top:-4px} #revize{display:none} #revize-link,#revize-login{display:inline-block;color:#fff;text-decoration:none} #revize-link:hover,#revize-login:hover{display:inline-block;color:#fff;text-decoration:none} /* Social */ .social-media-links{display:inline-flex;align-items:center;position:relative;top:2px;margin-left:20px} .department-contact-box-right .social-media-links{width: 100%;justify-content: center;} .social-media-link{display:inline-flex; align-items:center;text-decoration:none;position:relative;margin-right:10px} .social-media-icon-box{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #fff} .social-media-icon-box i{color:#fff;font-size:17px} .social-media-link:hover{text-decoration:none} footer .social-media-link:hover .social-media-icon-box{border-color:#43b1bd} footer .social-media-link:hover .social-media-icon-box i{color:#43b1bd} #homepage .uw-sl button.uw-sl__item{display:none!important} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-wrap{padding:69px 0 175px} #freeform-in{display:flex;justify-content:space-between} #freeform-left{width:300px;display:flex;flex-direction:column} #freeform-right{width:calc(100% - 300px)} #flyout-wrap{background:#0b203c;margin-top:31px;box-shadow:0px 3px 14px rgba(0, 0, 0, 0.05);border-radius:10px} #entry{padding:31px 0 5px 70px} #flyout-header{font:800 22px 'Albert Sans',sans-serif;color:#fff;text-transform:uppercase;padding:50px 43px 23px;background:#0b203c;border-radius:10px 10px 0 0;margin-bottom:0;line-height:1} #flyout{padding:0 0 37px;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font:500 17px 'Albert Sans',sans-serif;color:#fff;line-height:1.41;padding:14px 30px 14px 46px} #flyout ul{padding:0;margin:0} #flyout ul a, #flyout ul span{font-size:14px;padding:10px 15px} #flyout ul a:hover,#flyout ul span:hover{text-decoration:underline} #breadcrumbs-wrap{background:#0b203c;padding:34.5px 0;margin-top:90px} #breadcrumbs ul{margin:0;padding:0;list-style:none;font:800 16px 'Albert Sans',sans-serif;color:#fff;text-transform:capitalize;line-height:1} #breadcrumbs ul li{display:inline-block;margin:1px 0 0;position:relative} #breadcrumbs ul li:not(:last-of-type){margin-right:27px} #breadcrumbs ul li:not(:last-of-type)::after{content:'';background:url(../images/breadcrumbs-arrow.png) center/cover no-repeat;width:4px;height:7px;position:absolute;top:7px;right:-16px} #breadcrumbs a{display:inline-block;color:#fff;position:relative;text-decoration:none} #breadcrumbs a:hover{text-decoration:underline} #page-title{font:800 48px 'Albert Sans',sans-serif;color:#0b203c;text-transform:capitalize;margin:0 0 24px 0;line-height:1} .freeform-contact-us{border-bottom:7px solid #3fb2bd!important} .freeform-aside-box{border-radius:10px;margin-top:30px;border:2px solid #c7d0e7;padding:46px 34px 22px 44px;font:500 16px 'Albert Sans',sans-serif;color:#0b203c} .flyout-header{font:800 22px 'Albert Sans',sans-serif;color:#0b203c;text-transform:uppercase;margin-bottom:16px;line-height:1.16} .freeform-contact-img-box img{display:inline-block;border-radius:50%;border:2px solid #c7d0e7;min-width:100px;width:100px;height:100px;object-fit:cover} .freeform-contact-phone-box{padding:16px 0 15px!important} .freeform-contact-email-box{padding:17px 0 22px!important} .freeform-contact-box{display:flex;align-items:center;justify-content:space-between;padding:20px 0 23px} .freeform-contact-box:not(:last-of-type){border-bottom:1px solid #e6e8eb} .freeform-contact-box-title-name{margin-top:-8px;margin-right:20px} .freeform-contact-box-title-name .freeform-contact-box-top{margin-bottom:10px} .freeform-contact-box-top{margin-bottom:3px} .freeform-contact-box-bottom{font-weight:800} .freeform-contact-us a{display:inline-block;color:#0b203c;text-decoration:none;margin:2px 0 0 0;line-height:1.2} .freeform-contact-us a:hover{color:#0b203c;text-decoration:underline} .hours-operation{border-bottom:7px solid #3eb472!important} .freeform-aside-box-in{line-height:1.35;padding:21px 0 13px} .important-links{border-bottom:7px solid #6d4d9c!important} .aside-links{padding:0;margin:17px 0 7px;list-style:none} .aside-links li{margin:0;position:relative} .aside-links li:not(:last-of-type){border-bottom:1px solid #e6e8eb} .aside-links li::after{content:'';width:calc(100% + 78px);height:100%;background:#43b1bd;position:absolute;top:0;left:0;z-index:-1;margin:0 -34px 0 -44px;transition:all 300ms;opacity:0} .aside-links li:hover::after{opacity:1} .aside-links li:hover a{color:#fff!important} .aside-links li a{display:inline-block;font:500 17px 'Albert Sans',sans-serif;color:#0c213d;padding:15.5px 0;line-height:1.18;text-decoration:none;transition:all 300ms} .documents-list{border-bottom:7px solid #f58a2d!important} .stay-informed{border-bottom:7px solid #fec83e!important;padding:46px 47px 22px 44px} .stay-informed .freeform-aside-box-in{padding:17px 0 23px} .stay-informed p{margin:0;font-size:17px;color:#0c213d;line-height:1.06} .stay-informed .section-btn{background:#0c213d;color:#fff;margin-top:27px} .stay-informed .section-btn:hover{background:#43b1bd} /* Social */ #freeform-social-media-links{display:inline-flex;flex-direction:column;justify-content:center;position:sticky;top:100px;right:0;text-align:center;float:right;margin:79px -67px 0 0} .freeform-social-share{display:inline-block;font:500 14px 'Albert Sans',sans-serif;color:#0b203c;margin-bottom:14px} .freeform-social-media-link{display:block;text-decoration:none;width:31px;width:31px;margin:0 auto 11px} .freeform-social-icon-box{display:flex;align-items:center;background:#f2f3f6;border-radius:50%;width:31px;height:31px;transition:all 320ms} .freeform-social-media-link img{margin:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(25%) saturate(3505%) hue-rotate(192deg) brightness(98%) contrast(97%)} .faq-accordion{margin-top:22px} .faq-accordion-header{display: block;font:500 20px 'Albert Sans',sans-serif;color:#0b203c;cursor:pointer;padding:26px 21px 29px;margin:0;background:#f2f3f6;border-radius:10px;margin-bottom:6px;transition:all 300ms; text-decoration: none;} .faq-accordion-header:hover{text-decoration: none;color: #0b203c;} .faq-accordion-content{background:#fff;padding:42px 56px 40px;border-top:none;background:#f2f3f6;border-radius:0 0 10px 10px;margin:-6px 0 6px} /* .faq-accordion-item:nth-of-type(1) .faq-accordion-content{display:block} */ .faq-accordion-header::before{content:'';display:inline-block;width:8px;height:14px;background:url(../images/faq-caret.png) center/8px 14px no-repeat;margin:0 20px -2px 7px;transition:all 300ms} .faq-active.faq-accordion-header{color:#fff;background:#0c213d;border-radius:10px 10px 0 0} .faq-accordion-content-title{font:500 22px 'Albert Sans',sans-serif;color:#0c213d;text-transform:capitalize;margin-bottom:10px;line-height:1.2} .faq-accordion-content-text{font:500 17px 'Albert Sans',sans-serif;color:#0b203c;line-height:1.7} .faq-active.faq-accordion-header::before{transform:rotate(90deg);filter:brightness(0) invert(1)} .freeform-btns{display:flex;flex-wrap:wrap;margin-top:50px} .freeform-btn{display:inline-block;font:800 18px 'Albert Sans', sans-serif;color:#fff;width:31%;margin-right:3.5%;margin-bottom:20px;background-color:#0c213d;border-radius:10px;padding:45px 15px;text-align:center;text-decoration:none;text-transform:uppercase} .freeform-btn:nth-of-type(3n){margin-right:0} .freeform-btn:hover{background:#43b1bd;color:#fff;text-decoration:none} #freeform-video, .freeform-video{display:flex;align-items:center;justify-content:center;width:100%;height:404px;position:relative;background:#0c213d;margin-top:50px;border-radius:10px;overflow:hidden} #freeform-video-banner, .freeform-video-banner{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.9} #freeform-video .video-btn, .freeform-video .video-btn{display:inline-block;position:relative} #freeform-video .video-btn img, .freeform-video .video-btn img{width:42px;transition:all 300ms} #freeform-video .video-btn:hover img, .freeform-video .video-btn:hover img{transform:scale(1.1)} .fullwidth #entry{padding:30px 0} .col-xs-12{width:100%} #back-to-top{position:fixed;bottom:320px;right:0;opacity:0;cursor:pointer;z-index:999;background:none;padding:0;outline:none;border:none} #back-to-top img{width:81px} .doc-center-entry .doc-file-desc{white-space: break-spaces;} /* ----------------------------------------- #department -----------------------------------------*/ #header-bottom{background:#0c213d;position:fixed;width:100%;z-index:200;top:90px} #header-bottom .container{width:1300px} #header-bottom-in{display:flex;height:65px;align-items:center;position:relative} #header-bottom nav{width:100%} #nav2{padding:0;margin:0} #nav2 .toggle, #nav2 .toggle2{display:none;padding:0;font-family:FontAwesome} #nav2 li{margin:0;display:inline-block;position:relative} #nav2>li{flex-grow:1;text-align:center} #nav2 > li:last-child{padding-right:0} #nav2 a,#nav2 span{display:inline-flex;align-items:center;text-align:center;font:800 15px 'Albert Sans',sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;padding:0 10px;position:relative;height:65px} #nav2 ul{padding:20px 0 22px;margin:0;display:none;text-align:left} #nav2 ul li{width:100%;margin:0!important} #nav2 ul a,#nav2 ul span{font-weight:500;font-size:17px;color:#2f3134;padding:16px 28px 16px 31px;text-align:left;width:100%;text-transform:unset;height:auto;line-height:normal;letter-spacing:normal;position:relative} #nav2>li:nth-last-of-type(-n+3) ul{left:auto;right:0} #nav2>li:nth-last-of-type(-n+3) ul ul{left:auto;right:100%;border-radius:10px 0 0 10px} #freeform-main{display:flex;flex-direction:column} #dept-quick-links-wrap{background:#3fb2bd;position:relative;padding:131px 0 68px} #dept-quick-links-banner{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.1} #dept-quick-links .quick-link img{filter: brightness(0) saturate(100%) invert(62%) sepia(38%) saturate(656%) hue-rotate(137deg) brightness(93%) contrast(87%)} #title-post-wrap{position:relative;order:2;margin:94px 0 25px} .department #freeform-social-media-links{position:static} #freeform-faqs-box-wrap{position:relative;order:4;margin:25px 0} .department .faq-accordion-header{padding:26px 34px 29px} .department .faq-accordion-content{padding:42px 70px 40px} #freeform-video-wrap, .freeform-video-wrap{position:relative;order:6;margin:5px 0 50px} #freeform-video-wrap .container, .freeform-video-wrap .container{width:860px} #freeform-video, .freeform-video{margin-top:25px} .department #news-section{position:relative;order:8;background:#3fb2bd;padding:75px 0 100px;margin:50px 0} .department #news-in{padding:27px 0} #d-news-banner{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.1} .department .h-news-info time{background-color:#3eb472} .department .h-news-more{color:#3eb472} .department #news-section .section-title{margin-right:20px} .department #news-section .section-btn{background:#0c213d;color:#fff;margin:21px 0 12px} .department #news-section .section-btn img{filter:brightness(0) invert(1)} .department #freeform-btns-wrap{position:relative;order:10;margin:50px 0} .department #freeform-btns-wrap .container{width:860px} .department .freeform-btns{margin-top:0} .department-contact-box-wrap{position:relative;order:12;margin:50px 0 100px} .department-contact-box-in{display:flex;justify-content:space-between;background:#f2f3f6;padding:55px 161px 43px;border-radius:10px} .department-contact-box-left{display:flex} .department-contact-img-box{margin:5px 0 0 9px} .department-contact-img-box img{width:112px;min-width:112px} .department .freeform-aside-box{border-radius:unset;margin-top:0;border:none!important;padding:0 30px 0 60px;width:320px} .department .freeform-contact-box address{margin:0} .department .freeform-contact-box address a{margin:3px 0 0 0;line-height:1.15} .department .flyout-header{margin-bottom:7px} .department .freeform-contact-box{padding:14px 0} .department-contact-box-in .social-media-links{margin:18px 0 13px} .department-contact-box-in .social-media-link{margin:0 10px 0 0} .department-contact-box-in .social-media-link .social-media-icon-box{border:unset;transition:all .3s} .department-contact-box-in .social-media-link .social-media-icon-box i{transition:all .3s} .department-contact-box-in .facebook-media-link .social-media-icon-box{background:#177dd3} .department-contact-box-in .twitter-media-link .social-media-icon-box{background:#15baee} .department-contact-box-in .instagram-media-link .social-media-icon-box{background:#8917d3} .department-contact-box-in .youtube-media-link .social-media-icon-box{background:#d31717} .department-contact-box-in .facebook-media-link:hover .social-media-icon-box{background:#fff} .department-contact-box-in .facebook-media-link:hover .social-media-icon-box i{color:#177dd3} .department-contact-box-in .twitter-media-link:hover .social-media-icon-box{background:#fff} .department-contact-box-in .twitter-media-link:hover .social-media-icon-box i{color:#15baee} .department-contact-box-in .instagram-media-link:hover .social-media-icon-box{background:#fff} .department-contact-box-in .instagram-media-link:hover .social-media-icon-box i{color:#8917d3} .department-contact-box-in .youtube-media-link:hover .social-media-icon-box{background:#fff} .department-contact-box-in .youtube-media-link:hover .social-media-icon-box i{color:#d31717} .social-bottom{text-align:center;font-size:16px;color:#2f3134} /* ----------------------------------------- #Blog ----------------------------------------- */ img.blog-img {width: 100%;height: auto;} hgroup.blog-header {margin: 0;font-family: 'DIN',sans-serif;font-size: 32px;text-transform: capitalize;font-weight: bold;letter-spacing: -.025em;padding: 15px 30px;} .blog-header h2 {color: #3A5976!important;margin: 0;font-size: 21px;line-height: 30px;width: 73%;text-decoration: none;} .blog-header h3 {font-family: 'Gotham',sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;color: #389583;margin: 0;line-height: 42px;width: 27%;text-align: right;} .blog-caption {padding: 30px;font-size:15px;line-height:27px} a.blog-readmore {font-weight: bold;text-decoration: none;display:block;margin-top:15px} a.blog-readmore:after {content: "\f054";font-family: FontAwesome;font-size: 14px;padding-left: 4px;} .no-after a:after{display:none} img.blog-inner-img {max-width: 40%;margin: 0 0 30px 30px;} .blog-header small {color: #fff;background: #389583;border-radius: 3px;padding: 5px;display: inline-block;letter-spacing: 0.025em;margin-top: 3px;} .blog-item{box-shadow: 0 4px 20px rgba(0,0,0,.25);margin-bottom:30px} @media only screen and (min-width:992px) { #blog-posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .blog-item {width:calc(50% - 30px);margin:0px 15px 30px 15px} } /* ----------------------------------------- #tiles -----------------------------------------*/ #tiles{position:relative} .tile{display:flex;justify-content:space-between;position:relative;margin-bottom:50px} .tile-banner-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:40%;min-height:200px;background:#0B203C;border-radius:10px;overflow:hidden;text-decoration:none} .tile-banner-wrap span{display:inline-block;color:#fff;font-size:20px;text-decoration:none;text-transform:capitalize;position:relative;z-index:10;opacity:0;transition:opacity .3s} .tile-banner{position:absolute;left:0;top:0;height:100%;width:100%;height:100%;width:100%;transition:opacity .3s;border-radius:10px} .tile-banner-wrap:hover{text-decoration:none} .tile-banner-wrap:hover span{opacity:1} .tile-banner-wrap:hover .tile-banner{opacity:0.7} .tile-data{width:55%;height:100%;margin:30px 0;border-bottom:1px solid rgba(0,0,0,.15)} .tile-title{font-weight:800;margin-bottom:20px} .tile-data .section-btn{background:#0B203C;color:#fff;margin:20px 0} .tile-data .section-btn img{filter:brightness(0) invert(1)} .tile-data p{margin:20px 0;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:40%;left:0;border-radius:0;border:0;background:#0c213d!important;color:#fff!important;padding:7px 8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;line-height:1.5} .floating-share-btn span{display:block;text-transform:uppercase;font-size:12px;line-height:1} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{overflow:hidden} #slider-in{text-align:center;position:absolute;left:0;top:180px;width:100%} #homepage #slider .tiny-item div{filter:saturate(1.8)} #homepage #slider .tiny-item div::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:url(../images/slider-overlay.png) left top/cover no-repeat} #slider > .tns-outer, #slider > .tns-outer > .tns-inner, #slider > .tns-outer > .tns-inner > .tiny-slider, #slider > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{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} #slider button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} #slider .tns-nav{display:none} #slider button[data-action]{display:none} #slider-btns{position:absolute;bottom:15px;display:flex;justify-content:flex-start;width:100%;z-index:50;pointer-events:none;transition:all 300ms} #slider-prev,#slider-next{background:none;border:none;padding:0;margin-right:10px;pointer-events:all} #slider-btns{transform:translateX(-100px)} #slider:hover #slider-btns{transform:translateX(10px)} /* For fullpage */ #homepage .tns-outer{height:100%} #homepage .tns-inner{height:100%} #homepage .tiny-slider{height:100%} #homepage .tiny-slider .tns-item{height:100%} #slider-caption{margin:137px 0 0} #slider-caption span{display:block;text-transform:uppercase;line-height:1;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.9)} .slider-caption-top{font:800 40px 'Albert Sans',sans-serif;color:#fff;margin-bottom:19px;letter-spacing:8px} .slider-caption-bottom{font-weight:800;font-size:130px;color:#fff} #freeform.department #slider{height:724px;position:relative} #freeform.department #slider .tiny-item div{filter:saturate(1.8)} #freeform.department #slider::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;background:#0f1013;opacity:0.2} #d-slider-data{position:absolute;left:0;right:0;bottom:15.2%;z-index:51;width:1200px} #d-slider-caption{font:800 112px 'Albert Sans',sans-serif;color:#fff;text-transform:uppercase;line-height:1;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.9);margin:0 0 19px -6px} #freeform.tiles #slider{height:724px;position:relative} #freeform.tiles #slider .tiny-item div{filter:saturate(1.8)} #freeform.tiles #slider::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;background:#0f1013;opacity:0.2} /* ----------------------------------------- #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 -10px;padding:0!important;height:auto!important} #nav .toggle{height:auto} #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #top-nav{display:flex;justify-content:center} #nav{display:flex!important;width:100%;justify-content:flex-end} #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:-4px 0 0 0;background:transparent} .nav-in{position:absolute;top:0;left:0;right:0;padding:38px 50px;column-count:4;column-gap:85px;column-rule:1px solid rgba(255, 255, 255, 0.102);background:#0b203c;border-top:5px solid #3fb2bd;border-radius:0 0 10px 10px} #nav>li>a:first-child:before{content:'';position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:block;width:0;height:5px;background:#3fb2bd;transition:all .3s;opacity:0} #nav>li:hover>a:first-child:before{width:calc(100% - 52px);opacity:1} #flyout .toggle{display:none;position:absolute;top:32%;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:#43b1bd;box-shadow:0px 3px 14px rgba(0, 0, 0, 0.05);z-index:999} #flyout li:hover ul{display:block;border-radius:0 10px 10px 0} #flyout li{transition:all 320ms} #flyout>li:hover{background:#43b1bd} #flyout li:not(:last-child) a:first-child:after,#flyout li:not(:last-child) span:after{content:'';display:block;background:rgba(255, 255, 255, 0.102);width:70%;height:1px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)} #flyout ul li:not(:last-child) a:first-child:after,#flyout ul li:not(:last-child) span:after{width:85%} #flyout ul li:last-child a:first-child:after,#flyout ul li:last-child span:after{content:none} #nav2 .toggle{position:absolute;top:50%;transform:translateY(-50%);right:0;color:#fff;height:auto;font-size:16px} #nav2 .focused .toggle{display:inline-block} #nav2 .focused .toggle2{display:none} #nav2 .focused .toggle2{transform:translateY(-50%) rotate(-90deg);display:inline-flex;justify-content:center;align-items:center} #nav2 a.toggle2{position:absolute;top:50%;right:5px;z-index:150;height:15px;width:15px;z-index:200} #nav2{display:flex!important;justify-content:space-around} #nav2 ul{position:absolute;left:0;top:100%;width:285px;background:#fff;display:none;border-radius:0 0 10px 10px;box-shadow:0px 4px 20px 0px rgb(20 20 20 / 10%)} #nav2 li:hover>ul{display:block} #nav2 ul ul{left:100%;top:0;border-radius:0 10px 10px 0;padding:0;overflow:hidden} #nav2>li:nth-last-of-type(-n+3) ul .toggle2{left:0;top:50%;transform:translateY(-50%) rotate(90deg);justify-content:center;align-items:center} #nav2 ul li{position:relative} #nav2 ul li:not(:last-child)::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:78%;height:1px;background:#eaeaea} #nav2 ul li:hover>a:first-of-type,#nav2 ul li:hover>span{text-decoration:underline} #nav2>li>a:first-child:before{content:'';position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:block;width:0;height:5px;background:#3fb2bd;transition:all .3s;opacity:0} #nav2>li:hover>a:first-child:before{width:calc(100% - 20px);opacity:1} #header-right-box{display:flex!important} #search-menu{display:block!important} #freeform-main>#flyout-wrap{display:none} } @media only screen and (max-width:1730px) { /* #scrollMenu{right:-190px} .scrollMenu-item-icon-box{width:60px} .scrollMenu-item-title{margin:0;font-size:0} */ .scrollMenu-item-title{font-size:16px;margin:0} .scrollMenu-item{width:140px} .scrollMenu-item-icon-box{width:40px} #scrollMenu li.active .scrollMenu-item{width:154px} .scrollMenu-item:hover{width:154px} } @media only screen and (max-width:1600px) { #freeform #logo-wrap{margin-left:0} } @media only screen and (max-width:1500px) { .section{padding-right:14%} #slider.section{padding-right:0} footer.section{padding-right:0} #homepage #footer-top{padding-right:12%} .quick-link h3{font-size:15px} } @media only screen and (max-width:1300px) { #nav{padding:0} #nav a, #nav span{padding:0 10px} #nav>li:hover>a:first-child:before{width:calc(100% - 20px)} .slider-caption-bottom{font-size:110px} /* Requested Changes */ } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ header:nth-of-type(2) { display: none; } #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:23px;z-index:250} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#0b203c;color:#fff;margin-left:5px;cursor:pointer} #nav,#flyout{display:none} #nav li{display:block} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul{background:rgba(0,0,0,.15)} .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:#fff;padding:15px!important} #flyout .toggle{right:0} #nav a,#nav span{padding:15px 70px 15px 15px!important} #nav ul a,#nav ul 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} header{position:relative!important} header .container{padding:0} #logo-wrap{min-width:auto;margin:0 130px 0 15px!important} #nav{padding:0;margin:0;background:#0b203c;position:absolute;height:auto;left:0;top:90px;width:100%;border-top:5px solid #43b1bd;z-index:100} #nav li{position:relative;margin:0} #nav a,#nav span{display:block;height:auto!important;text-align:left;margin-bottom:0!important;color:#fff} #nav ul a, #nav ul span{text-transform:capitalize} #nav ul{display:none;position:static;column-count:1;column-gap:unset;padding:0;margin:0;border-radius:0;box-shadow:none} #nav ul li{width:100%;page-break-inside:auto} #header-right-box{display:none;position:absolute;top:100px;right:10px;background:#fff;padding:5px 15px;height:60px} #translation-links ul{height:300px;width:243px;padding:15px;overflow:auto;text-align:left;top:43px;left:-15px} #freeform #translation-links ul{width:317px} #translation-links ul li{display:block;float:none;width:100%} #slider{height:500px;padding:0} #slider-in{top:80px} #slider-caption{margin-top:80px} .slider-caption-bottom{font-size:115px} #scrollMenu{display:none} .section{padding:50px 0} #services-in{padding:20px 0 0} .quick-links-box{justify-content:space-between} .quick-link{width:48%;margin-right:0} .app-slider-wrap .tns-controls{top:calc(100% + 30px);opacity:1;display:flex;justify-content:center} .app-slider-wrap .tns-controls button{margin:0 5px} .app-slider-wrap .tns-controls button:first-of-type::after{color:#fff} .app-slider-wrap .tns-controls button:last-of-type::after{color:#fff} #trending-in{padding:0} #trending-in .section-btn{margin-top:70px} .app-slider-wrap{margin:25px 0 0} #government-in-wrap{padding:0} #government-in{flex-wrap:wrap} #government-left{width:100%;margin-bottom:50px} #government-right{width:100%} #business-in{padding:20px 0 0} #news-in{padding:0} .h-news{width:100%!important;height:auto!important;float:none} .h-news:nth-of-type(1){margin:0 0 34px 0} #calendar-in{padding:0} #data-in{padding:0 0 50px} footer.section{padding:0} #footer-top{padding:50px 0 0} #footer-top-in{flex-wrap:wrap} .footer-top-box{width:100%;margin-bottom:50px;justify-content:flex-start} .footer-top-data{padding-right:0;margin-top:0} #footer-bottom-in{text-align:left} .footer-top-data-last{flex-direction:column;align-items:flex-start} #footer-logo{margin:0 0 50px} #breadcrumbs-wrap{margin-top:0} #freeform-wrap{padding:0 0 50px} #freeform-in{flex-wrap:wrap} #freeform-left{width:100%;order:2} #freeform-right{width:100%;order:1} .freeform-aside-box{padding:30px 15px} .aside-links li::after{width:calc(100% + 30px);margin:0 -15px} #flyout-wrap{padding:0;margin:15px 0 0} #flyout-wrap::after{content:none} #flyout-toggle{display:block;margin:0;padding:15px;font:800 18px 'Albert Sans',sans-serif;background:#0b203c;color:#fff;text-transform:capitalize;cursor:pointer;border-radius:10px} #flyout{padding:0;margin:0} #flyout-header{display:none} #flyout ul{display:none} #entry{padding:30px 0!important} #freeform-social-media-links{display:none} #page-title{margin-top:30px} /* Department */ #toggles2{position:absolute;right:15px;top:10px;z-index:250} #nav2-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#fff;color:#0c213d;margin-left:5px;cursor:pointer} #nav2{display:none} #nav2 li{display:block} #nav2 a, #nav2 span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav2 li:last-child>a, #nav2 li:last-child>span{border:0} #nav2 ul{background:rgba(0,0,0,.15)} #nav2 .toggle,#nav2 .toggle2{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important} #nav2 a,#nav2 span{padding:15px 70px 15px 15px!important} #nav2 ul ul a, #nav2 ul ul span{padding:15px!important} #header-bottom{position:relative;margin-top:0;top:0} #header-bottom .container{padding:0} #nav2{padding:0;margin:0;background:#43b1bd;border-top:5px solid #6d4d9c;position:absolute;left:0;top:65px;z-index:200;width:100%;height:auto} #nav2 li{margin:0!important} #nav2 a, #nav2 span{display:block;text-align:left;height:auto;color:#fff!important} #nav2 ul{padding:0} .department #header-right-box{top:90px;height:65px} #freeform.department #slider{height:500px} #freeform.tiles #slider{height:500px} #title-post-wrap{padding-right:0} .department-contact-box-in{flex-wrap:wrap;padding:30px 15px} #dept-quick-links-wrap{padding:50px 0 20px} #title-post-wrap{margin:50px 0 25px} .share-btn{top:auto;left:auto;bottom:5px;right:5px} .uai{display:none!important} #search-menu{display:none;position:absolute;left:0!important;top:90px;bottom:unset;opacity:1;transition:none} #search-menu-close{display:none} .social-media-links{display:flex;top:0;margin:20px 0 0} #back-to-top{bottom:60px} #freeform-left #flyout-wrap{display:none} #d-slider-caption{font-size:90px} } @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} .slider-caption-bottom{font-size:15vw} .department-contact-box-left{width:100%;margin-bottom:50px} .department .freeform-aside-box{padding:0 15px 0 30px;width:100%} #d-slider-caption{font-size:12vw;margin:0 0 15px 0} .department .faq-accordion-header{padding:26px 15px 29px} .department .faq-accordion-content{padding:42px 15px 40px} #freeform-video, .freeform-video{height:50vw} .tile{flex-wrap:wrap} .tile:last-of-type{margin-bottom:0} .tile-banner-wrap{width:100%;height:50vw} .tile-data{width:100%;margin:0;padding:30px 0} #homepage .event{width:100%;height:auto;padding:15px} #homepage .event-data{padding-left:15px} #homepage .event-title{font-size:16px} #homepage .event-time{font-size:14px} } @media only screen and (max-width:479px) { .slider-item-info{padding:17px 15px 30px} .government-box-text{padding:28px 15px 22px} .h-news:nth-of-type(1) .h-news-info{padding:288px 15px 20px} .h-news{padding:26px 15px} .freeform-btns{flex-wrap:wrap} .freeform-btn{width:100%;margin-bottom:15px;margin-right:0} .faq-accordion-content{padding:40px 15px} .department-contact-box-left{flex-wrap:wrap} .department .freeform-aside-box{padding:0;margin-top:30px} .department-contact-img-box{margin:5px 0 0} .department-contact-box-right{width:100%} .social-bottom{text-align:left} #freeform.department #slider{height:350px} #freeform.tiles #slider{height:350px} .modal-header{padding:30px 15px} .modal-body{padding:40px 15px} #search-menu{padding:50px 15px} .quick-link{width:100%} #government-right .quick-links-box{flex-wrap:wrap} #government-right .quick-link{width:100%} } @media print { .department-contact-box-wrap,#news-section,#dept-quick-links-wrap,#header-bottom,#breadcrumbs-wrap,.freeform-video,.freeform-btns,#freeform-faqs-box,#freeform-social-media-links,#freeform-left,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} #freeform-right{width:100%} #freeform-wrap{padding:0!important} #entry{padding:0!important} }