@charset "UTF-8";
/*inside page colour on the header button */
#main-header .header-button {
  background-color: #398557;
  color: #fff !important;
}

.home #main-header .header-button {
  /*background-color:$logo-green;*/
}

.inside-page-hero {
  background-color: #040404 !important;
  position: relative;
}

.inside-page-hero:before {
  content: "";
  position: absolute;
  top: -250px;
  left: -250px;
  width: 700px;
  height: 700px;
  background-color: #b7b7a5;
  opacity: 0.15; /* fade into background */
  border-radius: 10px;
  transform: rotate(30deg);
  z-index: 0;
  pointer-events: none; /* so it doesn't block clicks */
}

.inside-page-hero .inside-pre-title {
  color: #c2c0b1 !important;
  font-weight: 700;
  font-size: 20px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/*bottom CTA*/
.bottom-cta h3 {
  color: #fff !important;
}

.bottom-cta .inside-pre-title {
  font-weight: 700;
  font-size: 20px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.corner-square-left {
  position: absolute;
  bottom: -50px;
  right: -150px;
  width: 300px;
  height: 300px;
  background-color: #b7b7a5;
  opacity: 0.15; /* fade into background */
  border-radius: 10px;
  transform: rotate(30deg);
  z-index: 0;
  pointer-events: none; /* so it doesn't block clicks */
}

/*adding a square to the bottom cta*/
.bottom-cta {
  position: relative;
  overflow: hidden;
}

.bottom-cta::before {
  position: absolute;
  top: -200px;
  left: -150px;
  width: 400px;
  height: 400px;
  background-color: #404240;
  opacity: 0.4;
  border-radius: 10px;
  transform: rotate(30deg);
  z-index: 0;
  pointer-events: none;
}

.bottom-cta-alt {
  position: relative;
  overflow: hidden;
}

.bottom-cta-alt:before {
  position: absolute;
  top: -200px;
  left: -150px;
  width: 400px;
  height: 400px;
  background-color: #404240;
  opacity: 0.4;
  border-radius: 10px;
  transform: rotate(30deg);
  z-index: 0;
  pointer-events: none;
}

@media screen and (min-width: 747px) {
  .inside-page-hero {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*this is for the custom image and photo block*/
.section-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.image-text-block {
  display: flex;
  position: relative;
  align-items: center;
}

.image-text-block.image-left {
  flex-direction: row;
}

.image-text-block.image-right {
  flex-direction: row-reverse;
}

.image-side {
  flex: 0 0 65%;
  position: relative;
  z-index: 1;
}

.image-side img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.text-side {
  flex: 0 0 40%;
  position: relative;
  z-index: 2;
  margin-left: -5%;
  padding: 3.5rem 2.1rem;
  color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.image-text-block.image-right .text-side {
  margin-left: 0;
  margin-right: -5%;
}

.image-text-block .text-side h2 {
  margin: 0 0 20px 0;
  color: #fff;
}

.image-text-block .text-side .pretitle {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.15em;
}

.kt-info-box6_069ac2-12 .kt-blocks-info-box-link-wrap {
  background: transparent !important;
}

/*site footer*/
footer {
  padding: 0 20px !important;
}

.site-footer-wrap .widget_block h4 {
  color: #fff;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-footer-wrap .widget_block {
  margin-bottom: 10px !important;
}

.site-footer-wrap .widget_block p {
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.site-footer p.footer-info {
  padding-right: 100px;
}

.footer-navigation-inner ul li a, .site-info-inner {
  font-size: 13px;
  color: #fff;
}

.footer-navigation-inner ul#footer-menu li:first-child a {
  padding-left: 0 !important;
}

.site-middle-footer-inner-wrap .footer-widget-area {
  align-items: center;
}

#footer-navigation ul li a:hover {
  text-decoration: underline;
}

.socials-icons {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
  padding-left: 0 !important;
  display: flex;
  gap: 10px;
}

.socials-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #398557;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-size: 18px;
}

.socials-icons li a:hover {
  background-color: #0d8e3c;
  text-decoration: none;
  transform: scale(1.1);
  color: #fff;
}

/*lets do some icons*/
p.icon .kb-svg-icon-wrap {
  background-color: #398557;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  margin-right: 5px;
}

/*and forms*/
.nf-field-label label {
  font-weight: 500 !important;
}

.nf-form-fields-required {
  font-style: italic;
  margin-bottom: 20px;
  font-size: 14px;
}
.nf-form-fields-required .ninja-forms-req-symbol {
  color: #398557;
}

.ninja-forms-req-symbol, .nf-error-required-error, .nf-error-field-errors {
  color: #398557 !important;
}

.nf-error .ninja-forms-field {
  border: 1px solid #398557 !important;
}

.site-footer-row-container-inner .site-container {
  padding: 0;
}

/*custom menu hover */
#primary-menu li {
  padding: 0 15px;
}

#primary-menu a {
  position: relative;
  text-decoration: none;
  padding: 0;
}

#primary-menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px; /* adjust thickness */
  width: 0;
  background-color: #398557;
  transition: width 0.3s ease;
}

