/*
	Theme Name: K&M Hot Water Systems
	Description: Sledgehammer Base Theme w/ Bootstrap 5.1.3
	Version: 1.0.0
	Author: Sledgehammer Creative

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* ----------FONTS---------- */
/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/inter-v18-latin-regular.woff2') format('woff2');
}
/* inter-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/inter-v18-latin-italic.woff2') format('woff2');
}
/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/inter-v18-latin-700.woff2') format('woff2');
}
/* inter-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/inter-v18-latin-700italic.woff2') format('woff2');
}
/* inter-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/shbase/fonts/inter-v18-latin-900.woff2') format('woff2');
}

/* ----------BASE STYLES---------- */
:root {
	--bgcolor: #ffffff;
  --gray: #f4f4f9;
  --dkblue: #1e194d;
  --ltblue: #413592;
  --peri: #c5c5d6;
  --yellow: #f4ea16;
  --text: #212121;
  --inputs: #ffffff;
}
body {
	background-color: var(--bgcolor);
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Inter', 'Tahoma', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
	line-height: 1.6;
}
p, ul, ol {
  font-size: 1.125rem;
	margin-bottom: 1.5rem;
}
a, a:link, a:visited {
	color: var(--dkblue);
	font-weight: 700;
	text-decoration: none;
	transition: all 0.4s ease !important;
}
a:hover, a:active, a:focus {
	color: var(--ltblue);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .heading {
	margin: 0 0 1.5rem 0;
	font-weight: 900;
	color: var(--dkblue);
	line-height: 1.2;
}
h1 {font-size:2rem;}
h2 {font-size:1.625rem;}
h3 {font-size:1.375rem;}
h4 {font-size:1.125rem;}
h5 {font-size:1rem;}
h6 {font-size:.875rem;}
hr {
	border-top: 1px solid var(--peri);
	opacity: 1;
}
@media (min-width : 768px) {
	h1, h2, h3, h4, h5, h6, .heading {
		margin: 0 0 2rem 0;
	}
	h1 {font-size:3rem;}
	h2 {font-size:2.25rem;}
	h3 {font-size:1.5rem;}
	h4 {font-size:1.375rem;}
	h5 {font-size:1.125rem;}
	h6 {font-size:1rem;}
	p, ul, ol {
		margin-bottom: 2rem;
		font-size: 1.25rem;
	}
}
@media (min-width : 1200px) {
	h1 {font-size:4rem;}
}

/* ---Buttons--- */
button, a.btn-primary, a.btn-secondary, a.btn-tertiary {
  display: inline-block;
  margin: 7px 0;
	padding: 14px;
  vertical-align: middle;
  border: none;
	border-radius: 5px;
  font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	text-decoration: none;
  transition: all 0.4s ease;
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus,
a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus,
a.btn-tertiary:hover, a.btn-tertiary:active, a.btn-tertiary:focus {
  box-shadow: none;
}
button, a.btn-primary {
	background-color: var(--dkblue);
	color: var(--yellow);
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {
	background-color: var(--yellow);
	color: var(--dkblue);
}
a.btn-secondary {
	background-color: var(--yellow);
	color: var(--dkblue);
}
a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus {
	background-color: var(--dkblue);
	color: var(--yellow);
}
a.btn-tertiary {
	background-color: var(--ltblue);				
	color: var(--yellow);
}
a.btn-tertiary:hover, a.btn-tertiary:active, a.btn-tertiary:focus {
	background-color: var(--yellow);
	color: var(--ltblue);
}
.btn-close {
	opacity: 1;
}
.btn-close:hover {
	opacity: 1;
}


/* ---Misc Sitewide--- */
.overlay {
  position: absolute;
  top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3e%3cpath d='M25 20.42h-3.42V17h-1.16v3.42H17v1.16h3.42V25h1.16v-3.42H25v-1.16z' style='fill:%23fff;opacity:.07'/%3e%3c/svg%3e");
	background-size: 42px;
	background-repeat: repeat;
	background-position: center;
	z-index: 0;
}
/* Image Placeholders */
.ratio > * {
	/*bootstrap overrides */
  top: inherit;
  left: inherit;
  width: inherit;
	height: inherit;
}
.ratio {
  position: relative;
  aspect-ratio: 3 / 2;
}
.ratio .featured {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.4s ease;
}
.ratio .wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--gray);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3e%3cpath d='M25 20.42h-3.42V17h-1.16v3.42H17v1.16h3.42V25h1.16v-3.42H25v-1.16z' style='fill:%23e6e5ea'/%3e%3c/svg%3e");
	background-size: 42px;
	background-repeat: repeat;
	background-position: center;
  border-radius: 15px;
  transition: all 0.4s ease;
}
.ratio .wrapper img {
  width: 110px;
  height: auto;
  transition: all 0.4s ease;
}
.ratio .wrapper:hover img {
  transform: scale(1.1);
}
.extra-marg {
	margin-top: 2rem;
}
@media (min-width : 768px) {
	.extra-marg {
		margin-top: 3rem;
	}
}
@media (min-width : 1400px) {
	.extra-marg {
		margin-top: 5rem;
	}
}
/* Form Placeholders */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #7c7c7c;
	opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #7c7c7c;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #7c7c7c;
}
@media (max-width : 768px) { /* Increase side padding on mobile */
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-left: calc(var(--bs-gutter-x) * 1);
		padding-right: calc(var(--bs-gutter-x) * 1);
	}
}

