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

/* Custom Properties */
:root {
	--spm-color-red: #e62e0f;
	--spm-color-near-black: #222;
	
	--spm-font-family-body: Helvetica, Arial, sans-serif;
	--spm-font-family-heading-alternate: Atletico, Arial, Helvetica, sans-serif;
}

/* Overall formatting */
body {overflow-x: hidden;min-width: 320px;margin: 0;padding: 114px 0 0;color: #000;;font: 16px/1.6 var(--spm-font-family-body);background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-moz-osx-font-smoothing: grayscale;}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.17em;} h4 {font-size: 1em;} h5 {font-size: 1.3em; } h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 1em;font-weight: bold;}
p {margin: 0 0 1em;}
a, a:visited {color: var(--spm-color-near-black);text-decoration: none;transition: color 0.2s;}
a:hover {color: var(--spm-color-near-black);}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 1em;padding: 0 0 0 30px;}
table {margin: 0 0 1em;}
hr {height: 2px;background-color: #000;border: none;}
th, td {vertical-align: top;}
th {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;font: 20px var(--spm-font-family-body);background-color: rgb(180 180 180 / 19%);border: 1px solid transparent;outline: none;box-sizing: border-box;appearance: none;-webkit-appearance: none;transition: border-color 0.2s;}
textarea {overflow: auto;}
select {margin: 0 5px 5px 0;vertical-align: middle;appearance: menulist;-webkit-appearance: menulist;}
input[type="submit"] {cursor: pointer;padding: 0.7em 2em;color: #fff;font: 300 16px/1em var(--spm-font-family-body);background-color: var(--spm-color-near-black);border: 1px solid #000;appearance: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s;}
input[type="submit"]:hover {color: var(--spm-color-near-black);background-color: #fff;}

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

.hidden {display: none;}

.columns {display: flex;flex-wrap: wrap;margin-right: calc(-1 * var(--spm-column-gap));--spm-column-gap: 20px;--spm-row-gap: 20px;}
.columns.rtl {flex-direction: row-reverse;}
.columns > .column {margin: 0 var(--spm-column-gap) var(--spm-row-gap) 0;}
.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 > .column {width: calc(100% / var(--spm-column-count) - var(--spm-column-gap));}
.columns > .column.column-double {width: calc(200% / var(--spm-column-count) - var(--spm-column-gap));}

.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 > *:first-child {position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;max-width: none;}

.anchor_link {display: block;visibility: hidden;transform: translateY(-200px);}

/* - buttons (.button was already taken by WooCommerce) - */
.spm_button,
.spm_button:visited {display: inline-block;padding: 0.5em 1.3em;color: #000;text-decoration: none;font: 600 18px/1.1em var(--spm-font-family-body);background-color: #fff;border: 1px solid #000;border-radius: 10px;transition: color 0.2s, background-color 0.2s;}
.spm_button:hover {text-decoration: none;color: #fff !important;background-color: var(--spm-color-near-black);}

.spm_button.blue {background: #001849;}

/* - general purpose content wrapper - */
.wrap {max-width: 1140px;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: 18px/1.2em var(--spm-font-family-heading-alternate);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 .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-near-black);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;color: inherit;text-decoration: none;}
#responsive_menu .menu a:hover {background-color: rgba(255,255,255,0.07);}

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

#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.2em;}
#responsive_menu .sub-menu > li {margin: 0;padding: 0;border-bottom: none;}
#responsive_menu .sub-menu > li > a {padding: 4px 20px 4px 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;}

/* 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: inherit;text-decoration: underline;}

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

/* Upper Header */
#upper {color: #fff;font: 14px/23px var(--spm-font-family-heading-alternate);background-color: var(--spm-color-red);border-top: 7px solid #fff;}
#upper .wrap {position: relative;height: 35px;}

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

#upper .menu {position: absolute;right: 20px;top: 6px;display: flex;gap: 1.5em;margin: 0;padding: 0;list-style: none;}
#upper .menu li a {display: block;margin: 0;}
#upper .menu li.alternate a {margin: 0;padding: 0 10px;color: var(--spm-color-red);font-size: 13px;background-color: #fff;border-radius: 3px;box-shadow: 1px 1px 0px rgba(0,0,0,0.3);transition: color 0.2s, background-color 0.2s;}
#upper .menu li.alternate a:hover {text-decoration: none;color: #fff;background-color: var(--spm-color-near-black);}

/* Header */
.header_container {position: fixed;z-index: 999;left: 0;right: 0;top: 0;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.admin-bar .header_container {top: var(--wp-admin--admin-bar--height);}

#header {color: #fff;background-color: var(--spm-color-near-black);border-top: 7px solid #fff;border-bottom: 7px solid #fff;}
#header .wrap {position: relative;z-index: 998;width: auto;height: 65px;max-width: 1260px;}

#header a {color: inherit;}

#header #responsive_menu_button {display: none;align-items: center;gap: 0.4em;position: absolute;left: 10px;top: 10px;text-transform: uppercase;font: bold 20px var(--spm-font-family-heading-alternate);}
#header #responsive_menu_button i {font-size: 1.3em;}

#header .logo {position: absolute;z-index: 1;left: calc(50% - 90px);top: -20px;width: 150px;height: 119px;text-indent: -999em;background: #fff url(images/header-logo.webp) no-repeat 0 / 100%;border: 15px solid #fff;border-radius: 5px;image-rendering: -webkit-optimize-contrast;}
#header .logo a {position: relative;display: block;overflow: hidden;height: 100%;}

/* - nav - */
#header .nav_container {position: relative;display: flex;justify-content: center;height: 65px;}

#header .nav {display: flex;width: 50%;box-sizing: border-box;}
#header .nav.left {padding-right: 100px;justify-content: flex-end;}
#header .nav.right {padding-left: 100px;}

#header .nav .menu {height: 65px;margin: 0;padding: 0;list-style: none;font: 500 0/0 var(--spm-font-family-heading-alternate);}
#header .nav .menu > li {position: relative;display: inline-block;margin: 0;font-size: 18px;line-height: 35px;}

#header .nav .menu > li > a {display: block;padding: 15px 20px 13px;transition: color 0.2s, background-color 0.2s;}
#header .nav .menu > li > a > span {display: block;border-bottom: 2px solid transparent;transition: border-color 0.2s;}
#header .nav .menu > li:hover > a > span {border-bottom-color: #fff;}

#header .nav .sub-menu {position: absolute;z-index: 999;opacity: 0;width: 215px;left: -999em;margin: 0;padding: 10px 0;list-style: none;color: #fff;text-align: left;text-transform: none;line-height: 1.1em;background-color: #a2a2a2;box-sizing: border-box;box-shadow: 0 5px 5px rgba(0,0,0,0.2);box-sizing: border-box;transform: translateY(10px);transition: transform 0.2s linear, opacity 0.2s linear, left 0.2s step-end, right 0.2s step-end;}
#header .nav .menu > li:last-child > .sub-menu {left: auto;right: 999em;}
#header .nav .menu > li:hover > .sub-menu {opacity: 1;left: 0;transform: translateY(0);transition: transform 0.2s linear, opacity 0.2s linear, left step-end, right step-end;}
#header .nav.right .menu > li:last-child:hover > .sub-menu {left: auto;right: 0;}
#header .nav .sub-menu > li {margin: 0;padding: 0;}
#header .nav .sub-menu > li > a {display: block;padding: 8px 20px;color: inherit;text-decoration: none;transition: none;}
#header .nav .sub-menu > li > a[href]:hover {color: var(--spm-color-near-black);}

#header .nav .sub-menu .sub-menu {position: static;opacity: 1;width: auto !important;margin: 0 0 5px;padding: 0 !important;font-weight: normal;font-size: 13px;background: none;box-shadow: none;transform: none;}
#header .nav .sub-menu .sub-menu > li > a {padding: 3px 20px 3px 30px;}

/* menu with thumbnails */
#header .nav .menu > li.has_images .sub-menu {width: 500px;padding-right: 326px;}

#header .nav .menu > li.has_images .sub-menu > li > a > .thumbnail_container {display: none;position: absolute;right: 20px;top: 20px;bottom: 20px;width: 306px;}
#header .nav .menu > li.has_images .sub-menu > li:first-child > a > .thumbnail_container,
#header .nav .menu > li.has_images .sub-menu > li:hover > a > .thumbnail_container {display: block;}
#header .nav .menu > li.has_images .sub-menu > li > a > .thumbnail_container img {position: absolute;left: 0;top: 0;width: 100%;max-height: 100%;object-fit: cover;}

#header .nav .menu > li.has_images .sub-menu .sub-menu > li > a > .thumbnail_container {display: none;}
#header .nav .menu > li.has_images .sub-menu .sub-menu > li:hover > a > .thumbnail_container {display: block;}

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

#banner .cycle-pager {position: absolute;z-index: 998;right: 0;bottom: 0;display: flex;gap: 8px;padding: 15px 20px;}
#banner .cycle-pager span {cursor: pointer;overflow: hidden;width: 10px;height: 10px;text-indent: -999em;background-color: #c8c8c8;border-radius: 999px;transition: background-color 0.2s;}
#banner .cycle-pager span.cycle-pager-active {background-color: #fff;}

#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 .background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: top;}

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

#banner .wrap {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 750px;min-height: 350px;padding: 120px 20px 105px;}

#banner .slide {width: 100%;}

#banner .title {margin: 0 0 0.5em;text-transform: uppercase;font: bold italic 43px/1em var(--spm-font-family-heading-alternate);text-shadow: 3px 3px 9px #000;}
#banner h1 {margin: 0 0 0.5em;text-transform: uppercase;font: bold italic 43px/1em var(--spm-font-family-heading-alternate);text-shadow: 3px 3px 9px #000;}

#banner .spm_button {color: var(--spm-color-near-black);font-size: 20px;border-color: #fff;transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;}
#banner .spm_button:hover {box-shadow: 4px 4px 0 #fff;}

#banner p {margin: 0 0 1.3em;}

#banner .title {margin: 0 0 25px;text-transform: uppercase;font-weight: bold;font-size: 2.1em;line-height: 1em;}

/* Banner (Inside Page) */
#banner_inside_page {position: relative;color: #fff;text-align: center;font-size: 18px;background-color: #000;}

#banner_inside_page .cycle-slideshow {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

#banner_inside_page .cycle-pager {position: absolute;z-index: 998;right: 0;bottom: 0;display: flex;gap: 8px;padding: 15px 20px;}
#banner_inside_page .cycle-pager span {cursor: pointer;width: 10px;height: 10px;background-color: #c8c8c8;border-radius: 999px;transition: background-color 0.2s;}
#banner_inside_page .cycle-pager span.cycle-pager-active {background-color: #fff;}

#banner_inside_page .slide {width: 100%;height: 100%;}

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

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

#banner_inside_page .wrap {position: relative;z-index: 997;display: flex;flex-direction: column;justify-content: center;min-height: 260px;padding: 120px 20px 105px;}
.blog #banner_inside_page .wrap {min-height: auto;}

#banner_inside_page .page_title {margin: 0 0 0.3em;text-transform: uppercase;font: 900 36px/1em var(--spm-font-family-heading-alternate);text-shadow: 3px 3px 10px #000;}

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

/* Content */
#content {float: right;width: 81%;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-alternate);}

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

/* - blog - */
#content .postmetadata {color: #888;}

/* - blog - archive - */
#content .blog_post {display: flex;overflow: hidden;margin: 0 0 50px;background-color: #f0f0f0;border-radius: 10px;}
#content .blog_post .image_container {position: relative;width: 30%;background-color: #e8e8e8;box-sizing: border-box;}
#content .blog_post .image_container .image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
#content .blog_post .text_container {flex-grow: 1;width: 70%;padding: 30px 30px 15px;box-sizing: border-box;}
#content .blog_post.alternate_post_thumbnail_sizing .image_container {width: 30%;padding: 30px 0 30px 30px;}
#content .blog_post.alternate_post_thumbnail_sizing .image_container .image {position: static;height: auto;object-fit: fill;}
#content .blog_post.alternate_post_thumbnail_sizing .text_container {width: 70%;}

/* - blog - single - */
#content .post_thumbnail {float: left;margin: 0 30px 5px 0;}

/* Sidebar */
#sidebar {float: left;width: 18%;}

#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-heading-alternate);}
#sidebar .widget input,
#sidebar .widget textarea,
#sidebar .widget select {font-size: 16px;max-width: 100%;}
#sidebar .widget select {width: 100%;}

/* - product categories widget - */
#sidebar .widget_product_categories ul {padding: 0;font-weight: bold;list-style: none;line-height: 1.3;}
#sidebar .widget_product_categories ul li {margin: 0 0 0.6em;}
#sidebar .widget_product_categories ul li:hover,
#sidebar .widget_product_categories ul li.current-cat {color: var(--spm-color-red);}
#sidebar .widget_product_categories ul li a {color: inherit;}
#sidebar .widget_product_categories ul ul {margin: 0.8em 0 2em;padding-left: 0.7em;font-weight: normal;font-size: 14px;}

/* Layout Blocks */
.layout_block {overflow: hidden;}
.layout_block.center {text-align: center;}
.layout_block .wrap {padding: 80px 20px 65px;}

.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 .wrap {position: relative;}
.layout_block.has_bottom_divider .wrap:after {position: absolute;left: 20px;right: 20px;bottom: 0;height: 1px;content: '';background-color: #707070;}

.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.less_padding_both .wrap {padding-bottom: 10px !important;padding-top: 10px !important;}

.layout_block.less_gap .wrap {padding: 0 20px;}

.layout_block .section_title {margin: 0 auto 0.8em;color: var(--spm-color-near-black);text-transform: uppercase;font: bold 32px/1em var(--spm-font-family-heading-alternate);}

.layout_block .secondary_title {margin: -0.7em 0 1em;text-transform: uppercase;font-size: 21px;line-height: 1em;}

.layout_block ul {margin: 0 0 2em;padding: 0;list-style: none;font-weight: normal;font-size: 0.95em;line-height: 1.2em;}
.layout_block ul li {margin: 0 0 0.5em;padding-left: 25px;background: url(images/layout_block-content_editor-ul-li.webp) no-repeat 0 0.3em / 9px 9px;}
.layout_block.center ul {display: inline-block;text-align: start;}
.layout_block .column_count-2,
.layout_block .column_count-3,
.layout_block .column_count-4,
.layout_block .column_count-5,
.layout_block .column_count-6 {display: block !important;column-gap: 30px;}
.layout_block .column_count-2 {column-count: 2;}
.layout_block .column_count-3 {column-count: 3;}
.layout_block .column_count-4 {column-count: 4;}
.layout_block .column_count-5 {column-count: 5;}
.layout_block .column_count-6 {column-count: 6;}

.layout_block .button_row {display: flex;flex-wrap: wrap;gap: 15px;}
.layout_block.center .button_row {justify-content: center;}

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

.layout_block.content_editor .content {margin: 0 auto;}

.layout_block.content_editor h3 {font-size: 15px;}

/* intro */
.layout_block.content_editor.intro {text-align: center;}
.layout_block.content_editor.intro .content {max-width: 800px;text-align: center;}

/* - content w/image (& variants) */
.layout_block.content_editor.less_gap .wrap {padding-bottom: 0;}

.layout_block.content_editor.content_with_image {position: relative;font-weight: 500;}

.layout_block.content_editor.content_with_image.grey_bg {background-color: #f0f0f0;}
.layout_block.content_editor.content_with_image.red {background-color: var(--spm-color-red);}
.layout_block.content_editor.content_with_image.navy {background-color: #00174a;}

.layout_block.content_editor.content_with_image p {margin: 0 0 1.8em;}

.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;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns .section_title {color: var(--spm-color-near-black);margin: 0 0 0.5em;}

.layout_block.content_editor.content_with_image .columns.content_with_image_columns {align-items: center;--spm-column-gap: 100px;}
.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-1 {width: calc(460px - var(--spm-column-gap));}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column-2 {width: calc(100% - 460px - var(--spm-column-gap));}

.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column-image {text-align: center;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column-image .image {display: block;margin: 0 auto;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column-image .lightbox_link_text {text-transform: uppercase;font-size: 13px;}
.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column-image .spm_button {margin-top: 20px;font: 500 15px/1em var(--spm-font-family-heading-alternate);box-shadow: 4px 4px 0 rgba(0,0,0,0.07);}

/* content w/video */
.layout_block.content_editor.content_with_image.content_with_video .columns.content_with_image_columns {--spm-column-gap: 60px;}
.layout_block.content_editor.content_with_image.content_with_video .columns.content_with_image_columns > .column-1 {width: calc(40% - var(--spm-column-gap));}
.layout_block.content_editor.content_with_image.content_with_video .columns.content_with_image_columns > .column-2 {width: calc(60% - var(--spm-column-gap));}

.layout_block.content_editor.content_with_image.content_with_video.portrait_aspect_ratio .video_container {padding-top: 177.778%;}
.layout_block.content_editor.content_with_image.content_with_video.square_aspect_ratio .video_container {padding-top: 100%;}

/* content w/image background */
.layout_block.content_editor.content_with_image_background {font-size: 17px;}

.layout_block.content_editor.content_with_image_background .section_title,
.layout_block.content_editor.content_with_image_background .secondary_title {text-align: center;}

.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns {margin-top: 40px;margin-bottom: 10px;--spm-column-gap: 55px;}

.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column {display: flex;flex-direction: column;justify-content: center;margin-bottom: 40px;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column.column-1 {width: calc(47% - var(--spm-column-gap));}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column.column-2 {width: calc(53% - var(--spm-column-gap));}

.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-image_background {position: relative;color: #fff;background-color: #ddd;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-image_background .background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-image_background > .layer_2 {position: relative;padding: 30px 40px 15px;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-image_background h3 {font: 600 30px/1.1em var(--spm-font-family-heading-alternate);}

.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-description > .layer_2 {padding: 50px 0 35px;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-description ul {margin: 0 0 1em;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-description ul li {margin: 0 0 2em;}
.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-description ul li:last-of-type {margin: 0 0 1em;}

.layout_block.content_editor.content_with_image_background .after_column_content {max-width: 560px;margin: 0 auto 30px;text-align: center;}
.layout_block.content_editor.content_with_image_background .after_column_content h3 {font: 600 20px/1.2em var(--spm-font-family-heading-alternate);}
.layout_block.content_editor.content_with_image_background .after_column_content .button_row {display: flex;justify-content: center;flex-wrap: wrap;margin: 25px 0 0;}
.layout_block.content_editor.content_with_image_background .after_column_content .button_row .spm_button {color: var(--spm-color-red);border-color: var(--spm-color-red);}
.layout_block.content_editor.content_with_image_background .after_column_content .button_row .spm_button:hover {background-color: var(--spm-color-red);}

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

.layout_block.multi_column .section_title {margin: 0 auto 1.5em;text-align: center;font-size: 32px;}

.layout_block.multi_column .intro_text {margin: 0 auto 50px;max-width: 700px;font-size: 24px;line-height: 1.6em;}

.layout_block.multi_column .columns {justify-content: center;--spm-column-gap: 80px;}
.layout_block.multi_column .columns.columns-4,
.layout_block.multi_column .columns.columns-5,
.layout_block.multi_column .columns.columns-6,
.layout_block.multi_column .columns.columns-7 {--spm-column-gap: 40px;}
.layout_block.multi_column .columns > .column {position: relative;}
.layout_block.multi_column .columns > .column.full_width {width: calc(100% - var(--spm-column-gap));}

.layout_block.multi_column .columns .title {margin: 0 0 0.5em;color: var(--spm-color-near-black);text-transform: uppercase;font-weight: 800;font-size: 24px;line-height: 1em;}
.layout_block.multi_column .columns.columns-4 .title,
.layout_block.multi_column .columns.columns-5 .title,
.layout_block.multi_column .columns.columns-6 .title,
.layout_block.multi_column .columns.columns-7 .title {font-size: 18px;}
.layout_block.multi_column.medium_font_weight_headings .columns .title {font-weight: 500;font-size: 20px;}

.layout_block.multi_column .columns .video_container {margin: 0 0 20px;}
.layout_block.multi_column .columns > .column.video_aspect_ratio_9_16 .video_container {padding-top: 177.78%;}
.layout_block.multi_column .columns > .column.video_aspect_ratio_3_4 .video_container {padding-top: 133.333%;}
.layout_block.multi_column .columns .video_container > * {object-fit: cover;}

.layout_block.multi_column .columns .image_container {margin: 0 0 20px;}
.layout_block.multi_column .columns .image {display: block;width: 100%;object-fit: contain;}

/* - calls to action - */
.layout_block.calls_to_action {text-align: center;}
.layout_block.calls_to_action .wrap {max-width: 1400px;padding: 20px 20px 10px;}

.layout_block.calls_to_action .columns {justify-content: center;}
.layout_block.calls_to_action .columns > .column {position: relative;color: #fff;min-height: 180px;}
.layout_block.calls_to_action .columns > .column > .layer_2 {position: relative;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.layout_block.calls_to_action .columns .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.3);}
.layout_block.calls_to_action .columns .image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;filter: saturate(0);transition: filter 0.2s;}
.layout_block.calls_to_action .columns > .column:hover .image {filter: saturate(1);}
.layout_block.calls_to_action .columns .title {position: relative;margin: 0;padding: 0.6em 0;text-transform: uppercase;font: 900 18px/1.2em var(--spm-font-family-heading-alternate);text-shadow: 3px 3px 6px rgba(0,0,0,0.8);}
.layout_block.calls_to_action .columns .title:after {position: absolute;left: 0;right: 0;bottom: 0;height: 2px;max-width: 120px;margin: 0 auto;content: '';transition: background-color 0.2s;}
.layout_block.calls_to_action .columns > .column:hover .title:after {background-color: #fff;}

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

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

.layout_block.documents .columns > .column {position: relative;}

.layout_block.documents .icon_container {font-size: 48px;}

.layout_block.documents .title {margin: 0 0 0.5em;font-weight: bold;line-height: 1.3em;}

.layout_block.documents .link_text {color: #999;font-size: 14px;}

/* - appearance protection plan - */
.layout_block.appearance_protection_plan {color: #fff;text-align: center;font-weight: 500;font-size: 15px;line-height: 1.5em;}

.layout_block.appearance_protection_plan .columns > .column {display: flex;flex-direction: column;padding: 30px 30px 15px;background: linear-gradient(#444,var(--spm-color-near-black));box-sizing: border-box;--spm-column-gap: 15px;--spm-row-gap: 15px;}
.layout_block.appearance_protection_plan .columns > .column:nth-child(2n) {background: linear-gradient(#e3090f,#b10005);}

.layout_block.appearance_protection_plan .title {position: relative;margin: 0 0 0.5em;padding: 0 0 0.4em;text-transform: uppercase;font-weight: 900;font-size: 40px;line-height: 1.1em;}
.layout_block.appearance_protection_plan .title:after {position: absolute;left: 0;right: 0;bottom: 0;width: 120px;height: 1px;max-width: 100%;margin: 0 auto;content: '';background-color: #fff;}

.layout_block.appearance_protection_plan .content {max-width: 450px;margin: 0 auto 40px;}

.layout_block.appearance_protection_plan .icons {display: flex;flex-wrap: wrap;margin: auto -20px 0 0;padding: 0;list-style: none;}
.layout_block.appearance_protection_plan .icons li {width: calc(33.333% - 20px);margin: 0 20px 30px 0;padding: 0;background: none;}

.layout_block.appearance_protection_plan .icons .image {display: block;max-width: 70px;margin: 0 auto 15px;}

.layout_block.appearance_protection_plan .icons .title {min-height: 2.2em;margin: 0;padding: 0;text-transform: none;font-weight: bold;font-size: 15px;line-height: 1.1em;}
.layout_block.appearance_protection_plan .icons .title:after {display: none;}

/* - videos carousel - */
.layout_block.videos_carousel {text-align: center;}
.layout_block.videos_carousel .wrap {padding: 80px 70px 65px;}
.layout_block.videos_carousel.less_gap .wrap {padding: 0;}

.layout_block.videos_carousel .section_title {font-weight: 800;}

.layout_block.videos_carousel .title {color: var(--spm-color-near-black);text-transform: uppercase;font-weight: bold;font-size: 16px;}

.layout_block.videos_carousel .owl-carousel .owl-nav {position: absolute;left: 0;right: 0;top: 35%;font-size: 32px;line-height: 1em;}
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-next,
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-prev {position: absolute;margin: 0 10px;color: var(--spm-color-near-black);}
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-prev:hover,
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-next:hover {color: #000;}
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-prev {left: -60px;}
.layout_block.videos_carousel .owl-carousel .owl-nav .owl-next {right: -60px;}

.layout_block.videos_carousel.square_aspect_ratio .video_container {padding-top: 100%;}
.layout_block.videos_carousel.portrait_aspect_ratio .video_container {padding-top: 178.8%;}

/* - interstitial section - */
.layout_block.interstitial_section {position: relative;color: #fff;text-align: center;text-transform: uppercase;font: bold 32px/1.3em var(--spm-font-family-heading-alternate);text-shadow: 3px 3px 6px #000;background-color: #000;}
.layout_block.interstitial_section .wrap {max-width: 640px;padding: 100px 20px 85px;}

.layout_block.interstitial_section .background_image {position: absolute;left: 0;top: 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: rgba(0,0,0,0.4);}

.layout_block.interstitial_section .section_title {margin: 0 0 0.3em;color: inherit;font-size: 32px;}

.layout_block.interstitial_section .spm_button {color: var(--spm-color-red);text-transform: none;font-size: 20px;text-shadow: none;}

/* - testimonials - */
.layout_block.testimonials {text-align: center;font-size: 14px;}

.layout_block.testimonials .owl-carousel {max-width: 480px;margin: 0 auto;}

.layout_block.testimonials blockquote {margin: 0;}
.layout_block.testimonials .signed {font-style: italic;}
.layout_block.testimonials .signed .description {color: var(--spm-color-near-black);font-style: normal;font-weight: bold;}

.layout_block.testimonials .owl-carousel .owl-nav {color: #a2a2a2;font-size: 32px;line-height: 1em;}
.layout_block.testimonials .owl-carousel .owl-nav .owl-next,
.layout_block.testimonials .owl-carousel .owl-nav .owl-prev {margin: 0 10px;}

/* - accordion - */
.layout_block.accordion .section_title_container {color: #fff;background-color: var(--spm-color-near-black);}
.layout_block.accordion .section_title_container .wrap {padding: 25px 20px;}

.layout_block.accordion .section_title {margin: 0;color: inherit;text-align: center;text-transform: uppercase;font-weight: 900;}

.layout_block.accordion .content_container .wrap {max-width: 480px;}

.layout_block.accordion .ui-accordion-header {position: relative;cursor: pointer;font-weight: 500;line-height: 1.2em;background-color: #ededed;}
.layout_block.accordion .ui-accordion-header:nth-of-type(4n+1) {background-color: #dbdbdb;}
.layout_block.accordion .ui-accordion-header .wrap {position: relative;padding: 20px 20px 5px 50px;}
.layout_block.accordion .ui-accordion-header .wrap:before {position: absolute;left: 10px;top: 19px;content: '\e903';font: 21px/1 icomoon;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.layout_block.accordion .ui-accordion-header.ui-state-active .wrap:before {content: '\e904';}

.layout_block.accordion .ui-accordion-content .wrap {padding: 20px 20px 5px;}

/* Footer */
#footer {overflow: hidden;position: relative;color: #fff;font: 15px var(--spm-font-family-heading-alternate);background-color: var(--spm-color-near-black);border-bottom: 7px solid #fff;}
#footer .wrap {max-width: 1260px;padding: 60px 20px 1px;}

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

#footer .columns {--spm-column-gap: 60px;--spm-row-gap: 40px;}
#footer .columns > .column-1 {width: calc(40% - var(--spm-column-gap));}
#footer .columns > .column-2,
#footer .columns > .column-3 {width: calc(30% - var(--spm-column-gap));}

#footer .logo {display: block;margin: 0 auto;}

#footer .title {position: relative;padding: 0 0 0.5em;text-transform: uppercase;font-weight: bold;}
#footer .title:after {position: absolute;left: 0;bottom: 0;width: 80px;max-width: 100px;height: 1px;content: '';background-color: var(--spm-color-red);}

#footer i {margin-right: 0.3em;vertical-align: middle;font-size: 1.5em;}

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

#footer .copyright {text-align: center;font-size: 15px;}

/* Sub-Footer */
#sub_footer {height: 25px;background-color: var(--spm-color-red);}

/* 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;text-transform: uppercase;font: 900 20px var(--spm-font-family-heading-alternate);box-shadow: 0 0 10px rgba(0,0,0,0.2);}

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

#mobile_footer ul {display: flex;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li {width: 50%;}
#mobile_footer ul li a {display: block;padding: 8px 0;transition: color 0.2s;background-color: var(--spm-color-near-black);}
#mobile_footer ul li.alternate a {background-color: var(--spm-color-red);}
#mobile_footer ul li a:hover {color: #fff;}
#mobile_footer ul li i {margin: 0 0.2em 0 0;}

/* 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;text-decoration: none;line-height: 2em;}

/* - 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;}

/* Gravity Forms */
.gform_wrapper .gsection {margin: 20px 0;}

.gform_wrapper .gsection_title {margin: 0;}

.gform_wrapper .gfield.horizontal .gfield_checkbox,
.gform_wrapper .gfield.horizontal .gfield_radio {display: flex;flex-wrap: wrap;}
.gform_wrapper .gfield.horizontal .gchoice {width: 50%;}

.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer input {margin-right: 10px;}

/* WooCommerce */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {padding: 0.7em 1.2em;color: var(--spm-color-near-black);font: bold 18px/1em var(--spm-font-family-heading-alternate);background-color: #fff;border: 1px solid var(--spm-color-near-black);transition: color 0.2s, background-color 0.2s;border-radius: 10px;}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {color: #fff !important;background-color: var(--spm-color-near-black) !important;}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {color: var(--spm-color-red);border-color: var(--spm-color-red);background-color: #fff !important;}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {background-color: var(--spm-color-red) !important;}
.woocommerce button.button.alt.disabled,
.woocommerce input.button.alt.disabled,
.woocommerce a.button.alt.disabled {color: var(--spm-color-red) !important;border-color: var(--spm-color-red) !important;background-color: #fff !important;cursor: not-allowed;}


/* product archive */
.woocommerce .woocommerce-ordering select {font-size: 15px;}

.woocommerce ul.products {display: flex;flex-wrap: wrap;gap: var(--spm-row-gap) var(--spm-column-gap);--spm-row-gap: 20px;--spm-column-gap: 20px;--spm-column-gap-adjusted: var(--spm-column-gap) * (var(--spm-column-count) - 1) / var(--spm-column-count);}
.woocommerce ul.products.columns-2 {--spm-column-count: 2;}
.woocommerce ul.products.columns-3 {--spm-column-count: 3;}
.woocommerce ul.products.columns-4 {--spm-column-count: 4;}
.woocommerce ul.products.columns-5 {--spm-column-count: 5;}
.woocommerce ul.products.columns-6 {--spm-column-count: 6;}
.woocommerce ul.products.columns-7 {--spm-column-count: 7;}
.woocommerce ul.products.columns-8 {--spm-column-count: 8;}
.woocommerce ul.products.columns-9 {--spm-column-count: 9;}
.woocommerce ul.products:before {display: none;}

.woocommerce ul.products li.product {display: flex;width: calc(100% / var(--spm-column-count) - var(--spm-column-gap-adjusted)) !important;margin: 0 !important;flex-direction: column;}

.woocommerce ul.products li.product .product_thumbnail_container {position: relative;margin: 0 0 1em;padding-top: calc(100% - 16px);border: 10px solid #f8f8f8;}
.woocommerce ul.products li.product .product_thumbnail_container img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;object-fit: cover;}
.woocommerce ul.products li.product .product_thumbnail_container .overlay {opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(255,255,255,0.2);transition: opacity 0.2s;}
.woocommerce ul.products li.product .product_thumbnail_container:hover .overlay {opacity: 1;}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {font: bold 16px/1.1 var(--spm-font-family-heading-alternate);text-align: center;min-height:36px;}

.woocommerce ul.products li.product .price {margin-bottom: 1em;text-align: center;color: #5a5;font: 18px var(--spm-font-family-heading-alternate);font-weight: 500;margin-top: 1em;}

/* single product */
.woocommerce div.product .product_title {position: relative;margin: 0 0 0.5em;font: bold 35px/1.1 var(--spm-font-family-heading-alternate);}

.woocommerce div.product h2 {font: bold 45px/1.1 var(--spm-font-family-heading-alternate);}

.woocommerce div.product p.price,
.woocommerce div.product span.price {color: #5a5;font-family: var(--spm-font-family-heading-alternate)}

.woocommerce div.product form.cart div.quantity {margin-right: 10px;}
.woocommerce .quantity .qty {width: 4.5em;font-size: 15px;}

.woocommerce .related.products h2 {font: bold 28px/1.1 var(--spm-font-family-heading-alternate);}

/* Photoswipe overrides */
.pswp__bg {background-color: white !important;}
/* Override the transparent background on arrow buttons */
button.pswp__button--arrow--left,
button.pswp__button--arrow--right {background-color: rgba(0,0,0,0.5) !important;}
button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right:hover {background-color: rgba(0,0,0,0.7) !important;}


/* 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: 1179px) {
	#header .nav .menu > li > a {padding-left: 15px;padding-right: 15px;}
	#header .nav .menu > li:hover > .sub-menu {left: 0;}
	#header .nav.right .menu > li:last-child:hover > .sub-menu {right: 0;}
	/* #header .nav .menu > li.has_images {position: static;}
	#header .nav .menu > li.has_images > .sub-menu {right: 0;margin: 0 auto;} */
	
	#footer .columns.columns-4 {--spm-column-count: 2;--spm-column-gap: 100px;}
}

@media only screen and (max-width: 1023px) {
	body {padding: 0 0 46px;}
	
	.header_container {position: static;}
	
	#header .wrap {height: auto;padding: 20px 20px 1px;}
	#header .logo {position: static;margin: 0 auto 20px;}
	#header .nav_container {position: relative;display: flex;justify-content: center;}
	#header .nav {position: static;width: auto;}
	#header .nav.left {padding-right: 0;}
	#header .nav.right {padding-left: 0;}
}

@media only screen and (max-width: 959px) {
	html {overflow-x: hidden;}
	body {overflow-x: hidden;}
	
	#banner .title {font-size: 44px;}
	
	#banner_inside_page .title {padding: 10px 20px 15px;font-size: 48px;}
	
	.layout_block.calls_to_action .columns {--spm-column-count: 3;}
	
	.layout_block.multi_column .columns.columns-5,
	.layout_block.multi_column .columns.columns-6,
	.layout_block.multi_column .columns.columns-7 {--spm-column-count: 3;}
}

@media only screen and (max-width: 847px) {
	#header .wrap {padding: 80px 20px 1px;}
	#header #responsive_menu_button {display: flex;}
	#header .nav_container {display: none;}
	
	#banner .slide .wrap {padding: 55px 15px 0;}
	
	#banner_inside_page .wrap {min-height: auto;}
}

@media only screen and (max-width: 767px) {
	#cookie_notice {bottom: 46px;text-align: center;font-size: 13px;}
	#cookie_notice .wrap {flex-direction: column;align-items: center;}
	#cookie_notice .spm_button {font-size: 15px;}
	
	#banner .slide .wrap {min-height: 426px;}
	
	#banner_inside_page .page_title {font-size: 40px;}
	
	#content {float: none;width: auto;margin: 0 0 40px;}
	
	#content .blog_post {flex-direction: column;}
	#content .blog_post .image_container {width: 100%;}
	#content .blog_post .image_container .image {position: static;width: 100%;max-height: 250px;}
	#content .blog_post .text_container {width: 100%;}
	
	#sidebar {float: none;width: auto;max-width: 370px;margin: 0 auto;padding: 0 20px;}
	
	.layout_block .button_row {justify-content: center;}
	
	.layout_block .column_count-2,
	.layout_block .column_count-3 {display: inline-block !important;column-count: 1;}
	.layout_block .column_count-4,
	.layout_block .column_count-5,
	.layout_block .column_count-6 {display: inline-block !important;column-count: 2;}
	
	.layout_block.content_editor.content_with_image .columns.content_with_image_columns {display: block;margin-right: 0;}
	.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column {width: auto !important;margin: 0 0 40px;}
	.layout_block.content_editor.content_with_image .columns.content_with_image_columns > .column.column-image .image {width: min(360px,100%);}
	
	.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns {display: block;margin-right: 0;}
	.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column {width: auto !important;margin: 0 0 40px !important;}
	.layout_block.content_editor.content_with_image_background .columns.content_with_image_columns > .column-description > .layer_2 {padding: 0;}
	
	.layout_block.multi_column .columns.columns-2 {display: block;margin: 0;}
	.layout_block.multi_column .columns.columns-2 > .column {width: auto;margin: 0 0 30px;}
	.layout_block.multi_column ul {display: inline-block;text-align: start;}
	
	.layout_block.multi_column.request_a_quote {background-image: url(images/layout_block-multi_column-request_a_quote-mobile.jpg);}
	.layout_block.multi_column .columns.columns-2 > .column {width: auto !important;}
	
	.layout_block.documents .columns {--spm-column-count: 2;}
	
	.layout_block.appearance_protection_plan .columns {display: block;margin: 0;}
	.layout_block.appearance_protection_plan .columns > .column {width: auto;margin: 0 0 20px;}
	
	#mobile_footer {display: block;}
	
	.woocommerce ul.products.columns-2,
	.woocommerce ul.products.columns-3,
	.woocommerce ul.products.columns-4,
	.woocommerce ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	.woocommerce ul.products.columns-7,
	.woocommerce ul.products.columns-8,
	.woocommerce ul.products.columns-9 {--spm-column-count: 2;}
}

@media only screen and (max-width: 639px) {
	.layout_block.multi_column .columns {display: block;margin-right: 0;}
	.layout_block.multi_column .columns > .column {width: auto;margin: 0 0 60px;}
	
	#footer {text-align: center;}
	#footer .columns {display: block;max-width: 320px;margin: 0 auto;}
	#footer .columns > .column {width: auto;margin: 0 0 40px;}
	#footer .title:after {right: 0;margin: 0 auto;}
}

@media only screen and (max-width: 567px) {
	#upper .menu {display: none;}
	
	.layout_block .column_count-4,
	.layout_block .column_count-5,
	.layout_block .column_count-6 {column-count: 1;}
	
	.layout_block.calls_to_action .columns {display: block;margin: 0;}
	.layout_block.calls_to_action .columns > .column {width: auto;min-height: auto;margin: 0 0 20px;}
	.layout_block.calls_to_action .columns > .column > .layer_2 {padding: 80px 20px;}
}