#primary-menu a:hover::after {
  width: 100%;
}

.content-area, .entry-content-wrap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/*testimonials*/
.splide__arrow {
  background: transparent !important;
  opacity: 1 !important;
  border: 1px solid #398557;
  z-index: 2 !important;
}

.kt-testimonial-text-wrap {
  border: 0 !important;
  background: transparent !important;
}

.kt-testimonial-style-bubble .kt-testimonial-text-wrap::after {
  border: 0 !important;
}

.kt-testimonial-content {
  color: #fff;
}

.kt-testimonial-name {
  color: #398557;
  font-size: 20px;
  font-weight: 700;
}

/*a little button*/
/* Base button */
.button-stretch {
  display: inline-flex;
  align-items: center;
  padding-right: 1.5em;
  transition: padding-right 0.3s ease;
}

/* When hovering in — grow to the right */
.button-stretch.grow-right {
  padding-right: 2.5em !important;
}

/* When mouse leaves — add a return class */
.button-stretch.return-right {
  padding-right: 1.5em;
}

/* Arrow wrapper inside the button */
.button-stretch .kb-svg-icon-wrap {
  display: inline-flex;
  transition: transform 0.3s ease;
}

/* When growing, nudge the icon */
.button-stretch.grow-right .kb-svg-icon-wrap {
  transform: translateX(15px);
}

/* Optional: reset on return (not strictly necessary unless you want to control speed/direction) */
.button-stretch.return-right .kb-svg-icon-wrap {
  transform: translateX(0);
}

/*ninja*/
.ninja-button-wrapper {
  position: relative;
  display: inline-block;
}

.ninja-button-wrapper .ninja-forms-field[type=submit].nf-element {
  padding-right: 4em;
  transition: padding-right 0.3s ease;
  width: auto;
  display: inline-block;
}

/* Arrow pseudo-element on the wrapper */
.ninja-button-wrapper::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  width: 16px;
  height: 16px;
  background-image: url("chevron-right-solid.svg");
  filter: brightness(0) invert(1);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  pointer-events: none;
}

/* On hover, move the icon and expand button */
.ninja-button-wrapper:hover .ninja-forms-field {
  padding-right: 6em !important;
}

.ninja-button-wrapper:hover::after {
  transform: translate(6px, -50%);
}

/*breadcrumbs*/
.yoast-breadcrumb {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 10px;
}
.yoast-breadcrumb #breadcrumbs {
  max-width: 1284px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}

/*custom styles for QuadMenu*/
/*clear the padding first*/
.site-main-header-wrap .site-header-row-container-inner > .site-container {
  padding: 0 !important;
}

.quadmenu-dropdown-toggle.hoverintent {
  animation: none;
}

