:root {
	--primary: #3db9cb;
	--secondary: #fafbf9; /* #f5f6ee */
	--accent: #113653;
	--accent-75: rgb(17, 54, 83, 0.80);
	--accent-15: rgb(17, 54, 83, 0.15);
	--primary-dark: #3092a0;
	--primary-translucent: #3db9cb12;
	--section-highlight: #58bccd0d;
	--border-light: #c5c5c5;
	--border-lighter: #ededed;
	--success: lightyellow;
	--notice: lightyellow;
	--error: #fdadad;
	--error-foreground: #fd0000;
	--white: #fff;
	--dark: rgb(93, 93, 93);
	--dark-transparent: rgba(93, 93, 93, 0.8);
}

::selection {
	background-color: var(--primary);
	color: var(--dark);
}

* {
	box-sizing: border-box;
}

html {
	height: 100%;
	font-size: 1rem;
	font-family: 'Source Sans Pro',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;
	line-height: 1.4;
	color: var(--accent);
}

body {
	margin: 0;
	padding: 0;
}

.wrapper {
	min-height: calc(100vh - 150px);
	margin: 0 auto;
	padding-bottom: 5rem;
	background-color: var(--white);
	background-color: var(--secondary);
}

main {
	min-height: 50vh;
}

img {
	max-width: 100%;
}

ul {
	margin: 0;
	padding: 1em 0;
	list-style-position: inside;
}

.status-message-float {
	position: fixed;
	top: 7rem;
	width: 100%;
	z-index: 2;
}

.status-message-inner {
	width: max-content;
	max-width: 90%;
	margin: 0 auto;
	padding: 1em;
	border-radius: 0.2rem;
	text-align: center;
}

.status-message {
	padding: 1em;
	border-radius: 0.2rem;
}

.register .status-message {
	padding: 1em 0;
}

.register .status-message-inner {
	width: 100%;
	max-width: 100%;
}

body > .status-message {
	margin-bottom: 0;
}

.status-message--success {
	background-color: var(--success);
}

.status-message--notice {
	background-color: var(--notice);
}

.status-message--error {
	background-color: var(--error);
}

h1 {
	font-family: 'Source Sans Pro',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
}

@media(min-width: 37.5em) {
	h1 {
		font-size: 2.25rem;
	}
}

@media(min-width: 50em) {
	h1 {
		font-size: 2.5rem;
	}
}

h2 {
	font-size: 1.5rem;
	line-height: 1.2;
}

.about-us h2,
.services h2 {
	padding-bottom: 0.75rem;
	background: url(/assets/images/blue-line-after.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: auto;
	color: var(--primary);
}

.block-image {
	display: flex;
	align-items: center;
}

.block-image img {
	border-radius: 0.2rem;
}

.discovery-bay .grid-dual {
	margin-top: 3rem;
}

.person-media {
	/* text-align: center; */
}

.person-media img {
	max-width: 8rem;
	border-radius: 100%;
}

.person-content h3 {
	margin-bottom: 0;
}

.person-content h4 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 0.85rem;
	color: var(--accent-75);
}

.person-data {
	padding-top: 0;
	list-style: none;
}

.person-data li {
	display: inline;
	margin-right: 1rem;
}

.about-us .list-grid {
	grid-gap: 3rem;
}

.icon-phone {
	padding-left: 1.25em;
	background-image: url(/assets/images/icon-phone.svg);
	background-repeat: no-repeat;
	background-size: 1em;
	background-position: 0 center;
}

.icon-email {
	padding-left: 1.25em;
	background-image: url(/assets/images/icon-email.svg);
	background-repeat: no-repeat;
	background-size: 1em;
	background-position: 0 center;
}

.icon-whatsapp {
	padding-left: 1.25em;
	background-image: url(/assets/images/icon-message.svg);
	background-repeat: no-repeat;
	background-size: 1em;
	background-position: 0 center;
}