/* Theme Name: Juniper - Lightyear */ @import url("https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&family=Oxygen:wght@300;400;700&display=swap"); body { color: #000000; position: relative; overflow-x: hidden; } .customizer-content #header #tw-main-menu-wrapper.tw-fixed { position: fixed; top: 0; left: 286px; right: 0; z-index: 4; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } .customizer-content { font-family: var(--primary-font) !important; font-size: var(--default-size, 16px); } .customizer-content h1 { font-size: var(--h1-size, 36px); font-family: var(--hedings-font, --primary-font); } .customizer-content h2 { font-size: var(--h2-size, 30px); font-family: var(--hedings-font, --primary-font); } .customizer-content h3 { font-size: var(--h3-size, 24px); font-family: var(--hedings-font, --primary-font); } .customizer-content h4 { font-size: var(--h4-size, 18px); font-family: var(--hedings-font, --primary-font); } .customizer-content h5 { font-size: var(--h5-size, 14px); font-family: var(--hedings-font, --primary-font); } .customizer-content h6 { font-size: var(--h6-size, 12px); font-family: var(--hedings-font, --primary-font); } #juniper { font-family: var(--primary-font); font-size: var(--default-size, 16px); } #juniper h1 { font-size: var(--h1-size, 36px); font-family: var(--hedings-font, --primary-font); } #juniper h2 { font-size: var(--h2-size, 30px); font-family: var(--hedings-font, --primary-font); } #juniper h3 { font-size: var(--h3-size, 24px); font-family: var(--hedings-font, --primary-font); } #juniper h4 { font-size: var(--h4-size, 18px); font-family: var(--hedings-font, --primary-font); } #juniper h5 { font-size: var(--h5-size, 14px); font-family: var(--hedings-font, --primary-font); } #juniper h6 { font-size: var(--h6-size, 12px); font-family: var(--hedings-font, --primary-font); } .tw-primary { color: var(--primary-color); } .tw-bg-primary { background-color: var(--primary-color); } .tw-secondary { color: var(--secondary-color); } .tw-bg-secondary { background-color: var(--secondary-color); } .tw-tertiary { color: var(--tertiary-color); } .tw-bg-tertiary { background-color: var(--tertiary-color); } .tw-font-family-secondary { font-family: var(--text-font-family-secondary); } .tw-btn { padding: 10px 35px; background: #decb53; border-radius: 8px; transition: unset; border-bottom: none; font-size: 17px; font-weight: 700; color: #07483d; display: inline-block; } .tw-view-all { font-size: 14px; } .has-error { border: 2px solid #c0392b !important; } a.tw-btn { text-decoration: none; } a.tw-btn:hover { color: #07483d; } #back-to-top { display: none; position: fixed; right: 27px; bottom: 10px; cursor: pointer; width: 60px; height: 60px; background: var(--primary-color); opacity: 0.5; border-radius: 50%; z-index: 1000; text-align: center; transition: 1s; box-shadow: 0 16px 32px rgb(0 0 0 / 100%); -webkit-text-stroke: 3px var(--primary-color); } #back-to-top:hover { opacity: 0.8; } #back-to-top i { color: #ffffff; font-size: 35px; padding-top: 19%; background: transparent; } .fixed { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 1px 9px 1px var(--primary-color); } .fixed-navbar { transition: 0.5s; } #fixed-header-logo { left: 10px; opacity: 0; transition: 0.8s; padding-top: 0.5rem; height: 67px; animation-duration: 0.5s; animation-fill-mode: forwards; z-index: 1001; } .fixed #fixed-header-logo { opacity: 1; } .fixed.down #fixed-header-logo { animation-name: appear; } #bottom.up:not(.fixed) #fixed-header-logo { animation-name: disappear; } #fixed-header-logo img { height: 50px; width: auto; transition: 0.8s; } .fixed-side-menu { position: fixed; right: 0; z-index: 999; } .fixed-side-menu ul li { width: 160px !important; padding-right: 0 !important; } .fixed-side-menu a span:first-child { transition: 0.2s; display: flex !important; } .fixed-side-menu a span:last-child { transition: 0.2s; display: none; } .absolute-side-menu { position: absolute; top: 0; right: 0; height: 100%; } @keyframes appear { 0% { transform: translatex(-200px); } 100% { transform: translatex(0px) translatey(0px) translateZ(0px); } } @keyframes disappear { 0% { transform: translatex(0px) translatey(0px) translateZ(0px); } 100% { transform: translatex(-200px); } } @media (min-width: 768px) { .fixed-navbar { padding-left: 150px; } } article .wp-post-image { width: 100%; height: auto; border-radius: 3px 3px 0 0; } /*===================================== = HEADER STYLES = =====================================*/ header#header { background: var(--primary-color); display: flex; flex-direction: column; } /*---------- hamburger animated ----------*/ header#header nav.navbar button.navbar-toggler .tw-hamburger-animated-icon { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } header#header nav.navbar button.navbar-toggler .tw-hamburger-animated-icon span { display: block; position: absolute; background: var(--secondary-color); height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } header#header nav.navbar button.navbar-toggler:focus { box-shadow: none; } header#header nav.navbar button.navbar-toggler .tw-hamburger-animated-icon span:nth-child(1) { top: 0px; } header#header nav.navbar button.navbar-toggler .tw-hamburger-animated-icon span:nth-child(2) { top: 10px; } header#header nav.navbar button.navbar-toggler .tw-hamburger-animated-icon span:nth-child(3) { top: 20px; } header#header nav.navbar button[aria-expanded="true"] .tw-hamburger-animated-icon span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } header#header nav.navbar button[aria-expanded="true"] .tw-hamburger-animated-icon span:nth-child(2) { opacity: 0; left: -60px; } header#header nav.navbar button[aria-expanded="true"] .tw-hamburger-animated-icon span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } header#header #tw-main-menu-wrapper { border-top: 6px solid var(--primary-color); } header#header nav.navbar #mainMenuWrapper ul { padding-top: 40px; } header#header nav.navbar #mainMenuWrapper ul .dropdown-menu { padding-top: 10px; } #mainMenuWrapper .ul { padding-top: 40px; } #mainMenuWrapper .dropdown:hover > .dropdown-menu, #mainMenuWrapper .dropend:hover > .dropdown-menu { display: flex; flex-direction: column; } #mainMenuWrapper .dropend:hover > .dropdown-menu { position: absolute; top: 0; left: 100%; } #mainMenuWrapper .dropend .dropdown-toggle { padding: 0.25rem 1rem; } @media (max-width: 767.99px) { header#header .tw-main-menu-wrapper { margin-left: 0; padding-left: 0; } header#header div:first-child { order: 3; } } @media (min-width: 992px) { header#header nav.navbar #mainMenuWrapper ul li { padding-left: 20px; padding-right: 20px; } } /*---------------------------------------------------------------------------*/ /*===== End of HEADER STYLES ======*/ /*=================================== = HERO STYLES = ===================================*/ section#tw-hero { /* background: var(--primary-color); */ } section#tw-hero .carousel-indicators { bottom: 60px; } section#tw-hero .carousel-item { height: 586px; background-repeat: no-repeat; background-size: cover; background-position: center; } section#tw-hero .carousel-indicators [data-bs-target] { background-color: rgba(223, 223, 223, 0.75); height: 4px; width: 31.5px; } section#tw-hero .carousel-indicators [data-bs-target].active { background-color: var(--primary-color); } section#tw-hero #tw-hero-line-carousel::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; /* background: #1a1a1b; */ } section#tw-hero #tw-hero-line-carousel .slider-image-hero { height: 100%; } /*---------- Search Button ----------*/ header#header #tw-main-menu-wrapper #tw-search-btn { font-family: var(--text-font-family-secondary); z-index: 3; top: -2px; padding: 15px 10px; } header#header #tw-main-menu-wrapper #tw-search-btn:focus { box-shadow: none; } @media (max-width: 767.99px) { header#header #tw-main-menu-wrapper .tw-search-wrapper { margin-right: 0; padding-right: 0; } } /*===== End of HERO STYLES ======*/ /*====================================== = HERO LINE MENU = ======================================*/ div#heroLineMenuWrapper { bottom: 60px; z-index: -1; transition: 0.3s; opacity: 0; } div#heroLineMenuWrapper ul li.nav-item { flex: 1 0 0%; } div#heroLineMenuWrapper ul li.nav-item .nav-link span { visibility: hidden; height: 0; position: absolute; } div#heroLineMenuWrapper ul li { list-style: none; padding-left: 40px; padding-right: 40px; } div#heroLineMenuWrapper ul li:hover i { transform: scale(1.2); } div#heroLineMenuWrapper ul li a div { } div#heroLineMenuWrapper ul li a i { width: 70px; height: 70px; background: var(--secondary-color); border: 1px solid var(--primary-color); border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; transition: 0.3s; } /*---------- sticky styles ----------*/ header#header #tw-main-menu-wrapper .tw-fixed-logo { opacity: 0; transition: 0.3s; z-index: -1; } header#header #tw-main-menu-wrapper.tw-fixed .tw-fixed-logo { opacity: 1; z-index: 2; } header#header #tw-main-menu-wrapper.tw-fixed .tw-fixed-logo a { padding-top: 0 !important; padding-bottom: 0 !important; } header#header #tw-main-menu-wrapper .tw-fixed-logo a img { height: 65px; width: auto; } div#heroLineMenuWrapper.tw-visible { opacity: 1; z-index: 2; } header#header #tw-main-menu-wrapper { transition: 0.3s; background-color: #ffffff; } header#header #tw-main-menu-wrapper.tw-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 4; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } /* All pages hero meni sidebar fixed*/ header#header #tw-main-menu-wrapper-all .tw-fixed-logo { opacity: 0; transition: 0.3s; z-index: -1; } header#header #tw-main-menu-wrapper-all.tw-fixed .tw-fixed-logo { opacity: 1; z-index: 2; } header#header #tw-main-menu-wrapper-all.tw-fixed .tw-fixed-logo a { padding-top: 0 !important; padding-bottom: 0 !important; } header#header #tw-main-menu-wrapper-all .tw-fixed-logo a img { height: 65px; width: auto; } div#heroLineMenuWrapper.tw-visible { opacity: 1; z-index: 2; } header#header #tw-main-menu-wrapper-all { transition: 0.3s; background-color: var(--tertiary-color); } header#header #tw-main-menu-wrapper-all.tw-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 4; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } /*---------- sidebar menu ----------*/ .menu-quick-menu-container { position: fixed; top: 200px; right: 0; border-radius: 20px 0px 0px 20px; padding: 10px; width: 80px; transition: 0.3s; z-index: 4; -webkit-box-shadow: -1px 1px 10px 1px var(--primary-color); box-shadow: -1px 1px 10px 1px var(--primary-color); } .tw-homepage-sidebar-menu-wrapper .menu-quick-menu-container { opacity: 0; z-index: -1; } .menu-quick-menu-container .nav-item .nav-link span { word-break: break-word; } .menu-quick-menu-container a { color: #fff; font-size: 14px; display: flex; flex-direction: column; align-items: center; text-align: center; } .menu-quick-menu-container a:hover { color: #fff; } .menu-quick-menu-container a i { font-size: 22px; background: var(--primary-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 7px; transition: 0.3s; margin-right: 0px !important; } .menu-quick-menu-container a:hover i { transform: scale(1.1); } .menu-quick-menu-container a p { margin: 0; } .menu-quick-menu-container.tw-quick-menu-showed { opacity: 1; z-index: 4; } @media (min-width: 992px) { div#heroLineMenuWrapper ul li { padding-left: 60px; padding-right: 60px; } } /*===== End of HERO LINE MENU ======*/ /*============================================= = EVENTS SECTION STYLES = =============================================*/ section#tw-events h3.tw-events-title { font-size: 28px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child { width: 167px; height: 167px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 8px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child div.tw-date { font-size: 28px; word-spacing: 15px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child div.tw-date::after { content: ""; width: 40%; height: 1px; background: var(--secondary-color); position: absolute; bottom: -10px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child div.tw-event-title { font-size: 14px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child div.tw-event-venue { font-size: 12px; } section#tw-events #tw-events-section-events-wrapper article > div:first-child div.tw-event-time { font-size: 12px; color: #000; opacity: 0.36; } section#tw-events .owl-nav { position: absolute; width: 100%; top: 44%; /*padding: 0 10px;*/ } @media (min-width: 1200px) { section#tw-events > div::before { background-size: 760px; } } /*---------- Events shortcode plugin customization ----------*/ section#tw-events .tw-calendar-shortcode .tw-calendar-table-header { font-size: 16px; } section#tw-events .tw-calendar-shortcode .tw-calendar-event-article-title, section#tw-events .tw-calendar-shortcode .tw-calendar-month-active { font-family: var(--text-font-family-secondary); font-weight: 700; } section#tw-events #tw-events-section-events-wrapper + div, section#tw-events .tw-calendar-shortcode > div:nth-child(3), section#tw-events .tw-calendar-shortcode .tw-calendar-shortcode > div:nth-child(3) { display: none; } /*subscribe*/ section#tw-subscribe #tw-subscribe-inner { border: 1px solid var(--primary-color); } section#tw-subscribe #tw-subscribe-inner a, section#tw-subscribe #tw-subscribe-inner label { font-size: 17px; } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection input { visibility: hidden; position: absolute; } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection label { cursor: pointer; width: 100%; border-radius: 8px; padding: 10px 0; border: 2px solid transparent; } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection.tw-custom-selection-sm label { border-radius: 10px; padding: 0 5px; white-space: nowrap; } section#tw-subscribe #tw-subscribe-inner form #sub_name, section#tw-subscribe #tw-subscribe-inner form #sub_email, section#tw-subscribe #tw-subscribe-inner form #sub_phone { height: 50px; border: 2px solid var(--primary-color); border-radius: 0; } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection.tw-custom-selection-lg label { color: var(--primary-color); border: 2px solid var(--primary-color); } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection.tw-custom-selection-lg input:checked + label { color: #ffffff !important; background: var(--primary-color); } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection.tw-custom-selection-sm input + label { background: var(--primary-color); border-radius: 10px; font-weight: 900; padding: 0 5px; white-space: nowrap; cursor: pointer; width: 100%; border: 2px solid transparent; font-size: 16px; } section#tw-subscribe #tw-subscribe-inner form .tw-custom-selection.tw-custom-selection-sm input:checked + label { background: var(--secondary-color); } section#tw-subscribe #tw-subscribe-inner form #homepage-extra-subscribe { display: none; } /*===== End of EVENTS SECTION STYLES ======*/ /*=========================================== = NEWS&NOTICES STYLES = ===========================================*/ section#tw-news-notices { margin-bottom: 100px; } section#tw-news-notices::before { content: ""; background: var(--primary-color); opacity: 0.25; position: absolute; top: 0; bottom: 0; left: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); min-height: 900px; z-index: -1; } .customizer-content section#tw-news-notices::before { content: ""; background: var(--primary-color); opacity: 0.25; position: absolute; top: 0; bottom: 0; left: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); min-height: 900px; z-index: 0; } section#tw-news-notices #tw-news-notices-title-wrapper a { font-size: 14px; } section#tw-news-notices #homepage-ticker { border-top: 1px solid var(--secondary-color); border-bottom: 1px solid var(--secondary-color); overflow: hidden; } section#tw-news-notices #homepage-ticker > div { height: 48px; } section#tw-news-notices #tw-news-notices-section-articles-wrapper { height: 300px; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article > div > div { background-size: cover; background-repeat: no-repeat; background-position: center; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article > div > div > div { padding-top: 150px; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article > div > div > div::after { content: ""; height: 150px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(36, 36, 36, 0.4); } section#tw-news-notices #tw-news-notices-section-articles-wrapper article .tw-title { font-size: 20px; line-height: 1; z-index: 1; margin-bottom: 5px; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article .tw-content { z-index: 1; font-size: 14px; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article .tw-content p { margin: 0; margin-bottom: 5px; line-height: 1; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article .tw-read-more { z-index: 1; font-size: 14px; } section#tw-news-notices .owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; margin-top: 50px; position: absolute; left: 0; right: 0; } section#tw-news-notices .owl-carousel .owl-dots.disabled { display: none; } section#tw-news-notices .owl-carousel .owl-dots button.owl-dot { width: 50px; height: 4px; background: #dfdfdf; } section#tw-news-notices .owl-carousel .owl-dots button.owl-dot.active { background: var(--secondary-color); } .owl-carousel { width: auto; } .owl-carousel .owl-stage { display: flex; } .owl-carousel .owl-item { display: flex; flex: 1 0 auto; } .owl-stage { padding-left: 0px !important; } .news-single .news-featured-img-wrapper { margin-bottom: 20px; } .news-single .news-featured-img { max-width: 100%; border-radius: 15px; } /*---------- container ----------*/ @media (min-width: 768px) { .tw-container-fluid-right.container { max-width: calc(((100% - 750px) / 2) + 750px) !important; margin-right: 0; padding-right: 0; } } @media (min-width: 992px) { .tw-container-fluid-right.container { max-width: calc(((100% - 970px) / 2) + 970px) !important; margin-right: 0; padding-right: 0; } section#tw-news-notices #tw-news-notices-section-articles-wrapper article > div > div > div::after { height: 130px; } } @media (min-width: 1200px) { .tw-container-fluid-right.container { max-width: calc(((100% - 1440px) / 2) + 1440px) !important; margin-right: 0; padding-right: 0; } } /*===== End of NEWS&NOTICES STYLES ======*/ /*========================================== = MEETING REPOSITORY = ==========================================*/ section#tw-meet-repo { color: #000; min-height: 300px; } section#tw-meet-repo .tw-meet-repo-date { font-size: 14px; } section#tw-meet-repo .tw-meet-repo-title::after { content: ""; width: 40%; height: 1px; background: var(--secondary-color); position: absolute; bottom: -10px; } section#tw-meet-repo .tw-meet-repo-title { font-size: 20px; font-family: var(--text-font-family-secondary); font-weight: 500; } section#tw-meet-repo .tw-meet-repo-files { font-size: 12px; } section#tw-meet-repo .tw-meet-repo-files a { color: #000; } section#tw-meet-repo .tw-meet-repo-files i { font-size: 16px; } section#tw-meet-repo .tw-meet-repo-files div:first-child i { color: #4a8c94; } section#tw-meet-repo .tw-meet-repo-files div:last-child i { color: #fa8461; } section#tw-meet-repo::before { content: ""; background-color: var(--primary-color); opacity: 0.25; position: absolute; top: -600px; bottom: 0; left: 0; right: 0; clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0 100%); min-height: 900px; z-index: -1; } section#tw-meet-repo .owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; margin-top: 50px; } section#tw-meet-repo .owl-carousel .owl-dots.disabled { display: none; } section#tw-meet-repo .owl-carousel .owl-dots button.owl-dot { width: 50px; height: 4px; background: #dfdfdf; } section#tw-meet-repo .owl-carousel .owl-dots button.owl-dot.active { background: var(--secondary-color); } /*===== End of MEETING REPOSITORY ======*/ /*=========================== = FAQ = ===========================*/ /*section#tw-faq h3 { font-size: 20px; } section#tw-faq { font-size: 18px; } section#tw-faq .tw-faq-wrapper { height: 171px; margin-top: 10px; box-shadow: 0px 2px 12px rgba(223, 223, 223, 0.5); } section#tw-faq .tw-faq-wrapper a.tw-collapse-btn { width: 64px; height: 48px; bottom: -24px; left: calc(50% - 60px/2); cursor: pointer; box-shadow: 0px 1px 6px var(--secondary-color); -webkit-text-stroke: 1px var(--secondary-color); z-index: 2; } section#tw-faq .tw-faq-wrapper a.tw-collapse-btn i { transition: .3s transform ease-in-out; } section#tw-faq .tw-faq-wrapper.tw-faq-wrapper-middle { height: 192px; margin-top: 0; box-shadow: 0px 1px 12px var(--secondary-color); } section#tw-faq .tw-faq-wrapper a[aria-expanded=true] i { transform: rotate(180deg); } section#tw-faq .tw-faq-wrapper.tw-faq-wrapper-middle a.tw-collapse-btn { box-shadow: 0px 1px 10px var(--secondary-color); -webkit-text-stroke: 1px #fff; } section#tw-faq .card-body { z-index: -1; border-radius: 0; font-size: 16px; } section#tw-faq a.tw-faqs-view-more { font-size: 16px; } @media (min-width:768px) { section#tw-faq h3 { font-size: 40px; } section#tw-faq { font-size: 26px; } }*/ /*events owl carousel*/ /*section#tw-faq .tw-owl-dot { width: 20px; height: 20px; box-shadow: none; border: none; outline: none; } section#tw-faq .tw-owl-dot.active { background: var(--secondary-color); }*/ /*===== End of FAQ ======*/ /*======================================== = HOMEPAGE CONTENT = ========================================*/ .homepage-content::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary-color); opacity: 0.25; z-index: -1; } /*===== End of HOMEPAGE CONTENT ======*/ /*============================================= = HOME PAGE DEPARTMENTS = =============================================*/ section#tw-departments { position: relative; min-height: 800px; } section#tw-departments article > div:first-child { min-height: 400px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%); } section#tw-departments article > div:first-child > div { background-position: center; background-size: cover; background-repeat: no-repeat; } section#tw-departments .owl-carousel .owl-nav, section#tw-departments article > div:last-child { margin-top: -30px; } section#tw-departments article > div:last-child .tw-departments-logo a img { width: 15vw; height: 15vw; max-width: 164px; max-height: 164px; } section#tw-departments article > div:last-child a.btn { font-size: 17px; font-weight: 700; } section#tw-departments .owl-carousel { position: relative; } section#tw-departments .owl-carousel .owl-item article img { width: auto; } section#tw-departments .owl-carousel .owl-item article .tw-departments-logo { pointer-events: none; } section#tw-departments .owl-carousel .owl-item article .tw-departments-title { /*text-decoration: none;*/ font-weight: 900; font-size: 35px; max-width: 350px; } section#tw-departments .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding-left: 150px; } section#tw-departments .owl-carousel .owl-nav.disabled { display: none; } section#tw-departments .owl-carousel .owl-nav button { border-radius: 50%; background: #fff; border: 2px solid #d7e5e3; width: 67px; height: 63px; font-size: 30px; } section#tw-departments .owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; } section#tw-departments .owl-carousel .owl-dots.disabled { display: none; } section#tw-departments .owl-carousel .owl-dots button.owl-dot { width: 12px; height: 12px; border-radius: 50%; background: #d7e5e3; margin: 0 10px; } section#tw-departments .owl-carousel .owl-dots button.owl-dot.active { width: 16px; height: 16px; background: #9cc890; } section#tw-departments .owl-carousel .owl-nav button i { -webkit-text-stroke: 2px white; } @media (max-width: 767.99px) { section#tw-departments .container { max-width: 100vw; margin: 0; padding: 0; } section#tw-departments article > div:last-child { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { section#tw-departments { background: #f5f6eb; } section#tw-departments, section#tw-departments article { height: 600px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%); } section#tw-departments article > div:first-child { clip-path: none; } section#tw-departments article > div:last-child { margin-top: 0; } } @media (min-width: 992px) { section#tw-departments .container { max-width: calc(((100% - 970px) / 2) + 970px) !important; margin-left: 0; } section#tw-departments article > div:first-child { padding: 0 80px 0 25px; } } @media (min-width: 1200px) { section#tw-departments .container { max-width: calc(((100% - 1440px) / 2) + 1440px) !important; margin-left: 0; } } /*===== End of HOME PAGE DEPARTMENTS ======*/ /*================================================= = HOMEPAGE DEPARTMENTS GRID = =================================================*/ section#tw-department-grid a:hover article { color: var(--secondary-color); } section#tw-department-grid article { border-radius: 5px; box-shadow: 1px 2px 20px 0px rgb(230 230 230 / 80%); } section#tw-department-grid article::before { content: ""; position: absolute; width: 2px; height: 15px; background: var(--secondary-color); right: 0; top: 20px; } section#tw-department-grid article::after { content: ""; position: absolute; width: 2px; height: 30px; background: var(--primary-color); right: 0; top: 40px; } section#tw-department-grid article img.tw-departments-icon { width: 80px; max-width: 80px; height: auto; transition: 0.2s; } section#tw-department-grid a:hover article img.tw-departments-icon { transform: scale(1.3); } /*===== End of HOMEPAGE DEPARTMENTS GRID ======*/ /*========================================= = SINGLE DEPARTMENT = =========================================*/ div#tw-department div.tw-department-featured-image { background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; height: 600px; } div#tw-department h2 { font-size: 35px; } div#tw-department h2 b { font-weight: 900; } div#tw-department h2 b + br + span { font-weight: 400; letter-spacing: 5px; } div#tw-department article p { color: #969393; } div#tw-department article h4 { font-size: 20px; font-weight: 900; } div#tw-department #tw-team .tw-member { border-radius: 6px; } div#tw-department #tw-team .tw-member div.row div:last-child { font-size: 14px; } div#tw-department #tw-team .tw-member .tw-member-name { font-size: 24px; font-weight: 900; } div#tw-department #tw-team .tw-member .tw-member-title { font-size: 18px; font-weight: 300; } div#tw-department #tw-team .tw-member .tw-member-email a { font-size: 30px; border-radius: 10px; } div#tw-department aside h4 { font-size: 26px; font-weight: 900; text-transform: capitalize; } div#tw-department aside #tw-contact-us { border-radius: 8px; } div#tw-department aside #tw-contact-us div { font-size: 20px; } div#tw-department aside #tw-latest-news { box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); } div#tw-department aside #tw-latest-news .tw-latest-news-item > div h5 { font-size: 22px; } div#tw-department aside #tw-latest-news .tw-latest-news-item > div a { text-decoration: none; } div#tw-department aside #tw-latest-news .tw-latest-news-item > div span { font-size: 14px; } /*---------- Accordion Nav Menu ----------*/ div#tw-department .tw-accordion-menu ul { list-style: none; padding: 0; } div#tw-department .tw-accordion-menu ul > li.active { background: #293b6d; } div#tw-department aside.tw-accordion-menu ul li a { color: #fff; padding: 0; text-decoration: none; } div#tw-department aside.tw-accordion-menu > nav > div > div { width: 100%; } div#tw-department aside.tw-accordion-menu > nav > div > div > ul > li { margin-bottom: 2px; padding-top: 10px; padding-bottom: 10px; } div#tw-department aside.tw-accordion-menu li { padding-left: 40px; /*padding-right: 20px;*/ width: 100%; background: var(--primary-color); } div#tw-department aside.tw-accordion-menu span[data-bs-toggle="collapse"] { cursor: pointer; position: relative; color: #fff; } div#tw-department aside.tw-accordion-menu span[data-bs-toggle="collapse"]::after { position: absolute; left: -20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f146"; } div#tw-department aside.tw-accordion-menu span.collapsed[data-bs-toggle="collapse"]::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0fe"; } /*accordion nav hamburger animated*/ div#tw-department aside.tw-accordion-menu button:focus { box-shadow: none; } div#tw-department aside.tw-accordion-menu button label { display: flex; flex-direction: column; width: 40px; cursor: pointer; } div#tw-department aside.tw-accordion-menu button label span { background: #fff; border-radius: 10px; height: 4px; margin: 4px 0; transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6); } div#tw-department aside.tw-accordion-menu button label span:nth-of-type(1) { width: 50%; } div#tw-department aside.tw-accordion-menu button label span:nth-of-type(2) { width: 100%; } div#tw-department aside.tw-accordion-menu button label span:nth-of-type(3) { width: 75%; } div#tw-department aside.tw-accordion-menu button input[type="checkbox"] { display: none; } div#tw-department aside.tw-accordion-menu button input[type="checkbox"]:checked ~ span:nth-of-type(1) { transform-origin: bottom; transform: rotatez(45deg) translate(6px, 0.5px); } div#tw-department aside.tw-accordion-menu button input[type="checkbox"]:checked ~ span:nth-of-type(2) { transform-origin: top; transform: rotatez(-45deg); } div#tw-department aside.tw-accordion-menu button input[type="checkbox"]:checked ~ span:nth-of-type(3) { transform-origin: bottom; width: 50%; transform: translate(17px, -6px) rotatez(45deg); } /*===== End of SINGLE DEPARTMENT ======*/ /*===================================== = FOOTER STYLES = =====================================*/ footer#footer { position: relative; z-index: 0; } footer#footer a.navbar-brand img { height: auto; } footer#footer a { color: #07483d; } footer#footer ul.menu { list-style: none; padding: 0; } footer#footer ul.menu a { padding-left: 0; padding-right: 0; } footer#footer .tw-footer-logo-wrapper { max-width: 450px; } footer#footer, footer#footer a { color: var(--primary-color); font-size: 16px; } footer#footer #socialNetworksMenuNNWrapper a { color: #fff; } footer#footer h4 { font-size: 20px; font-weight: 700; } @media (min-width: 768px) { } /*subscribe*/ section#tw-subscribe #tw-subscribe-inner a, section#tw-subscribe #tw-subscribe-inner label { font-size: 17px; } footer form#homepage-subscriber-form .tw-custom-selection input { visibility: hidden; position: absolute; } footer form#homepage-subscriber-form .tw-custom-selection label { cursor: pointer; width: 100%; border-radius: 8px; padding: 10px 0; border: 2px solid transparent; } footer form#homepage-subscriber-form .tw-custom-selection.tw-custom-selection-sm label { border-radius: 10px; padding: 0 5px; white-space: nowrap; } footer form#homepage-subscriber-form #sub_name, footer form#homepage-subscriber-form #sub_email, footer form#homepage-subscriber-form #sub_phone, footer form#homepage-subscriber-form #subs_button { height: 67px; font-size: 24px; /*border: 2px solid var(--primary-color);*/ border-radius: 0; } footer form#homepage-subscriber-form #sub_name::placeholder, footer form#homepage-subscriber-form #sub_email::placeholder, footer form#homepage-subscriber-form #sub_phone::placeholder { color: var(--secondary-color); } footer form#homepage-subscriber-form .tw-custom-selection.tw-custom-selection-lg label { color: var(--primary-color); border: 2px solid var(--primary-color); } footer form#homepage-subscriber-form .tw-custom-selection.tw-custom-selection-lg input:checked + label { color: #ffffff !important; background: var(--primary-color); } footer form#homepage-subscriber-form .tw-custom-selection.tw-custom-selection-sm input + label { background: var(--primary-color); border-radius: 10px; font-weight: 900; padding: 0 5px; white-space: nowrap; cursor: pointer; width: 100%; border: 2px solid transparent; font-size: 16px; } footer form#homepage-subscriber-form .tw-custom-selection.tw-custom-selection-sm input:checked + label { background: var(--secondary-color); } footer form#homepage-subscriber-form #homepage-extra-subscribe { display: none; } /*===== End of FOOTER STYLES ======*/ .tribe-common--breakpoint-medium.tribe-events .myclass { display: none; } .tribe-common--breakpoint-full.tribe-events .myclass { display: none; } /*=============================== = ARCHIVE = ===============================*/ div#archive-wrapper article { position: relative; box-shadow: 0 0 2px rgb(0 0 0 / 20%); background: #fff; border-radius: 5px; margin-top: 1.5rem; margin-bottom: 1.5rem; width: 100%; } div#archive-wrapper article a { color: var(--secondary-color); } div#archive-wrapper article .entry-wrap { padding: 2rem 2.5rem 1rem; } div#archive-wrapper article .entry-wrap p { font-weight: 400; } div#archive-wrapper article .wp-post-image { width: 100%; height: auto; border-radius: 3px 3px 0 0; } div#archive-wrapper article .entry-footer { display: none; } /*---------- pagination ----------*/ div#archive-wrapper .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } div#archive-wrapper .page-item .page-link a { color: var(--secondary-color); } div#archive-wrapper .page-item a.page-link:focus { box-shadow: none; } div#archive-wrapper .page-item.active .page-link { z-index: 2; color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color); } div#archive-wrapper .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } div#archive-wrapper .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: var(--secondary-color); background-color: #fff; border: 1px solid var(--secondary-color); } /*---------- side bar ----------*/ div#archive-wrapper .widget-area .widget { margin: 1.5rem 0; padding-bottom: 1.5rem; border-bottom: 1px solid #f0f0f0; color: var(--secondary-color); } div#archive-wrapper .widget-area .widget li { margin-bottom: 10px; } div#archive-wrapper .widget-area .widget a { color: var(--secondary-color); } /*===== End of ARCHIVE ======*/ /*=========================== = FAQ = ===========================*/ section#tw-faq .tw-faq-wrapper { height: 171px; margin-top: 10px; box-shadow: 0px 2px 12px rgba(223, 223, 223, 0.5); } section#tw-faq .tw-faq-wrapper a.tw-collapse-btn { width: 64px; height: 48px; bottom: -24px; left: calc(50% - 60px / 2); cursor: pointer; box-shadow: 0px 1px 6px var(--secondary-color); -webkit-text-stroke: 1px var(--secondary-color); z-index: 2; } section#tw-faq .tw-faq-wrapper a.tw-collapse-btn i { transition: 0.3s transform ease-in-out; } section#tw-faq .tw-faq-wrapper.tw-faq-wrapper-middle { height: 192px; margin-top: 0; box-shadow: 0px 1px 12px var(--secondary-color); } section#tw-faq .tw-faq-wrapper a[aria-expanded="true"] i { transform: rotate(180deg); } section#tw-faq .tw-faq-wrapper.tw-faq-wrapper-middle a.tw-collapse-btn { box-shadow: 0px 1px 10px var(--secondary-color); -webkit-text-stroke: 1px #fff; } section#tw-faq .card-body { /*z-index: -1;*/ border-radius: 0; font-size: 16px; } section#tw-faq a.tw-faqs-view-more { font-size: 16px; } @media (min-width: 768px) { .navbar-toggler { margin-bottom: 10px; } } /*------ SECTION DEPARTMENTS DEFAULT ------*/ section#sectionDepartmentsDefault a:hover article { color: var(--secondary-color); } section#sectionDepartmentsDefault article { border-radius: 5px; box-shadow: 1px 2px 20px 0px rgb(230 230 230 / 80%); } section#sectionDepartmentsDefault article::before { content: ""; position: absolute; width: 2px; height: 15px; background: var(--secondary-color); right: 0; top: 20px; } section#sectionDepartmentsDefault article::after { content: ""; position: absolute; width: 2px; height: 30px; background: var(--primary-color); right: 0; top: 40px; } section#sectionDepartmentsDefault article img.departments-icon { width: 80px; max-width: 80px; height: auto; transition: 0.2s; } section#sectionDepartmentsDefault a:hover article img.departments-icon { transform: scale(1.3); } /*------ #SECTION DEPARTMENTS DEFAULT ------*/ /*---------- EVENTS CALENDAR ----------*/ /*simple*/ .tw-calendar-shortcode .tw-calendar-title { /* font-size: 32px; */ } .tw-calendar-shortcode .tw-calendar-table-header { /* font-size: 20px; */ } .tw-calendar-shortcode .tw-calendar-table-header th { width: 14.28%; } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple { /* font: 700 24px "Playfair Display", serif; */ } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-current-date span:first-child, .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-has-events-date span:first-child { width: 45px; height: 45px; top: calc(50% - 25px); } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-current-date span:first-child { outline: 2px solid red; } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-day.tw-calendar-day-active span:first-child { background: var(--tertiary-color); } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-day.tw-calendar-has-events-date:not(.tw-calendar-day-active) span:first-child { background: var(--primary-color); } .tw-calendar-shortcode .cursor-pointer { cursor: pointer; } @media (min-width: 768px) { .tw-calendar-shortcode .tw-calendar-table-header { /* font-size: 30px; */ } } /*rich*/ .tw-calendar-shortcode.tw-calendar-shortcode-rich > div:first-child { background: #fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07); } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div { min-height: 85px; } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div span.tw-calendar-day-event-title, .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div span.tw-calendar-day-event-more { font-size: 12px; } .tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div.tw-calendar-day.tw-calendar-day-active { background: #f5f4f3; } /*---------- EVENTS LIST ----------*/ .tw-calendar-shortcode .tw-calendar-events-cards article { border-left: 20px solid var(--secondary-color); min-height: 160px; } .tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards article { border-left: none; min-height: 130px; border: 3px solid #f5f4f3; border-radius: 8px; transition: 0.1s; } .tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards article:hover { box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); } .tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards { height: 565px; } .tw-calendar-shortcode .tw-calendar-events-cards .tw-event-list-scrollbar { height: 525px; max-height: 525px; top: 20px; bottom: 20px; } @media (min-width: 1200px) { .tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards, .tw-calendar-shortcode .tw-calendar-events-cards .tw-event-list-scrollbar { height: auto; } } @media (max-width: 768px) { .tw-calendar-shortcode .tw-calendar-events-cards .tw-event-list-scrollbar { height: auto; max-height: 525px; top: 20px; bottom: 20px; } } /*Calendar list scrollbar*/ /* width */ .tw-calendar-events-cards ::-webkit-scrollbar { width: 10px; } /* Track */ .tw-calendar-events-cards ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--secondary-color); border-radius: 10px; } /* Handle */ .tw-calendar-events-cards ::-webkit-scrollbar-thumb { background: var(--secondary-color); border-radius: 10px; } img[src=""] { display: none; } .logo-on-header-slider { background: transparent; position: absolute; bottom: 33%; z-index: 2; width: 100%; display: flex; justify-content: center; align-items: center; padding: 30px; } .logo-on-header-slider img { } #newsSingleDefault img { max-width: 100%; } /* Juniper Subscribe Page*/ .juniper-subscriber-title { display: block; margin-bottom: 15px; } .juniper-row { margin-bottom: 10px; } .juniper-row:after { content: ""; display: block; clear: both; } #juniper-subscribe-topics-parent, #juniper-subscribe-method-parent { padding: 1rem 2rem; border: 1px solid #ddd; border-radius: 4px; } .juniper-subscriber-form-box .sub { margin-left: 30px; } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection { position: relative; display: inline-block; } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection input { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection label { border: 1px solid #c6c6c6; box-sizing: border-box; border-radius: 10px; font-family: "Open Sans"; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; text-align: center; padding: 10px; color: #4c4c4c; min-width: 100px; margin: 5px; padding-bottom: 1.5rem; } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection label i { display: block; } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection input:checked + label { border-color: #4245e7 !important; } .juniper-subscriber-form-box .juniper-subscribe-method .custom-selection input:checked + label i { color: #4245e7 !important; } .juniper-agendas-minutes-packets { display: none; }