@media screen and (max-width: 1200px) {
  #masthead {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
/*white menu*/
.mm-subheader .quadmenu-text {
  font-size: 16px !important;
  text-transform: uppercase;
  color: #398557 !important;
  margin-bottom: 10px;
  font-weight: 700;
}

@media screen and (min-width: 1025px) {
  .site-header {
    max-width: 1354px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
  }
}
/*clean the widget*/
.widget {
  margin-bottom: 0 !important;
}

/*remove the curve on the header button*/
.header-button-wrap .button {
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 5px;
  font-weight: 500 !important;
}

/*links in the main header*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown {
  font-family: "Open Sans";
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown ul li > a {
  color: #fff;
  font-size: 18px;
}

/*links in the main header - fonts */
#custom-drop-down #quadmenu.rhyno-custom-dropdown ul li > a .quadmenu-text {
  text-transform: uppercase;
  /*letter-spacing:.04em;*/
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed {
  background-color: #fff;
  border-radius: 0 0 100px 100px;
  overflow: hidden;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*bg color on first col*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:first-child {
  /*background-color:rgba(14,137,62,.05);*/
  padding: 40px;
}

/*second col padding */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(2) {
  padding: 40px;
}

/*third col padding */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(3) {
  padding: 40px;
}

/*fourth col padding */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(4) {
  padding: 40px;
}

/*third col text*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(3) p {
  color: #121212;
  font-size: 16px;
}

/*dropdown title in the first col */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-title {
  color: #2d2d2d;
  font-weight: 700;
  text-transform: none;
  font-size: 28px;
  line-height: 30px;
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .textwidget p .mm-pre-header {
  text-transform: uppercase;
  color: #0E893E;
  font-size: 16px;
}

/*this is for a different title -- second column */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(2) .quadmenu-title {
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #398557;
}

/*this is for a different title -- third column */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(3) .quadmenu-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #398557;
  margin-bottom: 10px;
}

/*this is for a different title -- fourth column */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .quadmenu-item-type-column:nth-child(4) .quadmenu-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #398557;
  margin-bottom: 10px;
}

/*third col - links */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li:first-child {
  margin-bottom: 20px;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-email a {
  color: #398557 !important;
}
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-email a:hover {
  text-decoration: underline;
  color: #0E893E !important;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-phone a {
  color: #398557 !important;
}
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-phone a:hover {
  text-decoration: underline;
  color: #0E893E !important;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-email a::before,
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-phone a::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background-color: #e6f4ec;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  vertical-align: middle;
}

/* Specific icons */
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-email a::before {
  background-image: url("envelope-regular.svg");
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-row .contact-mega-menu ul li.mm-phone a::before {
  background-image: url("phone-regular.svg");
}

/*paragraph text*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown .custom-html-widget p {
  color: #121212;
  font-size: 16px;
}

/*button in the dropdown*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown .button {
  font-family: "Open Sans";
  color: #398557;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  margin-top: 20px;
  position: relative;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .button::after {
  content: "";
  background-image: url("arrow-right-light.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: -30px;
  transition: right 0.3s ease, background-image 0.3s ease;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .button:hover::after {
  background-image: url("arrow-right-light-hover.svg");
  right: -35px;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .button:hover {
  color: #0E893E;
}

/*links in the dropdown*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed .quadmenu-item-content {
  padding: 5px 0;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed ul .quadmenu-item a .quadmenu-text {
  color: #000;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  cursor: pointer;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed ul .quadmenu-item a:focus-visible .quadmenu-text {
  border: 1px solid #398557;
  color: #398557;
  outline-offset: 2px;
  padding: 4px;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .quadmenu-dropdown-stretch-boxed ul .quadmenu-item a .quadmenu-text:hover {
  text-decoration: underline;
  color: #398557;
}

/*make that menu dropdown angle bigger */
.quadmenu-caret {
  font-size: 20px !important;
}

.quadmenu-caret::before {
  color: #CFCDBD;
}

#quadmenu.rhyno-custom-dropdown li > a .quadmenu-text {
  font-size: 18px;
}

/*we need an active color for interaction*/
#quadmenu.quadmenu-default_theme li.quadmenu-active > a .quadmenu-text,
#quadmenu.quadmenu-default_theme li.current-menu-ancestor > a:hover .quadmenu-text,
#quadmenu.quadmenu-default_theme li.quadmenu-active > a:focus .quadmenu-text {
  color: #CFCDBD;
}

#quadmenu.rhyno-custom-dropdown li > a:hover, #quadmenu.quadmenu-default_theme li.quadmenu-active > a:hover .quadmenu-text {
  color: #CFCDBD;
}

