/*
Theme Name: Boiler Theme
Theme URI: http://
Author: Aaron Elizondo
Author URI: https://aaronelizondoe.com
Description: Boiler Theme
Version: 4.0
License: NA
License URI: NA
*/
/*IMPORTS*/
/*/////////////////////////////////////////////////////////////
FONT FACE
*/
@font-face {
  font-family: "romelio";
  src: url("../fonts/romelio-webfont.eot");
  src: url("../fonts/romelio-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/romelio-webfont.woff2") format("woff2"), url("../fonts/romelio-webfont.woff") format("woff"), url("../fonts/romelio-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*/////////////////////////////////////////////////////////////
VARIABLES
*/
/*//////////////////////////////////////////////////////////
MIXINS
//////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////
TYPOGRAPHY
*/
:root {
  font-size: 24px;
}
@media screen and (min-width: 1900px) {
  :root {
    font-size: calc(1.0309278351vw + 4.412371134px);
  }
}
@media screen and (min-width: 3840px) {
  :root {
    font-size: 44px;
  }
}
@media only screen and (max-width: 1900px) {
  :root {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1900px) and (min-width: 780px) {
  :root {
    font-size: calc(0.3571428571vw + 17.2142857143px);
  }
}
@media only screen and (max-width: 1900px) and (min-width: 1900px) {
  :root {
    font-size: 24px;
  }
}
@media only screen and (max-width: 780px) {
  :root {
    font-size: 18px;
  }
}
@media only screen and (max-width: 780px) and (min-width: 360px) {
  :root {
    font-size: calc(0.4761904762vw + 16.2857142857px);
  }
}
@media only screen and (max-width: 780px) and (min-width: 780px) {
  :root {
    font-size: 20px;
  }
}
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.3em;
  border: none;
  outline: none;
  text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font-family: "Montserrat", sans-serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  line-height: 1.2em;
}
html {
  scroll-behavior: smooth;
}
#wrapper {
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
p {
  color: #494949;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
/*/////////////////////////////////////////////////////////////
GUTENBERG OVERWRITES
*/
#content-wrap .w-gap-4 {
  gap: 1.667rem !important;
}
#content-wrap .w-gap-3 {
  gap: 2.333rem !important;
}
#content-wrap .wp-block-columns {
  margin-bottom: 0;
  gap: 0 !important;
}
#content-wrap .wp-block-columns.w-gap {
  gap: 3rem !important;
}
@media only screen and (max-width: 780px) {
  #content-wrap .wp-block-columns.w-gap {
    gap: 2rem !important;
  }
}
#content-wrap .wp-block-columns.w-gap-3 {
  gap: 2.333rem !important;
}
#content-wrap .wp-block-columns.w-gap-4 {
  gap: 1.667rem !important;
}
#content-wrap .wp-block-columns.w-gap-5 {
  gap: 1rem !important;
}
@media (min-width: 782px) {
  #content-wrap .wp-block-column:not(:first-child) {
    margin-left: 0;
  }
}
#content-wrap .wp-block-cover {
  min-height: auto;
}
#content-wrap .wp-block-image img {
  height: auto;
}
#content-wrap .wp-block-column {
  flex-grow: 1;
  margin-left: 0;
}
#content-wrap .wp-block-cover, #content-wrap .wp-block-cover-image {
  padding: initial;
}
/*/////////////////////////////////////////////////////////////
COMMON
*/
body.freeze {
  overflow: hidden;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.show-mobile {
  display: none;
}
@media only screen and (max-width: 1278px) {
  .show-mobile {
    display: block;
  }
}
.background-cover {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
/*/////////////////////////////////////////////////////////////
LAYOUT CLASSES
*/
#wrapper .content.center {
  margin-inline: auto;
}
#wrapper .content.center .wp-block-group__inner-container, #wrapper .content.center .wp-block-cover__inner-container {
  margin-inline: auto;
  width: 100%;
}
#wrapper .content.scene {
  margin-top: 6.667rem;
  margin-bottom: 6.667rem;
  margin-inline: auto;
}
#wrapper .content.extra .wp-block-group__inner-container, #wrapper .content.extra .wp-block-cover__inner-container {
  max-width: 880px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.extra .wp-block-group__inner-container, #wrapper .content.extra .wp-block-cover__inner-container {
    max-width: calc(96.5909090909vw - 109.0909090909px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.extra .wp-block-group__inner-container, #wrapper .content.extra .wp-block-cover__inner-container {
    max-width: 3600px;
  }
}
#wrapper .content.extra.not-inner {
  max-width: 880px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.extra.not-inner {
    max-width: calc(96.5909090909vw - 109.0909090909px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.extra.not-inner {
    max-width: 3600px;
  }
}
#wrapper .content.max .wp-block-group__inner-container, #wrapper .content.max .wp-block-cover__inner-container {
  max-width: 880px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.max .wp-block-group__inner-container, #wrapper .content.max .wp-block-cover__inner-container {
    max-width: calc(58.2386363636vw + 283.6363636364px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.max .wp-block-group__inner-container, #wrapper .content.max .wp-block-cover__inner-container {
    max-width: 2520px;
  }
}
#wrapper .content.max.not-inner {
  max-width: 880px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.max.not-inner {
    max-width: calc(58.2386363636vw + 283.6363636364px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.max.not-inner {
    max-width: 2520px;
  }
}
#wrapper .content.medium .wp-block-group__inner-container, #wrapper .content.medium .wp-block-cover__inner-container {
  max-width: 724px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.medium .wp-block-group__inner-container, #wrapper .content.medium .wp-block-cover__inner-container {
    max-width: calc(36.7897727273vw + 347.2727272727px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.medium .wp-block-group__inner-container, #wrapper .content.medium .wp-block-cover__inner-container {
    max-width: 1760px;
  }
}
#wrapper .content.medium.not-inner {
  max-width: 724px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.medium.not-inner {
    max-width: calc(36.7897727273vw + 347.2727272727px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.medium.not-inner {
    max-width: 1760px;
  }
}
#wrapper .content.small .wp-block-group__inner-container, #wrapper .content.small .wp-block-cover__inner-container {
  max-width: 478px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.small .wp-block-group__inner-container, #wrapper .content.small .wp-block-cover__inner-container {
    max-width: calc(27.7698863636vw + 193.6363636364px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.small .wp-block-group__inner-container, #wrapper .content.small .wp-block-cover__inner-container {
    max-width: 1260px;
  }
}
#wrapper .content.small.not-inner {
  max-width: 478px;
}
@media screen and (min-width: 1024px) {
  #wrapper .content.small.not-inner {
    max-width: calc(27.7698863636vw + 193.6363636364px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .content.small.not-inner {
    max-width: 1260px;
  }
}
#wrapper .content.max, #wrapper .content.large, #wrapper .content.medium, #wrapper .content.small {
  width: 100%;
}
#wrapper .left, #wrapper .right {
  max-width: 438px;
}
@media screen and (min-width: 1024px) {
  #wrapper .left, #wrapper .right {
    max-width: calc(29.1903409091vw + 139.0909090909px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .left, #wrapper .right {
    max-width: 1260px;
  }
}
#wrapper .left {
  margin-left: auto;
}
#wrapper .right {
  margin-right: auto;
}
#wrapper .pad-left {
  padding-left: 0;
}
@media screen and (min-width: 780px) {
  #wrapper .pad-left {
    padding-left: calc(2.9411764706vw - 22.9411764706px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .pad-left {
    padding-left: 90px;
  }
}
#wrapper .pad-right {
  padding-right: 0;
}
@media screen and (min-width: 780px) {
  #wrapper .pad-right {
    padding-right: calc(2.9411764706vw - 22.9411764706px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .pad-right {
    padding-right: 90px;
  }
}
#wrapper .flex-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center !important;
  -webkit-box-align: center;
  -webkit-align-items: center !important;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center !important;
  flex-wrap: wrap;
}
#wrapper .flex-center-stretch {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: stretch !important;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch !important;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: stretch !important;
  flex-wrap: wrap;
}
#wrapper .row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#wrapper .flex-no-wrap {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 780px) {
  #wrapper .flex-no-wrap {
    flex-wrap: wrap;
  }
}
#wrapper .scene-margin {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media screen and (min-width: 360px) {
  #wrapper .scene-margin {
    margin-top: calc(5.8908045977vw + 53.7931034483px);
    margin-bottom: calc(5.8908045977vw + 53.7931034483px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .scene-margin {
    margin-top: 280px;
    margin-bottom: 280px;
  }
}
#wrapper .scene-margin.just-top {
  margin-bottom: 0;
}
#wrapper .scene-margin.just-bottom {
  margin-top: 0;
}
#wrapper .margin-top-l {
  margin-top: 10.827208rem;
}
#wrapper .margin-top-x {
  margin-top: 6.667rem;
}
#wrapper .margin-top-m {
  margin-top: 4.0002rem;
}
#wrapper .margin-top-s {
  margin-top: 2.33345rem;
}
#wrapper .margin-top-xs {
  margin-top: 1.00005rem;
}
#wrapper .margin-bottom-l {
  margin-bottom: 10.827208rem;
}
#wrapper .margin-bottom-x {
  margin-bottom: 6.667rem;
}
#wrapper .margin-bottom-m {
  margin-bottom: 4.0002rem;
}
#wrapper .margin-bottom-s {
  margin-bottom: 2.33345rem;
}
#wrapper .margin-bottom-xs {
  margin-bottom: 1.00005rem;
}
#wrapper .scene-padding {
  padding-top: 6.667rem;
  padding-bottom: 6.667rem;
}
@media only screen and (max-width: 780px) {
  #wrapper .scene-padding.small-top-a-little {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 780px) {
  #wrapper .scene-padding.small-no-bottom {
    padding-bottom: 0;
  }
}
#wrapper .padding-top-l {
  padding-top: 10.827208rem;
}
#wrapper .padding-top-x {
  padding-top: 6.667rem;
}
#wrapper .padding-top-m {
  padding-top: 4.0002rem;
}
#wrapper .padding-top-s {
  padding-top: 2.33345rem;
}
#wrapper .padding-top-xs {
  padding-top: 1.00005rem;
}
#wrapper .padding-bottom-l {
  padding-bottom: 10.827208rem;
}
#wrapper .padding-bottom-x {
  padding-bottom: 6.667rem;
}
#wrapper .padding-bottom-m {
  padding-bottom: 4.0002rem;
}
#wrapper .padding-bottom-s {
  padding-bottom: 2.33345rem;
}
#wrapper .padding-bottom-xs {
  padding-bottom: 1.00005rem;
}
#wrapper .large-20 {
  width: 20%;
}
#wrapper .large-25 {
  width: 25%;
}
#wrapper .large-33 {
  width: 33.333%;
}
#wrapper .large-40 {
  width: 40%;
}
#wrapper .large-50 {
  width: 50%;
}
#wrapper .large-60 {
  width: 60%;
}
#wrapper .large-66 {
  width: 66.666%;
}
#wrapper .large-75 {
  width: 75%;
}
#wrapper .large-80 {
  width: 80%;
}
@media only screen and (max-width: 780px) {
  #wrapper .small-100 {
    width: 100%;
  }
}
#wrapper .alignleft {
  text-align: left;
}
#wrapper .alignright {
  text-align: right;
}
#wrapper .aligncenter {
  text-align: center;
}
/*
* FONTS
*/
#wrapper p, #wrapper .like-p {
  font-size: 0.83rem;
  line-height: 1.245rem;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  font-weight: 400;
}
#wrapper p a, #wrapper .like-p a {
  color: #000;
  text-decoration: underline;
}
#wrapper h1, #wrapper .like-h1 {
  font-size: 2.7rem;
  line-height: 3.78rem;
  font-family: "romelio", sans-serif;
  color: #3B5954;
}
#wrapper h2, #wrapper .like-h2 {
  font-size: 2.25rem;
  line-height: 3.15rem;
  padding-bottom: 1rem;
  font-family: "romelio", sans-serif;
  color: #3B5954;
}
#wrapper h3, #wrapper .like-h3 {
  font-size: 1.666rem;
  line-height: 2.3324rem;
  font-family: "romelio", sans-serif;
  color: #3B5954;
}
#wrapper h4, #wrapper .like-h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-bottom: 0.333rem;
  font-family: "romelio", sans-serif;
}
#wrapper h5, #wrapper .like-h5 {
  font-size: 1rem;
  line-height: 1.4rem;
  padding-bottom: 0.583rem;
  font-family: "romelio", sans-serif;
}
#wrapper h6, #wrapper .like-h6 {
  font-size: 0.75rem;
  line-height: 1.05rem;
  padding-bottom: 0.333rem;
  font-family: "romelio", sans-serif;
}
#wrapper ul, #wrapper ol {
  margin-left: 50px;
}
#wrapper ul.slick-dots, #wrapper ol.slick-dots {
  margin-left: 0;
}
#wrapper ul li, #wrapper ol li {
  font-size: 0.83rem;
  line-height: 1.245rem;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  font-weight: 400;
}
#wrapper ul li {
  list-style: disc;
}
#wrapper ol li {
  list-style: decimal;
}
#wrapper .menu ul, #wrapper .sub-menu ul {
  margin-left: 0;
}
#wrapper .menu li, #wrapper .sub-menu li {
  list-style-type: none;
}
#wrapper strong {
  font-weight: 700;
}
/*/////////////////////////////////////////////////////////////
SKIP TO CONTENT BUTTON
*/
#hidden-skip-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
}
#hidden-skip-buttons #skip-nav, #hidden-skip-buttons #accs-options {
  z-index: 11;
  transform: translateY(-100%);
}
#hidden-skip-buttons #skip-nav:focus-visible, #hidden-skip-buttons #accs-options:focus-visible {
  transform: translateY(0);
}
#toggle-accesibility {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1;
}
/*/////////////////////////////////////////////////////////////
HEADER
*/
#header-wrap {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
  position: fixed;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 9vh;
  z-index: 10;
  padding: 0 20px;
  background-color: #FFF7ED;
}
#header-wrap header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -moz-box-align: center !important;
  -webkit-box-align: center;
  -webkit-align-items: center !important;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center !important;
  flex-wrap: nowrap;
  width: 100%;
}
#header-wrap header #header-logo img {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
  max-height: 7vh;
  width: auto;
  position: relative;
  top: 0.5vh;
}
@media only screen and (max-width: 1024px) {
  #header-wrap header #header-logo img {
    max-height: 8vh;
    top: 1.5vh;
  }
}
#header-wrap header nav#primary ul li {
  display: inline-block;
}
#header-wrap header nav#primary ul li a {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  transform-origin: right;
  padding: 0.5rem 0 0.5rem 1.5rem;
}
#header-wrap header nav#primary ul li a:hover {
  color: #000;
}
@media only screen and (max-width: 1278px) {
  #header-wrap header nav#primary ul li a {
    padding: 1rem;
    display: block;
  }
}
#header-wrap header nav#primary ul li.menu-item-has-children {
  position: relative;
}
#header-wrap header nav#primary ul li.menu-item-has-children ul.sub-menu {
  display: none;
  padding-top: 0;
  position: absolute;
  top: 1.9rem;
  right: auto;
  bottom: auto;
  left: 1.5rem;
  margin: auto;
  background-color: blue;
}
#header-wrap header nav#primary ul li.menu-item-has-children.show ul.sub-menu {
  display: block;
}
#header-wrap header nav#primary ul li.menu-item-has-children.show ul.sub-menu li {
  display: inline-block;
}
#header-wrap header nav#primary ul li.menu-item-has-children.show ul.sub-menu li a {
  padding: 0;
}
@media only screen and (max-width: 1278px) {
  #header-wrap header nav#primary ul li {
    display: block;
  }
}
#header-wrap header nav#primary ul li.button a {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  margin-left: 1rem;
}
#header-wrap header nav#primary ul li.button a:hover {
  background-color: #7696AD;
  color: #000;
}
#header-wrap header nav#primary ul li.button a:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
@media only screen and (max-width: 1278px) {
  #header-wrap header nav#primary ul {
    padding-top: 15vh;
    margin-left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1278px) {
  #header-wrap header nav#primary {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    display: none;
    height: 100vh;
    background-color: #FFF7ED;
    z-index: -1;
  }
}
#header-wrap header nav#primary.show-on-mobile {
  display: block;
}
#header-wrap.solid-background {
  background-color: #FFF7ED;
}
#header-wrap.solid-background header #header-logo img {
  max-height: 6vh;
  top: 0;
}
/*/////////////////////////////////////////////////////////////
MOBILE ICON
*/
#mobile-icon {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 43px;
  height: 43px;
  border: 3px solid #3B5954;
  display: none;
}
#mobile-icon div.burger-stack {
  height: 3px;
  width: 19px;
  background-color: #7696AD;
  position: absolute;
  top: 18px;
  left: 9px;
  border-radius: 5px;
}
#mobile-icon div.burger-stack:before {
  transform: translateY(-6px);
}
#mobile-icon div.burger-stack:after {
  transform: translateY(6px);
}
#mobile-icon div.burger-stack:before, #mobile-icon div.burger-stack:after {
  border-radius: 5px;
  height: 3px;
  background-color: #7696AD;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition-property: background-color, fill, color, transform;
  transition: 0.3s ease;
}
#mobile-icon.is-open div.burger-stack {
  background: none;
}
#mobile-icon.is-open div.burger-stack:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobile-icon.is-open div.burger-stack:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 1278px) {
  #mobile-icon {
    display: block;
  }
}
/*/////////////////////////////////////////////////////////////
CONTENT REUSABLE CLASSES
*/
#wrapper .buttons-wrapper.small-buttons {
  margin-top: 1rem;
}
#wrapper .buttons-wrapper.small-buttons a.button {
  padding: 0.333rem 1.667rem;
  font-size: 0.667rem;
}
#wrapper .buttons-wrapper.default-buttons {
  margin-top: 2.6667rem;
}
#wrapper .buttons-wrapper.default-buttons a.button {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  margin-right: 0.5rem;
}
#wrapper .buttons-wrapper.default-buttons a.button:hover {
  background-color: #7696AD;
  color: #000;
}
#wrapper .buttons-wrapper.default-buttons a.button:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
#wrapper .buttons-wrapper.large-buttons {
  margin-top: 4rem;
}
#wrapper .buttons-wrapper.large-buttons a.button {
  padding: 1rem 2.333rem;
  font-size: 1rem;
}
#wrapper .buttons-wrapper .outline-button {
  position: relative;
  padding: 0 !important;
  padding-bottom: 4px !important;
  background-color: transparent !important;
  color: #000 !important;
}
#wrapper .buttons-wrapper .outline-button::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
  width: 70%;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}
