/*----------------------------------------------------------------------------------- Theme Name: Londonderry, PA Front-end developer: Muhammad Farhan Ali Author Design: Jessie Eskildsen Author URI: https://www.revize.com/ Date: 18/07/2025 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ /* very important!!! Assign these colors */ :root { --Poppins-font:"Poppins", serif; /** Color **/ --colorprimary: #132819; --secondarycolor: #5D8C3E; --bluecolor:#0071B5; --yellowcolor:#FEC901; --greencolor:#8DBA3B; --lightyellowcolor:#FAEAC6; --color-white: #Fff; --color-black: #000000; --darkgray: #ccc; --color-gray: #F6F3EF; } body { background:var(--color-white); font-size: 16px; font-family:var(--Poppins-font); color: var(--color-black); line-height: 135%; -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: var(--colortypography); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } h1 { font-size: 36px; font-weight:700;font-size: 55px; color: var(--colorprimary); } h2 { font-size: 32px; color:var(--colorprimary); font-weight:700; text-transform: uppercase; } h3 { font-size: 24px; color:var(--colorprimary); font-weight:700; } h4 { font-size: 22px; color: var(--colorprimary); font-weight: 500; letter-spacing: 0.10rem; text-transform: uppercase; } h5 { font-size: 22px; color:var(--colorprimary); font-weight:700; text-transform: uppercase; } h6 {font-size: 18px;line-height: 20px; font-weight:700; } span.header, h2.header { margin-bottom: 11px; margin-top: 39px; display: block; font-size: 32px; color:var(--colorprimary); font-weight:700; text-transform: uppercase; } span.subheader, h3.subheader { margin: 48px 0 24px 0; display: block; font-size: 24px; color:var(--colorprimary); font-weight:700; text-transform: uppercase; } p { margin: 0 0 20px 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 } /* ----------------------------------------- #links -----------------------------------------*/ a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a, a:hover {text-decoration: none; color: inherit;} 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 p { line-height: inherit } /* ----------------------------------------- #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, .button, a.button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{background: var(--colorprimary); padding:12px 29px;color:var(--color-white);font-size:16px;line-height:normal;display:inline-block;font-weight:600;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s; border-radius:24px;border: none;} #post button:not(.rz-agenda-search-submit){background: var(--colorprimary); padding:12px 20px;color:var(--color-white);font-size:16px;line-height:normal;font-weight:700;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s; border-radius:6px;border: none;} #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:var(--webcolor);color: #fff; border-color: var(--webcolor);} .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(--webcolor);color:#fff; border-color: var(--webcolor);} .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 { color:#fff;background: var(--bluecolor); } #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} .button { text-align: center; min-width: 148px; } .btn a,a.btn{ text-decoration: inherit !important; color:var(--color-white) !important; } .btn a:hover, a.btn:hover{ color:var(--color-white) !important; } .faq-question .faq-question-header { margin: 2px 0 12px 0; padding: 2px 0; display: inline-block; } .faq-question, .faq-header { padding-top: 8px; margin-bottom: 8px; } #freeform-slider > .tns-item { height: 280px; } .freeform-tiny-wrap img { width: 100%; height:100%; object-fit: cover; } .freeform-slider-wrapp #freeform-slider-iw { border-radius: 10px; overflow: hidden; } .department #breadcrumbs { margin: 15px 0; } #post table tr td[align="center"] { text-align: left; } /* ----------------------------------------- #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 */ .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;white-space:nowrap} .rz-btns-stacked{padding:6px 6px 0!important} .user-logged-in .rz-btns-container {z-index: 9;} /* 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:var(--color-black)!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:var(--color-black)!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; color: var(--webcolor); 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(--webcolor); 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: var(--colortypography) } :-moz-placeholder { color: var(--colortypography) } ::-moz-placeholder { color: var(--colortypography) } :-ms-input-placeholder { color: var(--colortypography) } .gsc-control-cse * { box-sizing: content-box } .hidebox{ display:none !important; } /* ----------------------------------------- #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:var(--color-black); } /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert { position: fixed; z-index: 999999; right: 20px; bottom: 20px; margin: 0; background-color: var(--yellowcolor); backdrop-filter: blur(4px); padding: 32px 24px; font-size: 16px; font-weight: 600; line-height: 21.6px; color: #1A1A1A;max-width:400px; width:100%; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; border: 0; } .floating-alert h2{ margin:0 0 24px;font-size:20px;font-weight:bold;color:#1A1A1A; } .floating-alert p{ margin:0;font-size:14px; display:inline-block;} .floating-alert a{ display:inline-block; color: var(--bluecolor); text-decoration: underline;} .floating-alert a:hover{ color: var(--greencolor); } .alert-buttons{margin: 32px -24px -32px;border-top:1px solid #C29900;display:flex} .alert-button{border-right:1px solid #C29900;flex:50%;text-align:center;padding:19px 0;text-decoration:none !important;font-size: 14px;color:var(--color-black) !important;font-weight:700;line-height:18.9px;text-transform: uppercase;} .alert-buttons .alert-button:last-of-type{border:0} .alert-button:hover{background:var(--bluecolor);color:#fff !important;text-decoration:none;cursor:pointer} .floating-alert.fade:not(.show){display:none} #event-modal .modal-footer .btn#ics-export { background: var(--colorprimary) !important; } /* fb-connect-modal */ #fb-connect-modal .modal-dialog{ max-width:1185px; } .modal-content { background:var(--color-white); padding:50px 32px; border-radius:24px; } #fb-connect-modal .modal-header { background: transparent; border-radius: 0; font-size: 18px; line-height: 1.4; padding: 0; border: none; } #fb-connect-modal .modal-header .close { padding: 0; margin: 0; position: absolute; top: 10px; right: 15px; font-size: 28px; font-weight: 400; color:var(--colorprimary); } #fb-connect-modal .modal-header{ justify-content: center; } #fb-connect-modal .modal-header h2{ font-size: 50px; line-height: 35px; font-weight: 700; color: var(--colorprimary); margin:0;text-transform:uppercase; } .fb-connect-box { text-align: center; } .fb-connect-box img{ height:175px; margin-bottom:24px; } #fb-connect-modal .modal-body h4 { margin: 15px 0 40px 0; font-size: 24px; color: var(--colorprimary); line-height: 35px; text-align: center; text-transform: inherit;font-weight:normal;letter-spacing:normal; } .fb-connect-box h3{ font-size:18px; font-weight: 900; text-transform: uppercase; color: var(--colorprimary); margin: 0;} .fb-connect-box span { display: block; margin:5px 0; } .fb-connect-box span img{ height:auto; width:100%; max-width:200px; margin:0 auto; } .fb-connect-box a{ font-size:16px; font-weight:600; color: var(--bluecolor); display: block; } .fb-connect-box a:hover{color: #5D8C3E;} /* Site Plugin */ body #userwayAccessibilityIcon{display: none !important;} .social-wrapp { position: fixed; z-index: 99999; right: 0; top: 50%; display: flex; flex-direction: column; border: none; transform: translateY(-50%); gap: 10px; } .social-wrapp button{ background:var(--colorprimary); height:50px; width:50px; border-radius:10px 0 0 10px; border:none; display:flex; align-items: center; justify-content: center; } .social-wrapp button img{ width:26px; } .social-wrapp button.share-btn img{ width:22px; } .social-wrapp button:hover{ background:var(--bluecolor);} /* ----------------------------------------- #rz edit -----------------------------------------*/ #event-modal .modal-footer .btn{margin:0 0 5px 10px} div.skiptranslate { display: none !important } #skip { position: fixed; left: -100%; top: -100%; transition: all .3s; z-index: 999 } #skip:focus { left: 50px; top: 50px } /* ----------------------------------------- #main -----------------------------------------*/ html.with-featherlight { overflow: auto; } .with-featherlight { overflow: hidden; } .container {max-width: 1254px;} .section-inner { margin-left: -15px; margin-right: -15px; } #main {position: relative; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 10%,rgba(55,172,226,0.6) 51%,rgba(255,255,255,0.92) 90%,rgba(255,255,255,1) 100%); } /* site-header */ .site-header { position: relative; background-color:var(--color-white); z-index: 1020; } .sticky-header.sticky-top .site-header{ box-shadow:0 4px 4px 0 rgba(0, 0, 0, .15); } .site-header .container { max-width: 1700px; padding-left:48px; padding-right:48px; } #header-top {background-color: #4167b6;} #header-top-in {display: flex;align-items: center;justify-content: flex-end;height: 50px;} .language-wrapp { margin: 0 21px; position: relative; z-index: 0; } .header-contact {display: flex;align-items: center;} .header-contact-link {position: relative;display: flex;align-items: center;padding: 0 26px;font-size: 19px;line-height: 26px;color: #fff;text-decoration: none;} .header-contact-link::after {position: absolute;content: '';background-color: #fff;width: 1px;height: 100%;right: 0;top: 0;} .header-contact-link:hover {color: #f2c90d;text-decoration: none;} .header-contact-link img,.social-media-link > .fa-twitter::before {width: 24px;margin-right: 8px;filter:brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(487%) hue-rotate(184deg) brightness(94%) contrast(95%);} .header-contact-link:hover img,.social-media-linkLhover > .fa-twitter::before {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(83deg) brightness(105%) contrast(99%);} .social-media-wrap {position: relative;display: flex;gap:15px;} .social-media-wrap .social-media-link { height: 36px; width: 36px; background:var(--bluecolor); color:var(--color-white) !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .social-media-wrap .social-media-link:hover{color: var(--color-white) !important;background: #5D8C3E;} .business-social-links a > .fa-twitter::before, .social-media-link > .fa-twitter::before { content: ""; width: 20px; height: 20px; background: url("../images/twitter.png"); display: inline-block; background-repeat: no-repeat; background-size: 20px; margin: 0 0 -2px 0; } #header-in {position: relative;display: flex;align-items: center; justify-content: space-between;} .social-media-wrap .left-top { top: 40px !important; } .logo-wrap { display: block; height:75px; width: 150px; position: relative; transition: ease all 0.5s; z-index:11;} .logo-wrap #logo { display: inline-block; height: 100%; width: 100%; } .logo-wrap #logo img{ width:100%; position: relative; left:0; top:0; transition:ease all .5s; } .header-right .header-right-in { display: flex; align-items: center; margin:0; } .site-header .right-bottom { top: 100% !important; } /* Header Scroll */ .sticky-header.sticky-top .logo-wrap #logo img { width: 80%; } #header-in nav { position: static; } /*base nav styles*/ #nav .fa:before {font-family: 'FontAwesome' !important} .site-header #nav {padding: 0;position: static;margin:0; max-width: 100%;} .site-header #nav li {margin: 0;list-style: none;} .site-header #nav a, .site-header #nav span { font-size: 15px; font-weight: 600; color: var(--colorprimary); display: block; padding: 27px 16px; margin: 0; z-index: 1; transition: all 0.3s; line-height: 150%; } .site-header #nav ul {padding: 0;margin: 0;background: transparent;} .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; top: 29%; margin: 0; list-style: none; z-index: 1050; } #translation-links ul {padding: 10px 0;margin: 0;position: absolute;top: 100%;right: 0;width: 300px;background: #fff;display: none;height: 400px;z-index: 999;overflow-y: scroll;} #translation-links ul li{position: relative;top: 0;transform: unset;margin:0} #translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;color: #1B1B1B;} #translation-links ul li a:hover{background:var(--secondarycolor);color:var(--color-white)} [lang="en"] #translate-reset{display: none} [data-lang="English"]{background:var(--secondarycolor);color: var(--color-white) !important;} div.skiptranslate{display:none !important} #translate-button { background: transparent; border: 0; font-weight: 600; font-size: 14px; color: var(--colorprimary); background: var(--lightyellowcolor); text-transform: capitalize; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-radius: 22px; } #translate-button:hover { color: var(--colorprimary); background: var(--yellowcolor); } #translate-button img{ width:18px; margin-right:8px; } /* FB Button*/ .fb-connect-btn { border: none; background: var(--bluecolor); color: var(--color-white); display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 22px; font-weight:600; } .fb-connect-btn img { height: 20px; max-width: 20px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(137deg) brightness(109%) contrast(100%); } .fb-connect-btn:hover{ background: var(--colorprimary); color: var(--color-white); } /* font-resizer */ #font-resizer {display: flex;gap: 4px;} #font-resizer .resize-img img{width: 32px;} #font-resizer button {background: none;padding: 0;border: 0;} #font-resizer button img {width: 18px;} /* search */ #search-toggle-desktop { height: 32px; width:32px; border: none; font-size: 20px; background:transparent; color:var(--colorprimary); transition: ease all 0.5s; margin:0; } #search-toggle-desktop:hover { color: var(--bluecolor); } #header-in #search { position: absolute; top: 100%; right: 0; max-width: 290px; margin-top:15px; display: none; background: var(--color-white); border-radius: 40px; overflow: hidden; } #header-in #search .search-form { display: flex; width: 100%; margin: 0; align-items: center; } #header-in #search .search-form i { margin-left: 10px; font-size: 14px; color:var(--colorprimary); } #search input { border: 0; font-weight: 500; color:var(--colorprimary); transition: all 0.3s; font-size: 16px; padding:0 0 0 15px; text-transform: inherit; height:40px; } #search input::-webkit-input-placeholder{color:var(--colorprimary);} #search input:-moz-placeholder{color:var(--colorprimary);} #search input::-moz-placeholder{color:var(--colorprimary);} #search input:-ms-input-placeholder{color:var(--colorprimary);} #search input:focus {border-color:none;} #search button { border: none; height: 40px; flex: 0 0 50px; font-size: 14px; font-weight: 700; color: var(--color-white); background: var(--colorprimary); padding: 0; display: flex; align-items: center; justify-content: center; } #search button:hover{ color: var(--color-white); background: var(--colorprimary); } /* slider-search-catalog */ .catalog-search {width: 354px;max-width: 100%;height: 62px;border-radius: 3px;border: 1px solid #3c7ca0;display: flex;align-items: center;justify-content: space-between;} .radio-btns{padding: 0 16px 0 8px;border-right: 1px solid #709bb3;} .form-group{text-align:left;margin: 0;} .radio-btns input[type="radio"]{display:none} .radio-btns label{position:relative;padding-left:26px;cursor:pointer;display:inline-block;font-weight:400;font-size:15px;color:#8b8b8b;line-height: 1.1; margin: 0;text-transform:capitalize} .radio-btns label::before{content:'';position:absolute;left:0;top:0;width:17px;height:17px;background: #e4e4e4;border-radius:50%} .radio-btns label::after{content:'';width:12px;height:12px;background:#ea6547;position:absolute;top:2.5px;left:2.5px;border-radius:50%;transition:all .3s ease} .radio-btns input[type="radio"]:not(:checked) + label::after{opacity:0;transform:scale(0)} .radio-btns input[type="radio"]:checked + label::after{opacity:1;transform:scale(1)} /* Section homepage top */ #homepage-top { position: relative; padding: 5px 0 0 0; } #homepage-top .social-media-wrap { position: absolute; margin: 0; top: 10px; right: 1px; z-index: 3; width: 1471px; max-width: 100%; margin: 0 auto; left: 0; justify-content: flex-end; } /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #inner-content .container { max-width: 100%; padding:0; } #freeform.fullwidth #inner-content .container { max-width:1200px; padding:0 15px; } #freeform .inner-content {position: relative; display: flex;} #freeform #entry { padding:32px 70px 32px 32px; flex:1;} #freeform.fullwidth #entry{ padding-left:0; } #freeform.fullwidth #entry{ padding-right:0; } #freeform.fullwidth #entry, #freeform {position: relative;} #freeform #slider {position: relative;padding: 0;height: 400px;} #freeform #slider::after { display: none; } #freeform #slider>img {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 11} #aside-left { flex: 0 0 400px; width: 100%; position: relative; z-index: 11; background:#EDC882;} #aside-left .right-top { position: relative; top: -2px; margin: 0 0 20px 0; } #aside-left .left-side-box:first-child { z-index: 13 !important; } #flyout-wrap, #contact-wrap, #hours-wrap, #resource-wrap { position: relative; z-index: 1; margin-top:50px; } #flyout-header, .box-header { font-size:24px; font-weight: 700; text-transform: capitalize; line-height:36px; position: relative; color:var(--colorprimary); margin-bottom:24px; margin-left:50px} #hours-wrap .box-header { margin-bottom:22px; } #flyout {padding: 0;z-index: 1;} #flyout, #flyout li {position: relative;;margin: 0;} #flyout li {list-style: none;z-index: 10;} #flyout a, #flyout span { display: block; text-decoration: none; text-transform: capitalize; transition: all 0.3s; } #flyout a, #flyout span, #contact-info li, #contact-info .contact-link, .description-text p, #hours-wrap ul li, #resource-wrap .resource-link { color: #181818; font-size: 15px; line-height: 27px; font-weight:bold; } #flyout a { padding: 5px 50px; line-height: 18px; margin: 0 0 11px 0; text-decoration: underline; font-size:15px; color: var(--colorprimary);} #flyout a span { display: block; } #flyout ul {display: none} #flyout ul li, #flyout ul, #breadcrumbs ul,#flyout {padding: 0;margin: 0;} #flyout ul a, #flyout ul span {display: block; font-size: 12px;padding: 10px 15px;margin: 0;border-bottom: 1px solid rgba(0, 0, 0, .15) !important;} #contact-wrap p { margin: 24px 0 0 0; font-size: 14px; color: #181818; font-weight: 600; } .col-xs-12 {width: 100%} .profile-img { max-width: 150px; width: 100%; height: 150px; margin: 0 0 24px 0; border-radius: 50%; } .contact-name { font-size: 18px;font-weight: 700;margin:0 0 5px 0;line-height:27px;color: var(--colorprimary); } .contact-position { font-size: 16px;font-weight: 700;margin:0;line-height:24px;color: var(--colorprimary); } .box-inner { margin:0 50px; } #contact-info { margin: 0 0 0 0; padding: 0; } #contact-info li { margin: 24px 0 0 0; } #contact-info li, #contact-info .contact-link { display: flex; align-items: center; text-decoration: none; transition: all 0.3s; gap:17px; width: 100%; font-size:14px; font-weight:600; color: var(--colorprimary); line-height:24px;} #contact-info li img { width: 14px;margin: 0;max-width: fit-content; filter:brightness(0) saturate(100%) invert(11%) sepia(25%) saturate(949%) hue-rotate(84deg) brightness(93%) contrast(94%); } #contact-info .contact-link:hover {color: var(--bluecolor);} #contact-info li:last-child .contact-link{ text-decoration: underline; } #hours-wrap ul {padding: 0;margin: 0;list-style-type: none;} #hours-wrap ul li + li { margin: 20px 0 0 0; line-height: 18px; } #hours-wrap ul li { font-weight:500; } #hours-wrap .day { display: inline-block; width: 48px; font-weight: 700; margin-right: 6px; text-transform: uppercase; color: #181818; } #hours-wrap .time {letter-spacing: -0.28px;} #resource-wrap .resource-link { display: flex; align-items: center; gap: 14px; width: 100%; text-decoration: none; background: transparent; padding: 14px; width: 100%; border-radius: 10px; color: var(--colorprimary); font-size: 15px; border: 1px solid var(--colorprimary); } #resource-wrap .resource-link:hover { background:var(--lightyellowcolor); color: var(--bluecolor); border-color:var(--color-white); } #resource-wrap .resource-link:hover img{ filter:brightness(0) saturate(100%) invert(28%) sepia(88%) saturate(1332%) hue-rotate(178deg) brightness(96%) contrast(100%); } #resource-wrap .resource-link + .resource-link {margin: 20px 0 0 0;} .resource-link img { width: 14px; filter:brightness(0) saturate(100%) invert(11%) sepia(25%) saturate(949%) hue-rotate(84deg) brightness(93%) contrast(94%); } #entry p { margin: 0 10px 21px 0; line-height: 160%; font-size: 16px; } div#modal-event-description a, #entry p a, #entry a, #tinymce a {text-decoration: underline; color:var(--bluecolor);word-break:break-word;} div#modal-event-description a:hover, #entry p a:hover, #entry a:hover, #tinymce a:hover {color:var(--greencolor);} #post ul { margin-top:44px; padding-left: 0;} #post ul li { padding: 0; line-height: 175%; padding-left: 4px; margin: 0; } #breadcrumbs {margin-bottom:50px;} #breadcrumbs ul {list-style: none;} #breadcrumbs ul, #breadcrumbs ul li, #breadcrumbs a {text-transform: capitalize;} #breadcrumbs ul li, #breadcrumbs a { display: inline-block; position: relative; font-size: 14px; } #breadcrumbs ul li:last-child {margin-right: 0;} #breadcrumbs a { text-decoration: none; font-weight: 700; line-height: 18.9px; color: var(--bluecolor); } #breadcrumbs ul li { margin: 0; margin-right:39px; color: var(--greencolor); font-weight: 700; text-decoration: none; } #breadcrumbs ul li:not(:last-of-type)::after { content: '\f0da'; font-family: 'FontAwesome'; font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); margin: 1px 20px; color: #323232; } #post blockquote { position: relative; background: var(--weblight); margin: 42px 0; font-size:32px; color: var(--colorprimary); font-weight: 700; padding:32px 70px 32px 50px; text-transform: capitalize; border-radius:20px; letter-spacing: normal; line-height: 150%; border:1px solid var(--greencolor) ; } #post blockquote::after { content:url(../images/quote.png); display: inline-block; height: 15px; width: 15px; position: relative; top: -15px; } #post blockquote::before { content: url(../images/quote.png); display: inline-block; height: 15px; width: 15px; position: relative; top: -15px; } .freeform-slider-wrapp { max-width: 380px; margin-left: auto; } .resource-wrap-left{ margin-bottom:340px; } #left-logo { left: 0; position: absolute; bottom: 0; height: 325px; width:100%; overflow: hidden;} #left-logo img { width: 100%; height: 100%; object-fit: cover; } #freeform .freeform-slider-wrapp .tns-controls { display: none; } #freeform #quick-links .tns-controls, #freeform #news .tns-controls { position: relative; top: -80px; transform: translateY(0); display: flex; justify-content: flex-end; margin-left: auto; gap: 15px; width: 80px; margin-top: 0; } #freeform #quick-links .tns-controls button, #freeform #news .tns-controls button{ padding:0; background: #5D8C3E; } #freeform #quick-links .tns-controls button:hover, #freeform #news .tns-controls button:hover{ background: var(--bluecolor); } #freeform #quick-links .tns-controls button:first-of-type, #freeform #news .tns-controls button:first-of-type { margin-left: 0; } #freeform #quick-links .tns-controls button:last-of-type, #freeform #news .tns-controls button:last-of-type { margin-right:0; } #freeform #entry #quick-links p.qlink-title { margin:32px 0 0; margin-top: 14px; line-height: 130%; } #freeform #entry #quick-links .qlink-icon-box img { width: 55px; } #freeform #quick-links .section-heading, #freeform #news .section-heading{ text-transform: uppercase; } #freeform #quick-links-in #tns2-mw { max-width:100%; } .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;} .news-banner[style="background: url('_assets_/images/logo.png') top center no-repeat;background-size:cover"]{background-size:contain !important;background-position:center center !important;} .news-banner[style="background: url('_assets_/images/logo.png') top center no-repeat;background-size:cover"]:after{display:none;} .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"] .category-list li { background: #838383; font-weight: 400; padding: 0px 7px !important; border-radius: 10px; } #calendar-filters .calendar-name-filter:hover { color: #fff; } /* ----------------------------------------- #share widget -----------------------------------------*/ .modal { z-index: 100000 } /** modal **/ .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: var(--color-black); } .btn-twitter:hover { border-color: var(--color-black); outline:2px solid var(--color-black); 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; line-height: 1.4!important; text-transform:none!important; letter-spacing:0!important; color:var(--color-white) !important; border:0!important; border-radius:40px; background:var(--colorprimary) !important; } .modal .btn.p-0{ padding:0!important } .modal .btn-inverse:focus{ box-shadow:0 0 0 .2rem rgba(0,0,0,.25) } /* ----------------------------------------- #slider -----------------------------------------*/ #slider {position: relative;height: 450px;z-index: 1;} #slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0} #slider .tns-controls { z-index: 2; width: 98%; margin: 0 auto; } #slider .tns-nav{display: none;} #slider .tns-controls button {color: #fff;background: rgba(255, 255, 255, 0.20);} #slider .tns-controls button:hover {color: #fff;background:var(--bluecolor);} .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;transform:translateY(-50%);z-index:0;} .tns-controls button {background: var(--greencolor);padding: 0;width:32px;height:32px;color: #fff;border:none;font-size:24px;transition: all 0.3s; border-radius:5px;} .tns-controls button i { margin-top: -1px; } .tns-controls button img {width: 32px;} .tns-controls button:hover {color: var(--color-white); background: var(--bluecolor);} .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} #homepage #slider .tns-controls button:disabled {opacity: 0.3;} /* Tns-nav */ .tns-nav { display: flex; gap:12px; position: relative; z-index: 1; margin-top:15px; justify-content: flex-end; } .tns-nav button {width: 10px;height: 10px;border-radius: 50%;background:#FAEAC6 !important;border: none;padding: 0 !important;} .tns-nav button.tns-nav-active {background-color: #5D8C3E !important;} /* tiles */ #tiles-gallery-in {display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;} .tiles-gallery-item {position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 180px;border-radius: 8px; text-decoration: none;z-index: 1;transition: all 0.3s;} .tiles-gallery-item::before {position: absolute;content: '';background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 100%);border-radius: 8px; width: 100%;height: 100%;top: 0;left: 0;z-index: -1;} .tiles-gallery-item:hover {text-decoration: none;} .tiles-gallery-item:hover::before {background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 100%);} .gallery-title {font-size: 24px;font-weight: 400;line-height: 28.8px;color: #fff;letter-spacing: -0.48px;font-family: 'Futura Bk BT';} /* title */ .section-heading, #page-title{ font-size: 48px; line-height: 135%; position: relative; margin:0 0 32px 0; font-family: var(--Lora-font); color: var(--colorprimary); text-transform: capitalize; } #page-title, .section-heading, .section-subheading {color: var(--colorprimary);font-weight: 700;} .section-heading > span{color: var(--colorprimary);} .section-subheading {font-size: 48px;line-height: 35px;margin-bottom: 52px;} .title-wrap .button { margin: 3px 0 auto 0; } #page-title { font-size: 55px; color: var(--colorprimary); margin:0; } .title-wrapp { display: flex; align-items: center; justify-content: space-between; margin-bottom:32px; } .title-wrapp .section-heading{ margin-bottom:0; } /* section quick-links */ #quick-links { margin:72px 0; } #quick-links .container { position: relative; } .quick-link { position: relative; display: block; transition: ease all 0.5s; margin: 0 auto; padding-top: 27px; text-decoration: none !important; } .qlink-icon-box { position: relative; z-index: 1; transition: ease all 0.5s; margin: 0 auto; width: 125px; height: 125px; border-radius: 50%; outline-offset:-1px; outline:3px solid var(--greencolor); background: var(--colorprimary); display: flex; align-items: center; justify-content: center; } .qlink-icon-box img {width:80px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(284deg) brightness(102%) contrast(103%);} .qlink-title { text-transform: capitalize; font-size: 16px; font-weight: 700; text-align: center; margin-top:14px; line-height: 130%; color: var(--colorprimary); position: relative; z-index: 1; margin-bottom:0; margin-top:32px;} .qlink-title::after{ content:""; width:0; margin:0 auto; display: block; background: var(--yellowcolor); height:3px; margin-top:12px; transition: ease all 0.5s;} .quick-link:hover .qlink-icon-box{ transform: translateY(-25px); background: var(--yellowcolor); outline-color: var(--lightyellowcolor);} .quick-link:hover .qlink-title::after{ width:85px; } .quick-link:hover .qlink-icon-box img{ filter:brightness(0) saturate(100%) invert(9%) sepia(11%) saturate(323%) hue-rotate(141deg) brightness(98%) contrast(100%); } #quick-links .tns-controls button:first-of-type{margin-left: -50px;} #quick-links .tns-controls button:last-of-type{margin-right: -50px;} /* News */ #news{ position: relative; padding:72px 0; } #news .container { position: relative; z-index: 2; } #news .section-heading { text-align: center; display: block; } #news .news-tiny-wrap{ padding:25px 0 10px 5px; transition: ease all 0.5s;} #news .news-card { background: var(--lightyellowcolor); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); display: block; transition: ease all 0.5s; overflow: hidden; border-radius:20px; text-decoration: none;} #news .news-img{ overflow: hidden; padding-bottom: 46%; } #news .news-card-detail { padding:32px; height:235px; background: url(../images/news-box-bg.png); background-repeat: no-repeat; background-size: cover;} #news .news-card p { font-size: 16px; color: var(--color-white); display: inline-block; text-transform: capitalize; margin: 0; background: var(--colorprimary); font-weight: 600; border-radius: 5px; padding: 4px 10px; line-height: normal;} #news .news-card h4 { font-size: 22px; line-height: 28px; color: var(--colorprimary); font-weight: bold; margin:20px 0; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; min-height:84px; text-transform: capitalize !important; letter-spacing:normal !important;} #news .news-card-detail span { font-size: 14px; font-weight:bold; display: inline-block; color: var(--bluecolor); position: relative; transition: ease all 0.5s; } #news .news-card-detail span img{ width:20px; filter:brightness(0) saturate(100%) invert(26%) sepia(84%) saturate(1640%) hue-rotate(181deg) brightness(99%) contrast(101%); margin-left:5px; } #news .news-tiny-wrap:hover { transform: translateY(-25px); } #news .news-card:hover .news-card-detail span{ color: var(--colorprimary); } #news .news-card:hover .news-card-detail span img{ filter:brightness(0) saturate(100%) invert(12%) sepia(3%) saturate(5840%) hue-rotate(88deg) brightness(96%) contrast(95%); } #news .news-card:hover { background:#FEC901; } #news #news-carousel-ow .tns-controls { position: absolute; top: -80px; transform: translatey(0); max-width: 80px; margin-left: auto; right: 188px; } /* section events */ #events { position: relative; padding: 72px 0 74px 0; min-height: 773px; overflow-x: hidden; } #events .section-heading { text-align: center; display: block; } #events-tabs{display:none;} #events-tabs .tab {display: flex;} #events-tabs { max-width: 50%; margin-left: auto; justify-content: flex-end; margin-top:32px; gap:15px;} #events-tabs .tab { position: relative; font-size:14px; font-weight:600; color: var(--colorprimary); } #events-tabs .tab::before { position: relative; display: inline-block; content:""; height:20px; width:20px; margin-right:10px; } #events-tabs .tab:nth-of-type(1)::before { background: var(--bluecolor); } #events-tabs .tab:nth-of-type(2)::before { background: var(--greencolor); } #events-tabs .tab:nth-of-type(3)::before { background: var(--yellowcolor); } #events-tabs .tab + .tab {margin-left: 1px;} .custom-scroll-content { flex: 1; overflow-y: scroll; scroll-behavior: smooth; height: 100%; scrollbar-width: none; -ms-overflow-style: none; padding-left:10px; padding-bottom:15px;} .custom-scroll-content::-webkit-scrollbar { display: none; } .custom-scroll-container { display: flex; flex-direction: column; align-items: flex-start; height: 540px; position: relative; user-select: none; } .scroll-arrow { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; background: var(--colorprimary); color: var(--color-white); cursor: pointer; border-radius: 50%; margin: 0; position: absolute; transform: translateX(-50%); left: 50%; top:-20px;} .custom-scrollbar { width: 2px; position: relative; height: calc(100% - 40px); margin: 20px 25px; background: var(--colorprimary); display: none;} .custom-thumb { width: 25px; height: 25px; background: var(--color-white); border-radius: 50%; position: absolute; top: 0; left: 0; cursor: pointer; transition: background 0.3s; border: 1px solid var(--colorprimary); transform: translateX(-50%); left: 50%; } .custom-thumb:hover { background:var(--yellowcolor); } .scroll-arrow.down-arrow { bottom: 0; top:auto; bottom: -20px;} /* Section discover */ #discovers {padding: 114px 0 146px 0; background: #E0E5F5;} #discovers #discovers-in {display: flex;gap: 40px;} #discovers-in #discover-left {width: 37.5%;padding-top: 129px;} #discovers-in #discover-left, #discover-left .section-heading {text-align: left; margin: 0;} #discover-left .section-heading > span {display: block;} #discover-left p {margin: 32px 0 32px 0;letter-spacing: normal;line-height: 24.3px;letter-spacing: -.275px;} #discover-left .button,#discover-left p {font-size: 18px;} #discover-left .button {min-width: 191px;padding: 18px 15px;} .discover-gallery .gallery-row {display: flex; flex-direction: row; gap: 12px;margin-left: -4px;} .discover-gallery .gallery-row:nth-child(2n) {flex-direction: row-reverse;} .discover-gallery .gallery-item {height: 180px; margin: 6px 0;overflow: hidden;} .discover-gallery .gallery-item img {height: 100%;width: 100%; object-fit: cover;} .discover-gallery .gallery-item, .discover-gallery .gallery-item img {transition: all 1.9s;} .discover-gallery .gallery-item:first-child {width: 36.5%;} .discover-gallery .gallery-item:nth-child(2) {width: 63%;} .discover-gallery .gallery-item:hover img {transform: scale(1.1);} /* Section quicklink stansalone */ #quicklink-section {position: relative; background: #E0E5F5;} #quicklink-section .container-fluid {padding-left: 30px;padding-right: 30px;} #quick-links .section-heading { text-align: center; } #quicklink-section::after {content: ""; background: #fff;height: 50%;width: 100%;position: absolute;left: 0;bottom: 0;} #quicklink-section .quicklink-item {display: flex;height: 400px;position: relative;z-index: 1;justify-content: center;align-items: center;padding: 32px;} #quicklink-section .quicklink-item::after {content: ''; height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 128,.72);z-index: -1; opacity: 0;visibility: hidden;transition: all .3s;} #quicklink-section .quicklink-item img {height: 100%;width: 100%;} .quicklink-item .quicklink-head {color: #fff;margin: 0;} #quicklink-section .quicklink-item:hover::after {opacity: 1;visibility: visible;} /* Section stay connected */ #stay-connected {padding: 152px 0 55px 0;} #stay-connected .section-heading, #stay-connected .staypara {text-align: center; margin: 0 0 34px 0;} #stay-connected .staypara {font-size: 16px;letter-spacing: -0.255px;} #stay-connected .button {margin: 0 auto 59px auto;line-height: 1;} #stay-connected .button > img {width: 17px;margin-right: 7px;margin-top: -4px;} #connected-gallery { display: flex; flex-wrap: wrap; gap: 24px; margin-right: -24px; } #connected-gallery .gallery-tile { width: calc(25% - 24px); border: 1px solid var(--weblight); } .gallery-tile .gallerythumb {display: block;height: 136px;} .gallery-tile .gallerythumb img {object-fit: cover;border-radius: 0;height: 100%;width: 100%;} .gallery-tile .gallery-info {padding: 10px 15px;} .gallery-info .gallery-date {margin: 0;font-weight: 700;} .gallery-info .gallery-views {color: var(--darkgray);font-size: 12px;line-height: 1;} /* Section Notify */ #notifymes {background: var(--colorprimary);padding: 50px 0;} #notifymes #notify-in {display: flex; gap: 40px;} #notifymes #notify-bell {background: var(--lightgray); height: 80px;width: 80px;line-height: 80px; display:block;text-align: center;} #notifymes #notify-bell>img{width: 40px;} .notify-text .section-heading,.notify-text p {margin: 0;text-align: left;color: #fff;} .notify-text .section-heading {margin-top: -2px;} .notify-text p {font-size: 18px;margin-top: 14px;} #notifymes .button {border-color: #fff;color: #fff;margin: 19px 0 0 auto;height: 40px;} #notifymes .button img {width: 12px;margin: -3px 0 0 7px;} #notifymes .button:hover {border-color: var(--redmain);} /* section footer */ #footer .footer-box { position: relative; background: var(--colorprimary); padding-top: 32px; } .footer-img { margin-bottom: -1px; display: none; } #homepage .footer-img { display: block; } .footer-img img { width: 100%; } .footer-item { margin-bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; gap: 0 20px; } .footer-link, .footer-item p { font-size: 18px;display: block;color:var(--color-white);margin:0;line-height:150%; font-weight:600; } .footer-link:hover {color:var(--yellowcolor)} #footer-bottom { padding: 10px 0 32px 0; } #footer-bottom p, #revize {font-size: 14px;line-height:150%; color: #fff;margin:0;} #revize { padding: 0; text-align: center; display: flex; justify-content: center; align-items: center; } #revize-login { display: inline-block; margin:0 10px; padding:0 10px; border-left:1px solid #fff; border-right:1px solid #fff; } .revize-link{ font-weight:700; } #revize a:hover { color:var(--yellowcolor); } #footer-top .center-top { top: -50px !important; } /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1367px) { .site-header .container { padding-left:15px; padding-right:15px; } .site-header #nav a, .site-header #nav span { font-size: 14px; padding: 30px 14px; } #translate-button, .fb-connect-btn { padding: 8px 15px; } .fb-connect-btn img { height: 16px; max-width: 10px; } /** Quick Links **/ #quick-links-in #tns2-mw { max-width: 1030px; margin: 0 auto; } #quick-links .tns-controls button:first-of-type { margin-left: 0; } #quick-links .tns-controls button:last-of-type { margin-right: 0; } } @media only screen and (max-width:1199px) { #translate-button, .fb-connect-btn { gap: 0; font-size: 0; height: 40px; width: 40px; padding: 0; justify-content: center; } #translate-button img { margin:0; } .logo-wrap { display: block; height: 45px; width: 100px; } .site-header #nav a, .site-header #nav span { font-size: 13px; padding: 30px 10px; } /** Banner **/ /** Quick Links **/ #quick-links-in #tns2-mw { max-width: 850px; margin: 0 auto; } /** Events **/ #events-tabs .tab { position: relative; font-size: 12px; font-weight: 600; color: var(--colorprimary); } #aside-left { flex: 0 0 300px; } #flyout-header, .box-header { margin-left: 30px; } .box-inner { margin: 0 30px; } #post blockquote { font-size: 26px; padding: 32px 50px 32px 40px; } } @media only screen and (min-width:992px) { .site-header #nav .toggle, .site-header #nav .toggle2{display:none} .site-header #nav .focused .toggle, #flyout .focused .toggle{display:inline-block !important;margin-left:-8px;padding: 0;height: auto;} #flyout .focused .toggle, .site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout .focused .toggle {margin-left: 1px;} #flyout .focused .toggle.fa-angle-down { position: absolute; right:10px; top:0; margin:0 !important; padding:0 !important; } .site-header #nav .focused .toggle::after, #flyout .focused .toggle::after{ display: none; } #header-in #search { right: 130px; } /* base nav styles */ .site-header #nav li:hover>ul{display:block} .site-header #nav a, .site-header #nav span { position: relative; display: inline-flex; align-items: center; } /* traditional */ #nav ul{position:absolute;left:0;top:100%;display:none;min-width:200px; background:var(--colorprimary); } #nav ul:not(make-mage) ul{left:100%;top:0} #nav li{position:relative;display: flex;align-items: center;} #nav ul li {display: block;width: 100%;} #nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);} /* Dropdown menu */ .site-header #nav ul a { padding:5px 20px; color: #fff; text-transform: capitalize; font-weight: normal; margin-left:0; } .site-header #nav ul a::before{ display: none; } .site-header #nav ul a:hover{ color: var(--colorprimary-300); } /* mega menu */ #nav li.static:hover ul{display:block} #nav > li > ul.make-mage { position: absolute; left: 0; right: 0; top: 100%; display: none; max-width:984px; padding:48px; margin:0 auto; background: var(--colorprimary); column-count: 4; column-gap: 20px; min-height: 347px; border-radius:0 0 6px 6px; } #nav>li>ul.make-mage>li{display: table;page-break-inside: avoid;} #nav li:hover>ul.make-mage ul{position:static;margin: 0 0 11px 0;} #nav ul.make-mage a:not(.fa), #nav ul.make-mage span { font-size: 18px; font-weight: bold; text-transform: capitalize; display:table; margin: 0 0 6px 0; padding: 12px 0 12px 0; position: relative; color: var(--color-white); } #nav ul.make-mage a:not(.fa)::before, #nav ul.make-mage span::before{ display: none; } #nav ul.make-mage ul a:not(.fa), #nav ul.make-mage ul a:not(.fa), #nav ul.make-mage ul span { font-size: 14px; font-weight: 400;color:var(--yellowcolor); display:inline-block; margin: 8px 0; padding: 0; text-transform: capitalize; } #nav > li > ul.make-mage > li .second-level li a::after{ bottom:0; } #nav > li > ul.make-mage > li .second-level li a:hover{ color:#37ACE2 !important; text-decoration:underline;} #nav ul.make-mage a:hover, #nav ul.make-mage span:hover{ color:#37ACE2 !important; } #nav .make-mage .focused .toggle2{display:block} .layout-table { table-layout: fixed; width: 100% } .site-header #nav {display: flex;justify-content: center;} #flyout>li:hover>ul { display: block;} #flyout ul { position: absolute; left: 100%; top: 0; width: 200px; z-index: 10; background:var(--lightyellowcolor); } #flyout li:last-child a, #flyout li:last-child span {border-bottom: none;} #flyout > li:hover > a, #flyout > li:hover > a span, #flyout > li:hover > span{ color: var(--bluecolor); text-decoration: underline;background: var(--lightyellowcolor); } #flyout > li .first-level > li > a{ padding:11px !important; margin: 0 !important; } #flyout > li .first-level > li > a:hover{ background:#EDC882; color: var(--bluecolor); } /* Hover Menu */ .site-header #nav a, .site-header #nav span{ position: relative; margin-left:10px; } .site-header #nav li:first-of-type a, .site-header #nav li:first-of-type span{ margin-left:0; } .site-header #nav a:before, .site-header #nav span:before{ content:""; position: absolute; width:100%; height:0; top:0; left:0; right:0; background: var(--secondarycolor-100); transition: ease all 0.5s; } .site-header #nav li:hover a:before, .site-header #nav li:hover span:before{ height:4px; } .site-header #nav > li:hover > a, .site-header #nav > li:hover > span{ color: var(--colorprimary); background: var(--yellowcolor);} } @media only screen and (max-width:991px) { .button, a.button, #post button:not(.rz-agenda-search-submit), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn, #entry p { font-size: 14px; } .logo-wrap #logo{ height: auto; width: 90px; position: relative; } .site-header #nav a, .site-header #nav span { color: var(--colorprimary); } .site-header .toggle, .site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff !important;background:var(--colorprimary);position:absolute;right:0;top:0} .site-header .logo-wrap{position: relative;display:flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;} .site-header #nav{position: absolute;left: 0;top: 100%;width: 100%;background: var(--color-white); margin: 0;} .site-header #nav li{position:relative!important} .site-header #nav ul{display:none;background:rgba(0, 0, 0, .15);} .site-header #nav li a, .site-header #nav li span {font-size: 14px !important; margin: 0;} .site-header #nav ul a, .site-header #nav ul span {font-size: 14px !important; font-weight: 500;text-transform: capitalize;} .site-header #nav ul ul a, .site-header #nav ul ul span {font-size: 14px !important;} #nav > li > ul.make-mage { padding: 0 !important; } #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 } #info-toggle, #nav-toggle, #search-toggle { line-height: 42px; width: 42px; text-align: center; background: var(--colorprimary); display: inline-block; color:var(--color-white); border-radius:50%; margin-left: 5px; cursor: pointer; } #nav, #flyout { display: none } #flyout a, #flyout span, #nav li { display: block } #flyout ul {background:rgba(0, 0, 0, .15);} #nav a, #flyout a{ font-size: 14px !important; line-height: 1 !important; padding: 10px !important; border-bottom: 1px solid #A9A9AB; margin:0;} #flyout #flyout-dropdown-toggle-1 { padding:16px 0 !important;} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span { border: 0 } #flyout li {padding: 0;} #flyout ul a, #flyout ul span { color: #221F1F; font-size: 14px !important; } .toggle, .toggle2 { display: block; position: absolute; right: 0; top: 0; line-height: 45px; text-align: center; width: 45px; color: #fff !important; background: var(--colorprimary); transform: none !important; text-align: center !important; } #flyout a, #flyout span { text-align: left; } #freeform .inner-content {flex-wrap: wrap;} .fullwidth #inner-content { padding-top:30px; } .profile-detail { text-align: left; } #page-title { font-size: 36px; } #breadcrumbs { margin-bottom: 30px; } #aside-left, .entry-content { max-width: 100%; min-width: 100%; } #flyout-wrap {padding: 0; margin-top: 0;} #flyout-header {display: none;} #flyout-toggle { padding: 20px 30px; color: var(--colorprimary); text-transform: capitalize; font-weight: 700; cursor: pointer; background: var(--color-white); margin: 15px 15px; border-radius: 10px; font-size: 24px; } #contact-info li,.description-text p { margin: 15px 0 0 0; } .profile-img { margin: 15px 0; } #tiles-gallery-in {grid-template-columns: repeat(3, 1fr);} #post blockquote { line-height: 30px; } #header-top {padding: 30px 0;display: none;} #header-top-in {flex-direction: column;gap: 12px;height: auto;} .header-contact {flex-direction: column;gap: 16px;} .header-contact-link::after {display: none;} #header-in {position: unset;flex-direction: column; height: auto;} #header-in { height: auto; } .header-right { width: 100%; padding: 10px 15px; position: absolute; left: 0; top: 102%; display: none; background: var(--color-white); } .header-right .header-right-in { position: relative; justify-content: center; } #translate-button { width:125px; padding: 0 10px; text-align: left; display: flex; } #translate-button span { display: inline-block; } #translate-button i { margin-right: 5px; } #translation-links li {top: 90%;right: 0;} #translation-links ul {left: 0;} .floating-share-btn {width: 60px;height: 50px;font-size: 10px;font-weight: 600;top: calc(30% - 55px);} .social-media-link > .fa-twitter::before { width: 16px; height: 16px; background-size: 16px; } #translate-button, .fb-connect-btn { gap: 10px; font-size: 14px; width: auto; padding: 0 20px; } #search-toggle-desktop { display: none; } #header-in #search { position: relative; display: block; margin-top:0; border:1px solid var(--colorprimary);} /** Quick Links **/ #quick-links-in #tns2-mw { max-width: 600px; } /** Footer **/ .footer-link, .footer-item p { font-size: 14px; display: block; } #footer-bottom p, #revize { font-size: 12px; } #fb-connect-modal .modal-header h2 { font-size: 32px; } /** Aside **/ #aside-left { margin-top: 15px; border-radius: 10px; } #freeform #inner-content .container { max-width: 100%; padding: 0 15px; } #flyout { background: #fff; margin:0 15px !important; border-radius: 10px;} /** Entry **/ #freeform #entry { padding: 30px 0 0 0; } #freeform #slider { height: 300px; } .freeform-slider-wrapp { margin: 30px 0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { #breadcrumbs ul li {margin-right: 26px;} #breadcrumbs ul li:not(:last-of-type)::after {margin: 0 14px} #notifymes #notify-in { gap: 20px; flex-wrap: wrap; } #notifymes .button { margin: 15px 0 0 0; } #connected-gallery .gallery-tile { width: calc(50% - 24px); } .title-wrapp { display: block; text-align: center; } .department #quick-links .tns-controls, .department #news .tns-controls { justify-content: center; margin: 0 auto; position: relative; top:0; } #freeform #quick-links .tns-controls, #freeform #news .tns-controls { top: 0; margin: 0 auto; } /** Slider **/ #slider { height: 350px; } /** Quick Links **/ #quick-links-in #tns2-mw { max-width: 400px; } /** News **/ #news #news-carousel-ow .tns-controls { position: relative; top: 0; max-width: 80px; margin: 0 auto; right: 0; } #news .news-card-detail { padding: 24px 16px; } #news .news-card h4 { font-size: 18px; line-height: 26px; min-height: 84px; } /** Events **/ .custom-scroll-container { height: 500px; } /** Footer **/ .footer-item { display: block; text-align: center; } #footer-bottom { text-align: center; } #revize { display: inline-block; } .social-wrapp { top: auto; transform: translateY(0); bottom: 15px; } .floating-alert { right: 15px; width: calc(100% - 30px); } /** Aside **/ #page-title { font-size: 24px; } /** Entry **/ #post blockquote { font-size: 16px; padding: 12px 15px; line-height: 22px; } } @media only screen and (max-width:575px) { .logo-wrap #logo { width: 70px; } #translate-button, .fb-connect-btn { gap: 0; font-size: 0; height: 40px; width: 40px; padding: 0; justify-content: center; flex: 0 0 40px;} .section-heading, #page-title { font-size: 32px; } /* Slider */ #slider { height: 300px; } /* quick-links */ #quick-links-in #tns2-mw { max-width: 280px; } /* News */ #news { position: relative; padding: 0; } /* Events */ #events-tabs { max-width: 100%; margin: 20px 0 0 0; display: block; } #events-tabs .tab { margin-bottom: 10px; } .custom-scrollbar { margin: 20px 12px; } /* Footer */ #footer-top { display: block; text-align: center; } .footer-address-link { margin: 0 auto; } /* Inner Page */ #post blockquote { font-size: 16px; padding: 15px 15px; } #slider { height: 250px; } #post blockquote::before { top: 0; } #post blockquote::after { top:0; } } @media only screen and (max-width:400px) { } @media print { #slider, footer, #breadcrumbs, #flyout-wrap, .floating-share-btn, .e-notify, .site-header { display: none !important } a[href]:after { content: none !important } }