#quadmenu.rhyno-custom-dropdown a:hover .quadmenu-item-content {
  color: #90bb7f !important;
  letter-spacing: normal !important;
}

/*accessible menu styles*/
#custom-drop-down #quadmenu.rhyno-custom-dropdown ul li > a.hoverintent:focus-visible {
  border: 1px solid #90bb7f;
  outline-offset: 2px;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown .button:focus-visible {
  border: 1px solid #90bb7f;
  padding: 10px;
  outline-offset: 2px;
}

#custom-drop-down #quadmenu.rhyno-custom-dropdown ul.quadmenu-navbar-nav > li > a:focus-visible {
  border: 1px solid #90bb7f;
}

/*remove this at the end~!!!!! 

#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item > .quadmenu-dropdown-menu.quadmenu_fadeIn {
  opacity:1!important;
  display:block;
}

*/
/*lets do all the accessible links! */
/* Style focus ring only when appropriate (e.g., keyboard nav) */
.button:focus-visible, input[type=button]:focus-visible, input[type=submit]:focus-visible, .splide__arrow:focus-visible, a:focus-visible, button:focus-visible, .kb-button:focus-visible {
  outline: 2px solid #90bb7f;
  outline-offset: 2px;
}

/* Prevent outlines for mouse clicks */
.brand:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
  outline: none;
}

/*now lets do the mobile menu */
.mobile-toggle-open-container .menu-toggle-open {
  color: #fff !important;
}

.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {
  font-size: 35px !important;
}

@media screen and (max-width: 768px) {
  /*quick footer adjustment */
  .site-footer-row-layout-contained {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /*quadmenu styling for mobile */
  .drawer-toggle .toggle-close-bar {
    width: 1em !important;
  }
  #quadmenu .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-text {
    font-size: 20px;
  }
}
/*lets do some content general styles*/
/*first - we have added a class programmatically to the first row on every inside page so we can control the layout */
@media screen and (min-width: 1024px) {
  .inside-page-hero .kt-row-column-wrap {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.inside-page-hero .kt-row-column-wrap {
  max-width: 1354px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.inside-page-hero .kt-row-column-wrap.kt-has-2-columns > .wp-block-kadence-column:first-child {
  flex: 0 0 45%;
  max-width: 45%;
}

.inside-page-hero .kt-row-column-wrap.kt-has-2-columns > .wp-block-kadence-column:last-child {
  flex: 0 0 55%;
}

.inside-page-hero .inner-column-1 > .kt-inside-inner-col {
  padding-left: 0px !important;
}

.inside-page-hero h1 {
  margin-top: 0 !important;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 0 !important;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
}

.inside-page-hero p {
  color: #fff;
  font-size: 22px;
}

.inside-page-hero figure {
  max-height: 450px;
  overflow: hidden;
}

.inside-page-hero figure img {
  width: 100%;
  max-width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
}

.image-with-overlay {
  position: relative;
  display: inline-block;
}

.inside-page-hero {
  position: relative;
  overflow: hidden;
}

/*responsive hero on the in-between sizes*/
@media screen and (min-width: 781px) and (max-width: 1024px) {
  .inside-page-hero .kt-row-column-wrap.kt-has-2-columns > .wp-block-kadence-column:first-child {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .inside-page-hero .kt-row-column-wrap.kt-has-2-columns > .wp-block-kadence-column:last-child {
    flex: 0 0 40%;
  }
}
/*responsive styles*/
@media screen and (max-width: 780px) {
  .inside-page-hero .kt-row-column-wrap {
    flex-direction: column;
  }
  .inside-page-hero .kt-row-column-wrap .wp-block-kadence-column:nth-child(1) {
    order: 2;
  }
  .inside-page-hero .kt-row-column-wrap .wp-block-kadence-column:nth-child(1) {
    order: 1;
  }
  .inside-page-hero figure img {
    max-width: 100%;
    margin-top: 20px;
  }
  .inside-page-hero h1 {
    font-size: 45px !important;
    line-height: 47px !important;
  }
  .inside-page-hero .kt-row-column-wrap.kt-has-2-columns > .wp-block-kadence-column:first-child {
    max-width: 100%;
  }
  .site-footer p.footer-info {
    padding-right: 0;
  }
}
.page .single-content h3 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
}

.page .single-content h4 {
  margin-top: 0;
}

/*time for a custom mobile menu */
/* Off-canvas menu styling */
#mobile-secondary-site-navigation {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background-color: #404240;
  z-index: 9999;
  transition: right 0.4s ease;
  overflow-y: auto;
  padding: 2rem;
}

/* Menu active state */
#mobile-secondary-site-navigation.active {
  right: 0;
}

/* Top-level menu items */
#mobile-secondary-site-navigation ul.menu > li > a {
  display: block;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  position: relative;
}

