/*
Theme Name: Myers Exteriors
Theme URI: https://www.steerpoint.com/
Author: SteerPoint
Author URI: https://www.steerpoint.com/
Description: Custom Theme for the Myers Exteriors Website
Version: 1.0
Text Domain: myersexteriors
*/

/* Custom Properties */
:root {
	--spm-color-green: #a0c40a;
	--spm-color-blue: #037;
	--spm-color-dark-blue: #00193b;
	--spm-color-dark-blue-2: #18173f;
	--spm-color-light-grey: #f8f8f8;
	--spm-color-charcoal: #4e4e4e;
	
	--spm-font-family-body: 'Bai Jamjuree', Arial, Helvetica, sans-serif;
	--spm-font-family-heading: Merriweather, 'Times New Roman', Times, serif;
	
	--spm-upper-header-height: 35px;
	--spm-header-height: 130px;
	--spm-mobile-footer-height: 45px;
	
	--spm-icon-checkbox-checked: '\e900';
}

/* Overall Formatting */
body {overflow-x: hidden;min-width: 1240px;margin: 0;padding: calc(var(--spm-upper-header-height) + var(--spm-header-height)) 0 0;color: var(--spm-color-charcoal);font: 16px/1.5 var(--spm-font-family-body);background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

b, strong {font-weight: 800;}
h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} h4 {font-size: 1em;} h5 {font-size: 1em;} h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.7em;}
p {margin: 0 0 1em;}
a, a:visited {color: var(--spm-color-blue);text-decoration: none;transition: color 0.2s;}
a:hover {text-decoration: underline;}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 1em;padding: 0 0 0 2em;}
li {margin: 0 0 0.2em;}
table {margin: 0 0 1em;}
tr {text-align: left;}
th, td {vertical-align: top;}
th {vertical-align: middle;}
hr {margin: 2em 0;height: 1px;background-color: #888;border: none;}
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 {width: 100%;padding: 0.6em 0.8em;color: #666;font: 16px var(--spm-font-family-body);background-color: #fff;border: none;box-sizing: border-box;appearance: none;-webkit-appearance: none;}
select {margin: 0 5px 5px 0;vertical-align: middle;appearance: menulist;-webkit-appearance: menulist;}
input[type="submit"] {cursor: pointer;padding: 0.7em 1em 0.6em;color: #fff;font: bold 24px/1.1 var(--spm-font-family-body);background-color: var(--spm-color-blue);border: none;-webkit-appearance: none;appearance: none;transition: color 0.2s, background-color 0.2s;}
input[type="submit"]:hover {color: #fff;background-color: var(--spm-color-green);}
textarea {overflow: auto;}

.clearfix::after {display: block;clear: both;content: '';}

.hidden {display: none;}

.columns {display: flex;flex-wrap: wrap;gap: var(--spm-row-gap) var(--spm-column-gap);--spm-row-gap: 20px;--spm-column-gap: 20px;--spm-column-width-gap-allocation: var(--spm-column-gap) * (var(--spm-column-count) - 1) / var(--spm-column-count); /* column gap multiplied by a - 1 / a (where a = column count) */;}
.columns.rtl {flex-direction: row-reverse;}
.columns.columns-2 {--spm-column-count: 2;}
.columns.columns-3 {--spm-column-count: 3;}
.columns.columns-4 {--spm-column-count: 4;}
.columns.columns-5 {--spm-column-count: 5;}
.columns.columns-6 {--spm-column-count: 6;}
.columns.columns-7 {--spm-column-count: 7;}
.columns.columns-8 {--spm-column-count: 8;}
.columns.columns-9 {--spm-column-count: 9;}
.columns > .column {width: calc(100% / var(--spm-column-count) - var(--spm-column-width-gap-allocation));box-sizing: border-box;}
.columns > .column.column-double {width: calc(200% / var(--spm-column-count) - var(--spm-column-width-gap-allocation));}

.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;margin: 0 0 10px;text-align: start;aspect-ratio: 16 / 9;}
.video_container > *:first-child {display: block;width: 100%;height: 100%;padding-bottom: 0;border: none;}

/* - buttons (.button was already taken by WooCommerce) - */
.spm_button,
.spm_button:visited {display: inline-block;padding: 0.65em 1em;color: #fff !important;text-align: center;text-decoration: none;font-weight: 500;font-size: 20px;line-height: 1.1;background-color: var(--spm-color-blue);transition: color 0.2s, background-color 0.2s;}
.spm_button:hover {text-decoration: none;color: #fff;background-color: var(--spm-color-green);}

.spm_button.alternate {background-color: var(--spm-color-green);}
.spm_button.alternate:hover {background-color: #0055c4;}

/* General Purpose Content Wrapper */
.wrap {width: 1200px;margin: 0 auto;padding: 0 20px;}

/* Responsive Menu */
#responsive_menu {position: fixed;z-index: 1000;overflow: auto;left: -999em;top: 0;bottom: 0;width: 100%;color: #fff;font-size: 18px;line-height: 1.2;transition: left 0.3s step-end;}
.admin-bar #responsive_menu {top: var(--wp-admin--admin-bar--height);}
.menu_revealed #responsive_menu {left: 0;transition: left step-end;}

#responsive_menu .overlay {opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5);transition: opacity 0.3s linear;}
.menu_revealed #responsive_menu .overlay {opacity: 1;}

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

#responsive_menu .menu_container {position: absolute;overflow-y: scroll;left: 0;top: 0;bottom: 0;width: 250px;height: 100%;padding: 0 20px 80px;background-color: var(--spm-color-dark-blue-2);box-sizing: border-box;-webkit-overflow-scrolling: touch;transform: translateX(-100%);transition: transform 0.3s;}
.menu_revealed #responsive_menu .menu_container {transform: translateX(0);}

#responsive_menu .menu a {display: block;}
#responsive_menu .menu a:hover {background-color: rgba(255,255,255,0.07);}

#responsive_menu .menu {margin: 0 -20px 30px;padding: 0;list-style: none;}

#responsive_menu .top_bar {margin: 0 -20px 5px;padding: 10px 20px;font-size: 13.5px;}
#responsive_menu .top_bar .close {display: flex;align-items: center;gap: 0.5em;text-transform: uppercase;font-weight: 500;}

#responsive_menu .menu > li {margin: 0;border-bottom: 1px solid rgba(0,0,0,0.2);}
#responsive_menu .menu > li > a {padding: 10px 20px;text-decoration: none;}

#responsive_menu .sub-menu {margin: 0 0 10px;padding: 0;text-transform: none;list-style: none;font-weight: 300;font-size: 14px;line-height: 1.1;}
#responsive_menu .sub-menu > li {margin: 0;padding: 0;border-bottom: none;}
#responsive_menu .sub-menu > li > a {padding: 3px 20px 3px 25px;}
#responsive_menu .sub-menu .sub-menu {margin: 0 0 5px;text-transform: none;font-size: 13px;}
#responsive_menu .sub-menu .sub-menu > li > a {padding: 3px 20px 3px 40px;}
#responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 55px;}

#responsive_menu .social_media {display: flex;gap: 0.7em;margin: 0;padding: 0;list-style: none;font-size: 24px;}
#responsive_menu .social_media li {margin: 0;}

/* Cookie Notice */
#cookie_notice {position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;color: #ddd;font-size: 15px;line-height: 1.4;background-color: #333;box-shadow: 0 0 10px rgba(0,0,0,0.3);transition: transform 0.3s, left step-end, right step-end;}
#cookie_notice.hidden {display: block;transform: translateY(105%);left: -999em;right: 999em;transition: transform 0.3s, left 0.3s step-end, right 0.3s step-end;}

#cookie_notice .wrap {display: flex;align-items: flex-start;gap: 10px 20px;padding: 20px 20px 15px;}

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

#cookie_notice a {color: #fff;text-decoration: underline;}

#cookie_notice .spm_button {padding: 0.6em 1.9em;text-decoration: none;}

.header_container {position: fixed;z-index: 999;left: 0;right: 0;top: 0;box-shadow: 0 3px 6px  rgb(0,0,0,0.15);}
.admin-bar .header_container {top: var(--wp-admin--admin-bar--height);}

/* Upper Header */
#upper {color: #fff;text-align: center;text-transform: uppercase;font-weight: 600;font-size: 16px;line-height: 1.3;letter-spacing: 0.07em;background-color: var(--spm-color-blue);border-bottom: 4px solid var(--spm-color-green);}
#upper .wrap {padding: 5px 20px;}

#upper a {color: inherit;text-decoration: none;}

/* Header */
#header {background-color: #fff;}
#header .wrap {position: relative;height: var(--spm-header-height);}

#header a {color: var(--spm-color-dark-blue);text-decoration: none;}

#header #responsive_menu_button {position: absolute;display: none;left: 0;top: calc(50% - 20px);padding-left: 40px;text-transform: uppercase;text-decoration: none;font-size: 18px;line-height: 40px;}
#header #responsive_menu_button i {position: absolute;left: 10px;top: 0.45em;font-size: 20px;}

#header .logo {position: absolute;overflow: hidden;left: 20px;top: calc(50% - 47px);width: 165px;height: 93px;text-indent: -999em;background: url(images/header-logo.webp) no-repeat 0 / auto 100%;image-rendering: -webkit-optimize-contrast;}
#header .logo a {position: relative;display: block;overflow: hidden;height: 100%;}

#header .message {position: absolute;right: 20px;top: 5px;font-style: italic;font-weight: 500;letter-spacing: -0.015em;}

#header .phone_number {position: absolute;right: 30px;top: 38px;}
#header .phone_number .spm_button {display: inline-block;padding: 0.4em 1.2em 0.5em;font-weight: bold;font-size: 20px;letter-spacing: 0.02em;border-radius: 6px;background-color: #f30000;}
#header .phone_number .spm_button:hover {background-color: var(--spm-color-blue);} 

/* - nav - */
#header .nav {position: absolute;right: 8px;bottom: 0;font: 18px/1.2 var(--spm-font-family-heading);}

#header .nav .menu {height: 55px;margin: 0;padding: 0;list-style: none;font-weight: 500;font-size: 0;line-height: 0;}
#header .nav .menu > li {position: relative;display: inline-block;margin: 0;font-size: 16px;line-height: 55px;}

#header .nav .menu > li > a {position: relative;z-index: 998;display: block;padding: 0 12px;transition: color 0.2s, background-color 0.2s;}
/* #header .nav .menu > li.current-menu-item > a {} */
#header .nav .menu > li > a:hover {color: var(--spm-color-dark-blue);}
#header .nav .menu > li.menu-item-has-children > a::after {opacity: 0;position: absolute;left: -999em;bottom: 0;width: 0;height: 0;content: '';border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent var(--spm-color-blue);transform: translateY(10px);transition: transform 0.3s ease, opacity 0.4s ease, left 0.4s step-end;}
#header .nav .menu > li.menu-item-has-children:hover > a::after {opacity: 1;left: 45px;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, left step-end;}

#header .nav .sub-menu {position: absolute;z-index: 999;opacity: 0;width: 215px;left: -999em;margin: 0;padding: 10px 0;color: #fff;list-style: none;text-align: left;text-transform: none;font-weight: normal;font-size: 15px;line-height: 1.1em;background-color: var(--spm-color-blue);box-shadow: 0 5px 5px rgba(0,0,0,0.2);box-sizing: border-box;transform: translateY(10px);transition: transform 0.3s ease, opacity 0.4s ease, left 0.4s step-end, right 0.4s step-end;}
#header .nav .menu > li:hover > .sub-menu {opacity: 1;left: 0;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, left step-end, right step-end;}
#header .nav .menu > li:last-child:hover > .sub-menu {right: 0;}
#header .nav .sub-menu > li {float: none;left: auto;margin: 0;padding: 0;background: none;}
#header .nav .sub-menu > li > a {display: block;padding: 6px 20px;color: inherit;text-decoration: none;}
#header .nav .sub-menu > li > a:hover {background-color: rgba(255,255,255,0.15);}

#header .nav .sub-menu .sub-menu {position: static;opacity: 1;margin: 0 0 6px;padding: 0;font-family: var(--spm-font-family-body);background-color: transparent;box-shadow: none;transform: none;}
#header .nav .sub-menu .sub-menu > li > a {padding: 4px 20px 4px 27px;}

/* Banner (Home) */
#banner {overflow: hidden;position: relative;color: #fff;font-weight: 500;font-size: 22px;line-height: 1.4;background-color: #444;}

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

#banner .wrap {position: relative;max-width: 1100px;min-height: 500px;padding: 70px 20px max(15%,130px);}

#banner .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(color-mix(in srgb, var(--spm-color-dark-blue),transparent 85%),color-mix(in srgb, var(--spm-color-dark-blue),transparent 15%));}

#banner .end_cap {position: absolute;left: -5px;right: -5px;top: 0;bottom: -5px;background: url(images/banner-end_cap.svg) no-repeat bottom / 100% auto;}

#banner .columns-top_level {align-content: center;flex-wrap: wrap;--spm-row-gap: 40px;--spm-column-gap: 40px;}
#banner .columns-top_level.columns-2 > .column-1 {width: calc(56% - var(--spm-column-width-gap-allocation));padding-top: 60px;}
#banner .columns-top_level.columns-2 > .column-2 {width: calc(44% - var(--spm-column-width-gap-allocation));}

#banner ul {margin: 0;padding: 0;list-style: none;}
#banner ul li {position: relative;padding-left: 2.5em;}
#banner ul li::before {position: absolute;left: 0;top: 0;content: var(--spm-icon-checkbox-checked);font-family: 'icomoon' !important;}

#banner .title {margin: 0 0 0.3em;font: bold 50px/1.2 var(--spm-font-family-heading);}

#banner ul {margin: 0;padding: 0;list-style: none;}
#banner ul li {position: relative;padding-left: 2.5em;}
#banner ul li:before {position: absolute;left: 0;top: 0;content: "\e900";font-family: 'icomoon' !important;}

#banner .form_container {float: right;overflow: hidden;min-height: 420px;margin: 0 auto;padding: 20px;color: #000;font-size: 18px;line-height: 1.4;background-color: #fff;border: 7px solid #fff;border-radius: 20px;}
#banner .form_container .container_title {margin: -20px -20px 20px;padding: 15px;color: #fff;text-align: center;text-transform: uppercase;font: bold 32px/1 var(--spm-font-family-body);background-color: var(--spm-color-blue);}
#banner .form_container .gform_wrapper .gform_required_legend {display: none;}
#banner .form_container .gform_wrapper .gform_fields {grid-row-gap: 10px;}
#banner .form_container .gform_wrapper .gfield-choice-input + label {vertical-align: top;}
#banner .form_container .gform_wrapper .gfield_checkbox label,
#banner .form_container .gform_wrapper .gfield_radio label {font-size: 13px !important;}
#banner .form_container .gform_wrapper .gfield input:not([type="submit"]),
#banner .form_container .gform_wrapper .gfield textarea,
#banner .form_container .gform_wrapper .gfield select {padding: 6px;font-size: 14px !important;}
#banner .form_container .gform_wrapper .gfield textarea.small {height: 72px;}
#banner .form_container .gform_wrapper .ginput_container_address span,
#banner .form_container .gform_wrapper .ginput_full:not(:last-of-type) {margin-bottom: 10px;}

/* Banner (Inside Pages) */
#banner_inside_page {position: relative;color: #fff;font-size: 20px;text-shadow: 0 0 40px rgba(0,0,0,0.7);}

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

#banner_inside_page .wrap {position: relative;display: flex;flex-direction: column;justify-content: center;min-height: 180px;padding: 70px 20px 40px;}

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

#banner_inside_page .pre_title {margin: 0 0 0.3em;font: 20px/1.2 var(--spm-font-family-heading);}

#banner_inside_page .page_title {margin: 0 0 0.3em;text-transform: uppercase;font-weight: bold;font-size: 56px;line-height: 1;}

#banner_inside_page .additional_content ul {padding: 0;list-style: none;font-size: 22px;}
#banner_inside_page .additional_content ul li {position: relative;padding-left: 2.5em;}
#banner_inside_page .additional_content ul li::before {position: absolute;left: 0;top: 0;content: var(--spm-icon-checkbox-checked);font-family: 'icomoon' !important;}

#banner_inside_page .offer {max-width: 268px;margin: 0 0 -140px -15px;}

/* Main Page Container */
#main .wrap {position: relative;padding: 40px 20px 20px;}

/* Content */
#content {float: left;width: calc(85% - 150px);margin: 0 0 40px;}
#content.full_width {float: none;width: auto;}
.single #content::after {position: absolute;left: 20px;right: 20px;bottom: 0;height: 1px;margin: 0 auto;content: '';background-color: #888;}

#content .page_title {color: var(--spm-color-blue);margin: 0 0 0.5em;font: bold 42px/1.2 var(--spm-font-family-heading);}

/* #content article .postmetadata {color: #888;font-size: 14px;} */

#content article .title {font-weight: bold;font-size: 24px;line-height: 1.1;}
#content article .title a {text-decoration: none;}

#content strong {color: var(--spm-color-blue);}

/* - blog index - */
.blog #content .page_title {text-align: center;}

.post_archive_columns {margin: 0 0 20px;--spm-row-gap: 30px;--spm-column-gap: 20px;}
.post_archive_columns > .column {background-color: #fff;}

.post_archive_columns .post {position: relative;display: flex;flex-direction: column;height: 100%;padding: 20px;line-height: 1.4;background-color: var(--spm-color-light-grey);border: 1px solid transparent;box-sizing: border-box;border-radius: 16px;transition: background-color 0.2s;}

.post_archive_columns .image_container {margin: 0 0 20px;}
.post_archive_columns .image {display: block;left: 0;top: 0;width: 100%;object-fit: cover;aspect-ratio: 4 / 3;border-radius: 10px;}

.post_archive_columns p {margin: 0 0 1.3em;}

.post_archive_columns .title {margin: 0 0 0.5em !important;color: var(--spm-color-blue);font: bold 24px/1.2 var(--spm-font-family-heading) !important;}
.post_archive_columns .title a {color: inherit;text-decoration: none;} 

.post_archive_columns .spm_button {align-self: flex-start;margin-top: auto;font-size: 18px;}

.post_archive_columns > .column:hover .post {background-color: color-mix(in srgb, var(--spm-color-light-grey), #000 3%);}
.post_archive_columns > .column:hover .spm_button {background-color: var(--spm-color-green);}

/* - single post - */
.columns-post_header {margin: 0 0 40px;align-items: center;--spm-column-gap: 40px;}

.columns-post_header > .column-image {width: calc(65% - var(--spm-column-width-gap-allocation));}
.columns-post_header > .column-image .wp-post-image {border-radius: 10px;}

.columns-post_header > .column-content {width: calc(35% - var(--spm-column-width-gap-allocation));}

.columns-post_header .postmetadata {margin: 0;padding: 0;color: #000;list-style: none;font-weight: 500;font-size: 18px;}
.columns-post_header .postmetadata li {display: flex;align-items: center;gap: 0.8em;margin: 0 0 0.8em;}
.columns-post_header .postmetadata li .avatar {overflow: hidden;width: 50px;height: 50px;border-radius: 999em;object-fit: cover;aspect-ratio: 1;}
.columns-post_header .postmetadata li i {color: var(--spm-color-blue);}

/* - layout blocks inside content section - */
#content .layout_block .wrap {width: auto;padding: 40px 0 25px;}
#content .layout_block.less_padding_top .wrap {padding-top: 0 !important;}
#content .layout_block.less_padding_bottom .wrap {padding-bottom: 0 !important;}

#content .layout_block.has_divider .wrap::after {left: 0;right: 0;}

/* Sidebar */
#sidebar {position: sticky;float: right;top: calc(var(--spm-upper-header-height) + var(--spm-header-height) + 20px);;width: calc(13.5% + 130px);}
.admin-bar #sidebar {top: calc(var(--wp-admin--admin-bar--height) + var(--spm-upper-header-height) + var(--spm-header-height) + 20px);}

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

#sidebar .widgettitle {color: var(--spm-color-blue);text-transform: uppercase;font-size: 24px;line-height: 1.1;}

/* - gravity forms - */
#sidebar .gform_wrapper {margin-top: 30px;text-align: start;}

#sidebar .gform_wrapper .gform_required_legend {display: none;}

#sidebar .gform_wrapper .gfield_label {color: var(--spm-color-blue);}

#sidebar .gform_wrapper .gfield.horizontal {text-align: start;}

#sidebar .gform_wrapper .ginput_container_date input {width: 100%;}

#sidebar .gform_wrapper .gform_footer {margin-top: 0;}
#sidebar .gform_wrapper .gform_footer input {margin: 20px 0 10px;font-size: 18px;}
#sidebar .gform_wrapper .gform_footer input {margin: 20px 0 10px;font-size: 18px;}

/* - book your free inspection - */
#sidebar .widget.form_container {overflow: hidden;max-width: 330px;min-height: 420px;margin: 0 auto 40px;padding: 20px;font-size: 15px;line-height: 1.2;background-color: #fff;border: 5px solid #ddd;border-radius: 20px;}
#sidebar .widget.form_container .widgettitle {margin: -20px -20px 10px;padding: 15px;color: #fff;text-align: center;background-color: var(--spm-color-blue);}

#sidebar .widget.form_container input:not([type="submit"]),
#sidebar .widget.form_container textarea,
#sidebar .widget.form_container select {font-size: 15px;background-color: #fff;border: 1px solid #dcdcdc;}

/* - service areas - */
#sidebar .widget.service_areas h4 {color: #000;line-height: 1.2;}
#sidebar .widget.service_areas ul {list-style: none;padding: 0 0 0 0.6em;}
#sidebar .widget.service_areas ul li {font-size: 15px;}

/* Layout Blocks */
.layout_block.centered {text-align: center;}

.layout_block .wrap {position: relative;padding: 70px 20px 55px;}

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

.layout_block.has_divider .wrap::after {position: absolute;left: 20px;right: 20px;bottom: 0;height: 1px;margin: 0 auto;content: '';background-color: #888;}

.layout_block .pre_title  {margin: 0 auto 0.2em;color: #000;font: bold 28px/1.2 var(--spm-font-family-body);}

.layout_block .section_title {margin: 0 auto 0.5em;color: var(--spm-color-blue);font: bold 36px/1.2 var(--spm-font-family-heading);}
.layout_block.small_title .section_title {font-size: 32px !important;}
.layout_block.uppercase_title .section_title {text-transform: uppercase !important;}

.layout_block .secondary_title {margin: -0.5em auto 0.5em;color: var(--spm-color-blue);font: bold 28px/1.2 var(--spm-font-family-body);}

.layout_block .columns-top_level {align-items: center;--spm-column-gap: 40px;}
.layout_block .columns-top_level.right {flex-direction: row-reverse;}
.layout_block .columns-top_level img {width: 100%;}

/* - content editor - */
.layout_block.content_editor .end_cap {display: none;}

.layout_block.content_editor .background {display: none;}

.layout_block.content_editor .overlay {display: none;}

/* ("our promise") */
.layout_block.content_editor.our_promise {position: relative;overflow: hidden;color: #fff;text-align: center;font-size: 24px;background-color: var(--spm-color-blue);background-position: center top;background-size: cover;}

.layout_block.content_editor.our_promise .background {display: block;opacity: 0.6;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.layout_block.content_editor.our_promise .overlay {position: absolute;display: block;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(13,31,58,0.85);mix-blend-mode: darken;}

.layout_block.content_editor.our_promise .end_cap {position: absolute;display: block;left: -5px;right: -5px;top: -5px;bottom: -5px;background: url(images/our_promise-end_cap.svg) no-repeat top / 100% auto;}
.layout_block.content_editor.our_promise .end_cap.bottom {transform: scaleY(-1);}

.layout_block.content_editor.our_promise .wrap {max-width: 960px;padding: min(16%,200px) 20px min(13%,130px);}

.layout_block.content_editor.our_promise .section_title {color: #fff;font-size: 48px;}

.layout_block.content_editor.our_promise .quote {font: bold 32px/1.4 var(--spm-font-family-heading);}

.layout_block.content_editor.our_promise span {color: var(--spm-color-green);font-weight: bold;}

/* style - home page 2 ("When Should Your Roof Be Replaced?") */
/* .layout_block.content_editor.style-home_2 {text-align: center;font-size: 24px;}
.layout_block.content_editor.style-home_2 .wrap {max-width: 960px;padding: 120px 20px 70px;} */

/* - content w/image & content w/video - */
.layout_block.content_editor .columns-top_level .section_title {text-align: start;font-size: 30px;}

.layout_block.content_editor .columns-top_level .media_container {margin: 0 0 30px;}

.layout_block.content_editor .columns-top_level img {display: block;margin: 0 auto;}

/* - content tabs - */
.layout_block.content_tabs .section_title {margin: 0 0 1em;}

.layout_block.content_tabs .ui-tabs-nav {display: flex;flex-wrap: wrap;margin: 0 0 40px;padding: 0;list-style: none;font-size: 16px;line-height: 1.1;border-bottom: 1px solid #a3a3a3;}
.layout_block.content_tabs .ui-tabs-nav li {position: relative;margin: 0 0 -1px;border-bottom: 2px solid transparent;}
.layout_block.content_tabs .ui-tabs-nav li.ui-tabs-active {color: var(--spm-color-blue);font-weight: bold;letter-spacing: -0.03em;border-bottom-color: var(--spm-color-blue);}
.layout_block.content_tabs .ui-tabs-nav li a {position: relative;z-index: 1;display: flex;align-items: center;gap: 0.2em;padding: 1em 1.2em;color: inherit;text-decoration: none;}

.layout_block.content_tabs .title {color: var(--spm-color-blue);font: bold 24px/1.2 var(--spm-font-family-heading);}

.layout_block.content_tabs .image {display: block;width: 100%;}

/* - multi-column - */
.layout_block.multi_column {text-align: center;}

.layout_block.multi_column .columns-top_level {justify-content: center;align-items: stretch;font-size: 22px;line-height: 1.3;--spm-row-gap: 40px;}

.layout_block.multi_column .columns-top_level p {margin: 0 0 0.5em;}

.layout_block.multi_column .columns-top_level .image {display: block;margin: 0 0 25px;aspect-ratio: 14 / 9;}
.layout_block.multi_column.square_aspect_ratio .columns-top_level .image {aspect-ratio: 1;}

.layout_block.multi_column .title {color: var(--spm-color-blue);text-wrap: balance;text-transform: uppercase;font-weight: 800;line-height: 1.1;}

.layout_block.multi_column .icon_container {margin: 0 0 25px;}
.layout_block.multi_column .icon_container i {color: var(--spm-color-blue);font-size: 96px;}

/* (columns have shadows) */
.layout_block.multi_column.columns_have_shadows .columns-top_level > .column {padding: 20px 20px 10px;box-shadow: 0 2px 18px rgba(0,0,0,0.3);}

/* (columns in box) */
.layout_block.multi_column.boxed .columns-top_level {margin: 0 auto;background-color: rgba(0,0,0,0.1);border: 2px solid var(--spm-color-blue);border-radius: 12px;--spm-row-gap: 0px;--spm-column-gap: 0px;}
.layout_block.multi_column.boxed .columns-top_level > .column {padding: 30px 30px 20px;}

.layout_block.multi_column.boxed .title {color: #000;text-transform: none;font-size: 20px;}

/* - calls to action - */
.layout_block.calls_to_action {text-align: center;}
.layout_block.calls_to_action .wrap {padding: 120px 20px 100px;}

.layout_block.calls_to_action .section_title {max-width: 960px;font-size: 52px;}

.layout_block.calls_to_action .secondary_title {max-width: 960px;}

.layout_block.calls_to_action .columns-top_level {margin: 60px 0 0;justify-content: center;--spm-row-gap: 15px;--spm-column-gap: 15px;}
.layout_block.calls_to_action .columns-top_level > .column {overflow: hidden;}

.layout_block.calls_to_action .image_container {position: relative;overflow: hidden;padding-bottom: 100%;color: #fff;background-color: var(--spm-color-dark-blue-2);border-radius: 20px;}
.layout_block.calls_to_action .image_container img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.layout_block.calls_to_action .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;padding: 0 10px;background-color: rgba(23,37,63,0.6);transition: background-color 0.3s;}
.layout_block.calls_to_action .image_container:hover .overlay {background-color: color-mix(in srgb, var(--spm-color-green), transparent 40%);}
.layout_block.calls_to_action .overlay .title {display: flex;margin: 0;font: bold 24px/1.4 var(--spm-font-family-heading);}

/* - logos - */
.layout_block.logos {text-align: center;}
.layout_block.logos .wrap {max-width: 960px;}

.layout_block.logos .section_title {color: var(--spm-color-charcoal);}

.layout_block.logos .columns-top_level {justify-content: center;}
.layout_block.logos .columns-top_level > .column {position: relative;}

/* - faqs - */
.layout_block.faqs .section_title {text-align: center;}

.layout_block.faqs .ui-accordion-header {position: relative;cursor: pointer;margin: 0;padding: 15px 45px 15px 0;color: var(--spm-color-blue);font-weight: bold;font-size: 22px;letter-spacing: -0.06em;}
.layout_block.faqs .ui-accordion-header i {position: absolute;right: 0;top: 15px;font-size: 20px;}
.layout_block.faqs .ui-accordion-header i.icon-chevron-up {display: none;}
.layout_block.faqs .ui-accordion-header.ui-accordion-header-active i.icon-chevron-down {display: none;}
.layout_block.faqs .ui-accordion-header.ui-accordion-header-active i.icon-chevron-up {display: block;}

.layout_block.faqs .ui-accordion-content {padding: 0 45px 20px 0;}

/* - interstitial section - */
.layout_block.interstitial_section {text-align: center;font-weight: 500;font-size: 23px;}

.layout_block.interstitial_section .background {opacity: 0.6;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.layout_block.interstitial_section .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: color-mix(in srgb,var(--spm-color-blue),transparent 36%);}

.layout_block.interstitial_section .wrap {padding: 0 20px;}
.layout_block.interstitial_section .wrap > .layer_2 {padding: 35px 40px 10px;color: var(--spm-color-blue);border-radius: 45px;background-color: #f1f1f1;border: 2px solid var(--spm-color-blue);}

.layout_block.interstitial_section a {color: inherit;}

.layout_block.interstitial_section .section_title {color: inherit;font-size: 32px;}

.layout_block.interstitial_section .secondary_title {color: inherit;}

/* (dark color scheme) */
.layout_block.interstitial_section.dark_background .wrap > .layer_2 {color: #fff;background-color: var(--spm-color-blue);}

/* - blog posts - */
.layout_block.blog_posts .section_title {text-align: center;}

/* .layout_block.blog_posts .columns-top_level {align-items: stretch;margin-top: 60px;}

.layout_block.blog_posts .post {position: relative;height: 100%;padding: 20px 20px 15px;font-size: 15px;background-color: #fff;box-sizing: border-box;box-shadow: 0 2px 18px rgba(0,0,0,0.3);}

.layout_block.blog_posts .post .image_container {position: relative;width: calc(100% + 40px);margin: -20px -20px 25px;padding-top: 70%;box-sizing: border-box;}
.layout_block.blog_posts .post .image_container img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.layout_block.blog_posts .post .title {margin: 0 0 0.7em;color: var(--spm-color-blue);font-size: 20px;line-height: 1.3em;} */

/* - contact infomration - */
.layout_block.contact_information .columns-contact_information {margin-top: 60px;font-size: 17px;line-height: 1.3;border-bottom: 1px solid #888;}
.layout_block.contact_information .columns-contact_information > .column {position: relative;padding: 0 0 20px 50px;}

.layout_block.contact_information .columns-contact_information .title {margin: 0 0 0.5em;color: #000;font-weight: bold;}

.layout_block.contact_information .columns-contact_information i {position: absolute;left: 0;top: 0;color: var(--spm-color-blue);font-size: 32px;}

/* - contact form - */
/* .layout_block.contact_form .wrap {padding: 40px 20px;}

.layout_block.contact_form .section_title {margin: 0;text-transform: uppercase;font-weight: 800;font-size: 28px;line-height: 1.4;}
.layout_block.contact_form .section_title_line_2 {font-size: 25px;line-height: 1.15;} */

/* - testimonials - */
.layout_block.testimonials {text-align: center;line-height: 1.4em;}
.layout_block.testimonials .wrap {padding: 60px 20px 35px;}

.layout_block.testimonials a {color: inherit;}

.layout_block.testimonials .section_title {margin: 0 0 0.5em; color:var(--spm-color-blue); font-family: 'Bai Jamjuree', Arial, Helvetica, sans-serif;}

/* Contact Us */
#contact_us {text-align: center;}
#contact_us .wrap {position: relative;max-width: 960px;padding: 120px 20px 0;}
#contact_us .wrap::before {position: absolute;left: 20px;right: 20px;top: 0;height: 1px;margin: 0 auto;content: '';background-color: #888;}

#contact_us a {text-decoration: none;}

#contact_us .section_title {margin: 0 0 0.5em;color: var(--spm-color-charcoal);font: bold 52px/1 var(--spm-font-family-heading);}

#contact_us .spm_button {margin: 0 10px 20px;}

#contact_us i {margin: 0 0.15em;color: var(--spm-color-charcoal);font-size: 48px;transition: color 0.2s;}
#contact_us a:hover i {color: var(--spm-color-green);}

.modal#contact_form {max-width: 660px;}

/* Footer */
#footer {position: relative;overflow: hidden;padding: 0 0 24px;color: #fff;font-size: 20px;line-height: 1;background-color: var(--spm-color-dark-blue);background-position: center top;}

#footer .end_cap {position: absolute;left: -5px;right: -5px;top: -5px;bottom :0;background: url(images/footer-end_cap.svg) no-repeat top / 100% auto;}

#footer .wrap {position: relative;max-width: 960px;padding: 250px 20px 40px;}

#footer a {color: inherit;}

#footer .columns > .column.column-1 {width: calc(50% - var(--spm-column-gap));}
#footer .columns > .column.column-2,
#footer .columns > .column.column-3 {width: calc(25% - var(--spm-column-gap));}

#footer .logo {margin: 0 0 20px;image-rendering: -webkit-optimize-contrast;}

#footer .contact_information {margin: 0;padding: 0;list-style: none;}
#footer .contact_information li {position: relative;margin: 0 0 1em;padding-left: 2em;}
#footer .contact_information i {position: absolute;left: 0;top: 0;font-size: 1.2em;}

#footer .title {text-transform: uppercase;font-weight: bold;font-size: 18px;}

#footer .menu {padding: 0;list-style: none;font-size: 15px;line-height: 1;}
#footer .menu li {margin: 0 0 1em;}

/* Sub Footer (Copyright) */
#sub_footer {padding: 15px 0 1px;text-align: center;color: #fff;font-size: 14px;background-color: #000;}

#sub_footer a {color: var(--spm-color-green);}

/* 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: bold 20px/var(--spm-mobile-footer-height) var(--spm-font-family-body);box-shadow: 0 0 4px 1px rgba(0,0,0,0.4);;}

#mobile_footer ul {display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li {flex-grow: 1;width: 50%;margin: 0;}

#mobile_footer ul li a {display: flex;justify-content: center;align-items: center;gap: 0.5em;color: inherit;text-decoration: none;background-color: var(--spm-color-green);transition: color 0.2s;}
#mobile_footer ul li a.alternate {background-color: var(--spm-color-dark-blue-2);}
#mobile_footer ul li i {font-size: 1.2em;}

/* 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,
.comment-navigation {display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;gap: 1em;flex-wrap: wrap;margin: 40px 0 20px;font-size: 15px;}
.navigation ul,
.comment-navigation ul {display: flex;justify-content: center;gap: 8px;margin: 0;padding: 0;list-style: none;}
.navigation li,
.comment-navigation li {margin: 0;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: flex;justify-content: center;align-items: center;min-width: 32px;height: 32px;padding: 0 0.5em;color: #000;text-decoration: none;background-color: #fff;border: 1px solid #f1f1f1;border-radius: 8px;box-sizing: border-box;transition: color 0.2s, background-color 0.2s;}
.navigation a:hover,
.comment-navigation a:hover {background-color: var(--spm-color-light-grey);}
.navigation span,
.comment-navigation span {color: #fff;background-color: var(--spm-color-blue);border-color: transparent;}

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

.modal {max-width: 900px;padding: 35px 30px 15px;}

/* Gravity Forms */
.gform_wrapper input:not([type="submit"]),
.gform_wrapper textarea,
.gform_wrapper select {color: #1a1818;font-size: 16px !important;background-color: #edeeef;}

.gform_wrapper .gfield-choice-input {vertical-align: top !important;margin-top: 3px !important;}

.gform_wrapper .gfield.gf_list_2col .gfield_checkbox,
.gform_wrapper .gfield.gf_list_2col .gfield_radio,
.gform_wrapper .gfield.gf_list_3col .gfield_checkbox,
.gform_wrapper .gfield.gf_list_3col .gfield_radio,
.gform_wrapper .gfield.gf_list_4col .gfield_checkbox,
.gform_wrapper .gfield.gf_list_4col .gfield_radio,
.gform_wrapper .gfield.gf_list_5col .gfield_checkbox,
.gform_wrapper .gfield.gf_list_5col .gfield_radio {grid-column-gap: 0.5rem !important;}

.gform_wrapper .gfield.horizontal .gchoice {display: inline-block;margin-right: 0.8em;}
.gform_wrapper .gfield.horizontal .gchoice .gfield-choice-input + label {max-width: none;}

/* WOW.js */
.wow {visibility: hidden;}
.animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/* Styles from animate.css */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
}
@keyframes fadeIn {
	from {opacity: 0;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-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 fadeInLeftSmall {
	from {opacity: 0;-webkit-transform: translateX(-20px);}
}
@keyframes fadeInLeftSmall {
	from {opacity: 0;transform: translateX(-20px);}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;}

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

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

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

@-webkit-keyframes extendLeft {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendLeft {
	from {transform: scaleX(0);}
}
.extendLeft {-webkit-animation-name: extendLeft;animation-name: extendLeft;-webkit-transform-origin: 100%;transform-origin: 100%;}

@-webkit-keyframes extendRight {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendRight {
	from {transform: scaleX(0);}
}
.extendRight {-webkit-animation-name: extendRight;animation-name: extendRight;-webkit-transform-origin: 0;transform-origin: 0;}

/* Responsive Design */
@media only screen and (max-width: 1239px) {
	body {min-width: 320px;}
	
	.wrap {width: auto;}
	
	#banner {font-size: 28px;}
	#banner .title {font-size: 48px;}
	
	#banner .end_cap,
	.layout_block.content_editor .end_cap,
	#footer .end_cap {background-size: 1250px auto;}
}

@media only screen and (max-width: 1023px) {
	body {padding-top: 0 !important;}
	
	.header_container {position: relative;}
	.admin-bar .header_container {top: 0;}
	
	#header {text-align: center;}
	#header .wrap {height: auto;padding: 15px 20px 0;}
	#header .logo {position: static;display: inline-block;}
	#header .nav {position: static;text-align: center;}
	#header .nav .menu > li > a {padding: 0 8px;}
	#header .nav .menu > li.call_now a {margin-left: 10px;padding: 0 1.5em;}
	#header .message {display: none;}
	#header .phone_number {right: 20px;top: 10px;}
	
	#sidebar {top: 20px;}
	
	.layout_block.content_editor .columns-top_level {--spm-column-count: 1;}
	.layout_block.content_editor .columns-top_level > .column {width: 100% !important;}
	.layout_block.content_editor .columns-top_level .section_title {font-size: 24px;}
	
	.layout_block.multi_column .columns-top_level {display: flex;}
	.layout_block.multi_column .columns-top_level > .column {display: block;}
	.layout_block.multi_column .columns-top_level.columns-2,
	.layout_block.multi_column .columns-top_level.columns-3 {--spm-column-count: 1;}
	.layout_block.multi_column .columns-top_level.columns-4 {--spm-column-count: 2;}
	.layout_block.multi_column .columns-top_level.columns-5,
	.layout_block.multi_column .columns-top_level.columns-6,
	.layout_block.multi_column .columns-top_level.columns-7 {--spm-column-count: 3;}
	
	.layout_block.multi_column.boxed .columns-top_level.columns-2,
	.layout_block.multi_column.boxed .columns-top_level.columns-3 {max-width: 360px;}
	
	.layout_block.calls_to_action .columns {--spm-column-count: 3;--spm-column-gap: 20px;--spm-row-gap: 20px;}
	
	.layout_block.contact_information .columns-top_level {--spm-column-count: 1;}
	.layout_block.contact_information .columns-contact_information {flex-direction: column;align-content: center;--spm-column-count: 1;}
	.layout_block.contact_information .columns-contact_information > .column {width: auto;}
}

@media only screen and (max-width: 767px) {
	body {padding-bottom: var(--spm-mobile-footer-height);}
	
	#header .wrap {padding: 15px 20px;}
	#header #responsive_menu_button {display: block;}
	#header .nav {display: none;}
	#header .phone_number {display: none;}
	
	#banner {font-size: 20px;}
	#banner .columns-top_level {flex-direction: column;align-items: center;--spm-column-count: 1;}
	#banner .columns-top_level > .column {width: auto !important;}
	#banner .columns-top_level.columns-2 > .column-1 {padding-top: 0;}
	#banner .title {font-size: 40px;}
	#banner .form_container {float: none;}
	
	#banner_inside_page {font-size: 20px;}
	#banner_inside_page .secondary_page_title {font-size: 18px;}
	#banner_inside_page .page_title {font-size: 40px;}
	
	#content {float: none;width: auto;}
	
	.post_archive_columns {--spm-column-count: 1 !important;--spm-row-gap: 20px;}
	.post_archive_columns .image {aspect-ratio: 2;}
	
	#sidebar {float: none;width: auto;height: auto;}
	
	.layout_block.content_editor .section_title {font-size: 40px;}
	.layout_block.content_editor.our_promise {font-size: 18px;}
	.layout_block.content_editor.our_promise .section_title {font-size: 40px;}
	.layout_block.content_editor.our_promise .quote {font-size: 24px;}
	
	.layout_block.multi_column .columns-top_level.columns-5,
	.layout_block.multi_column .columns-top_level.columns-6,
	.layout_block.multi_column .columns-top_level.columns-7 {--spm-column-count: 2;}
	
	.layout_block.calls_to_action .section_title {font-size: 40px;}
	
	.layout_block.logos .columns-top_level.columns-4,
	.layout_block.logos .columns-top_level.columns-5,
	.layout_block.logos .columns-top_level.columns-6,
	.layout_block.logos .columns-top_level.columns-7,
	.layout_block.logos .columns-top_level.columns-8,
	.layout_block.logos .columns-top_level.columns-9 {--spm-column-count: 3;}
	
	#contact_us .section_title {font-size: 40px;}
	
	#footer {text-align: center;}
	#footer .columns-top_level.columns-3 {--spm-column-count: 1;}
	#footer .columns-top_level.columns-3 > .column {width: 100% !important;}
	#footer .contact_information {display: inline-block;text-align: left;}
	#footer .menu li {margin: 0 0 0.4em;}
	
	#mobile_footer {display: block;}
}

@media only screen and (max-width: 639px) {
	#content .columns.columns-2 {--spm-column-count: 1;}
	
	.columns-post_header {--spm-column-count: 1;}
	.columns-post_header > .column {width: 100% !important;}
	
	.layout_block.multi_column .columns-top_level.columns-4,
	.layout_block.multi_column .columns-top_level.columns-5,
	.layout_block.multi_column .columns-top_level.columns-6,
	.layout_block.multi_column .columns-top_level.columns-7 {--spm-column-count: 1;}
	
	.layout_block.multi_column.boxed .columns-top_level.columns-4,
	.layout_block.multi_column.boxed .columns-top_level.columns-5,
	.layout_block.multi_column.boxed .columns-top_level.columns-6,
	.layout_block.multi_column.boxed .columns-top_level.columns-7 {max-width: 360px;}
	
	.layout_block.calls_to_action .columns-top_level {--spm-column-count: 2;}
}

@media only screen and (max-width: 413px) {
	.responsive_hide-414px {display: none;}
	
	#header .wrap {padding: 30px 20px 10px;}
	#header #responsive_menu_button {top: 0;}
	
	.layout_block.calls_to_action .columns .overlay .title {font-size: 18px;}
	
	.layout_block.logos .columns-top_level.columns-4,
	.layout_block.logos .columns-top_level.columns-5,
	.layout_block.logos .columns-top_level.columns-6,
	.layout_block.logos .columns-top_level.columns-7,
	.layout_block.logos .columns-top_level.columns-8,
	.layout_block.logos .columns-top_level.columns-9 {--spm-column-count: 2;}
}