/*
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 FACES
*/
@font-face {
  font-family: "LeafyPlant";
  src: url("../fonts/LeafyPlant-Regular.woff2") format("woff2"), url("../fonts/LeafyPlant-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*/////////////////////////////////////////////////////////////
VARIABLES
*/
/*//////////////////////////////////////////////////////////
INTERPOLATE
//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////
MEDIA QUERIES
//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////
THE REST
//////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////
TYPOGRAPHY
*/
:root {
  font-size: clamp(24px, calc(4.412371134px + 1.0309278351vw), 44px);
}
@media only screen and (max-width: 1900px) {
  :root {
    font-size: clamp(20px, calc(17.2082216265px + 0.3574620197vw), 24px);
  }
}
@media only screen and (max-width: 781px) {
  :root {
    font-size: clamp(18px, calc(16.2897862233px + 0.4750593824vw), 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: "Lexend", 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;
}
#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 .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: 781px) {
  #content-wrap .wp-block-columns.w-gap {
    gap: 10px !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: 850px) {
  .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: 5rem;
  margin-bottom: 5rem;
  margin-inline: auto;
}
#wrapper .content.extra .wp-block-group__inner-container, #wrapper .content.extra .wp-block-cover__inner-container {
  max-width: clamp(880px, calc(-109.0909090909px + 96.5909090909vw), 3600px);
}
#wrapper .content.extra.not-inner {
  max-width: clamp(880px, calc(-109.0909090909px + 96.5909090909vw), 3600px);
}
#wrapper .content.max .wp-block-group__inner-container, #wrapper .content.max .wp-block-cover__inner-container {
  max-width: clamp(880px, calc(283.6363636364px + 58.2386363636vw), 2520px);
}
#wrapper .content.max.not-inner {
  max-width: clamp(880px, calc(283.6363636364px + 58.2386363636vw), 2520px);
}
#wrapper .content.medium .wp-block-group__inner-container, #wrapper .content.medium .wp-block-cover__inner-container {
  max-width: clamp(724px, calc(347.2727272727px + 36.7897727273vw), 1760px);
}
#wrapper .content.medium.not-inner {
  max-width: clamp(724px, calc(347.2727272727px + 36.7897727273vw), 1760px);
}
#wrapper .content.small .wp-block-group__inner-container, #wrapper .content.small .wp-block-cover__inner-container {
  max-width: clamp(478px, calc(193.6363636364px + 27.7698863636vw), 1260px);
}
#wrapper .content.small.not-inner {
  max-width: clamp(478px, calc(193.6363636364px + 27.7698863636vw), 1260px);
}
#wrapper .content.max, #wrapper .content.large, #wrapper .content.medium, #wrapper .content.small {
  width: 100%;
}
#wrapper .left, #wrapper .right {
  max-width: clamp(438px, calc(139.0909090909px + 29.1903409091vw), 1260px);
}
#wrapper .left {
  margin-left: auto;
}
#wrapper .right {
  margin-right: auto;
}
#wrapper .pad-left {
  padding-left: clamp(0px, calc(-22.9780974175px + 2.9421379536vw), 90px);
}
#wrapper .pad-right {
  padding-right: clamp(0px, calc(-22.9780974175px + 2.9421379536vw), 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-inner .wp-block-group__inner-container {
  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 .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 .scene-margin {
  margin-top: clamp(75px, calc(53.7931034483px + 5.8908045977vw), 280px);
  margin-bottom: clamp(75px, calc(53.7931034483px + 5.8908045977vw), 280px);
}
#wrapper .scene-margin.just-top {
  margin-bottom: 0;
}
#wrapper .scene-margin.just-bottom {
  margin-top: 0;
}
#wrapper .margin-top-l {
  margin-top: 8.12rem;
}
#wrapper .margin-top-x {
  margin-top: 5rem;
}
#wrapper .margin-top-m {
  margin-top: 3rem;
}
#wrapper .margin-top-s {
  margin-top: 1.25rem;
}
#wrapper .margin-top-xs {
  margin-top: 0.75rem;
}
#wrapper .margin-bottom-l {
  margin-bottom: 8.12rem;
}
#wrapper .margin-bottom-x {
  margin-bottom: 5rem;
}
#wrapper .margin-bottom-m {
  margin-bottom: 3rem;
}
#wrapper .margin-bottom-s {
  margin-bottom: 1.25rem;
}
#wrapper .margin-bottom-xs {
  margin-bottom: 0.75rem;
}
#wrapper .no-margin-top {
  margin-top: 0 !important;
}
#wrapper .scene-padding {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 781px) {
  #wrapper .scene-padding.small-top-a-little {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 781px) {
  #wrapper .scene-padding.small-no-bottom {
    padding-bottom: 0;
  }
}
#wrapper .padding-top-l {
  padding-top: 8.12rem;
}
#wrapper .padding-top-x {
  padding-top: 5rem;
}
#wrapper .padding-top-m {
  padding-top: 3rem;
}
#wrapper .padding-top-s {
  padding-top: 1.25rem;
}
#wrapper .padding-top-xs {
  padding-top: 0.75rem;
}
#wrapper .padding-bottom-l {
  padding-bottom: 8.12rem;
}
#wrapper .padding-bottom-x {
  padding-bottom: 5rem;
}
#wrapper .padding-bottom-m {
  padding-bottom: 3rem;
}
#wrapper .padding-bottom-s {
  padding-bottom: 1.25rem;
}
#wrapper .padding-bottom-xs {
  padding-bottom: 0.75rem;
}
#wrapper .padding-40-full {
  padding: 1.35rem;
}
@media only screen and (max-width: 781px) {
  #wrapper .padding-40-full {
    padding: 20px;
  }
}
#wrapper .no-padding-bottom {
  padding-bottom: 0 !important;
}
#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: 781px) {
  #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: max(16px, 0.75rem);
  line-height: max(24px, 1.5rem);
  line-height: 1.125rem;
  font-family: "Lexend", sans-serif;
  text-transform: none;
  font-weight: 400;
}
#wrapper p a, #wrapper .like-p a {
  color: #000;
}
#wrapper h1, #wrapper .like-h1 {
  font-size: 4.2rem;
  line-height: 4.536rem;
  font-family: LeafyPlant, sans-serif;
  text-transform: uppercase;
}
#wrapper h1 strong, #wrapper .like-h1 strong {
  line-height: 4.536rem;
}
@media only screen and (max-width: 781px) {
  #wrapper h1, #wrapper .like-h1 {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
}
#wrapper h2, #wrapper .like-h2 {
  font-size: clamp(38px, calc(28.1724137931px + 2.7298850575vw), 133px);
  line-height: clamp(38px, calc(28.1724137931px + 2.7298850575vw), 133px);
  padding-bottom: 1rem;
  font-family: LeafyPlant, sans-serif;
  text-transform: uppercase;
  color: #1f4234;
}
#wrapper h2 strong, #wrapper .like-h2 strong {
  font-size: clamp(38px, calc(28.1724137931px + 2.7298850575vw), 133px);
  line-height: clamp(38px, calc(28.1724137931px + 2.7298850575vw), 133px);
}
#wrapper h3, #wrapper .like-h3 {
  font-size: 1.2rem;
  font-size: clamp(20px, calc(17.5172413793px + 0.6896551724vw), 44px);
  line-height: 1.296rem;
  padding-bottom: 1.083rem;
  letter-spacing: -0.1666rem;
  font-weight: 700;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
}
#wrapper h4, #wrapper .like-h4 {
  font-size: 1rem;
  line-height: 1.08rem;
  padding-bottom: 0.833rem;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
  font-family: "Lexend", sans-serif;
  text-transform: none;
}
#wrapper h5, #wrapper .like-h5 {
  font-size: 1rem;
  line-height: 1.08rem;
  padding-bottom: 0.583rem;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
}
#wrapper h6, #wrapper .like-h6 {
  font-size: 0.75rem;
  line-height: 0.81rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 781px) {
  #wrapper h6, #wrapper .like-h6 {
    font-size: 0.85rem;
    line-height: 1rem;
  }
}
#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: max(16px, 0.75rem);
  line-height: max(24px, 1.5rem);
  line-height: 1.125rem;
  font-family: "Lexend", 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 h1 strong, #wrapper h2 strong {
  position: relative;
}
#wrapper h1 strong::before, #wrapper h2 strong::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url("/wp-content/uploads/2025/08/underline-left.svg"), url("/wp-content/uploads/2025/08/underline-right.svg");
  background-repeat: no-repeat;
  background-position: left center, right center;
  height: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
}
#wrapper h1 strong::after, #wrapper h2 strong::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
  background-color: #e3e54f;
  width: calc(100% - 1.65rem);
}
/*/////////////////////////////////////////////////////////////
ACCESSIBILITY DEFAULTS
*/
#wrapper a:focus-visible, #wrapper input:focus-visible, #wrapper button:focus-visible {
  outline: solid 2px #1f4234;
  outline-offset: 4px;
}
#wrapper p a {
  font-weight: 700;
}
#wrapper p a:hover, #wrapper p a:focus-visible {
  text-decoration: underline;
}
/*/////////////////////////////////////////////////////////////
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%);
  transition: all 0.8s ease;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  padding: 0.8rem 3.4rem 0.8rem 1rem;
  border-radius: 0.38rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  font-weight: 600;
  border: none;
  width: 100%;
  background-color: #1f4234;
  width: fit-content;
  padding: 0.6rem 1rem;
  background-color: #1f4234 !important;
}
#hidden-skip-buttons #skip-nav svg, #hidden-skip-buttons #accs-options svg {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: auto;
  margin: auto;
  height: 60%;
}
#hidden-skip-buttons #skip-nav svg path, #hidden-skip-buttons #accs-options svg path {
  transition: all 0.6s ease;
}
#hidden-skip-buttons #skip-nav:hover, #hidden-skip-buttons #accs-options:hover {
  background-color: #e3e54f;
  color: #1f4234;
}
#hidden-skip-buttons #skip-nav:hover svg path.outer, #hidden-skip-buttons #accs-options:hover svg path.outer {
  fill: #1f4234 !important;
}
#hidden-skip-buttons #skip-nav:hover svg path.inner, #hidden-skip-buttons #accs-options:hover svg path.inner {
  fill: #e3e54f !important;
}
#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 {
  transition: all 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%;
  min-height: 4rem;
  z-index: 10;
  padding: 0 50px;
  background-color: #f5faef;
}
#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 a {
  display: block;
}
#header-wrap header #header-logo a img {
  transition: all 0.6s ease;
  max-height: 2.62rem;
  width: auto;
}
#header-wrap header nav#primary > ul > li {
  display: inline-block;
  margin-left: 1.667rem;
}
#header-wrap header nav#primary > ul > li a {
  transition: all 0.6s ease;
  position: relative;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1f4234;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  border-bottom: solid 3px #f5faef;
  padding: 0.4rem 0;
}
#header-wrap header nav#primary > ul > li a:hover {
  color: #000;
  border-bottom-color: #1f4234;
}
@media only screen and (max-width: 850px) {
  #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;
}
#header-wrap header nav#primary > ul > li.button {
  margin-left: 1.667rem;
}
#header-wrap header nav#primary > ul > li.button a {
  transition: all 0.8s ease;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  padding: 0.8rem 3.4rem 0.8rem 1rem;
  border-radius: 0.38rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  font-weight: 600;
  border: none;
  width: 100%;
  background-color: #1f4234;
  width: fit-content;
  background-color: #1f4234;
  padding: 0.6rem 1rem;
}
#header-wrap header nav#primary > ul > li.button a svg {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: auto;
  margin: auto;
  height: 60%;
}
#header-wrap header nav#primary > ul > li.button a svg path {
  transition: all 0.6s ease;
}
#header-wrap header nav#primary > ul > li.button a:hover {
  background-color: #e3e54f;
  color: #1f4234;
}
#header-wrap header nav#primary > ul > li.button a:hover svg path.outer {
  fill: #1f4234 !important;
}
#header-wrap header nav#primary > ul > li.button a:hover svg path.inner {
  fill: #e3e54f !important;
}
#header-wrap header nav#primary > ul > li.button a::before {
  display: none;
}
#header-wrap header nav#primary > ul > li.button a:hover {
  background-color: #a0cf62;
}
@media only screen and (max-width: 850px) {
  #header-wrap header nav#primary > ul > li.button {
    margin-left: 0;
    margin-top: 40px;
  }
}
#header-wrap header nav#primary > ul > li.current-menu-item a {
  border-bottom-color: #1f4234;
}
@media only screen and (max-width: 850px) {
  #header-wrap header nav#primary > ul > li {
    display: block;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 850px) {
  #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: 850px) {
  #header-wrap header nav#primary {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: auto;
    display: none;
    height: 100vh;
    background-color: #f5faef;
    z-index: -1;
  }
}
#header-wrap header nav#primary.show-on-mobile {
  display: block;
}
@media only screen and (max-width: 850px) {
  #header-wrap {
    background-color: #f5faef;
    padding: 0 20px;
  }
}
/*/////////////////////////////////////////////////////////////
MOBILE ICON
*/
#mobile-icon {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: auto;
  margin: auto;
  width: 42px;
  height: 42px;
  display: none;
  border-radius: 50%;
  background-color: #1f4234;
}
#mobile-icon div.burger-stack {
  height: 3px;
  width: 19px;
  background-color: #f5faef;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  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: #f5faef;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: auto;
  transition: all 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: 850px) {
  #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: 1.6667rem;
  width: fit-content;
}
#wrapper .buttons-wrapper.default-buttons a.button {
  transition: all 0.8s ease;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  padding: 0.8rem 3.4rem 0.8rem 1rem;
  border-radius: 0.38rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  font-weight: 600;
  border: none;
  width: 100%;
  background-color: #1f4234;
  position: relative;
  z-index: 1;
}
#wrapper .buttons-wrapper.default-buttons a.button svg {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: auto;
  margin: auto;
  height: 60%;
}
#wrapper .buttons-wrapper.default-buttons a.button svg path {
  transition: all 0.6s ease;
}
#wrapper .buttons-wrapper.default-buttons a.button:hover {
  background-color: #e3e54f;
  color: #1f4234;
}
#wrapper .buttons-wrapper.default-buttons a.button:hover svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .buttons-wrapper.default-buttons a.button:hover svg path.inner {
  fill: #e3e54f !important;
}
#wrapper .buttons-wrapper.default-buttons a.button.underline {
  background-color: transparent !important;
  color: #1f4234;
  border-bottom: solid 3px #1f4234;
  padding: 0 0 0.5rem 0;
  border-radius: 0;
}
#wrapper .buttons-wrapper.default-buttons a.button.underline svg, #wrapper .buttons-wrapper.default-buttons a.button.underline::before {
  display: none;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow {
  color: #1f4234;
  background-color: #e3e54f;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow svg path.inner {
  fill: #e3e54f !important;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow:hover {
  background-color: #a0cf62;
  color: #1f4234;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow:hover svg path.outer {
  fill: #e3e54f !important;
}
#wrapper .buttons-wrapper.default-buttons a.button.yellow:hover svg path.inner {
  fill: #1f4234 !important;
}
#wrapper .buttons-wrapper.two-centered-buttons {
  margin-top: 0;
  width: 100%;
}
#wrapper .buttons-wrapper.two-centered-buttons a.button {
  display: inline-block;
  width: auto;
  margin: 0.5rem 0.25rem;
}
#wrapper .buttons-wrapper.large-buttons {
  margin-top: 4rem;
}
#wrapper .buttons-wrapper.large-buttons a.button {
  padding: 1rem 2.333rem;
  font-size: 1rem;
}
#wrapper .buttons-group-wrapper-center .wp-block-group__inner-container {
  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 .buttons-group-wrapper-center .wp-block-group__inner-container .buttons-wrapper.default-buttons a.button {
  left: 0.5rem;
}
#wrapper .buttons-group-wrapper-center .wp-block-group__inner-container .buttons-wrapper.default-buttons a.button:hover {
  left: 0;
}
#wrapper .full-width-button-wrapper {
  transition: all 0.6s ease;
}
#wrapper .full-width-button-wrapper .single-full-width-button {
  display: block;
  position: relative;
}
#wrapper .full-width-button-wrapper .single-full-width-button .single-button-content-wrapper {
  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: flex-start !important;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start !important;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: flex-start !important;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding: 1.67rem 6.67rem;
  padding-left: clamp(20px, calc(-4.8275862069px + 6.8965517241vw), 260px);
  padding-right: clamp(20px, calc(-4.8275862069px + 6.8965517241vw), 260px);
}
#wrapper .full-width-button-wrapper .single-full-width-button .single-button-content-wrapper span {
  transition: all 0.6s ease;
}
#wrapper .full-width-button-wrapper .single-full-width-button .single-button-content-wrapper span.top-headline {
  font-size: max(16px, 0.75rem);
  line-height: max(24px, 1.5rem);
  line-height: 1.125rem;
  font-family: "Lexend", sans-serif;
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase;
  font-size: max(15px, 0.75rem);
}
#wrapper .full-width-button-wrapper .single-full-width-button .single-button-content-wrapper span.main-headline {
  font-size: 1.2rem;
  font-size: clamp(20px, calc(17.5172413793px + 0.6896551724vw), 44px);
  line-height: 1.296rem;
  padding-bottom: 1.083rem;
  letter-spacing: -0.1666rem;
  font-weight: 700;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
  padding-bottom: 0;
}
#wrapper .full-width-button-wrapper .single-full-width-button svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  max-width: 2.66rem;
  right: clamp(20px, calc(-56.5936580582px + 9.8071265119vw), 320px);
}
#wrapper .full-width-button-wrapper .single-full-width-button svg path {
  transition: all 0.6s ease;
}
#wrapper .full-width-button-wrapper.bg-pink:hover {
  background-color: #4e3654;
}
#wrapper .full-width-button-wrapper.bg-pink:hover span {
  color: #fff;
}
#wrapper .full-width-button-wrapper.bg-pink:hover svg path.outer {
  fill: #cca1c9 !important;
}
#wrapper .full-width-button-wrapper.bg-light-blue:hover {
  background-color: #a0cf62;
}
#wrapper .full-width-button-wrapper.bg-light-blue:hover svg path.outer {
  fill: #96a8d6 !important;
}
#wrapper .full-width-button-wrapper.bg-light-blue:hover svg path.inner {
  stroke: #1f4234 !important;
}
#wrapper .w-gap {
  gap: 2.667rem !important;
}
@media only screen and (max-width: 781px) {
  #wrapper .w-gap {
    gap: 40px !important;
  }
}
#wrapper .image-wrapper {
  position: relative;
}
#wrapper .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrapper .image-high {
  min-height: clamp(280px, calc(217.9310344828px + 17.2413793103vw), 880px);
  height: 100%;
}
#wrapper .bg-cream {
  background-color: #f5faef;
  transition: all 1s ease;
}
#wrapper .bg-cream h1, #wrapper .bg-cream h2, #wrapper .bg-cream h3, #wrapper .bg-cream h4, #wrapper .bg-cream h5, #wrapper .bg-cream h6 {
  color: #1f4234;
  transition: all 1s ease;
}
#wrapper .bg-cream p {
  color: #000;
  transition: all 1s ease;
}
#wrapper .bg-cream.change-to-green {
  background-color: #1f4234;
}
#wrapper .bg-cream.change-to-green h1, #wrapper .bg-cream.change-to-green h2, #wrapper .bg-cream.change-to-green h3, #wrapper .bg-cream.change-to-green h4, #wrapper .bg-cream.change-to-green h5, #wrapper .bg-cream.change-to-green h6 {
  color: #fff;
}
#wrapper .bg-cream.change-to-green p, #wrapper .bg-cream.change-to-green .like-h6 {
  color: #fff;
}
#wrapper .bg-green {
  transition: all 1s ease;
  background-color: #1f4234;
}
#wrapper .bg-green h1, #wrapper .bg-green h2, #wrapper .bg-green h3, #wrapper .bg-green h4, #wrapper .bg-green h5, #wrapper .bg-green p {
  color: #fff;
}
#wrapper .bg-green h1 a, #wrapper .bg-green h2 a, #wrapper .bg-green h3 a, #wrapper .bg-green h4 a, #wrapper .bg-green h5 a, #wrapper .bg-green p a {
  color: #fff;
}
#wrapper .bg-green h3 strong {
  color: #a0cf62;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button {
  color: #1f4234;
  background-color: #e3e54f;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button::before {
  background-color: #e3e54f;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button svg path.inner {
  fill: #e3e54f !important;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button:hover, #wrapper .bg-green .buttons-wrapper.default-buttons a.button:focus-visible {
  background-color: #a0cf62;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button:hover svg path.outer, #wrapper .bg-green .buttons-wrapper.default-buttons a.button:focus-visible svg path.outer {
  fill: #e3e54f !important;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button:hover svg path.inner, #wrapper .bg-green .buttons-wrapper.default-buttons a.button:focus-visible svg path.inner {
  fill: #1f4234 !important;
}
#wrapper .bg-green .buttons-wrapper.default-buttons a.button:focus-visible {
  outline-color: #f5faef;
}
#wrapper .bg-light-green {
  background-color: #a0cf62;
}
#wrapper .bg-light-green h1, #wrapper .bg-light-green h2, #wrapper .bg-light-green h3, #wrapper .bg-light-green h4, #wrapper .bg-light-green h5, #wrapper .bg-light-green h6 {
  color: #1f4234;
}
#wrapper .bg-light-green p {
  color: #000;
}
#wrapper .bg-light-green .buttons-wrapper.default-buttons a.button {
  color: #fff;
}
#wrapper .bg-light-green .buttons-wrapper.default-buttons a.button svg path {
  fill: #fff !important;
}
#wrapper .bg-light-green .buttons-wrapper.default-buttons a.button::before {
  background-color: #1f4234;
}
#wrapper .bg-light-green .buttons-wrapper.default-buttons a.button:hover::before {
  background-color: #4e3654;
}
#wrapper .bg-yellow {
  background-color: #e3e54f;
}
#wrapper .bg-yellow h1, #wrapper .bg-yellow h2, #wrapper .bg-yellow h3, #wrapper .bg-yellow h4, #wrapper .bg-yellow h5, #wrapper .bg-yellow h6 {
  color: #1f4234;
}
#wrapper .bg-yellow p {
  color: #000;
}
#wrapper .bg-butterfly-path {
  background-image: url("/wp-content/uploads/2025/08/asset-path-butterfly.svg");
  background-repeat: no-repeat;
  background-size: calc(100vw - 2.66rem);
  background-position: left 85%;
}
#wrapper .bg-pattern {
  background-image: url("/wp-content/uploads/2025/08/HOK-Pattern.svg");
  background-size: 8rem;
}
#wrapper .overlay-gradient-green {
  position: relative;
}
#wrapper .overlay-gradient-green h1, #wrapper .overlay-gradient-green h2, #wrapper .overlay-gradient-green h3, #wrapper .overlay-gradient-green h4, #wrapper .overlay-gradient-green h5, #wrapper .overlay-gradient-green p {
  color: #fff;
}
#wrapper .overlay-gradient-green h1 a, #wrapper .overlay-gradient-green h2 a, #wrapper .overlay-gradient-green h3 a, #wrapper .overlay-gradient-green h4 a, #wrapper .overlay-gradient-green h5 a, #wrapper .overlay-gradient-green p a {
  color: #fff;
}
#wrapper .overlay-gradient-green img {
  z-index: -1;
  width: 75%;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 781px) {
  #wrapper .overlay-gradient-green img {
    left: 0;
    width: 100%;
  }
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button {
  color: #1f4234;
  background-color: #e3e54f;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button::before {
  background-color: #e3e54f;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button svg path.inner {
  fill: #e3e54f !important;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:hover, #wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:focus-visible {
  background-color: #a0cf62;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:hover svg path.outer, #wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:focus-visible svg path.outer {
  fill: #e3e54f !important;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:hover svg path.inner, #wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:focus-visible svg path.inner {
  fill: #1f4234 !important;
}
#wrapper .overlay-gradient-green .buttons-wrapper.default-buttons a.button:focus-visible {
  outline-color: #f5faef;
}
#wrapper .overlay-gradient-green::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(90deg, #1f4234 0%, #1f4234 30%, rgba(31, 66, 52, 0) 72%, rgba(31, 66, 52, 0) 100%);
  z-index: 0;
}
@media only screen and (max-width: 781px) {
  #wrapper .overlay-gradient-green::before {
    background: none;
    background-color: rgba(31, 66, 52, 0.7);
  }
}
#wrapper .overlay-gradient-cream-vertical {
  position: relative;
}
#wrapper .overlay-gradient-cream-vertical h1, #wrapper .overlay-gradient-cream-vertical h2, #wrapper .overlay-gradient-cream-vertical h3, #wrapper .overlay-gradient-cream-vertical h4, #wrapper .overlay-gradient-cream-vertical h5, #wrapper .overlay-gradient-cream-vertical p {
  color: #1f4234;
}
#wrapper .overlay-gradient-cream-vertical h1 a, #wrapper .overlay-gradient-cream-vertical h2 a, #wrapper .overlay-gradient-cream-vertical h3 a, #wrapper .overlay-gradient-cream-vertical h4 a, #wrapper .overlay-gradient-cream-vertical h5 a, #wrapper .overlay-gradient-cream-vertical p a {
  color: #1f4234;
}
#wrapper .overlay-gradient-cream-vertical p {
  color: #000;
}
#wrapper .overlay-gradient-cream-vertical img {
  z-index: -1;
}
#wrapper .overlay-gradient-cream-vertical::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(180deg, #f5faef 0%, #f5faef 40%, rgba(245, 250, 239, 0) 60%, rgba(245, 250, 239, 0) 100%);
}
@media only screen and (max-width: 781px) {
  #wrapper .overlay-gradient-cream-vertical::before {
    background: none;
    background-color: rgba(245, 250, 239, 0.7);
  }
}
#wrapper .overlay-gradient-cream-bottom {
  background: linear-gradient(0deg, #f5faef 0%, rgba(245, 250, 239, 0) 20%, rgba(245, 250, 239, 0) 100%);
}
#wrapper .border-radius-full {
  border-radius: 2.5rem;
}
#wrapper .border-light-green {
  border: solid 0.41rem #a0cf62;
}
#wrapper .fancy-border-right {
  position: relative;
  padding-right: 1.7rem;
  margin-right: 1.7rem;
}
#wrapper .fancy-border-right::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  width: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
  background-color: #e3e54f;
  background-image: url("/wp-content/uploads/2025/08/asset-underline-mask-cream-top.svg"), url("/wp-content/uploads/2025/08/asset-underline-mask-cream-bottom.svg");
  background-repeat: no-repeat;
  background-position: center top, center 101%;
}
#wrapper .align-top {
  align-items: flex-start;
}
#wrapper .height-100 {
  min-height: 100vh;
}
@media only screen and (max-width: 781px) {
  #wrapper .height-100 {
    min-height: auto;
  }
}
#wrapper .two-rotating-headlines-wrapper {
  overflow: hidden;
  padding: 0.85rem 0;
}
#wrapper .two-rotating-headlines-wrapper .headlines-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -moz-box-align: center !important;
  -webkit-box-align: center;
  -webkit-align-items: center !important;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center !important;
  flex-wrap: nowrap;
  animation: headline_rotator 60s linear infinite;
}
#wrapper .two-rotating-headlines-wrapper .headlines-wrapper .headline {
  position: relative;
  padding: 0 2rem;
}
#wrapper .two-rotating-headlines-wrapper .headlines-wrapper .headline h3 {
  white-space: nowrap;
  padding-bottom: 0;
}
#wrapper .two-rotating-headlines-wrapper .headlines-wrapper .headline::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -1.15rem;
  bottom: 0;
  left: auto;
  margin: auto;
  width: 2rem;
  background-image: url("/wp-content/uploads/2025/08/asset-butterfly-green.svg");
  background-repeat: no-repeat;
}
#wrapper .events-links-wrapper .single-event-wrapper {
  transition: all 0.6s ease;
  padding-bottom: 1.667rem;
  margin-bottom: 1.667rem;
  border-bottom: solid 3px #e3e54f;
}
#wrapper .events-links-wrapper .single-event-wrapper a {
  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;
}
#wrapper .events-links-wrapper .single-event-wrapper a:hover svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .events-links-wrapper .single-event-wrapper a:hover svg path.inner {
  stroke: #f5faef !important;
}
#wrapper .events-links-wrapper .single-event-wrapper .event-info h3 {
  transition: all 0.6s ease;
  padding-bottom: 0;
  margin-bottom: 0.15rem;
}
#wrapper .events-links-wrapper .single-event-wrapper .event-info h4 {
  transition: all 0.6s ease;
  color: #1f4234;
  padding-bottom: 0;
}
#wrapper .events-links-wrapper .single-event-wrapper svg {
  max-width: 2.66rem;
}
#wrapper .events-links-wrapper .single-event-wrapper svg path {
  transition: all 0.6s ease;
}
#wrapper .events-links-wrapper .single-event-wrapper:hover {
  border-bottom-color: #1f4234;
}
#wrapper .events-links-wrapper .single-event-wrapper:last-child {
  margin-bottom: 0;
}
#wrapper .cloud svg {
  max-width: 3.33rem;
}
#wrapper .middle-lines-column {
  gap: 3.5rem !important;
}
#wrapper .middle-lines-column .wp-block-column {
  padding-top: 1.66rem;
  padding-bottom: 1.66rem;
}
#wrapper .middle-lines-column .wp-block-column:nth-child(2), #wrapper .middle-lines-column .wp-block-column:nth-child(3) {
  position: relative;
}
#wrapper .middle-lines-column .wp-block-column:nth-child(2)::before, #wrapper .middle-lines-column .wp-block-column:nth-child(3)::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -1.75rem;
  margin: auto;
  background-image: url("/wp-content/uploads/2025/08/asset-middle-line-top.svg"), url("/wp-content/uploads/2025/08/asset-middle-line-bottom.svg");
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  width: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
}
@media only screen and (max-width: 781px) {
  #wrapper .middle-lines-column .wp-block-column:nth-child(2)::before, #wrapper .middle-lines-column .wp-block-column:nth-child(3)::before {
    background-image: url("/wp-content/uploads/2025/08/underline-left.svg"), url("/wp-content/uploads/2025/08/underline-right.svg");
    background-repeat: no-repeat;
    background-position: left center, right center;
    height: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
    top: -1.75rem;
    left: 0;
    bottom: auto;
  }
}
#wrapper .middle-lines-column .wp-block-column:nth-child(2)::after, #wrapper .middle-lines-column .wp-block-column:nth-child(3)::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -1.75rem;
  margin: auto;
  background-color: #e3e54f;
  width: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
  height: calc(100% - 1rem);
}
@media only screen and (max-width: 781px) {
  #wrapper .middle-lines-column .wp-block-column:nth-child(2)::after, #wrapper .middle-lines-column .wp-block-column:nth-child(3)::after {
    width: calc(100% - 2rem);
    height: clamp(4px, calc(2.3448275862px + 0.4597701149vw), 20px);
    top: -1.75rem;
    left: 0;
    bottom: auto;
  }
}
@media only screen and (max-width: 781px) {
  #wrapper .middle-lines-column .wp-block-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#wrapper .bg-green .single-event-wrapper a .event-info h4, #wrapper .bg-green .single-event-wrapper a .event-info h3 {
  color: #fff !important;
}
#wrapper .bg-green .single-event-wrapper a:hover svg path.inner {
  stroke: #1f4234 !important;
}
#wrapper .bg-green .single-event-wrapper a:hover svg path.outer {
  fill: #fff !important;
}
#wrapper .bg-green .single-event-wrapper:hover {
  border-bottom-color: #fff !important;
}
#wrapper .height-fit-auto {
  height: fit-content;
}
@keyframes headline_rotator {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-56%);
  }
}
/*/////////////////////////////////////////////////////////////
HOMEPAGE
*/
#content-wrap {
  margin-top: 4rem;
  position: relative;
}
#content-wrap #hero {
  padding-top: 4rem;
  padding-bottom: 4rem;
  min-height: calc(100vh - 4rem);
}
#content-wrap #hero h1 {
  margin-bottom: 0.8rem;
  line-height: clamp(46px, calc(32.1379310345px + 3.8505747126vw), 180px);
  font-size: clamp(46px, calc(32.1379310345px + 3.8505747126vw), 180px);
}
#content-wrap #hero #hero-logo {
  max-width: 7.5rem;
  margin-bottom: 1rem;
}
#wrapper .toyota-corolla {
  background-image: url("/wp-content/uploads/2025/08/toyota-corolla-asset.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 46vw;
}
@media only screen and (max-width: 781px) {
  #wrapper .toyota-corolla {
    background-position: right bottom;
    background-size: 64vw;
  }
}
#wrapper #hok-and-toyota-logos img {
  max-height: 5.54rem;
  width: auto;
  margin-right: 0.5rem;
}
@keyframes clouds {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
@keyframes butterfly_up_and_down {
  0% {
    /* Starts at the top, facing "up" (0 degrees) */
    transform: translateY(0) rotate(0deg);
  }
  10% {
    /* Rotates at the top to face "down" (180 degrees) */
    transform: translateY(0) rotate(180deg);
  }
  50% {
    /* Moves down to the bottom, staying rotated */
    transform: translateY(100%) rotate(180deg);
  }
  60% {
    /* Rotates back at the bottom to face "up" (360 degrees) */
    transform: translateY(100%) rotate(360deg);
  }
  100% {
    /* Moves back up to the top, completing the cycle */
    transform: translateY(0) rotate(360deg);
  }
}
/*/////////////////////////////////////////////////////////////
SUBPAGE
*/
#wrapper .sub-hero {
  min-height: calc(100vh - 4rem);
}
#wrapper .sub-hero figure img {
  width: auto;
}
#wrapper .sub-hero h2 {
  padding-bottom: 0;
}
#wrapper #raffle-ticket-prices h3 {
  padding-bottom: 0.8rem;
}
#wrapper #raffle-ticket-prices h4 {
  padding-bottom: 0;
}
/*/////////////////////////////////////////////////////////////
BLOG
*/
/*/////////////////////////////////////////////////////////////
PAGINATION ALL POSTS
*/
#wrapper .pagination-container {
  padding-bottom: 5rem;
}
#wrapper .pagination-container ul.pagination-list {
  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 .pagination-container ul.pagination-list li.pagination-item {
  list-style: none;
}
#wrapper .pagination-container ul.pagination-list li.pagination-item a.pagination-link {
  background-color: #1f4234;
  color: #fff;
  margin: 0 0.35rem;
}
#wrapper .pagination-container ul.pagination-list li.pagination-item a.pagination-link.first-page-link, #wrapper .pagination-container ul.pagination-list li.pagination-item a.pagination-link.last-page-link {
  background-color: transparent;
  color: #1f4234;
}
/*/////////////////////////////////////////////////////////////
FOOTER
*/
#hok-footer #nav-and-button-group nav {
  text-align: center;
}
#hok-footer #nav-and-button-group 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;
}
#hok-footer #nav-and-button-group nav ul.menu li a {
  transition: all 0.6s ease;
  position: relative;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1f4234;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  border-bottom: solid 3px #f5faef;
  color: #1f4234;
  padding: 0.8rem;
  display: block;
}
#hok-footer #nav-and-button-group nav ul.menu li a:hover {
  color: #000;
  border-bottom-color: #1f4234;
}
@media only screen and (max-width: 781px) {
  #hok-footer #nav-and-button-group nav ul.menu {
    -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: 781px) {
  #hok-footer #nav-and-button-group {
    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;
  }
}
#hok-footer #footer-form-group {
  margin-left: auto;
  padding-left: clamp(200px, calc(-41.8383185125px + 17.7041228779vw), 638px);
}
@media only screen and (max-width: 781px) {
  #hok-footer #footer-form-group {
    width: 100%;
    padding-left: 0;
  }
}
#hok-footer .buttons-wrapper.default-buttons {
  margin-top: 0;
}
@media only screen and (max-width: 781px) {
  #hok-footer .buttons-wrapper.default-buttons {
    margin-bottom: 40px;
  }
}
#hok-footer #footer-logo-column #footer-logo img {
  max-width: 10rem;
}
@media only screen and (max-width: 781px) {
  #hok-footer #footer-logo-column {
    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;
  }
}
#hok-footer .social-icons-wrapper {
  transition: all 0.6s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -moz-box-align: center !important;
  -webkit-box-align: center;
  -webkit-align-items: center !important;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center !important;
  flex-wrap: nowrap;
  margin-top: 1rem;
}
#hok-footer .social-icons-wrapper .single-social-icon a {
  transition: all 0.6s ease;
  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;
  background-color: #1f4234;
  width: 1.8rem;
  aspect-ratio: 1;
  border-radius: 0.5rem 0;
  margin-left: 0.8rem;
}
#hok-footer .social-icons-wrapper .single-social-icon a svg {
  max-width: 0.8rem;
  max-height: 0.8rem;
  width: 100%;
  height: 100%;
}
#hok-footer .social-icons-wrapper .single-social-icon a svg path, #hok-footer .social-icons-wrapper .single-social-icon a svg circle {
  transition: all 0.6s ease;
}
#hok-footer .social-icons-wrapper .single-social-icon a:hover {
  background-color: #e3e54f;
}
#hok-footer .social-icons-wrapper .single-social-icon a:hover path, #hok-footer .social-icons-wrapper .single-social-icon a:hover circle {
  fill: #1f4234 !important;
}
#wrapper #site-credit {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#wrapper #site-credit p {
  text-transform: uppercase;
  font-size: 0.58rem;
}
#wrapper #site-credit a {
  font-weight: 400;
}
#wrapper #site-credit a:hover {
  outline: solid 2px #1f4234;
}
/*/////////////////////////////////////////////////////////////
SLIDER
*/
/*/////////////////////////////////////////////////////////////
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: 0.45rem;
  background-color: transparent;
  border: solid 2px #1f4234;
  margin-bottom: 15px;
  font-family: "Lexend", sans-serif;
  font-size: 0.75rem;
}
.grecaptcha-badge {
  visibility: collapse !important;
}
input[type="submit"], input[type="button"], button {
  width: auto;
  cursor: pointer;
}
label {
  font-family: LeafyPlant, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 5px;
}
#wrapper .forminator-row {
  margin-bottom: 0.7rem;
}
#wrapper .forminator-row label {
  font-family: "Lexend", sans-serif;
}
#wrapper .forminator-row button.forminator-button {
  position: relative;
  transition: all 0.8s ease;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  padding: 0.8rem 3.4rem 0.8rem 1rem;
  border-radius: 0.38rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "Lexend Zetta", sans-serif;
  letter-spacing: -0.0833rem;
  font-weight: 600;
  border: none;
  width: 100%;
  background-color: #1f4234;
  width: auto;
  padding: 0.6rem 1rem;
  font-size: 0.65rem;
}
#wrapper .forminator-row button.forminator-button svg {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: auto;
  margin: auto;
  height: 60%;
}
#wrapper .forminator-row button.forminator-button svg path {
  transition: all 0.6s ease;
}
#wrapper .forminator-row button.forminator-button:hover {
  background-color: #e3e54f;
  color: #1f4234;
}
#wrapper .forminator-row button.forminator-button:hover svg path.outer {
  fill: #1f4234 !important;
}
#wrapper .forminator-row button.forminator-button:hover svg path.inner {
  fill: #e3e54f !important;
}
#wrapper .forminator-error-message {
  font-size: 0.85rem !important;
}
#wrapper .forminator-response-message {
  background-color: #1f4234 !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  font-family: "Lexend", sans-serif !important;
}
/*/////////////////////////////////////////////////////////////
PRIVACY POLICY
*/
#privacy-policy-copy h2 {
  font-size: 1.2rem;
  font-size: clamp(20px, calc(17.5172413793px + 0.6896551724vw), 44px);
  line-height: 1.296rem;
  padding-bottom: 1.083rem;
  letter-spacing: -0.1666rem;
  font-weight: 700;
  font-family: "Lexend Zetta", sans-serif;
  text-transform: uppercase;
  margin-top: 2rem;
}
#privacy-policy-copy p a {
  color: #000;
}
/*/////////////////////////////////////////////////////////////
MEDIA QUERIES
*/
@media screen and (max-width: 1024px) {
  #wrapper .content, #wrapper .left, #wrapper .right, #wrapper .pad-left, #wrapper .pad-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  #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: 781px) {
  /* 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%;
  }
  #wrapper .hide-small {
    display: none;
  }
}