/* Sub-menu - initially hidden */
#mobile-secondary-site-navigation ul.sub-menu {
  display: none;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}

/* Active submenu toggle */
#mobile-secondary-site-navigation ul li.current-menu-item > a {
  color: #fff !important;
}

#mobile-secondary-site-navigation li.open > ul.sub-menu {
  display: block;
}

/* Optional: Add arrow indicator */
#mobile-secondary-site-navigation li.menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 0;
  transition: transform 0.3s ease;
}

#mobile-secondary-site-navigation li.open > a::after {
  transform: rotate(90deg);
}

.cm-trigger {
  width: 30px;
  height: 18px;
  position: relative;
  background: transparent !important;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10001;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.cm-trigger span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Transform into X */
.cm-trigger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.cm-trigger.active span:nth-child(2) {
  opacity: 0;
}

.cm-trigger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

button:focus-visible, [type=button]:focus-visible {
  outline: 1px solid #90bb7f !important;
}

.mobile-menu-container {
  margin-top: 60px;
}

#mobile-secondary-site-navigation {
  right: -100%;
  transition: right 0.4s ease;
  position: fixed;
}

#mobile-secondary-site-navigation.offcanvas-active {
  right: 0;
}

#mobile-secondary-site-navigation.active {
  right: 0;
}

#mobile-secondary-site-navigation ul.menu > li,
#mobile-secondary-site-navigation ul.sub-menu > li {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}

#mobile-secondary-site-navigation ul > li a {
  padding: 10px !important;
}

/*current menu item*/
#mobile-secondary-site-navigation ul.menu > li.current-menu-item a {
  background-color: #398557;
  color: #fff;
}

#mobile-secondary-site-navigation ul.sub-menu > li > a {
  font-size: 18px;
  border-bottom: 1px solid #fff;
}

#mobile-secondary-site-navigation a {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

#mobile-secondary-site-navigation a:hover, #mobile-secondary-site-navigation a:focus-visible {
  background-color: #0E893E;
}

/* Initial state for submenu */
#mobile-secondary-site-navigation ul.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding-left: 1.5rem;
}

/* When parent is open */
#mobile-secondary-site-navigation li.open > ul.sub-menu {
  max-height: 1000px; /* high enough to accommodate most submenu content */
}

#mobile-secondary-site-navigation li.menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 1rem;
  transition: transform 0.3s ease;
}

#mobile-secondary-site-navigation li.open > a::after {
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .site-footer-top-section-2 {
    margin-top: 45px;
  }
}
/*weird accessibility issue*/
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item.quadmenu-has-link > a::before, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item.quadmenu-has-link > span.bar {
  background-color: transparent !important;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover {
  background: transparent !important;
}

@media screen and (max-width: 1024px) {
  #mobile-header .site-header-row-container-inner {
    padding-top: 20px;
  }
}