/* ---Carousels--- */
.slick-prev, .slick-next, .slick-autoplay-toggle-button {
	display: block;
	position: absolute;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-size: 32px;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  border: none;
  border-radius: 7px;
  outline: none;
  z-index: 999;
  cursor: pointer;
}
.slick-prev, .slick-prev:hover, .slick-prev:active, .slick-prev:focus {
	background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3crect width='32' height='32' fill='%23f4ea16' rx='7' ry='7' transform='rotate(180 16 16)'/%3e%3cpath fill='%231e194d' d='m15 16 5.3-5.3a1.6 1.6 0 0 0 0-2.2c-.6-.6-1.6-.6-2.2 0L11.7 15c-.5.5-.6 1.2-.3 1.8l6.7 6.8a1.6 1.6 0 1 0 2.2-2.2L15 16Z'/%3e%3c/svg%3e");
}
.slick-prev:hover {
	background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3crect width='32' height='32' rx='7' ry='7' style='fill:%23413592' transform='rotate(180 16 16)'/%3e%3cpath d='m15.02 16 5.27-5.27c.29-.29.46-.69.46-1.1s-.16-.81-.46-1.1c-.59-.59-1.62-.59-2.21 0l-6.37 6.37c-.48.48-.58 1.19-.31 1.77l-.07.06 6.75 6.75c.29.29.69.46 1.1.46s.81-.16 1.1-.46.46-.69.46-1.1-.16-.81-.46-1.1l-5.26-5.27Z' style='fill:%23f4ea16'/%3e%3c/svg%3e ");
}
.slick-next, .slick-next:hover, .slick-next:active, .slick-next:focus {
	background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3crect width='32' height='32' fill='%23f4ea16' rx='7' ry='7'/%3e%3cpath fill='%231e194d' d='M20.6 15.3 14 8.5a1.6 1.6 0 0 0-2.2 2.2L17 16l-5.3 5.3a1.6 1.6 0 0 0 0 2.2c.3.3.7.4 1.1.4s.8-.1 1.1-.4l6.4-6.4a2 2 0 0 0 .3-1.8Z'/%3e%3c/svg%3e ");
}
.slick-next:hover {
	background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3crect width='32' height='32' rx='7' ry='7' style='fill:%23413592'/%3e%3cpath d='m20.6 15.34.07-.06-6.75-6.75a1.563 1.563 0 0 0-2.67 1.11c0 .42.16.81.46 1.1l5.26 5.27-5.27 5.27c-.29.29-.46.69-.46 1.1s.16.81.46 1.11.7.46 1.1.46.8-.15 1.1-.46l6.37-6.37c.48-.48.58-1.19.31-1.77Z' style='fill:%23f4ea16'/%3e%3c/svg%3e");
}
.slick-autoplay-toggle-button {
  background-color: transparent;
}
.slick-autoplay-toggle-button .btn-pause, .slick-autoplay-toggle-button .btn-play {
  background-size: 32px;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
.slick-autoplay-toggle-button .btn-pause {
	display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3crect width='32' height='32' fill='%23f4ea16' rx='7' ry='7'/%3e%3cpath fill='%231e194d' d='M15 10.8v10.4c0 .5-.5 1-1 1h-3.2a1 1 0 0 1-1-1V10.8c0-.5.5-1 1-1H14c.6 0 1 .5 1 1Zm7.2 0v10.4c0 .5-.5 1-1 1H18a1 1 0 0 1-1-1V10.8c0-.5.4-1 1-1h3c.6 0 1.1.5 1.1 1Z'/%3e%3c/svg%3e ");
}
.slick-autoplay-toggle-button .btn-pause:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f4ea16%7d%3c/style%3e%3c/defs%3e%3crect width='32' height='32' rx='7' ry='7' style='fill:%23413592'/%3e%3cpath d='M14.97 10.84v10.32c0 .57-.46 1.03-1.03 1.03h-3.1c-.56 0-1.03-.46-1.03-1.03V10.84c0-.57.47-1.04 1.03-1.04h3.1c.57 0 1.03.47 1.03 1.04ZM22.2 10.84v10.32c0 .57-.47 1.03-1.03 1.03h-3.1c-.57 0-1.03-.46-1.03-1.03V10.84c0-.57.46-1.04 1.03-1.04h3.1c.56 0 1.03.47 1.03 1.04Z' class='cls-1'/%3e%3c/svg%3e");
}
.slick-autoplay-toggle-button .btn-play {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3crect width='32' height='32' fill='%23f4ea16' rx='7' ry='7'/%3e%3cpath fill='%231e194d' d='m22.6 17-10.2 6c-1 .4-2-.2-2-1.3v-12c0-1.1 1-1.8 2-1.3l10.2 6.2c1 .6 1 2 0 2.5Z'/%3e%3c/svg%3e ");
}
.slick-autoplay-toggle-button .btn-play:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3crect width='32' height='32' rx='7' ry='7' style='fill:%23413592'/%3e%3cpath d='M22.62 17.06 12.4 22.92c-.93.51-2.07-.14-2.07-1.21V9.63c0-1.07 1.15-1.73 2.07-1.21l10.22 6.21c.94.53.94 1.91 0 2.44Z' style='fill:%23f4ea16'/%3e%3c/svg%3e");
}

