/*
************************************************************
Fonts
************************************************************
*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('../vendor/hgo/font/Feather-Icons/Feather-Icons.css');








/*
************************************************************
HTML5 Boilerplate
************************************************************
*/

::-webkit-input-placeholder { color: inherit; opacity: .5; }
::-moz-placeholder { color: inherit; opacity: .5; }
:-ms-input-placeholder { color: inherit; opacity: .5; }
:-moz-placeholder { color: inherit; opacity: .5; }








/*
************************************************************
Custom Styles
************************************************************
*/

/* Globals */

:root {
	--hgo-font-size: 16px;
	--hgo-font-family-primary: 'Quicksand', sans-serif;
	--hgo-font-family-secondary: 'Quicksand', sans-serif;
	--hgo-font-family-tertiary: 'Quicksand', sans-serif;

	--hgo-lineheight: 1.5;


	--hgo-wrap-width: 1280px;
	--hgo-wrap-small-width: 920px;
	--hgo-wrap_padding: 30px;


	--hgo-preheader-height: 0px;
	--hgo-header-height: 160px;
	--hgo-logo-height: 120px;


	--hgo-input-border-color: #e7e7e7;
	--hgo-input-border-color-hover: var(--hgo-color-tertiary);
	--hgo-input-border-color-focus: var(--hgo-color-tertiary);
	--hgo-input-border-width: 2px;
	--hgo-input-border-radius: 5px;


	--hgo-button-padding: 2em;
	--hgo-button-border-width: 2px;
	--hgo-button-border-radius: 10em;


	--hgo-color-text: #333333;
	--hgo-color-heading: #1E2332;
	--hgo-color-link: #cd1719;
	--hgo-color-link-hover: #fa5853;

	--hgo-color-primary: #cd1719;
	--hgo-color-secondary: #fde910;
	--hgo-color-tertiary: #53c8fe;
	--hgo-color-light: #F8F8FF;
	/* --hgo-color-white: #e4e4ec; */

	--hgo-color-primary-hover: #fa5853;
	--hgo-color-secondary-hover: #fff476;
	--hgo-color-tertiary-hover: #93ddff;
	/* --hgo-color-white-hover: #e4e4ec; */

	--hgo-color-primary-active: #9d1e20;
	--hgo-color-secondary-active: #c1b52d;
	--hgo-color-tertiary-active: #479ec7;
	/* --hgo-color-white-active: #e4e4ec; */

	--hgo-color-primary-lowkey-5: #cd17190d;
	--hgo-color-secondary-lowkey-5: #fde9100d;
	--hgo-color-tertiary-lowkey-5: #53c8fe0d;
	/* --hgo-color-white-lowkey-5: #e4e4ec0d; */

	--hgo-color-primary-lowkey-15: #cd171926;
	--hgo-color-secondary-lowkey-15: #fde91026;
	--hgo-color-tertiary-lowkey-15: #53c8fe26;
	/* --hgo-color-white-lowkey-15: #e4e4ec26; */

	--hgo-color-primary-lowkey-25: #cd171940;
	--hgo-color-secondary-lowkey-25: #fde91040;
	--hgo-color-tertiary-lowkey-25: #53c8fe40;
	/* --hgo-color-white-lowkey-25: #e4e4ec40; */

	--hgo-color-primary-lowkey-50: #cd171980;
	--hgo-color-secondary-lowkey-50: #fde91080;
	--hgo-color-tertiary-lowkey-50: #53c8fe80;
	/* --hgo-color-white-lowkey-50: #e4e4ec80; */

	--hgo-color-primary-lowkey-75: #cd1719bf;
	--hgo-color-secondary-lowkey-75: #fde910bf;
	--hgo-color-tertiary-lowkey-75: #53c8febf;
	/* --hgo-color-white-lowkey-75: #e4e4ecbf; */


	--hgo-font-weight-thin: 300;
	--hgo-font-weight-light: 400;
	--hgo-font-weight-normal: 500;
	--hgo-font-weight-medium: 500;
	--hgo-font-weight-semibold: 600;
	--hgo-font-weight-bold: 700;
	--hgo-font-weight-black: 800;
}

