/*
Theme Name: Splish Splash Auto Bath Ohio
Theme URI: https://www.steerpoint.com/
Author: SteerPoint
Author URI: https://www.steerpoint.com/
Description: Custom Theme for the Splish Splash Auto Bath Ohio Website
Version: 1.0
Text Domain: splishsplashautobathohio
*/
 
/* Custom Properties */
:root {
	--spm-color-blue: #57b7e7;
	--spm-color-dark-blue: #0e4697;
	--spm-color-yellow: #fff200;
	
	--spm-font-family-heading: Poppins, Arial, Helvetica, sans-serif;
	--spm-font-family-body: 'Roboto Slab', 'Times New Roman', Times, serif;
}

/* Overall Formatting */
body {min-width: 1200px;overflow-x: hidden;margin: 0;padding: 116px 0 0;color: #000;font: 20px/1.6 var(--spm-font-family-body);background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.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: #0090d5;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: 2px;background-color: #aaa;border: none;}
figure {margin: 0;}
dl {overflow: hidden;margin: 0 0 1em;}
dt, dd {float: left;}
dt {clear: both;margin-right: 0.3em;font-weight: bold;}
dd {margin: 0;}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea,
select {width: 100%;padding: 0.6em 0.8em;color: #666;font: 16px var(--spm-font-family-heading);background-color: #fff;border: 1px solid black;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.5em 1.5em;color: #000;text-transform: uppercase;font: bold 28px/1em var(--spm-font-family-body);background-color: #fff;border: 1px solid #000;border-radius: 0;box-shadow: 8px 8px #000;appearance: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s, border-color 0.2s;}
input[type="submit"]:hover {background-color: var(--spm-color-yellow);}
textarea {overflow: auto;}

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

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

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

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

/* - buttons (.button was already taken by WooCommerce) - */
.spm_button,
.spm_button:visited {display: inline-block;padding: 0.5em 1.5em;color: #000;text-transform: uppercase;font: bold 28px/1em var(--spm-font-family-body);border: 1px solid #000;border-radius: 0;background-color: #fff;box-shadow: 8px 8px #000;transition: color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;}
.spm_button:hover {text-decoration: none;background-color: var(--spm-color-yellow);}

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

/* 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;color: #000;text-decoration: none;font-size: 20px;background-color: var(--spm-color-yellow);}
#cookie_notice .spm_button:hover {background-color: #fff;}

/* Responsive Menu */
#responsive_menu {position: fixed;z-index: 999;opacity: 0;left: -999em;overflow: auto;width: 100%;height: 100%;color: #fff;font: 18px/1.2em var(--spm-font-family-heading);-webkit-overflow-scrolling: touch;transition: opacity 0.2s linear, left 0.2s step-end;}
#responsive_menu.active {opacity: 1;left: 0;transition: opacity 0.2s linear, left step-end;}

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

#responsive_menu #responsive_menu_button_close {position: absolute;left: 0;top: 0;padding-left: 15px;text-transform: uppercase;text-decoration: none;font-size: 28px;line-height: 50px;}
#responsive_menu #responsive_menu_button_close i {line-height: 50px;}

#responsive_menu .menu a {display: block;}

#responsive_menu .menu {width: 220px;height: 100%;margin: 0;padding: 80px 0 0;list-style: none;background-color: #0b0834;}

#responsive_menu .menu > li {margin: 0;}
#responsive_menu .menu > li > a {cursor: pointer;padding: 8px 20px;}
#responsive_menu .menu > li > a:hover {font-weight: bold;letter-spacing: -0.03em;}

#responsive_menu .sub-menu {position: absolute;opacity: 0;left: -999em;top: 0;bottom: 0;width: calc(100% - 180px);margin: 0;padding: 80px 0 0;text-transform: uppercase;list-style: none;font-weight: bold;font-size: 15px;background-color: #333;transition: opacity 0.2s linear, left 0.2s step-end;}
#responsive_menu .menu > li.active > .sub-menu {opacity: 1;left: 180px;transition: opacity 0.2s linear, left step-end;}
#responsive_menu .sub-menu > li {margin: 0;border-bottom: none;}
#responsive_menu .sub-menu > li > a {padding: 10px 15px;}
#responsive_menu .sub-menu > li > a:hover {background-color: #444;}

#responsive_menu .sub-menu .sub-menu {display: none !important;}

.header_container {position: fixed;z-index: 999;left: 0;right: 0;top: 0;}

/* Alert Notice */
#alert_notice {color: #fff;text-align: center;font-size: 15px;background-color: var(--spm-color-yellow);box-shadow: 0 0 10px rgba(0,0,0,0.3);transition: transform 0.5s, left step-end, right step-end;}
#alert_notice .wrap {position: relative;padding: 20px;}

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

#alert_notice .spm_button {color: #000;text-decoration: none;font-size: 16px;background-color: #fff;}
#alert_notice .spm_button:hover {background-color: #ddd;}

/* Header */
#header {position: relative;background-color: #fff;font: 14px/1.2em var(--spm-font-family-heading);}
#header .wrap {position: relative;height: 73px;}

#header a {color: #000;text-decoration: none;}

#header #responsive_menu_button {position: absolute;display: none;left: 0;top: 0;padding: 0 20px 0 55px;text-transform: uppercase;text-decoration: none;font-size: 18px;line-height: 50px;}
#header #responsive_menu_button i {position: absolute;left: 15px;top: 0;font-size: 28px;line-height: 50px;}

#header .logo {position: absolute;z-index: 999;overflow: hidden;left: 20px;top: 10px;width: 250px;height: 206px;margin: 0;text-indent: -999em;background: url(images/header-logo.webp) no-repeat 0 / 100%;transform-origin: 0 0;transition: transform 0.3s;image-rendering: -webkit-optimize-contrast;}
.scrolled #header .logo {transform: scale(66.667%);}
#header .logo a {position: relative;display: block;overflow: hidden;height: 100%;}

#header .contact_info {position: absolute;display: flex;column-gap: 20px;right: 20px;bottom: 20px;}

#header .contact_info a,
#header .contact_info span {position: relative;display: flex;column-gap: 10px;align-items: center;}
#header .contact_info a i,
#header .contact_info span i {font-size: 1.8em;}
#header .contact_info span i.icon-map-marker {font-size: 2.3em;}

#header .contact_info .phone {text-transform: uppercase;font-weight: bold;font-size: 16px;}

#header .contact_info .social_media {display: flex;gap: 10px;align-items: center;margin-left: 10px;}
#header .contact_info .social_media i.icon-facebook {color: #0f4ba1;}

/* - nav - */
#nav {color: #fff;background-image: linear-gradient(#383838,#010101);border-bottom: 3px solid #fff;}

#nav a {color: #fff;}

#nav .menu {display: flex;justify-content: space-evenly;margin: 0;padding: 0 0 0 250px;list-style: none;text-transform: uppercase;font-size: 0;line-height: 0;}
#nav .menu > li {position: relative;display: inline-block;margin: 0;font-size: 18px;line-height: 40px;}

#nav .menu > li > a {position: relative;display: block;cursor: pointer;text-decoration: none;padding: 0 10px;}
/* #nav .menu > li.current-menu-item > a {} */
#nav .menu > li:hover > a {color: var(--spm-color-blue);font-weight: bold;letter-spacing: -0.01em;}
#nav .menu > li.menu-item-has-children > a {padding-right: 25px;}
#nav .menu > li.menu-item-has-children > a:after {position: absolute;right: 5px;top: 50%;margin-top: -8px;content: '\e908';font-weight: normal;font-size: 17px;line-height: 1em;font-family: 'icomoon';}

#nav .sub-menu {position: absolute;z-index: 998;opacity: 0;width: 246px;left: -999em;margin: 0;padding: 10px 0;list-style: none;text-align: left;text-transform: none;font-weight: normal;font-size: 13px;line-height: 1.3em;background-color: #fff;box-sizing: border-box;box-shadow: 0 10px 30px rgba(0,0,0,0.15);transform: translateY(10px);transition: transform 0.3s ease, opacity 0.2s linear, left 0.2s step-end, right 0.2s step-end;}
#nav .menu > li:hover > .sub-menu {opacity: 1;left: 0;transform: translateY(0);transition: transform 0.2s ease, opacity 0.2s linear, left step-end, right step-end;}
#nav .menu > li.right > .sub-menu,
#nav .menu > li:last-child > .sub-menu {left: auto;right: 999em;}
#nav .menu > li.right:hover > .sub-menu,
#nav .menu > li:last-child:hover > .sub-menu {right: 0;}

#nav .sub-menu > li {float: none;left: auto;margin: 0;}
#nav .sub-menu > li > a {display: block;padding: 6px 20px;color: #000;text-decoration: none;}
#nav .sub-menu > li > a:hover {font-weight: bold;letter-spacing: -0.01em;}

/* Banner (Home) */
#banner {margin: 0 0 40px;padding: 0 0 45px;color: #fff;text-align: center;font-size: 28px;line-height: 1.3em;background: url(images/banner.webp) repeat-x bottom / 1px 45px;}
#banner > .layer_2 {position: relative;display: flex;align-items: flex-end;min-height: 450px;padding: 50px 0 10px;background-color: #000;}

/*#banner .video_container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#banner .video_container > .layer_2 {display: flex;height: 100%;align-items: center;}

#banner video {flex-grow: 1;width: 100%;}*/

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

#banner .wrap {position: relative;flex-grow: 1;max-width: 960px;}

#banner .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.10),rgba(17,3,3,0.75),rgba(11,8,52,0.74));}

#banner .title {margin: 0 0 0.2em;color: #ffe402;text-transform: uppercase;font: 900 68px/0.9em var(--spm-font-family-heading);}

#banner span {display: inline-block;}

/* Banner (Inside Pages) */
#banner_inside_page {padding: 0 0 45px;color: #fff;text-align: center;font-size: 28px;line-height: 1.3em;background: url(images/banner.webp) repeat-x bottom / 1px 45px;}
#banner_inside_page > .layer_2 {position: relative;display: flex;align-items: flex-end;min-height: 450px;padding: 50px 0 10px;background-color: #000;}

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

#banner_inside_page .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.10),rgba(17,3,3,0.75),rgba(11,8,52,0.74));}

#banner_inside_page .wrap {position: relative;flex-grow: 1;}

#banner_inside_page .page_title {margin: 0 0 0.2em;text-transform: uppercase;font: 900 68px/0.9em var(--spm-font-family-heading);}
#banner_inside_page .secondary_title {margin: 0 0 1.3em;font-size: 32px;}

#banner_inside_page .content span {display: inline-block;margin-top: 20px;padding: 10px 30px;color: #000;background-color: #ffe402;border: 1px solid #000;}

#banner_inside_page .spm_button {font-size: 24px;}

/* Main Page Container */
#main {padding: 70px 0 20px;}

/* Content */
#content {float: left;width: 72%;margin: 0 0 40px;}
#content.full_width {float: none;width: auto;}

#content a {font-weight: bold;}

#content .page_title {text-align: center;text-transform: uppercase;font: 900 48px/1em var(--spm-font-family-heading);}

#content .postmetadata {color: #aaa;font-size: 14px;}

#content .title {margin: 0 0 1em;font: 900 24px/1.1em var(--spm-font-family-heading);}
#content .title a {text-decoration: none;}

#content h3 {font: 900 22px/1.1em var(--spm-font-family-heading);}

#content img.img_right {float: right;width: 100%;max-width: 300px;margin: 0 0 20px 20px;}

/* - blog - */
/* .blog #content .post {position: relative;margin: 0 0 30px;padding-left: 50%;}

.blog #content .wp-post-image {position: absolute;width: 50%;left: 0;top: 0;}
#blog_posts .wp-post-image {position: relative;width: 400px;height: 400px;object-fit: cover;}

.blog #content .description {padding-left: 30px;}

.blog #content .title {margin: 0 0 0.3em;font-size: 28px;}

.blog #content .column:nth-child(2n+1) {clear: both;}

.blog #content .post.primary {min-height: 375px;margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #aaa;}
.blog #content .post.primary .title {font-size: 42px;}

.single-post #content .wp-post-image {width: 100%;}

.single-post #content .title {margin: 0 0 0.5em;font-weight: 900;font-size: 56px;}

#content .blog_pager {text-align: center;text-transform: uppercase;}
#content .blog_pager .button_container {display: inline-block;}
#content .blog_pager .button_container a {display: block;margin: 0 2px;padding: 5px 10px;color: #fff;text-decoration: none;font-weight: bold;font-size: 21px;background-color: #00477e;transition: background-color 0.2s;}
#content .blog_pager .button_container a:hover {background-color: #678;}
#content .blog_pager .button_container i {position: relative;top: 0.1em;} */

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

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

#sidebar .widgettitle {margin: 0 0 0.5em;font: 900 20px/1.1em var(--spm-font-family-heading);}

/* Layout Blocks */
.layout_block .section_title {margin: 0 0 0.8em;text-transform: uppercase;text-align: center;font: 900 40px/1em var(--spm-font-family-heading);}

.layout_block.bubbles {padding-top: 70px;background: url(images/bubbles.webp) no-repeat center top;}
.layout_block.bubbles .section_title {max-width: 400px;margin: 0 auto 1.5em !important;}

/* - content editor - */
.layout_block.content_editor {padding: 60px 0 45px;}
.layout_block.content_editor.has_bottom_shadow {padding-bottom: 75px;background: url(images/testimonials-bottom.webp) no-repeat center bottom;}

.layout_block.content_editor .section_title {margin: 0 0 0.3em;}

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

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

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

.layout_block.content_editor .columns.content_with_image_columns .section_title {text-align: initial;}

.layout_block.content_editor .columns.content_with_image_columns img {padding: 10px;border: 10px solid #000;box-sizing: border-box;}

/* - content editor (intro) - */
.layout_block.content_editor.intro {text-align: center;font: 22px/1.6em var(--spm-font-family-heading);}
.layout_block.content_editor.intro .wrap {max-width: 960px;}

.layout_block.content_editor.intro .section_title {padding: 20px;color: #000;background-color: #ffe402;border: 1px solid #000;}

.layout_block.content_editor.intro p {margin: 0 0 1.5em;}

.layout_block.content_editor.intro .spm_button {padding-top: 0.4em;padding-bottom: 0.4em;font-size: 38px;}

/* - content editor (contact us) - */
.layout_block.content_editor.contact_us {margin: 40px 0 0;padding: 80px 0 65px;text-align: center;font-size: 20px;background: url(images/layout_block-content_editor-contact_us.jpg) center top / cover;}

/* - multi-column - */
.layout_block.multi_column {padding: 70px 0 55px;text-align: center;}

.layout_block.multi_column .section_title {margin: 0 0 0.5em;}

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

.layout_block.multi_column .intro_text {margin: 0 0 60px;}

.layout_block.multi_column .columns .title {font-weight: bold;font-size: 18px;}

.layout_block.multi_column img.has_shadow {box-shadow: 3px 3px 15px rgba(0,0,0,0.2);}

.layout_block.multi_column h3 {font: bold 22px/1.1em var(--spm-font-family-heading);}

/* - testimonials - */
.layout_block.testimonials {margin: 80px 0 0;padding: 120px 0;text-align: center;font-size: 26px;background: url(images/testimonials-top.webp) no-repeat center top, url(images/testimonials-bottom.webp) no-repeat center bottom;}

.layout_block.testimonials .layer_2 {position: relative;padding: 0 50px;}

.layout_block.testimonials #testimonials-slider {position: relative;}
.layout_block.testimonials #testimonials-slider .slide {overflow: hidden;width: 100%;}

.layout_block.testimonials .slider_button {position: absolute;cursor: pointer;top: 50%;margin-top: -14px;color: #b9b9b9;font-size: 28px;transition: color 0.2s;}
.layout_block.testimonials .slider_button:hover {color: #666;}
.layout_block.testimonials .slider_button#testimonials-prev {left: 0;}
.layout_block.testimonials .slider_button#testimonials-next {right: 0;}

.layout_block.testimonials blockquote {margin: 0;}

.layout_block.testimonials .signed {font: italic 28px var(--spm-font-family-heading);}

.layout_block.testimonials .star_rating {margin: 0 0 0.6em;font-size: 36px;}
.layout_block.testimonials .star_rating i {color: #ffcf00;}

/* - pricing columns - */
.layout_block.pricing_columns {padding: 80px 0;text-align: center;}

.layout_block.pricing_columns .section_title {margin: 0 0 2.5em;font-weight: bold;font-size: 32px;}

.layout_block.pricing_columns .columns {display: grid;margin: 0;gap: 20px;font: 18px/1.4em var(--spm-font-family-heading);}
.layout_block.pricing_columns .columns.columns-2 {grid-template-columns: repeat(2, 1fr);}
.layout_block.pricing_columns .columns.columns-3 {grid-template-columns: repeat(3, 1fr);}
.layout_block.pricing_columns .columns.columns-4 {grid-template-columns: repeat(4, 1fr);}
.layout_block.pricing_columns .columns.columns-5 {grid-template-columns: repeat(5, 1fr);}
.layout_block.pricing_columns .columns.columns-6 {grid-template-columns: repeat(6, 1fr);}
.layout_block.pricing_columns .columns > .column {display: grid;grid-template-rows: 1fr 2fr auto;width: auto;margin: 0;overflow: hidden;color: #fff;background-color: var(--spm-color-blue);border-radius: 25px;}

.layout_block.pricing_columns .columns .title_container {color: #fff;padding: 50px 20px 15px;background-color: #000;line-height: 1;}
.layout_block.pricing_columns .columns .title_container .title {position: relative;margin: 0 0 0.5em;padding: 0 0 0.4em;text-transform: uppercase;font-weight: bold;font-size: 46px;}
.layout_block.pricing_columns .columns .title_container .title:after {position: absolute;left: 0;right: 0;bottom: 0;width: 100px;height: 3px;margin: 0 auto;content: '';background-color: #fff;}
.layout_block.pricing_columns .columns .title_container .title span {display: block;margin-top: -1em;font-weight: normal;font-size: 22px;}
.layout_block.pricing_columns .columns .title_container .price {margin: 0 0 0.2em;color: var(--spm-color-blue);font-weight: bold;font-size: 40px;}
.layout_block.pricing_columns .columns .title_container .billing_frequency {text-transform: uppercase;font-size: 24px;}

.layout_block.pricing_columns .columns .content {display: flex;align-items: center;padding: 20px 25px 20px;}
.layout_block.pricing_columns .columns .content > .layer_2 {flex-grow: 1;}

.layout_block.pricing_columns .columns .button_container {padding: 0 20px 40px;}
.layout_block.pricing_columns .columns .button_container .spm_button {display: block;margin-right: 8px;padding: 0.5em;font-size: 24px;}
.layout_block.pricing_columns .columns .button_container .spm_button:hover {color: #fff;background-color: #000;border-color: #fff;box-shadow: 8px 8px #fff;}

.layout_block.pricing_columns .columns > .column.red {background-color: #9e0b0f;}
.layout_block.pricing_columns .columns > .column.red .title_container .price {color: #9e0b0f;}
.layout_block.pricing_columns .columns > .column.blue {background-color: #0090d6;}
.layout_block.pricing_columns .columns > .column.blue .title_container .price {color: #0090d6;}
.layout_block.pricing_columns .columns > .column.yellow {color: #000;background-color: #fff200;}
.layout_block.pricing_columns .columns > .column.yellow .title_container .price {color: #fff200;}
.layout_block.pricing_columns .columns > .column.orange {color: #000;background-color: #f78d1e;}
.layout_block.pricing_columns .columns > .column.orange .title_container .price {color: #f78d1e;}

/* Footer */
#footer {padding: 0 0 45px;font-size: 24px;line-height: 1.2em;text-align: center;background: url(images/footer.webp) repeat-x bottom / 1px 45px;}
#footer > .layer_2 {position: relative;overflow: hidden;padding: 80px 0 30px;background: url(images/bubbles.webp) no-repeat bottom;}

#footer a {color: #fff;}

#footer .phone_number {font: bold 28px/1em var(--spm-font-family-heading);}

#footer i.icon-facebook {color: #0f4ba1;font-size: 28px;}

/* Footer (Mobile) */
#mobile_footer {display: none;position: fixed;z-index: 998;left: 0;right: 0;bottom: 0;min-width: 320px;text-align: center;text-transform: uppercase;font-weight: bold;font-family: var(--spm-font-family-heading);box-shadow: 0 0px 10px rgba(0,0,0,0.4);}

#mobile_footer ul {overflow: hidden;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li {float: left;margin: 0;width: 50%;}

#mobile_footer ul li a {display: block;padding: 8px 0;color: #fff;text-decoration: none;transition: color 0.2s;background-color: var(--spm-color-blue);}
#mobile_footer ul li a.alternate {background-color: var(--spm-color-dark-blue);}
#mobile_footer ul li i {margin: 0 0.2em 0 0;color: #fff;}

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

/* - comments - */
#comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;}
#comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#comments .commentlist li.odd {background-color: #eee;}
#comments textarea {width: 98%;}

.vcard {font-weight: bold;}
.vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;}
.comment-date {float: right;font-size: 10px;font-weight: normal;}

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

/* jQuery Modal */
.blocker {z-index: 999;background-color: rgba(0,0,0,0.4);}

.modal {max-width: 640px;padding: 30px 30px 15px;font-size: 15px;line-height: 1.4em;border-radius: 20px;box-shadow: 9px 9px 27px rgba(0,0,0,0.25);}

.modal .title {margin: 0 0 0.8em;text-align: center;text-transform: uppercase;font: 900 45px/1em var(--spm-font-family-heading);}

/* Gravity Forms */
.gform_wrapper .ginput_container_date input {width: 100% !important;}

/* 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: 1199px) {
	body {min-width: 320px;}
	
	.wrap {width: auto;}
}

@media only screen and (max-width: 1023px) {
	.layout_block.pricing_columns .columns.columns-4 {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width: 767px) {
	body {padding-top: 0;padding-bottom: 48px;}
	
	#cookie_notice {bottom: 48px;text-align: center;font-size: 13px;}
	#cookie_notice .wrap {flex-direction: column;align-items: center;}
	#cookie_notice .spm_button {font-size: 15px;}
	
	.header_container {position: static;}
	
	#header .wrap {height: auto;padding: 80px 20px 1px;}
	#header #responsive_menu_button {display: block;}
	#header .logo {position: static;width: 153px;height: 143px;top: 10px;margin: 0 auto 10px;}
	.scrolled #header .logo {transform: none;}
	#header .contact_info {top: 10px;bottom: auto;}
	
	#nav {display: none;}

	#banner {font-size: 24px;}
	#banner .title {font-size: 56px;}
	
	#banner_inside_page {font-size: 24px;}
	#banner_inside_page > .layer_2 {min-height: 200px;}
	#banner_inside_page .page_title {font-size: 56px;}
	
	#content {float: none;width: auto;}
	
	#sidebar {float: none;width: auto;height: auto;}
	
	.layout_block.content_editor {padding: 40px 0 25px;}
	
	.layout_block.content_editor .columns.content_with_image_columns.columns-2 {display: block;margin-right: 0;}
	.layout_block.content_editor .columns.content_with_image_columns.columns-2 > .column.column-1,
	.layout_block.content_editor .columns.content_with_image_columns.columns-2 > .column.column-2 {width: auto;margin: 0 0 20px;}
	.layout_block.content_editor .content_with_image_columns {text-align: center;}
	
	.layout_block.multi_column .columns {display: block;margin-right: 0;}
	.layout_block.multi_column .columns > .column {width: auto;margin: 0 0 40px;}
	
	.layout_block.multi_column.unlimited_passes .columns.columns-4 > .column {width: auto;}
	
	.layout_block.pricing_columns .columns.columns-3 {display: block;}
	.layout_block.pricing_columns .columns.columns-3 > .column {display: block;width: auto;margin: 0 0 20px;}
	
	.contact_page .columns.columns-2 {display: block;}
	.contact_page .columns.columns-2 > .column {width: 100%;margin: 0 0 20px;}
	
	#footer .columns.columns-3 {display: block;margin-right: 0;}
	#footer .columns.columns-3 > .column {width: auto;margin: 0 auto 40px;}
	
	#mobile_footer {display: block;}
}

@media only screen and (max-width: 639px) {
	#content .columns.columns-2 {display: block;margin-right: 0;}
	#content .columns.columns-2 > .column {width: auto;margin: 0 0 30px;}
}

@media only screen and (max-width: 567px) {
	#header .contact_info .phone,
	#header .contact_info .social_media {display: none;}
	
	#content img.img_right {float: none;width: 100%;max-width: none;margin: 0 auto;}
	
	.layout_block.pricing_columns .columns {display: block;}
	.layout_block.pricing_columns .columns > .column {display: block;width: auto;margin: 0 0 20px;}
}