/* ---Builder--- */
.builder .row {
	margin-top: 2rem;
	margin-bottom: 2rem;
	overflow: hidden;
}
.builder .row:first-of-type {
	margin-top: 0;
}
.builder .row:last-of-type {
	margin-bottom: 0;
}
.builder img.corners {
	border-radius: 15px;
}/*
@media (min-width : 768px) {
	.builder .row {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
}*/
@media (min-width : 992px) {
	.builder .row {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
}
/*@media (min-width : 1400px) {
	.builder .row {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
}*/

/* ----------HEADER---------- */
header {
	background-color: var(--bgcolor);
}
header .topbar-wrap {
	background-color: var(--ltblue);
	height: 44px;
	color: #fff;
	line-height: 1;
}
header .icon-social {
	width: 24px;
	height: 24px;
}
.navbar-brand img {
	display: block;
	width: 140px;
	height: auto;
}
a.phone-wrap {
	position: relative;
	padding: 9px;
	background-color: var(--yellow);
	border-radius: 5px;
	z-index: 99;
}
.icon-phone {
  display: block;
	width: 26px;
	height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cpath fill='%231e194d' d='M3.6 23.1c0 2 1.6 3.6 3.5 3.6h3.6c2 0 3.5-1.6 3.5-3.6V3.6h14.3C30.5 3.6 32 5 32 7v19.6c0 2-1.6 3.5-3.5 3.5h-25A3.5 3.5 0 0 1 0 26.6V7c0-2 1.6-3.6 3.6-3.6V23Zm7-21.3c1 0 1.9.8 1.9 1.8V23c0 1-.8 1.8-1.8 1.8H7c-1 0-1.8-.8-1.8-1.8V3.6c0-1 .8-1.8 1.8-1.8h3.6Zm7.2 8.9c0 1 .8 1.8 1.8 1.8h7c1 0 1.9-.8 1.9-1.8V8.9c0-1-.8-1.8-1.8-1.8h-7.1c-1 0-1.8.8-1.8 1.8v1.8Zm3.5 7a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Zm-1.7 5.4a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm7-7.1a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm1.8 8.9a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Z'/%3e%3c/svg%3e");
  background-size: 26px;
}
a.whatsapp-wrap {
	position: relative;
	padding: 9px;
	background-color: var(--dkblue);
	border-radius: 5px;
	z-index: 99;
}
.icon-whatsapp {
  display: block;
	width: 26px;
	height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cpath fill='%23f4ea16' d='M32 15.9a16 16 0 0 1-16 15.8c-2.7 0-5.3-.6-7.6-1.9L0 32l2.2-8.2a15.9 15.9 0 0 1 25-19.1c3 3 4.8 7 4.8 11.2Zm-2.7 0c0-3.6-1.5-6.9-4-9.4A13.2 13.2 0 0 0 4.8 22.9l.3.6-1.3 4.8 5-1.3.5.3a13 13 0 0 0 6.7 1.9c7.3 0 13.3-6 13.3-13.2ZM24 19.6c0 .2 0 1-.3 2-.3.9-1.9 1.7-2.6 1.8-1.3.2-2.3.1-4.8-1-4-1.7-6.6-5.7-6.8-6-.1-.2-1.6-2.1-1.6-4s1-3 1.4-3.4c.4-.4.8-.5 1-.5h.8c.3 0 .6 0 1 .7l1.1 3c.1.2.2.4 0 .7-.7 1.5-1.5 1.4-1 2.1 1.5 2.6 3 3.6 5.3 4.7.4.2.6.2.9 0l1.2-1.6c.3-.4.6-.4 1-.2l2.6 1.3c.4.1.7.2.8.4Z'/%3e%3c/svg%3e");
  background-size: 26px;
}
.int-header {
	position: relative;
	background-color: var(--dkblue);
	padding: 40px 0;
}
.int-header .container {
	position: relative;
	z-index: 99;
}
.int-header h1 {
  position: relative;
  margin: 0;
  color: #fff;
  z-index: 99;
}
.int-header span {
  position: relative;
  display: block;
  margin-top: 1rem;
  color: var(--peri);
  z-index: 99;
}
.int-header .watermark {
  display: none;
}
@media (min-width : 768px) {
	.int-header {
		padding: 80px 0;
	}
	.int-header span {
	 font-size: 1.25rem;
	}
}
@media (min-width : 992px) {
	.int-header .watermark {
		display: block;
	  position: absolute;
	  top: 0;
	  right: 0;
	  height: 100%;
	  width: auto;
	  z-index: 1;
	}
}
@media (min-width : 1200px) {
	.icon-phone {
	  display: inline-block;
	  margin-right: 5px;
		width: 16px;
		height: 16px;
	  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cpath fill='%23f4ea16' d='M3.6 23.1c0 2 1.6 3.6 3.5 3.6h3.6c2 0 3.5-1.6 3.5-3.6V3.6h14.3C30.5 3.6 32 5 32 7v19.6c0 2-1.6 3.5-3.5 3.5h-25A3.5 3.5 0 0 1 0 26.6V7c0-2 1.6-3.6 3.6-3.6V23Zm7-21.3c1 0 1.9.8 1.9 1.8V23c0 1-.8 1.8-1.8 1.8H7c-1 0-1.8-.8-1.8-1.8V3.6c0-1 .8-1.8 1.8-1.8h3.6Zm7.2 8.9c0 1 .8 1.8 1.8 1.8h7c1 0 1.9-.8 1.9-1.8V8.9c0-1-.8-1.8-1.8-1.8h-7.1c-1 0-1.8.8-1.8 1.8v1.8Zm3.5 7a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Zm-1.7 5.4a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm7-7.1a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm1.8 8.9a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Z'/%3e%3c/svg%3e ");
	  background-size: 16px;
	}
	.icon-whatsapp {
	  display: inline-block;
	  margin-right: 5px;
		width:16px;
		height: 16px;
	  background-size: 16px;
	}
	.int-header {
		padding: 100px 0;
	}
	.int-header span {
	  max-width: 60%;
	}
}
@media (min-width : 1400px) {
	.navbar-brand img {
		width: 200px;
	}
}

/* ----------NAVIGATION---------- */
.navbar {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:visited,
.navbar-nav .nav-link:hover
 {
	font-size: 1.5rem;
	color: var(--dkblue);
}
.navbar-nav .nav-link:active,
.navbar-nav .nav-link:focus {
	color: var(--ltblue);
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited,
.dropdown-item:hover {
	background-color: transparent;
	padding-top: .5rem;
	padding-bottom: .5rem;
	font-size: 1.125rem;
	color: var(--dkblue);
}
.dropdown-item:active,
.dropdown-item:focus {
	color: var(--ltblue);
}
.dropdown-menu {
	background-color: transparent;
	min-width: max-content;
	white-space: nowrap;
	border-radius: 0;
	border: none;
	transform: none !important;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}
.dropdown-toggle::after {
  transition: transform 0.4s ease;
}
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.navbar .navbar-toggler {
	position: relative;
	margin: 0;
	padding: 9px;
	background-color: var(--ltblue);
	border: none;
  border-radius: 5px;
	z-index: 99;
}
.navbar .navbar-toggler:focus {
	background-color: var(--ltblue);
  box-shadow: none;
}
.navbar-toggler-icon {
	display: block;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
  background-size: 26px;
}
.navbar .navbar-toggler.collapsed .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cpath fill='%23fff' d='M2.4 6.8h27.2a1.3 1.3 0 0 0 0-2.5H2.4a1.3 1.3 0 0 0 0 2.5Zm27.2 7.9H2.4a1.3 1.3 0 0 0 0 2.6h27.2a1.3 1.3 0 0 0 0-2.6Zm0 10.4H2.4a1.3 1.3 0 0 0 0 2.6h27.2a1.3 1.3 0 0 0 0-2.6Z'/%3e%3c/svg%3e ");
}
.offcanvas {
	background-color: var(--gray);
}
.navbar-nav .request .nav-link {
	background-color: var(--yellow);
	font-size: 1.5rem;
	color: var(--dkblue);
	text-align: center;
}
.navbar-nav .estimate .nav-link {
	margin-top: 1rem;
	background-color: var(--dkblue);
	font-size: 1.5rem;
	color: var(--yellow);
	text-align: center;
}
@media (min-width : 1200px) {
	.navbar-nav {
		margin-right: 170px;
	}
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited
	 {
	 	padding-left: .75rem;
	 	padding-right: .75rem;
		font-size: 1rem;
		color: var(--dkblue);
	}
	.navbar-nav .nav-link:hover,
	.navbar-nav .nav-link:active,
	.navbar-nav .nav-link:focus {
		color: var(--ltblue);
	}
  .dropdown-menu {
		right: 0 !important;
		background-color: var(--gray);
		border-top: 4px solid var(--dkblue);
		border-radius: 0 0 5px 5px;
	}
	.dropdown-item,
	.dropdown-item:link,
	.dropdown-item:visited {
		font-size: 1rem;
	}
	.dropdown-item:hover,
	.dropdown-item:active,
	.dropdown-item:focus {
		color: var(--ltblue);
	}
	/*special button positioning*/
	.navbar-nav .request .nav-link {
		position: absolute;
		top: 0;
		right: 0;
		width: 165px;
	}
	.navbar-nav .estimate .nav-link {
		position: absolute;
		top: 30px;
		right: 0;
		width: 165px;
	}
	/*special button styling*/
	.navbar-nav .request .nav-link,
	.navbar-nav .request .nav-link:link,
	.navbar-nav .request .nav-link:visited,
	.navbar-nav .estimate .nav-link,
	.navbar-nav .estimate .nav-link:link,
	.navbar-nav .estimate .nav-link:visited {
		padding-left: 1rem;
		padding-right: 1rem;
		border-radius: 5px;
		font-size: 1rem;
	}
	.navbar-nav .request .nav-link:hover,
	.navbar-nav .request .nav-link:active,
	.navbar-nav .request .nav-link:focus {
		background-color: var(--ltblue);
		color: var(--yellow);
		border-radius: 5px;
	}
	.navbar-nav .estimate .nav-link,
	.navbar-nav .estimate .nav-link:link,
	.navbar-nav .estimate .nav-link:visited {
		color: var(--yellow);
	}
	.navbar-nav .estimate .nav-link:hover,
	.navbar-nav .estimate .nav-link:active,
	.navbar-nav .estimate .nav-link:focus {
		background-color: var(--ltblue);
		color: var(--yellow);
	}
}
@media (min-width : 1400px) {
	.navbar-nav {
		margin-right: 185px;
	}
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:link,
	.navbar-nav .nav-link:visited
	 {
	 	padding-left: 1rem;
	 	padding-right: 1rem;
		font-size: 1.125rem;
		color: var(--dkblue);
	}
	.navbar-nav .request .nav-link,
	.navbar-nav .request .nav-link:link {
		position: absolute;
		top: 7px;
		width: 180px;
		font-size: 1.125rem;
	}
	.navbar-nav .estimate .nav-link,
	.navbar-nav .estimate .nav-link:link {
		position: absolute;
		top: 47px;
		width: 180px;
		font-size: 1.125rem;
	}
}

/* ----------HERO IMAGE---------- */
.hero-wrap-static {
	position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 230px;
  background-color: var(--ltblue);
  background-image: url('/wp-content/themes/shbase/img/hero-sm.png');
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
}
.hero-wrap-static .hero-content {
	display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  z-index: 9;
}
.hero-wrap-static .hero-content h1 {
	margin-bottom: .5rem;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.3;
}
.hero-wrap-static .hero-content h1 div {
	display: flex;
	align-items: center;
  color: var(--yellow);
}
.hero-wrap-static .hero-content .icon-alert {
	margin-right: 5px;
  height: 24px;
  width: 24px;
}
.hero-wrap-static .hero-content .company {
	display: block;
	align-self: flex-start;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
.hero-wrap-static .hero-content .tag {
	position: relative;
	display: inline-block;
	align-self: flex-start;
  font-size: .875rem;
  color: #fff; 
}
.hero-wrap-static .hero-content .underline {
	position: relative;
	display: inline-block;
	top: -10px;
  width: 170px;
  height: 7px;
}
.hero-wrap-static .hero-content > small {
	position: absolute;
	bottom: 5px;
	align-self: flex-start;
  font-size: .75rem;
  color: #fff;
}
.hero-wrap-static .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
}
/*animation*/
.pulse  {
	animation: pulse 1.5s ease-in-out infinite both;
}
@-webkit-keyframes pulse {
  from {
	  transform: scale(1);
	  transform-origin: center center;
	  animation-timing-function: ease-out;
  }
  10% {
  	transform: scale(0.80);
  	animation-timing-function: ease-in;
  }
  17% {
  	transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.70);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
@keyframes pulse {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.80);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.70);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
@media (min-width : 576px) {
	.hero-wrap-static .overlay {
	  display: none;
	}
}
@media (min-width : 768px) {
	.hero-wrap-static {
	  height: 360px;
	  background-image: url('/wp-content/themes/shbase/img/hero-md.png');
	}
	.hero-wrap-static .hero-content h1 {
	  font-size: 2rem;
	}
	.hero-wrap-static .hero-content .company {
	  font-size: 1.5rem;
	}
	.hero-wrap-static .hero-content .tag {
	  font-size: 1.25rem;
	}
	.hero-wrap-static .hero-content .underline {
	  width: 235px;
	}
	.hero-wrap-static .hero-content > small {
		position: relative;
		bottom: auto;
		margin-top: 5px;
	  font-size: .875rem;
	}
}
@media (min-width : 992px) {
	.hero-wrap-static {
	  height: 540px;
	  background-image: url('/wp-content/themes/shbase/img/hero-lg.png');
	}
	.hero-wrap-static .hero-content h1 {
		margin-bottom: 1rem;
	  font-size: 2.5rem;
	}
	.hero-wrap-static .hero-content > small {
		margin-top: 15px;
	}
}
@media (min-width : 1200px) {
	.hero-wrap-static .hero-content {
		padding: 2rem;
	}
	.hero-wrap-static .hero-content h1 {
	  font-size: 3rem;
	}
	.hero-wrap-static .hero-content .icon-alert {
	  height: 34px;
	  width: 34px;
	}
	.hero-wrap-static .hero-content .company {
	  font-size: 1.75rem;
	}
	.hero-wrap-static .hero-content .tag {
	  font-size: 1.5rem;
	}
	.hero-wrap-static .hero-content .underline {
	  width: 285px;
	}
	.hero-wrap-static .hero-content > small {
		margin-top: 25px;
	}
}
@media (min-width : 1400px) {
	.hero-wrap-static .hero-content {
		padding: 2rem 4rem;
	}
}
@media (min-width : 1600px) {
	.hero-wrap-static .hero-content h1 {
	  font-size: 4rem;
	}
}

/* ----------HERO SLIDER---------- */
.hero-wrap {
	position: relative;
}
.hero-wrap .overlay {
	background-image: none;
	background: linear-gradient(359deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
}
#hero-slider {
	background-color: var(--dkblue);
}
#hero-slider .slick-slide {
	position: relative;
	line-height: 0;
}
#hero-slider .featured {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: left center;
  transition: all 0.25s linear;
}
#hero-slider .slick-slide > div > div {
	height: 250px;
}
#hero-slider .slide-text-wrapper {
	display: inline-block;
	position: absolute;
	bottom: 5%;
  left: 50%;
  width: 90%;
  margin-left: -45%;
  text-align: center;
  font-size: .875rem;
  color: #fff;
  line-height: 1.4;
  z-index: 9;
}
#hero-slider .slide-text-wrapper .slide-heading {
	display: block;
	font-size: 1.25rem;
	font-weight: 900;
	color: var(--yellow);
	line-height: 1.3;
}
#hero-slider .slide-text-wrapper .slide-heading br {
	display: inline-block;
}
#hero-slider .slick-prev {
	top: 10px;
	right: 50px;
}
#hero-slider .slick-next {
	top: 10px;
	right: 10px;
}
#hero-slider .slick-autoplay-toggle-button {
  top: 10px;
  left: 10px;
}
@media (min-width : 428px) {
	#hero-slider .slide-text-wrapper {
	  font-size: 1rem;
	}
	#hero-slider .slide-text-wrapper .slide-heading {
		font-size: 1.5rem;
	}
}
@media (min-width : 576px) {
	#hero-slider .slick-slide > div > div {
		height: 350px;
	}
	#hero-slider .slide-text-wrapper .slide-heading {
		font-size: 2rem;
	}
	
}
@media (min-width : 768px) {
	#hero-slider .slide-text-wrapper {
		bottom: 22%;
	}
	#hero-slider .slide-text-wrapper .slide-heading {
		font-size: 2rem;
	}
	#hero-slider .slide-text-wrapper .slide-heading br {
		display: none;
	}
	#hero-slider .slick-slide > div > div {
		height: 500px;
	}
}
@media (min-width : 992px) {
	#hero-slider .slide-text-wrapper {
		width: 70%;
		margin-left: -35%;
	}
}
@media (min-width : 1200px) {
	#hero-slider .slick-slide > div > div {
		height: 600px;
	}
	#hero-slider .slide-text-wrapper {
		width: 840px;
		margin-left: -420px;
		font-size: 1.25rem;
	}
	#hero-slider .slide-text-wrapper .slide-heading {
		font-size: 2.5rem;
	}
}
@media (min-width : 1400px) {
	#hero-slider .slick-slide > div > div {
		height: 700px;
	}
	#hero-slider .slide-text-wrapper {

	}
}
@media (min-width : 1600px) {
	#hero-slider .slide-text-wrapper {
		right: 10%;

	}
}
@media (min-width : 1800px) {
	#hero-slider .slide-text-wrapper {
		right: 15%;

	}
}