@media (max-width: 1024px) {

	:root {
		--hgo-wrap_padding: var(--hgo-size-normal);
	}

}

@media (max-width: 900px) {

	:root {
		--hgo-wrap_padding: var(--hgo-size-normal);

		--hgo-preheader-height: 0px;
		--hgo-header-height: 100px;
		--hgo-logo-height: 80px;
	}

}

:root {
	--hgo_sticky-scroll_margin_size: 200px;
}








/* HTML & BODY */

html {
	/* scroll-behavior: smooth; */
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--hgo-font-weight-semibold);
}

.formatted .font-size-h1, .formatted .h1, .formatted h1 {
    font-size: calc(1rem * 3 * 1)
}

.formatted .font-size-h2, .formatted .h2, .formatted h2 {
    font-size: calc(1rem * 2.5 * 1)
}

.formatted .font-size-h3, .formatted .h3, .formatted h3 {
    font-size: calc(1rem * 2 * 1)
}

.formatted .font-size-h4, .formatted .h4, .formatted h4 {
    font-size: calc(1rem * 1.75 * 1)
}

.formatted .font-size-h5, .formatted .h5, .formatted h5 {
    font-size: calc(1rem * 1.5 * 1)
}

.formatted .font-size-h6, .formatted .h6, .formatted h6 {
    font-size: calc(1rem * 1.25 * 1)
}




.formatted .image-style-side,
.formatted .image-style-align-right {
	float: right;
	margin-left: var(--hgo-size-large);
}

.formatted .image-style-align-left {
	float: left;
	margin-right: var(--hgo-size-large);
}

.formatted .image:not([class*="image-style"]) {
	display: block;
	margin: 0 auto;
}

.formatted .image.image-style-block-align-right {
	/* ... */
}

.formatted .image.image-style-block-align-left {
	/* ... */
}








/* Header */

/* .header_container .logo img {
	transition: 200ms all;
} */

.header_container .header_base {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

	background-color: rgba(248, 248, 255, 0.9);

	opacity: 0;

	transition: 200ms all;
}

.header_container[data-custom-color_scheme="dark"] .header_base {
	background-color: rgba(0, 0, 0, 0.9);
}

.header_container.sticky-active {
	--hgo-logo-height: 80px;
}
.header_container.sticky-active .header_base {
	opacity: 1;
}
.header_container.sticky-active .header_base,
.header_container.sticky-active .header > div {
	height: 120px;
}


[data-custom-color_scheme]:not([data-custom-color_scheme="dark"]) [data-custom-logo="regular_white"],
[data-custom-color_scheme="light"] [data-custom-logo="regular_white"] {
	display: none;
}

[data-custom-color_scheme="dark"] [data-custom-logo="regular"] {
	display: none;
}


[data-custom-color_scheme]:not([data-custom-color_scheme="dark"]) a,
[data-custom-color_scheme="light"] a {
	color: var(--hgo-color-text)
}

[data-custom-color_scheme="dark"] a {
	color: var(--hgo-color-white)
}








/* Preheader */

.preheader_container {
	font-size: calc(1.0rem - 1px);
	background-color: #f8f8fe;
	box-shadow: inset 0px -5px 5px rgb(0, 0, 0, 0.05);
}

.preheader a.hover,
.preheader a:not([class]),
.preheader a[class=""] {
	font-weight: var(--hgo-font-weight-semibold);
	color: var(--hgo-color-primary);
}








/* Nav */

.nav > div > ul {
	justify-content: space-between;
}

html:not([dir="rtl"]) .nav > div > ul > li + li { margin-left: var(--hgo-size-large); }
html[dir="rtl"] .nav > div > ul > li + li { margin-right: var(--hgo-size-large); }

.nav > div > ul > li > a:not(.button) {
	font-weight: var(--hgo-font-weight-bold) !important;
	text-align: center;
	line-height: 1.25;
	color: var(--hgo-color-text);
}
.nav > div > ul > li.scrollspy-current > a:after,
.nav > div > ul > li.menu-item-has-children > a:after {
	background-color: var(--hgo-color-text);
}
.nav > div > ul > li.scrollspy-current > a:not(.button),
.nav > div > ul > li:hover > a:not(.button) {
	color: var(--hgo-color-primary-hover);
}
.nav > div > ul > li.scrollspy-current > a:after,
.nav > div > ul > li:hover > a:after {
	background-color: var(--hgo-color-primary-hover);
}

.nav > div > ul > li > ul {
	background-color: var(--hgo-color-white);
	border: solid 1px var(--hgo-color-primary);
	border-radius: 6px;
}
.nav > div > ul > li > ul > li > a {
	color: var(--hgo-color-text);
}
.nav > div > ul > li > ul > li:hover > a {
	color: var(--hgo-color-primary-hover);
}

.nav > div > ul li.current-menu-parent > a:not(.button),
.nav > div > ul li.current-menu-item > a:not(.button),
.nav > div > ul li.current_page_item > a:not(.button) {
	color: var(--hgo-color-text);
}
.nav > div > ul li.current-menu-parent > a:after,
.nav > div > ul li.current-menu-item > a:after,
.nav > div > ul li.current_page_item > a:after {
	background-color: var(--hgo-color-text);
}




/* Color Scheme: Dark */
[data-custom-color_scheme="dark"] .nav > div > ul > li > a:not(.button) {
	color: var(--hgo-color-white);
}
[data-custom-color_scheme="dark"] .nav > div > ul > li.scrollspy-current > a:after,
[data-custom-color_scheme="dark"] .nav > div > ul > li.menu-item-has-children > a:after {
	background-color: var(--hgo-color-white);
}
[data-custom-color_scheme="dark"] .nav > div > ul > li.scrollspy-current > a:not(.button),
[data-custom-color_scheme="dark"] .nav > div > ul > li:hover > a:not(.button) {
	color: var(--hgo-color-tertiary-hover);
}
[data-custom-color_scheme="dark"] .nav > div > ul > li.scrollspy-current > a:after,
[data-custom-color_scheme="dark"] .nav > div > ul > li:hover > a:after {
	background-color: var(--hgo-color-tertiary-hover);
}

[data-custom-color_scheme="dark"] .nav > div > ul > li > ul > li > a {
	color: var(--hgo-color-text);
}
[data-custom-color_scheme="dark"] .nav > div > ul > li > ul > li:hover > a {
	color: var(--hgo-color-primary-hover);
}

[data-custom-color_scheme="dark"] .nav > div > ul li.current-menu-parent > a:not(.button),
[data-custom-color_scheme="dark"] .nav > div > ul li.current-menu-item > a:not(.button),
[data-custom-color_scheme="dark"] .nav > div > ul li.current_page_item > a:not(.button) {
	color: var(--hgo-color-white);
}
[data-custom-color_scheme="dark"] .nav > div > ul li.current-menu-parent > a:after,
[data-custom-color_scheme="dark"] .nav > div > ul li.current-menu-item > a:after,
[data-custom-color_scheme="dark"] .nav > div > ul li.current_page_item > a:after {
	background-color: var(--hgo-color-white);
}




.nav .mega > .mega-item a span,
.nav .mega > .mega-item a {
	display: inline-block;
	transition: all 200ms;
}
.nav .mega > .mega-item a span {
	padding-top: var(--hgo-size-normal);
	padding-bottom: var(--hgo-size-normal);
}
.nav .mega > .mega-item a:hover span {
	color: var(--hgo-color-secondary);
}
.nav .mega > .mega-item a img {
	margin-top: var(--hgo-size-small);
	margin-bottom: var(--hgo-size-small);
}




.nav_mobile > div > ul > li > ul > li > a,
.nav_mobile > div > ul > li > a:not(.button) {
	padding-top: var(--hgo-size-smallx);
	padding-bottom: var(--hgo-size-smallx);
	font-weight: var(--hgo-font-weight-bold);
	color: var(--hgo-color-black);
}
.nav_mobile > div > ul > li.menu-item-has-children > a:after,
.nav_mobile > div > ul > li.menu-item-has-children:hover > a:after {
	background-color: var(--hgo-color-black);
}
.nav_mobile > div > ul > li > ul > li.current-menu-parent > a,
.nav_mobile > div > ul > li > ul > li.current-menu-item > a,
.nav_mobile > div > ul > li > ul > li.current_page_item > a,
.nav_mobile > div > ul > li.current-menu-parent > a,
.nav_mobile > div > ul > li.current-menu-item > a,
.nav_mobile > div > ul > li.current_page_item > a {
	color: var(--hgo-color-black-lowkey-50);
}
.nav_mobile > div > ul > li.current-menu-parent.menu-item-has-children > a:after,
.nav_mobile > div > ul > li.current-menu-item.menu-item-has-children > a:after,
.nav_mobile > div > ul > li.current_page_item.menu-item-has-children > a:after {
	background-color: var(--hgo-color-black-lowkey-50);
}
.nav_mobile > div > ul > li > ul {
	background-color: var(--hgo-color-black-lowkey-5);
}








/* Footer */

.footer a:not([class]) {
	color: var(--hgo-color-primary);
}
.footer a:not([class]):hover {
	color: var(--hgo-color-primary-hover);
}








/* Button */

/* .button {
	font-weight: var(--hgo-font-weight-bold) !important;
	text-transform: initial !important;
	border-radius: 0 15px 0 15px;
}

.button:not([class*="button-color-"]) { box-shadow: 0px 0px 25px var(--hgo-color-primary-lowkey-75); }
.button.button-color-secondary { box-shadow: 0px 0px 25px var(--hgo-color-secondary-lowkey-75); }
.button.button-color-tertiary { box-shadow: 0px 0px 25px var(--hgo-color-tertiary-lowkey-75); }

.button-group .button.button-style-line:not(.active):not(:hover) {
	background-color: var(--hgo-color-white);
} */








/* List */

ol.ol:not(.ol-gap-none) li + li,
ul.ul:not(.ul-gap-none) li + li {
    margin-top: 0.75em;
}








/* Misc */

.bg-image:not([class*="bg-color-"]) {
	background-color: transparent;
}


.label {
	border-width: none;
	/*border-radius: 5em;*/
}
.label:not([class*="label-color-"]),
.label.label-color-primary { color: var(--hgo-color-primary); background-color: var(--hgo-color-primary-lowkey-15); border-color: var(--hgo-color-primary-lowkey-50); }
.label.label-color-secondary { color: var(--hgo-color-secondary); background-color: var(--hgo-color-secondary-lowkey-15); border-color: var(--hgo-color-secondary-lowkey-50); }
.label.label-color-tertiary { color: var(--hgo-color-tertiary); background-color: var(--hgo-color-tertiary-lowkey-15); border-color: var(--hgo-color-tertiary-lowkey-50); }
.label.label-color-black { color: var(--hgo-color-black); background-color: var(--hgo-color-black-lowkey-15); border-color: var(--hgo-color-black-lowkey-50); }
.label.label-color-gray { color: var(--hgo-color-gray); background-color: var(--hgo-color-gray-lowkey-15); border-color: var(--hgo-color-gray-lowkey-50); }
.label.label-color-white { color: var(--hgo-color-white); background-color: var(--hgo-color-white-lowkey-15); border-color: var(--hgo-color-white-lowkey-50); }
.label.label-color-red { color: var(--hgo-color-red); background-color: var(--hgo-color-red-lowkey-15); border-color: var(--hgo-color-red-lowkey-50); }
.label.label-color-green { color: var(--hgo-color-green); background-color: var(--hgo-color-green-lowkey-15); border-color: var(--hgo-color-green-lowkey-50); }
.label.label-color-blue { color: var(--hgo-color-blue); background-color: var(--hgo-color-blue-lowkey-15); border-color: var(--hgo-color-blue-lowkey-50); }
.label.label-color-darkblue { color: var(--hgo-color-darkblue); background-color: var(--hgo-color-darkblue-lowkey-15); border-color: var(--hgo-color-darkblue-lowkey-50); }
.label.label-color-yellow { color: var(--hgo-color-yellow); background-color: var(--hgo-color-yellow-lowkey-15); border-color: var(--hgo-color-yellow-lowkey-50); }
.label.label-color-orange { color: var(--hgo-color-orange); background-color: var(--hgo-color-orange-lowkey-15); border-color: var(--hgo-color-orange-lowkey-50); }








/* Swiper.js */

[data-swiper="challenges"] .swiper-pagination {
    height: initial;
}
[data-swiper="challenges"] .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
    background: var(--hgo-color-tertiary);
	border-radius: 5px;
	opacity: 1;
	transition: 200ms all;
}
[data-swiper="challenges"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px;
}
[data-swiper="challenges"]:not(:hover) .swiper-button-prev,
[data-swiper="challenges"]:not(:hover) .swiper-button-next {
	opacity: 0;
}








/* Custom : dark; */

.custom---dark {
	color: var(--hgo-color-white);
}
.custom---dark a.hover,
.custom---dark a:not([class]),
.custom---dark a[class=""] {
	color: var(--hgo-color-gray);
}
.custom---dark a.hover:hover,
.custom---dark a:hover:not([class]),
.custom---dark a[class=""]:hover {
	color: var(--hgo-color-gray-hover);
}









/* Custom : accordion; */

.custom---accordion + .custom---accordion {
	border-top: solid 1px var(--hgo-color-black-lowkey-15);
}
.custom---accordion [data-accordion-header],
.custom---accordion [data-accordion-content] {
	padding: var(--hgo-size-normal);
}
.custom---accordion [data-accordion-header] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;

	font-weight: var(--hgo-font-weight-semibold);
	font-size: calc(var(--hgo-font-size) * 1.1);
	text-decoration: none !important;
	color: var(--hgo-color-black) !important;
}
.custom---accordion [data-accordion-header]:hover {
	color: var(--hgo-color-primary) !important;
}
.custom---accordion [data-accordion-icon] {
	display: inline-block;
	font-size: calc(var(--hgo-font-size) * 1.5);
	transition: all 200ms;
}
.custom---accordion [data-accordion-content] {
	padding-top: 0;
}

@media (max-width: 900px) {
	.custom---accordion {
		width: 100%;
	}
}









/* Custom : big_text; */

@media (min-width: 901px) {
	.custom---big_text {
		width: auto;
		height: 40vh;
	}
}

@media (max-width: 900px) {
	.custom---big_text {
		width: 90vw;
		height: auto;
	}
}









/* Custom : gradient; */

.custom---overlay-bottom2top:before {
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

	background: -moz-linear-gradient(top, var(--hgo-color-primary-lowkey-0) 0%, var(--hgo-color-primary) 100%);
	background: -webkit-linear-gradient(top, var(--hgo-color-primary-lowkey-0) 0%, var(--hgo-color-primary) 100%);
	background: linear-gradient(to bottom, var(--hgo-color-primary-lowkey-0) 0%, var(--hgo-color-primary) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}









/* Custom : helpers; */

.custom---box {
	overflow: hidden;

	display: block;

	padding-bottom: 100%;

	background-color: #16418E;
	border-radius: 1rem;

	transition: 200ms all;
}

.custom---box-number {
	position: absolute;
	top: 1rem;
	left: 1rem;

	font-size: 5em;
	font-weight: var(--hgo-font-weight-bold);
	text-align: center;
	line-height: 1;

	color: var(--hgo-color-tertiary-lowkey-50);
}

.custom---box-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	padding: 2.5rem;
}

.custom---box-text h4 {
	font-size: 1.7em;
	line-height: 1.25;
	color: var(--hgo-color-white);
}

.custom---box-text p {
	font-size: 1em;
	line-height: 1.6;
	color: var(--hgo-color-white-lowkey-75);
}

.custom---box-text h4 + p {
	margin-top: 1.25rem;
}

.custom---box-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(20%, 20%);

	font-size: 12em;
	font-weight: var(--hgo-font-weight-light);
	text-align: center;
	line-height: 1;

	color: var(--hgo-color-tertiary-lowkey-50);
}

@media (min-width: 901px) {
	a.custom---box:hover {
		background-color: var(--hgo-color-primary-hover);
	}
}

@media (max-width: 900px) {
	.custom---box {
		padding-bottom: 50%;
	}

	.custom---box.custom---box_free {
		padding-bottom: 0;
	}
	.custom---box.custom---box_free .custom---box-text {
		position: initial;
	}
}