/*----------------------------------------------------------------------------------- Theme Name: Chaffee County, CO Front-end developer: Abir Hossain Author Design: Alex Parent Author URI: http://www.revize.com/ Date: 02/11/2024 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Lato&family=Oswald:wght@700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ /* html{scroll-behavior: smooth;} */ body{background: #ffffff;font-size:16px;line-height:2;font-family: 'Poppins', sans-serif;color:#000000;-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{font-size: 20px;color: #000;margin-bottom: 26px;font-weight: 700;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} /* ----------------------------------------- #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 input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 12px 25px;border-radius: 10px;background: #1B4C84;color:#fff;border:0;display:inline-block;font-size: 14px;font-weight: 700;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family: 'Poppins', sans-serif;transition:all .3s;text-transform: uppercase;} 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: #185294;color:#fff} 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: #185294;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:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .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} /* ----------------------------------------- #rz edit -----------------------------------------*/ button#showAllStaffs {position: absolute;margin-left: 130px;padding: 10px 20px!important;border-radius: 5px!important;} .sliderBtn { position: absolute; top: 140px;left: 0;right: 0;text-align: center;} .sliderBtn {position: absolute;margin-top: -20px;} section#rz-business-categories {margin-top: 10px;} tr#rz-rpfbids-row, body .cat h3{background: #00264f;} #doc-search-form .rz-doc-search-submit {color: #ffffff;padding: 4px 25px!important;border-radius: 3px!important;border: 0!important;} .faq-header ~ .faq-editbtns {margin-top: -37px;} .faq-editbtns { margin-top: 6px;} table.rpfbids td {text-align: start;} 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;} #doc-search-form .rz-doc-search-submit {color: #ffffff;} form#rz-business-directory-search{margin:0 15px 0 0} /* ----------------------------------------- #main -----------------------------------------*/ #main{background: url(../images/print-bg.png);background-size: cover;background-repeat: repeat-y;} #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} .container{width: 1318px;max-width: 100%;} h2.title {font-family: 'Oswald', sans-serif;color: #00264F;font-size: 50px;line-height: normal;margin-bottom: 31px;} a#scrollTop {border-radius: 10px;background: #1B4C84;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;position: fixed;bottom: 100px;right: 20px;z-index: 999999999999;} a#scrollTop img {width: 20px;} /* header */ header#header{position: fixed;top: 0;width: 100%;z-index: 99999;} header#header .container{width: 1658px;} #header-top {background: #0C359C;padding: 5px 0;color: #ffffff;} .tools-wrap {display: flex;align-items: center;padding-top: 2px;} #alert {background: #FAB639;padding: 10px 10px 8px;} .alert-wrap{display: flex;justify-content: center;max-width: 1658px;width: 100%;margin: 0 auto;} button#alertClose {background: transparent;border: none;min-width: 18px;width: 18px;padding: 0;margin-left: 35px;margin-top: -3px;} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding: 0 9px 0 0;margin:0;position:relative} #nav li{margin:0;list-style:none} #nav li a, #nav li span{padding: 15px 26.38px 13px;display:inline-block;text-decoration: none;color: #ffffff;font-weight: 700;text-transform: uppercase;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} #nav>li>a img, #nav>li>span img {width: 20px;margin: -2px 10px 0 0;} /* Translate */ div.skiptranslate{display:none !important} .goog-te-banner-frame{display:none} #translation-links{padding:0;margin: 0;} #translation-links button{border: none;background: transparent;padding: 10px 10px;color: #FAB639;position: relative;text-transform: uppercase;} #translation-links button .fa {margin-left: 5px;} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:25px;margin:0;position:absolute;top: 100%;width:250px;height: 340px;overflow:scroll;background: #ffffff;display: none;border-radius: 0 0 6px 6px;border-top-right-radius: 0;box-shadow: 0 0 10px #00000030;margin-top: 19px;} #translation-links ul li{margin-bottom:10px} #translation-links ul li a {border-bottom: 1px solid #ccc;display: block;color: #215fa4;text-decoration: none;} #translation-links button img {width: 34px;margin: -2px 6px 0 0;} #translation {margin-right: 21px;} /* Social */ .header-social a {display: block;width: 27px;margin-right: 5px;} .header-social {display: flex;justify-content: end;} .header-social a:last-child {margin-right: 0;} /* Logo */ .logo-wrap {display: flex;align-items: center;} #logo{display: block;width: 100px;} /* Search */ #search form{position:relative;margin:0;background: #fff;height: 45px;} #search input{border:0;height: 100%;color:#222;padding-left:20px;padding-right:65px;background: transparent;} #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 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: #1B4C84;padding:0 15px;height: 100%;color:#fff;text-transform:uppercase} #search button img{width: 20px;} /* hero */ #homepage #slider:before {content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 175px;background: linear-gradient(180deg, rgba(27, 76, 132, 0.00) 0%, #1B4C84 95.99%);z-index: 1;} #slider-caption {position: relative;z-index: 1;height: 100%;padding: 150px 55px 100px;display: flex;align-items: center;justify-content: center;} #slider-caption h1{text-shadow: 0 0 15px #000000c2;font-family: 'Oswald', sans-serif;color: #ffffff;font-size: 50px;font-weight: 700;line-height: normal;text-align: center;margin-bottom: 0;} /* quick links */ #quick-links {background: #1B4C84;padding: 33px 0 14px;overflow: hidden;} #quick-links .tns-controls button {background: transparent;} #quick-links .tns-controls {left: -24px;right: -24px;} a.qlink {text-align: center;display: block;text-decoration: none;color: #ffffff;font-weight: 700;line-height: 1.5;text-transform: uppercase;padding: 15px 0;} .qlink-icon {border-radius: 10px;border: 3px solid #FFF;background: #FAB639;width: 92px;height: 92px;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;position: relative;top: 0;transition: all 0.3s;} a.qlink:hover .qlink-icon {top: -10px;background: #00264F;} a.qlink:hover .qlink-icon img{filter: invert(63%) sepia(75%) saturate(441%) hue-rotate(352deg) brightness(115%) contrast(96%);} .qlink-icon img {width: 45px;} /* welcome */ #welcome {padding: 100px 0;} .welcome-wrap {display: flex;} .welcome-content {width: 50%;} .welcome-desc p {margin-bottom: 24px;} .welcome-images {width: 50%;padding-left: 44px;} .welcome-image {height: 110px;border-radius: 10px;margin-bottom: 9px;} .welcome-desc {line-height: 1.5;margin-bottom: 30px;} .welcome-image:last-child {margin-bottom: 0;} /* news */ #news {margin-bottom: 100px;} #news {margin-bottom: 100px;} .news-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;} .news-top h2 {margin-bottom: 0;} #news .tns-ovh {padding: 15px;margin: -15px;} a.news-box {display: block;text-decoration: none;border-radius: 10px;overflow: hidden;filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.15));background: #ffffff;} .news-image {padding-bottom: 57.7%;} .news-date {color: #D63C32;font-weight: 700;font-size: 14px;margin-bottom: 17px;text-transform: uppercase;} .news-content h3 {font-size: 20px;font-weight: 700;color: #000000;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news-content {padding: 26px 30px 64px;position: relative;} .news-content span {color: #4C75A1;font-weight: 700;display: block;position: absolute;left: 0;right: 0;bottom: 0;padding: 17px 30px 15px;border-top: 1px solid #D6D6D6;transition: all 0.3s;} .news-content span img{width: 14px;margin: 0 0 0 6px;} a.news-box:hover .news-content span {background: #4C75A1;color: #ffffff;transition: all 0.3s;} a.news-box:hover .news-content span img {filter: invert(1)brightness(100);} /* banner */ #banner {position: relative;z-index: 0;padding: 100px 0;} #banner:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #00264F 0%, rgba(0, 38, 79, 0.00) 50%);z-index: -1;} #banner .container {width: 1506px;} #banner h2.title {margin-bottom: 0;color: #ffffff;} /* events */ #events {padding: 100px 0;} #events .container {width: 1148px;} .events-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;} .events-top h2 {margin-bottom: 0;} /* footer */ footer {background: #00264F;padding: 50px 0 0 0;} footer#footer .container {width: 1497px;} .footer-logo {display: block;width: 237px;margin: 0 auto 15px;} .social {display: flex;gap: 15px;} .social a {background: #ffffff;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;} .social a img {width: 20px;} .social a:hover{background: #FAB639;} .footer-top-in {display: flex;justify-content: space-between;gap: 100px;} .footer-divider h4 {font-size: 16px;font-weight: 700;text-transform: uppercase;color: #ffffff;margin-bottom: 18px;} .footer-top-in ul {list-style: none;padding: 0;margin: 0;} .footer-divider.contact-info ul li {display: flex;align-items: center;gap: 15px;} .footer-top-in ul li a {display: block;text-decoration: none;color: #ffffff;line-height: 1.5;} .footer-top-in ul li img {width: 20px;} .footer-top-in ul li span {background: #1B4C84;min-width: 40px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-bottom: 2px;} .footer-divider.contact-info ul li:not(:last-child) {margin-bottom: 14px;} .footer-divider.footer-links ul li:not(:last-child) { margin-bottom: 9.8px;} .footer-divider.enotify p {color: #ffffff;margin-bottom: 14px;} .footer-divider.enotify {max-width: 305px;line-height: 1.5;} .footer-divider.enotify .btn {padding: 12px 40px;font-size: 16px;} .footer-top-in .footer-divider:first-child {width: 262px;} .footer-top-in ul li a:hover { text-decoration: underline;} .footer-btm {background: #1B4C84;color: #ffffff;padding: 10px 30px;margin-top: 50px;} .footer-btm a {color: #ffffff;text-decoration: none;} .footer-top-in ul li a[href="mailTo:chaffeeadmin@chaffeecounty.com"] {word-break: break-all;} .footer-divider.footer-links {min-width: 200px;} .footer-divider.contact-info {min-width: 200px;} /* ----------------------------------------- #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: 16px;color: #ffffff;text-transform: capitalize;padding: 4px 30px;} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{padding: 8px 15px;line-height: normal;} #breadcrumbs{font-size: 16px;text-transform:capitalize;color: #525252;margin-bottom: 31px;} #breadcrumbs a{text-decoration:none;color: #1B4C84;font-weight: 700;} #breadcrumbs a:after {content: '\f105';font-family: 'FontAwesome';margin: 0 7px 0 13px;color: #1b4c84;font-size: 14px;position: relative;top: -1px;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} .col-xs-12{width:100%} #page-title {font-size: 40px;color: #000;font-weight: 700;text-transform: uppercase;border-bottom: 1px solid #D6D6D6;padding-bottom: 35px;margin-bottom: 31px;} /* ------------ */ #freeform #main{padding-bottom: 50px;} #inner-content {margin-top: -155px;position: relative;} body#freeform #main .container {width: 1359px;} #freeform #slider {height: 300px;} article#entry {background: #ffffff;margin-left: -30px;padding: 48px 51px;border-radius: 10px;} #post blockquote {font-size: 22px;font-weight: 700;border-radius: 6px;} aside.col-lg-3{z-index: 9999;max-width: 345px;min-width: 345px;padding-top: 109px;} ul#contact-details {list-style: none;padding: 13px 0 0;margin: 9px 0 0;color: #ffffff;border-top: 1px solid #5F81A9;} ul#contact-details li {display: flex;align-items: center;margin-bottom: 14px;} ul#contact-details li:last-child{margin-bottom: 0;} ul#contact-details li img {width: 16px;margin-right: 8px;} ul#contact-details li a { text-decoration: none; color: #ffffff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-word; font-size: 13px; } .contact-img {width: 100px;height: 100px;border-radius: 50%;margin: 0 auto 10px;} .contact-name {text-align: center;color: #ffffff;text-transform: capitalize;margin-bottom: 4px;} .contact-designation {text-align: center;font-style: italic;color: #ffffff;font-size: 14px;} #flyout-wrap,.contact-box,.hours {border-radius: 10px 0px 0px 10px;background: #1B4C84;padding: 33px 0;line-height: normal;} aside.col-lg-3 h2,h2#flyout-header {font-size: 20px;color: #FAB639;font-weight: 700;margin-bottom: 23px;} h2#flyout-header {padding: 0 30px;margin-bottom: 22px;} #flyout-wrap {padding-bottom: 26px;margin-bottom: 30px;} .contact-box {padding-left: 24px;padding-right: 24px;margin-bottom: 30px;} .hours{padding-left: 30px;padding-right: 30px;color: #ffffff;} .hours ul{list-style: none;padding: 0;margin: 0;} .hours ul li {margin-bottom: 13px;} .hours ul li:last-child {margin-bottom: 0;} #post ul {/* list-style: none; */} #post ul li {/* position: relative; */margin-bottom: 12px;/* display: flex; *//* align-items: self-start; */} #post ul li:before {/* content: ">"; */margin-right: 4px;} /* #post ul li::marker {content: ">";} */ #freeform.fullwidth article#entry { margin-left: 0;} .contact-box a.contact-link {/* text-align: center; */display: block; margin-top: 15px;color: #ffffff;/* font-style: italic; */font-size: 17px;margin-left: 28px;} /* 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: 9999;top: 50%;right:0;border-radius: 5px 0 0 5px;border:0;background: #1b4c84!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;font-size: 12px;line-height: normal;} .floating-share-btn span{display:block;text-transform:uppercase} .share-btns a img {width: 55px;display: block;margin: 55px auto;} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;height: 600px;overflow: hidden;transition: all 0.3s;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} .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: #1b4c84;color: #fff;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;margin:0 15px;transform:translateY(-50%);font-size:20px;opacity:0;transition:all .3s} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button[disabled] {background: #c2c2c2;} .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} #slider .tns-controls {left: -50px; right: -50px;transition: all 0.3s;} #slider:hover .tns-controls {left: 0;right: 0;} #slider .tns-controls button{opacity: 1;font-size: 16px;width: 35px;line-height: 35px;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1640px){ #logo {/* width: 170px; *//* margin-top: -28px; */} #nav>li>a, #nav>li>span {padding-left: 20px;padding-right: 20px;} #translation {margin-right: 13px;} } @media only screen and (max-width:1520px){ #logo {/* width: 170px; *//* margin-top: -28px; */} #nav>li>a, #nav>li>span {padding-left: 20px;padding-right: 20px;} #translation {margin-right: 13px;} #nav>li>a, #nav>li>span {font-size: 15px;} #translation-links button {font-size: 15px;} #translation-links button img {width: 30px;margin-right: 2px;} #searchToggle {font-size: 15px;} #nav>li>a img, #nav>li>span img {margin-right: 5px;} #searchToggle img {margin-right: 2px;} .footer-top-in {gap: 70px;} } @media only screen and (max-width:1440px){ .header-in {/* margin: 35px 0!important; *//* height: 80px!important; */} #logo {/* width: 140px; *//* margin-top: -20px; */} } @media only screen and (max-width:1420px){ #nav>li>a, #nav>li>span {font-size: 14px;} #translation-links button {font-size: 14px;} #searchToggle {font-size: 14px;} .footer-top-in {gap: 50px;} } @media only screen and (max-width:1360px){ #translation-links button span {display: none;} .header-in {/* margin: 28px 0!important; */} #logo {/* width: 134px; *//* margin-top: -18px; */} } @media only screen and (max-width:1300px){ .footer-divider.enotify {max-width: 260px;} } @media only screen and (max-width:1260px){ #logo {width: 120px;margin-top: -10px;} #nav>li>a img, #nav>li>span img{width: 18px;} .social a img {width: 16px;} .social a {width: 35px;height: 35px;} .social {gap: 12px;} .footer-logo {width: 180px;} .footer-top-in .footer-divider:first-child {width: 225px;} } @media only screen and (max-width:1240px){ #searchToggle span {display: none;} .footer-top-in ul li img {width: 16px;} .footer-top-in ul li span {min-width: 35px;width: 35px;height: 34px;} .footer-divider.contact-info ul li {gap: 12px;} .footer-top-in {gap: 30px;} .footer-top-in .footer-divider:first-child {margin-right: 15px;} } @media only screen and (max-width:1200px){ .footer-top-in ul li a,.footer-divider h4,.footer-divider.enotify {font-size: 14px;} .footer-divider.enotify {max-width: 220px;} .footer-divider.enotify .btn {padding: 12px 36px;font-size: 14px;} #nav>li>ul {max-width: inherit!important;left: -60px!important;right: -60px!important;} } @media only screen and (max-width:1180px){ #logo {width: 80px;margin-top: 6px;} .header-in {/* margin: 10px 0!important; */} } @media only screen and (max-width:1140px){ #nav>li>a, #nav>li>span {padding-left: 12px;padding-right: 12px;} .news-content h3 {font-size: 18px;margin-bottom: 25px;} } @media only screen and (max-width:1060px){ #nav>li>a, #nav>li>span {font-size: 12px;} } @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);position: absolute;right: 10px;top: 6px;} /* default nav styles */ #nav{display: flex!important;justify-content:space-evenly;height: 100%;} #nav .focused .toggle{display:inline !important} #nav li:hover>ul{display:block !important} /* mega */ #nav>li{position:static;display: flex;align-items: center;} #nav>li>ul{position:absolute;left:0;right:0;top:100%;display:none;max-height: 500px;overflow-y: auto;max-width: 910px;margin: 0 auto;} #nav>li>ul>.mega-scroll{-webkit-column-count:3;-moz-column-count:3;column-count:3;background:#fff;border-radius: 10px;padding: 33px 30px;gap: 58px;margin-top: 20px;position: relative;} #nav>li>ul>.mega-scroll>li{display:block;width:100%;break-inside:avoid;margin-bottom: 21px;} #nav .focused .toggle2{display:none !important} #nav>li>ul>.mega-scroll>li>a,#nav>li>ul>.mega-scroll>li>span{color: #1B4C84;} #nav li>ul>.mega-scroll>li ul a,#nav li>ul>.mega-scroll>li ul span{font-size: 16px;font-weight: 400;color: #000000;text-transform: capitalize;font-family: 'Lato', sans-serif;} #nav li>ul>.mega-scroll li:hover>a,#nav li>ul>.mega-scroll li:hover>span{text-decoration: underline;} #nav>li:hover>a,#nav>li:hover>span {opacity: 1;color: #FAB639;} #nav>li>ul>.mega-scroll>li ul {margin: 10px 0 0 15px;} #nav>li>ul>.mega-scroll>li ul li:not(:last-child) {margin-bottom: 7px;} #nav>li>ul>.mega-scroll:before,#nav>li>ul>.mega-scroll:after {content: "";position: absolute;top: 0;bottom: 0;width: 1px;height: 100%;background: #CAC6BC;} #nav>li>ul>.mega-scroll:before {left: 33%;} #nav>li>ul>.mega-scroll:after {right: 33%;} /* 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; } /* translation */ #translation-links ul {width: 800px;height: 470px;overflow: auto;border-radius: 10px;margin-top: 30px;right: 0;} #translation-links ul li {float: left;padding: 10px;margin-bottom: 0;} /* flyout */ #flyout>li:hover>ul {display: block;} #flyout ul {position: absolute;left: 100%;top: -1px;width: 220px;z-index: 10;background: #1b4c84;padding: 5px 0;} #flyout>li:not(:last-child) {margin-bottom: 5.2px;} /* header */ .header-in{background: rgba(0, 38, 79, 0.80);margin: 40px 0;height: 92px; background: rgba(0, 38, 79, 1); margin: 0px 0;} .header-in .container {display: flex;justify-content: space-between;height: 100%;position: relative;} #search form {position: absolute;top: 100%;right: 15px;margin-top: 10px;display: none;} #searchToggle img {width: 20px;margin: -3px 6px 0 0;} #searchToggle {color: #FAB639;text-transform: uppercase;cursor: pointer;margin: 0;} .topBtns {position: absolute;top: 0px;} } @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: 29px;} #nav-toggle,#info-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background: #1b4c84;color:#fff;margin-left:5px} #nav{margin: 0!important;display: none;padding: 20px 0;} #nav li{position:relative} #nav ul, #flyout ul{display:none;background: rgb(27 76 132 / 50%);} #nav ul ul {background: rgb(27 76 132 / 60%);} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0;background: rgba(0, 0, 0, .15);} #nav .toggle, #nav .toggle2{background: rgb(27 76 132 / 20%);padding: 16px;} #flyout-toggle{padding: 0 30px;color: #ffffff;} h2#flyout-header{margin: 8px 0 0;padding: 8px 30px 0;border-top: 1px solid rgb(255 255 255 / 15%);} #flyout{display: none;padding-top: 20px;} #nav li a, #nav li span, #flyout li a, #flyout li span{padding:15px;line-height:1;font-size: 14px;} #flyout li:not(:last-child){border-bottom: 1px solid rgb(255 255 255 / 15%);} #flyout a:not(.fa), #flyout span:not(.fa) {padding-left: 30px!important;padding-right: 30px!important;} /* header */ header#header{position: relative;background: #00264F;} #nav li:not(:last-child){border-bottom: 1px solid rgb(255 255 255 / 15%);} div#search {width: 100%;} #search form{width: 100%;} /* --------------- */ .floating-share-btn{top: unset;bottom: 0;} #slider{margin: 0!important;height: 330px;} .footer-top-in {display: block;} .footer-top-in .footer-divider:not(:last-child) {margin-bottom: 45px;} .footer-top-in .footer-divider {max-width: 100%;} .footer-btm {text-align: center;font-size: 14px;padding-left: 45px;padding-right: 45px;} a#scrollTop {width: 40px;height: 40px;right: 15px} a#scrollTop img {width: 14px;} .header-in {display: block;margin: 0!important;height: auto!important;position: relative;padding: 15px 0;} #searchToggle{display: none;} #logo{margin: 0;} .tools-wrap {padding: 25px 0 0;display: none;height: 70px;} #translation-links button img {width: 40px;} button#alertClose {min-width: 15px;width: 15px;} .alert-wrap {align-items: self-start;} .tns-controls button{opacity: 1;} #slider .tns-controls{left: 0;right: 0;} #slider .tns-controls button {font-size: 14px;width: 32px;height: 32px;line-height: 1;} h2.title {line-height: 1.2;} .tns-controls button {line-height: 32px;width: 32px;font-size: 18px;margin: 0 10px;} div#inner-content>.container>.row {flex-direction: column-reverse;} aside.col-lg-3 {max-width: inherit;margin-top: 30px;padding-top: 0;} article#entry {margin: 0;} #freeform #slider {height: 200px;display: none;} #flyout-wrap {padding-bottom: 30px;} #flyout-wrap, .contact-box, .hours{border-radius: 10px;font-size: 15px;} #inner-content {margin-top: 0;} #freeform #main {padding: 30px 0;} footer {padding: 80px 0 0;} button#showAllStaffs {position: relative;margin: 0;} #slider-caption{padding-top: 50px;padding-bottom: 50px;} #slider-caption h1{font-size: clamp(38px,10vw,50px);} } /* 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} .share-btns a img {width: 20px;margin: 15px auto;} #slider {height: 300px;} .welcome-wrap {display: block;} .welcome-content {width: 100%;} .welcome-images {width: 100%;margin: 50px 0 0;padding: 0;} h2.title {font-size: 45px;} .news-top {display: block;text-align: center;} .news-top h2.title {margin-bottom: 13px;} .events-top {display: block;text-align: center;} .events-top h2.title {margin-bottom: 13px;} .news-content {padding: 30px 25px 65px;} #freeform #slider {/* height: 240px; */} article#entry {padding: 45px 40px;} #post ul {padding-left: 20px;} } @media only screen and (max-width:540px){ #page-title {font-size: 35px;padding-bottom: 25px;margin-bottom: 28px;} #post ul {padding-left: 10px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { img[align="right"], img[style*="float: right"], img[style*="float:right"] {margin: 0 0 30px;float: unset!important;display: block;width: 100%;} h2.title {font-size: 40px;} .news-date {margin-bottom: 10px;} a#scrollTop {bottom: 130px;} #freeform #slider {/* height: 200px; */} article#entry{padding-left: 30px;padding-right: 30px;} } @media only screen and (max-width:414px){ a#scrollTop {bottom: 150px;} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }