/*-----// FONTS //-----*/
@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('../font/ITCAvantGardeStd-Bold.eot');
    src: url('../font/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/ITCAvantGardeStd-Bold.woff2') format('woff2'),
        url('../font/ITCAvantGardeStd-Bold.woff') format('woff'),
        url('../font/ITCAvantGardeStd-Bold.ttf') format('truetype'),
        url('../font/ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*-----// LAYOUT //-----*/

:root {
	--black: #666;
	--lightgrey: #eee;
    --grey: #ccc;
    --darkgrey: #3B3C3C;
	--offwhite: #F6F7F6;
	--white: #fff;
	--navy: #0e7dc2;
	--blue: #0e7dc2;
	--blue-alt: #0e18c2;
	--lightblue: #dbecf7;
	--green: #00AB63;
	--lightgreen: #BCD75E;
	--orange: #F37053;
	--pink: #ec008c;
    --lightpink: #fce0f1;
	--purple: #7E3F98;
	--teal: #38c1cf;
    --aqua: #38c1cf;
	--yellow: #febd30;
    
    --pastel-lightblue: #EFF5F4;
    --pastel-blue: #EAF1F3;
    --pastel-teal: #EAF4F2;
    --pastel-green: #E9F3EE;
	--pastel-orange: #F5F0ED;
    --pastel-pink: #F5EDEE;
    --pastel-purple: #EFEDF1;
    --pastel-yellow: #F6F3EC;
    --pastel-lightgreen: #F3F5EE;
    
	--slab: "ITC Avant Garde Gothic Std", sans-serif;
	--sans: "Montserrat", sans-serif;
	
	--letter: 0em;
	--letter-slab: 0em;
    
    --shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.5);
}

html {
    min-height: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 62.5%;
	overflow-x: hidden;
}
body {
    background: var(--offwhite);
    padding: 0px;
    font-family: var(--sans);
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p, li, .p, address {
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
}
a {
	color: var(--black);
}
a:hover, a:focus {
	color: var(--black);
}
main#main {
    padding-top: 121px;
}
@media (min-width : 576px) and (max-width : 1199px) {
    main#main {
        padding-top: 94px;
    }
}
@media (max-width : 575px) {
    main#main {
        padding-top: 82px;
    }
}
main p, main ul, main ol {
	margin: 0 0 20px;
}
main ul, main ol {
	padding-left: 20px;
}
main li {
	margin: 5px 0px;
}
main a {
	text-decoration: underline;
}
main a:hover, main a:focus {
	text-decoration: none !important;
}
a, a:hover, button, .animate, .animate:hover, input[type="submit"], input[type="submit"]:hover {
	transition: all 0.6s ease;
}
*:focus {
	outline: none !important;
	box-shadow: none;
}
button {
	border: 0;
	padding: 0;
	background-color: transparent;
    outline: none;
}
b, strong {
	font-weight: 700;
}
.slab {
	font-family:  var(--slab) !important;
	font-weight: 700 !important;
	font-style: normal !important;
    text-transform: uppercase;
}
.sans {
	font-family: var(--sans) !important;
}

h1, .h1, h2, .h2, h3, .h3, .headline {
	font-family:  var(--slab);
	font-weight: 700;
	font-style: normal;
    line-height: 1.1;
	margin: 0 0 20px;
    text-transform: uppercase;
}
h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--sans);
    font-weight: 600;
    margin: 0 0 15px;
}

.headline {
    font-size: 6.8rem;
    line-height: 1;
}
h1, .h1 {
	font-size: 6rem;
}
h2, .h2 {
	font-size: 3rem;
}
h3, .h3 {
	font-size: 3.2rem;
}
h4, .h4 {
	font-size: 2.4rem;
}
h5, .h5 {
	font-size: 2rem;
}
h6, .h6 {
	font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: var(--letter);
    text-transform: uppercase;
}

@media (max-width : 1199px) {
    .headline {
        font-size: 7rem;
    }
    h1, .h1 {
        font-size: 6rem;
    }
}

@media (max-width : 991px) {
    .headline {
        font-size: 6rem;
    }
    h1, .h1 {
        font-size: 6rem;
    }
    h2, .h2 {
        font-size: 3rem;
	}
    h3, .h3 {
		font-size: 2.4rem;
	}
}

@media (max-width : 767px) {
	.headline, h1, .h1 {
		font-size: 5rem;
	}
	h2, .h2 {
		font-size: 2.6rem;
	}
	h3, .h3 {
		font-size: 2.4rem;
	}
	h4, .h4 {
		font-size: 2rem;
	}
	h5, .h5 {
		font-size: 2rem;
	}
	h6, .h6 {
		font-size: 1.3rem;
	}
}

img, figure {
	max-width: 100%;
	height: auto;
}
.img-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

blockquote, blockquote p {
	font-size: 2rem;
	margin: 0 0 20px;
	line-height: 3rem;
	padding: 0px;
	border-left: none;
	text-align: center;
}
.blockquote_caption {
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	line-height: 3rem;
}
.blockquote_caption small {
	line-height: 1.3;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
	background-color: var(--navy);
	opacity: 1;
}

/*-----// BOOTSTRAP ADDITIONS //-----*/

.container-fluid {
    max-width: 1360px;
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (max-width : 767px) {
	.container-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}


/*-----// BUTTON CLASSES //-----*/

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.btn, .gform_button {
    font-family: var(--slab);
	font-size: 1.8rem;
	font-weight: 600;
    font-style: normal;
    letter-spacing: var(--letter-slab);
    text-align: center;
	padding: 10px 24px 7px 24px;
	border: 1px solid;
	border-radius: 50px;
	margin: 0;
	text-decoration: none;
    text-transform: uppercase;
    transition: filter 0.3s;
    line-height: 1.3;
}
.btn:hover, .gform_button:hover,
.btn:active, .gform_button:active,
.btn:focus, .gform_button:focus {
    color: var(--white);
	filter: saturate(0.7);
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.btn-green {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
}
.btn-lightgreen {
	background-color: var(--lightgreen);
	border-color: var(--lightgreen);
	color: var(--white);
}
.btn-blue {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}
.btn-orange {
	background-color: var(--orange);
	border-color: var(--orange);
	color: var(--white);
}
.btn-pink {
	background-color: var(--pink);
	border-color: var(--pink);
	color: var(--white);
}
.btn-lightblue {
	background-color: var(--lightblue);
	border-color: var(--lightblue);
	color: var(--white);
}
.btn-purple {
	background-color: var(--purple);
	border-color: var(--purple);
	color: var(--white);
}
.btn-yellow {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: var(--white);
}
.btn-teal {
	background-color: var(--teal);
	border-color: var(--teal);
	color: var(--white);
}
.btn-navy {
	background-color: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}
.btn-black {
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.btn-white {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--blue);
}
.btn-white:hover {
	color: var(--blue);
}

.link--sm {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: var(--letter);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: var(--navy);
    text-decoration: none;
    text-transform: uppercase;
}
.link--sm.text-blue:hover {
    color: var(--blue);
}
.link--sm:after {
	content: '';
    width: 16px;
    height: 11px;
    background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzBEMjQ0QSIgZD0iTTEzLjEyNiAxMi45OThsLS41NTItLjQ4OCA1LjY1LTUuNjVIMHYtLjc0M2gxOC4yMjNsLTUuNjUtNS42NS41NTMtLjQ2NyA2LjQ5OSA2LjV6Ii8+PC9zdmc+") 50% 50% / 16px 11px;
    margin-left: 10px;
    transform: translateX(0);
    transition: all 440ms ease;
}
.link--sm:hover:after {
    transform: translateX(10px);
}
.link--sm.text-blue:after {
    background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwOENDRiIgZD0iTTEyLjA0IDExLjAxMWwtLjQ2OS0uNDEzIDQuNzg4LTQuNzg2SC45MTd2LS42M2gxNS40NDJMMTEuNTcuMzk2IDEyLjA0IDBsNS41MDggNS41MDZ6Ii8+PC9zdmc+") 50% 50% / 16px 11px;
}
.link--lg {
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    width: 100%;
    padding: 15px 20px;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
}
.link--lg:hover {
    color: var(--yellow);
}
.link--lg:after {
	content: '';
    width: 16px;
    height: 11px;
    background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjEyNiAxMi45OThsLS41NTItLjQ4OCA1LjY1LTUuNjVIMHYtLjc0M2gxOC4yMjNsLTUuNjUtNS42NS41NTMtLjQ2NyA2LjQ5OSA2LjV6Ii8+PC9zdmc+") 50% 50% / 16px 11px;
    margin-left: 10px;
    transform: translateX(0);
    transition: all 440ms ease;
}
.link--lg:hover:after {
    transform: translateX(10px);
}
.link-no-underline {
    text-decoration: none;
}


/*-----// CUSTOM CLASSES //-----*/

section.bg-blue, section.bg-pink, section.bg-teal,
section.bg-blue a, section.bg-pink a, section.bg-teal a{
    color: var(--white);
}

.text-white {
	color: var(--white);
}
.text-black {
	color: var(--black);
}
.text-yellow {
	color: var(--yellow);
}
.text-navy{
	color: var(--navy);
}
.text-blue {
	color: var(--blue) !important;
}
.text-lightblue {
	color: var(--lightblue);
}
.text-green {
	color: var(--green);
}
.text-lightgreen {
	color: var(--lightgreen);
}
.text-orange {
	color: var(--orange);
}
.text-pink {
	color: var(--pink);
}
.text-purple {
	color: var(--purple);
}
.text-teal {
	color: var(--teal);
}
.text-aqua {
	color: var(--aqua);
}

.bg-default {
	background-color: var(--black);
}
.bg-none {
	background-color: transparent;
}
.bg-white {
    background-color: var(--white);
}
.bg-black {
    background-color: var(--black);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-navy{
	background-color: var(--navy);
}
.bg-blue {
	background-color: var(--blue);
}
.bg-lightblue {
	background-color: var(--lightblue);
}
.bg-green {
	background-color: var(--green);
}
.bg-lightgreen {
	background-color: var(--lightgreen);
}
.bg-orange {
	background-color: var(--orange);
}
.bg-pink {
	background-color: var(--pink);
}
.bg-lightpink {
	background-color: var(--lightpink);
}
.bg-purple {
	background-color: var(--purple);
}
.bg-teal {
	background-color: var(--teal);
}
.bg-aqua {
	background-color: var(--aqua);
}

hr.line {
    width: 100px;
	display: block;
    border-top-width: 2px;
    margin-left: 0;
	margin-top: 2rem;
    margin-bottom: 2rem;
}
hr.line-center {
	margin-left: auto;
	margin-right: auto;
}
hr.line-white {
    border-top-color: var(--white);
}
section.bg-blue hr, section.bg-pink hr, section.bg-teal hr {
    background-color: var(--white);
}

/*-----// MASTER LAYOUT //-----*/

.align-center,
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.layout--master {
    overflow: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-----// ANIMATIONS //-----*/

.animate-up {
    transform: translateY(100px);
    opacity: 0;
}
.animate-fade {
    opacity: 0;
}
.animate-stagger .col {
    opacity: 0;
    transform: translateY(30px);
}
.animate-up.in-view, 
.animate-stagger .col.in-view {
    transform: translateY(0px);
    opacity: 1;
}
.animate-fade.in-view {
    opacity: 1;
}
.animate-delay-10 {
    transition-delay: 0.1s;
}
.animate-delay-15 {
    transition-delay: 0.15s;
}
.animate-delay-20 {
    transition-delay: 0.2s;
}


/*-----// HEADER //-----*/

header.header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100vw;
	display: flex;
	border-bottom: 2px solid var(--blue);
	background-color: var(--blue);
	transition: top 440ms ease;
}
.header--logo {
	padding: 17px 50px;
	border-right: 1px solid #3c93d9;
	display: flex;
    align-items: center;
	background-color: var(--blue);
    position: relative;
    z-index: 2;
}
.header--logo-inner {
	
}
.header--logo img {
	width: 100%;
	max-width: 300px;
	height: auto;
}
.header--body {
	
	flex: 1;
}
.header--body-inner {
	
}
.header--body-top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px solid #3c93d9;
}
.header--body-bottom {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}
.header--body-mobile {
	display: none;
}

@media (max-width : 1199px) {
	.header--body-inner {
		display: flex;
		align-items: center;
		height: 100%;
		justify-content: flex-end;
	}
	.header--body-top ,
	.header--body-bottom {
		display: none;
	}
	.header--body-mobile {
		display: flex;
		margin-right: 50px;
	}
	.header--body-mobile button {
		width: 40px;
		height: 22px;
		position: relative;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
		appearance: none;
	}
	.header--body-mobile button span {
		width: 40px;
		height: 2px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%);
		transition: all 440ms ease;
		background-color: var(--white);
	}
	.header--body-mobile button:before,
	.header--body-mobile button:after{
		content: '';
		width: 40px;
		height: 2px;
		position: absolute;
		transform: translateX(-50%);
		transition: transform 440ms ease;
		background-color: var(--white);
	}
	.header--body-mobile button:before {
		left: 50%;
		top: 0;
		transform-origin: 4px 0px;
	}
	.header--body-mobile button:after{
		left: 50%;
		top: 100%;
		transform-origin: 4px 0px;
	}
	
	.header--body-mobile button.active span {
		width: 0px;
	}
	.header--body-mobile button.active:before {
		transform: translateX(-50%) rotate(45deg);
	}
	.header--body-mobile button.active:after {
		transform: translateX(-50%) rotate(-45deg);
	}
}

@media (max-width : 575px) {
	.header--body-mobile {
		margin-right: 20px;
	}
	.header--logo {
		padding: 17px 20px;
	}
	.header--logo img {
		max-width: 240px;
	}
}


/*-----// HEADER SUBNAV //-----*/

.header--body-subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header--body-subnav a {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letter);
	padding: 20px 10px;
	display: block;
}
.header--body-subnav a:hover {
	color: var(--navy);
}


/*-----// HEADER LANGUAGE //-----*/

.header--body-language {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--navy);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letter);
	padding: 20px 50px 20px 10px;
	display: block;
    width: 260px;
    position: relative;
}
.gtranslate_wrapper {
    position: absolute;
    top: 5px;
}
.gt_selector {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: var(--letter);
    display: block;
}
.gt_switcher {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    width: 200px !important;
}
.gt_container-b2ml64 .gt_switcher .gt_selected a {
    width: 188px !important;
    font-size: 10px !important
}
.gt_option {
    width: 198px !important;
}
.gt_switcher a {
    font-size: 10px !important;
    width: 188px !important;
}


/*-----// MOBILE SEARCH //-----*/

.mobileSearch {
	background-color: var(--blue);
	padding: 15px 20px;
}
.mobileSearch .search-form {
	display: flex;
	width: 100%;
}
.mobileSearch ::placeholder {
	color: var(--white);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letter);
}
.mobileSearch form button, .mobileSearch form button svg {
	width: 18px;
	height: 18px;
	display: block;
}

/*-----// HEADER SEARCH //-----*/

.header--body-search {
	padding: 15px 50px 15px 10px;
}
.header--body-search-inner {
	width: 210px;
	background-color: var(--white);
	color: var(--blue);
	border-radius: 8px;
	padding: 10px;
}
.header--body-search-inner form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search-field {
	background-color: transparent;
	border: 0;
	color: var(--blue);
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	letter-spacing: var(--letter);
	flex: 1;
}
.header--body-search-inner form button, .header--body-search-inner form button svg {
	width: 18px;
	height: 18px;
	display: block;
    fill: var(--blue) !important;
}
.header--body-search ::placeholder {
	color: var(--blue);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letter);
}

.header--social {
	display: flex;
	gap: 0 15px;
	padding: 15px;
}
.header--social a {
	display: block;
	width: 27px;
	height: 20px;
}
.header--social a svg {
	width: 100%;
	height: auto;
	fill: var(--white);
	transition: all 440ms ease;
}
.header--social a:hover svg {
	fill: var(--navy);
}
.header--body-cta {
	padding: 10px 50px 10px 0px;
}
.header--body-cta p {
	margin: 0;
}
.header--body-cta-inner {
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (min-width : 1200px) and (max-width: 1360px) {
	
	.header--body-top .header--body-search {
		display: block;
		padding: 10px 20px 10px 10px;
	}
}

/*-----// MAIN NAVIGATION //-----*/

.header--body-nav {
	flex: 1;
}
.main-nav > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.main-nav > ul a {
	font-family: var(--slab);
	font-size: 1.8rem;
	font-weight: 700;
	font-style: normal;
	color: var(--white);
	position: relative;
	padding: 18px 20px 15px 20px;
	text-decoration: none;
    text-transform: uppercase;
	display: block;
    white-space: nowrap;
	cursor: pointer;
}
.main-nav > ul a:before {
	content: '';
	width: 12px;
	height: 12px;
	background-color: var(--yellow);
	border-radius: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: scale(1) translateY(-50%);
	transform-origin: 50% 0%;
	
}
.main-nav > ul a:after {
	content: '';
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-top-color: var(--yellow);
	position: absolute;
	top: 50%;
	left: 0;
	transform:  translateY(-50%);
	transform-origin: 50% 50%;
	margin-top: 3px;
	
}
.main-nav > ul a:hover:before, .main-nav > ul a.active:before {
	animation-name: mainNavHover;
	animation-duration: 770ms;
	animation-fill-mode: forwards;
}

.main-nav .btn {
	padding-top: 11px !important;
	padding-bottom: 9px !important;
}

@keyframes mainNavHover {
	0% {
		transform: scale(1) translateY(-50%)
	}
	30% {
		transform: scale(1.5) translateY(-50%)
	}
	100% {
		transform: scale(0) translateY(-50%)
	}
}

/*@media (min-width: 1521px) {
	.header--body-nav {
		position: absolute;
		right: 50vw;
		transform: translateX(50%);
	}
}*/
@media (min-width : 1200px) and (max-width: 1360px) {
	.main-nav > ul {
		justify-content: flex-end;
		/*margin-right: 35px;*/
	}
}


/*-----// MAIN NAV DROPDOWN //-----*/

.main-nav--dd {
    background: url('/wp-content/uploads/2026/03/navigation-background.webp') 50% 50% / cover;  
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    padding-left: 75px;
    padding-right: 75px;
}


.main-nav--dd-container {
    display: block;
    width: 100%;
    max-width: 1175px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.main-nav--dd-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}
.main-nav--dd-menu > li {
    flex: 1;
}
.main-nav--dd-menu > li > a {
    display: block;
	font-family: var(--slab);
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 20px 15px;
    border-bottom: 2px solid var(--yellow);
    text-decoration: none;
	text-transform: uppercase;
    color: var(--white);
}
.main-nav--dd-menu > li ul {
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}
.main-nav--dd-menu > li ul a {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 6px 20px;
    text-decoration: none;
    color: var(--white);
}
.main-nav--dd-menu > li ul a:hover {
    color: var(--yellow);
}
.main-nav--dd-container > div {
    transform: translateY(50px);
    opacity: 0;
    position: absolute;
    width: 100%;
    padding: 50px 0;
    transition: all 40ms ease;
}
.main-nav--dd-container > div.active {
    transform: translateY(0);
    opacity: 1;
    position: relative;
    transition: all 880ms ease;
}

#main-nav--six {
    display: flex;
    gap: 30px;
}
.menu-news-menu-container {
    flex: 0 0 25%;
}
.main-nav--dd-news {
    display: flex;
    gap: 30px;
}
.main-nav--dd-news .post--article {
    flex: 1;
}
#main-nav--six .main-nav--dd-menu {
    flex-direction: column;
}

/*-----// FOOTER //-----*/

.footer {
	display: flex;
	padding: 40px 75px 30px;
	background-color: var(--offwhite);
	flex-wrap: wrap;
	gap: 0 30px;
}

.footer--logo {
	width: calc(50% - 15px);
}
.footer--logo a {
	width: 100%;
	max-width: 300px;
	display: block;
}
.footer--logo a svg {
	width: 100%;
	height: auto;
}

.footer--nav {
	width: calc(50% - 15px);
}
.footer--nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer--nav .menu {
	width: 100%;
	display: flex;
	gap: 0 30px;
}
.footer--nav .menu > li {
	width: calc(25% - 22.5px);
}
.footer--nav .menu > li > a {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--blue);
	display: block;
	text-decoration: none;
    text-transform: uppercase;
	margin-bottom: 20px;
}
.footer--nav .sub-menu > li > a {
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--navy);
	display: block;
	text-decoration: none;
	padding: 5px 0;
}
.footer--nav .sub-menu > li > a:hover {
	color: var(--blue);
}

.footer--subscribe {
	width: calc(50% - 15px);
}
.footer--subscribe-title {
	font-family: var(--slab);
	font-size: 2.6rem;
	font-weight: 700;
	font-style: normal;
	color: var(--blue);
	margin-bottom: 5px;
    text-transform: uppercase;
}
.footer--subscribe-form {
	width: 100%;
	max-width: 440px;
}
.footer--subscribe-subtitle {
	margin-bottom: 15px;
}

.footer--subscribe-form .gform_required_legend {
    display: none;
}
.ginput_container_consent {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.footer--subscribe-form .ginput_container_consent label {
    font-size: 11px;
}
.footer--subscribe-form .gform_wrapper.gravity-theme input[type="text"],
.footer--subscribe-form .gform_wrapper.gravity-theme input[type="email"] {
	background-color: var(--white) !important;
}
.footer--subscribe-form :placeholder {
	font-size: 1.4rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
}
.footer--subscribe-form input[type="submit"] {
	border-radius: 6px;
	border: 1px solid var(--blue);
	background-color: var(--blue);
	color: var(--white);
	padding: 2px;
	font-size: 1.6rem !important;
	font-weight: 700;
	letter-spacing: var(--letter);
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
.footer--subscribe-form input[type="submit"]:hover {
	border: 1px solid var(--navy);
	background-color: var(--navy);
	color: var(--white);
}
#field_submit > * {
    width: 100%;
}

.footer--apps {
	width: calc(50% - 15px);
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 0 20px;
}
.footer--apps-title {
	font-family: var(--slab);
	font-size: 1.8rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: var(--letter-slab);
	color: var(--blue);
	text-align: right;
    text-transform: uppercase;
	line-height: 1;
    min-height: 36px;
    display: flex;
    align-items: center;
}
.footer--apps-title span {
	display: inline-block;
}

.footer--bottom {
	width: 100%;
	border-top: 2px solid var(--black);
	padding-top: 30px;
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer--social {
	display: flex;
	gap: 0 15px;
	order: 2;
}
.footer--social a {
	display: block;
	width: 27px;
	height: 20px;
}
.footer--social a svg {
	width: 100%;
	height: auto;
	fill: var(--navy);
}
.footer--social a:hover svg {
	fill: var(--blue);
}
.footer--subnav {
	order: 1;
	display: flex;
	align-items: center;
}
.footer--subnav ul{
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 0 20px;
}
.footer--subnav * {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

@media (min-width : 1200px) and (max-width : 1500px) {
	.footer--nav,
	.footer--apps {
		width: calc(60% - 15px);
	}
	.footer--logo,
	.footer--subscribe {
		width: calc(40% - 15px);
	}
}
@media (max-width : 1199px) {
    .footer {
        padding: 0px 75px 30px;
		gap: 0;
        border-top: 5px solid var(--blue);
	}
	.footer--nav,
	.footer--apps,
	.footer--logo,
	.footer--subscribe {
		width: 100%;
	}
	
    .footer--logo {
		background-color: var(--white);
        padding: 30px 20px;
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50vw);
        flex: 0 0 100vw;
	}
	.footer--logo a {
		margin: auto;
	}
	
    .footer--subscribe {
        padding: 30px 0;
    }
	.footer--subscribe-title,
	.footer--subscribe-subtitle {
		text-align: center;
	}
	.footer--subscribe-form {
		margin: auto;
	}
	

	.footer--apps {
		justify-content: center;
		gap: 10px 20px;
		flex-wrap: wrap;
	}
	.footer--apps-title {
		text-align: center;
		width: 100%;
        display: block;
        min-height: auto;
	}
    
    .footer--nav {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50vw);
        flex: 0 0 100vw;
        background-color: var(--white);
    }
    .footer--nav .menu {
        flex-direction: column;
        gap: 0;
        border-top: 1px solid var(--lightgrey);
    }
    .footer--nav .menu > li {
        width: 100%;
        
    }
    .footer--nav .menu > li > a {
        position: relative;
        margin-bottom: 0;
        padding: 20px 75px;
        border-bottom: 1px solid var(--lightgrey);
    }
    .footer--nav .menu > li > a:after {
        content: '';
        width: 18px;
        height: 18px;
        position: absolute;
        right: 75px;
        top: 50%;
        transform: translateY(-50%);
        background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzBEMjQ0QSIgZD0iTTguNDUxIDkuMTc0SDBWOC40NWg4LjQ1MVYwaC43MjN2OC40NTFoOC40NTF2LjcyM0g5LjE3NHY4LjQ1MUg4LjQ1eiIvPjwvc3ZnPg==") 50% 50% / 18px 18px;
    }
    .footer--nav .menu > li > a:before {
        content: '';
        width: 18px;
        height: 18px;
        position: absolute;
        right: 75px;
        top: 50%;
        transform: translateY(-50%);
        background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzBkMjQ0YSIgZD0iTTAgOS4ydi0uN2gxNy42di43SDB6Ii8+PC9zdmc+") 50% 50% / 18px 18px;
        display: none;
    }
    .footer--nav .menu > li > a.active:after {
        display: none;
    }
    .footer--nav .menu > li > a.active:before {
        display: block;
    }
    .footer--nav .sub-menu {
        display: none;
    }
    .footer--nav .sub-menu > li > a {
        padding: 15px 75px;
        border-bottom: 1px solid var(--lightgrey);
        background-color: var(--offwhite);
    }
}

@media (max-width : 660px) {
    .footer--bottom {
        margin-top: 40px;
        flex-direction: column;
    }
    .footer--social {
        order: 1;
        margin-bottom: 30px;
    }
    .footer--subnav {
        order: 2;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width : 575px) {
    .footer {
        padding: 0px 20px 30px;
	}
    .footer--nav .menu > li > a {
        padding: 20px 20px;
    }
    .footer--nav .menu > li > a:after,
    .footer--nav .menu > li > a:before {
        right: 20px;
    }
    .footer--nav .sub-menu > li > a {
        padding: 15px 20px;
    }
}


/*-----// OWL CAROUSEL //-----*/

.owl-nav .owl-prev {
    color:  var(--white);
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 20px;
    width: 30px;
    font-size: 40px;
    line-height: 1;
    text-align: left;
    transition: all 0.2s ease-in-out;
}
.owl-nav .owl-prev:hover {
    left: 10px;
    color: #ddd;
}
.owl-nav .owl-next {
    color:  var(--white);
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 20px;
    width: 30px;
    font-size: 40px;
    line-height: 1;
    text-align: right;
    transition: all 0.2s ease-in-out;
}
.owl-nav .owl-next:hover {
    right: 10px;
    color: #ddd;
}
.owl-dots {
    text-align: center;
}
.owl-dots .owl-dot {
    display: inline-block;
}
.owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 0px 2.5px;
    background: var(--blue);
	border: 1px solid var(--blue);
    display: block;
    transition: all 440ms ease;
    border-radius: 30px;
}
.owl-dots .owl-dot:hover span {
    background: var(--yellow);
    border: 1px solid var(--yellow);
}
.owl-dots .owl-dot.active span {
    background: var(--yellow);
    border: 1px solid var(--yellow);
    width: 32px;
}
.owl-thumbs {
    margin-top: 8px;
}
.owl-thumbs .owl-thumb-item {
    width: 20%;
    float: left;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: relative;
    z-index: 0;
}
.owl-thumbs .owl-thumb-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 2;
    transition: all 0.2s ease-in-out;
}
.owl-thumbs .owl-thumb-item.active:before, .owl-thumbs .owl-thumb-item:hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2;
}


/*-----// GRAVITY FORMS //-----*/

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    font-size: 15px;
    padding: 8px;
}
.gform_required_legend {
    font-size: 1rem;
    font-weight: 600;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, input[type="text"], input[type="email"], select {
    font-size: 1.5rem !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 12px 20px !important;
    border: 1px solid var(--lightgrey) !important;
    width: 100% !important;
    border-radius: 23px !important;
    background-color: var(--lightgrey) !important;
}
.gform_wrapper.gravity-theme .gfield select, select {
    width: 100%;
    appearance: none;
    background: var(--lightgrey) url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIuMzI2IDYuODciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY5NTgxIiBkPSJNLjM1NC4zNTNsNS44MDkgNS44MSA1LjgwOS01LjgxIiBkYXRhLW5hbWU9IlBhdGggNTQiLz48L3N2Zz4=') no-repeat top 50% right 20px / 12px 6px;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 1.5rem;;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 12px !important;
}

/**/



/*-----// VIDEO OVERLAYS //-----*/

.video-button {
	position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    background-color: #fff;
    font-family: 'callunaregular', serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 0.85;
    padding: 16px 40px;
    border-radius: 40px;
    color: #01151c;
    transform: translate(-50%, -50%);
}
.video-overlay {
	position: relative;
	overflow: hidden;
}
.video-cover {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50.1%);
    z-index: 2;
    pointer-events: none;
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
}
/*.video-fit {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50.1%);
    z-index: 2;
    pointer-events: none;
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
}
.video-fit + img {
	opacity: 0;
}*/

section[class^="section--"] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
section[class^="section--page"]::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-bottom: 100vh;
}
section[class^="section--page-80"]::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-bottom: 750px;
}
section[class^="section--16-9"]::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-bottom: 56.25vw;
}
section[class^="section--"]::after { 
	content: "";
	display: table;
	clear: both;
}
.section--inner {
	z-index: 2;
	position: relative;
}
.section--cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
.section--video-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	pointer-events: none;
	height: 100%;
	width: 200vh;
	min-width: 100%;
	min-height: 56.25vw;
}
.section--video-cover + .section--cover {
	opacity: 0;
}


@media (max-width : 991px) {
	section[class^="section--16-9"]::before {
		content: "";
		width: 1px;
		margin-left: -1px;
		float: left;
		height: 0;
		padding-bottom: 100vw;
	}
}


.col--inner {
	max-width: 585px;
	margin: auto;
}
.col--inner *:last-child {
	margin-bottom: 0;
}
.col--inner-img {
	position: relative;
	overflow: hidden;
}
.video-fit {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    height: 110vh;
    width: 200vh;
    min-width: 100%;
    min-height: 56.25%;
}
.video-fit + img {
	opacity: 0;
}


/*-----// LAYOUT : TAGLINE //-----*/

.footer--tag {
    background-color: var(--blue);
    padding: 10px 0;
    display: block;
    position: relative;
}
.footer--tagline {
    font-family: var(--sans);
    font-size: 3rem;
    font-weight: 700;
    font-style: normal;
    color: var(--teal);
    letter-spacing: var(--letter);
    opacity: 0.5;
}
.footer--tagline-title {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    font-family: var(--slab);
    font-size: 3rem;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: var(--yellow);
    padding: 23px 40px 15px 40px;
    z-index: 10;
    background: linear-gradient(  
    to right, 
    transparent,
    #008CCF 20%,
    #008CCF 80%,
    transparent 100%);
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.footer--tag-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
}

@media (max-width : 767px) {
    .footer--tagline-title {
        display: none;
    }
    .footer--tagline {
        font-size: 2rem;
    }
}


/*-----// LAYOUT : PARTNERS //-----*/

.footer--partners {
    padding: 40px 0;
    background-color: var(--white);
    border-top: 1px solid var(--lightgrey);
}
.footer--partners-major {
    margin-bottom: 40px;
}
.footer--partner-minor img {
    width: auto !important;
    max-height: 75px;
}

.footer--partners-major .owl-stage {
	display: flex;
}
.footer--partners-major .owl-item {
	display: flex;
	align-items: center;
}

/*-----// SINGLE : POST //-----*/

.post--header {
    background: url('/wp-content/uploads/2026/03/navigation-background.webp') 50% 50% / cover;    
    padding: 50px 75px 120px;
    position: relative;
}

.post--header-title {
    color: var(--white);
    max-width: 1170px;
    margin: auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.post--header-title h1{
    text-shadow: 1px 3px 4px rgba(0, 33, 87, 0.6);
    line-height: 1;
}
.post--header-date-share {
    color: var(--white);
    max-width: 1170px;
    margin: auto;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: var(--letter);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.post--body {
    position: relative;
    z-index: 2;
    top: -90px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.post--body-featured {
    max-width: 1280px;
    margin-bottom: 40px;
    padding: 0 40px;
}
.post--body-content {
    max-width: 950px;
    padding: 0 40px;
}

.post--footer {
    max-width: 950px;
    padding: 0 40px;
    margin: auto;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: var(--letter);
    margin-bottom: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post--related {
    max-width: 1850px;
    margin: 40px auto;
    padding: 0 40px;
}
.post--related-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.post--article {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border: 1px solid var(--lightgrey);
    background-color: var(--white);
    box-shadow: var(--shadow);
    min-height: 315px;
}
.post--article-vertical {
    flex-direction: column;
}
.post--article-image {
    position: relative;
    overflow: hidden;
}
.post--article-horizontal .post--article-image {
    flex: 0 0 40%;
}
.post--article-vertical .post--article-image {
    aspect-ratio: 4/3;
}
.post--article-image a {
    display: block;
    height: 100%;
}
.post--article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 440ms ease;
}
.post--article-image a:hover img {
    transform: scale(1.1);
}
.post--article-content {
    
    padding: 25px 15px 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.post--article-horizontal .post--article-content {
    flex: 0 0 60%;
    justify-content: flex-end;
}
.post--article-vertical .post--article-content {
    
}
.post--article-date-category {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: var(--letter);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.post--article-date-category a {
    text-decoration: none;
}
.post--article-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--blue);
}
.post--article-excerpt p {
    font-size: 1.6rem;
    font-weight: 300;
}
.post--article-vertical .post--article-cta {
    margin-top: auto;
}

@media (max-width: 991px) {
    .post--related, .post--body-featured, .post--body-content, .post--footer  {
        padding: 0 20px;
    }
}

/*@media (max-width: 767px) {
    .post--article-excerpt {
        display: none;
    }
}*/

@media (max-width : 575px) {
    .post--article-horizontal {
        flex-direction: column;
    }
}

.post--related-more {
    display: flex;
    gap: 20px;
}

@media (max-width : 575px) {
    .post--related-more .link--sm {
        display: none;
    }
}


/*-----// LAYOUT : CATEGORY //-----*/

.section--category-header {
    min-height: 700px;
    position: relative;
    color: var(--white);
}
.section--category-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    /*background-color: rgba(0, 33, 87, 0.6);*/
	background: linear-gradient(145deg, rgba(14, 24, 194, 0.6) 0%, rgba(236, 0, 140, 0.6) 50%, rgba(254, 189, 48, 0.6) 100%);
}
.category-header--subtitle {
    font-family: var(--slab);
    font-size: 2.4rem;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    color: var(--white);
}
.section--category-header img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.section--category-header > div {
    position: relative;
    z-index: 3;
}
.section--category-header p {
    font-weight: 600;
}

.category--body {
    max-width: 1850px;
    margin: 40px auto;
    padding: 0 40px;
}
.category--body-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}


.category--body-grid article { 
    flex: 0 0 calc(25% - 22.5px);
}

@media (min-width : 992px) and (max-width : 1199px) {
    .category--body-grid article { 
        flex: 0 0 calc(33.33% - 20px);
    }
}

@media (max-width : 991px) {
    .section--category-header {
        min-height: 480px;
        position: relative;
        color: var(--white);
    }
    .category-header--subtitle {
        font-size: 2rem;
    }
    .category--body-grid article { 
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width : 575px) {
    .category--body-grid article { 
        flex: 0 0 100%;
    }
}


/*-----// LAYOUT : COUNTDOWN //-----*/

#countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.time-container {
    font-family: var(--slab);
    font-size: 6rem;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: var(--white);
    padding: 0 0 10px 0;
    position: relative;
    width: 100px;
    min-height: 100px;
    text-align: center;
}
.time-container span:after {
    height: 26px;
    border-radius: 15px;
    background-color: var(--blue);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--slab);
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    text-indent: -1px;
    text-transform: uppercase;
    padding: 5px 10px 3px 10px;
}
.time-container .weeks:after {
    content: 'weeks';
}
.time-container .days:after {
    content: 'days';
}
.time-container .hours:after {
    content: 'hrs';
}
.time-container .minutes:after {
    content: 'mins';
}
.time-container .seconds:after {
    content: 'secs';
}

@media (max-width : 575px) {
    .time-container {
        font-size: 4.4rem;
        width: 60px;
        min-height: 60px;
    }
}


/*-----// LAYOUT : HOME HERO //-----*/

