*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}

/* ROOT */
:root{
	--white: #fff;
	--black: #000;
	--grey: #636363;
	--blue: #a2d8e8;
}
@font-face{
	font-family: 'Maax';
	src: url('/wp-content/themes/EYOS-2023/static/fonts/Maax.eot');
	src: local('Maax Regular'), local('Maax Regular'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax.woff') format('woff'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'Maax';
	src: url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Medium.eot');
	src: local('Maax Medium'), local('Maax-Medium'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Medium.woff') format('woff'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face{
	font-family: 'Maax';
	src: url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Bold.eot');
	src: local('Maax Bold'), local('Maax-Bold'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Bold.woff') format('woff'),
		url('/wp-content/themes/EYOS-2023/static/fonts/Maax-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
body{
	font-family: Maax,sans-serif;
	font-weight: 400;
}
.container{
	width: 100%;
	max-width: 1800px;
	padding: 0 60px;
	margin: 0 auto;
}
@media screen and (max-width: 810px) {
	.container{
		padding: 0 30px;
	}
}
img,
svg{
	display: block;
	max-width: 100%;
	height: auto;
}
a{
	display: inline-block;
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease-in-out;
}
a:focus,
a:hover{
	color: var(--blue);
}

/* LOGIN */
#protected-content{
	display: none;
}
#login-gate{
	max-width: 300px;
	margin: 30px auto;
	padding: 30px;
	border: 1px solid var(--grey);
	border-radius: 4px;
	text-align: center;
}
#login-gate h2{
	margin-bottom: 10px;
}
#login-gate input{
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
}
#login-gate button{
	width: 100%;
	padding: 10px 20px;
	cursor: pointer;
	background: var(--blue);
	color: var(--black);
	border: none;
}
#login-gate #error-msg{
	display: none;
	margin-top: 10px;
	color: tomato;
}

/* PAGE */
.press-kit{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 40px 0;
	background-color: var(--white);
	color: var(--black);
}
.press-kit__wrapper{
	display: flex;
}
.press-kit__sidebar{
	width: 25.55%;
	padding-right: 60px;
}
.press-kit__header{
	margin-bottom: 80px;
}
.press-kit__header img{
	width: 100%;
	max-width: 270px;
}
.press-kit__navigation ul{
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none;
}
.press-kit__navigation li{
	display: block;
}
.press-kit__navigation a{
	display: block;
	font-size: 20px;
	line-height: 43px;
	font-weight: 700;
	text-transform: uppercase;
}
.press-kit__main{
	width: 74.45%;
	max-width: 1190px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
}
.press-kit__hero{
	margin-bottom: 100px;
}
.press-kit__hero img{
	width: 100%;
}
.press-kit__inner{
	display: flex;
}
.press-kit__innerLeft{
	width: 35.45%;
	padding-right: 60px;
}
.press-kit__innerRight{
	width: 64.55%;
}
.press-kit__row{
	border-top: 2px solid rgba(0,0,0,0.1);
	padding: 100px 0;
}

/* FACTSHEET */
.pk-factsheet div{
	margin-bottom: 30px;
}
.pk-factsheet h2{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
}
.pk-factsheet p{
	font-size: 20px;
	line-height: 35px;
}
.pk-factsheet strong{
	font-weight: 500;
}

/* CONTENT */
.pk-content{
	margin-bottom: 50px;
}
.pk-content h2{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
}
.pk-content p{
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 35px;
}
.pk-content a{
	text-decoration: underline;
}
.pk-content strong{
	font-weight: 500;
}

/* MEDIA */
.pk-media h2{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
}
.pk-media__row{
	width: 100%;
}
.pk-media__row:not(:last-child){
	margin-bottom: 30px;
}
.pk-media__button{
	display: block;
	width: 100%;
	background: none;
	background-image: url('data:image/svg+xml,<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.86724 9.02465C7.54862 9.02465 7.24284 8.89924 7.01745 8.67628L0.352079 2.08313C-0.11736 1.61878 -0.11736 0.865896 0.352079 0.401954C0.821518 -0.0623988 1.58265 -0.0623988 2.05167 0.401954L7.86724 6.15451L13.7371 0.348264C14.2065 -0.116088 14.9677 -0.116088 15.4367 0.348264C15.9061 0.812617 15.9061 1.5655 15.4367 2.02944L8.71662 8.67669C8.49123 8.89965 8.18545 9.02506 7.86683 9.02506L7.86724 9.02465Z" fill="black"/></svg>');
	background-position: top 16px right;
	background-repeat: no-repeat;
	background-size: 16px;
	border: none;
	border-bottom: 2px solid var(--black);
	padding: 0 40px 18px 0;
	cursor: pointer;
	text-align: left;
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
}
.pk-media__inner{
	display: none;
	padding: 50px 0 60px;
}
.pk-media__inner.active{
	display: block;
}
.pk-media__upper{
	display: flex;
	justify-content: space-between;
}
.pk-media__buttons{
	display: flex;
	align-items: center;
	gap: 8px;
}
.pk-media__buttons span{
	display: block;
	width: 2px;
	height: 18px;
	background-color: var(--black);
}
.pk-media__buttons button{
	display: block;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-size: 20px;
	line-height: 2;
	color: #ACACAC;
}
.pk-media__buttons button.active{
	color: var(--black);
}
.pk-media__file{
	display: none;
	background: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="23" viewBox="0 0 25 23"><g transform="translate(-198 -502)"><path d="M23.8,23H1.2A1.2,1.2,0,0,1,0,21.811V17.78a1.2,1.2,0,0,1,1.2-1.189A1.2,1.2,0,0,1,2.4,17.78v2.843H22.6V17.78a1.2,1.2,0,0,1,2.4,0v4.032A1.2,1.2,0,0,1,23.8,23Z" transform="translate(198 502)"/><path d="M12.5,17.455a1.2,1.2,0,0,1-1.2-1.189V1.189a1.2,1.2,0,0,1,2.4,0V16.266A1.2,1.2,0,0,1,12.5,17.455Z" transform="translate(198 502)"/><path d="M12.5,17.455a1.209,1.209,0,0,1-.85-.348L4.985,10.514a1.179,1.179,0,0,1,0-1.681,1.211,1.211,0,0,1,1.7,0L12.5,14.585l5.87-5.806a1.211,1.211,0,0,1,1.7,0,1.18,1.18,0,0,1,0,1.681l-6.72,6.647a1.209,1.209,0,0,1-.85.348Z" transform="translate(198 502)"/></g></svg>');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 25px;
	border: none;
	padding: 0 40px 0 0;
	font-size: 20px;
	line-height: 2;
}
.pk-media__file.active{
	display: block;
}
.pk-media__grid{
	margin-top: 26px;
	display: none;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px 36px;
}
.pk-media__grid.active{
	display: grid;
}
.pk-media__item{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
	width: 100%;
	height: auto;
	padding: 14px 18px;
	aspect-ratio: 270/172;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pk-media__item::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
.pk-media__item p{
	position: relative;
	font-size: 20px;
	line-height: 32px;
	color: var(--white);
}

.pk-media__item svg{
	position: relative;
	width: 25px;
	margin-bottom: 6px;
}

/* LOGOS */
.pk-logos h2{
	font-size: 30px;
	line-height: 43px;
	font-weight: 700;
	text-transform: uppercase;
}
.pk-logos p{
	font-size: 20px;
	line-height: 43px;
}
.pk-logos__grid{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 36px;
}
.pk-logos__item{
	width: 100%;
	border: 1px solid var(--grey);
}
.pk-logos__item img{
	width: 100%;
}
.pk-logos__item p{
	padding: 0 15px 15px;
	font-size: 20px;
	line-height: 33px;
}

/* CONTACT */
.pk-contact div{
	margin-bottom: 30px;
}
.pk-contact h2{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
}
.pk-contact p{
	font-size: 20px;
	line-height: 35px;
}
.pk-contact strong{
	font-weight: 500;
}

/* RESPONSIVE */
@media screen and (max-width: 1200px) {
	.press-kit__wrapper{
		flex-wrap: wrap;
	}
	.press-kit__sidebar{
		width: 100%;
		padding: 0 0 40px;
	}
	.press-kit__header{
		margin-bottom: 40px;
	}
	.press-kit__main{
		width: 100%;
	}
	.press-kit__hero{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 1000px) {
	.press-kit__inner{
		flex-wrap: wrap;
	}
	.press-kit__innerLeft{
		width: 100%;
		padding: 0 0 40px;
	}
	.press-kit__innerRight{
		width: 100%;
	}
	.pk-media__grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.pk-logos__grid{
		grid-template-columns: repeat(2, 1fr);
	}
}