/*
400 regular
600 semibold
700 bold
900 black
*/

:root {
	--marine: #155d67;
	--concrete: #f2f2f2;
	--link: #3c61ff;
	--nav: #414042;
	--nav-highlight: #155d67;
}
html {-webkit-text-size-adjust: 100%;font-size:16px;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin:0;padding:0;}
html, body {max-width: 100%;overflow-x: hidden;font-family: 'Source Sans Pro', sans-serif;font-weight:400;}
:focus {outline: none;}
input::placeholder, textarea::placeholder {font-family: sans-serif;}

h2 {font-size:2.25rem;font-weight:700;line-height:1em;margin-bottom:0.45em;}
h3 {font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:400;line-height:1em;margin-bottom:2em;}

@media screen and (max-width: 64em) {
	h2 {font-size: 2rem;}
}

section.template-text-section h2, section.template-contact-form-section h2 {color:var(--marine);}

section.template-background-video-section .overlay {background-color:transparent;opacity:1;display:block;}
section.template-background-video-section h2 {margin-bottom:0;line-height:1em;}
section.template-background-video-section.use-overlay .overlay {background-color:rgba(0, 0, 0, 0.3);}
section.template-background-video-section .overlay::after {content:'';display:block;opacity:0.45;background:url("/img/icon/salpare-compass-icon.svg") no-repeat center center;position: absolute;top:0;left:0;bottom:0;right:0;}


section.template-accordion-section summary {font-size:1.125rem;font-weight:700;}
section.template-accordion-section summary:before {content: "";background:url("/img/accordion-marine-off.png") no-repeat 0 0;width:20px;height:20px;}
section.template-accordion-section details[open] summary:before {content: "";background:url("/img/accordion-marine-on.png") no-repeat 0 0;width:20px;height:20px;}

section.template-background-video-section.height-large .grid {height:calc(100vh - 61px - 216px)}

section.template-stacked-text-image-section .testimonial {display:block;font-size:1.25rem;line-height:1.2em;padding:0.5em 1em;margin:0.5em 0;display:grid;font-weight:600;}
section.template-stacked-text-image-section .top-text .testimonial, section.template-stacked-text-image-section .bottom-text .testimonial {border-left:8px solid var(--marine);}
section.template-stacked-text-image-section .citation {display:block;text-transform:uppercase;font-size:1.125rem;font-weight:400;letter-spacing:0.05em;text-align:right;}

section.template-background-video-section h2 {font-size:5.625rem;}

section.template-text-grid-section .grid {justify-content: space-around;}
section.template-text-grid-section .grid .box-of-copy h2 {font-size:1.3125rem;font-weight:700;margin-bottom:0;color:var(--marine);text-align:center;}
section.template-text-grid-section .grid .item h2 {font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 400;line-height: 1em;}
section.template-text-grid-section .grid .item .copy {font-size:1.125rem;}

section.template-image-grid-section .grid {justify-content: space-around;}
section.template-image-grid-section .grid .box-of-copy h2 {font-size:1.3125rem;font-weight:700;margin-bottom:0;color:var(--marine);text-align:center;}
section.template-image-grid-section .grid .item h2 {font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 400;line-height: 1em;}
section.template-image-grid-section .grid .item h3 {font-size:1.125rem;text-transform: none;}
section.template-image-grid-section .grid .item img {width:auto;display:block;margin:0 auto;}

section.template-contact-form-section.narrow-width {max-width: 40rem;}
section.template-contact-form-section input.button {background-color:var(--marine);color:#fff;border:none;padding:1em 1.5em;}
section.template-contact-form-section input.button:hover {background-color:var(--marine);color:#fff;border:none;}

section.template-interactive-map-section summary {font-size:1.125rem;font-weight:600;}
section.template-interactive-map-section .location a {text-decoration:none;color:var(--marine);}

#section-100 h2 {color:#000;}

@media screen and (max-width: 40em) {
	section.template-background-video-section h2 {font-size:4rem;}
}