/* ----------REQUEST BLOCKS---------- */
.request-wrap .block {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--dkblue);
	border-radius: 10px;
	line-height: 1.3;
}
.request-wrap .block > div {
	padding: 1.25rem .75rem
}
.request-wrap .block:first-of-type{
	color: #fff;
}
.request-wrap .block .kicker {
	font-size: 1rem;
	font-weight: 400;
	color: #515151;
}
.request-wrap .block:first-of-type .kicker {
	color: #d3d3d3;
}
.request-wrap .block .btn-primary {
	margin: 15px 0 0 0;
	border: 2px solid var(--dkblue);
}
.request-wrap .block:first-of-type .btn-primary {
	background-color: var(--yellow);
	color: var(--dkblue);
	border: 2px solid var(--yellow);
}
.request-wrap .block:first-of-type a.btn-primary:hover, 
.request-wrap .block:first-of-type a.btn-primary:active, 
.request-wrap .block:first-of-type a.btn-primary:focus {
	background-color: transparent;
	color: var(--yellow);
}
/* ---Blue Block--- */
.request-wrap .block:first-of-type {
	background-color: var(--dkblue);
}
/* ---Yellow Block--- */
.request-wrap .block:last-of-type {
	background-color: var(--yellow);
}
@media (min-width : 768px) {
	.request-wrap  {
		margin-top: -100px;
	}
	.request-wrap .block:first-of-type {
		border-radius: 10px 0 0 10px;
	}
	.request-wrap .block:last-of-type {
		border-radius: 0 10px 10px 0;
	}
}
@media (min-width: 428px) and (max-width: 767px) {
	.request-wrap .block br {
		display: none;
	}
}
@media (min-width : 992px) {
	.request-wrap  {
		margin-top: -170px;
	}
	.request-wrap .block {
		font-size: 1.75rem;
	}
	.request-wrap .block .kicker {
		font-size: 1.125rem;
	}
}
@media (min-width : 1200px) {
	.request-wrap .block {
		font-size: 2rem;
	}
	.request-wrap .block > div {
		padding: 2rem;
	}
	.request-wrap .block .kicker {
		font-size: 1.25rem;
	}
}

/* ----------CONTENT---------- */
main {
	position: relative;
	padding: 40px 0;
	background-color: var(--bgcolor);
}
#home main {
	padding: 20px 0 50px;
}
#home main .container {
	position: relative;
	z-index: 9;
}
#home main .container.content-wrap {
	margin-top: 40px;
}
#home main h1 {
	font-size: 2.5rem;
}
#home main .masonry-wrap {
  width: 100%;
  max-width: 400px;
  align-items: start;
}
#home main .flex-half {
  flex: 0 0 calc(50% - 1rem); /* Take up 50% width minus the gap */
}
#home main .ratio {
	border-radius: 5px;
	box-shadow: 7px 7px 0 0 #413592;
}
#home main .ratio .featured {
	border-radius: 5px;
}
#home main .ratio.img-one {
	flex: 0 0 calc(50% - 1rem); /* Take up 50% width minus the gap */
	aspect-ratio: 29 / 39;
}
#home main .ratio.img-two, #home main .ratio.img-three {
	aspect-ratio: 1 / 1;
}
main article ul {
  list-style-type: none;
  padding-left: 1rem;
}
main article ul li {
  position: relative;
  padding-left: 20px;
}
main article ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 10 10'%3e%3cpath fill='%23413592' d='M9.1 3.6 2.3.2C1.3-.4 0 .4 0 1.6v6.8c0 1.2 1.2 2 2.3 1.4L9 6.4a1.6 1.6 0 0 0 0-2.8Z'/%3e%3c/svg%3e ");
  background-size: 10px;
}
main .crosses-one, main .crosses-two, main .crosses-three {
	position: absolute;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3e%3cpath d='M25 20.42h-3.42V17h-1.16v3.42H17v1.16h3.42V25h1.16v-3.42H25v-1.16z' style='fill:%23e6e5ea'/%3e%3c/svg%3e");
	background-size: 42px;
	background-repeat: repeat;
	background-position: center;
}
main .crosses-one {
	top: 27%;
	left: 8px;
	width: 95px;
	height: 400px;
}
main .crosses-two {
	top: 65%;
	right: 5px;
	width: 270px;
	height: 90px;
	background-position: top;
}
main .crosses-three {
	bottom: 0;
	right: 0;
	width: 280px;
	height: 275px;
}
@media (min-width : 576px) {
		main .crosses-two {
		top: 55%;
	}
}
@media (max-width : 781px) {
	main article ul.wp-block-list {
		margin-bottom: 0;
	}
	main article :where(.wp-block-columns.is-layout-flex) {
		gap: 0;
	}
}
@media (min-width : 768px) {
	#home main h1 {
		font-size: 3rem;
	}
	#home main .ratio {
		box-shadow: 10px 10px 0 0 #413592;
	}
	main .crosses-one {
		top: 8%;
	}
	main .crosses-two {
		top: 35%;
	}
}
@media (min-width : 992px) {
	#home main, main {
		padding: 80px 0;
	}
	#home main .container.content-wrap {
		margin-top: 80px;
	}
	#home main .masonry-wrap {
	  max-width: none;
	}
	main .crosses-two {
		top: 13%;
		width: 530px;
	}
}
@media (min-width : 1200px) {
	#home main h1 {
		font-size: 3.75rem;
	}
	main .crosses-one {
		left: 0;
		width: 200px;
	}
	main .crosses-two {
		top: 21%;
	}
}
@media (min-width : 1400px) {
	main .crosses-two {
		right: 0;
		width: 52%;
	}
}

