/*
Theme Name: Central Heating & Cooling Inc.
Theme URI: https://www.centralheatingandcooling.com/
Description: Central Heating & Cooling Inc. theme created for the Genesis Framework.
Author: Web Dev Team
Author URI: https://www.surefirelocal.com/

Version: 2.0.0

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genesis-child
*/

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing / Float Clearing
--------------------------------------------- */
html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}.author-box::before,.clearfix::before,.entry-content::before,.entry::before,.footer-widgets::before,.nav-primary::before,.nav-secondary::before,.pagination::before,.site-container::before,.site-footer::before,.site-header::before,.site-inner::before,.widget::before,.wrap::before{content:" ";display:table}.author-box::after,.clearfix::after,.entry-content::after,.entry::after,.footer-widgets::after,.nav-primary::after,.nav-secondary::after,.pagination::after,.site-container::after,.site-footer::after,.site-header::after,.site-inner::after,.widget::after,.wrap::after{clear:both;content:" ";display:table}


/* Defaults
---------------------------------------------------------------------------- */

:root {
	--color-primary: #44627E;
	--color-primary-rgb: 68,98,126;
	--color-primary-contrast: #ffffff;
	--color-primary-contrast-rgb: 255,255,255;
	--color-primary-shade: #3c566f;
	--color-primary-tint: #57728b;

	--color-secondary: #001e38;
	--color-secondary-rgb: 0,30,56;
	--color-secondary-contrast: #ffffff;
	--color-secondary-contrast-rgb: 255,255,255;
	--color-secondary-shade: #001a31;
	--color-secondary-tint: #1a354c;

	--color-tertiary: #D9253B;
	--color-tertiary-rgb: 217,37,59;
	--color-tertiary-contrast: #ffffff;
	--color-tertiary-contrast-rgb: 255,255,255;
	--color-tertiary-shade: #bf2134;
	--color-tertiary-tint: #dd3b4f;

	--color-success: #2dd36f;
	--color-success-rgb: 45,211,111;
	--color-success-contrast: #000000;
	--color-success-contrast-rgb: 0,0,0;
	--color-success-shade: #28ba62;
	--color-success-tint: #42d77d;

	--color-warning: #ffc409;
	--color-warning-rgb: 255,196,9;
	--color-warning-contrast: #000000;
	--color-warning-contrast-rgb: 0,0,0;
	--color-warning-shade: #e0ac08;
	--color-warning-tint: #ffca22;

	--color-danger: #eb445a;
	--color-danger-rgb: 235,68,90;
	--color-danger-contrast: #ffffff;
	--color-danger-contrast-rgb: 255,255,255;
	--color-danger-shade: #cf3c4f;
	--color-danger-tint: #ed576b;

	--color-medium: #92949c;
	--color-medium-rgb: 146,148,156;
	--color-medium-contrast: #000000;
	--color-medium-contrast-rgb: 0,0,0;
	--color-medium-shade: #808289;
	--color-medium-tint: #9d9fa6;

	--color-light: #f4f5f8;
	--color-light-rgb: 244,245,248;
	--color-light-contrast: #000000;
	--color-light-contrast-rgb: 0,0,0;
	--color-light-shade: #d7d8da;
	--color-light-tint: #f5f6f9;

  --font-family-primary: "Manrope", sans-serif;
}

.primary-font {
  font-family: var(--font-family-primary);
}

.color-primary {
  color: var(--color-primary) !important;
}

.color-primary-contrast {
  color: var(--color-primary-contrast);
}

.color-secondary {
  color: var(--color-secondary) !important;
}

.color-secondary-contrast {
  color: var(--color-secondary-contrast);
}

.color-tertiary {
  color: var(--color-tertiary) !important;
}

.color-tertiary-contrast {
  color: var(--color-tertiary-contrast);
}

.color-light,
.color-light h2 {
  color: var(--color-light) !important;
}

.color-light-contrast {
  color: var(--color-light-contrast);
}

.background-color-primary {
  background-color: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
}

.background-color-secondary {
  background-color: var(--color-secondary) !important;
  color: --color-secondary-contrast;
}

.btn {
  background-color: var(--color-light);
  border: 1px solid var(--color-light);
  border-radius: 0;
  color: var(--color-light-contrast);
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 700;
  max-width: 260px;
  margin: auto;
  padding: 12px 20px;
  text-align: center;
  width: 100%;
}

.btn:hover {
  box-shadow: inset 0 0 200px rgba(230, 230, 230, 0.25);
}

.btn i {
  font-size: 12px;
  margin-right: 4px;
  margin-left: 4px;
}

.primary-btn {
  background: var(--color-tertiary);
  border: 1px solid var(--color-tertiary);
  color: var(--color-tertiary-contrast) !important;
  padding: 20px;
}

.secondary-btn {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  box-sizing: border-box;
}

.tertiary-btn {
  background: var(--color-tertiary);
  border: 1px solid var(--color-tertiary);
  box-sizing: border-box;
  color: var(--color-tertiary-contrast) !important;
}

.default-btn {
  background: #ffffff;
  color: var(--color-primary);
}

.outline-btn {
  background: transparent;
  border: 2px solid #d9d0c5;
}

.outline-btn-secondary {
  background: transparent;
  border-color: #b8ced7;
  font-weight: 700;
}

.left-align {
  text-align: left;
}

.left-align-m {
  text-align: center;
}

.left-align:after {
  margin-left: 0;
}

