/*Increase font size on mobile*/
@media (max-width:768px){
	.wysiwyg p, .wysiwyg ul li {
		font-size: 16px;
	}

	.btn {
		font-size: 16px;
	}

	.body-small {
		font-size: 12px;
	}
}

/*Main navigation*/
@media (max-width: 1279.98px) {
	#primary-navigation .sub-menu .menu-item__link {
		font-size: 18px;
		gap: 10px;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: normal;
		text-align: left;
	}

	#primary-navigation .menu-item.menu-item-has-children[data-expanded=true] .sub-menu[data-expanded=false] {
		margin: 0;
	}

	/*Prevent scrolling when main menu is open*/
	body:has(.main-menu__wrapper[data-expanded="true"]) {
		height: 100vh;
		overflow: hidden;
	}
	/*Dark overlay when main menu is open*/
	body:has(.main-menu__wrapper):before,
	body:has(.main-menu__wrapper) .header:before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgb(0 0 0 / 45%);
		transition: .2s opacity linear;
		opacity: 0;
		display: none;
	}
	body:has(.main-menu__wrapper[data-expanded=true]):before,
	body:has(.main-menu__wrapper[data-expanded=true]) .header:before {
		opacity: 1;
		display: block;
	}
	body:has(.main-menu__wrapper[data-expanded=true]),
	body:has(.main-menu__wrapper[data-expanded=true]) .header {
		opacity: 1;
		pointer-events: none;
	}
	body:has(.main-menu__wrapper[data-expanded=true]) .header .main-menu__wrapper {
		pointer-events: auto;
	}

	/*Allow scrolling within the main menu*/
	.main-menu__wrapper[data-expanded=true]{
		overflow-y: scroll;
	}
}

/*Increase buttons font size*/
.btn {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .25px;
}


/*Desktop submenu items*/
@media (min-width: 1280px) {
	#primary-navigation .sub-menu {
		min-width: 100%;
		padding: 0px;
	}

	#primary-navigation .sub-menu .menu-item {
		padding: 10px 20px;
	}

	#primary-navigation .sub-menu .sub-menu:before {
		inset: 20px auto auto 0;
		translate: -100% 0;
		width: 0;
		height: 0;
		border-inline-end: 10px solid #fff;
		border-inline-start: none;
		border-block: 12px solid rgba(0, 0, 0, 0);
		content: "";
		display: block;
		position: absolute;
	}

	#primary-navigation .sub-menu .sub-menu {
		left: 100%;
		translate: 0;
		top: 0;
		height: fit-content;
	}
}

/*Discover features OPTION 1*/

/* 

.discover-features__card-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
}

.discover-features__card-wrapper.even {
	grid-template-rows: 1fr .5fr;
	grid-template-areas: 
		"video image"
		"video content";
}

.discover-features__card-wrapper.odd {
	grid-template-rows: .5fr 1fr;
	grid-template-areas:         
		"image video"
		"content video";
}

.discover-features__card-video {
	grid-area: video;
	aspect-ratio: 1 / 1;
	position: relative;
}

.discover-features__card-image {
	grid-area: image;
}

.discover-features__card-content {
	grid-area: content;
	max-width: 100%;
}

*/

/* New lazy video structure */

/*

.js-discover-lazy-video,
.discover-features__lazy-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}

*/

/* Stage is the thing that gets blurred, not the play/pause button */

/*

.discover-features__video-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;

	-webkit-filter: blur(8px);
	filter: blur(8px);
	-webkit-transition: -webkit-filter .35s ease;
	transition: filter .35s ease;
	transition: filter .35s ease, -webkit-filter .35s ease;
}

.js-discover-lazy-video[data-loaded="true"] .discover-features__video-stage {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.discover-features__video-stage iframe,
.discover-features__video-stage video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 100%;
	min-width: 200%;
	min-height: 100%;
	border: 0;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

*/

/* Play / pause button */

/*

.discover-features__video-toggle {
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 5;
	cursor: pointer;
	border: 0;
	background: none;
	padding: 0;
	color: inherit;
}

.discover-features__video-icon {
	display: none;    
	width: 20px;
    height: 20px;
    color: #fff;
}
.discover-features__video-icon .v-icon__svg{
	width: 20px;
    height: 20px;
}

.js-discover-lazy-video[data-playing="true"] .discover-features__video-icon--pause {
	display: inline-flex;
}

.js-discover-lazy-video[data-playing="false"] .discover-features__video-icon--play {
	display: inline-flex;
}

@media (min-width: 1024px) {
	.discover-features__card-wrapper {
		gap: 0 40px;
	}

	.discover-features__video-stage iframe,
	.discover-features__video-stage video {
		width: 200%;
		height: 200%;
		min-width: 200%;
		min-height: 200%;
	}
}

@media (max-width:768px) {
	.discover-features__card-wrapper {
		grid-template-rows: auto auto;
		gap: 0 10px;
	}

	.discover-features__card-wrapper.even {
		grid-template-rows: auto auto;
		grid-template-columns: calc(66% - 5px) calc(33% - 5px);
		grid-template-areas:        
			"video image"
			"content content";
	}

	.discover-features__card-wrapper.odd {
		grid-template-rows: auto auto;
		grid-template-columns: calc(33% - 5px) calc(66% - 5px);
		grid-template-areas:        
			"image video"
			"content content";
	}

	.discover-features__card-video {
		aspect-ratio: 16 / 9;
		height: auto;
		margin: 0;
	}

	.discover-features__video-stage iframe,
	.discover-features__video-stage video {
		width: 120%;
		height: 120%;
		min-width: 101%;
		min-height: 101%;
	}

	.discover-features__card-image {
		height: 100%;
		aspect-ratio: 122 / 140;
	}

	.discover-features__card-image.picture {
		height: 100%;
	}
}

^/

/* Discover features OPTION 2*/
/*@media (max-width:768px){
	.discover-features__card-video{
		display:none;
	}
	.discover-features__card-content{
		max-width:100%;
	}
}*/

/*
.discover-features__lazy-video iframe, 
.discover-features__lazy-video video {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
*/