.home main#main {
    padding-top: 0 !important;
}
.layout--home-hero {
    position: relative;
}
.home-hero--media {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.home-hero--media:before {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}
.home-hero--media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.home-hero--inner {
    position: relative;
    z-index: 2;
    width: 100vw;
    max-width: 900px;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 160px;
    padding-bottom: 60px;
}
.home-hero--inner .embed-container {
    margin-bottom: 20px;
}
.header--subtitle {
    font-family: var(--slab);
    font-size: 2.4rem;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.home-hero--run {
    display: none;
}



/*-----// LAYOUT : HOME RACES //-----*/

.home-races--clip {
    background: no-repeat url('/wp-content/uploads/2026/03/2048px-wide-large-10km-start-fun-desat.webp') 50% 50% / cover;
    width: 100vw; 
    height: 760px;
    -webkit-mask-image: url(/wp-content/uploads/2026/04/mask.png);
    mask-image: url(/wp-content/uploads/2026/04/mask.png); 
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat;  
    -webkit-mask-position: center;
    mask-position: center;  
    mask-size: contain;
    -webkit-mask-size: 100% 100%;
    display: flex;
    position: relative;
    top: -71px;
}
.home-race {
    /*width: 16.66vw;*/
    height: 100%;
    transform: skewX(-8deg);
}
.home-race--inner {
    transform: skewX(8deg);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
    height: 760px;
}
.home-race--blue {
    background-color: rgba(0, 140, 207, 0.5);
}
.home-race--yellow {
    background-color: rgba(253, 185, 51, 0.5);
}
.home-race--teal {
    background-color: rgba(0, 181, 172, 0.5)
}
.home-race--pink {
    background-color: rgba(239, 63, 107, 0.5);
}
.home-race--orange {
    background-color: rgba(243, 112, 83, 0.5);
}
.home-race--lightgreen {
    background-color: rgba(188, 215, 94, 0.5);
}

.home-race--icon {
    transform: translateX(30px);
}
.home-race--icon img {
    display: inline-block !important;
    width: inherit !important;
    max-width: 80%;
}
.home-race--text {
    max-width: 600px;
}
.home-race--text *:last-child {
    transform: translateX(-30px);
}
.home-race--additional-text {
    color: var(--white);
}
.home-race--additional-text h3 {
    padding: 0 30px;
}

/*-----// LAYOUT : TESTIMONIAL //-----*/

.layout--testimonial-text {
    max-height: 1080px;
    padding: 100px 20px;
}
.layout--testimonial-text > img {
    z-index: 0;
}
.testimonial-text--inner {
    position: relative;
    z-index: 2;
    color: var(--white);
    max-width: 900px;
    width: 100vw;
}

.testimonial {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
.testimonial--image {
    width: 165px;
    height: 165px;
    flex: 0 0 165px;
    position: relative;
    border-radius: 165px;
    overflow: hidden;
}
.testimonial--text {
    max-width: 570px;
}
.testimonial--testimony {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}
.testimonial--name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
}
.testimonial--title {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (max-width : 575px) {
    .testimonial {
        flex-direction: column;
        text-align: center;
    }
    .testimonial--testimony {
        font-size: 2rem;
    }
}


/*-----// LAYOUT : HEADER //-----*/

.layout--header {
    min-height: 400px;
    position: relative;
}
.layout--header:before {
	content: '';
    position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.15);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.layout--header > img {
    z-index: 0;
}
.header-text--inner {
    position: relative;
    z-index: 2;
    color: var(--white);
}
.header-text--content > *:last-child {
    margin-bottom: 0;
}

/*-----// LAYOUT : FAQ //-----*/

.faq--group {
    margin-bottom: 30px;
}
.faq {
    background-color: var(--white);
    margin-bottom: 8px;
}
.faq--question {
    padding: 20px 40px 20px 20px;
    background-color: #EAF1F3;
    border: 1px solid var(--grey);
    font-size: 1.8rem;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}
.faq--question:before, .faq--question:after {
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translate(-100%, -50%);
    top: 50%;
    right: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: 400;
}
.faq--question:before {
    content: '+';
    display: inline-flex;
}
.faq--question:after {
    content: '-';
    display: none;
}
.faq--question.active:before {
    display: none;
}
.faq--question.active:after {
    display: inline-flex;
}
.faq--answer {
    display: none;
}
.faq--answer-inner {
    padding: 20px;
    border: 1px solid var(--lightgrey);
    border-top: 0;
}
.faq--answer-inner *:last-child {
    margin-bottom: 0;
}
.faq--nav {
    position: sticky;
    top: 40px;
}
.faq--nav a {
    display: block;
    text-decoration: none;
    border-top: 1px solid var(--navy);
    padding: 10px 0;
    color: var(--navy);
    font-weight: 600;
}
.faq--nav a:hover {
    color: var(--blue);
}


/*-----// LAYOUT : SUBSCRIBE //-----*/

#gform_3 .gform_footer {
    justify-content: center;
    padding-top: 30px;
}

.gform_button, input[type="submit"] {
    font-family: var(--slab) !important;
	font-size: 2.2rem !important;
	font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: var(--letter-slab) !important;
    text-align: center !important;
	padding: 14px 24px 11px 24px !important;
	border: 1px solid var(--pink) !important;
    background-color: var(--pink) !important;
    color: var(--white) !important;
	border-radius: 40px !important;
	margin: 0 !important;
	text-decoration: none !important;
    text-transform: uppercase;
    transition: filter 0.3s !important;
}
.gform_button:hover,
.gform_button:active,
.gform_button:focus,
input[type="submit"]:hover {
    color: var(--white) !important;
	filter: saturate(0.7) !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.3) !important;
}
#gform_3 .gform_button {
	background-color: var(--pink);
	border-color: var(--pink);
	color: var(--white);
}
#gform_3 ::placeholder {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: var(--letter) !important;
    text-transform: uppercase !important;
}
#gform_3 input[type="text"], #gform_3 input[type="email"] {
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
    border: 2px solid var(--white) !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-family: var(--sans);
    font-style: normal;
}
.gfield_description.validation_message.gfield_validation_message {
    color: #c02b0a !important;
    font-size: 13.2px !important;
    font-weight: 500 !important;
    line-height: 17.6px !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: none !important;
    font-size: 1.4rem !important;
    margin-block-start: 5px !important;
    padding: 0 !important;
}


/*-----// LAYOUT : RACE HEADER //-----*/

.layout--races-header {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}
.races-header--blue {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}

.races-header--lightblue {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}
.races-header--orange {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}
.races-header--green {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover; 
    padding: 50px 75px 0;
    position: relative;
}
.races-header--lightgreen {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;  
    padding: 50px 75px 0;
    position: relative;
}
.races-header--pink {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover; 
    padding: 50px 75px 0;
    position: relative;
}
.races-header--purple {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}
.races-header--teal {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}
.races-header--yellow {
    background: url(/wp-content/uploads/2026/03/navigation-background.webp) 50% 50% / cover;
    padding: 50px 75px 0;
    position: relative;
}