#wrapper .buttons-wrapper .outline-button:hover::before {
  width: 100%;
}
#wrapper .buttons-wrapper.aligncenter a.button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#wrapper .bg-light {
  background-color: #FFF7ED;
}
#wrapper .bg-light-green {
  background-color: #B9C9A4;
}
#wrapper .bg-dark-green {
  background-color: #3B5954;
}
#wrapper .bg-dark-green h1, #wrapper .bg-dark-green h2, #wrapper .bg-dark-green h3, #wrapper .bg-dark-green h4, #wrapper .bg-dark-green h5, #wrapper .bg-dark-green p {
  color: #fff;
}
#wrapper .bg-dark-green h1 a, #wrapper .bg-dark-green h2 a, #wrapper .bg-dark-green h3 a, #wrapper .bg-dark-green h4 a, #wrapper .bg-dark-green h5 a, #wrapper .bg-dark-green p a {
  color: #fff;
}
#wrapper .bg-red {
  background-color: red;
}
#wrapper .w-gap {
  gap: 2.667rem !important;
}
@media only screen and (max-width: 780px) {
  #wrapper .w-gap {
    gap: 2rem !important;
  }
}
#wrapper .image-wrapper {
  position: relative;
}
#wrapper .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrapper .image-high {
  height: 100%;
}
#wrapper .image-high {
  min-height: 300px;
}
@media screen and (min-width: 360px) {
  #wrapper .image-high {
    min-height: calc(32.0689655172vw + 184.5517241379px);
  }
}
@media screen and (min-width: 3840px) {
  #wrapper .image-high {
    min-height: 1416px;
  }
}
#wrapper .image-high img {
  border-radius: 15px;
}
#wrapper .image-full-height {
  min-height: 115vh;
}
#wrapper .image-full-height img {
  z-index: -3;
}
#wrapper .overlay-dark {
  position: relative;
}
#wrapper .overlay-dark h1, #wrapper .overlay-dark h2, #wrapper .overlay-dark h3, #wrapper .overlay-dark h4, #wrapper .overlay-dark h5, #wrapper .overlay-dark p {
  color: #fff;
}
#wrapper .overlay-dark h1 a, #wrapper .overlay-dark h2 a, #wrapper .overlay-dark h3 a, #wrapper .overlay-dark h4 a, #wrapper .overlay-dark h5 a, #wrapper .overlay-dark p a {
  color: #fff;
}
#wrapper .overlay-dark::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
#wrapper .round-border-top {
  position: relative;
}
#wrapper .round-border-top::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: -5px;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/border-top-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 30vh;
}
#wrapper .round-border-bottom {
  position: relative;
}
#wrapper .round-border-bottom::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -5px;
  left: 0;
  margin: auto;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/border-bottom-left.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 30vh;
}
#wrapper .green-border-bottom {
  position: relative;
}
#wrapper .green-border-bottom::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -1vh;
  left: 0;
  margin: auto;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/green-border-bottom.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  height: 30vh;
}
#wrapper .top-minus-5 {
  margin-top: -5px;
}
#wrapper .svg-wrapper {
  background-color: #B9C9A4;
  border-radius: 50%;
  aspect-ratio: 1;
  max-width: 8rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}
