/* Reset */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

/* Variables */

:root {
	--wrap-width--large: 1700px;
	--wrap-width--standard: 1440px;
	--wrap-width--small: 1200px;
	--wrap-width--tiny: 800px;
	--bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 64px;
	--col-gap-large: 40px;
	--col-gap-small: 16px;
}

/* Body */

html {
	overflow-x: hidden;
}

body {

	&.logged-in header .fixed-header,
	&.logged-in header .sticky-header {
		top: 32px;
	}
}

.entry-content,
header,
footer {
	margin: 0;
	padding: 0;
}

.entry-content {
	blockquote {
		margin: 0;
	}

	cite {
		font-style: normal;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: var(--bl);
}

:where(.wp-site-blocks *:focus) {
	outline-width: 1px;
	outline-color: transparent;
}

/* Blocks */

.apply-shape--true {
	clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

.apply-shape--true--large {
	clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%, 0 0);
}

/* Hidden */

@media (max-width: 781px) {
	.hide-mobile--true {
		display: none !important;
	}
}

@media (min-width: 782px) {
	.hide-desktop--true {
		display: none !important;
	}
}

/* Slider */

ul.slick-dots {
	padding: 0;
	margin: 0 !important;
	position: absolute;
	bottom: var(--col-gap);
	left: var(--col-gap);
	display: flex;
	gap: var(--bl);
	list-style: none;
	font-size: 0;
}

ul.slick-dots li {
	margin: 0 !important;
}

ul.slick-dots li.slick-active button {
	background-color: var(--wp--preset--color--accent);
}

ul.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	overflow: hidden;
	border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .3s;
}

.download-capability-statement {
	justify-content: center !important;

	@media (width >=1200px) {
		max-height: 500px;
	}

	img {
		margin-top: -200px;
	}
}

.download-capability-statement>div {
	max-width: 700px;
}

.download-capability-statement::before {
	content: '';
	display: inline-block;
	position: absolute;

	left: 0;
	right: 0;
	top: -199px;

	width: 100%;
	height: 200px;

	background-color: var(--wp--preset--color--accent);

	clip-path: polygon(100% 50%, 0% 100%, 100% 100%);
}