/* 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: 1744px;
  --wrap-width--standard: 1376px;
  --wrap-width--small: 1120px;
  --wrap-width--tiny: 670px;
  --bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 80px;
	--col-gap-large: 40px;
	--col-gap-small: 16px;
}

/* Body */

html {
	overflow-x: hidden;
	&.has-modal-open {
		overflow: unset;
		overflow-x: hidden;
	}
}

body {
	&.page-background-colour--navy {
		background-color: var(--wp--preset--color--contrast);
	}
}

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

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

	cite {
		font-style: normal;
	}
}

a[href="#"] {
	cursor: auto;
	-webkit-tap-highlight-color: transparent;
}

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

p.has-heading-5-font-size + h2,
p.has-heading-5-font-size + h3,
p.has-heading-5-font-size + h4,
h5 + h2,
h5 + h3,
h5 + h4 {
	margin-top: 0;
}

p.has-large-font-size {
	font-weight: bold;
}

blockquote {
	position: relative;
	padding-left: 76px;
	&::before {
		display: inline-block;
		content: '';
		width: 44px;
		height: 44px;
		mask-size: 44px;
      mask-position: center;
      mask-repeat: no-repeat;
		background-color: var(--wp--preset--color--accent);
		mask-image: url('../../assets/icons/quote.svg');
		position: absolute;
		top: 0;
		left: 0;
	}

	hr,
	cite {
		margin-left: -76px;
	}
}

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

.apply-blur--true {
	backdrop-filter: blur(15px);
}

/* Hidden */

@media (max-width: 781px) { .hide-mobile--true { display: none!important; } }
@media (min-width: 782px) and (max-width: 991px) { .hide-tablet--true { display: none!important; } }
@media (min-width: 992px) { .hide-desktop--true { display: none!important; } }

/* Blocks */

.entry-content .wp-block-cover.home-banner {
	min-height: 100dvh;
	.wp-block-cover__inner-container {
	   align-self: stretch;
	   display: flex;
	   flex-direction: column;
/* 	   justify-content: space-between; */
	   align-items: start;
	}

	h1 {
		max-width: 900px;
		margin-left: 0 !important;
		height: 100%;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.wp-block-group.cta-enquire,
.wp-block-group.careers-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	gap: var(--bl) 0;

	.wp-block-image {
		margin-left: -30% !important;
		margin-right: -30% !important;
		width: 160%;
		max-width: none;
		margin-top: -70%;
	}

	.wp-block-image img {
		object-position: center right;
	}

	@media (min-width: 782px) {
		min-height: 800px;
		.wp-block-image {
			margin: 0!important;
			width: 65%;
			left: unset;
			top: -25%;
			min-height: 150%;
			right: 50%;
		}
	}
}	

.wp-block-group.careers-form {
	.wp-block-image img {
		object-position: center left;
	}
	
	@media (min-width: 782px) {
		min-height: 800px;
		.wp-block-image {
			right: unset;
			left: 50%;
		}
	}
}

.overlapping-columns {

}

.wp-block-group.image-flair {
}

.wp-block-column.overlapping-columns-flair {
}

.accent-hover {
	transition: all 0.3s;

	&:hover {
		background-color: var(--wp--preset--color--accent);

		> * {
			color: var(--wp--preset--color--base);
		}
	}
}