#wrapper .svg-wrapper svg {
  max-width: 4rem;
  max-height: 4rem;
}
/*/////////////////////////////////////////////////////////////
HOMEPAGE
*/
#content-wrap {
  position: relative;
}
#content-wrap #hero {
  position: relative;
  min-height: 213vh;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/08/hero-svg-wp.svg"), url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/hero-header-svg.svg");
  background-repeat: no-repeat;
  background-position: right center, left top;
  background-size: cover, 45vw;
}
#content-wrap #hero img {
  z-index: -2;
}
#content-wrap #hero #hero-top {
  position: absolute;
  top: 54vh;
  right: 20px;
  bottom: 0;
  left: auto;
  margin: auto;
  max-width: 30%;
}
#content-wrap #hero #hero-top h1 {
  color: #3B5954;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
#content-wrap #hero #hero-top p {
  color: #000;
}
@media only screen and (max-width: 1024px) {
  #content-wrap #hero #hero-top {
    max-width: 100%;
    position: static;
    padding: 80px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #content-wrap #hero {
    background-image: none;
    margin-top: 10vh;
    min-height: 100vh;
    position: relative;
  }
  #content-wrap #hero::before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(255, 247, 237, 0.85);
  }
  #content-wrap #hero::after {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: bottom;
    left: 0;
    margin: auto;
    background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/mobile-hero-tops.svg");
    height: 10vh;
    background-repeat: no-repeat;
    background-position: top;
  }
}
/*/////////////////////////////////////////////////////////////
SUBPAGE
*/
#wrapper .sub-hero {
  min-height: 100vh;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/sub-hero-top-left.svg"), url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/sub-hero-right.svg");
  background-position: left top, right top;
  background-size: 68vw, cover;
  background-repeat: no-repeat no-repeat;
}
#wrapper .sub-hero img {
  z-index: -2;
}
#wrapper .sub-hero .sub-hero-content {
  max-width: 25%;
  position: relative;
  z-index: 1;
  padding-left: 20px;
}
#wrapper .sub-hero .sub-hero-content p {
  color: #3B5954;
}
#wrapper .sponsor-sub-hero {
  min-height: 100vh;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/sponsor-hero-top-left-light.svg");
  background-position: top left;
  background-size: 55vw;
  background-repeat: no-repeat;
}
#wrapper .sponsor-sub-hero img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -2;
}
#wrapper .sponsors-sub-hero {
  min-height: 40vh;
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/sponsor-hero-top-left-light.svg");
  background-position: top left;
  background-size: 55vw;
  background-repeat: no-repeat;
}
#wrapper .sponsors-sub-hero img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -2;
}
/*/////////////////////////////////////////////////////////////
BLOG
*/
#post-feed {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 780px) {
  #post-feed {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 540px) {
  #post-feed {
    grid-template-columns: 1fr;
  }
}
#post-feed .sponsor-wrapper {
  min-height: 40vh;
  overflow: hidden;
}
#post-feed .sponsor-wrapper img {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
}
#post-feed .sponsor-meta-wrapper {
  margin-top: 1rem;
}
#post-feed .post:hover img {
  transform: scale(1.1);
}
/*/////////////////////////////////////////////////////////////
FOOTER
*/
#footer-wrapper {
  background-image: url("https://aguaparatodos.aaronelizondoe.com/wp-content/uploads/2024/07/green-border-top.svg");
  background-position: center -3%;
  background-size: 113vw;
  background-repeat: no-repeat;
}
#site-footer nav {
  text-align: center;
}
#site-footer nav ul.menu {
  margin-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}
