/*----------------------------------------------------------------------------------- Theme Name: Franklin County Front-end developer: Little Author Design:Jessie Eskildsen Author URI: https://www.revize.com/ Date: 06/28/2025 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ /* very important!!! Assign these colors */ :root { --brandcolor: #5F3916; /* Choose a dark color form the website color palette */ --darkgray: #999; /* Choose a lighter color form the website color palette */ --lightgray: #ddd; /* Choose a very light color form the website color palette */ --yellow:#FECD67; --hover:#0250AA; } body { background: #fff; font-size: 16px; line-height: 1.6; font-family: "Montserrat", sans-serif; color: #181818; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; overflow-x: hidden; top: 0 !important; font-weight:400; } /* ----------------------------------------- #typography -----------------------------------------*/ h1, h2, h3, h4, h5, h6 {color: #111;font-weight: normal;margin-bottom: 20px;line-height: 1.2;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit} h1 {font-size: 36px} h2 {font-size: 32px;font-weight: 700;color: var(--brandcolor);} h3 {font-size: 28px;font-weight:700;color:#2E120F;} h4 {font-size: 24px;font-weight:700;color:#5F3916} h5 {font-size: 17px;color: #5F3916;font-weight: 700;} h6 {font-size: 14px} .header {font-size: 28px;color: var(--brandcolor);margin-bottom: 20px} .subheader {color: #2E120F;display: block;font-size: clamp(18px, 3vw, 28px);margin: 5px 0;font-weight: 700;text-transform: capitalize;} p {margin: 0 0 15px 0;} em {font-style: italic} strong, b {font-weight: bold} small {font-size: 80%} hr {border: solid var(--lightgray);border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0} hr {border: solid var(--lightgray);border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0} /* ----------------------------------------- #links -----------------------------------------*/ a, a:visited {/* text-decoration: underline; */-webkit-transition: color .3s ease;-moz-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;color: var(--brandcolor)} p a, p a:visited {line-height: inherit;color: #0071B5;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;} p a:hover{color: #0250AA !important;} /* ----------------------------------------- #lists -----------------------------------------*/ ul, ol {margin-bottom: 20px;} 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:not([data-dismiss="modal"]), a.btn, .button, a.button, .btn a, #post button:not(.rz-agenda-search-submit,.rz-doc-search-reset), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 8px 20px;background: #376191;color: #fff;border-radius: 30px;display:inline-block;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;transition:all .3s;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;} #post input[type="submit"]{padding: 0 24px;border-radius: 4px;} #post button.rz-doc-search-reset{display: none;} .btn:not([data-dismiss="modal"]):hover, a.btn:hover, .button:hover, a.button:hover, #post button:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background: #0250AA !important;color:#fff !important} .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--brandcolor);color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} .btn:hover a{color: #fff !important;background: none;} /* ----------------------------------------- #revize edit buttons DO NOT MODIFY -----------------------------------------*/ /* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/ .relative{position:relative!important} .absolute{position:absolute!important} .static{position: static!important} .user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px} .rz-bar-center-col{display:none!important} /* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */ body:not(.user-logged-in) .rz-btns-container{display: none;} .rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:#fff;padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap} .rz-btns-stacked{padding:6px 6px 0!important} /* to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center */ .left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute} .left-top .rz-btns-container{position:relative!important} .center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute} .center-top .rz-btns-container{position:relative!important} .right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute} .right-center .rz-btns-container{position:relative!important} .right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute} .right-bottom .rz-btns-container{position:relative!important} .center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute} .center-bottom .rz-btns-container{position:relative!important} .center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:9;position:absolute} .center-center .rz-btns-container{position:relative!important} .left-bottom{top:auto!important;right:auto!important;left:0!important;bottom:0;z-index:9;position:absolute} .left-bottom .rz-btns-container{position:relative!important} .left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute} .left-center .rz-btns-container{position:relative!important} /* ----------------------------------------- rzBtn's -----------------------------------------*/ .rz-btns-container a{display:inline-block!important} .rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important} .rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none} .rzBtn:hover{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none} .rzBtn-sm{font-size:14px!important;padding:5px 10px!important} .rzBtn-xs{font-size:12px!important;padding:3px 6px!important} .user-logged-in .yes-has-edit-buttons{position:relative;outline:3px solid transparent;outline-offset:6px} .user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;z-index:10!important;transition:all .2s;min-width:142px;min-height:32px} .user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn), .show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1} .hide-edit-btns .rz-btns-container{display:none} .user-not-logged-in .rz-btns-container{display:none!important} /* ----------------------------------------- #forms -----------------------------------------*/ form {margin-bottom: 20px} fieldset {margin-bottom: 20px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select {border: 1px solid var(--darkgray);padding: .375rem .75rem;outline: none;font-size: 16px;font-family: 'Montserrat' !important;color: var(--brandcolor);margin: 0;display: inline-block;background: #fff;border-radius: 0;box-shadow: none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus {color: var(--brandcolor);border: 1px solid var(--darkgray)} label, legend {display: block;font-weight: bold;font-size: 13px} input[type="checkbox"] {display: inline} label span, legend span {font-weight: normal;font-size: 16px;color: #444} .form-control:focus {border-color: inherit;-webkit-box-shadow: none;box-shadow: none} ::-webkit-input-placeholder {color: #777} :-moz-placeholder {color: #777} ::-moz-placeholder {color: #777} :-ms-input-placeholder {color: #777} .gsc-control-cse * {box-sizing: content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform {background: #fff;padding: 30px;border: 1px solid #D2DFEF} form.loginform p {background: #E65229;color: #fff;padding: 20px;line-height: 1} form.loginform label {font-weight: 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:100;bottom:20px;margin:0;right:20px;color: #2E120F;border-radius: 0;padding:28px;font-size:14px;width:410px;display:flex;flex-direction:column;overflow:hidden;border:0;background: #FECD67;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);backdrop-filter: blur(4px);} .floating-alert h2{margin:0 0 10px;color: #2E120F;font-family: 'Montserrat';font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;} .floating-alert p{margin:0;color: #2E120F;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;} .alert-buttons{margin:28px -28px -28px;display:flex;border-top: 1px solid #D49729;} .alert-button{border-right: 1px solid #D49729;flex:1 1 auto;text-align:center;padding:14px 0;text-decoration:none;color: #134996 !important;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;} .alert-buttons .alert-button:last-of-type{border:0} .alert-button:hover{background:#0250AA;color:#fff !important;text-decoration:none;cursor:pointer} .floating-alert.fade:not(.show){display:none} /* ----------------------------------------- #rz edit -----------------------------------------*/ #event-modal .modal-footer .btn{margin: 0 0 5px 10px;} /* ----------------------------------------- #main -----------------------------------------*/ 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;} body .cat h3, tr#rz-rpfbids-row{background:var(--brandcolor);} body table.rpfbids td{text-align: left !important;} body .faq-header{display:block !important} .pull-left{margin-right: 0 !important;} .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-size:contain !important;background-position:center center !important} /* .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display:none} */ img.share {width: 24px;} #userwayAccessibilityIcon:hover .uiiw{background:#0250AA !important; border-radius: 50%;} /* to remove */ #wrapper_sliderVideo{z-index:1 !important} div.skiptranslate{display:none !important} .container{width: 1254px;max-width: 100%;} /* Header */ .site-header{position: sticky;width:100%;padding: 0;background: none;z-index: 999;top: 0;left: 0;right: 0;width: 100%;transition: all .4s;} #header-in{display: flex;width: 100%;padding: 0 33px;gap: 48px;} #header-nav{flex:1;} #social-toggle{position:relative;flex-shrink:0;display: none;cursor: pointer;color:#fff;} #social-media-links{border-radius: 25px;background: #8C6339;padding: 6px;margin: 0 51px 0 6px;} #social-media-links:hover{background: #376191;} #social-media-in{display: flex;gap: 8px;position: relative;z-index: 5;margin: 1px 4px 0 0;padding: 0;} .logo-wrap{flex-shrink: 0;display: flex;top: 23px;z-index: 99;position: absolute;left: 129px;} #logo{display:block;text-decoration:none;width: 158px;max-width:100%;} #social-media-links img {width: 24px;margin: 0 0;display: flex;align-items: center;position: relative;} a.top-header-contact-link {text-decoration: none;display: inline-flex;gap: 10px;align-items: center;color: #FFF;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.6px;} a.top-header-contact-link:hover{color:var(--yellow)} a.top-header-contact-link:hover img{filter: brightness(0) saturate(100%) invert(97%) sepia(67%) saturate(6536%) hue-rotate(309deg) brightness(103%) contrast(109%);} #translate-button:hover img{filter: brightness(0) saturate(100%) invert(97%) sepia(67%) saturate(6536%) hue-rotate(309deg) brightness(103%) contrast(109%);} .top-header-in {display: flex;justify-content: end;gap: 21px;align-items: center;flex-wrap: wrap;position: relative;} .btm-header-in {display: flex;justify-content: center;padding-right: 82px;align-items: center;} .site-top-header {background: #2E120F;} .site-btm-header {padding-right: 12px;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);} #top-header-contact {display: flex;align-items: center;gap: 26px;font-size: 16px;color: rgb(255, 255, 255);font-weight: 700;line-height: 1.736;} .site-top-header .container-fluid{padding: 0;} #top-header-contact img {width: 20px;} /*base nav styles*/ .site-header #nav{padding: 0 0 0 11px;margin:0;display:flex;flex-wrap:wrap;justify-content: end;} .site-header #nav li{list-style:none;margin:0;break-inside: avoid;} .site-header #nav ul{padding: 0 0 0 18px;margin: 16px 0;} .site-header #nav a, .site-header #nav span{padding: 28px 19px;display:inline-block;text-decoration: none;color: #2E120F; /* h6 */font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;} .site-header #nav ul a, .site-header #nav ul span{display:block;color: #2E120F;} .site-header #nav li:last-child>a, .site-header #nav li:last-child>span{border:0} .site-header #nav>li>a, .site-header #nav>li>span{position: relative;} .text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .toggle {display: none} #twitterfeed {background: #f1f1f1} .goog-te-banner-frame {display: none} /* Google translate*/ #translation-links{padding:0;margin:0} #translation-links li{position:relative;margin:0;list-style:none;line-height: 1.5} #translation-links ul{padding:10px 0;margin:0;position:absolute;top:100%;left:0;width: 230px;background:#fff;display:none;height:400px;overflow-y:scroll;z-index: 999;} #translation-links ul li{margin:0} #translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;} #translation-links ul li a:hover{background:var(--lightgray);color:var(--brandcolor)} [lang="en"] #translate-reset{display: none} [data-lang="English"]{background:#f9f9f9} div.skiptranslate{display:none !important} #translation-links img {width: 20px;} #translate-button {background: none;border: none;position: relative;left: 0;display: inline-flex;align-items: center;gap: 7px;color: #FFF;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;top: 2px;} #translate-button:hover{color:var(--yellow)} /* Search */ #search-toggle-desktop{flex-shrink: 0;cursor: pointer;width: 117px;height: 41px;background: #EDC949;border-radius: 8px;display: flex;align-items: center;justify-content: center;gap: 12px;color: #2E2309;font-size: 16px;font-weight: 700;line-height: 1.5;font-family: "Radio Canada", sans-serif;} #search-toggle-desktop img{width: 20px;} #search{width: 300px;} #search form{position:relative;margin:0} #search input{border:0;height: 50px;padding: 5px 45px;background: rgba(255, 255, 255, 0.90);color: #181818;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.3px;margin: 0;} #search input::-webkit-input-placeholder{color:var(--brandcolor);font-weight:500;font-family:"Montserrat", sans-serif;color:#181818;font-weight:600} #search input:-moz-placeholder{color:#060911} #search input::-moz-placeholder{color:#060911} #search input:-ms-input-placeholder{color:#060911} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position: absolute;padding: 0;width: 20px;right: unset;left: 14px;top: 12px;border:0;background: none;color:#fff;text-transform:uppercase;} #search .search-go {position: absolute;top: 0;right: 0;text-transform: uppercase;width: 48px;height: 40px;border-radius: 0 25px 25px 0;color: var(--brandcolor);font-weight: 700;font-size: 14px;display: flex;align-items: center;justify-content: center;cursor: pointer;} #search .search-go:hover{background:var(--hover);color:#fff} /* quicklinks section */ #homepage #quicklinks{position: relative;padding: 0 0 2px;z-index: 20;} #homepage #quicklinks .quicklinks-shape{position: absolute;top: -54px;left: 0;right: 0;width: 100%;height: 220px;} #homepage #quicklinks .container{width: 1187px;} #homepage #quicklinks-inner{position: relative;} #homepage #quicklinks .tns-controls button:disabled{color: #99DEA3;} #homepage #quicklinks .tns-controls button{background: none;width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;filter: brightness(0) saturate(100%) invert(81%) sepia(14%) saturate(7065%) hue-rotate(345deg) brightness(91%) contrast(81%);} #homepage #quicklinks .tns-ovh {padding: 100px 0;} #homepage #quicklinks .tns-controls button:hover {transition: 0.5s all;filter: brightness(0) saturate(100%) invert(17%) sepia(36%) saturate(6840%) hue-rotate(203deg) brightness(100%) contrast(98%);} #homepage #quicklinks .tns-item{position: relative;transition: all .4s;} #homepage #quicklinks .tns-controls{position:absolute;top: 44%;left: -66px;right: -66px;} #homepage #quicklinks .qlink{position:relative;text-decoration: none;padding: 0;text-align: center;display: block;text-decoration: none;} #homepage #quicklinks .qlink-icon {position:relative;width: 85px;height: 85px;z-index: 0;display: flex;justify-content: center;align-items: center;margin: 0 auto;transition: all .3s;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.10);} #homepage #quicklinks .qlink-icon img{position: relative;z-index: 10;width: 48px;} #homepage #quicklinks .qlink-title{display: flex;justify-content: center;align-items: center;text-transform: capitalize;color: #2E120F;text-align: center;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;margin-top: 21px;} #homepage #quicklinks .qlink:hover{text-decoration: none;} #homepage #quicklinks .qlink:hover .qlink-icon{border-radius: 25px;} #homepage #quicklinks .qlink:hover .qlink-title{color: #0250AA;} .tiny-carousel .tiny-item:nth-child(1) .qlink-icon {background-color: #D49729;} .tiny-carousel .tiny-item:nth-child(2) .qlink-icon {background-color: #5F3916;} .tiny-carousel .tiny-item:nth-child(3) .qlink-icon {background-color: #AF7D37;} .tiny-carousel .tiny-item:nth-child(4) .qlink-icon {background-color: #376191;} .tiny-carousel .tiny-item:nth-child(5) .qlink-icon {background-color: #2E120F;} .tiny-carousel .tiny-item:nth-child(6) .qlink-icon {background-color: #7C7D43;} /* Content Section */ #content-wrap {position: relative;} /* Stats */ #homepage #stats {position: relative;padding: 64px 0;} #homepage #stats .container {width: 1014px;} #homepage #stats .stat-top h2{position: relative;color: #5F3916;text-align: center;font-family: 'Montserrat';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 8px;text-transform: uppercase;margin-bottom: 10px;} #homepage #stats .stat-top h3{color: #2E120F;text-align: center;font-family: 'Montserrat';font-size: 32px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;margin-bottom: 25px;} #homepage #stats .stat-top p{color: #000;text-align: center;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom: 25px;padding: 0 10px;} #homepage #stats .stat-top p a{color: #376191 !important;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;} #homepage #stats .stat-top p a:visited{color: #0250AA;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-decoration: underline;} #homepage #stats .stat-top h2::after {position: absolute;content: "";right: 16%;left: unset;width: 56px;height: 12px;background-image: url(../images/abbout-line-right.png);background-repeat: no-repeat;margin-left: 0;bottom: 6px;} #homepage #stats .stat-top h2::before {position: absolute;content: "";left: 16%;max-width: 100%;width: 56px;height: 12px;background-image: url(../images/abbout-line-left.png);background-repeat: no-repeat;bottom: 6px;} #homepage #stats .stat-bottom .stat-item {display: grid;text-align: center;gap: 10px;} #homepage #stats .stat-bottom #stats-list {display: flex;gap: 118px;justify-content: center;margin: 28px 0;} #homepage #stats .stat-bottom .stat-item .stat-num{color: #2E120F;text-align: center;font-family: 'Montserrat';font-size: 40px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;} #homepage #stats .stat-bottom .stat-item .stat-title{color: #5F3916;text-align: center;font-family: 'Montserrat';font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;letter-spacing: 0.3px;} #homepage #stats .stat-top p a:hover{color: #0250AA !important;} /* Events */ #homepage #events .section-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 51px;} #homepage #events{position: relative;padding: 23px 0;} #homepage #events .container {width: 1214px;} #homepage #events h2{color: #2E120F;font-family: 'Montserrat';font-size: 36px;font-style: normal;font-weight: 800;line-height: normal;margin: 0;} #homepage #events .section-link.button{border-radius: 30px;background: #376191;color:#FFF;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;padding: 11px 20px;} #homepage #events .section-link.button:hover{background:#0250AA;} /* Stay */ #stay{background: #376191;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);position: relative;padding: 32px 0;} #stay .container {width: 1170px;} #stay .stay-in {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} #stay .stay-in .button{padding: 10px 20px;border-radius: 30px;background: #FFF;color: #376191;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;border: 0;} #stay .stay-in .button:hover{background: #FECD67 !important;color: #2E120F !important;} #stay .stay-in .stay-contents{display: flex;align-items: center;gap: 50px;} #stay .stay-in .stay-contents .stay-wrap h2{color: #FFF;font-family: 'Montserrat';font-size: clamp(24px,3vw,36px);font-style: normal;font-weight: 800;line-height: normal;margin: 0;} #stay .stay-in .stay-contents img{width: 55px;} #stay .stay-in .stay-contents .stay-wrap p{color: #FFF;font-family: 'Montserrat';font-size: clamp(15px,3vw,24px);font-style: normal;font-weight: 700;line-height: normal;margin: 0;} /* News-Link */ #homepage #news-links{position:relative;padding: 27px 0 103px 0;} #homepage #news-links .container {width: 1214px;} #homepage #news-links .news-links-wrap {display: flex;gap: 40px;} #homepage #news-links .news-links-wrap .news-links-left{background:#fff;padding: 52px 71px 45px 63px;width: 50%;} #homepage #news-links .news-links-wrap .news-links-left .button{border-radius: 30px;background: #376191;border:0;color: #FFF;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;margin-left: -10px;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-event-title{color: #2E120F;font-family: 'Montserrat';font-size: 17px;font-style: normal;font-weight: 700;line-height: normal;} #homepage #news-links .news-links-wrap .news-links-left .news-in {display: flex;gap: 22px;margin-bottom: 44px;flex-direction: column;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-list{display: grid;gap: 10px;cursor: pointer;padding: 0 0 0 30px;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-list:hover .news-event-title{color:#0250AA;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-list:hover .news-event-time{color:#0250AA;} #homepage #news-links .news-links-wrap .news-links-left .news-in .button{color: var(--Color-Brand-Color-8, #376191);font-family: 'Montserrat';font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;background: none;border: none;padding: 0;align-items: center;gap: 9px;margin: 0;} #homepage #news-links .news-links-wrap .news-links-left .news-in .button img{filter: brightness(0) saturate(100%) invert(17%) sepia(36%) saturate(6840%) hue-rotate(203deg) brightness(100%) contrast(98%);width: 19px;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-event-time{color: #5F3916;font-family: 'Montserrat';font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;text-align: unset;} #homepage #news-links .news-links-wrap .news-links-left h2{color: #2E120F;text-align: center;font-family: 'Montserrat';font-size: 36px;font-style: normal;font-weight: 800;line-height: normal;margin-bottom: 31px;} #homepage #news-links .news-links-wrap .news-links-right{background:#fff;padding: 51px 86px 49px 84px;width: 50%;} #homepage #news-links .news-links-wrap .news-links-right h2{color: #2E120F;text-align: center;font-family: 'Montserrat';font-size: 36px;font-style: normal;font-weight: 800;line-height: normal;margin-bottom: 36px;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-title{color: var(--Color-Brand-Color-1, #2E120F);font-family: 'Montserrat';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-list img{width:40px;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-list{display: flex;align-items: center;gap: 20px;text-decoration: none !important;} #homepage #news-links .news-links-wrap .news-links-right .links-in{display: grid;gap: 36px;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-list:hover .links-title{color:#0250AA;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-list:hover img{filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(3366%) hue-rotate(203deg) brightness(104%) contrast(98%);} #homepage #news-links .news-links-wrap .news-links-left .news-in .button:hover{background: none !important;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-list:hover .button{color: #0250AA !important;} .news-in-scrollable { max-height: 400px; overflow-y: auto; direction: rtl; overflow-y: auto; } .news-in::-webkit-scrollbar {width: 5px;background:#D8D98A;} .news-in::-webkit-scrollbar-thumb {background: #514234;} /* Footer */ #main-footer a.footer-link {display: block;text-align: left;text-decoration: none;padding-bottom: 6px;color: #2E120F;font-family: 'Montserrat';font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;} #main-footer .footer-in {display: flex;justify-content: space-evenly;} #main-footer{background: #D8D98A;z-index: 99;position: relative;padding: 52px 0 0;} #main-footer h3.footer-header {text-align: left;margin-bottom: 13px;color: #2E120F;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 800;line-height: normal;text-transform: uppercase;} #main-footer #footer-logo {width: 260px;position: relative;top: 0;left: -30px;} #main-footer .footer-link{text-align: left;text-decoration: none;color: #2E120F;font-family: 'Montserrat';font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;} #main-footer .footer-col li {margin: 0;padding: 0 0 3px;list-style: none;color: #fff !important;} #main-footer #footer-bottom{background: #2E120F;padding: 15px 0 16px;} #main-footer #copyright,a#revize-login{text-decoration: none;text-transform: capitalize;color: #FFF;font-family: 'Montserrat';font-size: 14px;font-style: normal;font-weight: 600;line-height: 135%; /* 18.9px */letter-spacing: -0.28px;} #main-footer #revize,#revize a{text-decoration: none;text-align: right;color: #FFF;font-family: 'Montserrat';font-size: 13px;font-style: normal;font-weight: 600;line-height: 135%; /* 17.55px */letter-spacing: -0.26px;} #revize-link{font-size: 15.54px;color: rgb(255, 255, 255);line-height: 2.574;text-decoration: none;font-weight: 700;text-transform: none;} #footer-top {padding: 0px 30px 31px;} .footer-wrap-mini {margin-top: 15px;} a.footer-link.map:hover{color: var(--hover) !important;} #main-footer a.footer-link:hover{color: var(--hover);} .footer-spacer::after{content:'';display:inline-block;width:2px;height:12px;position:relative;background:#fff;margin:0 14px;top:2px} a.footer-link.map {color: #514234 !important;text-decoration: underline !important;font-weight: 600 !important;} a.footer-link.phn {font-weight: 400 !important;display: flex !important;align-items: center !important;gap: 5px;} a.footer-link.mail{color: var(--yellow) !important;font-weight: 400 !important;display: flex !important;align-items: center;gap: 5px;text-decoration: underline !important;} a.footer-link.mail strong {color: #2E120F !important;font-weight: 800 !important;text-decoration: none !important;} #main-footer .container {width: 1263px;} #main-footer .footer-link:hover{color: var(--hover);} a.footer-link.phn {color: #2E120F;font-family: 'Montserrat';font-size: 14px;font-weight: 600 !important;line-height: normal;} a#revize-login:hover,#revize a:hover{color: #D49729;} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform{position: relative;} #freeform #main{position: relative;} #freeform aside{padding-bottom: 10px;padding-top: 44px;position: relative;} #freeform #slider{position: relative;} #freeform #slider{height: 315px;padding:0;z-index: 10;min-height: auto;} #freeform #left-nav-shape{position: absolute;bottom:0;right:0;width: 100%;max-width: unset;width: 406px;} .inner-slide-data{position: absolute;left: 0;right: 0;padding: 0 51px;text-align: left;top: 47.5%;transform: translateY(-50%);z-index: 2;} #inner-caption{color: #fff;font-size: clamp(30px, 6vw, 50px);text-transform: capitalize;font-weight: 800;margin: 10px 0 0;} #freeform-in{display: flex;gap: 31px;flex-direction: row-reverse;} #freeform.fullwidth #freeform-in{display: block;} #freeform.fullwidth #inner-main{max-width: 1550px;margin:0 auto;width: 100%;padding:0 15px} blockquote {color: #5F3916;font-size: 32px;font-style: normal;font-weight: 700;line-height: 148%;letter-spacing: -0.64px;border: 1px solid #FECD67;border-radius: 20px;padding: 32px 78px;margin-bottom: 54px;} #inner-main{flex-basis: 1445px;padding: 0 0;overflow: hidden;} #inner-aside{flex:1;position: relative;width: 400px;} #inner-aside aside{background: var(--brandcolor);width: 400px;height: 100%;} .freeform-inner img {height: 282px;width: 100%;} #freeform .wrapper{width: 369px;position: relative;margin-top: 10px;} .freeform-inner {display: flex;justify-content: space-between;gap: 38px;margin:40px 0;} .inner-text h2 {font-size: clamp(16px,3vw,25px);color: rgb(70, 74, 76);font-weight: 700;line-height: 1.25;text-align: left;text-transform: uppercase;margin-bottom: 20px;} #sidebar-img {position: absolute;bottom: 0;left: 0;max-width: unset;width: 100%;z-index: 9;} #freeform .inner-text{width: 50%;} #freeform .tns-nav{position:absolute;bottom: -33px;left: 0;z-index:1;text-align: end;} #freeform .tns-nav button{border:0;background: #D8D98A;padding:0;width: 10px;height: 10px;border-radius:50px;margin: 0 4px;} #freeform .tns-nav button.tns-nav-active {background: #7C7D43 !important;} #freeform .wrapper .tns-controls{display: none;} #flyout-wrap{color:#fff;margin: 0 0 30px 0;border-radius: 4px;width: 100%;position: relative;z-index: 10;} #flyout-header{color: #fff;font-size: 20px;margin-bottom: 13px;font-weight: 700;text-transform: uppercase;padding: 0 60px 0 75px;} #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: 17px;font-weight: 700;color: #FECD67;line-height: 1.5;position: relative;padding: 7px 60px 7px 74px;} #flyout ul{padding:0;margin:0;display:none;list-style: none;} #flyout ul a, #flyout ul span{font-size: 14px;padding: 10px 15px;display: block;border-bottom: 1px solid rgb(227, 230, 236);} #flyout>ul>li:last-of-type a, #flyout>ul>li:last-of-type span{border-bottom: 0;} #breadcrumbs{font-size: 15px;text-transform:capitalize;} #breadcrumbs a{text-decoration: none;color: #5F3916;font-weight: 700;font-size: 14px;} #breadcrumbs a:after {content: '\f0da';font-family: 'FontAwesome';font-weight: 400;color: #AF7D37;margin: 0 15px 0 20px;font-size: 16px;} #breadcrumbs ul{list-style:none;margin: 0 0 48px;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0;font-weight: 700;color: #376191;text-transform: capitalize;font-size: 14px;} .col-xs-12{width:100%} #flyout-bg{position:absolute;right:0;top:0;bottom:0;z-index:-1;background: #daeaef;} #entry{padding: 15px 132px 0 0;} #freeform.fullwidth #entry{padding: 66px 0 230px 0;} #page-title{text-transform: capitalize;font-size: clamp(26px, 4vw, 45px);margin: 36px 0 8px;color: #232323;font-weight: 700;} .freeform__box{position:relative;width: 100%;padding: 22px 60px 22px 75px;margin: 0 0 30px 0;} .freeform__box-header{color: #fff;font-size: 20px;margin-bottom: 20px;text-transform: uppercase;font-weight: 700;} #contact-wrap{margin-bottom: 27px;padding: 17px 81px 0 75px;} #contact-img{height: 150px;width: 150px;border-radius: 50%;margin: -10px 0px 23px 0;} #contact-name{color: #fff;font-size: 16px;font-weight: 600;margin: 0 0 3px 0;line-height: 1;} #contact-position{color: #fff;font-size: 16px;font-weight: 600;text-transform: capitalize;font-style: italic;display: block;} .contact-info{margin: 26px 0;padding:0;display: flex;align-items: center;gap: 10px;} .contact-label{display: block;color: #D8D98A;font-size: 16px;font-weight: 700;text-transform: capitalize;} .contact-link{display: block;color: #D8D98A !important;font-size: 15px;font-weight: 500;text-decoration: none;line-height: 1.3;} .contact-link.email{color: #FECD67 !important;} .contact-link:hover{color: #fff !important;text-decoration: none;} #contact-wrap .more-link{font-size: 17px;color: #78adff;margin-top: 17px;display: inline-block;font-weight: 400;} span.contact-label img {width: 24px;} h2.inner-title {font-family: 'Montserrat';font-size: 32px;font-weight: 700;line-height: normal;text-transform: uppercase;color: #5F3916;margin-bottom: 16px;} #office-hours{margin:0;padding: 3px 0 0 0;list-style: none;} #office-hours>li{font-size: 16px;line-height: 1.5;margin: 0 0 20px 0;font-weight: 700;} #office-hours .day{color: var(--yellow);text-transform: uppercase;display:inline-block;width: 54px;margin-right: -7px;font-weight: 700;} #office-hours .time{color: var(--yellow);font-size: 16px;text-transform: capitalize;font-weight: 700;} #freeform #resource-wrap{margin: -36px 0 19px 0;padding: 22px 0 22px 0;} #freeform #resource-wrap h2{padding: 0 79px;} #freeform #resource-wrap .resources-title{display: flex;align-items: center;gap: 33px;justify-content: center;color: #193f23;font-weight: 700;text-transform: uppercase;font-size: 28px;} #freeform #resource-wrap .resources-title::before{content: "";height: 2px;flex: 1;background:#bad8e2;} #freeform #resource-wrap .resources-title::after{content: "";height: 2px;flex: 1;background:#bad8e2;} #freeform #resource-wrap:has(.resources-title:empty){display: none;} #freeform .resources-list{display: grid;grid-template-columns: repeat(3, 1fr);gap:10px;} .resource-item{display: flex;color: #D8D98A !important;align-items: center;text-decoration:none;padding: 24px 60px 24px 75px;font-size: 15px;font-weight: 600;text-transform: capitalize;line-height: 20.8px;margin: 0;} .resource-item-icon{margin: 0 12px 0 0;width: 24px;} .resource-item:hover{background: #0250AA;color: #fff;text-decoration: none;color: #fff !important;} .resource-item:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(119deg) brightness(102%) contrast(103%);} #inner-accordions{margin: 47px 0;padding: 0 140px 0 0;} .accordion{cursor: pointer;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;margin-bottom: 10px;} .accordion.active{ box-shadow: 0px 0px 29.4px 0.6px rgba(0, 0, 0, 0.2);} .accordion-header{background: #bbd8ea;padding: 13px 36px 12px 32px;border-radius: 10px;color: #155caa;text-transform: capitalize;position: relative;font-size: clamp(18px, 3.5vw, 25px);font-weight: 600;display: flex;align-items: center;justify-content: space-between;line-height: 1;} .accordion-header:hover{background: #0079c1;color: #fff;} .accordion-header::after{content: "\f105";font-family: 'FontAwesome';font-size: 30px;font-weight: 700;transition: all .4s;} .accordion.active .accordion-header{background: #0079c1;color: #fff;} .accordion.active .accordion-header::after{transform: rotate(90deg);} .accordion-panel{padding: 30px 48px 18px 34px;display: none;font-size: 16px;border-radius: 0 0 4px 4px;} .accordion-panel h4{color: #0079c1;font-size: 22px;font-weight: 600;margin-bottom: 16px;} .accordion-panel p{color: #3b3b3b;font-size: 18px;font-weight: 400;} /* ----------------------------------------- Edit Buttons -----------------------------------------*/ #freeform.user-logged-in aside .has-edit-buttons {min-height: 50px;z-index: 20 !important;} #freeform.user-not-logged-in .freeform__box:has(h2:empty){display: none;} #freeform.user-logged-in .freeform__box:has(h2:empty){background: transparent !important;box-shadow: none !important;padding: 0 !important;min-height: 33px;margin: -10px 0 15px !important;} #freeform:not(.user-logged-in) .freeform__box:has(.freeform__box-body[style="display: none;"]){display: none;} #freeform:not(.user-logged-in) #flyout-wrap:has(#flyout[style="display: none;"]){display: none;} /* ----------------------------------------- #share widget -----------------------------------------*/ /** modal **/ .modal {z-index: 100000} .modal .modal-dialog{transition:transform cubic-bezier(0.86,0,0.07,1);transform:scale(.98)!important;opacity:1!important} .modal.show .modal-dialog{transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateY(0%)!important;} .modal-content {border-radius: 10px;overflow: hidden;border: 0;} .modal-header {background:#d2d2d2;border-radius:10px 10px 0 0 ;font-size:18px;line-height:1.4;} .share-btns{display:flex;gap:8px; justify-content: center;} .share-btns a {display: flex;text-decoration: none;border-radius: 100%;height: 44px;width: 44px;outline-offset:0;outline:2px solid transparent;transition:all .3s;} .share-btns svg {width:16px;height:16px;margin:auto;fill: #fff} .btn-linkedin {background: #0077b5;} .btn-linkedin:hover {border-color: #0077b5;outline:2px solid #0077b5;outline-offset:2px} .btn-facebook {background: #3b5998;} .btn-facebook:hover {border-color: #3b5998;outline:2px solid #3b5998;outline-offset:2px} .btn-twitter {background: #000;} .btn-twitter:hover {border-color: #000;outline:2px solid #000;outline-offset:2px} .btn-reddit {background: #ff5700;} .btn-reddit:hover {border-color: #ff5700;outline:2px solid #ff5700;outline-offset:2px} .modal .btn{font-size: 16px!important;font-weight: bold!important;padding: .6rem 1.2rem!important;border: 0!important;line-height: 1.4!important;text-transform:none!important;letter-spacing:0!important;color:#000!important;border:0!important;} .modal .btn.p-0{padding:0!important} .modal .btn-inverse:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.25)} .floating-share-btn {position: fixed;z-index: 99999;top: calc(50% - 32px);right: 0;border-radius: 0;border: 0;background: #376191;width: 40px;height: 40px;box-shadow: 0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);text-align: center;border-radius:6px 0 0 6px} .floating-share-btn:hover{background:#0250AA} /* ----------------------------------------- #slider -----------------------------------------*/ #slider .tns-outer button {background: none;width: 35px;} #homepage #slider .tns-controls {left: 33px;right: 33px;top: 46%;} #slider{position:relative;padding-bottom: 41.65%;z-index:1} #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:1} #slider .tns-outer button:hover img {filter: brightness(0) saturate(100%) invert(81%) sepia(36%) saturate(689%) hue-rotate(340deg) brightness(102%) contrast(99%);} .tns-outer button[data-controls]{border:0;padding:0;background:var(--brandcolor);width:40px;line-height:40px;border-radius:50px;color:#fff;font-size:18px;margin:0 15px;position: relative;z-index: 10;} .tns-nav{position:absolute;bottom:15px;left:0;right:0;z-index:1;text-align:center} .tns-nav button{border:0;background:#fff;padding:0;width:15px;height:15px;border-radius:50px;margin:0 3px} .tns-nav button.tns-nav-active{background:var(--brandcolor)} .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:46%;left:0;right:0;} .tns-controls button:last-of-type {float:right} .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 (max-width:1500px){ .logo-wrap {left: 15px;} #homepage #quicklinks .tns-controls{left: 0;right: 0;top: 57%;} } @media only screen and (max-width:1250px){ .site-header #nav a, .site-header #nav span{padding: 28px 15px;} a.top-header-contact-link,#translate-button{font-size: 14px;} .btm-header-in{padding-right: 0;} #social-media-links{margin: 0;} } @media only screen and (min-width:992px) { .site-header #nav .toggle, .site-header #nav .toggle2, #flyout .toggle{display:none} .site-header #nav .toggle, .site-header #nav .toggle2{padding: 0 !important;} .site-header #nav .focused .toggle, .site-header #nav .focused .toggle2, #flyout .focused .toggle{display:inline-block;margin-left:8px} #flyout .focused .toggle, .site-header #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:15px; top:0px;} #flyout ul{position: absolute;left: 100%;top:0;width:200px;z-index: 10;background: var(--brandcolor);} #flyout>li:hover ul{display: block;} #flyout>li:hover{background: #8C6339;} #flyout>li:hover a{color: #fff;} #flyout>li a:hover{background:#8C6339;} #flyout>li span:hover{background:#8C6339;} /* base nav styles */ .site-header #nav li:hover>ul{display:block} .site-header #nav ul a:not(.fa), .site-header #nav ul span{display:block;color:#000} /* mega menu */ #nav li.static:hover ul{display:block} #nav>li>ul.make-mage{position:absolute;left: 25%;right: 0;width: 1202px;max-width: calc(100% - 30px);top:100%;margin: 0 auto;display: none;max-height: 400px;overflow-y:auto;overflow-x: hidden;} #nav>li .nav-in{-webkit-column-count:4;-moz-column-count:4;column-count: 5;column-gap: 40px;display: block;padding: 54px 125px 46px 100px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);z-index: -1;border-radius: 0px 0px 15px 15px;background: #D8D98A;} #nav>li>ul.make-mage>li{display:inline-block;break-after:avoid;width:100%;margin-bottom:16px} #nav li:hover>ul.make-mage ul{position:static;padding: 0;} /* hiding the menu scrollbar */ #nav>li>ul::-webkit-scrollbar {display: none;} /* mega menu - First Level */ #nav ul.make-mage a:not(.fa), #nav ul.make-mage span{position:relative;padding: 0;text-transform: capitalize;margin: 0 0 15px 0;display: block;width: fit-content;text-shadow: none;color: #5F3916;font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;} #nav ul.make-mage a:not(.fa):hover, #nav ul.make-mage span:hover{color: #0250AA;} /* mega menu - Second Level */ #nav ul.make-mage ul a:not(.fa), #nav ul.make-mage ul span{display: block;padding: 4px 0 0 0;text-transform: capitalize;transition: all .4s;text-shadow: none;color: #2E120F;font-family: 'Montserrat';font-size: 16px;font-style: normal;font-weight: 500;line-height: 135%; /* 21.6px */letter-spacing: -0.32px;} #nav ul.make-mage ul a:not(.fa):hover, #nav ul.make-mage ul span:hover{text-decoration: underline;} #nav .make-mage .focused .toggle2{display:block} #search{display:block!important} .layout-table {table-layout: fixed;width: 100%} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ .site-header .toggle, .site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff;background: #8C6339;position:absolute !important;right:0;top:0} .site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between;position: relative;top: 0;padding: 10px;left: 0;} .site-header #nav{display:none;padding: 0;background: #2E120F;} .site-header #nav li{position:relative!important} .site-header #nav a, .site-header #nav span{line-height:1;font-size:14px;padding:15px;display:block;border-bottom: 1px solid #8C6339;color: #fff;} .site-header #nav ul{background: #D8D98A;display:none;padding: 0;margin: 0;} #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} #flyout-wrap{margin:0 0 15px 0;padding: 0;width: 100%;} /* 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} #nav-toggle, #search-toggle,#info-toggle {line-height: 40px;width: 42px;text-align: center;background: none;color: #2E120F;margin-left: 5px;cursor: pointer} #info-toggle {border-radius:50%;border:1px solid #2E120F} #flyout-toggle{padding:0;padding:15px;color: #fff;font-weight: 600;font-size: 20px;} #flyout-header{margin:0;padding:15px;border-top: 1px solid #fff;} #nav, #flyout {display: none} #nav li {display: block} #nav a, #nav span, #flyout a, #flyout span {font-size: 14px !important;line-height: 1 !important;padding: 15px !important;border-bottom: 1px solid;} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span {border: 0} #nav ul, #flyout ul { background: rgba(0, 0, 0, .15)} .toggle, .toggle2 {display: block;position: absolute !important;right: 0;top: 0;line-height: 45px;text-align: center;width: 45px;background: rgba(0, 0, 0, .15);transform: none !important} #post {overflow: hidden;} /* custom styles */ #logo{width: 100px;} .btm-header-in{display:block} #freeform-in{flex-direction: column;} #entry{padding: 15px;} #inner-aside aside,#inner-aside{width: 100%;overflow: hidden;} #freeform aside{padding: 0;} #contact-wrap,.freeform__box{padding: 0 15px;} #flyout>li{padding: 0;margin: 0;} #main-footer .footer-in{flex-direction: column;text-align: center;gap: 30px;} #main-footer h3.footer-header,#main-footer a.footer-link,#main-footer .footer-col li{text-align:center !important;} a.footer-link.phn {justify-content: center;} #main-footer #copyright, a#revize-login,#main-footer #revize, #revize a{text-align: center;padding-bottom: 15px;} .site-top-header{display: none;} .site-btm-header .container-fluid{padding-left: 0;padding-right: 0;} .site-btm-header{padding-right: 0;} #stay .stay-in .stay-contents{flex-direction: column;text-align: center;gap: 30px;} #stay .stay-in{justify-content: center;} #stay .stay-in .button{margin-top: 30px;} #main-footer #footer-logo{left: 0;} #stay .stay-in .stay-contents .stay-wrap h2{margin: unset;} #inner-main{flex-basis: unset;} blockquote{font-size: 25px;padding: 32px;} #homepage #news-links .news-links-wrap{flex-direction: column;text-align: center;} #homepage #stats .stat-top h2::after{right: 0;} #homepage #stats .stat-top h2::before{left: 0;} #homepage #stats .stat-top h2{font-size: 15px;} #homepage #stats .stat-top h3{font-size: 20px;} #homepage #stats .stat-bottom #stats-list{flex-direction: column;gap: 30px;} #homepage #events .section-header{flex-direction: column;margin-bottom: 0;} #homepage #events h2{margin: 15px 0;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-list{text-align: center;padding: 0 18px;} #homepage #news-links .news-links-wrap .news-links-left .news-in .news-event-time{text-align: center;} #homepage #news-links .news-links-wrap .news-links-left .news-in .button{justify-content: center;} #homepage #news-links .news-links-wrap .news-links-left .button{margin-left: 0;} #homepage #news-links .news-links-wrap .news-links-right .links-in .links-list{flex-direction: column;} .resource-item{padding: 24px 60px 24px 15px;} #freeform #resource-wrap h2{padding: 0 15px;} .floating-share-btn{top: unset;bottom: 20px;} .top-header-contact-link{width: 30px;overflow: hidden;white-space: nowrap;} #translate-button{width:35px;overflow: hidden;white-space: nowrap;top: 2px;} #social-media-links{background: none;} .top-header-in {justify-content: center;padding: 10px;} #social-media-links img {width: 22px;} #homepage #slider{padding-bottom: unset;height: 400px;} #homepage #stats{padding: 50px 0 0;} #homepage #news-links .news-links-wrap .news-links-right,#homepage #news-links .news-links-wrap .news-links-left{padding: 50px 15px;width: 100%;} #main-footer .footer-link{text-align: center;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert {width: auto;right: 10px;left: 10px;} .floating-alert {font-size: 12px} .floating-alert h4 {margin-bottom: 10px;font-size: 14px} .floating-alert .btn {font-size: 10px} .share-btns a {padding: 10px;font-size: 12px;white-space: nowrap;overflow: hidden} .share-btns i {display: block;line-height: 50px !important;font-size: 20px} ul ul, ul ol, ol ol ol ul {margin: 0 auto;padding: 0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) { .top-header-in{gap: 10px;padding: 10px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #homepage #quicklinks .tns-ovh {padding: 100px 0 0;} #translation-links ul {left: -50px;width: 200px;} #translation-links img {width: 50px;} } @media print { #slider, footer, #breadcrumbs, #flyout-wrap, .floating-share-btn, .e-notify, .site-header { display: none !important } a[href]:after { content: none !important } }