.races-header--inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.races-header--icon {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.races-header--sponsor {
    width: 160px;
}
.races-header--title {
    text-align: center;
}
.races-header--title h1 {
    text-shadow: 1px 3px 0 rgba(0, 33, 87, 0.60);
}
.races-header--status {
    font-family: var(--slab);
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: var(--letter-slab);
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 6px;
    transform: translateY(50%);
    z-index: 2;
    position: relative;
}
.races-header--blue .races-header--status {
    background-color: var(--blue);
}
.races-header--lightblue .races-header--status {
    background-color: var(--lightblue);
}
.races-header--green .races-header--status {
    background-color: var(--green);
}
.races-header--lightgreen .races-header--status {
    background-color: var(--lightgreen);
}
.races-header--orange .races-header--status {
    background-color: var(--orange);
}
.races-header--pink .races-header--status {
    background-color: var(--pink);
}
.races-header--purple .races-header--status {
    background-color: var(--purple);
}
.races-header--teal .races-header--status {
    background-color: var(--teal);
}
.races-header--yellow .races-header--status {
    background-color: var(--yellow);
}

@media (min-width : 767px) {
    .races-header--sponsor {
        position: absolute;
        bottom: 0;
        left: 100%;
        transform: translate(0px, -20px);
    }
}


/*-----// LAYOUT : RACE INFORMATION //-----*/

.table {
    border: 1px solid var(--grey);
}
.table > :not(caption) > * > * {
    padding: 1rem 1rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 0px;
}
.race-information--table tr td:first-child {
    font-weight: 600;
}
.table tr {
    background-color: var(--white);
}
.table-blue tr:nth-child(odd) {
    background-color: var(--pastel-blue);
}
.table-lightblue tr:nth-child(odd) {
    background-color: var(--pastel-lightblue);
}
.table-teal tr:nth-child(odd) {
    background-color: var(--pastel-teal);
}
.table-green tr:nth-child(odd) {
    background-color: var(--pastel-green);
}
.table-orange tr:nth-child(odd) {
    background-color: var(--pastel-orange);
}
.table-pink tr:nth-child(odd) {
    background-color: var(--pastel-pink);
}
.table-purple tr:nth-child(odd) {
    background-color: var(--pastel-purple);
}
.table-yellow tr:nth-child(odd) {
    background-color: var(--pastel-yellow);
}
.table-lightgreen tr:nth-child(odd) {
    background-color: var(--pastel-lightgreen);
}


/*-----// LAYOUT : GRID CARDS //-----*/

.grid--card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card--shadow .grid--card {
    border: 1px solid #979797;
    background-color: var(--white);
    box-shadow: var(--shadow);
}
.grid--card-image {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.grid--card-image a {
    height: 100%;
}
.grid--card-image a img {
    transform: scale(1);
    transition: all 440ms ease;
}
.grid--card-image a:hover img {
    transform: scale(1.1);
}
.grid--card-title {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: var(--slab);
    font-style: normal;
    text-transform: uppercase;
    color: var(--white);
    font-size: 5rem;
    line-height: 0.8;
    /*background: linear-gradient(180deg, rgba(0, 140, 207, 0.9) 0%, rgba(0, 140, 207, 0) 100%);*/
    background: linear-gradient(145deg,rgba(14, 24, 194, 0.3) 0%, rgba(236, 0, 140, 0.3) 50%, rgba(254, 189, 48, 0.3) 100%);
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.grid--card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}
.card--shadow .grid--card-body {
    padding-left: 15px;
    padding-right: 15px;
}

.grid--card-body *:last-child {
    margin-bottom: 0;
}


/*-----// LAYOUT : RACE MAP //-----*/

.layout--race-map {
    height: 1024px;
    padding: 40px;
}
.race-map--inner {
    width: 100%;
    height: 100%;
    position: relative;
}
.race-map--background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}
.race-map--background img {
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.race-map--content {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative;
    display: flex;
}
.race-map--countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    flex: 1;
}
.race-map--stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    flex: 1;
    gap: 5vh;
}
.stat {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.stat--value {
    font-family: var(--slab);
    font-size: 6rem;
    line-height: 1;
    color: var(--white);
    text-transform: uppercase;
}
.stat--label {
    font-family: var(--slab);
    font-size: 2.2rem;
    font-style: normal;
    line-height: 1;
    color: var(--yellow);
    letter-spacing: var(--letter-slab);
    text-transform: uppercase;
}

@media (max-width : 991px) {
    .layout--race-map {
        height: 840px;
    }
    .race-map--countdown {
        opacity: 0;
        flex: 0 0 30%;
        display: none;
    }
    .race-map--countdown * {
        display: none;
    }
    .race-map--background img {
        transform: translateX(-55%);
    }
}

.divider-sm-blue {
    width: 180px;
    height: 6px;
    margin: 30px auto;
    background-color: var(--blue);
    border-radius: 10px;
}


/*-----// LAYOUT : SEARCH PAGE //-----*/

.search-page--searchform {
    max-width: 600px;
    margin: auto;
}
.search-page--searchform .search-form {
    border-radius: 6px;
    border: 2px solid var(--grey);
    background-color: var(--white);
    display: flex;
}
.search-page--searchform .search-field {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 12px 20px;
    color: var(--navy);
    letter-spacing: 0;
}
.search-page--searchform form button {
	width: 44px;
	height: 44px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.search-page--searchform form button svg {
	width: 18px;
	height: 18px;
	display: block;
    fill: var(--blue) !important;
}
.search-page--searchform ::placeholder {
	color: var(--grey);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letter);
}
.search-thumbnail {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--grey);
    box-shadow: var(--shadow);
}
.search-thumbnail img {
    transform: scale(1);
    transition: all 440ms ease;
}
.search-thumbnail:hover img {
    transform: scale(1.1);
}
.post-thumb h4 a:hover {
    color: var(--blue);
}


/*-----// CATEGORY : MAIN //-----*/

.category--browse {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 4vw;
    padding: 0 0 30px 0;
}
.category--thumb {
    text-align: center;
    text-decoration: none;
}
.category--thumb-image {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: var(--grey);
    border: 1px solid var(--grey);
}
.category--thumb-image img {
    transform: scale(1);
    transition: all 440ms ease;
}
.category--thumb:hover .category--thumb-image img {
    transform: scale(1.1);
}
.category--thumb-name {
    font-weight: 600;
    transition: all 440ms ease;
}
.category--thumb:hover .category--thumb-name {
    color: var(--blue);
}

@media (max-width : 767px) {
    .category--browse {
        flex-direction: column;
        gap: 0px;
    }
    .category--thumb {
        width: 100%;
        background-color: var(--lightgrey);
        border: 1px solid var(--grey);
        border-top: 0px;
        padding: 12px 20px;
    }
    .category--thumb-image {
        display: none;
    }
    .category--thumb:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-top: 1px solid var(--grey);
    }
    .category--thumb:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
}


/*-----// PAGINATION //-----*/

.pagination {
    justify-content: flex-end;
    gap: 5px;
    padding-top: 20px;
}
.pagination li {
    
}
.pagination li a, .pagination li span.dots {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 600;
    background-color: var(--blue);
    border-radius: 20px;
    text-decoration: none;
}
.pagination li span.current {
    width: 40px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 600;
    background-color: var(--yellow);
    border-radius: 20px;
    text-decoration: none;
}


/*-----// VISION 6 //-----*/

.wfe_component {
    margin-bottom: 15px;
}


/*-----// LAYOUT: WAVY //-----*/

.layout--wavy-divider {
	position: relative;
	background-color: var(--yellow);
	height: 150px;
}
.ux-shape-divider {
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 158vw;
}

.ux-shape-divider svg {
    display: block;
    height: 150px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.ux-shape-divider--top {
    top: -1px;
    transform: rotate(180deg);
}

.ux-shape-divider--top svg {
    width: calc(158vw + 2px);
}

.ux-shape-divider--bottom {
    bottom: -1px;
}

.ux-shape-divider--bottom svg {
    width: calc(158vw + 2px);
}

.ux-shape-divider--flip svg {
    transform: translateX(-50%) rotateY(180deg);
}

.ux-shape-divider--to-front {
    z-index: 2;
}

.ux-shape-divider .ux-shape-fill {
    fill: #fff;
}


/*-----// LAYOUT: WAVY //-----*/

.layout--related-articles {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.layout--related-articles > * {
	flex: 1 0 33.33%;
}

@media (max-width : 767px) {
	.layout--related-articles > * {
		flex: 1 0 100%;
	}
}

/**/