/*
Theme Name: Certell
Theme URI: http://www.steerpoint.com/
Author: SteerPoint
Author URI: http://www.steerpoint.com/
Description: Custom Theme for the Certell Website
Version: 1.0
Text Domain: certell
*/

/* Custom Properties */
:root {
	--spm-color-orange: #ff882f;
	--spm-color-seafoam-green: #9dc3a4;
	--spm-color-teal: #2a748c;
	--spm-color-grey: #484848;
	--spm-color-background-grey: #f0f2f4;
	--spm-color-background-grey-2: #e7e9ed;
	
	--spm-font-family-body: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	--spm-font-family-heading: Oswald, Helvetica, Arial, sans-serif;
}

/* Overall formatting */
body {overflow-x: hidden;min-width: 320px;margin: 0;padding: 140px 0 0;color: var(--spm-color-grey);font: 18px/1.5 var(--spm-font-family-body);background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.17em;font-weight: bold;} h4 {font-size: 1em;} h5 {font-size: 1.3em; } h6 {font-size: 0.67em;}
h1, h2, h3 {margin: 0 0 0.7em;}
h4, h5, h6 {margin: 0 0 0.8em;}
p {margin: 0 0 1em;}
a, a:visited {color: var(--spm-color-teal);text-decoration: none;transition: color 0.2s;}
a:hover {color: var(--spm-color-orange);}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 10px;padding: 0 0 0 30px;list-style: square;}
table {margin: 0 0 1em;}
hr {color: var(--spm-color-grey);}
th, td {vertical-align: top;}
th {color: var(--spm-color-teal);vertical-align: middle;}
label {font-weight: bold;}
input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],
textarea,
select {padding: 15px;color: #222;font: 20px var(--spm-font-family-body);background-color: #fff;border: 1px solid var(--spm-color-grey);box-sizing: border-box;appearance: none;-webkit-appearance: none;}
textarea {overflow: auto;}
select {margin: 0 5px 5px 0;vertical-align: middle;appearance: menulist;-webkit-appearance: menulist;}
input[type="submit"] {cursor: pointer;padding: 0.6em 1.6em;color: #fff;text-transform: uppercase;font: bold 18px/21px var(--spm-font-family-body);background-color: var(--spm-color-teal);border: 5px solid transparent;border-radius: 15px;box-shadow: 0 0 0 2px transparent;appearance: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;}
input[type="submit"]:hover {border-color: var(--spm-color-seafoam-green);box-shadow: 0 0 0 3px #fff;}

/* Common Styles */
.clearfix:after {display: block;clear: both;content: '';}

.hidden {display: none;}

.columns {display: flex;flex-wrap: wrap;margin-right: -20px;}
.columns.rtl {flex-direction: row-reverse;}
.columns > .column {margin: 0 20px 20px 0;}
.columns.columns-2 > .column {width: calc(50% - 20px);}
.columns.columns-2 > .column.column-double {width: 100%;}
.columns.columns-3 > .column {width: calc(33.333% - 20px);}
.columns.columns-3 > .column.column-double {width: calc(66.667% - 20px);}
.columns.columns-4 > .column {width: calc(25% - 20px);}
.columns.columns-4 > .column.column-double {width: calc(50% - 20px);}
.columns.columns-5 > .column {width: calc(20% - 20px);}
.columns.columns-6 > .column {width: calc(16.667% - 20px);}
.columns.columns-7 > .column {width: calc(14.28% - 20px);}

.full_coverage_link {position: absolute;overflow: hidden;left: 0;right: 0;top: 0;bottom: 0;text-decoration: none;text-indent: -999em;}
.full_coverage_link:hover {text-decoration: none;}

.video_container {position: relative;padding-top: 56.25%;margin: 0 0 10px;}
.video_container iframe,
.video_container video,
.video_container lite-vimeo,
.video_container lite-youtube {position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;max-width: none;}

/* - buttons (.button was already taken by WooCommerce) - */
.spm_button,
.spm_button:visited {display: inline-block;padding: 0.5em 1.6em;color: #fff !important;text-transform: uppercase;text-decoration: none;font-weight: bold;font-size: 21px;line-height: 1em;border: 5px solid transparent;box-shadow: 0 0 0 2px transparent;background-color: var(--spm-color-teal);border-radius: 15px;transition: color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;}
.spm_button:hover {text-decoration: none;border-color: var(--spm-color-seafoam-green);box-shadow: 0 0 0 2px #fff;}

/* - general purpose content wrapper - */
.wrap {max-width: 1110px;margin: 0 auto;padding: 0 20px;}

/* Responsive Menu */
#responsive_menu {display: none;opacity: 0;position: fixed;z-index: 9999;align-items: center;justify-content: center;width: 100%;height: 100%;min-width: 320px;min-height: 320px;color: var(--spm-color-grey);text-align: center;font-size: 22px;background-color: rgba(32,32,32,0.9);transform: translateY(20px);-webkit-transform: translateY(20px);transition: opacity 0.5s, transform 0.5s;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;}
#responsive_menu.fade_in {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
#responsive_menu.show {display: flex;}

#responsive_menu a {color: #fff;text-decoration: none;}

#responsive_menu #responsive_menu-close {position: absolute;right: 20px;top: 20px;font-size: 32px;}

#responsive_menu .menu {display: inline-block;}
#responsive_menu .menu a {display: block;text-decoration: none;}
#responsive_menu .menu a:hover {color: var(--spm-color-grey);}
#responsive_menu .menu {margin: 0;padding: 0;list-style: none;}
#responsive_menu .menu > li {margin: 0;}
#responsive_menu .menu > li > a {padding: 5px 20px;}

#responsive_menu .sub-menu {display: none;margin: 0 0 10px;padding: 0;list-style: none;font-weight: normal;font-size: 20px;line-height: 1em;}
#responsive_menu .sub-menu > li {padding: 0;border-bottom: none;}
#responsive_menu .sub-menu .sub-menu {display: block;margin: 10px 0 20px;font-size: 14px;}
#responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;}

/* Header */
.header_container {position: fixed;z-index: 999;left: 0;right: 0;top: 0;box-shadow: 4px 4px 12px rgba(0,0,0,0.25);}

#header {color: #fff;background-color: var(--spm-color-teal);}
#header .wrap {position: relative;width: auto;height: 140px;}

#header a {color: inherit;}

#header .spm_button {background-color: var(--spm-color-orange);}

#header .logo {position: absolute;z-index: 999;display: block;overflow: hidden;left: 20px;top: 40px;width: 200px;height: 54px;margin: 0;text-indent: -999em;background: url(images/header-logo.webp) 0 / 200px 54px;image-rendering: -webkit-optimize-contrast;}
#header .logo a {display: block;height: 100%;}

#header #responsive_menu_button {display: none;align-items: center;gap: 0.4em;position: absolute;left: 20px;top: 10px;text-transform: uppercase;font-weight: 600;font-size: 24px;}

#header .donate {position: absolute;z-index: 1;right: 20px;top: 40px;font-size: 24px;}

#header .nav_container {position: absolute;left: 0;right: 0;bottom: 40px;}

#header .menu {height: 40px;margin: 0;padding: 0;list-style: none;text-align: center;font-size: 0;line-height: 0;}
#header .menu > li {position: relative;display: inline-block;font-size: 18px;line-height: 40px;}
#header .menu > li > a {position: relative;display: block;height: 40px;padding: 0 35px;text-decoration: none;transition: color 0.3s;}
#header .menu > li:hover > a {font-weight: bold;letter-spacing: -0.03em;}

#header .sub-menu {position: absolute;z-index: 998;opacity: 0;overflow: hidden;width: 280px;max-width: 0;max-height: 0;margin: 2px 0 0;padding: 0;text-align: left;list-style: none;font-size: 14px;line-height: 1.1em;background-color: #3d869e;transform: translateY(15px);transition: transform 0.2s linear, opacity 0.2s linear, max-height 0.2s step-end, max-width 0.2s step-end, padding 0.2s step-end;}
#header .menu > li:hover > .sub-menu {opacity: 1;max-width: 999em;max-height: 999em;padding: 5px 0 3px;transform: translateY(0);transition: transform 0.2s linear, opacity 0.2s linear, max-height step-end, max-width step-end, padding step-end;}
#header .menu > li.last > .sub-menu {right: 0;}
#header .sub-menu > li {margin: 0;}
#header .sub-menu > li > a {display: block;padding: 7px 16px 9px;text-decoration: none;color: #fff;transition: none;}
#header .sub-menu > li > a:hover {background-color: rgba(255,255,255,0.15);}

/* Banner (Home) */
#banner {position: relative;overflow: hidden;align-items: center;min-height: 320px;color: #fff;text-align: center;font-size: 28px;background-color: #000;}

#banner .video_container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 0;padding-top: 0;}
#banner .video_container video {object-fit: cover;}

#banner .wrap {position: relative;display: flex;align-items: center;min-height: 400px;max-width: 800px;padding: 120px 20px 100px;}
#banner .wrap > .layer_2 {flex-grow: 1;}

/* #banner .background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} */

/* #banner .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0,0,0,0.3);} */

#banner .title {margin: 0 0 1em;text-transform: uppercase;font-size: 46px;line-height: 1.2em;text-shadow: 4px 4px 12px rgba(0,0,0,0.3);}

#banner .spm_button {padding: 0.6em 1.2em;font-size: 26px;}

/* Banner (Inside Page) */
#banner_inside_page {position: relative;color: #fff;text-align: center;font-size: 24px;line-height: 1.3em;background-position: center top;background-size: cover;background-color: var(--spm-color-grey);}

#banner_inside_page .banner_image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

#banner_inside_page .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.3);}

#banner_inside_page .wrap {display: flex;align-items: center;position: relative;min-height: 280px;padding: 80px 20px 40px;}
#banner_inside_page .wrap > .layer_2 {flex-grow: 1;}

#banner_inside_page .pre_title {margin: 0 0 0.8em;text-transform: uppercase;font-size: 24px;line-height: 1.1em;letter-spacing: 0.1em;}

#banner_inside_page .page_title {text-transform: uppercase;font-size: 48px;line-height: 1.1em;text-shadow: 4px 4px 12px rgba(0,0,0,0.3);}

/* Main */
#main .wrap {padding: 60px 20px 20px;}

.contact_form{position:fixed;z-index:999;right:0;top:200px;width: 350px;padding: 45px 20px 0;color:#777;line-height:1.2em;background-color: #f0f2f4;transform: translateX(390px);-webkit-transform: translateX(390px);transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s}
.contact_form.extended{box-shadow:0 4px 5px rgba(0,0,0,.5);transform:translateX(0);-webkit-transform:translateX(0);max-width:72%;z-index:9999}

.contact_form #contact_form-tab{position:absolute;left: -48px;top: 230px;height: 49px;border-top-left-radius: .6em;border-top-right-radius: .6em;margin:0;padding: 0 35px;text-transform: uppercase;color:#fff;text-decoration:none;font-size:20px;font-weight: 600;line-height:45px;background: #9bc2a5 no-repeat right top/26px 90px;transform:rotate(90deg);-webkit-transform: rotate(270deg);transform-origin:top left;-webkit-transform-origin:top left;}
/* .contact_form.extended #contact_form-tab{ background-position:right bottom;} */

.contact_form .close{display:none}

.contact_form p{margin:0 0 .7em}

.contact_form h3{margin:0 0 .5em;color:#000;text-transform:uppercase;letter-spacing:-.02em;font-weight:700;font-size:24px;line-height:1em}
.contact_form h3 span{color:#000}

.contact_form li.gfield{float:left;width:100%;margin:0 0 1em!important}
.contact_form li.gfield.half_width{clear:none;width:50%}
.contact_form li.gfield .ginput_container label{margin:4px 0 0 2px!important}

.contact_form label{display:inline-block;margin:0 0 .2em;color:#444;font-weight:400;font-size:14px}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea,.contact_form select{width:95%;font-size:14px;/* border:none; */box-shadow:none;padding: 15px !important;}
.contact_form select{width:100%;margin:0}
.contact_form textarea{height:120px}
.contact_form input[type="submit"]{/* height:36px; */padding: 5px 20px;font-size:15px!important;/* line-height: 30px; */background-color: var(--spm-color-seafoam-green);border-radius: .6em;}

.contact_form span#form_phone a{color:#a51f26;font-size:20px}#upper{color:#fff;line-height:40px;background-color:#a51f26;border-top:4px solid #fff;border-bottom:.5px solid #fff;padding-right:30px}

/* Content */
#content {float: left;width: 73%;margin: 0 0 40px;line-height: 1.6em;}
#content.full_width {float: none;width: auto;}

#content .page_title {margin: 0 0 1.1em;text-align: center;text-transform: uppercase;font: 600 38px/1.2em var(--spm-font-family-heading);}

#content .post {margin: 0 0 50px;}

#content .title {position: relative;margin: 0 0 0.5em;padding: 0 0 0.2em;text-transform: uppercase;font: 600 32px/1.1em var(--spm-font-family-heading);}
#content .title a {color: inherit;}

#content .postmetadata {color: #888;}

/* - blog - */
/* .blog_posts_carousel .owl-stage-outer {margin: 0 -20px;padding: 20px;}

.blog_posts_carousel .owl-stage {display: flex;}

.blog_posts_carousel .post {height: 100%;margin: 0 !important;text-align: center;line-height: 1.4;}
.blog_posts_carousel .post > .layer_2 {display: grid;overflow: hidden;height: 100%;border-radius: 20px;box-shadow: 4px 4px 16px rgba(0,0,0,0.1);}

.blog_posts_carousel .post > .layer_2 .image {object-fit: contain;}

.blog_posts_carousel .post .title {margin: 0 0 0.8em;text-transform: uppercase;font: 600 24px/1.15em var(--spm-font-family-heading) !important;}
.blog_posts_carousel .post .title a {color: inherit;}

.blog_posts_carousel .post .text_container {display: flex;flex-direction: column;align-items: center;padding: 20px;background-color: #fff;}
.blog_posts_carousel .post .text_container .spm_button {margin-top: auto;} */

.columns.blog_posts_columns {margin-right: -40px;}
.columns.blog_posts_columns > .column {margin: 0 40px 60px 0;}
.columns.columns-2.blog_posts_columns > .column {width: calc(50% - 40px);}

.blog_posts_columns .post {height: 100%;margin: 0 !important;line-height: 1.4;}
.blog_posts_columns .post > .layer_2 {display: grid;overflow: hidden;height: 100%;}

.blog_posts_columns .post > .layer_2 .image {object-fit: contain;}

.blog_posts_columns .post .title {margin: 0 0 0.8em;text-transform: uppercase;font: 600 24px/1.15em var(--spm-font-family-heading) !important;}
.blog_posts_columns .post .title a {color: inherit;}

.blog_posts_columns .post .text_container {display: flex;flex-direction: column;align-items: flex-start;}
.blog_posts_columns .post .text_container .spm_button {margin-top: auto;}

.secondary_blog_posts.alternate {background-color: var(--spm-color-background-grey-2);}
.secondary_blog_posts .wrap {padding: 60px 20px;}

.secondary_blog_posts .section_title {margin: 0 0 1.1em;text-align: center;text-transform: uppercase;font: 600 38px/1.2em var(--spm-font-family-heading);}

/* Sidebar */
#sidebar {float: right;width: 22%;}

#sidebar .widget {margin: 0 0 40px;}

#sidebar .widget .widgettitle {margin: 0 0 0.5em;padding: 0 0 0.5em;font: bold 24px/1.1em var(--spm-font-family-body);}

/* Layout Blocks */
.layout_block.grey_background {background-color: var(--spm-color-light-grey);}

.layout_block.narrow .wrap {max-width: 700px;}

.layout_block.more_padding {padding: 60px 0 90px !important;}
.layout_block.more_padding_top {padding-top: 60px !important;}
.layout_block.more_padding_bottom {padding-bottom: 90px !important;}

.layout_block.less_padding .wrap {padding-top: 40px !important;padding-bottom: 25px !important;}
.layout_block.less_padding_top .wrap {padding-top: 40px !important;}
.layout_block.less_padding_bottom .wrap {padding-bottom: 25px !important;}

.layout_block .section_title {margin: 0 0 0.8em;text-align: center;text-transform: uppercase;font: 600 40px/1.2em var(--spm-font-family-heading);}
.layout_block.orange_title .section_title {color: var(--spm-color-orange);}

.layout_block .secondary_title {margin: -0.5em 0 1em;text-align: center;font-size: 24px;line-height: 1.2em;}

/* - content editor - */
.layout_block.content_editor .wrap {padding: 80px 20px 65px;}

.layout_block.content_editor .content_editor_list {padding: 0;list-style: none;}
.layout_block.content_editor .content_editor_list li {margin: 0 0 0.5em;}

/* - content w/image - */
.layout_block.content_editor.content_with_image {position: relative;}

.layout_block.content_editor.content_with_image .wrap {position: relative;}

.layout_block.content_editor.content_with_image .columns.content_with_image_columns {align-items: center;margin-right: -60px;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns.right {flex-direction: row-reverse;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column {margin-right: 60px;width: calc(50% - 60px);}

.layout_block.content_editor.content_with_image .columns.content_with_image_columns .image {display: block;margin: 0 auto;}
.layout_block.content_editor.content_with_image.images_have_drop_shadows .columns.content_with_image_columns .image {box-shadow: 3px 3px 12px rgba(0,0,0,0.08);}

.layout_block.content_editor.content_with_image .columns.content_with_image_columns .pre_title {margin: 0 0 0.5em;font-size: 24px;line-height: 1em;letter-spacing: 0.1em;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns .section_title {color: var(--spm-color-teal);font-size: 36px;}
.layout_block.content_editor.content_with_image.uppercase_titles .columns.content_with_image_columns .section_title {margin: 0 0 0.5em;text-transform: uppercase;}

.layout_block.content_editor .columns.content_with_image_columns ul {font-size: 20px;margin: 0 0 2em;padding: 0 0 0 1em;}

/* .layout_block.content_editor.content_with_image.style_2 {color: #fff;font-size: 18px;background-color: var(--spm-color-grey);}
.layout_block.content_editor.content_with_image.style_2 .background_decorations {display: block;}
.layout_block.content_editor.content_with_image.style_2 .columns.content_with_image_columns .section_title {color: #fff;text-transform: uppercase;font-size: 36px;} */

/* - content w/image (repeater) - */
.layout_block.content_editor.content_with_image_repeater {line-height: 1.3em;}

.layout_block.content_editor.content_with_image_repeater .title_container {color: #fff;text-align: center;background-color: var(--spm-color-teal);}
.layout_block.content_editor.content_with_image_repeater .title_container .wrap {padding: 20px 20px 5px;}
.layout_block.content_editor.content_with_image_repeater .title_container .section_title {margin: 0 0 0.4em;}

.layout_block.content_editor.content_with_image_repeater .item {background-color: var(--spm-color-background-grey);}
.layout_block.content_editor.content_with_image_repeater .item:nth-child(2n) {background-color: var(--spm-color-background-grey-2);}
.layout_block.content_editor.content_with_image_repeater .item .wrap {padding: 50px 20px 35px;}

.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns {align-items: center;margin-right: -60px;}
.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns.right {flex-direction: row-reverse;}
.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns > .column {margin-right: 60px;width: calc(50% - 60px);}

/* .layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns .image {display: block;margin: 0 auto;}
.layout_block.content_editor.content_with_image_repeater.images_have_drop_shadows .columns.content_with_image_columns .image {box-shadow: 3px 3px 12px rgba(0,0,0,0.08);} */

.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns .title {color: #000;text-transform: uppercase;font: 600 18px/1.45em var(--spm-font-family-heading);}

/* - multi-column - */
.layout_block.multi_column {text-align: center;}
.layout_block.multi_column .wrap {padding: 80px 20px 40px;}

.layout_block.multi_column .section_title {margin: 0 0 1.5em;text-align: center;}
.layout_block.multi_column.italicized_title .section_title {font-style: italic;}

.layout_block.multi_column .intro_text {margin: 0 0 60px;font-size: 24px;line-height: 1.6em;}

.layout_block.multi_column .columns {margin-right: -60px;}
.layout_block.multi_column .columns > .column {margin-right: 60px;}
.layout_block.multi_column .columns.columns-2 > .column {width: calc(50% - 60px);}
.layout_block.multi_column .columns.columns-3 > .column {width: calc(33.333% - 60px);}
.layout_block.multi_column .columns.columns-4 > .column {width: calc(25% - 60px);}
.layout_block.multi_column .columns > .column > .layer_2 {max-width: 240px;margin: 0 auto;}
.layout_block.multi_column.staff .columns > .column > .layer_2{max-width: 280px;margin: 0 auto;}

.layout_block.multi_column .columns .image {width: 100%;object-fit: contain;}
/* .layout_block.multi_column .columns .title {display: flex;align-items: center;gap: 20px;margin: 0 0 0.8em;color: var(--spm-color-teal);font-weight: bold;font-size: 20px;line-height: 1.1em;} */

.layout_block.multi_column .button_row {margin: 1.5em 0;text-align: center;}

/* additional staff */
.layout_block.multi_column.additional_staff {text-align: left;font-family: var(--spm-font-family-heading);}

/* - multi-column (alternate) - */
.layout_block.multi_column_alternate {text-align: center;}
.layout_block.multi_column_alternate .wrap {padding: 150px 20px;}

.layout_block.multi_column_alternate .section_title {margin: 0 0 1.5em;text-align: center;}
.layout_block.multi_column_alternate.italicized_title .section_title {font-style: italic;}

.layout_block.multi_column_alternate .intro_text {margin: 0 0 60px;font-size: 24px;line-height: 1.6em;}

.layout_block.multi_column_alternate .column {display: grid;grid-template-rows: 1fr 12fr;}
.layout_block.multi_column_alternate .columns .title {margin: 0 0 0.5em;text-transform: uppercase;font: 600 24px/1.15em var(--spm-font-family-heading);}
.layout_block.multi_column_alternate .column > .layer_2 {display: grid;overflow: hidden;height: 100%;border-radius: 20px;box-shadow: 4px 4px 16px rgba(0,0,0,0.1);}
.layout_block.multi_column_alternate .columns .image {width: 100%;object-fit: contain;}
.layout_block.multi_column_alternate .columns .text_container {padding: 20px;background-color: #fff;}

/* - staff - */
.layout_block.staff {font-size: 17px;}
.layout_block.staff .wrap {padding: 0 20px 80px;}

.layout_block.staff .section_title {margin: 0 0 2em;}

.layout_block.staff .columns {justify-content: center;}
.layout_block.staff .columns.columns-2 {margin-right: -60px;}
.layout_block.staff .columns.columns-2 > .column {width: calc(50% - 60px);margin-right: 60px;margin-bottom: 80px;}
.layout_block.staff .columns.columns-3 > .column {width: calc(33.333% - 20px);}
.layout_block.staff .columns.columns-4 > .column {width: calc(25% - 20px);}
.layout_block.staff .columns.columns-5 > .column {width: calc(20% - 20px);}

.layout_block.staff .columns .line_break {flex-basis: 100%;}

.layout_block.staff .columns .image_container {position: relative;margin: 0 0 20px;padding-bottom: 43.81%;background-color: var(--spm-color-background-grey-2);}
.layout_block.staff .columns .image_container img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.layout_block.staff .columns .title {margin: 0 0 0.5em;text-transform: uppercase;font: 600 38px/1.15em var(--spm-font-family-heading);}
.layout_block.staff .columns .title.name {margin: 0;}
.layout_block.staff .columns .title.role {font-weight: normal;font-size: 26px;}

.layout_block.staff.style_2 .columns .image_container {padding-bottom: 100%;}
.layout_block.staff.style_2 .columns .title {font-size: 18px;}
.layout_block.staff.style_2 .columns .title.role {text-transform: none;}

/* - interstitial section - */
.layout_block.interstitial_section {text-align: center;color: #fff;background-color: var(--spm-color-orange);}
.layout_block.interstitial_section .wrap {padding: 40px 20px 20px;}

.layout_block.interstitial_section .section_title {font-size: 38px;}

/* - calls to action - */
.layout_block.calls_to_action {text-align: center;background-color: var(--spm-color-background-grey);}
.layout_block.calls_to_action .wrap {max-width: 1600px;padding: 0;}

.layout_block.calls_to_action .columns {margin: 0;}
.layout_block.calls_to_action .columns > .column {margin: 0;padding: 50px 20px 35px;background-color: var(--spm-color-background-grey);box-sizing: border-box;}
.layout_block.calls_to_action .columns > .column:nth-child(2n) {background-color: var(--spm-color-background-grey-2);}
.layout_block.calls_to_action .columns-2 > .column {width: 50%;}
.layout_block.calls_to_action .columns-3 > .column {width: 33.333%;}
.layout_block.calls_to_action .columns-4 > .column {width: 25%;}
.layout_block.calls_to_action .columns-5 > .column {width: 20%;}
.layout_block.calls_to_action .columns-6 > .column {width: 16.667%;}

.layout_block.calls_to_action .image {display: block;max-width: 60px;margin: 0 auto;}

/* - fader - */
.layout_block.fader {color: #fff;text-align: center;text-transform: uppercase;font: 600 30px/1.1 var(--spm-font-family-heading);background-color: var(--spm-color-grey);}
.layout_block.fader .wrap {padding: 20px 20px 1px;}

.layout_block.fader p {margin: 0 0 0.8em;}

.layout_block.fader .section_title {margin: 0 0 0.3em;font: bold 18px var(--spm-font-family-body);letter-spacing: 0.1em;}

.layout_block.fader .slide {width: 100%;}

/* Donate */
#donate {text-align: center;color: #fff;font-size: 20px;line-height: 1.3;background-color: var(--spm-color-orange);}
#donate .wrap {max-width: 640px;padding: 40px 20px 20px;}

#donate .section_title {margin: 0 0 0.3em;text-transform: uppercase;font: 600 38px/1.2em var(--spm-font-family-heading);}

/* Newsletter */
#newsletter {text-align: center;color: #fff;background-color: var(--spm-color-teal);}
#newsletter .wrap {display: flex;justify-content: center;gap: 30px;padding: 30px 20px;}

#newsletter .section_title {margin: 0;text-transform: uppercase;font: bold 36px/1em var(--spm-font-family-heading);}

#newsletter .gform_wrapper form {display: flex;align-items: flex-start;justify-content: center;gap: 15px;}
#newsletter .gform_fields {display: flex;gap: 15px;}
#newsletter .gform_footer {margin: 0;padding: 0;}

#newsletter input::placeholder,
#newsletter textarea::placeholder,
#newsletter select::placeholder {opacity: 1;font-style: italic;color: var(--spm-color-grey);}
#newsletter input::-moz-placeholder,
#newsletter textarea::-moz-placeholder,
#newsletter select::-moz-placeholder {opacity: 1;font-style: italic;color: var(--spm-color-grey);}
#newsletter input::-webkit-placeholder,
#newsletter textarea::-webkit-placeholder,
#newsletter select::-webkit-placeholder {opacity: 1;font-style: italic;color: var(--spm-color-grey);}
#newsletter input::-ms-input-placeholder,
#newsletter textarea::-ms-input-placeholder
#newsletter select::-ms-input-placeholder {opacity: 1;font-style: italic;color: var(--spm-color-grey);}

#newsletter input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {padding: 10px;font-size: 16px;border: none;}
#newsletter input[type="submit"] {margin: 0 auto;padding: 0.4em 1.6em;font-size: 16px;background-color: var(--spm-color-seafoam-green);border-width: 3px;border-radius: 10px;}
#newsletter input[type="submit"]:hover {border-color: var(--spm-color-teal);}

/* Footer */
#footer {line-height: 1.6em;background-color: var(--spm-color-background-grey-2);}
#footer .wrap {padding: 80px 20px 35px;}

#footer a {color: inherit;}
#footer a:hover {text-decoration: underline;}

#footer .columns.columns-3 > .column.column-1 {width: calc(40% - 30px);}
#footer .columns.columns-3 > .column.column-2,
#footer .columns.columns-3 > .column.column-3 {width: calc(31% - 30px);}

#footer .address {font-size: 20px;}

#footer .menu {padding: 0;list-style: none;line-height: 1.2em;}
#footer .menu li {margin: 0 0 0.8em;padding: 0;}

#footer .social_media {display: flex;column-gap: 17px;align-items: center;margin: 0 0 1em;padding: 0;list-style: none;font-weight: bold;}
#footer .social_media li {margin: 0;}
#footer .social_media li i {font-size: 2em;}
#footer .social_media li a {text-decoration: none;}

/* Sub-Footer */
#sub_footer {color: #fff;text-align: center;font-size: 15px;background-color: var(--spm-color-grey);}
#sub_footer .wrap {padding: 10px 20px 5px;}

#sub_footer p {margin: 0 0 0.5em;}

/* Footer (Mobile) */
#mobile_footer {display: none;position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;min-width: 320px;color: #fff;text-align: center;font-size: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

#mobile_footer a {color: #fff;text-decoration: none;}

#mobile_footer ul {overflow: hidden;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li a {display: block;padding: 8px 0;transition: color 0.2s;background-color: var(--spm-color-teal);}
#mobile_footer ul li a:hover {color: #fff;}
#mobile_footer ul li i {margin: 0 0.2em 0 0;}

img#wpstats {
	display: none;
}
/* WordPress */

/* - editor formatting - */
.alignleft {float: left;}
.alignright {float: right;text-align: right;}
.aligncenter {margin-left: auto;margin-right: auto;text-align: center;}
.hidden {display: none;}
.cleared {clear: both;}
img.alignleft {display: inline;margin: 0 1.5em 0.8em 0;max-width: 39%;}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 0.8em 2.5em;max-width: 39%;}

.wp-caption.alignleft {margin: 0 1.5em 3em 0;}
.wp-caption.aligncenter {margin: 0 auto;}
.wp-caption.alignright {margin: 0 0 3em 2.5em;text-align: left;}

/* - galleries - */
.gallery {margin: 0 -5% 0 0;}
.gallery:after {display: block;clear: both;content: '';}

.gallery-item {float: left;margin: 0 5% 5% 0;}
.gallery-columns-1 .gallery-item {width: 95%;}
.gallery-columns-2 .gallery-item {width: 45%;}
.gallery-columns-3 .gallery-item {width: 28.333%;}
.gallery-columns-4 .gallery-item {width: 20%;}

.gallery-item img {display: block;width: 100%;box-shadow: 0 2px 18px -7px #fff;}

.gallery-item .wp-caption-text {display: none;}

/* - page and comment navigation - */
.navigation {overflow: hidden;margin: 0 0 20px;}
.comment-navigation {overflow: hidden;}
.navigation ul,
.comment-navigation ul {float: right;margin: 0 0 5px;list-style: none;}
.navigation li,
.comment-navigation li {float: left;margin: 0 0 5px 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;padding: 0 0.7em;color: #fff;text-decoration: none;line-height: 2em;}
.navigation span,
.comment-navigation span {color: #fff;}

/* - accessbility - */
.screen-reader-text {border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;word-wrap: normal !important;}

/* jQuery Modal */
.blocker {z-index: 999;}

.modal {max-width: none;margin: 0 0 20px;background-color: #f0f0f0;}

/* WOW.js */
.wow {visibility: hidden;}

/* animate.css styles for use with WOW.js (trimmed and customized) */
.animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes fadeIn {
	from {opacity: 0;}
}
@keyframes fadeIn {
	from {opacity: 0;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translateY(100%);}
}
@keyframes fadeInUp {
	from {opacity: 0;transform: translateY(100%);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translateY(100%);}
}
@keyframes fadeInUp {
	from {opacity: 0;transform: translateY(100%);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

@-webkit-keyframes fadeInUpSmall {
	from {opacity: 0;-webkit-transform: translateY(20px);}
}
@keyframes fadeInUpSmall {
	from {opacity: 0;transform: translateY(20px);}
}
.fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;}

@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translateX(-3%);}
}
@keyframes fadeInLeft {
	from {opacity: 0;transform: translateX(-100%);}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInLeftSmall {
	from {opacity: 0;-webkit-transform: translateX(-3%);}
}
@keyframes fadeInLeftSmall {
	from {opacity: 0;transform: translateX(-3%);}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;}

@-webkit-keyframes fadeInRightSmall {
	from {opacity: 0;-webkit-transform: translateX(3%);}
}
@keyframes fadeInRightSmall {
	from {opacity: 0;transform: translateX(3%);}
}
.fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;}

@-webkit-keyframes fadeInRight {
	from {opacity: 0;-webkit-transform: translateX(100%);}
}
@keyframes fadeInRight {
	from {opacity: 0;transform: translateX(100%);}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes zoomIn {
	from {opacity: 0;-webkit-transform: scale(.3);}
	to {opacity: 1;}
}
@keyframes zoomIn {
	from {opacity: 0;transform: scale(.3);}
	50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}

@-webkit-keyframes zoomInY {
	from {opacity: 0;-webkit-transform: scale(.3);}
	to {opacity: 1;}
}
@keyframes zoomInY {
	from {opacity: 0;transform: scaleY(0);}
	50% {opacity: 1;}
}
.zoomInY {-webkit-animation-name: zoomInY;animation-name: zoomInY;transform-origin: bottom;}

/* Repsonsive Design */
@media only screen and (max-width: 1279px) {
	#banner .slide .wrap,
	#banner .nav .wrap {width: auto;}
}

@media only screen and (max-width: 1109px) {
	html {overflow-x: hidden;}
	body {overflow-x: hidden;padding: 154px 0 0;}
	
	#header .wrap {height: auto;padding: 20px 20px 10px;}
	#header .logo {position: static;margin: 0 auto 30px;}
	#header .donate {right: 15px;top: 15px;padding: 0.3em 1em;font-size: 14px;border-radius: 10px;}
	#header .nav_container {position: static;}
}

@media only screen and (max-width: 959px) {
	#banner_inside_page .title {padding: 10px 20px 15px;font-size: 48px;}
}

@media only screen and (max-width: 847px) {
	#banner .slide .wrap {padding: 55px 15px 0;}
	
	#banner_inside_page .wrap {min-height: auto;}
}

@media only screen and (max-width: 767px) {
	body {padding: 0 0 46px;}
	
	.header_container {position: relative;}
	
	#header .wrap {height: 65px;padding: 80px 20px 20px;}
	#header #responsive_menu_button {display: flex;}
	#header .menu {display: none;}
	
	#content {float: none;width: auto;margin: 0 0 40px;}
	
	#sidebar {float: none;width: auto;max-width: 370px;margin: 0 auto;padding: 0 20px;}

	.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns {display: block;margin-right: 0;}
	.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns > .column {width: auto;margin: 0 0 40px;}
	.layout_block.content_editor.content_with_image_repeater .columns.content_with_image_columns .image {display: block;margin: 0 auto;}

	.layout_block.multi_column_alternate .wrap {padding: 60px 20px;}
	.layout_block.multi_column_alternate .columns.columns-3 {display: block;margin-right: 0;}
	.layout_block.multi_column_alternate .columns.columns-3 > .column {width: auto;margin: 0 0 60px;}
	
	.layout_block.staff .columns.columns-4 > .column,
	.layout_block.staff .columns.columns-5 > .column {width: calc(50% - 20px);}

	#newsletter .wrap {display: block;}
	#newsletter .section_title {margin: 0 0 1em;}
	
	#footer {text-align: center;}
	#footer .social_media {display: inline-flex;}
	#footer .columns.columns-3 {display: block;margin-right: 0;}
	#footer .columns.columns-3 > .column {width: auto !important;margin: 0 0 40px;}
	#footer .menu li {margin: 0 0 0.5em;}
	
	#mobile_footer {display: block;}
}

@media only screen and (max-width: 639px) {
	#banner .slide .title {font-size: 20px;}
	#banner .title {font-size: 32px;}
	
	.columns.columns-2.blog_posts_columns {display: block;margin: 0;}
	.columns.columns-2.blog_posts_columns > .column {width: auto;margin: 0 0 60px;}

	.layout_block .section_title{font-size:1.6em}
	
	.layout_block.multi_column .columns.columns-3 {display: block;margin-right: 0;}
	.layout_block.multi_column .columns.columns-3 > .column {width: auto;margin: 0 0 60px;}
	
	.layout_block.staff .columns.columns-2 {display: block;margin-right: 0;}
	.layout_block.staff .columns.columns-2 > .column {width: auto;margin-right: 0;}

	#newsletter .gform_wrapper form {display: block;}
	#newsletter .gform_fields {display: grid;}
	#newsletter .gform_footer {padding: 15px 0 0;}
}