#site-footer nav ul.menu li a {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  transform-origin: right;
  color: #3B5954;
}
#site-footer nav ul.menu li a:hover {
  color: #000;
}
#site-credit {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -moz-box-align: flex-end !important;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end !important;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-end !important;
  flex-wrap: nowrap;
}
#site-credit a {
  color: #3B5954;
}
#site-credit a:hover {
  outline: solid 2px #3B5954;
}
#site-credit #footer-column-right li {
  list-style: none;
}
#site-credit #footer-column-right li figure {
  text-align: right;
}
#site-credit #footer-column-right li img {
  max-height: 6rem;
  width: auto;
}
/*/////////////////////////////////////////////////////////////
SLIDER
*/
#wrapper .slick-list {
  overflow: hidden;
}
#wrapper .slick-list .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}
#wrapper .swiper.image-slider .image-wrapper {
  position: relative;
  min-height: 900px;
}
#wrapper .swiper.image-slider .image-wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrapper .swiper.swiper-thumbs .image-wrapper {
  position: relative;
  min-height: 200px;
}
#wrapper .swiper.swiper-thumbs .image-wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
#wrapper .swiper.swiper-thumbs .swiper-slide-thumb-active img {
  opacity: 1;
}
#wrapper .swiper .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #fff;
  opacity: 1;
}
#wrapper .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3B5954;
  outline: solid 2px #fff;
}
#wrapper .swiper .swiper-button-prev, #wrapper .swiper .swiper-button-next {
  width: 50px;
}
#wrapper .swiper .swiper-button-prev::after, #wrapper .swiper .swiper-button-next::after {
  display: none;
}
#wrapper .swiper .swiper-button-prev circle, #wrapper .swiper .swiper-button-prev path, #wrapper .swiper .swiper-button-next circle, #wrapper .swiper .swiper-button-next path {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  transition-property: background-color, fill, color, transform;
  transition: 0.6s ease;
}
#wrapper .swiper .swiper-button-prev:hover circle, #wrapper .swiper .swiper-button-next:hover circle {
  fill: #fff;
}
#wrapper .swiper .swiper-button-prev:hover path, #wrapper .swiper .swiper-button-next:hover path {
  fill: #3B5954;
}
/*/////////////////////////////////////////////////////////////
BUTTONS
*/
a.button {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
}
a.button:hover {
  background-color: #7696AD;
  color: #000;
}
a.button:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
a.button.secondary {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  background-color: #7696AD;
}
a.button.secondary:hover {
  background-color: #7696AD;
  color: #000;
}
a.button.secondary:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
a.button.secondary:hover {
  background-color: #3B5954;
}
input[type="submit"] {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  border: none;
}
input[type="submit"]:hover {
  background-color: #7696AD;
  color: #000;
}
input[type="submit"]:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: #7696AD;
  color: #000;
}
.woocommerce #respond input#submit:focus-visible, .woocommerce a.button:focus-visible, .woocommerce button.button:focus-visible, .woocommerce input.button:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #fff !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  background-color: #7696AD;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #7696AD;
  color: #000;
}
.woocommerce #respond input#submit.alt:focus-visible, .woocommerce a.button.alt:focus-visible, .woocommerce button.button.alt:focus-visible, .woocommerce input.button.alt:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #3B5954;
}
/*/////////////////////////////////////////////////////////////
FORMS
*/
input[type="text"], input[type="email"], input[type="textarea"], input[type="tel"], input[type="number"], textarea, select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  background-color: transparent;
  border: solid 2px #3B5954;
  margin-bottom: 15px;
}
.grecaptcha-badge {
  visibility: collapse !important;
}
input[type="submit"], input[type="button"], button {
  width: auto;
  cursor: pointer;
}
button {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
  width: auto;
  cursor: pointer;
  margin-bottom: 0;
}
button:hover {
  background-color: #7696AD;
  color: #000;
}
button:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
label {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}
.wpcf7-response-output {
  border-color: #7696AD !important;
  padding: 15px !important;
  font-size: 0.83rem;
  line-height: 1.245rem;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  font-weight: 400;
}
.wpcf7-response-output {
  border-color: #7696AD !important;
  padding: 15px !important;
  font-size: 0.83rem;
  line-height: 1.245rem;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  font-weight: 400;
  font-size: 1.8rem !important;
  color: #fff !important;
}
.wpcf7-form, .fieldset-cf7mls-wrapper {
  overflow: visible;
}
.wpcf7-not-valid-tip {
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 0.83rem;
  line-height: 1.245rem;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  font-weight: 400;
  font-size: 1.6rem !important;
  color: #fff !important;
}
.wpcf7-not-valid {
  outline: solid 2px #7696AD;
  outline-offset: 4px;
}
.wpcf7-icon-wraning path {
  fill: #fff;
}
/*/////////////////////////////////////////////////////////////
RANKMATH SITEMAP PAGE
*/
#wrapper .rank-math-html-sitemap__title {
  margin-top: 5rem;
}
#wrapper .rank-math-html-sitemap__link {
  color: #000;
  text-decoration: underline;
}
#wrapper .rank-math-html-sitemap__link:hover {
  outline: solid 1px #000;
  color: #3B5954;
}
#wrapper .rank-math-html-sitemap__date {
  display: none;
}
/*/////////////////////////////////////////////////////////////
COMPLIANZ
*/
.cmplz-manage-consent::before, .cmplz-manage-consent::after {
  display: none;
}
#cmplz-cookiebanner-container .cmplz-title {
  font-weight: 700;
}
#cmplz-cookiebanner-container .cmplz-message {
  font-size: 15px;
  line-height: 24px;
}
#cmplz-cookiebanner-container .cmplz-accept::before, #cmplz-cookiebanner-container .cmplz-accept::after {
  display: none;
}
#cmplz-cookiebanner-container .cmplz-accept:hover {
  background-color: #3B5954;
  color: #fff;
}
#cmplz-cookiebanner-container .cmplz-link {
  font-size: 14px;
}
#cmplz-document {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
#cmplz-document h2 {
  margin-top: 6rem !important;
}
#cmplz-document #cmplz-datarequest-form {
  max-width: 600px;
  margin-top: 4rem;
}
#cmplz-document #cmplz-datarequest-form #cmplz-datarequest-submit {
  margin-top: 4rem;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-property: background-color, fill, color, transform;
  transition: 0.8s ease;
  display: inline-block;
  background-color: #3B5954;
  color: #fff;
  padding: 0.667rem 2rem;
  font-size: 0.833rem;
  font-family: "romelio", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.042rem;
  border: none;
}
#cmplz-document #cmplz-datarequest-form #cmplz-datarequest-submit:hover {
  background-color: #7696AD;
  color: #000;
}
#cmplz-document #cmplz-datarequest-form #cmplz-datarequest-submit:focus-visible {
  outline: 3px solid #fff;
  background-color: #7696AD;
}
/*/////////////////////////////////////////////////////////////
ACCESSIBILITY SPECIFICS	
*/
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
  outline: solid 2px #000;
  outline-offset: 4px;
}
select:focus-visible {
  background-color: #3B5954 !important;
  color: #fff !important;
  outline: solid 2px #3B5954 !important;
  outline-offset: 5px !important;
}
/*/////////////////////////////////////////////////////////////
MEDIA QUERIES
*/
@media screen and (max-width: 1024px) {
  #wrapper .content, #wrapper .left, #wrapper .right, #wrapper .pad-left, #wrapper .pad-right {
    padding-left: 15px;
    padding-right: 15px;
  }
  #wrapper .content .left, #wrapper .content .right, #wrapper .left .left, #wrapper .left .right, #wrapper .right .left, #wrapper .right .right, #wrapper .pad-left .left, #wrapper .pad-left .right, #wrapper .pad-right .left, #wrapper .pad-right .right {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper .break-medium {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  #wrapper .break-medium.small-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #wrapper .break-medium .left, #wrapper .break-medium .right {
    max-width: 100%;
  }
  #wrapper .break-medium .left {
    margin-left: 0;
  }
  #wrapper .break-medium .right {
    margin-right: 0;
  }
}
@media screen and (max-width: 780px) {
  /* GUTENBERG Breakpoint Media Query */
  #wrapper .pad-left {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .pad-right {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .small-margin-top {
    margin-top: 60px;
  }
  #wrapper .small-margin-bottom {
    margin-bottom: 60px;
  }
  #wrapper .small-no-padding-top {
    padding-top: 0;
  }
  #wrapper .small-no-padding-bottom {
    padding-bottom: 0;
  }
  #wrapper .small-padding-top-s {
    padding-top: 45px;
  }
  #wrapper .small-padding-top-m {
    padding-top: 60px;
  }
  #wrapper .small-padding-bottom-s {
    padding-bottom: 45px;
  }
  #wrapper .small-padding-bottom-m {
    padding-bottom: 60px;
  }
  #wrapper .small-reverse {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #wrapper .small-reverse .wp-block-column {
    min-height: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #wrapper .left {
    margin-left: 0;
  }
  #wrapper .right {
    margin-right: 0;
  }
  #wrapper .left, #wrapper .right {
    max-width: 100%;
  }
  #wrapper .left.small, #wrapper .right.small {
    max-width: 100%;
  }
}