.center-align {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.overlay-bg-20,
.overlay-bg-60 {
  position: relative;
}

.overlay-bg-20:before,
.overlay-bg-60:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.overlay-bg-20:before {
  background-color: rgb(0 0 0 / 20%);
}
.overlay-bg-60:before {
  background-color: rgb(0 0 0 / 60%);
  background-position: center;
}

.spacer-40 {
  display: block;
  height: 40px;
}

.medium-width-content .component-content {
  max-width: 750px;
}

div.sfs-review.reviewpostbox-form button.sfcr-submit-review,
div.view-review-form button.sfcr-create-review {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

div.list-of-reviews .review-content {
  background: transparent;
}

.m-hidden {
  display: none;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.more-link {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
}

/* Typographical Elements
--------------------------------------------- */

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #fff;
  color: #6a6a6a;
  font-family: var(--font-family-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  margin: 0;
  overflow-x: hidden;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  transition: all 0.2s ease-in-out;
}

a {
  color: var(--color-tertiary);
  text-decoration: none;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus,
a:hover {
  text-decoration: none;
}

p {
  margin: 0 0 28px;
  padding: 0;
}

ol,
ul {
  margin: 0 0 28px;
  padding: 0;
}

li {
  list-style-type: none;
}

b,
strong {
  font-weight: 700;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

mark {
  background: #ddd;
  color: #333;
}

blockquote {
  margin: 30px;
}

.wp-block-image figure {
  padding-bottom: 40px;
}

.wp-block-image figure img {
  box-shadow: 0 0 4px #f0f0f1;
}

.wp-block-image.pb-0 figure {
	box-shadow: 0 0 5px #f9f9f9;
	margin-bottom: 10px;
    padding: 0;
}

.bolder {
	font-weight: 800;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

h1 {
  font-size: 26px;
  text-align: center;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

.entry-content h3,
.entry-content h4 {
  font-weight: 700;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
  vertical-align: top;
}

figure {
  margin: 0;
}

/* Tables
--------------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-all;
}

tbody {
  border-bottom: 1px solid #eee;
}

td,
th {
  line-height: 2;
  text-align: left;
  vertical-align: top;
}

td {
  padding: 0.5em;
}

tr {
  border-top: 1px solid #eee;
}

th {
  font-weight: 600;
  padding: 0.5em;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
  background: #fff;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333;
  display: block;
  font-size: 1em;
  font-weight: 700;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* CF7
--------------------------------------------- */
.wpcf7 {
  color: #ffffff;
  margin: 0 auto 20px;
  max-width: 530px;
  width: 100%;
  padding: 30px 15px;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7 p {
  margin-bottom: 0;
}

.flex-field {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-field label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.form-sub-title {
  background-color: #2a2b2a;
  color: #fff;
  display: table;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  padding: 6px 30px;
  text-transform: uppercase;
}

.form-title {
  font-size: 34px;
  line-height: 1.4;
  text-transform: uppercase;
}

.form-title p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.grid-field {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}

.form-icon {
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.message-box .form-icon {
  top: 10px;
  transform: none;
}

.submit-button .wpcf7-submit {
  background-color: #ffffff !important;
  color: var(--color-primary);
  font-family: var(--font-family-primary), "Font Awesome 5 Free", sans-serif;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
}

.submit-button .wpcf7-submit:hover {
  color: var(--color-primary);
}

.recaptcha-note {
  padding: 12px 4px 12px;
  font-size: 12px;
  margin: 0;
}

.recaptcha-note a {
  color: inherit;
}

span.wpcf7-spinner {
  position: absolute;
  margin: 0;
}

form.use-floating-validation-tip .wpcf7-not-valid-tip {
  width: auto;
  font-size: 12px;
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
}

form.wpcf7 form .wpcf7-response-output {
  background-color: green;
  text-align: center;
  font-size: 14px;
}

div.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  background-color: red;
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 12px;
}

.grecaptcha-badge {
  opacity: 0;
}

.hero-form.popup {
  background: var(--color-primary);
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  background-color: var(--color-primary);	
  border-right-width: 2px;
  border-right-color: #ffffff;
  padding-right: 26px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  border: 1px solid rgb(255 255 255 / 50%);
  color: #b7b7b7;
}

.contact-form input:hover,
.contact-form select:hover,
.contact-form textarea:hover {
  border-color: transparent;
  color: #ffffff;
  outline: none;
}

/* CF7 Below Slider Layout
--------------------------------------------- */
.below-slider-form .wpcf7 {
  max-width: none;
}

.hero-slider-form.below-slider-form {
  max-width: 1740px;
  margin: auto;
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
  transform: none;
}

.below-slider-form .form-container {
  max-width: 1520px;
  margin: auto;
}

.below-slider-form .flex-field {
  flex-direction: row;
  gap: 20px;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
  background-color: transparent;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 16px;
  width: 100%;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

input:hover,
select:hover,
textarea:hover {
  background-color: var(--color-primary);
  outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

::placeholder {
  color: #ffffff;
  opacity: 1;
}

.search-form-input::placeholder {
  color: #020202 !important;
  opacity: 1;
}

.contact-form {
  background-color: var(--color-secondary);
  padding: 30px;
}

.contact-form :-ms-input-placeholder {
  color: #b7b7b7;
  opacity: 1;
}

.contact-form ::placeholder {
  color: #b7b7b7;
  opacity: 1;
}

.request-form :-ms-input-placeholder {
  color: #898989;
  opacity: 1;
}

.request-form ::placeholder {
  color: #898989;
  opacity: 1;
}

.request-form :hover:-ms-input-placeholder {
  color: #ffffff;
}

.request-form :hover::placeholder {
  color: #ffffff;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 30px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container
  div.wpforms-container-full
  .wpforms-form
  input[type="submit"]:focus,
.site-container
  div.wpforms-container-full
  .wpforms-form
  input[type="submit"]:hover,
.site-container
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:focus,
.site-container
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
.button:focus,
.button:hover {
  color: #fff;
}

.entry-content .button:focus,
.entry-content .button:hover {
  color: #fff;
}

.button {
  display: inline-block;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
  background-color: #eee;
  border-width: 0;
  color: #777;
  cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}

.wp-block-buttons > .wp-block-button,
div.site-container .wp-block-button .wp-block-button__link {
  font-weight: 500;
  max-width: 245px;
  width: 100%;
}

/* Modal Form
--------------------------------------------- */
.modal-active {
  overflow: hidden;
}

#xapp-widget .widget-container--normal,
#xapp-widget .widget-container--static {
  z-index: 2147483646;
}

.modal-button {
  background: #ffffff;
  box-shadow: 0 0 10px 2px rgb(0 0 0 / 15%);	
  color: var(--color-tertiary);
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  left: auto;
  margin: auto;
  max-width: 300px;
  padding: 13px;
  position: fixed;
  text-align: center;
  top: 500px;
  width: 100%;
  z-index: 999;
}

.form-field .relative {
  position: relative;
  flex: 1 100%;
}

.sfl-modal {
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  padding-top: 100px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483646;
}

.sfl-animate-opacity {
  animation: opac 0.8s;
}

.sfl-modal-content {
  margin: auto;
  position: relative;
  outline: 0;
  max-width: 550px;
  width: 100%;
}

.sfl-display-topright {
  position: absolute;
  right: 5px;
  top: 5px;
}

.sfl-button {
  font-size: 16px;
  cursor: pointer;
  z-index: 9;
  color: #fff;
  font-weight: 600;
  background-color: #e91d28;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Social Media
--------------------------------------------- */

.social-media {
  display: flex;
  gap: 26px;
}

.social-media--icon {
  align-items: center;
  background-color: #d9253b;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 20px;
  height: 35px;
  justify-content: center;
  transition: transform 0.2s;
  width: 35px;
}

.social-media--item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.social-media--name {
  font-weight: 700;
}

/* Custom Icons
--------------------------------------------- */

.smi {
  background-image: url(/wp-content/uploads/2023/02/social-icons.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.angi-icon {
  width: 16px;
  height: 22px;
  background-position: -5px -5px;
}

.bbb-icon {
  width: 18px;
  height: 26px;
  background-position: -5px -37px;
}

.gmb-icon {
  width: 25px;
  height: 22px;
  background-position: -5px -73px;
  filter: invert(1) brightness(2) grayscale(1);
}

.gmb2-icon {
  width: 26px;
  height: 22px;
  background-position: -5px -105px;
}

.home-advisor-icon {
  width: 25px;
  height: 20px;
  background-position: -5px -137px;
}

/* Slick
--------------------------------------------- */

.slick-slider .slick-track {
  display: flex;
}

.slick-slider .slick-slide {
  height: auto;
}

.slick-arrow {
  align-items: center;
  background-color: rgb(14 18 23 / 19%);
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 42px;
  justify-content: center;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 42px;
  z-index: 1;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
}

.testimonials-container .slick-arrow {
  background-color: transparent;
  border: 0;
  font-size: 16px;
  height: auto;
  top: 28%;
  width: auto;
}

.slick-arrow:hover {
  background: rgb(0 74 169 / 75%);
}

.testimonials-container .slick-prev {
  left: 15px;
}

.testimonials-container .slick-next {
  right: 15px;
}

.slick-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
}
.slick-dots button {
  background-color: #ffffff;
  height: 5px;
  padding: 0;
  width: 40px;
  overflow: hidden;
  text-indent: -100px;
}

.slick-dots .slick-active button {
  background-color: var(--color-tertiary);
  height: 6px;
}

.hero-slider .slick-dots {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

/* Design Custom
---------------------------------------------------------------------------- */

/* Layout
--------------------------------------------- */

.grid-block {
  display: grid;
  gap: 30px;
  margin: auto;
}

.flex-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.scroll-top {
  position: fixed;
  bottom: 120px;
  right: 4px;
  z-index: 10;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: none;
}

/* Mobile Header
--------------------------------------------- */
.mobile-dot-nav {
  font-size: 22px;
  left: 15px;
  position: fixed;
  text-align: center;
  top: 54px;
  width: 26px;
  color: #959595;
}

.admin-bar .mobile-dot-nav {
  top: 94px;
}

.mob-dots-items {
  background-color: var(--color-primary);
  color: #ffffff;
  display: none;
  left: 0;
  padding: 30px 15px;
  position: fixed;
  right: 0;
  top: 106px;
}

.admin-bar .mob-dots-items {
  top: 144px;
}

.mob-dots-items a {
  color: #fff;
}

.mob-item {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.mob-item i {
  filter: grayscale(1) brightness(2);
  width: 25px;
  text-align: center;
}

.mob-item .icon-gmb {
  filter: invert(1) brightness(2) grayscale(1);
}

/* Sections
---------------------------------------------------------------------------- */

/* General
--------------------------------------------- */

.site-section.static,
.section-static {
  display: flex;
  justify-content: center;
  min-height: 80vh;
  align-items: center;
  background-color: #f5f5f5;
  border-bottom: 5px solid #fff;
  text-align: center;
}

.site-section,
.site-section-inner {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.site-section-inner {
  max-width: 1170px;
  margin: auto;
}

.site-section {
  padding: 60px 15px;
}

.section-tagline,
.intro-title {
  color: #a1a1a1;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 5px 30px;
  border-radius: 50px;
}

.section-title {
  color: var(--color-primary);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 28px;
  text-transform: capitalize;
}

.color-light .section-title {
  color: #ffffff;
}

.component-content {
  margin-bottom: 28px;
}

.center-align .component-content {
  margin-left: auto;
  margin-right: auto;
}

.column-item {
  flex: 1;
}

.component-buttons {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  max-width: 335px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

div.wp-block-image.is-style-circle-mask img,
div.wp-block-image.is-style-rounded img,
div.wp-block-image .is-style-rounded img {
  border-radius: 30px;
}

.with-vertical-line {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.with-vertical-line:before {
  content: "";
  height: 50px;
  background-color: var(--color-secondary);
  display: block;
  max-width: 3px;
  width: 100%;
}

.text-center {
  text-align: center;
}

/* Hero Slider
--------------------------------------------- */

.hero-slider-form {
  background-position: right bottom;
  padding-right: 40px;
  padding-bottom: 20px;
}

.hero-slider-form .wpcf7 {
  background: rgb(0 0 0 / 60%);
  max-width: 470px;
  padding: 0;
}

.below-slider-form .wpcf7 {
  max-width: unset;
}

.hero-slider-form .form-title,
.hero-form.popup .form-title {
  font-weight: 700;
  padding: 12px 30px;
  text-align: center;
}

.hero-slider-form .form-field {
  padding: 30px;
}

.hero-slider-form,
.page-banner-form {
  display: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.hero-slider-block {
  left: 0;
  margin-top: 135px;
  position: relative;
  right: 0;
  width: 100%;
}

.hero-slider,
.hero-slider-image {
  height: 575px;
  overflow: hidden;
}

.hero-slider-image-wrap {
  display: flex;
}

.hero-slider-image {
  align-items: center;
  background-position: center right;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
}

.hero-slider-content {
  align-items: center;
  background-size: cover;
  background: url(/wp-content/uploads/2023/02/slider-content-bg.png) no-repeat;
  color: var(--color-primary);
  display: flex;
  font-weight: 700;  
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.hero-slider-tagline {
  background-color: var(--color-tertiary);
  display: table;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
  padding: 5px 30px;
  text-transform: uppercase;
}

.hero-slider-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto 30px;
  max-width: 300px;
  text-align: center;
}

.hero-slider-title span {
  color: var(--color-secondary);
}

.hero-slider-text {
  font-size: 16px;
  margin-bottom: 30px;
}

.hero-slider-text li {
  display: flex;
  align-items: baseline;
}

.hero-slider-buttons {
  display: flex;
  gap: 20px;
  margin: auto;
  max-width: 335px;
}

/* Hero Slider Form Active
--------------------------------------------- */

.form-active.default .hero-slider-content {
  margin-left: 15px;
  margin-right: 15px;
  max-width: 470px;
  text-align: left;
}

.form-active.default .hero-slider-buttons {
  justify-content: left;
}

/* Page Banner
--------------------------------------------- */

.page-banner--overlay {
  background: rgb(0 0 0 / 30%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.page-banner--overlay.disable {
  display: none;
}

.page-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 103px;
  position: relative;
}

.page-banner-caption {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 352px;
  justify-content: center;
  max-width: 1170px;
  margin: auto;
  padding: 15px;
  position: relative;
}

.page-banner-caption-tagline {
  background-color: var(--color-tertiary);
  color: #ffffff;
  display: table;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto 16px;
  padding: 5px 30px;
  text-transform: uppercase;
}

.page-banner-caption-title {
  color: #fff;
  text-align: center;
  width: 100%;
}

.caption-title-text {
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
  text-shadow: #0d0d0d 3px 3px 5px, #3b3b3b 4px 4px 10px, #2b2b2b 5px 5px 20px;	
}

/* Content
--------------------------------------------- */

span.line {
    width: 20px;
    height: 3px;
    background-color: var(--color-tertiary);
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 8px;
}

.post-edit-link {
  position: absolute;
  z-index: 2;
}

div.sfs-category-navigation {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

div.sfs-category-navigation .category-item {
  background-color: #fff;
  border: 1px solid #daeafc;
  border-radius: 5px;
  color: #2a2b2a;
  font-weight: 500;
  padding: 10px 20px;
}

div.sfs-category-navigation .category-item.active,
div.sfs-category-navigation .category-item:hover,
div.sfs-custom-gallery .sfs-loadmore-btn:hover {
  background-color: var(--color-secondary);
}

.sfs-gallery-image {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.sfs-image-item-container:hover .sfs-gallery-image:before {
  background-color: rgb(31 136 181 / 50%);
  bottom: 0;
  content: "";
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.sfs-image-item-container:hover .sfs-gallery-image:after {
  align-items: center;
  bottom: 0;
  color: rgb(255 255 255);
  content: "\f00e";
  display: flex;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

div.sfs-custom-gallery .sfs-loadmore-btn {
  background: transparent;
  margin-top: 30px;
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 600;
  padding: 10px 50px;
}

div.sfs-custom-gallery .sfs-loadmore-btn:hover {
  background: transparent;
  color: var(--color-secondary);
}

div.sfs-custom-gallery .sfs-loadmore-btn:after {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 4px;
}

.highlighted-list {
  padding: 60px 15px;
}

.highlighted-list-inner {
  max-width: 800px;
  margin: auto;
}

/* Services
--------------------------------------------- */

.site-section.services-section {
  padding: 0;
}

.services-section-inner {
  max-width: 100%;
}

.service-items {
  margin: 0;
  display: flex;
  min-height: 200px;
  align-items: center;
}

.service-item {
  align-items: center;
  color: #ffffff;
  display: flex;
  flex: 1;
  font-weight: 700;
  justify-content: center;
  min-height: 200px;
  text-align: center;
  position: relative;
}

.service-item a {
  display: block;
  color: #ffffff;
  width: 100%;
  height: 100%;
}

.service-item:after {
  content: '';
  background-color: rgb(0 0 0 / 70%);
  top: 0;
  bottom: 0;
  left: 0;
  min-height: 200px;
  right: 0;
  position: absolute;
}

.service-item:hover:after {
  background-color: rgb(217 37 59 / 90%); 
}

.service-title {
  font-size: 24px;	
  position: relative;
  z-index: 1;
  max-width: 200px;
  margin: auto;	
}

.service-item_1 {
  background: url(/wp-content/uploads/2023/02/heating-cooling-bg.jpg) no-repeat;
}

.service-item_2 {
  background: url(/wp-content/uploads/2023/02/electric-bg.jpg) no-repeat;
}

.service-item_3 {
  background: url(/wp-content/uploads/2023/02/maintenance-plan-bg.jpg) no-repeat;
}

.service-item_4 {
  background: url(/wp-content/uploads/2023/02/rebates.jpg) no-repeat;
}

.wp-block-column.with-bar-line {
  position: relative;
}

/* Blog Post Query
--------------------------------------------- */

.site-section.blog-post-section {
  padding-left: 5px;
  padding-right: 5px;
}

.blog .site-section.blog-post-section,
.single .site-section.blog-post-section,
.archive .site-section.blog-post-section {
  display: none;
}

.blog .blog-post-section {
  display: none;
}

.blog-post-section-inner {
  max-width: unset;
  margin: auto;
}

.blog-post-content {
  text-align: center;
}

.blog-post-section-inner .slick-list {
  max-width: 1170px;
  margin: auto;
}

.blog-post-container {
  margin-bottom: 30px;
}

.blog-post-inner {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  flex-direction: column;
}

.blog-post-card {
  background-color: #fff;
  min-height: 416px;
  height: 100%;
  max-width: 560px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border: 1px solid #f5f5f5f5;
}

.blog-post-featured-image {
  background-color: #f5f5f5;
  background-position: center;
  background-size: cover;
  height: 416px;
  max-width: 560px;
  position: relative;
  width: 100%;
}

.blog-post-article-date {
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #f5f5f5f5;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  line-height: 1.1;
  position: absolute;
  right: 25px;
  text-transform: uppercase;
  top: 25px;
  width: 60px;
}

.blog-post-article-date time:nth-child(1) {
  font-size: 12px;
  color: #959595;
}

.blog-post-article-date time:nth-child(2) {
  color: var(--color-primary);
}

.blog-post-article {
  text-align: left;
  background-color: rgb(255 255 255 / 70%);
  position: absolute;
  bottom: 0;
  width: 100%;
  flex: 1;
}

.blog-post-card:hover .blog-post-article {
  background-color: rgb(255 255 255 / 80%);
}

.blog-post-category {
  font-weight: 700;
}

.separator-bar {
  color: #2a2b2a;
  font-weight: 700;
}

.blog-post-article-title {
	color: #000000;
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding: 16px 30px;
}

.blog-post-article-meta {
    color: #aaaaaa;
	font-size: 14px;
    padding: 16px 30px;
	position: relative;
}

.blog-post-article-content {
    padding: 12px 30px;
}

.blog-post-article-link {
    position: absolute;
    right: 1px;
    width: 74px;
    background-color: var(--color-tertiary);
    color: #ffffff;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1px;
}


/* Testimonials
--------------------------------------------- */

.site-section.testimonials-section {
  display: flex;
  padding: 120px 15px;
}

.testimonial-title {
  position: relative;
}

.testimonial-title:after {
  color: #ecf2f5;
  content: "\f10e";
  font-family: "fontawesome";
  font-size: 150px;
  line-height: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.testimonials-section-inner {
  max-width: 1600px;
  width: 100%;
}

.testimonial-block {
  display: flex;
  max-width: 1170px;
  margin: 16px auto 40px;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 3px 10px #e6e8e9;
}

.testimonials-container {
  max-width: 585px;
  margin: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.testimonial-text {
  font-style: italic;
  padding-top: 30px;
  text-align: center;
}

.testimonial-footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 25px;
}

.slick-current .testimonial-quote {
  background-color: #3b71b4;
}

.testimonial-author-info {
  flex: 1 50%;
}

.testimonial-author-name {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  text-transform: uppercase;
}

.testimonial-rating {
  color: #fcb749;
  flex: 1 100%;
  font-size: 14px;
  text-align: center;
}

.reviewer-photo {
  margin: auto;
}

.read-review-btn {
  color: var(--color-secondary);
  border: 1px solid #b9b9b9;
}

.testimonial-slider-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}

.testimonial-slider-arrow {
  position: absolute;
}

.testimonial-slider-next {
  right: 0;
}

/* Main Services
--------------------------------------------- */

.main-services-content {
  text-align: center;
}

.service-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.service-card-title {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  position: relative;
}

.service-card-title a {
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
}

.service-card-item {
  align-items: center;
  display: flex;
  justify-content: center;  
  min-height: 254px;
  position: relative;
}

.service-card-item:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(5 37 66 / 70%);
}

.service-card-item:hover:before {
  background-color: rgb(217 37 59 / 90%);
}

.ac-service {
  background: url(/wp-content/uploads/2023/02/h-entry-l.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.ductless-service {
  background: url(/wp-content/uploads/2023/02/ductless-service.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.water-heaters-service {
  background: url(/wp-content/uploads/2023/09/water-heaters-service.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.furnaces-service {
  background: url(/wp-content/uploads/2023/09/furnaces-service.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.thermostats-service {
  background: url(/wp-content/uploads/2023/02/thermostats-service.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.air-quality-service {
  background: url(/wp-content/uploads/2023/02/indoor-air-quality-service.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.electric-service {
  background: url(/wp-content/uploads/2023/04/electrical-panel.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.generators-service {
  background: url(/wp-content/uploads/2023/04/generator-service-installation.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.service-card-item-inner {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 20px;
  max-width: 360px;
  position: relative;
  width: 100%;
}

.service-icon {
  display: inline-block;
  height: 76px;
  width: 84px;
  margin-left: 6px;	
}

.ac-icon {
  background: url(/wp-content/uploads/2023/02/air-condition-icon.png) no-repeat; 
}

.ductless-icon {
  background: url(/wp-content/uploads/2023/02/ductless-icon.png) no-repeat;
}

.water-heaters-icon {
  background: url(/wp-content/uploads/2023/02/water-heaters-icon.png) no-repeat;
}

.furnaces-icon {
  background: url(/wp-content/uploads/2023/02/furnaces-icon.png) no-repeat;
}

.thermostats-icon {
  background: url(/wp-content/uploads/2023/02/thermostats-icon.png) no-repeat;
}

.air-quality-icon {
  background: url(/wp-content/uploads/2023/02/indoor-air-quality-icon.png) no-repeat; 
}

.electric-icon {
  background: url(/wp-content/uploads/2023/02/electric.png) no-repeat; 
}

.generators-icon {
  background: url(/wp-content/uploads/2023/02/generators-icon.png) no-repeat; 
}

/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
  animation: fadein 1s;
  overflow-x: hidden;
  word-wrap: break-word;
}

.home .site-container {
  background: #fdfdfd;
}  

.inner-cta {
	padding: 70px 15px;
}	

.content-medium-wrap {
    max-width: 920px;
    margin: auto;
}

.w-underline:after {
    content: '';
    width: 52px;
    height: 3px;
    background-color: #d9253b;
    display: block;
    margin: 10px auto 5px;
}

.page-id-1071 .entry, .page-id-1071 .site-inner {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Site Inner
--------------------------------------------- */

.site-inner {
  clear: both;
  margin: 0 auto;
  padding: 60px 30px;
}

/* Common Classes
---------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
  border-radius: 50%;
  float: left;
}

.author-box .avatar,
.alignleft .avatar {
  margin-right: 20px;
}

.alignright .avatar {
  margin-left: 20px;
}

.comment .avatar {
  margin: 0 15px 20px 0;
}

/* Genesis
--------------------------------------------- */

.after-entry,
.archive-description,
.author-box {
  margin-bottom: 40px;
}

.after-entry {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  padding: 20px 30px;
}

.after-entry .widget:last-of-type {
  margin-bottom: 0;
}

.breadcrumb {
  color: var(--color-tertiary);
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: auto;
  padding: 32px 0 0;
  position: relative;
  text-align: center;
}

.breadcrumb a {
  color: #000000;
}

.breadcrumb i {
  font-size: 14px;
}

span.separator {
  margin: 0 8px;
}

.archive-description p:last-child,
.author-box p:last-child {
  margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
  overflow: hidden;
}

.entry-content .search-form {
  align-items: center;
  display: flex;
  gap: 10px;	
  margin-bottom: 40px;
  max-width: 585px;
  width: 100%;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
  border: 1px solid var(--color-primary);
  font-size: 14px;
  padding: 16px;
  border-radius: 8px;
}

.widget_search input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}

.search-result h2 {
  font-weight: 700;
}

.search-result .more-link,
.search-result p {
  margin-bottom: 0;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.entry-title {
  font-size: 50px;
  margin-bottom: 30px;
}

.entry-title a,
.sidebar .widget-title a {
  color: #333;
  text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
  color: #0073e5;
}

.widget-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.genesis-title-hidden .site-inner {
  padding-top: 0;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
  display: block;
  margin: 0 auto;
}

a.alignnone {
  display: inline-block;
}

.alignleft {
  display: block;
  margin: auto;
  text-align: center;
}

.alignright {
  display: block;
  margin: auto;
  text-align: center;
}

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%;
}

img.centered,
.aligncenter,
.singular-image {
  display: block;
  margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
  margin-bottom: 15px;
}

figcaption,
.gallery-caption,
.wp-caption-text {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.entry-content p.wp-caption-text {
  margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
  margin: 0 0 30px;
}

/* Widgets
---------------------------------------------------------------------------- */

.widget {
  margin-bottom: 40px;
}

.widget p:last-child,
.widget ul > li:last-of-type {
  margin-bottom: 0;
}

.widget ul > li {
  margin-bottom: 10px;
}

.widget ul > li:last-of-type {
  padding-bottom: 0;
}

.widget ol > li {
  list-style-position: inside;
  list-style-type: decimal;
  padding-left: 20px;
  text-indent: -20px;
}

.widget li li {
  border: 0;
  margin: 0 0 0 30px;
  padding: 0;
}

.widget_calendar table {
  width: 100%;
}

.widget_calendar td,
.widget_calendar th {
  text-align: center;
}

/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link {
  margin: 0;
}

.genesis-skip-link .skip-link-hidden {
  display: none;
  visibility: hidden;
}

.genesis-skip-link li {
  height: 0;
  list-style: none;
  width: 0;
}

/* Display outline on focus */
:focus {
  outline: none;
}

/* Topbar
--------------------------------------------- */

.top-bar {
  background-color: #2a2b2a;
  color: #ffffff;
  font-size: 12px;
  left: 0;
  padding: 6px 90px;
  position: fixed;
  right: 0;
  z-index: 10;
}

.top-bar-inner {
  gap: 0;
  grid-template-columns: max-content;
  justify-content: center;
}

.top-bar-item-1,
.top-bar-email {
  display: none;
}

.top-bar-column {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* Site Header
---------------------------------------------------------------------------- */

.site-header {
  background-color: #ffffff;
  padding-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.site-header.sticky-head {
  box-shadow: 0 20px 10px -22px rgb(0 0 0 / 20%);
}

.admin-bar .site-header,
.admin-bar .site-header.sticky-head,
.site-header.top-bar-active {
  top: 40px;
}

.admin-bar .site-header.top-bar-active {
  top: 72px;
}

.site-header > .wrap {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}

/* Title Area
--------------------------------------------- */

.title-area {
  padding: 10px;
}

.title-area a {
  display: block;
  width: 160px;
}

/* Header Widget Area
--------------------------------------------- */

.header-widget-area {
  width: 100%;
}

.header-right {
  font-weight: 600;
}

.header-right i {
  align-items: center;
  color: var(--color-tertiary);
  display: flex;
  font-size: 26px;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.header-phone {
  line-height: 1.2;
}

.header-phone-text {
  display: none;
  font-size: 13px;
  font-weight: 500;
}

.header-phone a {
  color: var(--color-tertiary);
  font-size: 24px;
  font-weight: 800;
  text-shadow: 1px 0 0 var(--color-tertiary);
}

.header-phone a i {
  margin-right: 4px;
}

/* Site Navigation
---------------------------------------------------------------------------- */

.genesis-nav-menu {
  clear: both;
  line-height: 1;
  margin-bottom: 0;
  width: 100%;
}

.genesis-nav-menu .menu-item {
  display: block;
  float: none;
  position: relative;
}

.genesis-nav-menu a {
  color: #000000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  outline-offset: -1px;
  text-decoration: none;
  padding: 10px 10px 25px 10px;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
  text-decoration: none;
}

.genesis-nav-menu > .menu-item > a:hover > span,
.genesis-nav-menu .current-menu-item > a span,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus span,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover span {
  border-bottom: 4px solid var(--color-tertiary);
  padding-bottom: 25px;
  text-shadow: 0 0 0 #000000, 0 0 1px #000000;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
  width: 100%;
}

.genesis-nav-menu .sub-menu {
  clear: both;
  display: none;
  left: -9999px;
  margin: 0;
  opacity: 1;
  padding-left: 15px;
  position: static;
  z-index: 99;
}

.genesis-nav-menu .sub-menu a {
  background-color: var(--color-primary);
  color: #ffffff;
  position: relative;
  word-wrap: break-word;
  padding-left: 15px;
}

.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
  position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
  display: block;
  left: auto;
  opacity: 1;
}

.nav-image .sub-menu {
  background-color: #000;
  color: #fff;
}

.nav-image .menu-image-title {
  padding: 8px;
}

.nav-image .sub-menu a:hover .menu-image-title {
  background-color: #264784;
}

/* Responsive Menu
--------------------------------------------- */

.menu .menu-item:focus {
  position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
  left: auto;
  opacity: 1;
}

.js .nav-primary {
  display: none;
  position: relative;
}

.genesis-responsive-menu,
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
  display: none;
}

.menu-toggle,
.sub-menu-toggle {
  background-color: transparent;
  border-width: 0;
  color: var(--color-secondary);
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  visibility: visible;
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
  background-color: transparent;
  border-width: 0;
  color: #2a2b2a;
}

.menu-toggle {
  padding: 0;
  position: fixed;
  right: 15px;
  top: 56px;
  z-index: 9999;
}

.admin-bar .menu-toggle {
  top: 94px;
}

button.menu-toggle:before {
  width: 30px;
  height: 30px;
  font-size: 29px;
}

.menu-toggle.activated::before {
  content: "\f335";
}

.site-header .dashicons-before::before {
  transition: none;
}

.site-header .menu-toggle::before {
  color: #44627e;
  position: relative;
  text-rendering: auto;
}

.sub-menu-toggle {
  color: #ffffff;
  padding: 0;
  position: absolute;
  right: 7px;
  top: 40%;
  transform: translateY(-50%);
  z-index: 100;
}

.sub-menu .sub-menu-toggle {
  padding: 12px 10px;
}

.sub-menu-toggle::before {
  display: inline-block;
  text-rendering: auto;
  transform: rotate(0);
  transition: transform 0.25s ease-in-out;
}

button.sub-menu-toggle:before {
  content: "\f0d7";
  color: #b7b7b7;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  height: auto;
}

.sub-menu-toggle.activated::before {
  transform: rotate(180deg);
}

/* Header Menu
--------------------------------------------- */

.nav-primary {
  background-color: #e3e3e4;
  font-weight: 500;
  grid-area: 2;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 135px;
  z-index: 11;
}

/* Footer Menu
--------------------------------------------- */

.nav-secondary {
  margin-top: 10px;
}

.nav-secondary .genesis-nav-menu {
  line-height: 1.5;
}

.nav-secondary .menu-item {
  display: inline-block;
}

.nav-secondary a {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}

/* Content Area
---------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.entry {
  margin-bottom: 40px;
}

.entry-content ol,
.entry-content ul {
  margin-bottom: 30px;
}

.entry-content ol > li {
  list-style-type: decimal;
}

.entry-content ul > li {
  list-style-type: none;
  padding-left: 26px;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
  list-style-type: none;
  padding-left: 25px;
}

.entry-content ul li:before {
  color: var(--color-primary);
  content: "\f111";
  font-family: 'Font Awesome 6 Free';
  margin-right: 12px;
  margin-left: -26px;
}

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0;
}

.entry-content code {
  background-color: #f5f5f5;
}

.entry-content .wp-block-columns figure {
  position: relative;
}

.home .entry-content .wp-block-columns figure:after,
.home .entry-content .wp-block-columns figure:before {
  content: none;
}

.home .entry-content .wp-block-columns figure img {
  box-shadow: none;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
  font-size: 16px;
  margin-bottom: 0;
}

.entry-header .entry-meta {
  margin-bottom: 20px;
}

.wp-block-image.text-media-image figure img {
  padding: 0;
  max-height: 356px;
  object-fit: cover;
  border-radius: 20px;
}

.entry-footer .entry-meta {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.entry-categories,
.entry-tags {
  display: block;
}

.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
}

/* Blog Page
--------------------------------------------- */

.blog hr.line-separator {
  margin-top: 20px;
  margin-bottom: 60px;
}

.article-item-block {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.article-block {
  position: relative;
  height: 100%;
}

.article-block-header,
.article-block-content {
  margin-bottom: 20px;
}

.article-block-header a {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.article-block-article .blog-post-article-meta {
  color: #fff;
  margin-bottom: 60px;
  justify-content: left;
  gap: 20px;
}

.post-card--ellipse {
  color: #fff;
}

.post-card-btn {
  padding: 10px 30px;
  font-size: 14px;
}

/* Pagination
--------------------------------------------- */

.pagination {
  clear: both;
  margin: 60px 0;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px;
}

.pagination-next a:after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--color-primary);
}

.pagination-previous a:before {
  content: "\f100";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--color-primary);
}

.pagination-next a:hover:after,
.pagination-previous a:hover:before {
  color: #ffffff;
}

.adjacent-entry-pagination {
  margin-bottom: 0;
}

.archive-pagination li {
  display: inline;
}

.archive-pagination li a {
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 8px 12px;
  text-decoration: none;
  text-align: center;
  min-width: 42px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
  background-color: var(--color-primary);
  color: #fff;
}

.nav-links {
  display: flex;
  gap: 4px;
}

.navigation.pagination .nav-links .page-numbers {
  align-items: center;
  display: flex;
  font-weight: 500;
  justify-content: center;
  min-width: 40px;
  text-align: center;
}

nav.navigation.pagination .nav-links .page-numbers:hover,
nav.navigation.pagination .nav-links span.page-numbers.current {
  background-color: var(--color-primary);
}

/* Sidebar
---------------------------------------------------------------------------- */

.sidebar {
  font-size: 16px;
  line-height: 1.5;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar p {
  margin-bottom: 20px;
}

#blog-widget h3 {
  display: none;
}

#blog-widget select {
	background-color: #f1f7fc;
    border: 0;
    color: #020202;
    cursor: pointer;
    font-weight: 800;
    border-radius: 0;
    font-size: 16px;
    padding: 24px;
}

.blog-widget-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  margin-bottom: 40px;
  max-width: 886px;
  margin-left: auto;
  margin-right: auto;	
}

.blog-widget-wrap section {
  flex: 1;
  position: relative;
  border-radius: 5px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#blog-widget .widget-wrap:after {
  content: "\f0d7";
  color: #001e38;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  pointer-events: none;
}

/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
  background-color: var(--color-secondary);
  background-repeat: no-repeat;
  background-position: center;
  color: var(--color-primary-contrast);
  background-size: cover;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}

.site-footer-inner {
  background-size: cover;
  background-position: left;
}

.footer-section.static {
  padding: 60px 15px;
  text-align: center;
}

.site-footer a {
  color: inherit;
  font-weight: 400;
}

.site-footer .map-link {
  margin-bottom: 20px;
  display: block;
  color: #7b98b1;
  font-weight: 700;
  text-decoration: underline;
}

.site-footer p {
  margin-bottom: 0;
}

.footer-column {
  padding: 120px 15px 60px;
}

.footer-column-inner {
  margin: auto;
  max-width: 345px;
}

.footer-column .grid-item {
  width: 100%;
  margin: unset;
}

.footer-column-title {
  font-size: 19px;
  font-weight: 600;
  padding-bottom: 16px;
  position: relative;
  text-align: left;
}

.footer-column-title:after {
  background-color: #d9253b;
  content: "";
  display: block;
  height: 3px;
  margin-top: 8px;
  width: 17px;
}

.site-nap-info {
  margin-bottom: 12px;
  font-weight: 400;
}

.site-phone-number a {
  padding-bottom: 10px;
  display: block;
  color: var(--color-tertiary);
  font-weight: 700;
  font-size: 20px;  
}

.hours-of-operation span {
  display: block;
}

.nap-icon {
  text-align: center;
}

.explore-link {
  font-weight: 600;
  margin-top: 30px;
}

.element-hidden .footer-column-title {
  display: none;
  visibility: hidden;
}

.footer-logo {
  background-color: #fff;
  display: block;
  margin-bottom: 40px;
  padding: 16px;
  text-align: center;
}

.footer-column-text {
  display: flex;
  gap: 4px;
  align-items: baseline;
  margin-bottom: 18px;
}

.footer-column-text,
.footer-column .menu li {
  align-items: center;
  display: flex;
}

.footer-column .menu li {
  display: flex;
  gap: 20px;
}

.footer-column .menu li:hover a {
  color: #ffffff;
  font-weight: 600;
}

.footer-column .menu li:hover:before {
  color: var(--color-primary);
}

.footer-column .menu li a {
  color: #83a0b9;
  flex: 1;
  font-weight: 700;  
  padding: 6px 0;
}

.footer-bar {
  font-size: 14px;
  padding: 0 60px;
  position: relative;
  text-align: center;
}

.footer-text {
  max-width: 850px;
  font-size: 12px;
  color: #839eb5;
  font-weight: 700;
}

.footer-link-area {
  color: #e1e1e1;
  display: flex;
  font-weight: 400;
  gap: 10px;
}

.footer-link-area a:hover {
  color: #ffffff;
}

.copyright {
  color: #839eb5;
  margin: auto;
  font-weight: 700;
  font-size: 12px;
}


/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) {
  table {
    table-layout: auto;
    word-break: normal;
  }

  .testimonial-rating {
    flex: 1 20%;
  }
}

@media only screen and (min-width: 640px) {
  .one-half-li {
    column-count: 2;
  }

  .grid-field {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  /* Default
  --------------------------------------------- */
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 24px;
  }

  .section-title {
    font-size: 36px;
    line-height: 1;
  }

  .d-hidden {
    display: none !important;
  }

  .m-hidden {
    display: block;
  }

  .alignleft {
    float: left;
    text-align: left;
  }

  .alignright {
    float: right;
    text-align: right;
  }

  a.alignleft,
  img.alignleft,
  .wp-caption.alignleft {
    margin: 0 20px 20px 0;
  }

  a.alignright,
  img.alignright,
  .wp-caption.alignright {
    margin: 0 0 20px 20px;
  }

  .left-align-m {
    text-align: left;
  }

  .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    max-width: unset;
    min-width: 194px;
    width: auto;
  }

  .component-buttons {
    flex-direction: row;
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
  }

  /* Site Header
  --------------------------------------------- */

  .site-header {
    padding: 5px 15px;
  }

  .site-header.sticky-head {
    background-color: #ffffff;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .site-header > .wrap {
    flex-direction: row;
  }

  .title-area {
    padding: 0;
  }

  .title-area a {
    width: auto;
  }

  .title-area img {
    max-width: 216px;
    margin: auto;
  }

  .header-widget-area {
    display: grid;
	gap: 25px;  
    width: 100%;
  }

  .header-right {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    padding: 8px;
    width: 100%;
  }

  .header-phone-text {
    display: block;
  }

  .header-phone a i {
    display: none;
  }

  .scrolled .header-right,
  .scrolled .nav-primary {
    transition: 0.3s all;
    padding-bottom: 0;
    padding-top: 0;
  }

  /* Genesis Menu
  --------------------------------------------- */
  .genesis-nav-menu .menu-item {
    display: inline-block;
  }

  .genesis-nav-menu > .menu-bold > a {
    font-weight: 700;
  }

  .genesis-nav-menu > .menu-highlight > a {
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .genesis-nav-menu > .menu-highlight > a:focus,
  .genesis-nav-menu > .menu-highlight > a:hover {
    background-color: #0073e5;
  }

  .genesis-nav-menu .sub-menu,
  .genesis-nav-menu .sub-menu a {
    width: 240px;
  }

  .genesis-nav-menu .sub-menu {
    opacity: 0;
    padding-left: 0;
    position: absolute;
  }

  .nav-image .sub-menu {
    width: auto;
  }

  .nav-image .sub-menu a {
    border: 0 !important;
    width: 269px;
  }

  .nav-image.sfHover .sub-menu {
    display: flex !important;
  }

  .genesis-nav-menu .sub-menu a {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .genesis-nav-menu .sub-menu .sub-menu {
    margin: -46px 0 0 240px;
  }

  .sub-menu .sub-menu-toggle {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 18px;
  }

  /* Responsive Menu
  --------------------------------------------- */

  .js .nav-primary {
    display: block;
    padding-top: 15px;
  }

  .menu-toggle {
    display: none;
    visibility: hidden;
  }

  /* Header Menu
  --------------------------------------------- */

  .nav-primary {
    align-items: center;
    background-color: transparent;
    clear: none;
    display: flex;
    justify-content: flex-end;
    overflow: unset;
    position: relative;
    top: auto;
  }

  .nav-primary .genesis-nav-menu a.sf-with-ul {
    padding-right: 26px;
  }

  .form-active.default .hero-slider-content {
    margin-right: auto;
    max-width: 43%;
  }

  /* Design Custom
  --------------------------------------------- */

  .hero-slider-overlay {
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 1) 0%,
      rgba(0, 0, 0, 0) 60%
    );
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 1) 0%,
      rgba(0, 0, 0, 0) 60%
    );
    background: linear-gradient(
      to right,
      rgb(255 255 255 / 100%) 0%,
      rgb(255 255 255 / 0%) 60%
    );
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .grid-block {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }

  .grid-item {
    margin: auto;
  }

  .flex-block {
    flex-direction: row;
  }

  .top-bar-item-1,
  .top-bar-email {
    display: block;
    margin-left: 0;
  }

  .top-bar-item-2 {
    margin-right: 0;
  }

  .hero-slider-block,
  .page-banner {
    margin-top: 112px;
  }

  .hero-slider,
  .hero-slider-image {
    height: 728px;
    background-position: center;
  }

  .hero-slider-title {
    font-size: 42px;
    margin-left: 0;
    max-width: 760px;
    text-align: left;
  }

  .hero-slider-form,
  .page-banner-form {
    display: block;
  }

  .hero-slider-buttons {
    margin-left: 0;
    max-width: 410px;
  }

  .page-banner-caption .hero-badges {
    margin-top: 100px;
  }

  .page-banner-form.below-slider-form {
    bottom: 60px;
  }

  .mobile-dot-nav {
    display: none;
  }

  .one-third-li {
    column-count: 3;
  }

  .modal-button {
    -webkit-transform: rotate(-90deg);
    bottom: auto;
    display: block;
    letter-spacing: 1px;
    max-width: 300px;
    position: fixed;
    right: -121px;
    top: 480px;
    transform: rotate(-90deg);
    transition: right 0.3s ease-in-out;
  }

  .scrolled .modal-button {
    right: -121px;
	background-color: var(--color-tertiary);
    color: #ffffff;	  
  }

  .archive-container {
    grid-auto-columns: unset;
    grid-auto-flow: unset;
  }

  .archive-container:has(.first-column-grid) {
    grid-template-columns: 1fr;
  }

  .archive-container:has(.second-column-grid) {
    grid-template-columns: repeat(2, minmax(465px, 556px));
    justify-content: center;
  }

  /* Sections 1024px
  --------------------------------------------- */
  .hero-slider-image-wrap > div {
    flex: 1;
  }  

  .hero-slider-content {
    min-height: 732px;
    max-width: 700px;
    padding-left: 60px;
  }

  .hero-slider-content:before {
    background: url(/wp-content/uploads/2023/02/top-box.png) no-repeat;
    content: '';
    height: 138px;
    left: 0;
    position: absolute;
    top: 0;
    width: 138px;
  }

  .hero-slider-content:after {
    background: url(/wp-content/uploads/2023/02/bottom-box.png) no-repeat;
    bottom: 0;
    content: '';
    height: 161px;
    position: absolute;
    right: 0;
    width: 160px;
  }

  .angle-arrow {
    position: absolute;
    left: -30px;
    font-size: 100px;
    color: var(--color-secondary);
    top: 50%;
    transform: translateY(-50%);
  }

  .hero-slider .slick-arrow {
    top: 40%;
  }

  .hero-slider .slick-arrow:hover {
    background-color: rgb(16 143 202 / 80%);
    color: #fff;
  }

  .hero-slider-form {
    padding-top: 100px;
  }

  .page-banner-form.hero-slider-form {
    margin-right: 0;
    padding-right: 0;
    padding-top: 0;
    right: 60px !important;
    top: 294px;
  }

  .site-icon.move-to {
    display: block;
  }

  .site-section {
    padding: 70px 60px;
  }

  .services-block {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: unset;
  }

  .service-item-inner {
    min-height: 397px;
  }

  .service-block > .wp-block-group__inner-container {
    margin: 0 0 60px;
    padding: 0;
  }

  .wp-block-column.with-bar-line:after {
    content: '';
    height: 100px;
    width: 2px;
    background-color: #d7dfe7;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .site-section.badges-section {
    padding-bottom: 150px;
  }

  .site-section-inner.cta-section-inner {
    padding: 120px 15px;
  }

  .service-card {
    grid-template-columns: 1fr 1fr;
  }
	
	.site-inner:before {
		background: url(/wp-content/uploads/2023/02/blog-top-left-bg.png) no-repeat;
		content: '';
		left: 0;
		right: 0;
		position: absolute;
		width: 100%;
		height: 100%;

	}

	.blog .site-inner:after {
		background: url(/wp-content/uploads/2023/02/blog-bottom-right-bg.png) no-repeat;
		content: '';
		left: 0;
		right: 0;
		position: absolute;
		width: 100%;
		height: 100%;

	}	

  

  /* Site-Inner
  --------------------------------------------- */

  .site-inner {
    max-width: 1230px;
  }

  .content-sidebar-wrap {
    position: relative;
  }

  /* Content
  --------------------------------------------- */

  .content {
    float: left;
    width: 65%;
  }

  .sidebar-content .content {
    float: right;
  }

  .full-width-content .content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1170px;
  }

  .wp-block-buttons {
    margin: 0;
  }

  .wp-block-buttons > .wp-block-button,
  div.site-container .wp-block-button .wp-block-button__link {
    max-width: unset;
    width: auto;
  }

  .blog-widget-wrap {
    flex-direction: row;
  }

  .blog-widget-wrap section {
    margin: 0;
  }
	
  /* Sidebar
--------------------------------------------- */

  .sidebar {
    float: right;
    width: 32%;
    position: relative;
  }

  .sidebar-content .sidebar {
    float: left;
  }

  /* Author Box
--------------------------------------------- */

  .author-box {
    background-color: #f5f5f5;
    padding: 30px;
  }

  /* After Entry
--------------------------------------------- */

  .after-entry {
    padding: 40px 60px;
  }

  .after-entry .enews {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Entry Misc.
--------------------------------------------- */

  .after-entry,
  .archive-description,
  .author-box,
  .comment-respond,
  .entry,
  .entry-comments,
  .entry-pings {
    margin-bottom: 40px;
  }

  /* Site Footer
  --------------------------------------------- */

  .footer-column-inner {
    gap: 120px;
    max-width: unset;
  }

  .footer-column {
    margin: auto;
    max-width: 1600px;
  }

  .footer-logo {
    text-align: left;
  }

  .footer-cta-column-item-3 {
    flex: 1.4;
  }

  .footer-cta-number i,
  .footer-cta-email i {
    display: inline-flex;
    margin-right: 12px;
  }

  .element-hidden .footer-column-title {
    display: block;
  }

  .footer-bar {
    padding-bottom: 30px;
  }

}

@media only screen and (min-width: 1280px) {
  .site-header {
    padding-left: 60px;
    padding-right: 60px;
  }

  .form-active.default .hero-slider-content {
    margin-left: 90px;
  }

  .hero-slider-form,
  .page-banner-form {
    right: 60px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1024px) {
  .site-header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .site-header > .wrap {
    justify-content: flex-end;
  }

  .header-phone-text {
    font-size: 10px;
  }

  .header-phone a {
    font-size: 16px;
  }

}
@media only screen and (max-width: 1300px) and (min-width: 1024px) {
	.title-area {
		position: absolute;
		left: 25px;
		top: 6px;
		z-index: 1;
	}	
	
  .title-area a {
    width: 216px;
  }
	
	.nav-primary {
		justify-content: center;
	}
	
  .genesis-nav-menu a {
    padding-left: 3px;
    padding-right: 3px;
  }

	.footer-column-inner {
		font-size: 18px;
		gap: 40px;
	}
	
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .guarantee.flex-block {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (max-width: 1023px) {
  
  .header-right {
    background-color: var(--color-primary);
    text-align: center;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .header-right i {
    background: none;
    color: #ffff;
    border: 0;
    display: inline-block;
    height: auto;
    font-size: 14px;
    width: auto;
  }

  .scrolled .header-right {
    display: none;
  }

  .header-address,
  .header-email,
  .top-bar-column span,
  .header-wrap {
    display: none;
  }

  .header-phone a {
    color: #ffffff;
    font-style: normal;
  }

  .header-phone a {
    font-size: 14px;
  }
  .nav-primary {
    background-color: #44627e;
    top: 106px;
    padding-bottom: 100px;
  }

  .sub-menu-toggle.activated {
    top: 20px;
  }

  .scrolled .mob-dots-items,
  .scrolled .nav-primary {
    top: 68px;
  }

  .genesis-nav-menu a {
    color: #ffffff;
  }

  .genesis-nav-menu a:focus,
  .genesis-nav-menu a:hover,
  .genesis-nav-menu .current-menu-item > a,
  .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
  .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #f1f1f1 !important;
    text-decoration: none;
    font-weight: 700;
  }

  .genesis-nav-menu .sub-menu a {
    background-color: transparent;
  }
  .scrolled .mobile-dot-nav {
    top: 16px;
  }

  .menu-toggle {
    transition: none;
  }
  .scrolled .menu-toggle {
    top: 20px;
  }

  .admin-bar .hero-slider-block,
  .hero-slider-block {
    margin-top: 106px;
  }

  .hero-slider {
    height: auto;
  }

  .hero-slider-image-wrap {
    flex-direction: column;
  }

  .hero-slider-image {
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 345px;
  }

  .hero-slider-content {
    background-color: #ffffff;
    padding: 40px 20px;
    height: 370px;
    margin: auto;
    align-items: center;
    justify-content: center;
    background-size: cover;   
  }

  .hero-slider-content .angle-arrow {
    display: none;
  }

  .hero-slider-title {
    max-width: 100%;
  }

  .hero-slider-tagline {
    margin-bottom: 8px;
    padding: 4px 10px;
    font-size: 13px;
  }

  .hero-slider-title {
    margin-bottom: 15px;
  }

  .hero-slider-text {
    font-size: 16px;
    text-align: center;
  }

  .hero-slider-text img {
    margin: auto;
  }

  .hero-slider-buttons a {
    max-width: 160px;
    padding: 9px;
    margin: auto;
  }

  .modal-button {
    display: none;
    width: auto;
    right: 5px;
  }

  .modal-button i {
    display: none;
  }

  .phone-bottom a span {
    display: none;
  }

  .modal-button-m {
    margin-top: 20px;
    max-width: 264px;
  }

  .wp-block-columns.text-media-columns {
    flex-direction: column;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-widget-wrap {
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 385px;
  }

  .site-section.services-section {
    display: none;
  }

  .site-section-inner.inner-cta-section-inner,
  .inner-cta-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile-btn__group {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    z-index: 3;
    gap: 2px;
  }

  .phone-bottom {
    background-color: #d9253b;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #ffffff;
    width: 100%;
    height: 50px;
    max-width: 50px;
    position: absolute;
    right: 5px;
    bottom: 200px;
    margin: auto;
    display: flex;    
  }

  .phone-bottom a,
  .phone-bottom a:hover,
  .phone-bottom a:visited {
    color: #ffffff;
    font-weight: 700;
    display: flex;
    align-items: center;
  }

  .phone-bottom i {
    color: #ffffff;
    font-size: 16px;
  }

  .scrolled .phone-bottom {
    display: flex;
    flex: 1;
    position: absolute;
    right: 5px;
    bottom: 190px;
    background-color: #ffffff;
    border: 1px solid #d9253b;
    color: #d9253b;
  }

  .scrolled .phone-bottom i {
    color: #d9253b;
    font-size: 16px;
  }

  .scrolled .modal-button {
    align-items: center;
    background-color: var(--color-tertiary);
    bottom: 0;
    color: #ffffff;
    display: flex;
    flex: 1;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    max-width: 190px;
    padding: 10px 6px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: auto;
  }
  .modal-button i,
  .scrolled .modal-button i {
    font-size: 11px;
    margin-left: 4px;
  }

  .scrolled .modal-button span span {
    display: block;
    line-height: 1;
  }

  .chat-button {
    bottom: 20px !important;
  }

  button.xapp-chat-button {
    margin-right: 6px;
  }

  .testimonials-column-item-inner-1 {
    max-width: 540px;
    margin: auto;
  }

  .services-items {
    padding-bottom: 80px;
  }

  .service-column-block {
    flex-direction: column;
    gap: 0;
    max-width: 555px;
    margin: auto;
  }


  .testimonial-block {
    display: block;
    margin-left: 30px;
    margin-right: 30px;
  }

  .site-section-inner.cta-section-inner {
    padding: 90px 15px;
  }

  .cta-content p {
    font-size: clamp(14px, 2.346vw, 24px);
  }

  .cta-content h2 {
    font-size: clamp(22px, 3.715vw, 38px);
  }

  .footer-social-links {
    max-width: 320px;
    margin: auto;
  }

  .footer-column {
    margin-top: -1px;
    padding-top: 0;
  }

  .footer-column-inner {
    max-width: 250px;
  }

  .site-phone-number {
    text-align: center;
  }
  
  .footer-social-media {
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;  
  }

  .footer-bar {
    margin-bottom: 40px;
  }

  .toggle-links {
    border-bottom: 1px solid #c9cacc;
    cursor: pointer;
    font-weight: 600;
    margin: auto;
    max-width: 345px;
    padding-bottom: 5px;
    text-align: center;
  }

  .toggle-link-text:after {
    content: "\f13a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 6px;
  }

  .toggle-link-text.collapse:after {
    content: "\f139";
  }
}

@media (max-width: 781px) {
	.column-reverse {
		flex-direction: column-reverse;
	}	
}

@media (max-width: 767px) {
  .site-section.cta-section {
    padding-left: 0;
    padding-right: 0;
  }

  .copyright span:first-child {
    display: block;
  }
}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    box-shadow: none !important;
    color: #333 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]::after,
  a[href^="#"]::after,
  .site-title > a::after {
    content: "";
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 2cm 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  .content,
  .content-sidebar {
    width: 100%;
  }

  button,
  input,
  select,
  textarea,
  .breadcrumb,
  .comment-edit-link,
  .comment-form,
  .comment-list .reply a,
  .comment-reply-title,
  .edit-link,
  .entry-comments-link,
  .entry-footer,
  .genesis-box,
  .header-widget-area,
  .hidden-print,
  .home-top,
  .nav-primary,
  .nav-secondary,
  .post-edit-link,
  .sidebar {
    display: none !important;
  }

  .title-area {
    text-align: center;
    width: 100%;
  }

  .site-title > a {
    margin: 0;
    text-decoration: none;
    text-indent: 0;
  }

  .site-inner {
    padding-top: 0;
    position: relative;
  }

  .author-box {
    margin-bottom: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    orphans: 3;
    page-break-after: avoid;
    page-break-inside: avoid;
    widows: 3;
  }

  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  blockquote,
  pre,
  table {
    page-break-inside: avoid;
  }

  dl,
  ol,
  ul {
    page-break-before: avoid;
  }
}