/* General Styles*/
body { overflow-x: hidden;}
.alignfull, .wp-block-categories-list.alignfull {left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100VW; position: relative; right: 50%; width: 100vw; }
.bricks-button,button,.button, .feature--button, #brx-footer a { transition: all 0.3s } 

/* @view-transition {  navigation: auto; }
.vt-resource-title { view-transition-name: vt-resource-title; }
::view-transition-old(root),::view-transition-new(root) { animation-duration: 0.35s; }*/

/* Custom Padding */
.paddingTop--default { padding-top: clamp(3.52rem, calc(0.06157407407407408 * (100vw - 36rem) + 3.52rem), 10.17rem); }
.paddingTop--double { padding-top: clamp(7.04rem, calc(0.12314814814814816 * (100vw - 36rem) + 7.04rem), 20.34rem)}
.paddingBottom--default { padding-bottom: clamp(3.52rem, calc(0.06157407407407408 * (100vw - 36rem) + 3.52rem), 10.17rem); }
.paddingBottom--double { padding-bottom: clamp(7.04rem, calc(0.12314814814814816 * (100vw - 36rem) + 7.04rem), 20.34rem)}


/* Card BG */
.card--color:nth-child(6n + 1) { background-color: #156B86; }
.card--color:nth-child(6n + 2) { background-color: #0ABEB9; }
.card--color:nth-child(6n + 3) { background-color: #9BDAB2; }
.card--color:nth-child(6n + 4) { background-color: #A3C1CE; }
.card--color:nth-child(6n + 5) { background-color: #78A0B2; }
.card--color:nth-child(6n + 6) { background-color: #228E9E; }

.background--white .card--underline.brxe-div {border: 1px solid #d9d9d9; !important }



.icon--tint { mix-blend-mode: screen; }
:is(.background--white, .background--lightgrey) .icon--tint { opacity: 0.3; mix-blend-mode: normal; }
.gradient--green .icon--tint { mix-blend-mode: overlay; }

.gradient--green {background-image: url(/wp-content/uploads/bg5-1.jpg); background-size: cover; background-position: center center; position: relative; color: var(--bricks-color-white);}
.gradient--green::before {background-image: radial-gradient(farthest-side at top right, rgba(3, 157, 153, 0.60), rgba(0, 72, 104, 0.9));position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0;}

/* Cards insights */
.insight--card--wrapper-green:not(:nth-child(3n)) { position: relative; }
.insight--card--wrapper-green:not(:nth-child(3n))::after { content: ""; position: absolute; top: 0; right: -3.1rem; width: 1px; height: 100%; background: #ffffff33; }
@media (max-width: 767px) {
    .insight--card--wrapper-green:not(:nth-child(3n))::after { content: ""; position: absolute; top:auto; bottom: -2rem; right: 0; width: 100%; height: 1px; background: #ffffff33;}
}
.insight--card--wrapper:not(:nth-child(3n)) { position: relative; }
.insight--card--wrapper:not(:nth-child(3n))::after { content: ""; position: absolute; top: 0; right: -3.1rem; width: 1px; height: 100%; background: #d6d6d6; }
@media (max-width: 767px) {
    .insight--card--wrapper:not(:nth-child(3n))::after { content: ""; position: absolute; top:auto; bottom: -2rem; right: 0; width: 100%; height: 1px; background: #d6d6d6;}
}

/* Cards underline */
.card--underline, .card--color--underline { position: relative; }
.card--underline::after, .card--color--underline::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1.6rem; border-radius: 0 0 1.5rem 1.5rem; }

/* Repeat colours every 6 cards */
.card--underline:nth-child(6n + 1)::after, .card--color--underline:nth-child(6n + 1)::after { background-color: #156B86;}
.card--underline:nth-child(6n + 2)::after, .card--color--underline:nth-child(6n + 2)::after { background-color: #0ABEB9;}
.card--underline:nth-child(6n + 3)::after, .card--color--underline:nth-child(6n + 3)::after { background-color: #9BDAB2;}
.card--underline:nth-child(6n + 4)::after, .card--color--underline:nth-child(6n + 4)::after { background-color: #A6C6D4;}
.card--underline:nth-child(6n + 5)::after, .card--color--underline:nth-child(6n + 5)::after { background-color: #78A0B2;}
.card--underline:nth-child(6n + 6)::after, .card--color--underline:nth-child(6n + 6)::after { background-color: #228E9E;}

/* Filters */
.wpgb-facet .wpgb-select, 
.wpgb-facet select.wpgb-select { height: auto !important; padding: 1.4rem 2.6rem 1.4rem 1.6rem !important; border-radius: 3rem !important; }
.wpgb-facet .wpgb-search-facet .wpgb-input { padding: 1.6rem; border-radius: 3rem; }
.wpgb-facet select.wpgb-select+.wpgb-select-controls { width: 5rem; }


/* Menu Styles */
.brx-submenu-toggle a, .menu-item a { border-radius: 3rem; }
.brx-dropdown-content .menu-item a { border-radius: 0; }
.nav--dropdown--wrapper {background:#ffffff}
.nav-wrapper { color:#065679; transition: all 0.3s}

#MainMenu a { color:#065679; }
#MainMenu a:hover { color:#ffffff; background-color: #156B86; ;}

.brx-sticky.scrolling #MainMenu a { color:#ffffff; }
.brx-sticky.scrolling #MainMenu .brx-dropdown-content a { color:#065679; }
.brx-sticky.scrolling #MainMenu .brx-dropdown-content a:hover { color:#ffffff; }
.brx-sticky.scrolling .nav-wrapper { background: #004868db; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid #065679; color: #ffffff } 
.brx-sticky.scrolling .nav-wrapper {color: #fff;} 
.brx-sticky.scrolling .nav-wrapper .nav--dropdown--wrapper a { color: #42555D}

/* Post Page Fixes*/
#post_content h1{ font-size: clamp(2.8rem, 3.833vw + 0.96rem, 7.86rem); }
#post_content :where(h1, h2, h3, h4, h5, h6) { width: 110%; margin-left: -10%; padding-bottom: var(--space-l); color: #004868 }
@media (max-width: 767px) {
    #post_content :where(h1, h2, h3, h4, h5, h6) { width: 100%; margin-left: 0;}
}


/* GutenBricks Fix - Text Colors */
.background--white .text--subheading, .background--lightgrey .text--subheading {color: #003E58;}
.background--white .text--heading, .background--lightgrey .text--heading { color: #003E58;}

.background--blue, .background--midgrey, .background--darkgrey, .background--aqua {color: #fff;}
.background--blue .text--heading, .gradient--green .text--heading { color: #ffff;}
.background--aqua .text--heading, .gradient--green .text--subheading { color: #9BDAB2; }

.background--lightblue, .background--lightblue .text--subheading {color: #42555D;}
.background--lightblue .text--heading, .background--green { color: #003E58 }

.background--white { }
.background--lightgrey { background-color: #E5ECEC }
.background--midgrey { background-color: #A3C1CE}
.background--darkgrey { background-color: #42555D }
.background--lightblue { background-color: #228E9E }
.background--blue { background-color: #003E58 }
.background--aqua { background-color: #0ABEB9 }
.background--green { background-color: #9BDAB2 }

.currentcolor--white { color: #ffffff }
.currentcolor--lightgrey { color: #E5ECEC }
.currentcolor--midgrey { color: #A3C1CE}
.currentcolor--darkgrey { color: #42555D }
.currentcolor--lightblue { color: #228E9E }
.currentcolor--blue { color: #003E58 }
.currentcolor--aqua { color: #0ABEB9 }
.currentcolor--green { color: #9BDAB2 }


.background--white .text--heading, .background--lightgrey .text--heading { color: #156B86; }
.background--midgrey .text--heading, .background--darkgrey .text--heading, .background--lightblue .text--heading  { color: #ffffff; }
.background--blue .text--heading { color: #0ABEB9 }
.background--aqua .text--heading, .background--green .text--heading { color: #003E58 }


/* Page Shaders */
.hero__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero--wrapper::after { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(100% / 6 - 1px), rgba(255, 255, 255, 0.055) calc(100% / 6 - 1px), rgba(255, 255, 255, 0.055) calc(100% / 6)); pointer-events: none; }
.splide__track { border-radius: 3rem;}