:root {
	--font-size: 16px;
	--container-padding: 80px;
	--header-height: 65px;

	--light-blue: #daf3f9;
	--dark-blue: #1A8FA5;
	--button-text-color: #fff;
	--button-color: var(--highlight);
	--light-grey: #F9FAFB;
	--grey: #4e4f54;

	--highlight:  #36b0c9;
	--teal-dark:    #2490a8;
	--teal-deep:    #1b7285;
	--teal-mid:     #5dc4d8;
	--teal-light:   #e4f6fa;

	--charcoal:     #3A3A3C;
	--charcoal-mid: #5A5A5C;
	--off-white:    #F5F4F1;
	--white:        #FFFFFF;
	--black:        #1A1A1C;
	--rule:         #E2E0DC;

	--text-color: var(--charcoal);
	--main-font: 'DM Mono', sans-serif;
	--alt-font: 'FraktionSans', sans-serif;
}
@media (max-width: 1600px) {
	:root {
		--container-padding: 40px;
	}
}
@media (max-width: 800px) {
	:root {
		--font-size: 14px;
		--container-padding: 20px;
		--header-height: 60px;
	}
}

html {
	line-height: 1.3;
}
body {
	color: var(--text-color);
	fill: var(--text-color);
	background-color: var(--off-white);
	overflow-y: scroll;
}
a:hover {
	color: var(--highlight) !important;
	fill: var(--highlight) !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.15;
}
.h-btn {
	stroke: var(--text-color);
    stroke-width: 1.5px;
}
.h-btn:hover {
	stroke: var(--highlight) !important;
}
::selection {
	color: var(--highlight);
	background: #ddd;
}
::-moz-selection {
	color: var(--highlight);
	background: #ddd;
}

/* .social-shares:not(.text) > ul > li,
.social-links:not(.text) > ul > li {
	width: 1.3rem;
}
.social-shares > ul > li:not(:first-child),
.social-links > ul > li:not(:first-child) {
	margin-left: 0.7rem;
} */

.btn,
button,
input, input[type=search],
textarea,
select {
	font-size: 0.687rem;
	line-height: normal;
	padding: 1.27em 2.9em;
	border-width: 1.5px;
	border-color: var(--rule);
}
.btn,
button,
input[type="submit"] {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #fff;
	background-color: var(--highlight);
	border-color: var(--highlight);
}
.btn.btn-transparent {
	background-color: transparent;
	color: var(--charcoal);
	border-color: var(--charcoal);
}
.btn-arrow svg {
	width: auto;
	height: 0.8em;
	line-height: 1;
	fill: #fff;
	margin: 0 0 -0.06em 0.5em;
	transition: transform 0.2s;
}
.btn:hover, .btn:focus-visible,
button:hover, button:focus-visible,
input[type="submit"]:hover, input[type="submit"]:focus-visible {
	color: #fff !important;
	background-color: var(--teal-dark);
	border-color: var(--teal-dark);
}
.btn-arrow:hover svg,
.btn-arrow:focus-visible svg {
	transform: translateX(0.25rem);
}
input::placeholder,
textarea::placeholder {
	color: rgba(90, 90, 92, 0.4) !important;
}
@media (max-width: 800px) {
	.btn,
	button,
	input, input[type=search],
	textarea,
	select {
		padding: 0.9em 1.5em;
	}
}

section {
	margin-bottom: 80px;
}
@media all and (max-width: 1200px) {
	section.large-margin {
		margin-bottom: 80px;
	}
}
@media all and (max-width: 800px) {
	section,
	section.large-margin {
		margin-bottom: 70px;
	}
}

.padding-top-80  {
	padding-top: 5rem;
}
.padding-bottom-80 {
	padding-bottom: 5rem;
}


.container {
	/*max-width: 1400px;*/
	max-width: 1340px;
}

div.tag {
	display: inline-block;
	background: var(--highlight);
	color: #fff;
	font-family: 'DM Mono', monospace;
	font-size: 0.625em;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
	padding: 0.8em 1em;
	margin-bottom: 1rem;
}
div.tag.blue-text {
	color: var(--highlight);
	background-color: rgba(54,176,201,0.15);
}

.block-title {
	margin-bottom: 80px;
	max-width: 560px;
	/* max-width: 480px; */
}
.block-title h5 {
	margin-bottom: 2em;
}
.block-title h2 {
	font-weight: bold;
	margin-bottom: 0.4em;
}
@media all and (max-width: 800px) {
	.block-title {
		margin-bottom: 45px;
	}
	.block-title h5 {
		margin-bottom: 0.85em;
	}
	.block-title h2 {
		margin-bottom: 0.5em;
	}
}

.background-blue {
	background-color: var(--light-blue);
}
.background-grey {
	background-color: var(--light-grey);
}
.background-charcoal {
	background-color: var(--charcoal);
}
.background-dark {
	background-color: var(--black);
}
.background-white {
	background-color: var(--white);
}

.white-text,
.white-text * {
	color: #fff;
}

.text-content {
	font-size: 1rem;
}
.text-content h1,
.text-content h2 {
	/* font-size: 2.375em; */
	font-size: clamp(28px, 3.5vw, 45px);
	letter-spacing: -0.02em;
	line-height: 1;
}
.text-content h3 {
	font-size: 1.38em;
	letter-spacing: -0.02em;
}
.text-content h4 {
	font-size: 1.13em;
	letter-spacing: -0.02em;
}
.text-content h5 {
	font-size: 0.625em;
	font-weight: normal;
	font-family: var(--main-font);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--highlight);
}
.text-content h6 {
	font-size: 1.75rem;
	letter-spacing: -0.03em;
	border-bottom: none;
	margin-bottom: 0.15em;
}
.text-content h6.highlight {
	color: var(--highlight);
}
.text-content hr {
    margin: 1.3em auto;
    background-color: var(--rule);
}
.text-content *.smaller-font {
	font-size: 0.8em;
}
.text-content.smaller-font {
	font-size: 0.8rem;
}
.text-content *.larger-font {
	font-size: 1.1em;
}
.text-content.larger-font {
	font-size: 1.1rem;
}
.text-content *.largest-font {
	font-size: 1.33em;
}
.text-content.largest-font {
	font-size: 1.33em;
}
.text-content.entry-content a:not(.btn, .button) {
	text-decoration: underline;
}
.text-content > svg {
	fill: var(--text-color-2);
}
.text-content p:has(.btn) {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
@media all and (max-width: 800px) {
	.text-content h1,
	.text-content h2 {
		font-size: 2.2em;
		line-height: 1;
	}
	.text-content h5 {
		font-size: 0.725em;
	}
	.text-content *.larger-font {
		font-size: 1.05em;
	}
	.text-content.larger-font {
		font-size: 1.05rem;
	}
	.text-content *.largest-font {
		font-size: 1.15em;
	}
	.text-content.largest-font {
		font-size: 1.15em;
	}
}

.post-list > ul {

}
.post-list > ul > li {

}

section .grid {
	margin-left: -65px;
}
section .grid > * {
	padding-left: 65px;
}
@media (max-width: 1200px) {
	section .grid {
		margin-left: -40px;
	}
	section .grid > * {
		padding-left: 40px;
	}
}
@media (max-width: 800px) {
	section .grid {
		margin-left: -20px;
	}
	section .grid > * {
		padding-left: 20px;
	}
}

.h-info-notice .text-content a {
	font-size: 0.687rem;
}