/* ----------SERVICES---------- */
.services-wrap {
	padding: 40px 0;
	background-color: var(--dkblue);
}
.services-wrap .heading {
	display: block;
	font-size: 1.875rem;
	color: #fff;
}
.services-wrap .slick-slide {
	margin: .5rem;
	padding: 1.5rem 1rem;
	background-color: var(--ltblue);
	border-radius: 10px;
	font-size: 1rem;
	color: var(--peri);
}
.services-wrap .ratio {
	aspect-ratio: 3 / 2;
}
.services-wrap .featured {
	border-radius: 10px;
}
.services-wrap h2 {
	margin: 1.5rem 0 1rem;
	font-size: 1.25rem;
	color: #fff;
}
.services-wrap p {
	margin-bottom: 1rem;
	font-size: 1rem;
}
.services-wrap a, .services-wrap a:link, .services-wrap a:visited {
	display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: #fff;
  text-decoration: none;
}
.services-wrap a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(to left, var(--yellow) 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right;
  transition: background-position 0.4s ease;
}
.services-wrap a:hover::after {
  background-position: left;
}
.services-wrap a:hover, .services-wrap a:active, .services-wrap a:focus {
  color: #fff;
}
#services-slider .slick-prev {
	top: -50px;
	right: 50px;
}
#services-slider .slick-next {
	top: -50px;
	right: 10px;
}
@media (min-width : 768px) {
	.services-wrap .heading {
		margin-bottom: 40px;
		font-size: 2.5rem;
	}
	#services-slider .slick-prev, #services-slider .slick-next {
		top: -88px;
		background-size: 48px;
		width: 48px;
  	height: 48px;
	}
	#services-slider .slick-prev {
		right: 70px;
	}
}
@media (min-width : 1200px) {
	.services-wrap {
		padding: 80px 0;
	}
	.services-wrap .heading {
		margin-bottom: 60px;
		font-size: 2.75rem;
	}
	.services-wrap .slick-slide {
		padding: 2rem 1.25rem;
	}
	#services-slider .slick-prev, #services-slider .slick-next {
		top: -110px;
	}
}

/* ----------PARTNERS---------- */
.partner-wrap {
	padding: 40px 0;
	background-color: var(--bgcolor);
}
.partner-wrap .container > div {
	padding: 1rem;
	background-color: var(--gray);
	border-radius: 15px;
}
.partner-wrap .heading {
	display: block;
	font-size: 1.875rem;
	text-align: center;
	max-width: 295px;
}
.partner-wrap .container img {
	margin: 10px 5px;
	width: auto;
	max-width: 40%;
	height: auto;
	max-height: 60px;
}
@media (min-width : 576px) {
	.partner-wrap .heading {
		max-width: none;
	}
	.partner-wrap .container img {
		margin: 10px;
		max-width: 25%;
	}
}
@media (min-width : 992px) {
	.partner-wrap .container img {
		max-width: 12%;
	}
}
@media (min-width : 1200px) {
	.partner-wrap {
		padding: 80px 0;
	}
	.partner-wrap .container > div {
		padding: 3rem 1rem;
	}
	.partner-wrap .heading {
		margin-bottom: 40px;
		font-size: 2.5rem;
	}
	.partner-wrap .container img {
		margin: 20px 10px;
	}
}

/* ----------CTA---------- */
.cta-wrap {
	position: relative;
	padding: 1.5rem;
	background-color: var(--gray);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3e%3cpath d='M25 20.42h-3.42V17h-1.16v3.42H17v1.16h3.42V25h1.16v-3.42H25v-1.16z' style='fill:%23e6e5ea'/%3e%3c/svg%3e");
	background-size: 42px;
	background-repeat: repeat;
	background-position: center;
	border-radius: 15px;
	text-align: center;
}
.cta-wrap > div {
	position: relative;
	z-index: 9;
}
.cta-wrap .heading {
	display: block;
	font-size: 1.25rem;
	line-height: 1.4;
}
.cta-wrap a.btn-tertiary:hover, .cta-wrap a.btn-tertiary:active, .cta-wrap a.btn-tertiary:focus {
	background-color: var(--dkblue);
	color: var(--yellow);
}
@media (min-width : 576px) {
	.cta-wrap .heading {
		font-size: 1.75rem;
	}
}
@media (min-width : 768px) {
	.cta-wrap {
		padding: 3.5rem;
	}
}
@media (min-width : 1200px) {
	.cta-wrap .heading {
		font-size: 2rem;
	}
}

/* ----------SPECIALS---------- */
.special {
	padding: .5rem;
	border: 3px dashed var(--text);
}
.special h2 {
	display: block;
	margin: 0;
	padding: .5rem;
	background-color: var(--ltblue);
	font-size: 1.5rem;
	color: #fff;
}
.special .content {
	display: block;
	margin: .5rem 0;
	padding: 0 .5rem;
}
.special .wrapper {;
	padding: .5rem;
	background-color: var(--gray);
	font-size: .75rem;
}
.special .wrapper img {
	margin-right: 1rem;
}
.special .wrapper .expiration {
	font-weight: 700;
}

/* ----------CONTACT---------- */
.service-map img {
	margin-top: 1rem;
	border-radius: 15px;
}

/* ----------FAQ---------- */
.faq #accordion {
	max-width: 960px;
}
.faq .accordion-item {
  margin-bottom: 15px;
  border: none;
  border-radius: 0;
}
.faq .accordion-header {
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
  border-radius: 0;
  line-height: 1;
}
.faq .accordion-header button { /* minus */
  width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 14px 40px 14px 14px;
  font-size: 1.5rem;
  line-height: 1;
  text-align: left;
  background-color: var(--ltblue);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm7.88-1.12c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h8.25c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12H7.88Z' style='fill:%23f4ea16'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 20px;
  color: #fff;
}
.faq .accordion-header button.collapsed { /* plus */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm12 5.25c.62 0 1.12-.5 1.12-1.12v-3h3c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12h-3v-3c0-.62-.5-1.12-1.12-1.12s-1.12.5-1.12 1.12v3h-3c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h3v3c0 .62.5 1.12 1.12 1.12Z' style='fill:%23f4ea16'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.faq .accordion-body {
  background: var(--gray);
  padding: 14px;
}
.faq .accordion-body p {
  font-size: 1.125rem;
}
.faq .accordion-body p:last-of-type {
  margin-bottom: 0;
}

/* ----------SIDEBARS---------- */
.sidebar-widget, .sidebar-form {
	background-color: var(--gray);
	margin: 15px 0;
	padding: 15px;
	border-radius: 5px;
}
.sidebar-widget ul, .sidebar-form ul {
	margin: 0 0 15px 0;
	padding-left: 0;
	font-size: 1rem;
}
.sidebar-widget li {
	list-style: none;
	padding: 3px 0;
	line-height: 1.2;
}
.sidebar-widget li a {
	font-weight: 700;
}
.sidebar-widget .post-date {
	display: block;
	font-size: .875rem;
}
.sidebar-widget .search-input {
	border-radius: 5px;
}
#main aside {
	background-color: #fff;
	z-index: 9;
}
aside.position-sticky.stuck button.btn-toggle {
   margin-top: 20px;
}
aside button.btn-toggle {
	padding: 20px 40px 20px 20px;
	width: 100%;
	font-size: 1.25rem;
	color: var(--dkblue);
	line-height: 1;
	text-align: left;
	background-color: #e3e3e5;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm7.88-1.12c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h8.25c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12H7.88Z' style='fill:%231e194d'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 20px;
}
aside button.btn-toggle.collapsed {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 12C0 5.37 5.37 0 12 0s12 5.37 12 12-5.37 12-12 12S0 18.63 0 12Zm12 5.25c.62 0 1.12-.5 1.12-1.12v-3h3c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12h-3v-3c0-.62-.5-1.12-1.12-1.12s-1.12.5-1.12 1.12v3h-3c-.62 0-1.12.5-1.12 1.12s.5 1.12 1.12 1.12h3v3c0 .62.5 1.12 1.12 1.12Z' style='fill:%231e194d'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.sidebar-nav {
	padding: 0;
	margin: 0;
}
.sidebar-nav li {
	padding: 0;
	display: block;
	list-style: none;
}
.sidebar-nav a, .sidebar-nav a:link, .sidebar-nav a:visited {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: 1rem;
	background-color: var(--gray);
	color: var(--dkblue);
	border-radius: 5px;
	transition: all 0.4s ease !important;
}
.sidebar-nav a:hover, .sidebar-nav a:active, .sidebar-nav a:focus {
	background-color: var(--peri);
}
.sidebar-nav .current_page_item a {
	background-color: var(--dkblue);
	color: var(--yellow);
}
@media (min-width : 768px) {
  .sidebar-widget, .sidebar-form {
  	margin: 0;
  }
}
@media (min-width : 992px) {
	#main aside {
		background-color: transparent;
	}
	aside.position-sticky.stuck .sidebar-nav {
	   margin-top: 30px;
	}
	.sidebar-nav a, .sidebar-nav a:link, .sidebar-nav a:visited {
		margin: 0 0 15px;
	}
}

/* ----------ARTICLES---------- */
.archive h2 {
	margin-bottom: 0;
	font-size: 1.5rem;
}
.archive .meta, .single .meta {
	display: block;
	margin-bottom: 15px;
	font-size: .875rem;
}
.single .meta {
	padding: 1rem;
	background-color: var(--gray);
	border-radius: 5px;
}
.archive .excerpt p {
	font-size: 1rem;
}
.archive .excerpt p:last-of-type {
	margin-bottom: 0;
}
.pagination {
	padding: 7px;
	background-color: #f2f2f2;
	border-radius: 0;
}
.page-numbers {
	margin-right: 3px;
	background-color: transparent;
	border-radius: 5px;
}
.prev.page-numbers, .next.page-numbers {
	padding: 0 5px;
	background-color: var(--bgcolor);
	border-radius: 5px;
}

/* ----------SEARCH---------- */
.search-wrap {
	display: none;
  background-color: var(--gray);
}
form.search {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.search-input {
	padding: 0 5px;
  background-color: var(--bgcolor);
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 0;
}
.search-submit {
  position: absolute;
  top: -2px;
  right: 5px;
  padding: 8px;
  font-size: .875rem;
}
.archive.search article {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.archive.search article h2 {
  margin-bottom: 5px;
  font-size: 1.5rem;
}
@media (min-width : 992px) {
    button.search-toggler {
    top: 10px;
    right: 30px;
  }
  .search-toggler-icon {
    width: 20px;
  	height: 20px;
  }
}

/* ----------FOOTER---------- */
footer {
	position: relative;
	padding: 40px 0 60px;
	background-color: var(--dkblue);
	color: var(--peri);
}
footer .container {
	position: relative;
	z-index: 9;
}
footer .snippet {
	max-width: 450px;
}
footer .heading {
	font-size: 1.375rem;
	font-weight: 700;
	color: #fff;
}
footer .address, footer .phone, footer .whatsapp {
	display: block;
	position: relative;
	padding-left: 20px;
}
footer .address::before, footer .phone::before, footer .whatsapp::before {
	position: absolute;
	top: 3px;
	left: 0;
	content: '';
	background-size: 16px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
footer .address::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23f4ea16' d='M14.5 31.3C11.3 27.3 4 17.5 4 12a12 12 0 0 1 24 0c0 5.5-7.3 15.3-10.5 19.3-.8 1-2.2 1-3 0Zm-2-21.3a4 4 0 0 0 3.5 6 4 4 0 0 0 3.5-6 4 4 0 0 0-7 0Z'/%3e%3c/svg%3e");
}
footer .phone::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23f4ea16' d='M3.6 23.1c0 2 1.6 3.6 3.5 3.6h3.6c2 0 3.5-1.6 3.5-3.6V3.6h14.3C30.5 3.6 32 5 32 7v19.6c0 2-1.6 3.5-3.5 3.5h-25A3.5 3.5 0 0 1 0 26.6V7c0-2 1.6-3.6 3.6-3.6V23Zm7-21.3c1 0 1.9.8 1.9 1.8V23c0 1-.8 1.8-1.8 1.8H7c-1 0-1.8-.8-1.8-1.8V3.6c0-1 .8-1.8 1.8-1.8h3.6Zm7.2 8.9c0 1 .8 1.8 1.8 1.8h7c1 0 1.9-.8 1.9-1.8V8.9c0-1-.8-1.8-1.8-1.8h-7.1c-1 0-1.8.8-1.8 1.8v1.8Zm3.5 7a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Zm-1.7 5.4a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm7-7.1a1.8 1.8 0 0 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm1.8 8.9a1.8 1.8 0 0 0-3.5 0 1.8 1.8 0 0 0 3.5 0Z'/%3e%3c/svg%3e ");
}
footer .whatsapp::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23f4ea16' d='M32 15.9a16 16 0 0 1-16 15.8c-2.7 0-5.3-.6-7.6-1.9L0 32l2.2-8.2a15.9 15.9 0 0 1 25-19.1c3 3 4.8 7 4.8 11.2Zm-2.7 0c0-3.6-1.5-6.9-4-9.4A13.2 13.2 0 0 0 4.8 22.9l.3.6-1.3 4.8 5-1.3.5.3a13 13 0 0 0 6.7 1.9c7.3 0 13.3-6 13.3-13.2ZM24 19.6c0 .2 0 1-.3 2-.3.9-1.9 1.7-2.6 1.8-1.3.2-2.3.1-4.8-1-4-1.7-6.6-5.7-6.8-6-.1-.2-1.6-2.1-1.6-4s1-3 1.4-3.4c.4-.4.8-.5 1-.5h.8c.3 0 .6 0 1 .7l1.1 3c.1.2.2.4 0 .7-.7 1.5-1.5 1.4-1 2.1 1.5 2.6 3 3.6 5.3 4.7.4.2.6.2.9 0l1.2-1.6c.3-.4.6-.4 1-.2l2.6 1.3c.4.1.7.2.8.4Z'/%3e%3c/svg%3e ");
}
footer p.gform_description {
	margin: 0;
}
footer .gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	margin-bottom: 15px !important;
	display: block;
	color: var(--peri);
}
footer .gform-theme--foundation .gfield input.large {
	height: 40px;
	border: none;
	border-radius: 5px;
}
footer .gform-button {
	background-color: var(--ltblue) !important;
	height: 40px !important;
	font-weight: 700 !important;
	color: var(--yellow) !important;
	border: none !important;
	border-radius: 5px !important;
	transition: all 0.4s ease !important;
}
footer .gform-button:hover, footer .gform-button:active, footer .gform-button:focus {
	background-color: var(--yellow) !important;
	color: var(--dkblue) !important;
}
.footer-nav {
	padding: 0;
	margin: 0;
}
.footer-nav li {
	padding: 0;
	display: block;
	list-style: none;
}
.footer-nav .nav-link {
  padding: 5px 0;
}
footer a, footer a:link, footer a:visited {
	display: inline-block;
	font-size: 1rem;
	font-weight: 400;
	color: var(--peri);
	transition: all 0.4s ease !important;
}
footer a:hover, footer a:active, footer a:focus {
	color: var(--yellow);
	text-decoration: none;
}
.credit-wrap > div {
	background-color: var(--ltblue);
	margin-top: 3rem;
	padding: 1rem;
	font-size: .75rem;
	text-align: center;
	color: var(--gray);
	border-radius: 15px;
}
.credit-wrap a, .credit-wrap a:link, .credit-wrap a:visited {
	font-size: .75rem;
	font-weight: 400;
	color: var(--gray);
}
.credit-wrap a:focus, .credit-wrap a:hover, .credit-wrap a:active {
	color: var(--yellow);
}
footer .crosses-one, footer .crosses-two {
	position: absolute;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3e%3cpath d='M25 20.42h-3.42V17h-1.16v3.42H17v1.16h3.42V25h1.16v-3.42H25v-1.16z' style='fill:%23fff;opacity:.07'/%3e%3c/svg%3e");
	background-size: 42px;
	background-repeat: repeat;
}
footer .crosses-one {
	top: 10px;
	right: 0px;
	width: 100px;
	height: 155px;
}
footer .crosses-two {
	bottom: 0;
	left: 0;
	width: 320px;
	height: 255px;
}
footer .crosses-three {
	display: none;
}
@media (min-width : 768px) {
	.credit-wrap br {
		display: none;
	}
}
@media (min-width : 1200px) {
	footer {
		padding: 80px 0;
		font-size: 1.125rem;
	}
	footer .logo {
		width: 150px;
		height: auto;
	}
	footer .heading {
		font-size: 1.625rem;
	}
	footer a, footer a:link, .footer a:visited {
		font-size: 1.125rem;
	}
	footer .address::before, footer .phone::before, footer .whatsapp::before {
		top: 5px;
	}
	footer .crosses-one {
		top: 20px;
		width: 125px;
		height: 420px;
	}
	.credit-wrap > div {
		margin-top: 4rem;
	}
}

/* ----------FORMS---------- */
.grecaptcha-badge { visibility: hidden; }
form .small {font-size: .75rem}
main .gform_wrapper form {
	padding: 1.5rem;
	background-color: var(--gray);
	border-radius: 15px;
	max-width: 900px;
}
.gform-theme--foundation .gform_fields {
	row-gap: 20px !important;
}
.gfield_label {
	font-weight: 700 !important;
}
.gfield input, .gfield textarea {
	border: none !important;
	box-shadow: none !important;
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	background-color: var(--ltblue) !important;
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	color: var(--ltblue) !important;
}
.gfield--type-section h3 {
	margin: 0 !important;
}
input.gform_button[type="submit"] {
	margin: 7px 0 !important;
	padding: 14px !important;
	background-color: var(--dkblue) !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: var(--yellow) !important;
	transition: all 0.4s ease !important;
}
input.gform_button[type="submit"]:hover, input.gform_button[type="submit"]:active, input.gform_button[type="submit"]:focus {
	background-color: var(--yellow) !important;
	color: var(--dkblue) !important;
}
.nf-error-msg.nf-error-field-errors {
	margin-top: 30px;
}

/* ----------WP CORE---------- */
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.wp-block-image {
	margin:25px 0;
}
.wp-block-image figcaption {
	text-align: left;
	font-size: .875em;
}
.wp-block-image img {
	height: auto;
}
 .wp-block-buttons {
   margin-bottom: 15px;
 }
a.wp-block-button__link {
	margin: 7px 0;
	padding: 14px;
	background-color: var(--dkblue);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--yellow);
	text-align: center;
	line-height: 1;
	border: none;
	border-radius: 5px;
}
a.wp-block-button__link:hover {
	background-color: var(--yellow);
	color: var(--dkblue);
}
.wp-block-search__button {
	margin: 0 0 0 5px;
}
.wp-block-separator {
	border-bottom: 1px solid var(--peri);
	opacity: 1;
}
.image-text-wrap {
    position: relative;
    overflow: hidden;
}

.image-text-wrap .img-fluid {
    max-width: 100%; /* Ensure the image is not too large */
    height: auto;
}

.image-text-wrap .content {
    overflow: hidden;
}

/* For 'left' layout: Float image to the left */
.image-text-wrap .float-left {
    float: left;
    margin-right: 20px; /* Adjust space between image and text */
    max-width: 40%; /* Control image size, adjust as needed */
}

/* For 'right' layout: Float image to the right */
.image-text-wrap .float-right {
    float: right;
    margin-left: 20px; /* Adjust space between image and text */
    max-width: 40%; /* Control image size, adjust as needed */
}

/* ----------MENU ANIMATIONS---------- */
@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* ----------ACCESSIBILITY---------- */
@media screen and (prefers-reduced-motion) {
* {transition:none !important; transition-duration: 0s !important;}
}
* a:focus-visible, * button:focus-visible {
  outline: 3px solid #0000ff !important;
}
.skip-link {
  display: block;
  position: absolute !important;
  transform: translateY(-100%);
  overflow: hidden;
  margin-left: -100px;
  padding: 5px 0;
  background-color: var(--bgcolor);
  width: 200px !important;
  font-weight: 700;
  color: var(--dkblue);
  text-align: center;
  left: 50%;
  z-index: 999;
}
.skip-link:focus {
  transform: translateY(0%);
}

/* ----------PRINT---------- */
@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]::after,a[href^="#"]::after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}