/*
	Theme Name: IPH custom theme
	Description: Custom WordPress Theme
	Version: 1.0.0
	Author: Inteligenta
	Author URI: https://inteligenta.io/
	Tags: Blank, HTML5, CSS3
	License: MIT
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* VARIABLES */
:root{
    --cta-color: #59CCD1;
    --base-color: #283669;
    --grey-color: #505050;
    --light-grey:  #FAFAFA;
    --middle-grey: #999;
    --blue: #283669;
	--yellow: #d6b12b;
	--alt-font: 'Roboto Condensed', sans-serif;
    font-size:62.5%;
}
/*
/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}

body {
	font:400 2.2rem/1.8 'Roboto', sans-serif;
	color:var(--base-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	padding-top: 12.2rem;
}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:var(--cta-color);
	text-decoration:none;
	transition:all .23s ease-in;
	-webkit-transition:all .23s ease-in;
	-moz-transition:all .23s ease-in;
	-ms-transition:all .23s ease-in;
	-o-transition:all .23s ease-in;
}
a:hover {
	color:var(-grey-color);
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

/******* FORMS ********/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-weight: normal;
	font-size: 18px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	font-weight: normal;
	font-size: 18px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {   /* Older versions of Firefox */
	font-weight: normal;
	font-size: 18px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
	color: var(--cta-color); 
	font-weight: normal;
	text-decoration: underline;
	font-size: 1.4rem;
	font-weight: 500;
}
input:focus,
textarea:focus {
	border:1px solid var(--cta-color);
	outline:none;
}

input, textarea {
	width: 100%;
	padding: 16px 18px;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
	font-family: sofia-pro, sans-serif;
	font-size: 1.8rem;
	border: 1px solid var(--cta-color);
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0px 12px 60px rgba(0, 18, 37, 0.05);
	box-shadow: 0px 12px 60px rgba(0, 18, 37, 0.05);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;

}

.wpcf7 .ajax-loader {
	display: none;
}


.wpcf7-not-valid-tip {
	color: var(--cta-color);
	font-size: 14px;
}
.wpcf7-form.sent .wpcf7-response-output {
    padding: 10px;
     font-size: 14px;
}
.wpcf7-form.invalid .wpcf7-response-output {
	background: var(--cta-color);
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 14px;
}

.img-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;	
}
.img-wrap {
	position: relative;
	overflow: hidden;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
	margin: 0 auto;
}
.container{
	max-width: 114rem;
	padding: 0 4rem;
}
body:not(.home) .container {
	max-width: 108rem;
}

.container-narrow {
	max-width: 830px;
}
.container-wide {
	max-width: 133rem;
}
@media only screen and (max-width:1320px) {
	body .gutenberg .alignfull {
		left: calc( (78.4rem - 100vw) / 2);
	}
	.container,
	.container-narrow {
		padding: 0 2rem;
	}
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	position: relative;
	padding: 2rem;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}
@media only screen and (min-width:480px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width:840px) {
	.col1{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 8.33%;
	flex: 1 1 8.33%;
	max-width: 8.33%;
}
.col2{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 16.66%;
	flex: 1 1 16.66%;
	max-width: 16.66%;
}

.col4{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	max-width: 33.33%;
}
.col5{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 41.66%;
	flex: 1 1 41.66%;
	max-width: 41.66%;
}
.col6{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	max-width: 50%;
}
.col7{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 58.33%;
	flex: 1 1 58.33%;
	max-width: 58.33%;
}
.col8{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 66.66%;
	flex: 1 1 66.66%;
	max-width: 66.66%;
}
.col9{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 75%;
	flex: 1 1 75%;
	max-width: 75%;
}
.col10{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 83.33%;
	flex: 1 1 83.33%;
	max-width: 83.33%;
}
.col11{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 91.63%;
	flex: 1 1 91.63%;
	max-width: 91.63%;
}
.col12{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}

}
@media only screen and (min-width:1024px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 25%;
		flex: 1 1 25%;
		max-width: 25%;
    }
}
.row {
	margin: 0 -2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
body::-webkit-scrollbar-track,
.modal-inner::-webkit-scrollbar-track,
.gutenberg::-webkit-scrollbar-track
{
	background-color:var(--black-color);
}
body::-webkit-scrollbar,
.modal-inner::-webkit-scrollbar,
.gutenberg::-webkit-scrollbar
{
	width: 6px;
	background-color: var(--black-color);
}

body::-webkit-scrollbar-thumb,
.modal-inner::-webkit-scrollbar-thumb,
.gutenberg::-webkit-scrollbar-thumb
{
	background-color: var(--cta-color);
}
/* wrapper */
.wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	position:relative;
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-vertical-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.flex-column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header ul {
	list-style: none;
}
.header ul li a.active {
	color: var(--cta-color);
}
.header {
	background: url(assets/images/Header_PLAV.png) no-repeat;
	background-size: 70%;
	z-index: 2015;
	position: fixed;
	left: 0;
	right: 0;
    top: 0;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
	padding: 2rem 0;
	background-position: right bottom;
	
}
.header-top {
	background-color: var(--base-color);
	font-size: 1.4rem;
	padding: .5rem 0;
	font-weight: 300;
}
.header-main {
	padding: 1rem 4rem;
}
nav.nav {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 43rem;
	background-color: var(--base-color);
	z-index: 2020;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .43s ease-in-out;
	transition: all .43s ease-in-out;
}

nav.nav.open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

nav.nav ul li a {
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	font-family: var(--alt-font);
	display: block;
	line-height: 1.2;
}
nav.nav ul {
	max-width: 22rem;
	margin-top: 9rem;
}
nav.nav ul li {
	padding: 2rem 0;
	border-bottom: 1px solid var(--cta-color);
}
nav.nav ul li a:hover, nav .current-menu-item > a, nav .current-page-ancestor > a {
	color: var(--cta-color)!important;
}

nav .close-menu {
	cursor: pointer;
}

.header .logo img {
	max-width:19rem;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
	-o-object-fit: contain;
	object-fit: contain;
}

.header-contacts a {
	display: inline-block;
	margin-right: 2rem;
}
.header-contacts i.fa-phone {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/************ DESKTOP MENU ***************/
.header nav ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.header nav > ul > li {
	padding: 2rem 0;
}
.header ul li a {
	margin-left:4rem;
	cursor: pointer;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in; 
	font-weight: 500;
	color:var(--grey-color);
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-size: 1.8rem;
}

.header ul li a:hover,
.header .socials i:hover,
.header ul li a.active,
.header ul .current-menu-item > a {
	color: var(--cta-color);
}
.header ul > li {
	position: relative;
}
.header .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 4rem;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%);
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%);
	background-color: #fff;
	z-index: 2020;
	height: auto;
	min-width: 27rem;
}
.header .sub-menu a {
	margin-left: 0;
	display: block;
	padding: 1rem 2rem;
	border-bottom: 1px solid var(--light-grey);
	line-height: 1.1;
}
.header .sub-menu li:last-child a {
	border-bottom: none;
}
.header:not(.mobile-header) ul > li.menu-item-has-children:hover > .sub-menu {
	display: block;
}

.header.sticky {
	background-color: #fff;
}

/************ MOB MENU ***************/
.mob-menu-bar {
    cursor: pointer;
    position: relative;
    z-index: 2021;
    margin-right: 8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.bar1 {
    width: 30px;
}
.bar2 {
    width: 21px;
}
.bar3 {
    width: 30px;
}
.bar1, .bar2, .bar3 {
    height: 2px;
    margin: 5px auto 5px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: var(--base-color);
}

.change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px);
        width: 30px;
        -moz-transform: rotate(-45deg) translate(-5px, 6px);
        -o-transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px,-5px);
        transform: rotate(45deg) translate(-4px,-5px);
    width: 30px;
}
.mob-menu-bar.change > span {
	display: none;
}
.mobile-header nav.open {
	-webkit-transform: translateX(0);
	    transform: translateX(0);	
}
.mobile-header nav {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		z-index: 2023;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: var(--base-color);
		padding: 5rem 2rem;
		-webkit-transition: all .43s ease-in-out;
		transition: all .43s ease-in-out;
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		min-width: 70%;
}
.mobile-header nav ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.mobile-header nav ul li {
	padding: 0;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #fff;
	
}
.mobile-header nav ul li i {
	color: #fff;
	position: absolute;
	top: 15px;
	right: 0;
}
.mobile-header nav ul li a {
	color: #fff;
	margin: 1rem 0 .5rem;
	display: inline-block!important;
}
.mobile-header .sub-menu {
	min-width: 100%;
	position: relative;
	top: 0;
	left: 0;
	background-color: var(--grey-color);
}
.mobile-header .sub-menu li a {
	font-size: 2rem;
	border: none;
	display: inline-block!important;
}
/**** end of mobile menu ***/

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
/* return to top button */
#return-to-top { 
	position: fixed; 
	bottom: 20px; right: 20px; 
	display: none; 
	z-index: 1983;
}
#return-to-top i { 
	color: var(--cta-color); 
	font-size: 28px;  
}

.footer {

}
.footer .socials {
	margin-left: 3rem;
}
.footer .socials i {
	margin-left: 1.5rem;
	font-size: 2.3rem;
	color: var(--base-color);
}
.footer .socials i:hover {
	color: var(--cta-color);
}

.footer ul {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer ul li:not(:last-child)::after {
	content: "";
	display: inline-block;
	background: #fff;
	border-radius: 100%;
	width: 3px;
	height: 3px;
	margin: 0 10px;
	position: relative;
	top: -3px;
	opacity: .5;
}
.footer h4 {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--cta-color);
	margin-bottom: 2rem;
}
.footer img {
	max-width: 19rem;
	height: auto;
}

.footer .menu li a {
	text-decoration: none;
	color: var(--base-color);
}
.footer .menu li a:hover,
footer .current-menu-item a {
	color: var(--cta-color);
	text-decoration: none;
	opacity: 1;
}
.menu .cta a {
	background-color: var(--cta-color);
	color: #fff!important;
	text-transform: uppercase;
	display: block;
	padding: 1rem 2rem;
	border-radius: .4rem;
}
.menu .cta a:hover {
	opacity: .8!important;
}


.footer-bottom  ul {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.footer-bottom div:first-child,
.footer-bottom ul:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.footer-bottom .copyright {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
}


.footer .wp-block-button {
	margin: 0 auto!important;
}

.footer-top {
	padding: 4rem 0;
	background-color: var(--grey-color);
	color: #fff;
}
.footer-top .widget_block div:last-child {
	margin-bottom: 0;
}
.footer-top a {
	color: #fff;
}
.footer-top a:hover {
	color: var(--cta-color);
}
.footer-top .container-narrow {
    max-width: 104rem!important;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 2rem;
}
h1 {
	line-height: 1.1;
}
h2 {
	line-height: 1.3;
    
}
h3, h4, h5, h6 {
	line-height: 1.3;
	font-weight: 600;
}
h1 {
	font-size: 5rem;
    font-weight: 600;
    letter-spacing: 0.1875px;
}
h2 {
	font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.26;
    text-transform: uppercase;
}
h3 {
	font-size: 2.4rem;
    font-weight: 700;
}
h4 {
	font-size: 2rem;
     font-weight: 700;
    line-height: 1.25;
    margin-bottom: 7px;
}
h5 {
	font-size: 1.8rem;
    letter-spacing: 0.1875px;
    font-weight: 700;
    font-family: var(--alt-font);
}
h6 {
	font-size: 14px;
    line-height: 1.3;
    color: var(--grey-color);
    font-weight: 500;
    margin-bottom: 5px;
}
.gutenberg {
	font-size: 1.8rem;
	position: relative;
}
.gutenberg .back-to-top {
	position: fixed;
	bottom: 1rem;
	right: calc( (103rem - 100vw)/-2 );
	cursor: pointer;
	display: none;
}
.gutenberg h4 {
	color: var(--cta-color);
}
.gutenberg p {
	font-weight: 300;
}
.gutenberg a {
	color: var(--blue);
}
.gutenberg ol,
.gutenberg ul {
    margin-bottom: 20px;
}
.gutenberg ol,
.gutenberg ul {
    padding-left: 20px;
}
.gutenberg ol li,
.gutenberg ul li {
    margin-bottom: 1rem;
}

.padding-left {
	padding-left: 4rem;
}

.wp-block-cover {
	font-family: var(--alt-font);
	-webkit-box-align: start!important;
	-ms-flex-align: start!important;
	align-items: flex-start!important;
}
.wp-block-cover p {
	font-size: 7.2rem!important;
	letter-spacing: 1.5px;
}

.btn,
.wp-block-button__link,
.wp-block-file a {
	background-color: var(--cta-color);
	color: #fff!important;
	text-transform: uppercase;
	display: block;
	padding: 1rem 2rem;
	border-radius: .4rem;
	font-size: 1.8rem;
	text-decoration: none!important;
}
body .wpcf7 .wpcf7-submit {
	background-color: var(--cta-color);
	color: #fff!important;
	text-transform: uppercase;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 1rem 2rem;
	border-radius: .4rem;
	width: auto;
    cursor: pointer;
}
.wpcf7-spinner {
	display: none!important;
}
body .wpcf7 .wpcf7-submit:hover {
	opacity: .9;
}
.wpcf7 {
	margin-top: 6rem;
	border-top: 1px solid var(--grey-color);
	padding-top: 2rem;
}
.wpcf7 h2{
	margin-bottom: 0;
}
textarea {
	height: 15rem;
}

.btn:hover,
.wp-block-button__link:hover,
.wp-block-file a:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	background-color: var(--base-color);
	color: var(--cta-color)!important;
}
.wp-block-file a {text-align:center;}
/*------------------------------------*\
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (max-width:480px) {
	.external-links {
		margin-top: -8vh!important;
	}
	nav.nav {
		max-width: 32rem!important;
	}
	body .hex-grid {
		padding-top: 123px!important;
	}
	.home .gutenberg {
		height: 50vh!important;
	}
	.home .gutenberg h1 {
		font-size: 6rem!important;
	}

	body h1 {

	}
	body h2 {
		font-size: 2.8rem!important;
	}
	body h4 {
		font-size: 1.9rem!important;
	}

	.contact-section {
		padding: 50px 0!important;
	}
}
@media only screen and (max-width:767px) {
    nav.nav ul li a {
        font-size: 1.8rem;
    }
    header .lang-switcher li a {
        font-size: 2rem!important;
    }
	.page-template-page-tpl-flu-vaccine .sidefeatured {max-width: 100%!important; margin-top: -27vh;}
	#header {
		position: relative!important;
	}
	body {
		padding-top: 0!important;
	}
	#header .logo {
		margin-left: auto;
	}
	#header .container-wide {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body .header h1 {
		min-width: 100%;
		margin: 2rem 0 0!important;
		font-size: 2.7rem!important;
	}
	.wp-block-column.featured {
		padding: 0!important;
	}
	p#breadcrumbs {
		font-size: 1.3rem;
	}
	.tab-titles {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tab-title {
		margin-top: 0.84rem;
		font-size: 1.4rem;
	}
	.btn, .wp-block-button__link {
		font-size: 1.4rem;
	}
	body .hero-img {
		width: calc(100vw + 4rem)!important;
		margin-right: 0!important;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		bottom: 0;
	}
	.hero-section .container-narrow {
		height: 40vh;
	}
	.hero-section h1 {
		/*background: linear-gradient(to right, var(--base-color) 50%, #fff 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;*/
	}
}
@media only screen and (max-width:781px) {
	.footer-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .footer-top div:last-child {
    	text-align: center!important;
    }
	.footer-bottom .container{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		text-align: center;
	}
	.footer-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 3rem;
	}
	.footer-right .socials {
		margin: 3rem 0 0;
	}
	.footer .socials i {
		margin: 0 1.5rem;
	}
	.footer ul li:not(:last-child)::after {
		display: none;
	}
}
@media only screen and (max-width:830px) {
	.gutenberg .alignfull {
		left: -2rem!important;
	}
	.courses-wrapper .wp-block-group__inner-container {
		padding: 0 2rem!important;
	}
}
@media only screen and (max-width:870px) {
	body .hex-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 100%!important;
		padding-top: 15px;
		padding-top: 92px;
	}
	.hex-grid .hex-col1, .hex-grid .hex-col9 {
		display: none;
	}
	.hex-grid .hex-col {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-right: 0!important;
		margin-bottom: 0!important;
	}

	.hex-grid .hex-col2 .hexagon:nth-child(2) {
		top: -67px;
		left: -39px;
	}
	.hex-grid .hex-col2 .hexagon:nth-child(3) {
		left: -80px;
	}

	.hex-grid .hex-col3 .hexagon:nth-child(2) {
		left: -40px;
		top: -67px;
	}
	.hex-grid .hex-col3 .hexagon:nth-child(3) {
		left: -79px;
	}
	.hex-grid .hex-col3 .hexagon:nth-child(4) {
		display: none;
	}
	.hex-grid .hex-col4 .hexagon:nth-child(1) {
		top: 66px;
	}
	.hex-grid .hex-col4 .hexagon:nth-child(2) {
		left: -41px;
	}
	.hex-grid .hex-col4 .hexagon:nth-child(3) {
		left: -81px;
		top: 67px;
	}
	.hex-grid .hex-col4 .hexagon:nth-child(3) .virus-icon {display: none;}
	.hex-grid .hex-col4 .hexagon:nth-child(3) .child {display: block!important;}
	.hex-grid .hex-col4 .hexagon:nth-child(3) .child span { font-size: 1.3rem!important;}
	.hex-grid .hex-col4 .hexagon:nth-child(4) {
		display: none;
	}
	.hex-grid .hex-col5 .hexagon:nth-child(1) {
		right: -33px;
	}
	.hex-grid .hex-col5 .hexagon:nth-child(2) {
		top: 66px;
		left: -6px;
	}
	.hex-grid .hex-col6 .hexagon:nth-child(1) {
		top: -66px;
	}
	.hex-grid .hex-col6 .hexagon:nth-child(2) {
		left: -41px;
	}
	.hex-grid .hex-col6 .hexagon:nth-child(3) {
		top: 66px;
    	left: -81px;
	}
	.hex-grid .hex-col7 .hexagon:nth-child(1) {
		top: -66px;
    	left: -75px;
	}
	.hex-grid .hex-col7 .hexagon:nth-child(2) {
    	left: -115px;
	}
	.hex-grid .hex-col8 .hexagon:nth-child(1) {
		display: none;
	}
	.hex-grid .hex-col8 .hexagon:nth-child(2) {
		right: -69px;
		top: -66px;
	}
	body .hex-col5, body .hex-col6, body .hex-col7, body .hex-col8 {
		margin-bottom: 0!important;
	}
    body .hex-col4 {
        margin-top: -66px!important;
        margin-left: 2px;
    }

	.page-template-page-tpl-flu-vaccine .hex-col11,
	.page-template-page-tpl-flu-vaccine .hex-col12,
	.page-template-page-tpl-flu-vaccine .hex-col13,
	.page-template-page-tpl-flu-vaccine .hex-col14,
	.page-template-page-tpl-flu-vaccine .hex-col15,
	.page-template-page-tpl-flu-vaccine .hex-col16,
	.page-template-page-tpl-flu-vaccine .hex-col17,
	.page-template-page-tpl-flu-vaccine .hex-col18 {
		margin: 0!important;
	}
	.hex-grid .hex-col13 .hexagon:nth-child(1) {
		top: -66px;
		left: -33px;
	}
	.hex-grid .hex-col13 .hexagon:nth-child(2) {
		top: -66px;
		right: -33px;
	}
	.hex-grid .hex-col14 .hexagon:nth-child(1) {
		top: -66px;
		left: -33px;
	}
	.hex-grid .hex-col14 .hexagon:nth-child(2) {
		top: -133px;
		left: -75px;
	}
	.hex-grid .hex-col15 .hexagon:nth-child(1) {
		top: -66px;
		left: -33px;
	}
	.hex-grid .hex-col15 .hexagon:nth-child(2) {
		top: -133px;
		left: -75px;
	}
	.hex-grid .hex-col16 .hexagon:nth-child(1),
	.hex-grid .hex-col17 .hexagon:nth-child(1),
	.hex-grid .hex-col17 .hexagon:nth-child(3),
	.hex-grid .hex-col18 {
		display: none;
	}
	.hex-grid .hex-col16 .hexagon:nth-child(2) {
		top: -133px;
	}
	.hex-grid .hex-col17 .hexagon:nth-child(2) {
		top: -132px;
	}
	.page-template-page-tpl-flu-vaccine .hex-grid {
	/*	top:-4vh!important;*/
	}

	.hex-col27, .hex-col28, .hex-col29,
	.hex-grid .hex-col24 .hexagon:nth-child(1),
	.hex-grid .hex-col24 .hexagon:nth-child(3),
	.hex-grid .hex-col25 .hexagon:nth-child(2),
	.hex-grid .hex-col26 .hexagon:nth-child(1) {
		display: none;
	}

	.hex-grid .hex-col21 .hexagon:nth-child(2),
	.hex-grid .hex-col22 .hexagon:nth-child(2),
	.hex-grid .hex-col23 .hexagon:nth-child(2),
	.hex-grid .hex-col24 .hexagon:nth-child(2) {
		top: -68px;
		left: -42px;
	}
	.hex-grid .hex-col24 .hexagon:nth-child(2) {
		left: 33px!important;
	}
	.hex-grid .hex-col25 .hexagon:nth-child(1) {
		top: -133px;
		left: -75px;
	}
	.hex-grid .hex-col26 .hexagon:nth-child(2) {
		top: -200px;
		left: 33px;
	}
	.page-template-page-tpl-flu-vs-covid .sidefeatured {
		margin-top: -25vh;
	}
	
}
@media only screen and (max-width:1023px) {
	nav.nav ul {
		margin-top: 5rem!important;
	}
	nav .close-menu {
		height: 3rem!important;
	}
	.sidefeatured {
		position: relative!important;
		bottom: -6rem!important;
	}
	.page .gutenberg {
		overflow: unset!important;
		height: auto!important;
	}
	.sidefeatured img {
		max-height: 32vh!important;
	}
	.page-section {
		padding-top: 2rem!important;
	}
	.left-shape {
		display: none;
	}
	.header h1 {
		margin-left: 2rem!important;
	}
	.mob-menu-bar {
		margin-right: 2rem!important;
	}
	.mob-menu-bar svg {
		height: 3rem!important;
		width: auto;
	}
	.mob-menu-bar svg line {
		stroke: #fff!important;
	}
	body header.header {
		background-size: cover!important;
	}
	.accordions-wrapper {
		margin-bottom: 4rem;
	}
	.gutenberg .wp-block-columns {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.gutenberg .wp-block-columns .wp-block-column {
		-ms-flex-preferred-size: 100%!important;
		flex-basis: 100%!important;
	}
	.container-wide {
		padding: 0 20px!important;
	}
	.wp-block-column.featured {
		margin: 2rem 0!important;
		max-width: 100%!important;
	}

	body h1 {
		font-size: 3rem!important;
	}
	body h2 {
		font-size: 2.7rem;
	}

	.footer ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	body .footer .footer-text ul li::after {
		    top: 6px;
		    display: block;
		    margin: 6px auto 11px;
		    -webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
		    height: 11px;
	}
	.footer .menu li {
		margin: 7px!important;
	}

	.header {
		padding: 1rem 0!important;
	}
	body .title-wrap {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	body .hero-img {
		width: 100vw;
		margin-right: -2rem;
	}

}
@media only screen and (max-width:1140px) {
	.header-main {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.mob-hide {
		display: none;
	}
	.footer {
		background-position: bottom;
	}
	.modal-inner {
		max-width: 98vw!important;
	}
}
@media only screen and (max-width:1270px) {
	.page-template-page-tpl-flu-vaccine .sidefeatured {
		max-width: 23vw;
	}
}
@media only screen and (max-width:1370px) {
	.mob-menu-bar svg {
		height: 4rem;
	}
	body header.header {
		padding: 1rem 0;
		background-size: contain;
	}
	.header h1 {
		font-size: 3.5rem;
	}
	.container-wide {
		padding: 0 2rem;
	}
	/*:root {
		font-size: 57%;
	}*/
	.header ul li a {
		margin-left: 3rem;
		display: block;
	}
	.footer-top div:first-child {
		max-width: 100%;
	}
	.footer-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.global-popup-inner {
		max-width: 98vw!important;
		padding: 3rem!important;
	}
	.global-popup-inner > div {
		padding: 2rem!important;
	}
}
@media only screen and (max-width:1380px) {
	.page-template-page-tpl-flue-info {
		overflow-x: hidden;
	}
	body .external-links {
		margin-top: -5vh;
	}
	body .hex-grid .hex-col4 .hexagon:last-child a.child span {
		font-size: 1.4rem;
	}
	.page-template-page-tpl-flu-vaccine .hex-col11 {
		margin-bottom: 13.6rem;
	}
	body.page-template-page-tpl-flu-vaccine .hex-grid .hexagon span {
		font-size: 1.4rem;
	}
	.page-template-page-tpl-flu-vaccine .hex-col12,
	.page-template-page-tpl-flu-vaccine .hex-col14,
	.page-template-page-tpl-flu-vaccine .hex-col16,
	.page-template-page-tpl-flu-vaccine .hex-col18 {
		margin-bottom: 6.8rem;
	}
	.page-template-page-tpl-flu-vaccine .hex-col11,
	.page-template-page-tpl-flu-vaccine .hex-col12,
	.page-template-page-tpl-flu-vaccine .hex-col13,
	.page-template-page-tpl-flu-vaccine .hex-col14,
	.page-template-page-tpl-flu-vaccine .hex-col15,
	.page-template-page-tpl-flu-vaccine .hex-col16,
	.page-template-page-tpl-flu-vaccine .hex-col17,
	.page-template-page-tpl-flu-vaccine .hex-col18,
	body .hex-col29, body .hex-col28, body .hex-col27, body .hex-col26, body .hex-col25, body .hex-col24, body .hex-col23, body .hex-col22, body .hex-col21  {
		margin-left: -4.2rem;
	}
	body .hex-col29 {
		margin-right: -50px;
	}
	body .hex-col21, body .hex-col23, body .hex-col25, body .hex-col27,body .hex-col29 {
		margin-bottom: 66px;
	}

	body .hex-col26 {
		margin-bottom: 133px;
	}
	body .hex-grid {
		width: 99.5vw;
	}
	.page-template-page-tpl-flu-vs-covid .hex-col .hexagon span {
		font-size: 1.4rem!important;
	}

	body .hex-grid .hexagon {
		width: 15rem;
		height: 14rem;
		margin-bottom: -7px;
	}
	body .hex-grid .hexagon .circles:nth-child(1),
	body .hex-grid .hexagon .circles:nth-child(2) {
		top: -7px;
	}
	body .hex-grid .hexagon .circles:nth-child(3),
	body .hex-grid .hexagon .circles:nth-child(4) {
		bottom: -7px;
	}
	body.page-template-page-tpl-flue-info .hex-col {
		margin-right: -4.2rem;
	}
	body .hex-col1, body .hex-col3 {
		margin-bottom: -6.6rem;
	}
	body .hex-col5 {
		margin-bottom: 19.9rem;
	}
	body .hex-col6 {
		margin-bottom: 13.2rem;
	}
	body .hex-col7 {
		margin-bottom: 19.8rem;
	}
	body .hex-col8 {
		margin-bottom: 26.5rem;
	}
	body .hex-col9 {
		margin-bottom: 33rem;
	}
	body .hex-col2 .hexagon:nth-child(3) span {
		font-size: 1.2rem;
	}
	body .hex-col5 .hexagon:nth-child(1) span,
	body .hex-col7 .hexagon:nth-child(1) span,
	body .hex-col8 .hexagon:nth-child(2) span {
		font-size: 1.5rem;
	}
	body .hex-grid a.child span {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width:1570px) {
	header.header {
		padding: 1.5rem 0;
	}
}
@media only screen and (max-width:1770px) {
	body .page-template-page-tpl-flu-vs-covid .right-shape, .parent-pageid-19 .right-shape {
		max-width: 23vw;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-height:740px) {
	nav.nav ul {
		margin-top: 1rem!important;
	}
}
.page-template-page-tpl-flu-vs-covid .right-shape
/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .delay2 {
    -webkit-animation-delay: 1.84s;
    animation-delay: 1.84s;
  }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}




/****** ANIMATIONS *******/

@-webkit-keyframes slide-in {
  from {
    -webkit-transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    opacity: 0;
  }
}

@keyframes slide-in {
  from {
    -webkit-transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    opacity: 0;
  }
}


@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
}

@-webkit-keyframes zoomIn {
  from {
   /* opacity: 0;*/
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    /*opacity: 0;*/
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  }

/***********  BLOCKS  *********/

/*** BLOCK SLIDER ***/
.slider-section {
    position: relative;
    padding: 140px 0;
    overflow: hidden;
}
.slider-wrapper {
	margin-bottom: 6rem;
}
.home .page-section {
	padding-top: 0;
	padding-bottom: 0;
}
.swiper-slide h4,
.swiper-slide-shadow-right,
.swiper-slide-shadow-left {
    display: none!important;
}
.swiper-slide-active h4 {
    display: block!important;
        margin-bottom: 0;
    position: absolute;
    bottom: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    min-width: 90%;
    color: var(--green-color);
}
.swiper-slide {
	position: relative;
	height: 50vh!important;
}
.swiper-slide::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, .4);
}
.slide-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 2;
}
.swiper-slide img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
    max-width: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.swiper-slide-active img {
      -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
    margin: 0 auto;
}
.swiper-wrapper {
    position: relative;
}

.swiper-button-next {
    background: url(assets/images/right-arrow.svg) no-repeat;
    width: 21px;
    height: 33px;
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 45%;
    z-index: 11;
}
.swiper-button-prev {
    background: url(assets/images/left-arrow.svg) no-repeat;
    width: 21px;
    height: 33px;
    cursor: pointer;
    position: absolute;
    left: 2rem;
    top: 45%;
    z-index: 11;
}
.swiper-button-disabled {
	opacity: .5;
}/*
.swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    min-width: 200px;
    text-align: center;
    bottom: 108px;
}*/
.swiper-pagination-bullet {
    background-color: var(--cta-color);
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 5px;
    opacity: .7;
    cursor: pointer;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.swiper-pagination-progressbar-fill {
    background: var(--cta-color);
    z-index: 21;
    display: block;
    margin-right: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px) scaleX(0.2) scaleY(1);
    transform: translate3d(0px, 0px, 0px) scaleX(0.2) scaleY(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.swiper-pagination-progressbar {
    position: relative;
    width: 100%;
    height: 6px;
    background: rgba(239,71,72,.5);
    bottom: 6px;
	z-index: 10;
}
.wp-block-image img {
	height: auto;
}




.page-section {
	padding: 4rem 0 0;
	position: relative;
}
.page .gutenberg {
	/*height: calc(100vh - 162px);*/
	/*overflow: auto;*/
	padding-bottom: 3rem;
}
.sidefeatured {
	position: fixed;
	bottom: 3rem;
	left: 0;
	z-index: 555;
}
.sidefeatured img {
	max-height: 50vh;
	max-width: 23vw;
}
.left-shape {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	max-width: 27vw;
    height: auto;
}
.right-shape {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: -1;
	max-width: 12vw;
    height: auto;
}
.hero-section {
	position: relative;
	margin-bottom: 4rem;
}
.hero-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1;
    /*background: linear-gradient(to left, rgba(35,31,32,.8) 93%,  rgba(35,31,32,0));*/
	background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(255,255,255,1)),  to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(255,255,255,1) 13%,  rgba(255,255,255,0));
}
.hero-section h1 {
	color: var(--base-color);
	text-transform: uppercase;
	max-width: 60rem;
	position: relative;
	z-index: 2;
}
.hero-section h1:last-child {
	margin-bottom: 0;
}
.title-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding: 2rem 4rem 2rem 0;
}

.hero-img {
	width: 50vw;
	margin-right: calc( (83.7rem - 100vw) / 2);
	position: relative;
}
.hero-section img {
	-o-object-fit: cover;
	object-fit: cover;
    width: 100%;
    height: 100%;
	max-height: 40vh;
	min-height:33vh;
}
.no-featured-img {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.no-featured-img .title-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.no-featured-img .title-wrap h1::after {
	margin-left: auto;
	margin-right: auto;
}
#breadcrumbs i {
	font-size: 1.2rem;
}
/* Rotate is needed for IE, otherwise it is jumpy */
@-webkit-keyframes kenburns {
  50% {
    -webkit-transform: scale(1.3) rotate(0.04deg);
    transform: scale(1.3) rotate(0.04deg);
  }
}
@keyframes kenburns {
  50% {
    -webkit-transform: scale(1.3) rotate(0.04deg);
    transform: scale(1.3) rotate(0.04deg);
  }
}




/***** CUSTOM BLOCKS *****/
.tiles-wrapper {
	position: relative;
	
	margin-top: 4rem;
	padding: 2rem 0;
}
.tiles-wrapper:last-child {
	margin-bottom: -4rem;
}
.tiles-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc((100vw - 100% + 1rem) / -2);
	right: 0;
	background: var(--middle-grey) url(assets/images/services-background.jpg) no-repeat;
	z-index: 1;
	width: 100vw;
	background-size: contain;
	background-attachment: fixed;
}
.tiles-wrapper * {
	z-index: 2;
	position: relative;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.tile-item {
	-webkit-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 6%), 0 6px 20px 0 rgb(0 0 0 / 3%);
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 6%), 0 6px 20px 0 rgb(0 0 0 / 3%);
	background-color: #fff;
	padding: 2rem;
	height: 100%;
}
.tile-item h2 {
	color: var(--base-color);
	font-family: sofia-pro, sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 3rem;
}
.tile-item img {
	margin: -2rem -2rem 2rem;
	max-width: calc(100% + 4rem);
	width: calc(100% + 4rem);
}
.tile-item p:last-child {
	margin-bottom: 0;
}
a.tile-item {
	display: block;
	color: var(--base-color);
}
a.tile-item:hover {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
}

.header h1 {
	text-shadow: 0px 3px 6px #00000029;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-left: auto;
	color: #fff;
	min-width: 65%;
	max-width: 68%;
}

.page-id-135 .header h1 {
	font-size: 3.2rem;
}

h1 {
	font-size: 4.2rem;
	font-family: var(--alt-font);
	line-height: 1.1;
}
h1, .gutenberg h2, .section-title {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.section-title::after, .gutenberg h2::after {
	content: "";
	background-color: var(--cta-color);
	width: 8rem;
	height: 0.84rem;
	display: block;
	border-radius: 1rem;
	margin-top: .5rem;
}
h2.has-text-align-center::after {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-gallery.aligncenter  figure{
	margin-top: auto!important;
}
.wp-block-gallery.aligncenter  figure img {
	margin: auto;
}


.wp-block-column.featured p {
	font-weight: 400;
}

.f500 {
	font-weight: 500;
}

table {
	border-collapse: collapse;
	border:none;
	/*width: calc(100% - 2px)!important;*/
}
table th {
	padding: 1rem;
	border-bottom: 1px solid var(--grey-color);
}
table td {
	border-bottom: 1px solid var(--middle-grey);
	padding: 1rem;
	min-height: 4.8rem;
	height: 4.8rem;
}
table trt.separator td {
	background: #E0B368;
    border: 0;
}



.page-template-page-tpl-home {
	padding-top: 0;
}
.page-template-page-tpl-home header:not(.sticky) {
	background-color: transparent;
}

.page-template-page-tpl-home header:not(.sticky) .custom-logo-link {
	display: none;
}


.header-top, header{
	-webkit-transition: all .23s ease;
	transition: all .23s ease;
}
/*
header.sticky{
	-webkit-transform: translateY(-31px);
	transform: translateY(-31px);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}*/
/*header.sticky .logo img {
	max-height: 5rem;
}*/
.popups-wrapper:last-child {
	margin-bottom: -4rem;
}
.modal {
	display: none;
	visibility: visible;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: -1;
	position: fixed;
	top: 0;
	right:0;
	bottom: 0;
	left:0;
}
.modal.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2015;
	visibility: visible;
	right: 0;
}
body.active {
	overflow: hidden;
}
body.active header {
	z-index: 1;
}
.col3.active {
	z-index: 4;
}
.modal.active .modal-inner {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.modal-inner {
	max-width: 70vw;
	max-height: 90vh;
	overflow-y: auto;
	background-color: #fff;
	z-index: 2022;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
}
.modal-left {
	background-color: var(--cta-color);
	color: #efba26;
	text-align: center;
	padding: 5rem;
	max-width: 33rem;
	position: -webkit-sticky;
	position: sticky;
    top: 0;

}

.modal-right {
	padding: 5rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
.mfp-close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-size: 1.8rem;
	background: none;
	border: none;
	cursor: pointer;
}
.modal-title {
	color: var(--base-color);
	font-weight: 400;
	font-family: sofia-pro, sans-serif;
	margin-bottom: 1rem;
	line-height: 1.2;
	font-size: 2.4rem;
	text-transform: unset;
}
.modal-subtitle {
	margin-bottom: 3rem;
	color: var(--cta-color);
}
.modal-img-caption {
	margin-top: 3rem;
}
.modal-email a {
	color: var(--base-color);
	font-weight: 300;
}
.modal-email i {
	background-color: var(--cta-color);
	color: #fff;
	width: 3.5rem;
	height: 3.5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}
.modal.active .modal-bg {
	background-color: rgba(0, 0, 0, 0.63);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
	z-index: 2016;
}
.popup-overlay {
	position: relative;
	cursor: pointer;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.popup-overlay img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.popup-overlay:hover {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
}
.popup-overlay::before {
	content: "";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.63)), to(rgba(0, 0, 0, 0.8)));
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.63) 90%, rgba(0, 0, 0, 0.8) 100%);
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	top: 0;
	z-index: 22;
}
.popup-overlay-title {
	font-family:sofia-pro, sans-serif;
	color: #fff;
	font-size: 2.4rem;
	position: absolute;
	bottom: 2.5rem;
	left:2.5rem;
	right: 2.5rem;
	margin-bottom: 0;
	text-transform: unset;
	z-index: 23;
}

.accordion-title {
	background-color: var(--cta-color);
	color: #fff;
	padding: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
}
.accordion-title:hover {
	opacity: .95;
}
.accordion-title.open i {
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.accordion-title.open i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion-content {
	display: none;
	padding: 2rem;
}
.accordion-content table td,
.accordion-content table th {
	border-color: var(--grey-color);
}
.accordion-item {
	border-bottom: 1px solid #fff;
}

.hide,
.grecaptcha-badge {
	display: none!important;
}
.global-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2022;
	background: rgb(0 0 0 / 60%);
}

.global-popup-inner {
	background: url(assets/images/Warning-Banner.jpg) no-repeat;
	text-align: center;
	padding: 7rem;
	max-width: 60vw;
	max-height: 84vh;
	background-size: cover;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.global-popup-inner > div {
	background-color: #fff;
	padding: 3rem;
	font-size: 2.4rem;
}
.global-popup-inner .leave {
	border: 1px solid var(--base-color);
	line-height: 1;
	padding: 1rem 2rem 1.4rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: inline-block;
	margin: 1rem;
}
.global-popup-inner .leave:hover {
	background-color: var(--base-color);
	color: #fff;
}
.global-popup-inner .enter {
	line-height: 1;
	padding: 1rem 2rem 1.4rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: inline-block;
	margin: 1rem;
	background-color: #E0B368;
	color: #fff;
	cursor: pointer;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.global-popup-inner .enter:hover {
	opacity: .8;
}

.single-content .date {
	display: inline-block;
	margin-bottom: 3rem;
	color: var(--cta-color);
}
.post-loop-data h3 {
	margin-bottom: 1rem;
}

.gutenberg .alignfull {
	left: calc( (82.4rem - 100vw) / 2);
	position: relative;
	width: 100vw;
}
.gutenberg .wp-block-group.alignfull {
	padding: 8rem 0 5rem;
	margin: 6rem 0;
}
.gutenberg .wp-block-group.alignfull .wp-block-group__inner-container {
	max-width: 160rem;
    padding: 0 4rem;
	margin: 0 auto;
}
.courses-wrapper {
	background-color: #ddd;
	padding: 6rem 0;
}
.courses-wrapper .wp-block-group__inner-container {
	max-width: 150rem;
    padding: 0 4rem;
	margin: 0 auto;
}
.term-column {
	background-color: #fff;
    -webkit-filter: drop-shadow(-4.049px 17.539px 17.5px rgba(195,194,184,0.3));
    filter: drop-shadow(-4.049px 17.539px 17.5px rgba(195,194,184,0.3));
    padding: 3rem;
	height: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
}
.term-column h4 {
	font-weight: 400;
	border-bottom: 1px solid var(--middle-grey);
	margin: 0;
	padding: 1rem 0;
	font-size: 1.8rem;
}
.term-column h4 a {
	color: var(--grey-color);
}
.term-column h4 a:hover {
	color: var(--cta-color);
}

/*** single course ***/
.single-course .title-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 98%;
	flex: 1 1 98%;
	padding-right: 0;
}
.single-course .title-wrap h1 {
	font-size: 3.8rem;
}
.single-course .title-wrap .btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.tab-title {
	background-color: var(--grey-color);
	color: #fff;
	text-transform: uppercase;
    display: block;
    padding: 1rem 2rem;
    border-radius: 0.4rem;
	margin-right: .84rem;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
	cursor: pointer;
}
.tab-title.active, .tab-title:hover {
	background-color: var(--cta-color);
}
.tab-content {
	background-color:#ddd;
	-webkit-filter: drop-shadow(-4.049px 17.539px 17.5px rgba(195,194,184,0.3));
	filter: drop-shadow(-4.049px 17.539px 17.5px rgba(195,194,184,0.3));
    padding: 3rem;
	display: none;
	margin-top: 1rem;
}
.tab-content.active {
	display: block;
}

#banner .wp-block-button__link {
	border: 1px solid #fff!important;
}
#banner .wp-block-group__inner-container p:last-child {
	margin-bottom: 0;
}
body #banner {
	margin-bottom: -4rem;
}

.course-title-form {
    display: none;
}

body.home {
	background-size: cover!important;
	background-position: center;
	height: 100vh;
	overflow: hidden;
    background-position: center!important;
}
body.home .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.home .body-content {
	margin-top: auto;
}
.home .gutenberg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: unset;
}
.home .back-to-top {
	display: none!important;
}
.home .gutenberg h1 {
	margin-top: auto;
	color: #fff;
	font-size: 15rem;
	text-shadow: 4px 4px 10px #000000CF;
    display: inline-block;
    text-align: right;
}
.home .mob-menu-bar svg line {
	stroke: #fff;
}
.home header {
	background: transparent;
}
.back-btn {
	background-color: var(--cta-color);
	font-weight: 600;
	border-radius: 3rem;
	padding: 1rem 2.3rem;
	display: inline-block;
	line-height: 1;
	text-decoration: none!important;
}

.back-btn:hover {
	background-color: var(--base-color);
	color: var(--cta-color);
}
.back-btn:hover svg path {
fill: var(--cta-color);
}
.back-btn svg {
	position: relative;
    top: 2px;
    margin-right: 5px;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.right-shape p {
	margin-bottom: 0!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.right-shape, .right-shape svg {
	height: auto;
	width: auto;
	margin-top: auto;
}

.gutenberg a {
	text-decoration: underline;
}
.hex-grid2 {
	display: none;
}
.hex-grid {
	width: 99.6vw;
	position: relative;
	text-align: right;
	overflow: hidden;
	height: 87vh;
    top: -35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 9px;
}
.hex-grid a {
    background: #e1e3ea;
	border: 3px solid #e1e3ea;
    width: 100%;
    aspect-ratio: 1.1/1;
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    font-size: 1.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	z-index: 55;
	cursor: pointer;
	
}
.hex-grid a span {
	aspect-ratio: 1.1/1;
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	background: #fff;
	z-index: 2;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	text-align: center;
	width: 100%;
	color: var(--base-color);
	font-weight: 600;
}
/*.hex-grid::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1920px;
	background: url(assets/images/hexagon-virusi.svg) no-repeat;
}*/
.circles {
	width: 2rem;
	height: 2rem;
	background-color: #e1e3ea;
	border-radius: 100%;
	position: absolute;
	z-index: 111;
}
.circles:nth-child(1){
    top: -8px;
    right: 20%;
}
.circles:nth-child(2){
    top: -8px;
    left: 20%;
}
.circles:nth-child(3){
    bottom: -8px;
    left: 20%;
}
.circles:nth-child(4){
    bottom: -8px;
    right: 20%;
}
.circles:nth-child(5){
    top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    left: -8px;
}
.circles:nth-child(6){
    top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    right: -8px;
}
.hex-grid svg {
	max-width: 100%;
	height: auto;
	width: auto;
}
.hexagon {
	position: relative;
	/*top: 5rem;
	right: 0;*/
	width: 18rem;
	height: 16rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: -3px;
}
.hex-col1 {
    margin-bottom: -7.8rem;
    margin-right: -4.8rem;
}
.hex-col2 {
	  margin-right: -4.8rem;
  }
.hex-col3 {
    margin-bottom: -7.8rem;
	margin-right: -4.8rem;
}
.hex-col4 {
	margin-right: -4.8rem;
}
.hex-col5 {
	margin-bottom: 23.6rem;
	margin-right: -4.8rem;
}
.hex-col6 {
	margin-bottom: 15.8rem;
	margin-right: -4.8rem;
}
.hex-col7 {
	margin-bottom: 23.6rem;
	margin-right: -4.8rem;
}
.hex-col8 {
	margin-bottom: 31.3rem;
	margin-right: -4.8rem;
}
.hex-col9 {
	margin-bottom: 39rem;
}

.hexagon img {
	max-width: 65%;
}
.hex-grid a.child span {
	-webkit-transition: all .23s ease;
	transition: all .23s ease;
	line-height: 1.2;
	padding: 1rem 2rem;
	font-size: 2.3rem;
}
.hex-grid .hex-col4 .hexagon:last-child a.child span {
	font-size: 1.6rem;
}
.hex-grid a.child:hover span {
	background-color: var(--base-color);
	color: var(--cta-color);
}

.hex-col2 .hexagon:nth-child(2) span {
	padding: 1rem 3rem;
}
.hex-col2 .hexagon:nth-child(3) span{
	font-size: 1.4rem;
}
.hex-col5 .hexagon:nth-child(1) span{
	font-size: 1.8rem;
}
.hex-col7 .hexagon:nth-child(1) span{
	font-size: 1.8rem;
}
.hex-col8 .hexagon:nth-child(2) span{
	font-size: 1.8rem;
}

.hex-col a:not(.child) {
	pointer-events: none;
	cursor:none;
}

.page-template-page-tpl-flu-vaccine .gutenberg {
	height:auto;
}

.page-template-page-templatespage-tpl-flue-info-php .left-shape {
/*	z-index: 1984;*/
	max-width: 54vw;
}

.page-template-page-templatespage-tpl-flue-info-php .left-shape svg {
	width: 100%;
    height: auto;
}
.page-template-page-templatespage-tpl-flue-info-php .sidefeatured {
	/*z-index: 1999;*/
}

.page-template-page-tpl-flu-vaccine .page-section {
	padding-top: 0;
}
.page-template-page-tpl-flu-vaccine .hex-grid {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	top: -15vh;
}
.page-template-page-tpl-flu-vaccine .hex-grid .hexagon span {
	font-size: 1.6rem;
	color: var(--cta-color);
}
.page-template-page-tpl-flu-vaccine .hex-grid .hexagon a:hover span{
	background-color: var(--cta-color);
	color: var(--base-color);
}
.page-template-page-tpl-flu-vaccine .hex-grid .hexagon .circles,
.page-template-page-tpl-flu-vaccine .hex-grid .hexagon a {
	background-color: #e1f6f7;
}
.page-template-page-tpl-flu-vaccine .hex-grid .hexagon a {
	border-color: #e1f6f7;
}
.hex-col11 {
    margin-bottom: 15.6rem;
}
.hex-col12 {
    margin-bottom: 7.8rem;
	margin-left: -4.7rem;
}
.hex-col13 {
	margin-left: -4.7rem;
}
.hex-col14 {
    margin-bottom: 7.8rem;
	margin-left: -4.7rem;
}
.hex-col15 {
	margin-left: -4.7rem;
}
.hex-col16 {
    margin-bottom: 7.8rem;
	margin-left: -4.7rem;
}
.hex-col17 {
    margin-left: -4.7rem;
}
.hex-col18 {
    margin-bottom: 7.8rem;
    margin-left: -4.7rem;
}

.right-shape.top {
	bottom: auto;
	top: 0;
}
.left-shape.bottom {
	top: auto;
	bottom: 0;
}
.left-shape.bottom svg {
	height: auto;
	width: 100%;
	bottom: -14px;
    position: relative;
}
.left-shape.bottom p {
	margin-bottom: 0;
}

.page-template-page-tpl-flu-vs-covid .gutenberg, .page-template-page-tpl-flu-vs-covid .hex-grid{
	height: auto;
	padding: 20px 0;
}
.page-template-page-tpl-flu-vs-covid .left-shape {
	max-width: 12vw;
}
.page-template-page-tpl-flu-vs-covid .right-shape, .parent-pageid-19 .right-shape  {
	max-width:20vw;
	z-index: 555;
    opacity: .84;
}
.page-template-page-tpl-flu-vs-covid .page-section {
	padding-top: 0;
}
.hexagon span {
	text-transform: uppercase;
}
.page-template-page-tpl-flu-vs-covid .hexagon span {
	font-size: 1.6rem!important;
	
}
.page-template-page-tpl-flu-vs-covid {
	overflow-x: hidden;
}
.hex-col29 {
	margin-right: -90px;
}
.hex-col29,
.hex-col28,
.hex-col27,
.hex-col26,
.hex-col25,
.hex-col24,
.hex-col23,
.hex-col22,
.hex-col21 {
	margin-left: -48px;
}
.hex-col21,
.hex-col23,
.hex-col25,
.hex-col27,
.hex-col29 {
	margin-bottom: 79px;
}
.hex-col26 {
	margin-bottom: 157px;
}


header .lang-switcher {
	margin-left: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
header .lang-switcher li:not(:last-child)::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 22px;
    background: #fff;
    margin: 0 2.5rem;
}
header .lang-switcher a {
	display: inline-block!important;
	font-size: 3rem!important;
	font-weight: 700!important;
	color: var(--cta-color)!important;
    margin: 0!important;
}
header .lang-switcher .current-lang a {
	color: #fff!important;
}
.header .lang-switcher .lang-item-mk a::after {
    content: "MK";
    text-indent: 0;
    float: left;
}
.header .lang-switcher .lang-item-mk a {
    text-indent: -9999px;
}
.header .lang-switcher .lang-item-sq a {
    text-indent: -9999px;
}
.header .lang-switcher .lang-item-en a {
    text-indent: -9999px;
}
.header .lang-switcher .lang-item-en a::after {
    content: "EN";
    text-indent: 0;
    float: left;
}
.header .lang-switcher .lang-item-sq a::after {
    content: "AL";
    text-indent: 0;
    float: left;
}

.wp-block-button__link {
	text-decoration: none!important;
	margin-bottom: 2rem;
	    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            line-height: 1.2;
}
.wp-block-button__link svg {
	margin-right: 1.5rem;
}
.wp-block-button__link svg path {
	fill: #fff;
}
.wp-block-button__link:hover svg path {
	fill: var(--cta-color)!important;
}

.external-links span {
	position: relative;
	font-size: 1.5rem;
	left: 1rem;
}
.external-links{
	    margin: -19vh 8vw 0;
}




.post-edit-link {
	z-index: 2020;
    position: fixed;
    right: 20px;
    top: 20px;
    color: var(--yellow)!important;
}