/*----------------------------------------------------------------------------------- Theme Name: Maple Valley, WA Front-end developer: Raju Paul Author Design: Jacob Nagy Author URI: http://www.revize.com/ Date: 07/06/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;800&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;700&family=Poppins:wght@700;800&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:14px;line-height:1.6;font-family: 'Montserrat', 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: 30px;color: #323232;display: block;margin: 41px 0 40px;font-size: 36px;font-style: normal;font-weight: 800;line-height: normal;font-family: 'Montserrat', sans-serif;} 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: 13px 35px;border:0;display:inline-block;text-decoration:none;cursor:pointer;vertical-align:top;transition:all .3s;border-radius: 41px;background: #2C6E49;color: #FFF;text-align: center;font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;font-family: 'Open Sans', sans-serif;} 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: #1E5235;color:#fff;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:#1E5235;color:#fff;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: 'Montserrat', 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:999999;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: 'Montserrat', 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 document center -----------------------------------------*/ #document-center .rz-doc-search-reset{display:none} /* ----------------------------------------- #rz edit -----------------------------------------*/ #doc-search-form input.rz-doc-search-submit { border-radius: 0;} .faq-editbtns {margin-top: -5px;} .faq-header ~ .faq-editbtns {margin-top: -38px;} .faq-header{width:100%} #doc-search-form input.rz-doc-search-submit{position:absolute !important;padding: 8px 30px !important;} tr#rz-rpfbids-row, body .cat h3 {background: #236194} #map_zoom,.sm_location{display:none} .rzHeader{position:absolute;top:140px;left:0;right:0;z-index:9;margin:auto} a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"]{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:"Arial",serif!important;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#EEE!important;font-weight:700;text-transform:none;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush{position:absolute;margin-top:-30px} a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px} a>span.rzBtn.rzCenter{transform:translateX(-50%)} .rzAdmin{position:relative;z-index:199;display:inline-block;padding:0 18px;} .rzAdmin>img{position:relative;z-index:2;opacity:0;width:95px;height:36px;} .rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-1px;display:inline-block;font-family:"Arial",serif;padding:5px 13px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap;} a>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important} body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0} body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none} body:not(#rz-editform) a[href*="/revize_faq.php"]:after{content:"Help";z-index:1;cursor:pointer;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} #dataTable .header{display:table-cell} .alertbtn{position:fixed;bottom:20px;right:20px;z-index:1000} .rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px} .rzContainer>a{display:inline-block!important} .chooseBtn1{all: unset;position: relative;z-index: 199;display: inline-block!important;font-family: "Arial",serif!important;letter-spacing: 0px;padding: 5px 15px;background: #507DBC!important;font-weight: 700;text-transform: none;box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);font-size: 16px;line-height: 26px;white-space: nowrap;color: #eee !important;} .chooseBtn1>a>span{color: #eee !important;} .rzBtn{background:#5f7a5f!important} form#rz-business-directory-search{margin:0 15px 0 0} ul#calendar-filters {margin: 0 0 15px !important;padding: 0 !important;} ul#calendar-filters li {margin: 0 8px 8px 0 !important;} body .cat h3{background:#236194} #freeform #entry #post #rz-business-categories ul{margin:0;padding:0;} #doc-search-form input.rz-agenda-search-submit {border-radius: 4px !important;padding: 0 20px !important;} article#entry #post:before,article#entry #post:after {content: "";display: block;} article#entry #post:after {clear: both;} /* ----------------------------------------- #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{position: fixed;z-index: 99;width: 100%;background: #236194;box-shadow: 0px 5px 50px 0px rgba(175, 188, 209, 0.49);} header .container{width: 1530px;max-width: 100%;;} header .col-lg-3:last-child{display: flex;justify-content: end;align-items: center;} header.scrolled #logo {width: 155px;} .container{width:1386px;max-width: 100%;} .leaf{position: absolute;width: 179px;right: 42px;top: 87px;} /*Explore*/ #explore{padding: 80px 0;background: #F5EFE6;} .explore-box {width: 100%;height: 500px;left: 1px;border-radius: 2px;display: block;position: relative;overflow: hidden;} .explore-box::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(52, 52, 52, 0.7);} .explore-title{color: #FFF;text-align: center;text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.40);font-family: Montserrat;font-size: 36px;font-weight: 800;line-height: normal;position:absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);margin: 0;} .overlay{background: linear-gradient(180deg, #F6B334 0%, #ED7F1A 100%);width: 100%;height: 328px;position: absolute;top: 100%;z-index: 1;transition: .5s all;height: 0;} .overlay img{position: absolute;bottom: 100%;} .explore-box:hover .overlay{ top: auto;bottom: 0;height: calc(100% - 172px);} .section-title{color: #222;font-size: 64px;font-weight: 800;line-height: normal;text-transform: uppercase;margin: 0 0 40px;} /*News*/ #news{padding: 0 0 142px;background: #F5EFE6;} #freeform.department #news{padding: 91px 0 151px;background: #E8DDCE;} #homepage .card,#freeform.department .card {background: #236194;border-radius: 10px;overflow: hidden;} #homepage .news-head,#freeform.department .news-head{margin: 0 0 20px;color: #FFF;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;padding: 0 100px 0 34px;} #homepage .card .card-body,#freeform.department .card .card-body{padding: 0;} #homepage .read-more,#freeform.department .read-more{display: inline-block;font-weight: 700;font-size: 17px;line-height: 21px;color: #000;position: relative;border-radius: 41px;background: #F6B334;padding: 14px 40px 14px 35px;text-decoration: none;margin: 0 34px 29px;font-family: 'Open Sans', sans-serif;} #homepage .read-more img,#freeform.department .read-more img{width: 19px;position: relative;left: 5px;top: -3px;} #homepage #news-wrap:hover .read-more,#freeform.department #news-wrap:hover .read-more{color:#f48209; color: #000;} #homepage #news-wrap,#freeform.department #news-wrap{text-decoration:none;display: block;} #homepage .date,#freeform.department .date{display: block;margin: 0 0 30px;background: #254D6D;color: #FFF;font-size: 16px;font-style: normal;font-weight: 800;line-height: normal;padding: 14px 35px 15px;font-family: 'Karla', sans-serif;} #homepage .news-head-wrapper,#freeform.department .news-head-wrapper{margin: 0 0 47px;} #homepage #news .tns-item:not,#freeform.department #news .tns-item:not(.tns-slide-active){opacity:0;visibility:hidden;pointer-events:none} #homepage #news .tns-controls button:hover,#freeform.department #news .tns-controls button:hover{color:#f48209;} #homepage #news .tns-controls button i,#freeform.department #news .tns-controls button i{font-weight: 700;} .section-title-wrap {display: flex;justify-content: space-between;align-items: center;} #homepage #news .tns-controls,#freeform.department #news .tns-controls {top: auto;left: 50%;/* width: 181px; */display: flex;justify-content: space-evenly;transform: translateX(-50%);bottom: -77px;} #homepage #news .tns-controls button,#freeform.department #news .tns-controls button{margin: 0;} #homepage #news .tns-nav,#freeform.department #news .tns-nav {bottom: -58px;justify-content: center;display: flex;align-items: center;column-gap: 15px;width: 206px !important;margin: 0 auto;} #homepage #news .tns-nav button,#freeform.department #news .tns-nav button {background: #2C6E49;width: 21px;height: 21px;border: 0;border-radius: 50%;border: 3px solid transparent;} #homepage #news .tns-nav button.tns-nav-active,#freeform.department #news .tns-nav button.tns-nav-active{background: #ffffff;border: 3px solid #2C6E49;} #homepage #news .tns-ovh,#freeform.department #news .tns-ovh {overflow: hidden;} #homepage #news .tns-item:not(.tns-slide-active),#freeform.department #news .tns-item:not(.tns-slide-active){opacity:0;visibility:hidden;pointer-events:none} /*Events*/ #events{background: #fff;position: relative;} #events .container{width:1356px;max-width: 100%;} .btn-events{float:right;} .calendar-wrap {width: 600px;max-width: 100%;position: relative;color: #fff;z-index: 9;left: 3px;} .events-calendar{position: relative;padding: 80px 0;} .events-calendar::after{content: "";position: absolute;left: 0;top: 0;background: rgba(35, 97, 148, 0.8);width: 100%;height: 100%;} .events-calendar img{position: absolute;right: 0;top: 0;height: 100%;z-index: 1;} #events .section-head {text-transform: capitalize;} .events-items.equal {padding: 95px 0;} /*.events-items .btn{position: absolute;right: 11px;}*/ /*tabs*/ #events .cal-button{margin-top:11px;width:100%} .btn-calendar{width: 372px;text-align: center;max-width: 100%;text-transform: uppercase;font-size: 14px;font-weight: 700;position: relative;left: 35px;} #events .event-cal{padding-right: 7px;} #tabs-button {display: flex;column-gap: 2px;justify-content: space-between;} #tabs-button .tab{background: #4283AD;color:#fff;width: 49%;font-size: 18px;font-weight: 700;cursor: pointer;padding: 11px 0 10px;border-radius: 10px 10px 0 0;text-align: center;transition: .3s all;} #tabs-button .tab:hover{background: #236194;border-color: #236194;color: #fff;} #tabs-button .tab.active{background: #443A7D;position: relative;} #tabs-button .tab.active::after{content: "";background:url(../images/down-arrow.png);width:21px;height:9px;position: absolute;bottom: -9px;left: 50%;transform: translate(-50%);} .tab-calendar:not(.active){display: none;} .tab-event:not(.active){display: none;} .tab-event {background: #fff;color: #000;padding: 30px 0;} #tabs-button{display: flex;column-gap: 15px;} #tabs-button .tab {font-family: 'Open Sans', sans-serif;border-radius: 41px;background: #fff;display: flex;padding: 10px 28px 10px 31px;justify-content: center;align-items: center;color: #1B1B1B;font-size: 17px;font-weight: 700;line-height: 135%;cursor: pointer;border: 3px solid #E7770F;} #tabs-button .tab.active{background: #236194;color:#fff;border: 3px solid #236194;} .tab-event:not(.active){display: none;} /*Newsletter*/ #newsletter{background: #F5EFE6; padding: 20px 0;} .newsletter-inner{text-align: center;padding: 80px 140px;position: relative;} .newsletter-inner::after{content: "";position: absolute;left: 0;top: 0;background: rgba(80, 80, 80, 0.7);width: 100%;height: 100%;} .newletter-content{position: relative;z-index: 1;height: 100%;} .newletter-content .section-title{color: #fff;min-height: 150px;margin: 0 0 10px;} .newletter-content p{color: #FFF;text-align: center;font-size: 24px;font-weight: 400;line-height: normal;margin: 0 0 30px;} .newletter-content img{height: 80px;margin-bottom: 20px;} .newletter-content .btn{background: #F6B334;color: #000;/* position: absolute; *//* bottom: 0; *//* left: 50%; *//* transform: translate(-50%); */} .newletter-content .btn:hover{background:#EF8A1E} /*Quick Links*/ #qlinks {background: #F5EFE6;padding: 60px 0 81px;} #qlinks .tns-controls button {margin: 0 -49px;} #qlinks .container{width: 1414px;max-width: 100%;position: relative;left: 14px;} #qlinks li{margin: 0;} .qlink-icon {width: 80px;height: 80px;background: #443A7D;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 auto 25px;} #qlinks .tns-item:not(.tns-slide-active){opacity: 0;visibility: visible;pointer-events:none} #qlinks .tns-ovh {overflow: hidden;} #qlinks .tns-item:not(.tns-slide-active){opacity:0;visibility:hidden;pointer-events:none} .qlink-box img{height: 45px;transition: .3s all;display: block;margin: 0 auto 20px;} .qlink-box{text-decoration: none;padding: 45px;display: block;color: #000;text-align: center;font-family: 'Karla', sans-serif;font-size: 18px;font-weight: 400;line-height: normal;} .qlink-box:hover img{scale: 1.4;} .border-right{border-right-color: #7D7D7D !important;} /*Footer*/ footer{background:#236194;} .schedule-box ul{margin: 0;padding: 0;} .schedule-box ul li{color:#fff;display: flex;align-items: center;margin: 3px 0;} .schedule-box ul li span{font-weight: 400;font-size: 16px;} .schedule-box ul li span:first-child{width: 107px;} #footer-top{padding: 60px 0 58px;font-family: 'Karla', sans-serif;} #footer-top h4{color: #FFF;font-size: 24px;font-weight: 800;line-height: normal;font-family: 'Montserrat', sans-serif;text-transform: uppercase;margin: 0 0 22px;} .contact-box a{display: flex;color: #fff;column-gap: 19px;align-items: center;margin-bottom: 20px;font-size: 16px;line-height: normal;} .phone img{width: 18px;} .email img{width: 20px;} .location img{width: 14px;position: relative;left: 3px;} .f-link{color: #fff;display: block;font-size: 16px;margin-bottom: 13px;} .f-link:hover{color: #fff;} .copyright{color:#fff;display: block;font-size: 16px;} #footer-bottom {font-family: 'Karla', sans-serif;font-size: 16px;} #footer-bottom .container{border-top:1px solid #fff;padding-top: 12px;padding-bottom: 12px;width: 1356px;} #revize {color: #fff;} #revize-link {color: #fff;} #revize-login {color: #fff;} #email-login{color: #fff;} #employee-ess{color: #fff;} .dots {margin: 0 12px;} /*Department*/ .department #qlinks {background: #E8DDCE;padding: 16px 0;margin: 0 0 90px;} #freeform.department #main {padding: 0;} #freeform.department .qlink-box {text-decoration: none;padding: 30px 45px;} #freeform.department #qlinks .container {width: 1416px;position: static;} #freeform.department .container{width: 1410px;max-width: 100%;} #freeform.department #news .container{width: 1386px;max-width: 100%;} .name,.phone1,.fax,.address{padding: 12px 30px 12px;line-height: 24px;} #contact-info hr{width: calc(100% - 40px);margin: 0 auto;} #contact-info a, #contact-info span{display: block;color: #2D2D2D;text-decoration: none;} /* 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: 23px 10px 22px;display: inline-block;color: #fff;text-decoration: none;font-size: 16px;font-weight: 800;line-height: normal;transition: .3s all;position: relative;} #nav li a:not(.fa):after, #nav li span:not(.fa)::after{content: "";position: absolute;right: 0;top: 37px;width: 1px;height: 28px;background: #97B3CB;right: -20px;} .first-level a:after{display: none;} #nav li:last-child a:not(.fa):after, #nav li:last-child span:not(.fa)::after{display: none;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} #nav li a img, #nav li span img{height: 25px;display: block;margin: 0 auto;margin-bottom: 11px;} /* Logo */ #logo{display:inline-block;max-width:100%;width: 264px;margin: 0;position: absolute;transition: .3s all;} /* Translate */ .goog-te-banner-frame{display:none} #translation-links{padding:0;margin:0;} #translation-links button{background:none;border: 1px solid;padding: 14px 35px;border-radius: 40px;font-size: 18px;font-weight: 400;color: #fff;display: flex;column-gap: 15px;} #translation-links button img.arrow-down{width: 11px;position: relative;right: -12px;top: 0px;} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:25px;margin: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: #236194;} #translation-links button img{width:20px;} div.skiptranslate{display:none !important} /* Search */ #search form{position:relative;margin:0} #search input{border:0;height: 60px;padding-left: 18px;padding-right: 57px;border-radius: 60px;color: #585858;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;text-transform: capitalize;} #search input::-webkit-input-placeholder{color:#7f7f7f} #search input:-moz-placeholder{color:#7f7f7f} #search input::-moz-placeholder{color:#7f7f7f} #search input:-ms-input-placeholder{color:#7f7f7f} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position: absolute;right: 5px;top: 5px;border:0;padding: 0;line-height: 33px;color:#fff;border-radius: 60px;font-size: 18px;font-weight: 700;background: transparent;width: 50px;height: 50px;} .slider-box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 607px;max-width: 100%;margin: 29px 0;z-index: 1;} #search{margin-bottom: 30px;width: calc(100% - 6px);position: relative;left: 3px;} /*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;} #freeform #entry #post ul.file-group {margin: 0;padding: 0 20px;} /* ----------------------------------------- #inner -----------------------------------------*/ #flyout{padding:0;margin: 6px 0;font-family: 'Open Sans', sans-serif;} #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;color: #fff;padding:10px 15px} #breadcrumbs{text-transform:capitalize;font-weight: 400;font-size: 16px;line-height: 27px;color: #000000;margin: -2px 3px 42px;font-family: 'Karla', sans-serif;} #breadcrumbs a{font-weight: 700;text-decoration: none;color: #4283AD !important;} #breadcrumbs a:hover{text-decoration: underline;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} #breadcrumbs a:after { content: '\f105'; font-family: 'FontAwesome'; margin: 0 7px 0 12px; color: #000; position: relative; top: 0; font-size: 16px; text-decoration: none; } .col-xs-12{width:100%} #freeform #main{min-height: 700px;padding: 79px 0 83px;position: relative;background: #F5EFE6;} /* #freeform #main .container{width: 1328px;max-width: 100%;} */ /* #freeform #main .container .col-lg-9 {padding: 0 0 0 33px !important;} */ /* #freeform #main .container .col-lg-3{padding-right: 17px !important;} */ #freeform #slider {padding-bottom: 23.5%;} #freeform #search{margin-bottom: 0;} #freeform .slider-box {margin: 50px 0 0;} #flyout-wrap{background: #fff;border-radius: 10px;border: 1px solid #a1a1a1;margin-bottom: 40px;} #contact-info{background: #fff;border-radius: 10px;border: 1px solid #a1a1a1;font-size: 16px;font-family: 'Karla', sans-serif;} #contact-info strong{letter-spacing: -.4px;} #flyout-header {margin: 0;background: #236194;display: flex;align-items: center;color: #FFFFFF;padding: 20px 25px 20px;letter-spacing: 0px;border-radius: 10px 10px 0 0;font-size: 24px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;font-family: 'Montserrat', sans-serif;} #contact-header {margin: 0; background: #236194; display: flex; align-items: center; color: #FFFFFF; padding: 20px 25px 20px; letter-spacing: 0px; border-radius: 10px 10px 0 0; font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; font-family: 'Montserrat', sans-serif;} #contact-wrap hr{margin: 16px 0 14px;display: block;} #flyout li { position: relative; margin: 0 6px; list-style: none; padding: 0 20px 0 20px; border-radius: 6px; } #flyout ul li {padding: 0;} #flyout li:hover {background: #F6B334;} #flyout li:hover a{color: #fff;border-radius: 10px;} #flyout li:last-child a{border: 0;} #flyout a, #flyout span { text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.10); padding: 17px 3px 13px; margin: 0; font-weight: 400; font-size: 16px; line-height: 21px; display: flex; align-items: center; color: #2D2D2D; } #page-title { font-style: normal; font-weight: 800; font-size: 64px; line-height: 64px; color: #202020; margin: 0 0 46px; font-family: 'Montserrat', sans-serif; } #freeform #entry #post p { font-weight: 400; font-size: 16px; line-height: normal; color: #000000; margin-bottom: 17px; font-family: 'Karla', sans-serif; padding-right: 0; } #freeform.department #entry #post p:last-of-type {margin-bottom: 92px;} #freeform #entry #post ul{font-size: 16px;font-weight: 400;margin: 0 0 0 100px;padding: 0;display: block;position: relative;top: 3px;} #freeform #entry #post ul li{margin: 0;line-height: normal;} #freeform #entry #post p a{color: #236194;font-weight: 700;letter-spacing: -.35px;} #freeform #slider{padding-bottom: 23.3%;} #freeform #slider::after { content: ""; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; } #freeform blockquote {background: #fff;border-left: 4px solid #2C6E49;border-radius: 10px;margin: 44px 0 40px;padding: 45px 176px 45px 40px;color: #000;font-size: 22px;font-weight: 800;line-height: 150%;position: relative;font-family: 'Poppins', sans-serif;letter-spacing: -.1px;} #freeform blockquote:after {top: 50%;content: "";position: absolute;background-image: url(../images/quote.png);width: 50px;height: 35px;background-size: 100%;transform: translateY(-50%);right: 81px;margin: 2px 0 0 0;} /* 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:40%;right:0;border-radius:0;border:0;background:#F26A39!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;max-height:80wv;padding-bottom: 35.3%;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} #slider-caption{color: #FFF;text-align: center;font-size: 75px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;margin: 0;z-index: 1;position: relative;} #slider-caption span{color: #FFF;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 800;line-height: normal;display: block;text-align: right;position: relative;top: -9px;} .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;color:#000;border-radius:50%;position:relative;z-index:10;width: 29px;margin:0 15px;transform:translateY(-50%);font-size:20px;opacity: 1;transition:all .3s;line-height: 29px;background: transparent;} .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} /* ----------------------------------------- #media queries -----------------------------------------*/ @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)} #flyout .focused .toggle, #nav .focused .toggle2 {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;right: 17px;top: 15px;border: 0;} #flyout>li:hover>a, #flyout>li:hover>span{color:#fff} #flyout>li:hover>a, #flyout>li:hover>span{border-color:transparent} #flyout>li:hover>ul{display:block;} #flyout ul.first-level{position:absolute;left:100%;top:0;width:200px;z-index:200;background-color: #F6B334;border-radius: 10px;padding: 10px 0;} #flyout ul a:hover, #flyout ul span:hover{background:rgba(0,0,0,.15)} /* default nav styles */ #nav{display:flex;justify-content:space-evenly;width: 703px;max-width: 100%;margin: 0 auto;position: relative;/*left: -105px;*/left: 0;} #nav .focused .toggle{display:inline !important} #nav li:hover>ul{ display:block !important; /*visibility: visible !important; opacity: 1 !important;*/ margin-top: 0 !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{-webkit-column-count:3;-moz-column-count:3;column-count:3;position:absolute;left: 2px;right:0;top:100%;/*visibility: hidden;*/background: #F5EFE6;padding: 23px 30px 23px;width: 909px;column-gap: 60px;column-rule: solid;column-rule-color: #706B8C;column-rule-width: 1px;z-index: 999;/*visibility: hidden;opacity: 0;*/transition: .5s all;/*opacity: 0;*/margin-top: -10px;display: none;} #nav.mega>li>ul>li{display:block;width:100%;break-inside:avoid;margin-bottom: 12px;} #nav.mega .focused .toggle2{display:none !important} #nav.mega>li>ul a:hover{text-decoration: underline;} #nav.mega>li>ul li a:not(.second-level a), #nav.mega>li>ul li span:not(.second-level span) {font-style: normal;font-weight: 700;font-size: 20px;line-height: 36px;color: #000;margin: 0 0 6px;} #nav.mega>li>ul:before{content: "";width: 100%;height: 10px;position: absolute;top: -10px;left: 0;} #nav>li:hover>a:not(.fa), #nav>li:hover>span:not(.fa){color: #F6B334;} #nav.mega ul ul a, #nav.mega ul ul span {font-weight: 400;font-size: 16px;line-height: 27px;color: #000;margin: 0 16px 3px;} #nav.mega>li a img,#nav.mega>li span img {filter: invert(90%) sepia(70%) saturate(100%) hue-rotate(13deg) brightness(2000%) contrast(100%);} #nav.mega>li:hover a img,#nav.mega>li:hover span img {filter:none;} #explore .container {position: relative;left: -1px;} #explore .section-title {margin-left: 1px;} #explore .col-lg-4:first-child{padding-right: 16px;} #explore .col-lg-4:nth-child(2){padding-left: 16px; padding-right: 16px;} #explore .col-lg-4:last-child{padding-left: 17px;} #news a.button-right {position: relative;top: -21px;} #newsletter .col-lg-6:first-child{position: relative;left: 5px;} #newsletter .col-lg-6:last-child{position: relative;left: -5px;} .col-lg-3.contact-box {padding-right: 50px;} a.phone {column-gap: 12px;} a.email {column-gap: 10px;} .schedule-box {padding-left: 12px;} .col-lg-4.offset-lg-1.qlink-f {padding-left: 8px;} #footer-top .qlink-f h4{margin-bottom: 17px;} #freeform #main .col-lg-3{padding-right: 32px;} #freeform.department #main .col-lg-3 {padding-right: 37px;} #freeform #main .col-lg-9{padding-left: 19px;} #freeform #main .col-lg-9 {padding-left: 13px;} .address{padding-right: 90px;} #homepage .mini-calendar{margin-top: 0;} .tabs-header{display:flex;justify-content: space-between;margin-bottom: 23px;position: relative;left: -3px;} #events .col-xl-6:last-child{background: #fff;position: relative;left: 7px;padding-top: 95px;} } @media (min-width:1368px) and (max-width:1600px) { .newsletter-inner {padding: 50px;} #qlinks .tns-controls button {margin: 0;} #qlinks .container {position: static;} #logo {width: 225px;} } @media (min-width:992px) and (max-width:1367px) { #nav {display: flex;justify-content: space-between;width: 100%;margin: 0 0 0 15px;left: 0;} /* .btn-search {right: auto;} */ header{position: static;} /* .overlay {top: 0;height: 100%;} */ /* .tranlate-wrap{top: 0;margin: 0;padding: 10px;} */ #nav li a, #nav li span {font-size: 12px;} /* #caption-box {transform: translate(-50%,-50%);margin-left: 0;top: 50%;position: absolute;} */ #slider-caption { transform: none;top: 0;margin: 0;left: 0;} #qlinks {position: static;margin: 0 auto;transform: none;} .tns-controls button {margin: 0 15px !important;} #slider {padding-bottom: 50%;} #homepage #news .container {position: static;} #welcome .container {position: static;} .welcome-wrap {width: 100%;position: static;} .calendar-wrap {width: 87%;left: 40px;} .section-head {margin: 0;font-size: 40px;line-height: 50px;} .section-head span {font-size: 15px;} #nav.mega>li>ul{width: 100%;} #nav.mega>li>ul li a:not(.second-level a), #nav.mega>li>ul li span:not(.second-level span) {font-size: 12px;} #nav.mega ul ul a, #nav.mega ul ul span {font-size: 12px;margin: 0;} .f-logo {margin: 0 0 20px;} .copyright {position: static;} .Schedule-box {padding-left: 15px;} .contact-box {padding: 0 15px;} #freeform #main .container .col-lg-3 {padding-right: 15px !important;} #freeform #main .container .col-lg-9 {padding: 0 15px !important;} #freeform #main .container {position: static;} #logo {width: 150px;} .explore-box {height: 400px;left: 0;} .newsletter-inner {padding: 30px;} .newletter-content .section-title {font-size: 50px;} #qlinks .container {position: static;} #translation-links button{display: block;} #tabs-button {margin-right: 15px;} } @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,.25);} #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, 0.25);} header{position:static;} #logo {width:120px;position:static;} #nav li a img, #nav li span img {display: inline-block;margin-right: 10px;margin-bottom: 0;} header .col-lg-3:last-child{display: block;} #translation-links button{margin:10px 0;padding: 10px;display: block;} #translation-links ul{left: 0;z-index: 9;} #nav li a img, #nav li span img {height: 16px;} #search{display: none;margin: 0 auto 15px;width: 90%;position: relative;left: 0;z-index: 1;} #nav{display: none;} #slider-caption {font-size: 36px;} #slider-caption span {font-size: 20px;text-align: center;position: static;} #slider {padding-bottom: 65%;} .leaf {top: 0;} #explore {padding: 40px 0;} .section-title {font-size: 18px;margin: 0 0 20px;} #homepage .news-head,#freeform.department .news-head {font-size: 18px; padding: 0 15px;} #homepage .read-more,#freeform.department .read-more {margin: 0 15px 15px;} .section-title-wrap {margin-bottom: 20px;} #news {padding: 0 0 102px;} .events-calendar {padding: 40px 15px !important; margin: 0 !important;width: 100%;} .newletter-content p {font-size: 18px;margin: 0 0 20px;} .newsletter-inner {padding: 30px;margin: 15px 0;} #qlinks .tns-controls button {margin: 0;} #qlinks .container {position: static;} #qlinks {padding: 40px 0;} .qlink-box {padding: 0 45px;} #homepage #news .tns-controls button {display: none;} .contact-box {margin: 0 0 25px;} .contact-box,.schedule-box {margin: 0 0 25px;} #freeform #main {min-height: auto;padding: 40px 0;} #flyout li {margin: 0;padding: 0;} #flyout{display: none;} #flyout-header {border-radius: 0 0 10px 10px;} #breadcrumbs {margin: 15px 0;} #page-title {font-size: 36px;line-height: 46px;margin: 0 0 15px;} #freeform #slider {padding-bottom: 50%;} .subheader {margin: 30px 0 15px;font-size: 24px;} #freeform blockquote {margin: 25px 0;padding: 20px 77px 20px 20px;font-size: 18px;} #freeform blockquote:after {width: 30px;height: 21px;right: 20px;margin: 0;} #freeform #entry #post ul {font-size: 16px;font-weight: 400;margin: 0 0 0 20px;position: static;} #footer-top {padding: 40px 0;} .calendar-wrap {width: 100%;} .tabs-header {margin: 30px 0 0;} #tabs-button{margin-bottom:15px;} #freeform #main .col-lg-3{order:2;margin: 50px 0;} .floating-share-btn{top: auto;bottom: 0;} body .uwy.userway_p6 .userway_buttons_wrapper { top: auto !important; left: auto !important; right: 2px !important; justify-content: center !important; transform: none !important; bottom: 73px !important; } } /* 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} .explore-box { margin: 0 0 15px;} /* #explore .col-lg-4 a:last-of-type {margin-bottom: 0;} */ } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) {} @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }