/* 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: 1800px;
  --wrap-width--standard: 1400px;
  --wrap-width--small: 1120px;
  --wrap-width--tiny: 670px;
  --bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 64px;
	--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;
}

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;
}

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 */

.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 {
	position: absolute;
	z-index: 4;
	right: calc(var(--col-gap) * -.5);
	bottom: calc(var(--col-gap) * -.5);
	@media(min-width: 782px) {
		right: calc(var(--col-gap) * -1);
		bottom: calc(var(--col-gap) * -1);
	}
}

.wp-block-column.overlapping-columns-flair {
	position: absolute;
	display: flex;
	justify-self: center;
	z-index: 3;
	width: auto;
  left: 0;
  right: 0;
}

/* News & Categories */

.news-list div.wp-block-posts {
	> div.wp-block-posts__single {
		@media (min-width: 992px) {
			&:nth-of-type(1) .wp-block-posts__single__image {
				height: 400px;
			}
		}

		@media (min-width: 1200px) {
			&:nth-of-type(2),
			&:nth-of-type(3) {
				flex-basis: var(--width-2-size) !important;
			}

			&:nth-of-type(4),
			&:nth-of-type(5),
			&:nth-of-type(6) {
				flex-basis: var(--width-3-size) !important;
			}
		}
	}
}

.view-all-button a {
	transition: all .3s;
	text-decoration: none;
}