/*
https://fonts.google.com/share?selection.family=Lato:ital,wght@0,400;0,700;1,400;1,700%7CLora:ital,wght@0,400;0,700;1,400;1,700
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* Magnific Popup Fade in */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform:translateY(0); opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }


/* Spinner */
html.p7-spinner-active {position:relative;}
html.p7-spinner-active .p7-spinner {
	position:fixed; top:0; left:0; width:100%; height:100vh; z-index:100000;
	background:rgba(255,255,255,.85) url('../img/spinner.svg') no-repeat center;
	background-size:50px; background-attachment:fixed;
}


/* Basic Reset */
* {
	margin:0; padding:0; line-height:1; font-size:100%; border:0 none;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	min-height:0; min-width:0; font-weight:normal;
}
::-webkit-input-placeholder {color:inherit; opacity:0.85;}
:-ms-input-placeholder {color:inherit; opacity:0.85;}
::-ms-input-placeholder {color:inherit; opacity:0.85;}
::placeholder {color:inherit; opacity:0.85;}
a {color:inherit;}
strong {font-weight:bold;}
input, textarea, button {font-family:inherit;}
button {cursor:pointer; background:none; color:inherit;}
img {max-width:100%; height:auto;}



/* Custom Properties */
:root {

	/* body copy */
	--color-text : #333;

	/* brand color */
	--color-brand: #0D4568;

	--font-headline : 'Lora', serif;

}


/* Layout Utilities */
.inner {
	max-width:1200px; margin:0 auto; 
}
@media (max-width:1200px) {
	.inner {padding:0 10px;}
}


/* Default Typography */
html {background:var(--color-brand); color:#fff;}
body {
	font-family:'Lato', sans-serif; font-size:18px; color:var(--color-text); background:#fff;
	text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}


/* Header */
.main-header {text-align:center; padding:20px 20px 40px;}


/* Footer */
.main-footer {background:var(--color-brand); color:#fff; padding:100px 0; border-top:1px solid #fff;}
.main-footer a.logo {width:150px; margin:0 auto 20px; display:block;}
.main-footer .address {margin:0 0 50px; text-align:center;}
.main-footer .address p {}
.main-footer .disclaimer .eho-logo {float:left; margin:5px 5px 0 0;}
.main-footer .disclaimer p {line-height:1.4em; font-size:14px;}



/* Main Column */
main > div:first-child {margin-top:0;}
main > div:last-child {margin-bottom:0;}



/* Buttons */
.button {
	display:inline-block; text-decoration:none;
	padding:10px 20px; border-radius:20px;
	background:var(--color-brand); color:#fff; border:1px solid #fff;
	font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:.1em;
}
.swal-button, .swal-button:hover {background:var(--color-brand) !important;}


/* Form */
.p7-form h2 {font-family:var(--font-headline); font-size:28px; margin-bottom:20px;}
.p7-form .fields {display:flex; justify-content:space-between; margin:0 -10px 20px;}
.p7-form .fields .field {flex:0 0 calc(50% - 20px); margin:0 10px;}
.p7-form label:not(.checkbox-label) {display:block; margin:0 0 2px; font-size:14px;}
.p7-form input:not([type=checkbox]) {width:100%; display:block; padding:5px; font-size:16px; background:#fff; border:1px solid var(--color-brand); color:var(--color-text);}
.p7-form label.error {color:yellow;}
.p7-form label.checkbox-label {display:block; margin-bottom:20px; font-size:14px;}
.p7-form .disclaimer {margin:20px 0 0;}
.p7-form .disclaimer p {font-size:11px; line-height:1.2em;}
@media (max-width:700px) {
	.p7-form .fields {display:block; margin:0;}	
	.p7-form .fields .field {margin:0 0 20px;}
}



/* Popup Form */
.mfp-content #form {background:var(--color-brand); color:#fff; padding:50px; margin:auto; max-width:500px; position:relative;}
.mfp-content #form .mfp-close {color:#fff;}



/* WYSIWYG */
.wysiwyg {overflow:hidden;}
.wysiwyg > * {margin:1em 0 0; line-height:1.2em;}
.wysiwyg > *:first-child {margin-top:0;}
.wysiwyg > p, .wysiwyg li {font-size:18px; line-height:1.4em;}
.wysiwyg h1 {font-size:48px; color:var(--color-brand); font-family:var(--font-headline);} 
.wysiwyg h2 {font-size:32px; color:var(--color-brand); font-family:var(--font-headline);}
.wysiwyg h3 {font-size:24px; color:var(--color-brand); font-family:var(--font-headline);}
.wysiwyg blockquote p {font-size:24px; color:var(--color-brand); font-family:var(--font-headline);}
.wysiwyg ul {padding-left:20px; list-style:disc outside;}
.wysiwyg ol {padding-left:20px;}
.wysiwyg iframe {width:100%;}
.wysiwyg iframe[src*="youtube"] {aspect-ratio:16/9;}
.wysiwyg iframe[src*="vimeo"] {aspect-ratio:16/9;}
.wysiwyg .alignleft {float:left; margin:15px;}
.wysiwyg .alignright {float:right; margin:15px;}
.wysiwyg .aligncenter {margin:0 auto; display:block;}