/*----------------------------------------------------------------------------------- Theme Name: Newberg,OR Front-end developer: Raju Author Design: Toshe Vladevski Author URI: http://www.revize.com/ Date: 02/14/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700'); @font-face { font-family: 'Cipollini'; src: url('../fonts/Cipollini-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:14px;line-height:1.6;font-family: Arial, Helvetica, sans-serif;color:#444;-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-size:28px;color:#111;margin-bottom:30px} .subheader{margin-bottom: 10px;color: #1B1B1B;font-size: 24px;font-style: normal;font-weight: 700;text-transform: capitalize;display: block;} 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} @font-face{ font-family:'weather'; src:url('../fonts/weather/artill_clean_icons-webfont.eot'); src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight:normal; font-style:normal; } .weather i{font-family:'weather';font-weight:400;font-style:normal} .weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"} /* ----------------------------------------- #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 -----------------------------------------*/ .btn a, .btn span{text-decoration:none;color:#fff} body #rz-business-categories ul li a, .button, .btn, .button, /*#post button:not(.rz-doc-search-reset),*/ #post button:not(.rz-doc-search-reset):not(#calendar .fc-button), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 16px 24px;background: #606B26;border:0;border-radius:0;display:inline-block;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family: Arial, Helvetica, sans-serif;transition:all .3s;color: #fff; /* Body/L Bold */font-size: 18px;font-weight: 700; /* 27px */border-radius: 8px;} body #rz-business-categories ul li a:hover, .button:hover, a.button:hover, #post button:hover, .btn: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:#D5D9BD;color:#1B1B1B;text-decoration:none;} body #rz-business-categories ul li a:active, .btn:active, .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#D5D9BD;color:#1B1B1B;text-decoration:none;} #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: Arial, Helvetica, 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:#808080} :-moz-placeholder{color:#808080} ::-moz-placeholder{color:#808080} :-ms-input-placeholder{color:#808080} .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: 75px;margin:0;right: 40px;border: 4px solid #B73951;background: #F2F2F2;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding: 24px;font-size:14px;width: 300px;border-radius: 8px;} .floating-alert .rz-btn{background:#fff;color:#000;font-size:14px;font-weight:700;} .floating-alert p { overflow: hidden; color: #000; text-overflow: ellipsis; font-family: Arial; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; margin-bottom: 8px; } .floating-alert h2{margin: 0 0 8px;font-family: Arial, Helvetica, sans-serif;overflow: hidden;color: #B73951;text-overflow: ellipsis; /* Heading/H5 */font-size: 24px;font-weight: 700;line-height: 135%; /* 32.4px */text-transform: capitalize;} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:13px;margin-top:10px} /* .floating-alert.fade:not(.show){visibility:hidden} */ #target.fade:not(.show) {opacity: 1;} #target {/*display:none;*/display: block;} .hide-alert{display:none;} /* ----------------------------------------- #rz edit -----------------------------------------*/ .curated-item small{white-space:pre-line;} form#rz-business-directory-search{margin:0 15px 0 0} #freeform #entry ul#calendar-filters {margin: 0 0 8px;padding: 0;} #event-modal .modal-footer .btn{font-size: 16px !important; margin-top: auto;} #doc-search-form input.rz-doc-search-submit {padding: 0 15px !important;border-radius: 4px !important;} body .cat h3 {background: #606b26;border-bottom: 1px solid #606b26;} .faq-header ~ .faq-editbtns {margin-top: -35px;} .faq-header{width:100%} form#rz-business-directory-search{margin:0 0 15px 0} article#entry #post:before,article#entry #post:after {content: "";display: block;} article#entry #post:after {clear: both;} a[href="javascript:RZedit( '', 'editforms/quick_links-editlist.jsp?width=380&height=320&bri=false&pageid=index', '0','0','', '', 'quick_links','','','editform','','','')"]{position: relative;top:-60px;} body .uwy.userway_p5 .userway_buttons_wrapper {bottom: 133px !important;left: 15px !important;} .news-box[style="pointer-events:none"] .news-desc-wrap span{display:none !important;} .notifyBtn {position: absolute;margin-top: -110px;} .pp_pic_holder.pp_default { position: fixed !important; top: 50% !important; transform: translateY(-50%); } .btn-teal{background:#006984 !important;color: #fff !important;padding:16px;border-radius: 15px;font-size: large;} .btn-purple{background:#371D4F !important;color: #fff !important;padding:16px;border-radius: 15px;font-size: large;} .btn-red{background:#B73951 !important;color: #fff !important;padding:16px;border-radius: 15px;font-size: large;} #freeform #entry ul.category-list {margin: 0 !important;padding: 0 10px !important;} section#rz-business-categories ul {margin: 0 !important;} #rz-business-directory .rz-block-img:after{display: none !important;} #freeform #entry .rz-business-block .col-md-5{padding-top: 40px;} #freeform #entry .rz-business-block .category-list{background: #ccc;color: #000;border-radius: 4px;position: absolute;left: 230px;display: inline-block;} #rz-business-directory .rz-block-img{overflow: visible !important;} #freeform #entry .rz-card-img li, #freeform #entry .rz-block-img li {color: #666;margin-bottom: 7px;} input.rz-agenda-search-submit { padding: 0 20px !important; border-radius: 4px !important; } /* ----------------------------------------- #main -----------------------------------------*/ #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #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} #header-main{position: fixed;z-index: 999;background: #fff;width: 100%;top: 0;} #header-main .col-lg-7{position:static;} .highlight-input{background:#bbd9ff !important;transition:all .7s;} .top-icons-wrpper {display: flex;align-items: center;width: 527px;justify-content: end;float: right;margin: 27px 65px 0 0;max-width: 100%;column-gap: 12px;} .social-media-link {width: 30px;} .btn-search {background: none;border: 0;padding: 0;margin-left: 11px;} .btn-search img {width: 24px;} .container{width: 1254px;max-width:100%;} .header-shape{width: 100%;position: absolute;pointer-events:none;} /* .section-title{font-weight: 700;font-size: 48px;line-height: 65px;text-transform: capitalize;color: #173250;margin: 0;} */ #social-media-links {display: flex;column-gap: 8px;} .shape-up{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;} .shape-down{position: absolute;top: 0;left: 0;right: 0;z-index: 1;} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;margin:0;position:relative} #nav li{margin:0;list-style:none} #nav li a, #nav li span{padding: 43px 10px 40px;display:inline-block;color: #1B1B1B;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%; /* 27px */text-transform: capitalize;text-decoration: none;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} /* reite style */ #reciteme-button {background: #006984;width: 80px;height: 80px;bottom: 50px;right: 30px;position: fixed;border-radius: 50%;border: 2px solid transparent;z-index: 100;cursor: pointer;transition: all 0.3s;} #reciteme-button:hover {transform: scale(1.1);border-color: #006984;} #reciteme-button img {width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #reciteme-button .recite-logo {width: 74px;height: 24px;transition: unset;top: -28px;left: 5px;transform: unset;} /*Quick Links*/ #qlinks {padding: 124px 0 57px;overflow: hidden;} #freeform.department #qlinks {padding: 41px 0 35px;background: #F3F8E8;margin-bottom: 70px;} #freeform.department .qlink-box{background: #fff;padding: 17px 12px 24px;} #freeform.department .qlink-box:hover{color: #242727;text-decoration: underline;background: #D0E4A6;margin-top: -16px;} #qlinks .tns-item:not(.tns-slide-active){opacity: 0;visibility: visible;pointer-events:none} #qlinks .tns-ovh {overflow: hidden;margin: -70px;padding: 70px;} .qlink-box img{width: 56px;transition: .3s all;} #freeform.department .qlink-box img{width: 90px;margin: 0 0 2px;transition: .3s all;} .qlink-box{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 100px 17px 42px;border-radius: 6px;background: #f2f2f2;text-decoration: none;color: #242727;text-align: center;font-size: 18px;font-style: normal;font-weight: 600; /* 29px */transition: .3s all;position: relative;line-height: 27px;height: 142px;} /* .qlink-box::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 60px);background:#F2F2F2;z-index: 0;border-radius: 8px;} */ .qlink-box:hover{color: #242727;text-decoration: none;background: #D5D9BD;} #qlinks .tns-controls{position:absolute;top:50%;left: -64px;right: -64px;} #news .tns-controls{position: absolute;top: auto;left: 12px;right: 12px;bottom: -113px;} .police #news.featured .tns-controls { position: absolute; top: auto; left: 13px; right: 19px; bottom: -108px; } #news .tns-controls button{margin:0;transition:all .3s;background: #fff;} #qlinks .tns-controls button{padding:0;border:0;color:#000;border-radius:50%;position:relative;z-index:10;line-height: 40px;width: 48px;margin: -5px 0;transform:translateY(-50%);font-size:20px;opacity:1;transition:all .3s} #qlinks .tns-controls button:hover{background:#D5D9BD;} .icon-wrap { background: #006984; stroke-width: 4px; border: 4px solid #A2D8E6; width: 124px; height: 124px; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; position: absolute; top: -62px; } .qlink-title { position: relative; z-index: 1; } /*Alert Section*/ #emr-alert{padding:120px 0;} #emr-alert .section-title{color:#006984;margin:0;} #emr-alert .container{display: flex;justify-content: space-between;align-items: center;} #emr-alert .container > div{display: flex;align-items: center;} #emr-alert img{width:100px;margin-right: 32px;} #emr-alert .button{padding:16px 36px 16px 24px;} #emr-alert .button img{width: 20px;margin:0;position: relative;top: -1px;left: 12px;} #events{position: relative;padding:120px 0;background:#371D4F;/*height: 100vh;*/} #events .section-title{margin-bottom:40px;} #events .container{position: relative;z-index:1;} .events-bg{width: 100%;height: 100%;position: absolute;top: 0;opacity: .12;} #tabs-button{display: flex;column-gap: 10px;margin-top: 0;margin-bottom: 0;} #tabs-button .tab {background: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 17px 23px 17px; /* 25.6px */color: #fff;text-align: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;width: 33.33333333333333%;border-width: 4px;border-color: #fff;border-style: solid;border-radius: 12px 12px 0 0;border-bottom: 0;} #tabs-button .tab:first-child{background: #006984;} #tabs-button .tab:nth-child(2){background: #9AA272;} #tabs-button .tab:last-child{background: #EA9A00;} #tabs-button .tab.active{background: #ffffff;color: #1B1B1B;} .tab-event:not(.active){display: none;} .tab-calendar{min-height: 180px;margin-bottom: 32px;background: #fff;color: #000;padding: 15px 8px 15px 10px;border-radius: 0 0 12px 12px;} .tab-calendar:not(.active){display: none;} .tab-event{color:#fff;display: flex;} /*Contact Section*/ #contact{padding:120px 0;} .contact-bg{width:100%;padding-bottom:50%;position: relative;border-radius: 8px;overflow: hidden;} .contact-bg::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient(90deg, rgba(34, 0, 78, 0.88) 0%, rgba(90, 101, 15, 0.64) 100%); } #contact .section-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0; width: 100%; text-align: center; z-index: 1; margin-left: 3px; } .contact-row{display: flex;background: #F2F2F2;align-items: center;border: 4px solid #f2f2f2;border-radius: 12px;margin-bottom: 12px;} .contact-row:last-child{margin-bottom: 0;} .cont-details { color: #1b1b1b; text-overflow: ellipsis; font-size: 18px; font-weight: 700; line-height: 27px; padding: 0 270px 0 24px; text-decoration: none; } .cont-details:hover{text-decoration:underline;color: #1b1b1b;} div.cont-details:hover{text-decoration:none;} div.cont-details {text-decoration:none;} .phone-link{color: #1b1b1b;text-decoration: none;} .phone-link:hover{color: #1b1b1b;text-decoration: underline;} .cont-icon { padding: 16px; background: #fff; min-width: 120px; min-height: 146px; display: flex; justify-content: center; align-items: center; border-radius: 12px 0 0 12px; } .cont-icon img{width: 48px;} /* Logo */ #logo{display:inline-block;max-width:100%;width: 251px;margin: 19px 0 0 65px;position: absolute;transition: all .5s;} #f-logo{display:inline-block;max-width:100%;width: 211px;margin: 0;transition: all .5s;position: relative;top: -7px;margin-bottom: 2px;} /* header.scrolled #logo {width: 130px;} */ /*Video*/ #wrapper_sliderVideo {z-index: 1 !important;} #homepage #slider .slider-caption-in {width: 100%;} #homepage #slider{height:calc(70vh - 110px);} /* scrollMenu */ #scrollMenu{position:fixed;right:0;top: 50%;transform:translateY(-50%);z-index: 20;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;gap:4px;padding: 12px 9px;position:relative;text-decoration:none;width: 180px;height: 55px;background: #51A1B5;transition:all 400ms;margin: 0 0 8px 0;overflow:hidden;border-radius: 8px 0 0 8px;} .scrollMenu-item::before{content: "";position: absolute;right:5px;top:50%;transform: translateY(-50%);width: 9px;height:0;background:url(../images/scrollmenu-shape.png) center no-repeat;background-size: cover;transition: all .5s;} .scrollMenu-icon{width:26px;position:relative;} .scrollMenu-item-title{position:relative;z-index:10;color: #fff;text-transform: capitalize;font-size: 14px;font-weight: 700;margin:0;transition:all 320ms;} .scrollMenu-item:hover, #scrollMenu li.active .scrollMenu-item{text-decoration:none;width:202px;background: #A2D8E6;outline: 4px solid #fff;} .scrollMenu-item:hover::before, #scrollMenu li.active .scrollMenu-item::before{height: 34px;} .scrollMenu-item:hover .scrollMenu-item-title, #scrollMenu li.active .scrollMenu-item-title{color: #0D1D51;} .scrollMenu-item:hover .scrollMenu-icon, #scrollMenu li.active .scrollMenu-icon{filter: brightness(0) saturate(100%) invert(14%) sepia(12%) saturate(5806%) hue-rotate(198deg) brightness(93%) contrast(106%);} /*News*/ #news{padding: 120px 0;position: relative;} #homepage.police .featured#news{padding-bottom: 204px;} #homepage.police .featured#news .section-title{margin-bottom:37px;} #news .section-title-wrapper {padding: 0 2px 0 4px;} #news::after{/* content: ""; *//* width: 100%; *//* height: 100%; *//* left: 0; *//* top: 0; *//* background: rgba(183, 53, 53,.9); */position: absolute;} #news .container{position: relative;z-index: 1;width: 1262px;max-width: 100%;} #news .button{top: -2px;right: -3px;} .news-bg{width: 100%;height: 100%;position: absolute;top: 0;} #news li{margin-bottom:0;} #homepage .news-box {text-align: center;text-decoration: none;padding: 0;position: relative;margin: 0 auto;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);position: relative;color: #fff;background: #A2D8E6;display: block;border-radius: 12px;border: 4px solid #fff;/* height: 156px; max-width: 240px;*/max-width: 290px;} #homepage .news-box:hover{text-decoration:none;color: #fff;background: #d5d9bd;} #homepage .news-box:hover .news-desc-wrap span img{width:6px;position: relative;left: 7px;} #homepage.police .news-box{display: flex;column-gap: 12px;/*! height: 156px; */min-height: 156px;max-width: 100%;} #homepage.police .featured li .news-box:first-child{margin-bottom:8px;} #homepage.police .news-img {min-width: 170px;height: auto;padding-bottom: 0;border-radius: 10px 0 0 10px;} #homepage.police .news-desc-wrap { min-height: auto; text-align: left; border-top: 0; padding: 16px 24px 16px 0; min-width: 205px; position: relative; left: 2px; } #homepage.police .news-desc-wrap p{ color: #1B1B1B; text-overflow: ellipsis; font-size: 18px; font-weight: 400; line-height: 27px; margin: 0; height: 80px; overflow: hidden; } #homepage .news-desc-wrap{padding: 22px 24px 76px 24px;min-height: 150px;text-align: left;border-top: 4px solid;} #homepage .news-title{margin: 0 0 16px;text-align: left;transition: .3s all;color: #1B1B1B; /* Body/L Bold */font-size: 18px;font-weight: 700; /* 27px */display: block;display: -webkit-box;max-width: 100%;line-height: 1;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 27px;min-height:81px;} #homepage.police .news-title{margin: 0 0 8px;min-height: auto;font-size: 16px;} .button-white{ position: relative; color: #fff; border-color: #fff; } .button img{width: 24px;position: relative;top: -4px;left: 5px;} #homepage .date{background: #E4E4E4;position: absolute;top: 0;font-weight: 900;font-size: 20.4938px;line-height: 20px;display: block;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 7px 33px 9px;margin-left: 15px;width: 124px;height: 124px;border-radius: 50%;right: -28px;top: -33px;} #homepage .date span{display: block;margin: -1px 0 0;color: #4B4545;text-align: center;font-size: 24px;font-style: normal;font-weight: 700;line-height: 135%; /* 32.4px */text-transform: uppercase;} #homepage .date-in {position: relative;top: 45px;left: -9px;color: #4B4545;font-family: 'Abhaya Libre', serif;font-size: 32px;font-style: normal;font-weight: 800; /* 48px */} #homepage .date-tag {text-align: left;margin: 0 0 14px;text-transform: capitalize;color: #003F4F; /* Body/Regular Bold */font-size: 16px;font-weight: 700; /* 24px */} #homepage .news-desc-wrap span {line-height: normal;text-align: left;transition: .3s all;padding: 12px;background: #fff;display: inline-block;border-radius: 4px;text-decoration: none;position: absolute;bottom: 35px;color: #0B0610; /* Body/S Bold */font-size: 14px;font-style: normal;font-weight: 700;line-height: 150%; /* 21px */} #homepage .news-box:hover .news-desc-wrap{background: #D5D9BD;} /* #homepage .news-box:hover{color: #D5D9BD;} */ #homepage .news-img{ padding-bottom: 48.5%; border-radius: 10px 10px 0 0; } .section-title { color: #FFF; font-family: 'Cipollini'; font-size: 64px; font-style: normal; font-weight: 700; line-height: 120%; text-transform: capitalize; margin-bottom: 36px; } #homepage #news .tns-outer{margin-bottom:36px;} #homepage.police #news .tns-outer{margin-bottom:0;} /*Footer*/ #footer-top .container{display: flex;column-gap: 56px;} .f-box {width: 20%;} .f-links{text-decoration: none;display: block;color: #1b1b1b;font-size: 14px;font-weight: 400; /* 21px */margin: 0 0 10px;} .f-links:hover{color: #606B26;font-weight: 700;text-decoration: none;} .f-head {color: #006984;font-size: 16px;font-weight: 700;margin: 0 0 14px;} #footer-bottom .container{display: flex;justify-content: center;column-gap: 48px;} #footer-main {background: #F2F2F2;} #footer-top { padding: 51px 0 38px; } .copyright { line-height: 25px; margin-bottom: 18px; display: block; } a#revize-link { font-weight: 700; color: #1b1b1b; text-decoration: none; } a#revize-login { color: #1b1b1b; text-decoration: none; float: left; padding-right: 10px; border-right: 1px solid; margin-right: 10px; } a.f-bottom-box { color: #1b1b1b; font-size: 14px; font-weight: 700; text-decoration: none; } .f-bottom-box img{width: 32px;margin-right: 8px;} #footer-bottom { padding: 0 0 50px; } /* Translate */ .goog-te-banner-frame{display:none} #translation-links{padding:0;margin:0} #translation-links button{padding:0;border:0;background:none;font-size: 16px;font-weight: 700; /* 24px */text-transform: uppercase;position: relative;top: 2px;margin-left: 14px;} #translation-links button img{width:24px;position: relative;top: -2px;left: -4px;} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:25px;margin: 40px 0 0 0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:scroll;background:#fff;display:none} #translation-links ul li{margin-bottom:10px} #translation-links ul li a{color:#000;text-decoration:none;} div.skiptranslate{display:none !important} /*Twitter*/ .share-btns a img {width: 55px;display: block;margin: 55px auto;} @media only screen and (max-width:767px) { .share-btns a img {width: 20px;margin: 15px auto;} } article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;} .business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;} /* Search */ #search form{position:relative;margin:0} #search input{border:0;height:45px;color:#222;padding-left:20px;padding-right:65px} #search input::-webkit-input-placeholder{color:#222} #search input:-moz-placeholder{color:#222} #search input::-moz-placeholder{color:#222} #search input:-ms-input-placeholder{color:#222} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position:absolute;right:0;top:0;border:0;background:#222;padding:0 15px;line-height:45px;color:#fff;text-transform:uppercase} #button-search1 {background: transparent;border: 0;width: 56px;padding: 0;} #search button{position:absolute;right: 20px;top: 13px;border:0;background: transparent;padding: 0;color:#fff;width: 32px;text-transform:uppercase} .popular-search {color: #fff;font-size: 14px;} .popular-search a {color: #fff;font-size: 14px;font-weight: 700;} #search input{border:0;height: 72px;padding-left: 18px;padding-right:65px;border-radius: 8px;color: #666; /* Caption/Normal */font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 21px */} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #button-search {color: #AAD1E8;font-size: 14px;font-style: normal;font-weight: 700;line-height: 150%;background: transparent;border: 0;margin-left: 4px;} #button-search img {width:18px;position: relative;left: 3px;top: -1px;margin-left: -4px;} .search-wrapper {display: flex;column-gap: 8px;position: relative;top: -2px;} #search {width: 600px;max-width:100%;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10);margin-bottom: 11px;} /* Curated search */ /* #slider.results-open #slider-caption{top:35%} */ #search-results{position:fixed;left: 50%;right:0;width:80%;background:#fff;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0;border-radius:0 0 12px 12px;z-index: 999;margin-top: 35px;transform: translateX(-50%);} #search-results .tab-content{background:#fff;overflow:auto;border-radius:0 0 12px 12px;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:#0D1D51;font-weight:600;text-align:left;margin:0 0 10px} .g-search-wrap iframe{height:400px;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:0 30px} .curated-item h3{margin:0;font-size:22px;color:#0D1D51;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:#0D1D51;line-height:1.3} .curated-tags span{border-radius:3px;display:inline-block;background:#0D1D51;color:#fff;font-weight:700;font-size:11px;line-height:1;padding:4px 8px 5px;margin-right:4px;margin-bottom:4px} .curated-item div.pull-right{text-align:right;width:25%} .curated-item div.pull-right .search-icon{color:#0D1D51;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:#0D1D51} li#close-curated{display:inline-block;position:absolute;right:0;top:-60px;float:none!important;background:none;width:auto!important;color:#000;font-size:35px;border:0!important} .search-nav li{display:table-cell;float:none;width:100%;background:#A2D8E6;color:#0D1D51;font-weight:700;text-align:center;padding:14px 0;border-right:2px solid #fff;cursor:pointer;position:relative;pointer-events:fill} .search-nav li:last-of-type{border:none} .search-nav li.active{background:#51A1B5;color:#fff} .curated-tags{clear:both} #close-curated .fa-close{color: #0D1D51;} #freeform #search-results{top:30%;left:15px;right:76px;width:80%;max-width:1200px;margin-left:auto} /* ----------------------------------------- #inner -----------------------------------------*/ #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font-size:18px} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size:16px;padding:10px 15px} #freeform #slider-caption h1{margin:0;font-size: 72px;line-height: normal;} #freeform.newsdetails-page #slider-caption h1{margin: 0;font-size: 34px;line-height: normal;font-family: "Arial";} .library #slider-caption h1,.police #slider-caption h1{margin:0;font-size: 72px;line-height: normal;margin-top:35px;} #freeform .slider-caption-in {width: auto;} #freeform #slider,.library #slider,.police #slider {padding-bottom: 23.5%;height: auto;} #breadcrumbs {margin: 0 0 50px;text-transform: capitalize;color: #51A1B5;font-size: 16px;font-weight: 700;line-height: normal; /* 29px */position: relative;top: 46px;} #breadcrumbs a{text-decoration:none;color: #9AA272;text-transform: capitalize;font-weight: 700;} #breadcrumbs a:hover{text-decoration:underline;} #breadcrumbs a:after {content: '\f0da';font-family: 'FontAwesome';margin: 0px 15px 0 19px;color: #51A1B5;font-size: 12px;position: relative;top: -2px;left: 1px;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} .col-xs-12{width:100%} #flyout{padding:0;margin: 0;font-family: 'Inter', sans-serif;} #flyout li{position:relative;margin: 0;list-style:none;padding: 0;} #flyout li:hover{background-color: rgba(0,0,0,.25);color:#fff;} #flyout a:hover,#flyout li:hover, #flyout span:hover{color:#fff;} #flyout li:last-child>a, #flyout li:last-child>span{border:0} #flyout a, #flyout span{display:block;text-decoration:none;font-size: 14px;color: #1b1b1b;line-height: normal;padding: 10px 22px 10px;margin: 0;} #flyout ul{padding:0;margin:0;display:none} #flyout ul li{margin:0;padding:0} #flyout ul a, #flyout ul span{font-size:14px;padding: 8px 15px;color:#fff;border-color:rgba(0,0,0,.15);margin:0} #flyout-wrap{padding: 32px 0 24px;max-width: 100%;border-radius: 4px;background: #F2F2F2;margin-bottom: 12px;} #flyout-header {padding: 0 22px;color: #1b1b1b;margin: 0 0 8px;font-size: 20px;font-style: normal;font-weight: 700;line-height: 135%;text-transform: capitalize;} #freeform #entry p { margin-bottom: 32px; color: #1b1b1b; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; } #freeform #entry #post p a{color: #073826;text-decoration: underline;} #freeform #page-title{margin: 0 0 35px;color: #1b1b1b;font-size: 48px;font-style: normal;font-weight: 700; /* 64.8px */text-transform: capitalize;} #freeform #entry #post ul{margin: -2px 0 36px 48px;padding: 0;position: relative;top: 4px;font-size: 16px;line-height: 26px;} #freeform #entry ul li{margin-bottom: 3px;} #freeform blockquote{margin: 0 0 33px;padding: 44px 169px 44px 44px;position: relative;color: #1b1b1b;width: 100%; /* XL Shadow */border-radius: 6px;border: 4px solid #A2D8E6;background: #fff; /* Mid Shadow */ /* Paragraph/Pull Quote */font-size: 20px;font-weight: 700; /* 32.4px */line-height: 27px;text-transform: capitalize;} #freeform blockquote:before{content:"";position:absolute;left: -2px;top:0;width: 32px;height:100%;background: #FFCA08;z-index: -1;border-radius: 6px;} #freeform blockquote:after{top: 50%;content:"";position:absolute;background-image: url(../images/quote.png);width:78px;height:78px;background-size: 100%;transform: translateY(-50%);right: 44px;margin-top: -1px;} #freeform.fullwidth #entry {margin-left:0;} #freeform #main {position: relative;padding: 49px 0 48px;} #entry p:last-of-type{margin-bottom:0 !important;} #freeform #main .container {width: 1254px;max-width: 100%;} #freeform #contact-dpt{background: #F2F2F2;padding: 33px 22px 28px;margin: 0 0 12px 0;border-radius: 4px;max-width: 100%; /* Shadow/M */} #freeform #contact-header{padding: 0;margin: 0 0 18px; /* h6/Bold */ /* 24.3px */color: #1B1B1B; /* Heading/H6 */font-size: 20px;font-style: normal;font-weight: 700;line-height: normal; /* 27px */text-transform: capitalize;} #freeform .contact-person{width:165px;height:165px;border-radius: 50%;margin: 0 0 14px;} #freeform .person-name{font-weight: 700;font-size: 16px;line-height: 26px;color: #1b1b1b;margin: 0 0 -1px;} #freeform .person-designation {margin: 0 0 31px; /* 21px */color: #808080; /* Body/S Normal */font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%; /* 21px */} #freeform .f-location{color: #1b1b1b;display: flex;align-items: center;font-size: 14px;line-height: 21px;padding: 0 49px 16px 0px;text-decoration: none;} #freeform .f-location img{width:24px;margin: 0 8px 0 0;} #freeform .f-phone{color: #1b1b1b;display: flex;align-items: center;font-size: 14px;line-height: 21px;padding: 0 30px 16px 0;text-decoration: none;} #freeform .f-phone img{width:24px;margin: 0 8px 0 0;} #freeform .f-email{color: #1b1b1b;display: flex;align-items: center;font-size: 13px;line-height: 21px;padding: 0 30px 4px 0;text-decoration: none;} #freeform .f-email img{width:24px;margin: 0 8px 0 0;} #freeform .f-email{word-break: break-all;} #contact-details {font-family: 'Inter', sans-serif;} div#resource-details {font-family: 'Inter', sans-serif;} #freeform #search{position: absolute;z-index: 1;right: 80px;top: 3px;display: none;} #homepage.library #search,#homepage.police #search{position: absolute;z-index: 1;right: 80px;top: 3px;display: none;} #homepage.library .featured .tns-controls{display: none;} /* DON'T modify the styling of images in the #post, only the span.subheader*/ .hours{color: #1b1b1b;display: flex;align-items: center;font-size: 14px;line-height: 21px;padding: 0 30px 15px 0;} #hours{background: #F2F2F2;padding: 33px 22px 13px;margin: 0 0 12px 0;border-radius: 4px;max-width: 100%;} #hours-header{font-size: 20px;padding: 0;font-weight:700;margin: 0 0 20px;color: #1b1b1b;} #hours ul{margin: 0;padding: 0;font-family: 'Inter', sans-serif;} #hours ul li{list-style: none;margin: 0 0 19px;} #hours ul strong{font-weight:700;text-transform:uppercase;display: inline-block;width: 90px;} #resource{padding: 34px 22px 32px;background: #F2F2F2;border-radius: 4px;} #resource-header{color:#1b1b1b;font-size: 20px;padding: 0;font-weight:700;margin: 0 0 17px;} .resource-box{background: #fff;padding: 15px;display: flex;width: 100%;column-gap: 10px;align-items: center;color: #1b1b1b;font-size: 14px;font-weight: 700;margin-bottom: 16px;border-radius: 6px;line-height: 21px;text-decoration: none;} .resource-box:hover{color:#1b1b1b;text-decoration:underline;} .resource-box img{width: 24px;} .resource-box:last-of-type{margin: 0;} .resource-box span a{color:#1b1b1b;text-decoration:none;} .resource-box span a:hover{color:#1b1b1b;text-decoration:underline;} /* DON'T modify the styling of images in the #post, only the span.subheader*/ /* ----------------------------------------- #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: auto;right: auto;border-radius:0;border:0;background: transparent !important;color:#fff!important;padding: 0;text-align:center;bottom: 60px;width: 60px;left: 20px;} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;max-height:80wv;/* padding-bottom:30%; */height: calc(100vh - 110px);} #slider::after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: linear-gradient(90deg, rgba(34, 0, 78, 0.88) 0%, rgba(90, 101, 15, 0.64) 100%);} /*#freeform #slider::after{display: none;}*/ #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} #slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51;transition:top .3s} #slider-caption h1{left:0;right:0;z-index:51;color: #fff;text-transform: capitalize;padding: 0;margin: 72px 0 35px;font-family: 'Cipollini';font-size: 96px;font-style: normal;font-weight: 700;line-height: 105.6px; /* 105.6px */} #slider-caption {position: absolute;left: 0;top: 45%;z-index: 2;/* padding: 0 238px; */width: 1262px;max-width: 100%;margin: 0 auto;} #slider-caption span{color: #FFF;text-shadow: 0px 3px 14px rgba(0, 0, 0, 0.05);font-size: 14px;} .slider-caption-in {width: 55%;} .tiny-slider-wrap > .tns-outer, .tiny-slider-wrap > .tns-outer > .tns-inner, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider, .tiny-slider-wrap > .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} .tns-controls button{padding:0;border:0;background: #F2F2F2;color:#000;border-radius:50%;position:relative;z-index:10;line-height:35px;width: 48px;margin:0 15px;transform:translateY(-50%);font-size:20px;opacity: 1;height: 48px;transition:all .3s} .tns-controls button:hover{background:#D5D9BD !important} .tns-controls button img{width:32px;} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} .button-info { position: fixed; right: 20px; bottom: 60px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #B73951; z-index: 999999; } .button-info img{width: 7px;} .button-close { position: fixed; right: 20px; bottom: 60px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #f2f2f2; z-index: 999999; } .button-close img{width:32px;} #slider .tns-controls {display: flex;justify-content: center;bottom: 30px;top: auto;z-index: 1;} #slider .tns-controls button{opacity: 0;} #slider:hover .tns-controls button{opacity: 1;} /*Library Page*/ .library #slider::after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: linear-gradient(90deg, #006984 0%, rgba(0, 105, 132, 0.16) 100%);} .library .icon-wrap {background: #371D4F;border: 4px solid #B9A6CC;} .library #qlinks {padding: 124px 0 16px;} #qlinks-2 {padding: 10px 0 56px;} #qlinks-2 .qlink-box{padding:24px 16px;height: auto;} #news.featured .container {width: 1270px;max-width: 100%;position: relative;left: 3px;} .library .slider-caption-in,.police .slider-caption-in {width: 100%;} #homepage.library .news-img {padding-bottom: 82.5%;} #homepage.library #news .tns-outer {margin-bottom: 18px;} .library #news .section-title {margin-bottom: 37px;} #homepage.library .news-desc-wrap {padding: 22px 25px 75px 24px;} #homepage.library #news .button {left: -3px;position: relative;} #homepage.library #news .tns-controls {top: auto;left: 13px;right: 19px;bottom: -95px;} #about{padding: 120px 0 119px;} #about .section-title {color: #006984;margin: 0 0 42px;} .police #about .section-title {margin: 0 0 41px;} #about p {font-size: 18px;line-height: 27px;margin: 0 0 40px;} .police #about p {margin: 0 0 27px;} .police #about p:last-of-type {margin: 0 0 40px;} .social-media-wrapper{display:flex;align-items: center;column-gap: 49px;} .social-media-wrapper > div {color: #1B1B1B;font-size: 18px;font-weight: 400;} .social-media-wrapper .f-bottom-box img {width: 40px;} .social-media-wrapper a.f-bottom-box {font-size: 18px;} .library .contact-bg::after {background: linear-gradient(90deg, #006984 0%, rgba(0, 105, 132, 0.16) 100%);} .library #emr-alert {padding: 120px 0 0;} .cont-lib{display: block;color: #1b1b1b;font-size: 18px;font-weight: 700;text-decoration: none;} .cont-lib:hover{color: #1b1b1b;text-decoration:underline;} .library .contact-row:last-child ul{padding: 0;margin: 0;/*display: flex;*/color: #1B1B1B;font-size: 16px;font-weight: 700; /* 27px */column-gap: 44px;padding-left: 19px;position: relative;top: -14px;} .library .contact-row:last-child ul li{list-style:none;line-height: 22px;margin: 0;} .library .cont-details {padding: 0 170px 0 20px;} .library .cont-details .cont-lib:first-child{padding-right: 50px;} .time-caption{position: absolute;left: 152px;bottom: 5px;font-size: 16px;} .library #qlinks .tns-controls {bottom: auto;top: 50%;column-gap: 30px;display: block;} /*Police*/ .pol-video-wrap{background: #f2f2f2;padding:16px;border-radius: 8px;} .pol-video-wrap iframe{border-radius: 8px;} .fb-wrap{background: #f2f2f2;padding:16px;border-radius: 8px;} .pol-contact-wrap { padding-left: 24px; font-size: 18px; line-height: 27px; } .pol-contact { display: block; color: #1b1b1b; text-decoration: none; } .pol-contact span{min-width: 170px;display: inline-block;} .pol-contact:hover {text-decoration: underline;color:#1b1b1b;} .police .cont-details {padding: 0 120px 0 24px;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1600px){ #scrollMenu{right:-135px;} } @media only screen and (min-width:992px) { #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} /* default nav styles */ #nav{display:flex;justify-content:space-evenly;width: 823px;margin: 0 auto;left: 46px;} #nav .focused .toggle{display:inline !important} #nav li:hover>ul{display:block !important} /* traditional */ #nav:not(.mega) li{position:relative} #nav:not(.mega) ul{position:absolute;left:0;top:100%;width:200px;display:none} #nav:not(.mega) ul ul{left:100%;top:0} #nav:not(.mega) .focused .toggle2{display:inline !important} #nav:not(.mega) ul a, #nav:not(.mega) ul span{border-bottom:1px solid rgba(0,0,0,.15)} #nav:not(.mega) li:last-child>a, #nav:not(.mega) li:last-child>span{border:0} /* mega */ #nav.mega>li{position: static;} #nav.mega>li>ul{position:absolute;left:0;right:0;top:100%;display:none;background: #ffffff;width: 1224px;transform: translateX(-50%);padding: 48px 9px 34px 48px;overflow:auto;margin: 0 auto 0 25px;left: 50%;border-radius: 0 0 8px 8px;} #nav.mega>li>ul>li{display:block;width:100%;break-inside:avoid;margin: 0 0 26px;} #nav.mega .focused .toggle2{display:none !important} #nav .toggle {/*display:inline!important;*/position:relative;left:4px;top: 1px;} #nav ul.second-level{margin-top: 14px;} #nav.mega ul ul a, #nav.mega ul ul span { font-weight: 400; color: #000; font-size: 16px; text-transform: none; margin-bottom: 6.9px; } #nav.mega>li>ul li a,#nav.mega>li>ul li span{font-size:16px;margin: 0;padding: 0;font-size: 14px;} #nav>li:hover>a:not(.fa), #nav>li:hover>span:not(.fa) {text-decoration:underline;} .search-wrapper{position: absolute;right: 0;width: 410px;} #nav>li>ul>.mega-scroll{-webkit-column-count:4;-moz-column-count:4;column-count:4;gap: 142px;max-width: 100%;margin: 0 auto;/*padding: 45px 30px;*/} #nav>li>ul>.mega-scroll>li{display:block;width:100%;break-inside:avoid;margin-bottom: 9px;margin: 0;} #nav .focused .toggle2{display:none !important} #nav>li>ul>.mega-scroll>li>a,#nav>li>ul>.mega-scroll>li>span{text-transform: capitalize;color: #003F4F;font-size: 20px;font-weight: 700;margin-bottom: 21px;} #nav>li>ul>.mega-scroll>li>a:hover,#nav>li>ul>.mega-scroll>li>span:hover{color: #606B26;} #nav li>ul>.mega-scroll>li ul a,#nav li>ul>.mega-scroll>li ul span{margin-bottom: 12px;color: #000;margin-bottom: 2px; /* Body/Regular Normal */font-weight: 400; /* 24px */} #nav li>ul>.mega-scroll>li ul a:hover{color: #606B26;font-weight: 700;margin-right: -40px;} #nav>li>a:not(.fa), #nav>li>span:not(.fa) {position: relative;overflow: hidden;height: 100%;display: flex;align-items: center;text-align: center;} /* #nav li>ul>.mega-scroll ul li:before {content: "";width: 6px;height: 2px;background: #ffffff;display: inline-block;position: relative;top: -5px;margin-right: 7px;} */ #nav>li>ul>.mega-scroll ul {margin-top: -12px;margin-bottom: 7px;} /* mega scroll */ #nav>li>ul::-webkit-scrollbar {width: 5px;} #nav>li>ul::-webkit-scrollbar-track {background: #f1f1f1; } #nav>li>ul::-webkit-scrollbar-thumb {background: #888; } #nav>li>ul::-webkit-scrollbar-thumb:hover {background: #555; } /* #nav li a, #nav li span {padding: 39px 0 40px;font-size: 18px;font-weight: 400;position: relative;color: #131b32;text-decoration: none;text-transform: uppercase;} */ #contact .col-lg-6:first-child{padding-right: 8px;} #contact .col-lg-6:last-child{padding-left: 8px;} #flyout ul {position: absolute;right: 100%;top: -2px;width: 200px;z-index: 200;background: #006984;overflow: hidden;} #flyout > li:hover > ul {display: block;border-radius: 6px;} #flyout li:hover a {color: #fff;} #freeform #main .col-lg-3{order: 2;padding-left: 10px;} #freeform #main .col-lg-9{padding-right: 14px;} #youtube-social .col-lg-8{padding-right: 19px;} #youtube-social .col-lg-4{padding-left: 0;padding-right: 12px;position: relative;left: -3px;} } @media (min-width:1368px) and (max-width:1600px) { #logo { margin: 20px 0 0 0;} #nav {width: 700px;} .top-icons-wrpper {margin: 27px 0 0 0;} #slider-caption {padding: 0 100px;} .scrollMenu-item-title{font-size:0;} .tns-controls button {width: 40px !important;height:40px !important;} #qlinks .tns-controls button { margin: 0 15px;} } @media (min-width:992px) and (max-width:1367px) { #logo {width: 150px;margin: 20px 0 0 0;} #nav {width: 500px;left: -20px;} #nav li a, #nav li span {font-size: 13px;} #slider-caption {padding: 0 78px;} .slider-caption-in {width: 100%;} #slider-caption h1 {padding: 0;margin: 0 0 20px;font-size: 70px;line-height: 1;} #slider .tns-controls {display: flex;justify-content: center;top: auto;bottom: 50px;} .scrollMenu-item-title{font-size: 0;} .social-media-link {width: 24px;} .top-icons-wrpper {margin: 27px 0 0 0;} #social-media-links {column-gap: 4px;} #translation-links button{margin-left: 0;} #nav > li > ul > .mega-scroll > li > a, #nav > li > ul > .mega-scroll > li > span {font-size: 14px;} #nav.mega > li > ul li a, #nav.mega > li > ul li span {font-size: 13px;} #nav.mega > li > ul {width: 934px;padding: 20px;margin: 0 auto 0 60px;} #qlinks .tns-controls { display: flex; justify-content: center; top: auto; bottom: 0; column-gap: 30px; } #qlinks {padding: 100px 0 90px;} .section-title {font-size: 54px;} .cont-details {padding: 0 24px;} #freeform #contact-dpt,#hours {padding: 15px;} #flyout-wrap {padding: 15px 0;} #flyout-header {padding: 0 15px;} #flyout a, #flyout span {padding: 10px 15px 10px;} #resource {padding: 15px;} #freeform .f-location {padding: 0 0 16px 0px;} } @media only screen and (max-width:1300px) { #freeform #search-results{margin-left:0} } @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:15px;z-index: 1;} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px} #nav li{position:relative} #nav ul, #flyout ul{display:none;background:rgba(0,0,0,.15)} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0;background: rgba(0,0,0,.15);} #flyout-toggle{padding:0;padding:15px} #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)} #nav li a, #nav li span, #flyout li a, #flyout li span{padding:15px;line-height:1;font-size:14px;display: block;border-bottom: 1px solid rgba(0,0,0,.15);} #nav li:last-child a, #nav li:last-child span{border: 0;} #logo{width: 150px;margin: 10px 0;position: static;} /* #header-main{position:relative;top: 0;left: 0;transform: none;width: 100%;} */ #nav{display: none;} #search{position: absolute;margin-bottom: 10px;display: none;top: -180px;left: 50%;width: calc(100% - 30px);transform: translate(-50%);} #button-search1{display:none;} .top-icons-wrpper {margin: 10px 0;justify-content: space-between;border-top: 1px solid rgba(0,0,0,.15);padding: 10px 0 0;width: 100%;} #slider-caption {padding: 0 30px;width: 100%;} .slider-caption-in {width: 100%;text-align: center;} #slider-caption h1, #freeform #slider-caption h1, .library #slider-caption h1,.police #slider-caption h1 {padding: 0;margin: 0;font-size: 54px;line-height: 1;margin-bottom: 30px;} #scrollMenu{display: none;} #slider .tns-controls { position: absolute; top: auto; left: 0; right: 0; display: flex; justify-content: center; bottom: 0; } #search input {height: 50px;} #search button {right: 10px;top: 3px;} #translation-links ul {margin: 0;} #header-main{position: relative;} #qlinks .tns-controls {left: 0;right: 0;display: flex;justify-content: center;bottom: 0;top: auto;column-gap: 30px;} #news {padding: 50px 0;} .section-title {font-size: 44px;line-height: 1;} #emr-alert {padding: 50px 0;} #emr-alert img {width: 60px;margin-right: 16px;} #emr-alert .section-title{font-size: 30px;} #emr-alert .container {flex-direction: column;} .cont-details {padding: 0 24px;} .contact-bg {margin-bottom: 30px;} #events {padding: 50px 0;height: auto;} #contact {padding: 50px 0;} .floating-share-btn{width:44px;} #qlinks {padding: 100px 0 100px;} #slider {padding-bottom: 60%; height: auto;} #footer-top .container {column-gap: 20px;} .f-links {margin: 0 0 15px;line-height: 1.2;} #cont-toggle{padding: 15px;color: #1b1b1b;font-weight: 600;} #hrs-toggle {padding: 15px;color: #1b1b1b;font-weight: 600;} #hours {width: 100%;padding: 0;margin: 0 0 25px;} #freeform #hours-header {padding: 15px;border-top: 1px solid rgba(0,0,0,.15);margin: 0;} #hours ul {padding: 0 15px 15px 15px;display: none;} #contact-details{display:none;padding: 0 15px 20px;} #freeform #contact-dpt {width: 100%;padding: 0;margin: 0 0 25px;} #freeform #contact-header {padding: 15px;border-top: 1px solid rgba(0,0,0,.15);margin: 0;} #freeform #flyout-wrap {width: 100%;padding: 0;margin: 0 0 25px;} #flyout{display:none;} #freeform #main {padding: 50px 0;} #freeform #page-title {margin: 0 0 15px;font-weight: 700;font-size: 30px;line-height: 40px;} #freeform #entry ul {margin: 0 10px 30px;} #freeform blockquote {margin: 0 0 25px;padding: 25px 50px 25px 20px;font-size: 18px;line-height: 28px;width: 100%;} #freeform blockquote::after {width: 58px;height: 58px;right: 10px;} /* .tns-controls button {opacity: 1;} */ #freeform #slider,.library #slider{padding-bottom: 43.48%;} #resource {padding: 0;margin: 0 0 25px;} #resource-toggle {padding: 15px;font-weight: 600;} #resource-header {margin: 0;padding: 15px;border-top: 1px solid rgba(0,0,0,.15);} #resource-details {padding: 0 15px 15px;display: none;} #homepage #search{margin-top: 3px;} .pol-video-wrap{margin-bottom:30px;} .police .cont-details{padding: 0 24px;} .pol-contact span {display: inline;} #search-results{top:0;width:calc(100% - 30px);left:15px} #freeform #search-results{width:calc(100% - 30px);top:27%} #homepage #main{overflow: hidden;} .button-info{bottom: 140px} .button-close {bottom: 140px;} .floating-alert {bottom: 155px;} } /* All Mobile Sizes (devices and browser) */ @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} #footer-top .container {display: block;} .f-box {width: 100%;text-align: center;margin: 30px 0;} .copyright {margin-bottom: 0;} .social-media-wrapper {flex-direction: column;} .social-media-wrapper a.f-bottom-box {margin: 15px 0;} .library .contact-row:last-child ul {font-size: 16px;column-gap: 15px;top: -17px;} .time-caption {left: 158px;} #freeform #entry .rz-business-block .category-list {top: 106% !important;left: 0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) { #slider,#freeform #slider,.library #slider,.police #slider {padding-bottom: 75%; height: auto;} #homepage .news-box{height: auto;flex-direction: column;} #homepage.police .news-img {height: 170px;} #homepage.police .news-desc-wrap{padding:15px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #search {top: -130px;margin: 0;} #slider,#freeform #slider,.library #slider,.police #slider {padding-bottom: 90%; height: auto;} .contact-row{display: block;text-align: center;} .library .contact-row:last-child ul {display: block;position: static;padding: 15px;} .time-caption {position: static;padding: 0 15px 15px;} .library .cont-details {padding: 15px;text-align: center;} .library .contact-row:last-child ul li {line-height: 20px;margin-bottom: 15px;} .library .cont-details .cont-lib:first-child {padding-right: 0;} a.f-bottom-box{display: block;text-align: center;} #footer-bottom .container {flex-direction: column;} .police .cont-details {padding: 15px;} .pol-contact span {min-width: 100%;} .pol-contact-wrap{padding:20px;} .pol-contact {margin: 0 0 20px;} .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} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }