/*
Theme Name: Canary Wharf Primary Schools
Theme URI: https://thesetupdesign.com/themes/canarywharf/
Author: TSU
Author URI: https://thesetupdesign.com/
Description: Custom theme for CanaryWharf schools
Version: 1.1
Text Domain: canarywharf
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}
.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}
/* Variables */
:root {
/* Font Family */
--global--font: "Poppins", sans-serif;
/* Colors */
--global--color-text: #2a2e33;
/* Primary Colours */
--global--color-navy: #312783;
--global--color-blue: #00B5EB;
--global--color-blue-darker: #059fcd;
--global--color-navy-darker: #231c5d;
/* Secondary Colours */
--global--color-yellow: #FFCC00;
--global--color-lime: #95C11F;
--global--color-turquoise: #00B1AD;
--global--color-silver:#9197AB;
--global--color-orange: #F18848;
--global--color-purple: #5E4F9C;
--global--color-violet: #951B81;
/* Tertiary Colours */
--global--color-light-grey: #d8d8d8;
--global--color-v-light-grey: #E9EAEE;
--global--color-grey: #dedede;
--global--color-mid-grey: #7a7a7a;
--global--color-text-highlight: #a6804c; /* Gold */
--global--color-text-highlight-hover: #7c5f38;
--global--color-gold: #c4a376;
--global--color-dark-gold: #b0905f;
--global--color-darkish-gold: #ab906b;
--global--color-dark-gray: #333;
--global--color-dark-gray2: #4a4a4a;
--global--color-darker-gray: #555;
--global--color-darkish-gray: #6c6c6c;
--global--color-gray2: #cdcccc;
--global--color-gray: #ddd;
--global--color-lightish-gray: #e5e5e5;
--global--color-lightish-grey: #e7e7e7;
--global--color-light-gray: #ededed;
--global--color-light-gray2: #efefef;
--global--color-v-light-gray2: #f0f0f0;
--global--color-v-light-gray: #f6f9f9;
--global--color-very-light-gray: #fdfdfd;
--global--color-darkish-green: #2f664f;
--global--color-dark-green: #1f563f;
--global--color-darker-green: #10402c;
--global--color-light-green: #00be99;
--global--color-lighter-green: #c1cbc0;
--global--color-very-light-green: #e8eceb;
--global--color-very-light-teal: #bfdce0;
--global--color-dark-red: #a94442;
--global--color-darkish-red: #b94a48;
--global--color-very-light-red: #f2dede;
--global--color-very-light-blue: #ced4da;
--global--color-black: #000;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
}
:root {
--global--container-padding: 8%;
--bs-gutter-x: 30px;
--global--gutter-x: 30px;
}
.row {
--bs-gutter-x: 30px;
}
.row.g-0 {
--bs-gutter-x: 0;
}
@media (min-width: 1400px){
:root {
--bs-gutter-x: 36px;
--global--gutter-x: 36px;
}
.row {
--bs-gutter-x: 36px;
}
.row.g-0 {
--bs-gutter-x: 0;
}
}
.row {
margin-left: calc(var(--bs-gutter-x) * -0.5);
margin-right: calc(var(--bs-gutter-x) * -0.5);
}
.col {
padding-left: calc(var(--bs-gutter-x) * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
/* Universal declarations */
*, *::before, *::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Generic element styling */
html {
font-size: 1em;
font-size: 62.5%;
}
body {
position: relative;
margin: 0;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6;
font-family: var(--global--font);
color: var(--global--color-text);
--wp--preset--font-size--small: 15px;
--wp--preset--font-size--medium: 22px;
--wp--preset--font-size--large: 29px;
--wp--preset--font-size--x-large: 36px;
font-weight: 400
}
h1, h2, h3, h4 {
font-weight: 400;
}
img {
width: 100%;
height: auto;
}
b, strong {
font-weight: 600;
}
a {
color: var(--global--color-blue);
}
a:hover {
color: var(--global--color-blue-darker);
}
hr,
hr.wp-block-separator{
margin: 30px 0;
border-bottom: 0;
border-top: 1px solid var(--global--color-text);
opacity: .1;
}
ul,
ol {
padding-left: 17px;
}
ul ul,
ul ol,
ol ol,
ol ul {
padding-left: 20px;
}
ul.link-list,
.left-sidebar-widget .widget_nav_menu ul {
list-style: none;
padding-left: 0;
}
ul.link-list li,
.left-sidebar-widget .widget_nav_menu li {
padding-left: 20px;
position: relative;
margin-bottom: 12px;
line-height: 1.2;
}
ul.link-list li > *,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item > *,
.left-sidebar-widget .widget_nav_menu li > * {
vertical-align: middle;
}
ul.link-list li::before,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item::before,
.left-sidebar-widget .widget_nav_menu li::before {
content: "\f105";
font-family: "Font Awesome 5 Pro";
font-size: 1em;
line-height: 1.45em;
vertical-align: middle;
color: var(--global--color-blue);
position: absolute;
left: 0;
top: 0;
}
.b-bottom::after {
border-bottom: 1px solid rgba(0,0,0,.1);
content: "";
margin-bottom: 30px;
display: block;
}
/* match style in intro-paragraph block */
.is-style-tsu-intro-para {
font-size: 36px;
font-size: clamp(2.8rem, 3.55vw, 3.6rem);
font-weight: 300;
margin-bottom: 1em;
line-height: 1.4;
color: var(--global--color-navy);
border-bottom: 1px solid var(--global--color-blue);
padding-bottom: 1em;
}
.is-style-tsu-intro-para.no-line {
border-bottom: none;
padding-bottom: 0;
}
@media screen and (min-width: 992px){
.is-style-tsu-intro-para {
padding-right: 10%;
}
}
.screen-reader-text{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.container-fluid,
.container-fluid-base {
width: 100%;
padding-right: var(--global--container-padding);
padding-left: var(--global--container-padding);
margin-right: auto;
margin-left: auto;
}
.navbar {
padding-right: var(--global--container-padding);
padding-left: var(--global--container-padding);
}
.page-template-template-parent-page .main-content-wrapper {
margin-right: 0;
}
.navbar-brand {
display: block;
}
.navbar-brand img {
display: block;
width: 100%;
max-width: 140px;
height: auto;
margin-top: 5px;
margin-bottom: 10px;
}
@media screen and (min-width: 500px){
.navbar-brand img {
max-width: 160px;
}
}
@media screen and (min-width: 768px){
.navbar-brand img {
max-width: 190px;
margin-top: 10px;
}
}
/** NAV **/
/* nav - white bar */
/** Clear nav **/
.menu-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 50000;
}
.navbar > .row {
flex: auto;
}
.navbar.dropdown-open {
transition: background ease .01s;
}
.navbar .navbar-toggler .navbar-toggler-icon,
.page-nav-wrap .sub-navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,");
}
.navbar-toggler .open-menu {
color: var(--global--color-white);
}
.navbar-brand .dark-bg,
.navbar.fixed-nav .navbar-brand .light-bg {
display: block;
}
.navbar-brand .light-bg,
.navbar.fixed-nav .navbar-brand .dark-bg {
display: none;
}
#navbarTopNav .nav-link {
color: var(--global--color-white);
}
#navbarTopNav .nav-link:hover,
#navbarTopNav .nav-link:focus {
color: var(--global--color-gray);
}
.navbar-brand .whiteout,
.news-listing-page .navbar-brand .light-bg,
.news-listing-page .navbar-brand .dark-bg,
.news-listing-page .navbar.navbar-open .whiteout,
.single-post .navbar-brand .light-bg,
.single-post .navbar-brand .dark-bg,
.single-post .navbar.navbar-open .whiteout,
.search-results .navbar-brand .light-bg,
.search-results .navbar-brand .dark-bg {
display: none;
}
.news-listing-page .navbar-brand .whiteout,
.single-post .navbar-brand .whiteout,
.search-results .navbar-brand .whiteout {
display: block;
}
@media screen and (max-width: 991px){
.navbar.navbar-open .navbar-brand .light-bg {
display: block;
}
.navbar.navbar-open .navbar-brand .dark-bg {
display: none;
}
#navbarTopNavPrimaryMenu .dropdown-menu {
border-bottom: none;
}
.navbar-open .dropdown-toggle::after {
border-top-color: var(--global--color-blue);
}
}
.navbar .navbar-toggler,
.page-nav-wrap .sub-navbar-toggler {
border-radius: 0;
border: none;
outline: none;
text-align: right;
box-shadow: none;
background: transparent;
}
.navbar .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,");
width: 3em;
height: 3em;
}
.page-nav-wrap.open .sub-navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,");
}
.navbar .navbar-toggler.collapsed .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,");
}
.navbar-toggler .open-menu,
.navbar-toggler .close-menu {
color: var(--global--color-dark-gray);
text-transform: uppercase;
font-size: 13px;
font-size: 1.3rem;
display: block;
text-align: right;
}
.navbar-toggler .open-menu {
color: #fff;
}
.navbar-toggler .open-menu,
.navbar-toggler.collapsed .close-menu {
display: none;
}
.navbar-toggler.collapsed .open-menu {
display: block;
}
.main-menu .navbar-nav {
width: 100%;
}
@media screen and (max-width: 991px){
.main-menu .navbar-nav {
padding-top: 15px;
}
.dropdown-menu .container-fluid {
padding-right: calc(var(--bs-gutter-x) * -0.5);
padding-left: calc(var(--bs-gutter-x) * -0.5);
}
}
#navbarTopNavPrimaryMenu .nav-link {
border-bottom: 2px solid transparent;
font-size: 19px;
font-size: 1.9rem;
padding: 0.8rem 0 0.3rem;
margin-left: 2.2rem;
position: relative;
font-weight: 500;
}
@media screen and (max-width: 1199px){
#navbarTopNavPrimaryMenu .nav-link {
font-size: 18px;
font-size: 1.8rem;
margin-left: 2rem;
}
}
@media screen and (max-width: 1090px){
#navbarTopNavPrimaryMenu .nav-link {
font-size: 17px;
font-size: 1.7rem;
margin-left: 1.8rem;
}
}
#navbarTopNavPrimaryMenu .nav-item:first-child .nav-link {
margin-left: 0;
}
#navbarTopNavPrimaryMenu #menu-item-514.current-page-ancestor .nav-link,
#navbarTopNavPrimaryMenu .nav-link:hover,
#navbarTopNavPrimaryMenu .nav-link:focus {
border-bottom-color: var(--global--color-blue);
}
.dropdown-open #navbarTopNavPrimaryMenu #menu-item-504.current-page-ancestor .nav-link,
.dropdown-open #navbarTopNavPrimaryMenu #menu-item-529.current-page-ancestor .nav-link,
.dropdown-open #navbarTopNavPrimaryMenu #menu-item-537.current-page-ancestor .nav-link,
.dropdown-open #navbarTopNavPrimaryMenu #menu-item-544.current-page-ancestor .nav-link {
border-bottom-color: #fff;
}
@media screen and (max-width:991px){
.navbar.navbar-open #navbarTopNav .nav-link,
.navbar.navbar-open #navbarTopNav .nav-link:hover,
.navbar.navbar-open #navbarTopNav .nav-link:focus {
color: var(--global--color-text);
}
}
.navbar-light .navbar-nav .nav-item.current-menu-item .nav-link {
color: var(--global--color-blue);
}
@media screen and (max-width: 991px){
#navbarTopNavPrimaryMenu .nav-item {
border-top: none;
border-bottom: 1px solid var(--global--color-light-gray);
}
#navbarTopNavPrimaryMenu .nav-link {
margin-left: 0;
}
#navbarTopNavPrimaryMenu .nav-link::after {
position: absolute;
right: 0;
top: 44%;
}
#navbarTopNavPrimaryMenu .nav-link:focus,
#navbarTopNavPrimaryMenu .nav-link:active {
border-bottom-color: transparent;
}
}
#navbarTopNavSecondaryMenu .nav-link {
font-size: 14px;
font-size: 1.4rem;
padding: 1rem 0 0.8rem 0.3rem;
}
/* Social icons */
#navbarTopNavSecondaryMenu .nav-link.nav-social {
font-size: 1.8rem;
margin-top: -2px;
}
#navbarTopNavSecondaryMenu .nav-link.nav-social::before {
color: transparent;
}
#navbarTopNavSecondaryMenu .nav-link:hover,
#navbarTopNavSecondaryMenu .nav-link:focus {
color: var(--global--color-gray);
}
@media screen and (min-width: 561px){
#navbarTopNavSecondaryMenu .nav-link::before {
content: "|";
display: inline-block;
color: var(--global--color-blue);
padding-right: 0.6rem;
padding-left: 0.3rem;
}
#navbarTopNavSecondaryMenu .nav-item:first-child .nav-link::before {
content: "";
}
}
@media screen and (max-width: 991px){
.navbar-brand-wrapper,
.navbar-toggler {
position: relative;
z-index: 5;
}
#navbarTopNav {
flex-direction: column-reverse!important;
padding-bottom: 10px;
background: var(--global--color-white);
}
#navbarTopNav.collapsing,
#navbarTopNav.show {
display: flex;
}
#navbarTopNav.collapsing {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
#navbarTopNavSecondaryMenu {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
margin-top: 10px;
}
}
@media screen and (max-width: 560px){
#navbarTopNavSecondaryMenu {
-ms-flex-direction: column;
flex-direction: column;
}
}
/** Search link **/
#navbarTopNavPrimaryMenu .search-link .nav-link {
border-bottom-color: transparent;
color: var(--global--color-white);
width: 20px;
height: 42px;
overflow: hidden;
line-height: 30px;
}
.fixed-nav #navbarTopNavPrimaryMenu .search-link .nav-link {
color: var(--global--color-text);
}
.navbar.dropdown-open #navbarTopNavPrimaryMenu .search-link .nav-link,
.navbar.dropdown-open #navbarTopNavPrimaryMenu .search-link.show .nav-link:hover,
.navbar.dropdown-open #navbarTopNavPrimaryMenu .search-link.show .nav-link:focus {
border-bottom-color: transparent;
}
#navbarTopNavPrimaryMenu .search-link .nav-link svg {
height: 20px;
width: auto;
margin-bottom: 10px;
}
#navbarTopNavPrimaryMenu .search-link form {
position: relative;
}
#navbarTopNavPrimaryMenu .search-link .form-control {
width: 100%;
font-size: 16px;
font-size: 1.6rem;
padding: 10px 50px 10px 25px;
height: 52px;
border-radius: 26px;
background: var(--global--color-v-light-grey);
border: 2px solid var(--global--color-v-light-grey);
}
#navbarTopNavPrimaryMenu .search-link button {
position: absolute;
top: 2px;
right: 2px;
padding: 13px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
display: block;
margin: 0;
width: 48px;
height: 48px;
border-radius: 24px;
overflow: hidden;
line-height: 48px;
border: none;
background: var(--global--color-blue);
}
#navbarTopNavPrimaryMenu .search-link button svg {
display: block;
width: 100%;
height: 100%;
color: var(--global--color-white);
}
.pop-search-wrap {
position: relative;
margin-top: 20px;
}
.pop-search {
/*font-size: 24px;*/
font-weight: 500;
margin-bottom: 10px;
background: #fff;
display: inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
z-index: 2;
padding: 0 24px;
}
.pop-search-wrap::after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
height: 1px;
background: rgba(23,37,70,.15);
z-index: 1;
}
.menu-popular-searches-container {
text-align: center;
}
@media screen and (max-width: 991px){
#navbarTopNavPrimaryMenu .search-link .nav-link {
display: none;
}
#navbarTopNavPrimaryMenu .search-link .dropdown-menu {
display: block;
background: transparent;
border: none;
margin-left: 0;
margin-right: 0;
padding-bottom: 15px;
padding-top: 20px;
}
.pop-search-wrap {
display: none;
}
}
/** Dropdown menu **/
.dropdown-menu > .container-fluid {
padding: 0;
}
.site-header .main-menu,
#navbarTopNavPrimaryMenu .dropdown {
position: static;
}
#navbarTopNavPrimaryMenu .dropdown-menu {
top: 130px;
left: 8%;
right: 8%;
border-width: 0;
border-radius: 0;
border-radius: 20px;
padding: 20px 0 40px;
/*box-shadow: 0px 47px 43px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 47px 43px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 47px 43px 0px rgba(0,0,0,0.15);*/
}
@media screen and (min-width: 992px){
.dropdown-toggle::after {
display: none;
}
#navbarTopNavPrimaryMenu .dropdown-menu {
box-shadow: 0px 33px 32px -30px rgba(0,0,0,0.2);
padding: 20px 30px 15px;
}
.section-menu {
margin-top: 35px;
}
}
#navbarTopNavPrimaryMenu .dropdown-menu {
font-size: 16px;
font-size: 1.6rem;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-description {
display: flex;
align-items: end;
}
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content {
font-weight: 400;
line-height: 1.3;
}
.dropdown-menu .custom-content p {
color: var(--global--color-text);
font-size: 1.6rem;
}
.dropdown-menu .custom-content p strong {
font-size: 2.1rem;
color: var(--global--color-navy);
}
@media screen and (max-width: 991px){
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content {
display: none;
}
#navbarTopNavPrimaryMenu .dropdown-menu {
padding-top: 0;
}
}
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content img {
width: 100%;
height: auto;
}
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content a {
color: var(--global--color-blue);
text-decoration: underline;
}
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content a:hover,
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content a:focus {
text-decoration: none;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-end .custom-content {
border-top: 1px solid rgba(49,39,131,.15);
display: flex;
justify-content: space-between;
padding-top: 16px;
margin-top: 16px;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-end .custom-content p {
text-transform: uppercase;
color: var(--global--color-navy);
font-size: 1.4rem;
letter-spacing: 0.04em;
font-weight: 500;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-end .custom-content img {
max-width: 150px;
width: 150px;
height: auto;
}
#navbarTopNavPrimaryMenu .dropdown-menu ul {
padding: 0;
}
#navbarTopNavPrimaryMenu .dropdown-menu ul ul.sub-menu {
margin-top: 5px;
border-bottom: 1px dotted rgba(0,0,0,.1);
padding-bottom: 3px;
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item {
position: relative;
padding: .25rem 1.5rem 1rem 1.6rem;
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item:hover,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item:focus,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item:visited,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item:active,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item.active {
background: transparent;
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item::before {
line-height: 2.4em;
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item a {
color: var(--global--color-text);
font-weight: 500;
white-space: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
text-decoration: none;
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item a:hover {
text-decoration: underline;
color: var(--global--color-text);
}
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item:active > a,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item.active > a {
color: var(--global--color-blue);
}
@media screen and (max-width: 1460px){
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item a {
font-size: 17px;
font-size: 1.7rem;
}
}
@media screen and (max-width: 991px){
#navbarTopNavPrimaryMenu .dropdown-menu .custom-content img {
max-width: 300px;
margin-top: 15px;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-end .custom-content {
display: none;
}
}
/* --------------------------------------- check -------------------------------------------------- */
.btn {
border-radius: 40px;
text-transform: uppercase;
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 0.08rem;
padding: 1.1rem 2.8rem;
margin-top: 0.75rem;
margin-right: 1rem;
font-weight: 600;
}
.btn-primary {
position: relative;
color: var(--global--color-white);
background-color: var(--global--color-blue);
border-color: var(--global--color-dark-blue);
min-width: 280px;
text-align: left;
}
.btn-primary::after {
content: "";
position: absolute;
right: 2rem;
top: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 448 512'%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E");
height: 20px;
width: 18px;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(:disabled):active {
color: var(--global--color-white);
background-color: var(--global--color-blue-darker);
border-color: var(--global--color-blue-darker);
}
/** Carousel banner **/
.home .banner {
max-height: none;
}
#carouselPageBanner {
display: block;
max-height: 87vh;
width: 100%;
overflow: hidden;
}
#carouselPageBanner::before,
.banner-inner-wrapper::before {
content: "";
display: block;
width: 100%;
height: 275px;
background: linear-gradient(to bottom,rgba(5, 25, 47, 0.8) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
position: absolute;
top: 0;
z-index: 5;
}
#carouselPageBanner::after,
.banner-inner-wrapper::after {
content: "";
display: block;
width: 100%;
height: 325px;
background: linear-gradient(to top,rgba(5, 25, 47, 0.8) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
position: absolute;
bottom: 0;
z-index: 5;
}
.home .carousel-item .mob-img {
display: none;
}
@media screen and (max-width: 767px){
#carouselPageBanner iframe {
width: 150% !important;
height: 150% !important;
max-width: none;
}
#carouselPageBanner::before,
.banner-inner-wrapper::before,
#carouselPageBanner::after,
.banner-inner-wrapper::after {
height: 175px;
}
.home .carousel-item .mob-img {
display: block;
}
.home .carousel-item .desktop-img {
display: none;
}
}
.carousel-indicators {
bottom: 65px;
margin-bottom: 0;
}
@media screen and (max-width: 1149px){
.carousel-indicators {
display: none;
}
}
.carousel-indicators li {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--global--color-white);
border: 3px solid var(--global--color-white);
margin-left: 6px;
margin-right: 6px;
}
.carousel-indicators .active {
background: transparent;
}
@media screen and (max-width: 992px){
.carousel-indicators li {
margin-left: 6px;
margin-right: 6px;
}
}
.headline h1 {
font-size: 38px;
font-size: 3.8rem;
padding: 60px 8% 10px;
max-width: 1200px;
}
@media screen and (max-width: 767px){
.headline h1 {
font-size: 23px;
font-size: 2.3rem;
}
}
.over-banner-msg {
position: absolute;
z-index: 6;
top: 130px;
right: 8%;
width: 100%;
max-width: 420px;
border-radius: 8px;
background: rgba(255,255,255,.9);
padding: 20px 25px;
}
.over-banner-msg h2 {
color: var(--global--color-blue);
font-size: 21px;
font-size: 2.1rem;
font-weight: 500;
}
.over-banner-msg h3 {
font-weight: 600;
font-size: 16px;
font-size: 1.6rem;
}
.over-banner-msg p {
font-size: 15px;
font-size: 1.5rem;
}
.over-banner-msg hr {
margin: 15px 0;
}
.over-banner-msg a {
color: var(--global--color-blue);
}
@media screen and (max-width: 1199px){
.over-banner-msg {
top: 110px;
}
}
@media screen and (max-width: 991px){
.over-banner-msg {
position: relative;
top: 0;
right: 0;
max-width: none;
border-bottom: 4px solid var(--global--color-blue);
border-radius: 0;
background: var(--global--color-v-light-grey);
padding: 30px var(--global--container-padding) 25px;
}
}
.full-width-slider.container-fluid {
padding-right: 100px;
padding-left: 100px;
}
@media (max-width: 1399px){
.full-width-slider.container-fluid {
padding-right: 80px;
padding-left: 80px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 29px;
font-size: 2.9rem;
}
.owl-carousel .owl-nav button.owl-prev {
left: -80px;
}
.owl-carousel .owl-nav button.owl-next {
right: -80px;
}
}
@media (max-width: 767px){
.full-width-slider.container-fluid {
padding-right: 50px;
padding-left: 50px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
font-size: 2.4rem;
}
.owl-carousel .owl-nav button.owl-prev {
left: -50px;
}
.owl-carousel .owl-nav button.owl-next {
right: -50px;
}
}
/** Generic single slide carousel **/
.owl-carousel.single-slide {
padding-left: 100px;
}
.owl-carousel.single-slide .owl-nav button.owl-prev,
.owl-carousel.single-slide .owl-nav button.owl-next {
top: auto;
bottom: 0;
transform: none;
}
.owl-carousel.fit-to-column .owl-nav button.owl-prev {
left: 0;
}
@media screen and (max-width: 1399px){
.owl-carousel.single-slide {
padding-left: 80px;
}
}
@media screen and (max-width: 1199px){
.owl-carousel.single-slide {
padding-right: 30px;
}
.owl-carousel.fit-to-column .owl-nav button.owl-next {
right: -50px;
}
}
@media screen and (max-width: 991px){
.owl-carousel.single-slide {
padding-left: 65px;
padding-right: 65px;
}
.owl-carousel.fit-to-column .owl-nav button.owl-next {
right: -15px;
}
.owl-carousel.fit-to-column .owl-nav button.owl-prev {
left: -15px;
}
}
@media screen and (max-width: 767px){
.owl-carousel.single-slide {
padding-right: 35px;
padding-left: 35px;
}
}
.owl-carousel.single-slide .owl-item .item {
position: relative;
}
.owl-carousel.single-slide .owl-item .item .thumb-wrapper img {
display: block;
}
.owl-carousel.single-slide .owl-item .item .title-wrapper {
display: block;
font-size: 15px;
font-size: 1.5rem;
color: var(--global--color-text);
font-style: italic;
padding: 12px 45px 12px 18px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.7);
}
.owl-carousel.single-slide .owl-item .item .title-wrapper .counter {
position: absolute;
right: 10px;
bottom: 15px;
}
@media screen and (max-width: 574px){
.owl-carousel.single-slide .owl-item .item .title-wrapper {
display: none;
}
}
.why {
background: var(--global--color-blue);
color: #fff;
padding-top: 50px;
padding-bottom: 80px;
margin-bottom: 30px;
}
.why h2 {
font-size: 36px;
font-size: 3.6rem;
color: var(--global--color-white);
text-align: center;
padding-bottom: 35px;
}
@media screen and (max-width: 575px){
.why h2 {
font-size: 28px;
font-size: 2.8rem;
}
}
/* -- Back to top button -- */
.back-to-top-btn-wrapper {
display: none;
position: fixed;
z-index: 9;
right: 15px;
bottom: 175px;
text-transform: uppercase;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: -0.08rem;
}
.back-to-top-btn-wrapper a {
color: var(--global--color-gold);
display: block;
}
.back-to-top-btn-wrapper a i {
display: block;
}
.back-to-top-btn-wrapper a i::before {
display: block;
width: 40px;
height: 40px;
padding-top: 7px;
margin: 0 auto 3px;
background: var(--global--color-gold);
border-radius: 50%;
overflow: hidden;
color: var(--global--color-white);
text-align: center;
font-size: 23px;
font-size: 2.3rem;
}
/** Content page left menu sidebar **/
.left-sidebar {
padding-top: 40px;
}
.left-sidebar-widget .widget_nav_menu h3 {
padding-bottom: 15px;
border-bottom: 1px solid var(--global--color-light-grey);
margin-bottom: 15px;
font-size: 24px;
font-size: 2.4rem;
}
.left-sidebar-widget .widget_nav_menu a {
color: var(--global--color-text);
-webkit-transition: color ease-in-out .1s;
-moz-transition: color ease-in-out .1s;
-ms-transition: color ease-in-out .1s;
-o-transition: color ease-in-out .1s;
transition: color ease-in-out .1s;
}
.left-sidebar-widget .widget_nav_menu a:hover,
.left-sidebar-widget .widget_nav_menu .current-menu-item > a {
color: var(--global--color-text-highlight);
text-decoration: none;
}
.right-sidebar {
padding-top: 80px;
}
.right-sidebar-widget {
margin-bottom: 40px;
position: relative;
right: -30px;
}
.right-sidebar-widget .widget_action_box .widgettitle {
display: none;
}
.right-sidebar-widget .widget_action_box .action-box-img-wrap {
position: relative;
}
.right-sidebar-widget .widget_action_box .action-box-title {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
padding: 10px 20px;
background: var(--global--color-gold);
color: var(--global--color-white);
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0;
}
.right-sidebar-widget .widget_action_box .action-box-title a,
.right-sidebar-widget .widget_action_box .action-box-title a:hover {
color: var(--global--color-white);
display: block;
}
.right-sidebar-widget .widget_action_box ul {
border: 1px solid var(--global--color-gold);
border-top: 0;
padding: 10px 20px;
background: var(--global--color-white);
list-style: none;
}
.right-sidebar-widget .widget_action_box ul a {
color: var(--global--color-text);
text-decoration: underline;
font-size: 15px;
font-size: 1.5rem;
}
.right-sidebar-widget .widget_action_box ul a:hover {
text-decoration: none;
}
/** Generic page header **/
.page .banner,
.search .banner {
position: relative;
overflow: hidden;
}
.page .banner .large-screen,
.page .banner .small-screen {
width: 100%;
height: auto;
}
.page .banner .small-screen {
display: none;
}
@media screen and (max-width: 767px){
.page .banner .small-screen {
display: block;
}
.page .banner .large-screen {
display: none;
}
}
/** No Banner – page header **/
.content-area {
position: relative;
}
.no-banner-img .banner-inner-wrapper::before,
.no-banner-img .banner-inner-wrapper::after,
.banner.no-banner-img::before {
display: none;
}
.no-banner-img .banner-inner-wrapper {
height: 330px;
background: var(--global--color-blue);
position: relative;
}
.single-post .no-banner-img .banner-inner-wrapper {
height: 220px;
}
@media screen and (max-width: 991px){
.no-banner-img .banner-inner-wrapper {
height: 320px;
}
.single-post .no-banner-img .banner-inner-wrapper {
height: 200px;
}
}
@media screen and (max-width: 767px){
.no-banner-img .banner-inner-wrapper {
height: 240px;
}
.single-post .no-banner-img .banner-inner-wrapper {
height: 180px;
}
}
.content-area > .row {
position: relative;
}
.page .no-banner-img .page-head-title h1,
.search .no-banner-img .page-head-title h1 {
/*border-top: 1px solid rgba(255,255,255,.2);*/
padding-top: 18px;
margin-bottom: 5px;
}
/** END **/
.page .page-head-title,
.search .page-head-title {
/*background: rgba(0,0,0,0.5);*/
padding: 10px 0 12px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.search .page-head-title {
padding: 10px 0 22px;
}
.page .page-head-title h1,
.search .page-head-title h1 {
font-size: 36px;
font-size: clamp(3.2rem, 3.55vw, 5.4rem);
font-weight: 500;
line-height: 1;
color: var(--global--color-white);
margin-bottom: 20px;
}
/* Section landing page */
.page-template-template-parent-page {
}
.page-template-template-parent-page .page-head-title {
text-align: center;
}
.page-template-template-parent-page .page-head-title h1 {
font-size: clamp(3.2rem, 3.55vw, 6.4rem);
}
/* Scroll line */
/*.scroll-down-arrow-wrap {
width: 1px;
height: 100px;
position: absolute;
bottom: -10px;
left: 50%;
z-index: 103;
display: none;
}
.page-template-template-parent-page .scroll-down-arrow-wrap {
display: block;
}
.bottom_scroll,
.bottom_scroll::before,
.bottom_scroll .line {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bottom_scroll::before {
content: '';
background: rgba(255,255,255,.3);
}
.bottom_scroll .line {
background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0) 50%);
background-position: 0 -200%;
background-size: 100% 200%;
animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@keyframes scrolldown {
0%{
background-position: 0 100%;
}
75% {
background-position: 0 0;
}
100%{
background-position: 0 -100%;
}
}
*/
@media screen and (max-width: 767px){
.page-template-template-parent-page .page-head-title {
bottom: 40px;
text-align: center;
}
/*.scroll-down-arrow-wrap {
height: 50px;
}*/
}
/** END **/
/** Content styling **/
.content-marker {
margin-top: 30px;
}
.page .content-area {
background-color: var(--global--color-white);
}
@media screen and (min-width: 768px){
.page .content-area {
background-color: var(--global--color-white);
/*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgMjY0IiBmaWxsPSIjZjdmN2Y3Ij48cGF0aCBkPSJNMCwxNy4xYzMzLjUsNC44LDcyLjIsMTEuMiwxMjguMiwxMGM4My4yLTEuOCwxNzUtMjUuNywyNjEuMS0yNi4xIEM0NjIuOSwwLjYsNTAwLDE0LjIsNTAwLDE0LjJ2MjMwLjZjLTQ5LjQsMTQuMS0xNTAuMiwzMi41LTI2OC42LTYuMUMxMjEuNywyMDMsNDcsMjE3LjcsMCwyMzQuM0wwLDE3LjF6Ii8+PC9zdmc+);
background-repeat: no-repeat;
background-position: 0 450px;
background-size: 100% auto;*/
}
}
.breadcrumb-wrapper {
font-size: 14px;
font-size: 1.4rem;
padding-top: 20px;
padding-bottom: 20px;
color: var(--global--color-navy);
}
.breadcrumb-wrapper .breadcrumb_last {
color: #9e9e9e;
}
.breadcrumb-wrapper span span a {
display: inline-block;
color: var(--global--color-blue);
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
}
.breadcrumb-wrapper span span a:hover {
color: var(--global--color-blue-darker);
}
.main-content-wrapper .wp-block-image {
margin: 10px 0 30px;
}
@media (min-width: 992px) {
.main-content-wrapper .wp-block-image {
padding-right: 10%;
}
}
.main-content-wrapper figcaption {
text-align: left;
font-style: italic;
font-size: 16px;
font-size: 1.6rem;
color: #919191;
padding-left: 30px;
padding-top: 47px;
margin-top: -32px;
position: relative;
}
.main-content-wrapper figcaption::before {
content: "";
border-left: 1px solid #919191;
position: absolute;
top: 0;
bottom: 0.375em;
left: 19px;
}
.main-content-wrapper .wp-block-gallery {
margin: 5% 0;
}
.main-content-wrapper .wp-block-heading + .wp-block-gallery {
margin-top: 0;
}
@media (max-width: 991px) {
.main-content-wrapper .wp-block-gallery {
margin: 60px 0;
}
}
@media (max-width: 767px) {
.main-content-wrapper .wp-block-gallery {
margin: 45px 0;
}
}
.main-content-wrapper .wp-block-gallery figure {
cursor: pointer;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
font-size: 17px;
padding: 8px 8px 8px;
}
/* Entry Content */
.entry-content {
color: var(--global--color-text);
}
.entry-content a {
color: var(--global--color-blue);
}
.entry-content a:hover {
color: var(--global--color-blue-darker);
}
.entry-content ul {
/*padding-left: 0;*/
margin-bottom: 1.5em;
}
.entry-content li {
padding: 5px 0;
}
.entry-content ul li {
list-style: square;
}
/* Gutenberg Styles */
.entry-content .wp-block-button {
margin-top: 15px;
}
.entry-content .wp-block-button__link {
color: var(--global--color-white);
margin-bottom: 30px;
background: var(--global--color-blue);
font-size: 0.74em;
text-transform: uppercase;
letter-spacing: .08rem;
font-weight: 600;
padding: calc(.74em + 2px) calc(1.6em + 2px);
display: inline;
transition: all ease-in-out 0.25s;
}
.entry-content a.wp-block-button__link:hover {
color: var(--global--color-white);
text-decoration: none;
background: var(--global--color-blue-darker);
}
.highlight-block.obg-blue .wp-block-button__link {
color: var(--global--color-blue);
background: var(--global--color-white);
}
.wp-block-gallery li {
border-bottom: none;
padding: 0;
list-style-type: none;
}
.entry-content .wp-block-table thead {
border: 0;
}
.entry-content .wp-block-table th {
padding: 8px 15px 8px 0;
border: 0;
}
.entry-content .wp-block-table td {
border: 0;
border-top: 1px solid #d6e5ea;
padding: 8px 15px 8px 0;
vertical-align: top;
}
.obg-blue .wp-block-table td {
border-top: 1px solid rgba(255,255,255,.2);
}
.entry-content .wp-block-table {
margin-bottom: 30px;
width: 100%;
max-width: 1000px;
}
.post-type-archive-tsu_useful_info .main-content-wrapper {
margin-right:0;
}
.post-type-archive-tsu_useful_info .tsu_useful_info h2 {
font-size: 18px;
font-size: 1.8rem;
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0;
padding: 15px;
background: var(--global--color-very-light-green);
}
.post-type-archive-tsu_useful_info .tsu_useful_info {
margin-bottom: 30px;
}
/** Everest Forms **/
.page-template-page-contact-us .everest-form-content-wrap {
padding: 20px 15px;
}
@media (min-width: 768px){
.page-template-page-contact-us .everest-form-content-wrap {
padding-left: 20px;
}
}
@media (min-width: 992px){
.page-template-page-contact-us .everest-form-content-wrap {
padding: 30px 35px 30px 30px;
}
}
@media (min-width: 1200px){
.page-template-page-contact-us .everest-form-content-wrap {
padding-right: 65px;
}
}
@media (min-width: 1400px){
.page-template-page-contact-us .everest-form-content-wrap {
padding-right: 85px;
}
}
.everest-forms > .evf-container {
margin-bottom: 15px;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid {
padding: 0;
}
@media (min-width: 769px){
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:first-child {
padding-right: 15px;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2:last-child {
padding-left: 15px;
}
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .form-row {
margin: 0;
}
.everest-forms .evf-field input,
.everest-forms .evf-field textarea,
.everest-forms .evf-field select {
font-size: 14px;
line-height: 1.42;
color: var(--global--color-darker-gray);
display: block;
width: 100%;
background: var(--global--color-white);
border: 2px solid var(--global--color-light-grey);
border-radius: 0;
padding: 15px;
box-shadow: none;
margin-bottom: 15px;
}
.everest-forms .evf-field textarea {
min-height: 207px;
}
.page-template-page-contact-us .everest-forms .evf-field input,
.page-template-page-contact-us .everest-forms .evf-field textarea {
border: none;
}
.everest-forms .evf-field label {
font-weight: 600;
font-weight: 600;
margin-bottom: 5px;
color: var(--global--color-darker-gray);
font-size: 17px;
line-height: 1.6;
}
.everest-forms label .required {
color: var(--global--color-blue);
}
.page-template-page-contact-us .everest-forms .evf-field label {
color: var(--global--color-white);
}
.everest-forms .evf-submit-container {
text-align: right;
padding: 0;
}
.everest-forms .evf-submit-container button.everest-forms-submit-button {
color: var(--global--color-white);
font-weight: 600;
background-color: var(--global--color-dark-green);
border-color: var(--global--color-dark-green);
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.12rem;
padding: 1.5rem 2rem;
border-radius: 0;
margin: 30px 0 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.everest-forms .evf-submit-container button.everest-forms-submit-button:hover,
.everest-forms .evf-submit-container button.everest-forms-submit-button:focus {
color: var(--global--color-white);
background-color: var(--global--color-darker-green);
border-color: var(--global--color-darker-green);
}
.everest-forms .field-row-prompt {
padding-top: 15px;
font-size: 18px;
}
.everest-forms .field-row-prompt p {
margin-bottom: 0;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid > label {
color: var(--global--color-dark-red);
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid input.evf-error,
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid textarea.evf-error,
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid select.evf-error {
border-color: var(--global--color-dark-red);
color: var(--global--color-darkish-red);
background-color: var(--global--color-very-light-red);
}
.everest-forms ul li {
border-bottom: none;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field-rating {
margin: 10px 0 20px;
}
.search form.search-form .search-field,
.error404 form.search-form .search-field{
position: relative;
left: -2px;
top: 2px;
width: 90%;
font-size: 16px;
font-size: 1.6rem;
padding: 10px 50px 10px 15px;
border: 1px solid var(--global--color-very-light-blue);
border-width: 2px;
}
.search .search-submit,
.error404 .search-submit{
height: 48px;
width: 48px;
border: none;
background: var(--global--color-gold);
}
.search .search-submit svg,
.error404 .search-submit svg{
fill: var(--global--color-white);
width: 25px;
height: 25px;
}
/* FAQs */
.schema-faq-section {
border-bottom: 1px solid var(--global--color-lightish-gray);
padding: 12px 0;
position: relative;
}
.schema-faq-question {
display: block;
cursor: pointer;
padding-right: 20px;
}
.schema-faq-question::after {
content: "+";
position: absolute;
right: 0;
top: 12px;
}
.opened .schema-faq-question::after {
content: "-";
}
.schema-faq-answer {
padding-right: 20px;
padding-top: 15px;
}
/* Search Results Page */
.search-content-area article {
border-bottom: 1px solid var(--global--color-lightish-gray);
padding: 15px 0;
}
.search .content-area {
padding-top: 60px;
padding-bottom: 90px;
}
.search-content-area h2 {
font-weight: 600;
}
.search .nav-links{
margin: 20px auto 0;
}
.search .icon.icon-arrow-left,
.search .icon.icon-arrow-right {
width: 17px;
height: 17px;
margin-top: -1px;
}
/* other */
.mobile-show {
display: none;
}
@media (max-width: 767px){
.mobile-show {
display: block;
}
}
@media (max-width: 767px){
.mobile-hide {
display: none;
}
}
/* Cookie Warning */
#cookie-notice .cookie-notice-container .button.wp-default {
padding: 4px 10px;
background: var(--global--color-white);
color: var(--global--color-dark-gray);
border: 1px solid var(--global--color-dark-gray);
border-radius: 3px;
height: auto;
font-size: 11px;
letter-spacing: 0.08rem;
text-transform: uppercase;
font-weight: 600;
text-decoration: none;
text-shadow: 0 1px 0 var(--global--color-white);
}
#cookie-notice .cookie-notice-container .button.wp-default:hover {
background: var(--global--color-dark-gray);
color: var(--global--color-white);
text-shadow: 0 1px 0 var(--global--color-dark-gray);
text-decoration: none;
}
/* Image Gallery fix !! */
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
height: auto;
}
/* Landing page Template */
.more-link {
color: var(--global--color-text);
text-decoration: none;
font-weight: 500;
}
.more-link:hover,
.more-link:focus {
text-decoration: none;
color: var(--global--color-text);
}
.sub-page-wrap:nth-child(2n+1) .more-link {
color: var(--global--color-white);
}
.sub-page-wrap:nth-child(2n+1) .more-link:hover,
.sub-page-wrap:nth-child(2n+1) .more-link:focus {
text-decoration: none;
color: var(--global--color-white);
}
.arrow-wrap {
display: inline-block;
text-align: center;
padding-top: 5px;
transition: all ease .25s;
margin-left: 8px;
}
.arrow-wrap svg {
width: 17px;
height: auto;
fill: var(--global--color-navy);
margin-top: -2px;
}
.page-template-template-parent-page .content-wrap {
margin-bottom: 6rem;
}
.sub-page-wrap > .row {
align-items: center;
}
.sub-page-wrap:nth-child(odd) {
background: var(--global--color-blue);
}
.sub-page-wrap:nth-child(even) > .row {
flex-direction: row-reverse;
}
.sub-page-wrap .page-thumb {
min-height: 400px;
background: transparent;
background-size: cover;
background-position: center;
}
/*.sub-page-wrap:nth-child(even) > .row .arrow-wrap {
background: #f4f4f4;
}*/
/*.sub-page-wrap:nth-child(even) > .row a:hover .arrow-wrap {
background: var(--global--color-blue);
}*/
/*.sub-page-wrap:nth-child(even) > .row a:hover .arrow-wrap svg {
fill: var(--global--color-white);
}*/
@media (max-width: 767px){
.sub-page-wrap .page-thumb {
min-height: 200px;
}
.sub-page-wrap .landing-text {
padding-top: 30px;
padding-bottom: 20px;
}
}
h2.sub-page-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.3;
overflow: hidden;
margin-bottom: 0;
}
h2.sub-page-title a {
color: var(--global--color-text);
}
h2.sub-page-title a:hover {
color: var(--global--color-blue);
text-decoration: none;
}
.sub-page-wrapper p {
margin-top: 20px;
color: var(--global--color-dark-gray2);
line-height: 1.4;
}
.sub-page-wrapper .link-more {
display: none;
}
.remove-bottom-margin p {
margin-bottom: 0;
}
/* Video embed responsive styling */
.wp-block-embed.is-type-video {
max-width: 525px;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: relative;
padding-top: 56.19%;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/** Theme specific block styling **/
.entry-content .tablepress,
.wp-block-wpm-accordion .accordion-header {
margin-left: 0;
margin-right: 0;
}
.wp-block-wpm-accordion.entry-content > *:not(.wp-block-gallery),
.page-template-page-contact-us .entry-content > *:not(.wp-block-gallery),
.search .entry-content > *:not(.wp-block-gallery),
.page-template-page-news .entry-content > *:not(.wp-block-gallery) {
max-width: 100%;
}
.entry-content .tsu-img-slider:last-child {
margin-bottom: 30px;
}
.popup-content-img-links blockquote {
padding: 0 10% 0 28px;
margin: 40px 0 50px 15px;
position: relative;
font-size: 20px;
font-style: normal;
line-height: 1.4;
color: var(--global--color-blue);
}
.popup-content-img-links blockquote::before {
content: "";
border-left: 1px solid #bfbfbf;
position: absolute;
left: 0;
top: 44px;
bottom: 0px;
}
.popup-content-img-links .svg-quotes.quote-open {
position: absolute;
top: -9px;
left: -22px;
width: 45px;
height: 45px;
}
.popup-content-img-links .svg-quotes.quote-close {
position: relative;
top: -10px;
left: -3px;
width: 30px;
height: 30px;
display: none;
}
.popup-content-img-links blockquote p + cite,
.popup-content-img-links blockquote + p cite {
display: block;
margin-top: -5px;
}
.popup-content-img-links blockquote cite,
.popup-content-img-links blockquote + cite {
color: #4a4a4a;
font-size: 15px;
font-size: 1.5rem;
font-style: normal;
line-height: 1.2;
}
/*********** CHILD THEME STYLES OVERRIDES *****************/
@media screen and (min-width: 769px){
.main-content-wrapper::before {
top: -23px;
}
}
/* Generic element styling */
.main-content-wrapper h1,
.main-content-wrapper h2,
.main-content-wrapper h3,
.main-content-wrapper h4,
.main-content-wrapper h5,
.main-content-wrapper h6 {
color: var(--global--color-navy);
line-height: 1.3;
margin-top: 1em;
margin-bottom: .5em;
}
.main-content-wrapper h3,
.main-content-wrapper h4,
.main-content-wrapper h5,
.main-content-wrapper h6 {
color: var(--global--color-text);
font-weight: 500;
margin-bottom: .4em;
}
.main-content-wrapper h1 {
font-size: 40px;
font-size: 4rem;
}
.main-content-wrapper h2 {
font-size: 28px;
font-size: clamp(2.4rem, 2vw, 2.8rem);
}
.main-content-wrapper h3 {
font-size: 25px;
font-size: clamp(2rem, 2vw, 2.2rem);
}
.main-content-wrapper h4 {
font-size: 22px;
font-size: clamp(1.9rem, 2vw, 2rem);
}
.main-content-wrapper h2:first-child {
margin-top: 0;
}
.btn {
border: 2px solid transparent;
/*text-transform: none;
letter-spacing: normal;*/
}
.wp-block-file a.wp-block-file__button:hover {
color: #fff;
text-decoration: none;
}
h2.sub-page-title a {
color: var(--global--color-navy);
font-size: 2.6rem;
line-height: 1.25;
display: block;
font-weight: 500;
text-decoration: none;
}
h2.sub-page-title a:hover {
color: var(--global--color-navy);;
text-decoration: none;
}
.sub-page-wrap:nth-child(odd) p {
color: var(--global--color-white);
}
.landing-text {
padding: 0 5%;
}
/* Header and Nav */
/** Nav sub option styling **/
@media screen and (min-width:992px){
#navbarTopNavPrimaryMenu .non-bs-dropdown-menu {
display: none;
}
}
/*.left-sidebar-widget .widget_nav_menu .sub-menu {
padding-top: 8px;
padding-bottom: 1px;
}*/
/*#navbarTopNavPrimaryMenu .dropdown-menu .sub-menu > .dropdown-item::before,
.left-sidebar-widget .widget_nav_menu .sub-menu > li::before {
content: "\f22d";
font-size: 0.7em;
top: 3px;
}
#navbarTopNavPrimaryMenu .dropdown-menu .sub-menu > .dropdown-item::before {
top: 6px;
left: 0;
}*/
.left-sidebar-widget .widget_nav_menu .sub-menu > li {
margin-bottom: 5px;
padding-left: 16px;
font-size: .92em;
}
.left-sidebar-widget .widget_nav_menu > div > ul {
margin-bottom: 2.5em;
}
/* Home Page */
/* Contact Page */
.everest-forms .evf-submit-container button.everest-forms-submit-button {
background-color: var(--global--color-red);
border-color: var(--global--color-red);
}
.everest-forms .evf-submit-container button.everest-forms-submit-button:hover,
.everest-forms .evf-submit-container button.everest-forms-submit-button:focus {
color: #fff;
background-color: #920724;
border-color: #920724;
}
/* News Listing*/
.page-template-page-news-media article time.entry-date,
.page-template-page-news article time.entry-date,
.blog article time.entry-date {
font-weight: 500;
}
.news-content-area {
padding-top: 45px;
padding-bottom: 90px;
}
.news-listing-page .news-content-area h2.entry-title {
line-height: 1.2;
margin-top: 0;
margin-bottom: 8px;
}
.news-listing-page .news-content-area h2.entry-title a {
font-size: 2rem;
text-decoration: none;
}
/* News Single */
.back-to-listing-page {
color: #fff;
background-color: var(--global--color-red);
font-weight: 500;
}
.back-to-listing-page:hover {
color: #fff;
background-color: #920724;
text-decoration: none;
}
ul.latest-news a {
color: var(--global--color-red);
}
.single-post .addtoany_header {
border-top: 1px solid rgba(0,0,0,.1);
margin-top: 60px;
padding-top: 10px;
}
ul.link-list li::before,
#navbarTopNavPrimaryMenu .dropdown-menu .dropdown-item::before,
.left-sidebar-widget .widget_nav_menu li::before {
color: var(--global--color-blue);
}
/* Right Sidebar */
.right-sidebar-widget .widget_action_box .action-box-title {
background: var(--global--color-blue);
font-weight: 400;
font-size: 15px;
}
.right-sidebar-widget .widget_action_box ul {
border-color: var(--global--color-blue);
border-right: 0px;
}
.right-sidebar-widget h4 {
font-size: 20px;
font-size: 2rem;
margin-bottom: 0;
margin-top: 10px;
}
.right-sidebar-widget h6 {
font-size: 18px;
font-size: 1.8rem;
color: #777;
}
.right-sidebar-widget p {
margin-bottom: 10px;
}
.right-sidebar-widget .textwidget.custom-html-widget a {
background: #cf2843;
padding: 12px 110px 10px 20px;
position: relative;
display: block;
}
.right-sidebar-widget .textwidget.custom-html-widget a:hover {
text-decoration: none;
background-color: #b01931;
}
.right-sidebar-widget .textwidget.custom-html-widget a span.calendar-title {
color: #fff;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0;
margin: 0 0 6px 0;
display: block;
}
.right-sidebar-widget .textwidget.custom-html-widget a span.calendar-text {
padding: 0;
font-size: 14px;
line-height: 1.2;
color: var(--global--color-text);
margin-bottom: 6px;
display: block;
}
.image.calendar-icon {
position: absolute;
width: 90px;
top: -18px;
right: 10px;
}
/* Page nav - bottom */
.page-nav-wrap {
background: #d3eef2;
}
.page-nav-wrap a:hover {
color: #5a5a5a;
}
.page-nav-wrap .prev-page .svg-long-arrows,
.page-nav-wrap .next-page .svg-long-arrows {
color: var(--global--color-text);
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
height: auto;
}
/* Cookie Warning */
#cookie-notice .cookie-notice-container .button.wp-default {
padding: 4px 10px;
background: #fff;
border: 1px solid #333;
height: auto;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.08rem;
text-transform: uppercase;
}
/* Video banner */
.video-banner-wrapper {
position: relative;
overflow: hidden;
padding-top: 56.25%;
background: #e8e7e7;
}
.video-banner-wrapper iframe {
position: absolute;
top: 50%;
width: 100%;
height: auto;
transform: translateY(-50%);
}
@keyframes ldio-rpinwye8j0b {
0% { transform: rotate(0deg) }
50% { transform: rotate(180deg) }
100% { transform: rotate(360deg) }
}
.ldio-rpinwye8j0b div {
position: absolute;
animation: ldio-rpinwye8j0b 1s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 4px 0 0 #e15b64;
transform-origin: 80px 82px;
}
.loadingio-eclipse {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.ldio-rpinwye8j0b {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-rpinwye8j0b div {
box-sizing: content-box;
}
/* Accordions */
.wp-block-wpm-accordion {
border-bottom: 1px solid #e5e5e5;
padding: 12px 0;
position: relative;
}
.wp-block-wpm-accordion .accordion-title {
padding: 8px 0;
font-size: 20px;
color: var(--global--color-text);
}
.wp-block-wpm-accordion .accordion-chevron {
width: 38px;
}
.wp-block-wpm-accordion .accordion-chevron svg {
width: 100%;
}
.wp-block-wpm-accordion .accordion-content-body {
padding: 10px 0;
}
.accordion-content-body .entry-content {
padding-bottom: 0px;
}
/* Photo Galleries filtering */
.filter-wrap {
margin-bottom: 30px;
background: #f7f7f7;
padding: 15px 20px;
}
.filter-wrap button {
font-weight: 500;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.12rem;
text-transform: uppercase;
background: var(--global--color-red);
border: 0;
padding: 5px 15px;
color: #fff;
height: 40px;
cursor: pointer;
}
.filter-wrap button:hover {
background: #920724;
}
.filter-wrap select {
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #bbb;
padding: 6px 10px;
background: #fff url("./assets/images/down_arrow_select.png") no-repeat scroll right center;
padding-right: 30px;
width: 100%;
max-width: 250px;
margin: 5px 0;
font-size: 15px;
}
.gallery-title-link a {
font-weight: 500;
color: var(--global--color-red);
margin-top: 7px;
display: block;
margin-bottom: 0;
font-size: 14px;
font-size: 1.4rem;
}
.gallery-list {
margin-bottom: 60px;
}
/* Virtual Tour */
.vt h3.accordion-title {
padding-left: 35px;
}
.vt h3.accordion-title::before {
font-family: "Font Awesome 5 Pro";
display: block;
position: absolute;
left: 0;
color: var(--global--color-red);
}
iframe {
max-width: 100%;
}
.entry-content .caldera-grid .btn-primary {
color: #fff;
background-color: var(--global--color-red);
border-color: var(--global--color-red);
}
.entry-content .caldera-grid .btn-primary:hover {
color: #fff;
background-color: #920724;
border-color: #920724
}
.video-list-wrapper .video-col-wrap {
padding-top: 56.25%;
position: relative;
}
.video-list-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-list-wrapper p {
color: var(--global--color-text);
font-size: 1.5rem;
line-height: 1.3;
margin-top: 15px;
}
.vt-notes h3.accordion-title::before {
content: "\f05a";
}
.vt-video h3.accordion-title::before {
content: "\f03d";
}
.vt-file h3.accordion-title::before {
content: "\f15c";
}
.main-content-wrapper .video-list-wrapper h4 {
font-size: 2rem;
}
/* ------- new fonts test ------ */
.welcome h3 {
font-size: 22px;
font-size: 2.2rem;
font-weight: 300;
}
#navbarTopNavSecondaryMenu .nav-link {
font-size: 13.2px;
font-size: 1.32rem;
padding: 0 0 1rem 0.3rem;
}
#navbarTopNavPrimaryMenu .dropdown-menu .section-description {
display: flex;
align-items: start;
margin-top: 0.6rem;
}
/* Visitor Events Block */
.highlight-block.visitor-events-block {
padding-top: 30px;
margin: 45px 0 20px;
border-top: 1px solid var(--global--color-blue);
/*border-bottom: 1px solid var(--global--color-blue);*/
}
.home .highlight-block.visitor-events-block {
border-top: 0;
padding-top: 10px;
}
.visitor-events-block {
position: relative;
text-align: center;
}
.visitor-events-block .intro-para {
font-size: clamp(2.6rem, 1.8752rem + 0.9vw, 3.4rem);
max-width: 1000px;
margin: auto;
font-weight: 300;
}
.visitor-events-block p {
max-width: 1000px;
margin: 30px auto;
}
.visitor-events-block p.has-large-font-size {
color: var(--global--color-navy);
font-weight: 300;
}
.banner::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fefdff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
display: block;
}
/* WP Block file specific styles */
.wp-block-file:not(.wp-element-button) {
font-size: .8em;
background: #f7f7f7;
padding: 12px 18px;
position: relative;
border-radius: 25px;
margin-right: 2px;
max-width: 1000px;
line-height: 1.3;
}
.highlight-block.obg-grey .wp-block-file:not(.wp-element-button) {
background: #fff;
}
.highlight-block.obg-light .wp-block-file:not(.wp-element-button),
.highlight-block.obg-dark .wp-block-file:not(.wp-element-button) {
background: white;
}
.wp-block-file * + .wp-block-file__button {
padding-right: 20px;
position: absolute;
right: 0;
bottom: 0;
color: #fff;
margin-right: -2px;
}
.wp-block-file__button {
background: #000;
border-radius: 25px;
transition: all ease-in-out 0.15s;
color: #fff;
}
.wp-block-file__button:hover {
background: var(--global--color-blue);
color: #fff;
text-decoration: none;
opacity: 1;
}
:where(.wp-block-file__button) {
padding: 15px 20px;
font-weight: 500;
}
.wp-block-file a {
text-decoration: none;
display: block;
padding-right: 106px;
color: var(--global--color-text);
}
.wp-block-file a:hover {
color: var(--global--color-blue);
}
.space-below {
margin-bottom: 5%;
}
.space-above {
margin-top: 5%;
}
.home h1 {
font-size: 36px;
font-size: clamp(2.8rem, 3.55vw, 3.6rem);
font-weight: 400;
margin-top: 1.5em;
margin-bottom: .5em;
line-height: 1.4;
max-width: 1000px;
}
.home h1 a {
text-decoration: none;
}
/* --------------- PAGES --------------- */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: var(--global--color-blue);
border: none;
opacity: 100%;
}
.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 5px 7px;
background: var(--global--color-navy);
border: 1px solid #ececec;
opacity: 20%;
}
.highlight-block.obg-blue .owl-theme .owl-dots .owl-dot.active span,
.highlight-block.obg-blue .owl-theme .owl-dots .owl-dot:hover span {
background: var(--global--color-white);
border: none;
opacity: 100%;
}
.highlight-block.obg-blue .owl-theme .owl-dots .owl-dot span {
background: var(--global--color-white);
border: 1px solid #ececec;
opacity: 20%;
}
/* News Listing*/
.post-template-default .byline {
display: none;
}
.news-content-area .entry-content {
padding-bottom: 0;
}
.page-template-page-news-media article time.entry-date,
.page-template-page-news article time.entry-date,
.blog article time.entry-date {
font-weight: 600;
}
.news-listing-page .icon-arrow-left,
.news-listing-page .icon-arrow-right {
width: 17px;
height: 17px;
margin-top: -1px;
}
.pagination {
text-align: center;
display: block;
}
.page-numbers {
border-radius: 50%;
background: var(--global--color-light-grey);
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
padding-top: 9px;
transition: all ease .25s;
margin-left: 10px;
text-decoration: none;
}
a.page-numbers {
color: var(--global--color-text);
}
a.page-numbers:hover {
color: var(--global--color-text);
background: var(--global--color-yellow);
}
.next.page-numbers {
margin-left: 25px;
}
.prev.page-numbers {
margin-right: 15px;
}
.page-numbers.current {
background: var(--global--color-yellow);
color: var(--global--color-text);
}
/* News Single*/
ul.latest-news {
margin-top: 30px;
padding-left: 0;
}
ul.latest-news li {
border-bottom: 1px solid var(--global--color-lightish-gray);
padding: 10px 0;
list-style: none;
}
.single-post aside #secondary {
display: none;
}
.single-post .left-sidebar {
border-right: 1px solid var(--global--color-lightish-gray);
}
.single-post article {
margin-top: 30px;
}
.single-post article .post-navigation h2 {
display: none;
}
.single-post .icon.icon-arrow-left {
width: 30px;
height: 40px;
margin-right: 8px;
margin-top: -3px;
position: absolute;
left: 0;
top: 0;
}
.single-post .icon.icon-arrow-right {
width: 30px;
height: 40px;
margin-left: 8px;
margin-top: -3px;
position: absolute;
right: 0;
top: 0;
}
/* News */
.page-template-page-news .entry-content {
padding-bottom: 6rem;
}
p.filters-label {
color: rgba(255,255,255,.5);
font-weight: 600;
font-size: 13.5px;
margin-bottom: 8px;
}
.filter-options {
margin-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,.2);
padding-bottom: 20px;
}
.filter-options .btn,
.news-cat .btn {
background: var(--global--color-light-grey);
border-radius: 16px;
height: 32px;
font-size: 13px;
padding: 4px 16px;
color: var(--global--color-blue);
font-weight: 500;
text-transform: initial;
letter-spacing: -0.015rem;
margin-right: .5rem;
}
.filter-options .btn:hover,
.filter-options .btn.selected,
.news-cat .btn:hover {
background: var(--global--color-yellow);
color: var(--global--color-blue);
}
.page-template-page-news article {
margin-bottom: 30px;
position: relative;
}
.page-template-page-news article::after {
content: "";
position: absolute;
bottom: 0;
left: calc(var(--bs-gutter-x) * 0.5);
right: calc(var(--bs-gutter-x) * 0.5);
height: 1px;
background: rgba(23,37,70,.15);
}
.post-thumbnail img {
border-radius: 10px;
}
.post-content-wrap {
padding-bottom: 45px;
}
.post-date {
font-size: 13px;
font-weight: 500;
margin-top: 15px;
}
.page-template-page-news article h2.entry-title {
margin-top: 5px;
margin-bottom: 10px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
}
@media screen and (min-width: 1200px){
.news-content-area article:first-child h2.entry-title {
font-size: 2.4rem;
}
}
.page-template-page-news article h2.entry-title a {
text-decoration: none;
color: var(--global--color-text);
}
.post-content-wrap p {
font-size: 1.6rem;
}
.post-content-wrap .news-cat {
position: absolute;
bottom: 15px;
}
/* News - single */
.single-post .entry-content {
padding-bottom: 5rem;
}
.single-post .post-thumbnail {
max-width: 800px;
margin: 30px auto 45px;
}
.single-post .main-content-wrapper h1 {
/*margin-top: -100px;*/
margin-bottom: 0;
font-size: 50px;
font-size: clamp(3rem, 3.55vw, 5rem);
/*color: #fff;*/
text-align: center;
font-weight: 500;
}
.single-post .post-date {
font-size: 16px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 15px
}
.single-post .type-post {
max-width: 1000px;
margin: auto;
}
.single-post .type-post .entry-meta {
text-align: center;
}
.post-navigation,
.cat-filters-wrap {
position: relative;
}
.post-navigation::before,
.cat-filters-wrap::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -9.5%;
right: -9.5%;
background: var(--global--color-v-light-grey);
z-index: -1;
}
.nav-title-icon-wrapper {
display: none;
}
.single-post .nav-subtitle {
display: block;
font-size: 13.5px;
color: #8a8a8a;
font-weight: 500;
}
.nav-links {
font-size: 16px;
padding: 25px 0 15px;
}
.nav-links::after {
content: "";
clear: both;
display: block;
}
.nav-previous {
float: left;
width: 48%;
position: relative;
}
.nav-next {
float: right;
width: 48%;
position: relative;
text-align: right;
}
@media screen and (max-width: 767px){
.nav-previous,
.nav-next {
float:none;
width: 100%;
}
}
.next-prev-nav a,
.post-navigation a {
font-weight: 500;
color: var(--global--color-blue);
text-decoration: none;
font-size: 22px;
font-size: 2.2rem;
}
.next-prev-nav a:hover,
.post-navigation a:hover {
color: var(--global--color-blue-darker);
}
.next-prev-nav a i,
.post-navigation a i {
color: var(--global--color-text);
}
.next-prev-nav::after,
.post-navigation::after {
content: '';
display: block;
visibility: hidden;
height: 1px;
clear: both;
}
.cat-filters-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.cat-filters-wrap .filter-options {
margin-bottom: 0;
}
.back-to-listing {
text-align: center;
max-width: 750px;
position: relative;
margin-bottom: 30px;
}
.back-to-listing a {
display: block;
background: var(--global--color-red);
display: inline-block;
color: #fff;
padding: 5px 10px;
}
.back-to-listing a:hover {
background: #920724;
text-decoration: none;
}
.navbar-open {
box-shadow: 0px 33px 32px -31px rgba(0,0,0,0.2);
position: relative;
}
.sidebar-open::after {
background: rgba(0,0,0,.3);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1005;
}
.error404 .page-content {
padding-bottom: 80px;
}
/* ----------------------------------------------END check --------------------------------------------------------------- */
/* Home Page */
.home .is-style-tsu-intro-para {
padding-top: 40px;
}
.banner-content-wrap {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 8%;
z-index: 10;
width: 100%;
padding: 0 8%;
}
.home .headline {
max-width: 520px;
}
.home .button-wrap {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 991px){
.home .button-wrap {
display: none;
}
}
.home .headline h1 {
padding: 0;
margin: 0;
font-weight: 600;
font-size: 60px;
font-size: clamp(4rem, 6vw, 6rem);
line-height: 1.05;
letter-spacing: 0.18rem;
text-transform: uppercase;
color: var(--global--color-yellow);
}
.home .headline p {
color: #fff;
}
.home .entry-content h2 {
color: var(--global--color-navy);
line-height: 1.3;
margin-top: 1em;
margin-bottom: .5em;
font-size: 28px;
font-size: clamp(2.8rem, 2vw, 3.2rem);
font-weight: 500;
}
.page .page-head-title,
.search .page-head-title {
padding: 0 0 4%;
}
.page-head-title::before,
.home .over-banner-msg + .container-fluid::before {
content: "";
width: 100%;
bottom: -1px;
position: absolute;
z-index: 7;
background: url("./assets/images/curve.svg") no-repeat;
background-size: auto;
aspect-ratio: 11.7 / 1;
}
.home .over-banner-msg + .container-fluid {
position: relative;
}
.home .over-banner-msg + .container-fluid::before {
bottom: calc(100% - 1px);
left: 0;
}
.become p,
.become .wp-block-buttons {
display: inline-block;
}
.become .wp-block-buttons {
margin-left: 8px;
}
.become .tsu-bs-column-innerblocks {
text-align: right;
}
/* blockquotes */
.main-content-wrapper blockquote {
color: var(--global--color-blue);
padding: 0;
margin: 40px 0 50px 0;
position: relative;
font-size: 30px;
font-size: clamp(2.4rem, 3.55vw, 3.2rem);
letter-spacing: 0;
font-style: normal;
line-height: 1.55;
max-width: 1000px;
}
.main-content-wrapper blockquote p {
position: relative;
z-index: 1;
margin-bottom: 16px;
}
.main-content-wrapper blockquote.is-style-plain {
color: var(--global--color-text);
}
.main-content-wrapper blockquote.wp-block-quote .has-small-font-size {
font-size: 18px !important;
}
.main-content-wrapper blockquote.wp-block-quote .has-medium-font-size {
font-size: 22px !important;
}
.main-content-wrapper blockquote.wp-block-quote .has-large-font-size {
font-size: 26px !important;
font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1200 - 300))) !important;
line-height: 1.45;
}
.main-content-wrapper blockquote.wp-block-quote .has-large-font-size {
font-size: 22px !important;
font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1200 - 300))) !important;
font-weight: 700;
}
.main-content-wrapper blockquote.wp-block-quote .has-x-large-font-size {
font-size: 29px !important;
font-size: calc(22px + (29 - 22) * ((100vw - 300px) / (1200 - 300))) !important;
line-height: 1.45;
}
.main-content-wrapper blockquote .svg-quotes {
display: inline-block;
fill: var(--global--color-blue);
color: var(--global--color-blue);
width: 60px;
height: 60px;
}
.main-content-wrapper blockquote .svg-quotes.quote-open {
position: absolute;
top: -45px;
left: -11px;
}
.main-content-wrapper blockquote .svg-quotes.quote-close {
position: relative;
top: -10px;
left: -3px;
width: 30px;
height: 30px;
}
.main-content-wrapper blockquote cite,
.main-content-wrapper blockquote + cite,
blockquote + p cite {
color: #4a4a4a;
font-size: 15px;
font-size: 1.5rem;
font-style: normal;
line-height: 1.2;
font-weight: 600;
}
.main-content-wrapper blockquote p + cite,
blockquote + p cite {
display: block;
margin-top: -5px;
}
/* blockquotes - pullquote */
.entry-content .wp-block-pullquote {
border-top: 2px solid var(--global--color-blue);
border-bottom: 2px solid var(--global--color-blue);
padding: 2em 0;
text-align: left;
margin-bottom: 2em;
margin-top: 2em;
}
.entry-content .wp-block-pullquote blockquote,
.entry-content .wp-block-pullquote p {
color: var(--global--color-blue);
}
@media screen and (min-width: 768px){
.entry-content .wp-block-pullquote {
padding: 8% 12% 6%;
}
}
/* Disvover more section */
.discover-more-wrap {
/*background: var(--global--color-blue);*/
padding-top: 50px;
/*padding-bottom: 70px;*/
position: relative;
}
.discover-more-wrap h2 {
font-size: 40px;
font-weight: 500;
margin-bottom: 10px;
color: var(--global--color-navy);
display: inline-block;
position: relative;
/*left: 50%;*/
/*transform: translateX(-50%);*/
z-index: 2;
/*padding: 0 24px;*/
padding: 0 24px 0 0;
background: white;
}
.discover-more-wrap .block-title {
position: relative;
}
.discover-more-wrap .block-title::after {
content: "";
position: absolute;
top: 25px;
left: 0;
right: 0;
height: 1px;
background: rgb(0, 181, 235);
}
.discover-more-wrap .page-wrap {
position: relative;
margin-top: 30px;
}
.discover-more-wrap .page-thumb {
aspect-ratio: 1/1;
background-size: cover;
display: block;
}
.discover-more-wrap .page-content {
position: absolute;
color: #fff;
font-size: 19px;
font-weight: 600;
line-height: 1.2;
}
.discover-more-wrap .page-thumb::after {
content:"";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(19,19,19,0);
transition: all ease .25s;
}
.discover-more-wrap a:hover .page-thumb::after {
background: rgba(19,19,19,.25);
}
.discover-more-wrap .page-wrap > a {
display: block;
border-bottom: 4px solid var(--global--color-yellow); /* border here to make it clickable */
}
/*.discover-more-wrap .page-wrap .page-thumb::after {
display: none;
}*/
.discover-more-wrap .page-wrap .page-content {
background: #000000;
background: linear-gradient(360deg,rgba(60, 60, 60, 0.8) 0%, rgba(60, 60, 60, 0) 100%);
top: auto;
bottom: 4px; /** Must match the border bottom of the a tag **/
left: 0;
right: 0;
padding: 40px 20px 20px;
}
.discover-more-wrap::before,
footer.footer::before {
content: "";
display: block;
width: 100%;
bottom: -1px;
left: 0;
position: absolute;
background: url("./assets/images/footer-curve.svg") no-repeat;
background-size: cover;
aspect-ratio: 12.25 / 1;
}
footer.footer::before {
bottom: calc(100% - 1px);
}
footer.footer {
position: relative;
margin-top: 10%;
}
.discover-more-wrap + footer.footer {
margin-top: 0;
}
.discover-more-wrap + footer.footer::before {
display: none;
}
/* Page Nav */
.page-sibling-nav {
justify-content: end;
display: flex;
}
.page-nav-wrap {
padding: 15px 25px;
background: var(--global--color-blue);
color: var(--global--color-white);
margin: 0 0 30px 0;
font-size: 19px;
font-size: 1.9rem;
position: relative;
width: 340px;
z-index: 10000;
}
.page-nav-inner-wrap {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 991px){
.page-nav-wrap {
margin: 0;
}
}
/*.page-nav-wrap .next-page-wrap {
text-align: right;
}*/
.page-nav-wrap a {
position: relative;
color: var(--global--color-white);
font-size: 1.7rem;
font-weight: 500;
text-decoration: none;
/*white-space: nowrap;*/
-webkit-transition: color ease-in-out .1s;
-moz-transition: color ease-in-out .1s;
-ms-transition: color ease-in-out .1s;
-o-transition: color ease-in-out .1s;
transition: color ease-in-out .1s;
}
.page-nav-wrap a:hover {
color: var(--global--color-white);
text-decoration: underline;
}
.page-nav-wrap a[aria-current="page"] {
color: var(--global--color-navy-darker);
}
.page-nav-wrap a::before {
content: "\f105";
font-family: "Font Awesome 5 Pro";
font-size: .9em;
line-height: 1.75em;
vertical-align: middle;
color: var(--global--color-navy-darker);
position: absolute;
left: -18px;
top: 0;
}
.page-nav-wrap a:hover::before,
.page-nav-wrap a[aria-current="page"]::before {
color: var(--global--color-navy-darker);
}
.page-nav-wrap ul{
padding: 0;
}
.page-nav-wrap li.menu-item {
padding: .25rem 0 .75rem 1.6rem;
list-style: none;
line-height: 1.35;
}
.page-nav-wrap ul .sub-menu {
margin-top: 8px;
border-bottom: 1px solid rgba(255,255,255,.15);
padding-bottom: 4px;
}
/*.page-nav-wrap .prev-page .svg-long-arrows,
.page-nav-wrap .next-page .svg-long-arrows {
color: var(--global--color-white);
margin-left: 8px;
margin-top: -3px;
width: 30px;
}
.page-nav-wrap .prev-page .svg-long-arrows {
margin-left: 0;
margin-right: 8px;
}*/
@media screen and (max-width: 767px){
.page-nav-wrap a {
font-size: 16px;
font-size: 1.6rem;
}
.page-nav-wrap .prev-page .svg-long-arrows,
.page-nav-wrap .next-page .svg-long-arrows {
width: 22px;
}
}
#menu-top-level-menu-item-slug {
margin-top: 20px;
}
.page-nav-wrap .page-nav-title {
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 500;
margin-bottom: 0;
margin-top: 3px;
}
.page-nav-wrap .page-sibling-nav-container {
display: none;
position: absolute;
background: var(--global--color-blue);
left: 0px;
right: 0px;
padding: 0px 25px 20px;
}
/* -- Footer -- */
.footer {
background: var(--global--color-blue, #172546 );
padding-top: 40px;
padding-bottom: 40px;
color: var(--global--color-white, #fff );
font-size: 1.8rem;
}
.footer > div > div {
position: relative;
z-index: 1;
}
.hr-line::after {
border-top: 1px solid rgba(255,255,255,.3);
content: "";
display: block;
padding: 15px 0;
}
.footer-widget-menu-1,
.footer-widget-menu-2 {
display: none;
}
@media (min-width: 940px){
.footer-widget-menu-1,
.footer-widget-menu-2 {
display: block;
}
}
.footer h3 {
font-weight: 500;
font-size: 2rem;
color: var(--global--color-white, #fff );
}
.footer ul {
padding-left: 0;
list-style: none;
}
.footer .widget_text li {
margin: 5px 0;
}
.footer a {
color: var(--global--color-white, #fff );
text-decoration: none;
}
.footer a:hover {
color: var(--global--color-white, #fff );
text-decoration: underline;
}
.footer-widget-first .widgettitle,
.footer-widget-fifth .widgettitle,
.footer-widget-sixth .widgettitle {
display: none;
}
.footer-widget-first img,
.lower-footer img {
max-width: 190px;
}
.footer-widget-first .navbar-brand {
display: block;
margin-bottom: 20px;
}
.footer-widget-first p {
color: var(--global--color-white, #fff );
}
/*.footer-widget-first .wp-block-social-links {
margin-top: 50px;
}*/
.wp-social-link {
background-color: var(--global--color-white, #fff );
color: var(--global--color-blue, #172546 );
}
.footer-widget-first .wp-social-link a {
padding: 12px;
}
.footer-widget-first .wp-social-link svg {
font-size: 26px;
}
.footer-widget-second {
padding-top: 20px;
padding-bottom: 8px;
}
@media (min-width: 576px){
.footer-widget-second {
padding-top: 80px;
padding-bottom: 8px;
}
}
@media (max-width: 575px){
.wp-block-social-links {
justify-content: flex-start !important;
}
}
.footer-widget-second p {
line-height: 1.3;
font-size: 18px;
font-size: 1.8rem;
margin-top: 20px;
}
.footer-widget-second p a,
.footer-widget-second p a:hover {
color: var(--global--color-yellow);
}
.footer-widget-second ul li {
margin: 10px 0;
border-bottom: 1px solid rgba(255,255,255,.15);
padding-bottom: 10px;
}
.footer-widget-second ul li:first-child {
border-top: 1px solid varrgba(255,255,255,.15);
padding-top: 10px;
}
.footer .menu-item a {
display: flex;
justify-content: space-between;
padding: 4px 0;
}
.footer .menu-item a .arrow-wrap {
height: 36px;
width: 36px;
padding-top: 1px;
}
.footer .menu-item a .arrow-wrap svg {
width: 15px;
}
.footer-widget-sixth a {
display: inline-block;
margin: 15px 40px 25px 0;
vertical-align: middle;
}
.footer-widget-sixth a img {
height: 84px;
width: auto;
}
@media (max-width: 767px){
.footer-widget-sixth a img {
height: 50px;
}
}
.lower-footer {
background: var(--global--color-blue);
color: var(--global--color-white);
padding-top: 10px;
font-size: 1.4rem;
color: var(--global--color-white);
padding-bottom: 20px;
}
.lower-footer,
.lower-footer a {
color: var(--global--color-white);
text-decoration: none;
}
.lower-footer a:hover {
color: var(--global--color-white);
text-decoration: underline;
}
/*@media screen and (max-width: 767px){
.lower-footer {
margin-bottom: 0;
}
}*/
/*.lower-footer .footer-copyright {
display: flex;
justify-content: space-between;
padding-left: 8%;
padding-right: 8%;
padding-top: 18px;
padding-bottom: 8px;
background: var(--global--color-grey, #eee );
}*/
.lower-footer .copyright-terms-wrap {
display: flex;
}
.lower-footer .footer-copyright,
.lower-footer .terms-menu-wrap ul {
font-size: 13px;
}
.lower-footer .terms-menu-wrap ul {
padding-left: 0;
list-style: none;
}
.lower-footer li {
display: inline-block;
margin: 0 15px;
}
.lower-footer .copyright-wrap {
margin-right: 30px;
}
@media screen and (max-width: 991px){
.lower-footer .copyright-terms-wrap {
display: block;
}
.lower-footer .footer-copyright {
display: block;
}
.lower-footer .copyright-wrap {
margin-right: 0;
}
#menu-footer-terms {
margin-top: 4px;
}
.lower-footer li {
margin: 0 15px 0 0;
}
}
.staff .wp-block-paragraph {
border-top: 2px solid #d2d4da;
padding-top: 8px;
margin-bottom: 35px;
margin-top: 20px;
font-size: .9em;
}
.staff .wp-block-paragraph strong {
font-size: 1.1em;
}
.stats-quote-image {
color: #fff;
text-align: center;
line-height: 1.35;
margin-bottom: 6%;
}
@media screen and (max-width: 1500px){
.stats-quote-image {
padding: 0;
overflow: hidden;
}
}
.stats-quote-image .stat-1 {
background: var(--global--color-navy);
display: flex;
align-items: center;
padding: 7%;
text-align: center;
color: #fff;
aspect-ratio: 1 / 2;
}
.stats-quote-image .stat-quote {
background-color: #FC0;
margin-bottom: 0;
aspect-ratio: 1/1;
overflow: hidden;
padding: 7%;
display: flex;
justify-content: center;
flex-direction: column;
}
.stats-quote-image .wp-block-quote {
color: var(--global--color-navy);
text-align: left;
}
.stats-quote-image .wp-block-quote cite {
opacity: .7;
font-size: 0.9em;
}
.stats-quote-image .wp-block-quote svg {
width: 56px;
margin-left: -14px;
margin-bottom: -10px;
color: var(--global--color-navy);
}
.stats-quote-image .wp-block-quote .quote-close {
display: none;
}
.stats-quote-image .stat-2 {
background-color: #9197AB;
margin-bottom: 0;
aspect-ratio: 1/1;
overflow: hidden;
padding: 5%;
display: flex;
align-items: center;
}
.stats-quote-image .bg-img {
background-image: url('/wp-content/uploads/2026/08/CWS-outside-banner-m.jpg');
display: flex;
align-items: end;
background-position: center;
background-size: cover;
position: relative;
aspect-ratio: 1 / 1;
}
.stats-quote-image .bg-img::before {
content: "";
display: block;
width: 100%;
height: 60%;
background: linear-gradient(to top,rgba(5, 25, 47, 0.8) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
position: absolute;
bottom: 0;
z-index: 5;
}
.stats-quote-image .bg-img .wp-block-paragraph {
color: #fff;
font-size: 2.8rem;
padding: 6%;
position: relative;
z-index: 10;
text-align: left;
}
.stats-quote-image .has-x-large-font-size {
font-size: 8rem !important;
font-family: Georgia, Garamond, Times New Roman;
}
@media screen and (max-width: 767px){
.stats-quote-image .stat-1 {
padding: 7%;
aspect-ratio: 1 / 1;
}
.stats-quote-image .has-x-large-font-size {
font-size: 6rem !important;
}
.stats-quote-image .bg-img .wp-block-paragraph {
font-size: 2.2rem;
}
.stats-quote-image .bg-img::before {
height: 100%;
}
}
/* TablePress styles */
body .tablepress {
font-size: .85em;
}
body .tablepress > :where(thead, tfoot) > tr > * {
background-color: transparent;
color: var(--head-text-color);
font-weight: 700;
vertical-align: middle;
word-break: normal;
}
body .tablepress > :where(thead) + tbody > :where(:not(.child)) > *,
body .tablepress > tbody > * ~ :where(:not(.child)) > *,
body .tablepress > tfoot > :where(:first-child) > * {
border-top: 1px solid #d6e5ea;
}
h2.tablepress-table-name {
font-size: 2rem;
font-weight: 500;
}
/* WP Accordion styles */
.wp-block-accordion {
border-top: 2px solid rgba(42,46,51,.15);
}
.wp-block-accordion-heading__toggle-icon {
color: var(--global--color-blue);
font-size: 1.6em;
font-weight: 400;
}
.wp-block-accordion:last-child {
border-bottom: 2px solid rgba(42,46,51,.15);
}
.main-content-wrapper h3.wp-block-accordion-heading {
margin-top: 0.65em;
margin-bottom: .65em;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none;
}
.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title {
color: var(--global--color-navy);
}
/* Our Community block */
.entry-content .list-link a {
color: var(--global--color-text);
text-decoration: none;
}
.entry-content .list-link ul li a:hover {
color: var(--global--color-blue);
text-decoration: none;
}
.entry-content .list-link ul li {
list-style: none;
padding: 0;
position: relative;
}
.entry-content .list-link ul li a::before {
content: "\f105";
font-family: "Font Awesome 5 Pro";
font-size: .9em;
line-height: 1.75em;
vertical-align: middle;
color: var(--global--color-blue);
position: absolute;
left: -18px;
top: 2px;
}
/*.upper {
text-transform: uppercase;
letter-spacing: .08rem;
font-weight: 500;
color: #807e7e;
}
.home .upper + .is-style-tsu-intro-para {
padding-top: 0;
}
*/
p.wp-block-paragraph + .is-style-tsu-intro-para,
p.wp-block-paragraph + .home .is-style-tsu-intro-para {
padding-top: 0;
}
p.wp-block-paragraph:has(+.is-style-tsu-intro-para) {
text-transform: uppercase;
font-size: 17px;
letter-spacing: .08rem;
font-weight: 500;
color: #807e7e;
}