/*-----------------------------------------------------------------------------------

    Theme Name: QLDPARKS....
    Theme URI: http://www.zoik.com.au
    Description: ZOIK Brisbane Aust. Ph: (07) 3856 3303
    Author: QLDPARKS
    Author URI: http://www.zoik.com.au
    Version: 1.1

-----------------------------------------------------------------------------------*/
/* GOOGLE FONTS */

.Bricolage {
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.inter {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}
.borel {
  font-family: "Borel", cursive !important;
  font-weight: 400;
  font-style: normal;
}

body {
  color: #343f52;
  font-family: "Inter", sans-serif !important;
}
p {
  font-family: "Inter", sans-serif !important;
}
li,
ol,
ul,
p {
  font-family: "Inter", sans-serif !important;
}
.wp-block p {
  font-family: "Inter", sans-serif !important;
}
/* COMPANY COLOURS */
.park-blue {
  color: #0d395c !important;
}
.park-lightblue {
  color: #00aeef !important;
}
.has-park-lightblue-color {
  color: #00aeef !important;
}
.park-navy {
  color: #0a395c !important;
}
.has-park-navy-color {
  color: #0a395c !important;
}
.park-yellow {
  color: #ffca1e !important;
}
.has-park-yellow-color {
  color: #ffca1e !important;
}

.park-dark {
  color: #1c2029 !important;
}
img.logo-dark.responsive-logo {
  width: 160px !important;
}
img.logo-light.responsive-logo {
  width: 160px !important;
}
.parks-green-text {
  color: #00a14f !important;
}
.parks-navy-text {
  color: #0a395c !important;
}
.parks-yellow-text {
  color: #fff200 !important;
}
.parks-reef-text {
  color: #00aeef !important;
}
.parks-teal-text {
  color: #008080 !important;
}
.parks-green-bg {
  background-color: #00a14f !important;
}
.parks-navy-bg {
  background-color: #0a395c !important;
}
.parks-yellow-bg {
  background-color: #fff200 !important;
}
.parks-reef-bg {
  background-color: #00aeef !important;
}
.parks-teal-bg {
  background-color: #008080 !important;
}

/************ BUTTONS *******/
.btn-width {
  width: fit-content;
}
a.btn.btn-blue {
  color: #fff;
  width: fit-content;
}
.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00aeef;
  --bs-btn-border-color: #00aeef;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00aeef;
  --bs-btn-hover-border-color: #00aeef;
  --bs-btn-focus-shadow-rgb: 0, 174, 239;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00aeef;
  --bs-btn-active-border-color: #00aeef;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00aeef;
  --bs-btn-disabled-border-color: #00aeef;
}
a.btn.btn-yellow {
  color: #fff;
  width: fit-content;
}
.btn-yellow {
  color: #fff;
  --bs-btn-bg: #ffca1e;
  --bs-btn-border-color: #ffca1e;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #ffca1e;
  --bs-btn-hover-border-color: #ffca1e;
  --bs-btn-focus-shadow-rgb: 66, 176, 148;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #ffca1e;
  --bs-btn-active-border-color: #ffca1e;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #ffca1e;
  --bs-btn-disabled-border-color: #ffca1e;
}
a.btn.btn-navy {
  color: #fff;
  width: fit-content;
}
.btn-navy {
  color: #fff;
  --bs-btn-bg: #0a395c;
  --bs-btn-border-color: #0a395c;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #0a395c;
  --bs-btn-hover-border-color: #0a395c;
  --bs-btn-focus-shadow-rgb: 66, 176, 148;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #0a395c;
  --bs-btn-active-border-color: #0a395c;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #0a395c;
  --bs-btn-disabled-border-color: #0a395c;
}

a.btn.btn-outline-blue {
  color: #00aeef;
}
.btn-outline-blue {
  width: fit-content;
  border-color: #00aeef !important;
  color: #00aeef !important;
}
.btn.btn-outline-blue:hover {
  color: #ffffff !important;
  background-color: #00aeef;
}

a.btn.btn-navy {
  width: inherit;
  width: fit-content;
}
a.btn.btn-outline-navy {
  color: #0a395c;
  width: fit-content;
}
.btn-outline-navy {
  border-color: #0a395c !important;
  color: #0a395c !important;
}
.btn.btn-outline-navy:hover {
  color: #ffffff !important;
  background-color: #0a395c;
}

a.btn.btn-outline-white {
  color: #ffffff !important;
  width: fit-content;
}
.btn-outline-white {
  border-color: #ffffff !important;
  color: #0a395c !important;
}
.btn.btn-outline-white:hover {
  color: #ffffff !important;
  background-color: #0a395c;
}

.btn-green {
  color: #fff;
  --bs-btn-bg: #00a14f;
  --bs-btn-border-color: #00a14f;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #00a14f;
  --bs-btn-hover-border-color: #00a14f;
  --bs-btn-focus-shadow-rgb: 66, 176, 148;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #00a14f;
  --bs-btn-active-border-color: #00a14f;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #00a14f;
  --bs-btn-disabled-border-color: #00a14f;
}
.btn.btn-reef {
  color: #fff;
}
.btn-reef {
  color: #fff;
  --bs-btn-bg: #00aeef;
  --bs-btn-border-color: #00aeef;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #00aeef;
  --bs-btn-hover-border-color: #00aeef;
  --bs-btn-focus-shadow-rgb: 66, 176, 148;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #00aeef;
  --bs-btn-active-border-color: #00aeef;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #00aeef;
  --bs-btn-disabled-border-color: #00aeef;
}
/*********************
 FIX FONT ISSUE
*********************/
.counter-wrapper .counter,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.ff-serif,
.post-title {
  font-family: "Manrope", sans-serif;
  font-weight: 800 !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/*********************
COLOR CHANGES
*********************/

.text-green {
  color: #00a14f !important;
}
.btn-green {
  color: #fff;
  --bs-btn-bg: #00a14f;
  --bs-btn-border-color: #00a14f;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #00a14f;
  --bs-btn-hover-border-color: #00a14f;
  --bs-btn-focus-shadow-rgb: 66, 176, 148;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #00a14f;
  --bs-btn-active-border-color: #00a14f;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #00a14f;
  --bs-btn-disabled-border-color: #00a14f;
}
.btn-leaf {
  --bs-btn-color: #343f52;
  --bs-btn-bg: #00a14f;
  --bs-btn-border-color: #00a14f;
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #00a14f;
  --bs-btn-hover-border-color: #00a14f;
  --bs-btn-focus-shadow-rgb: 113, 165, 142;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #00a14f;
  --bs-btn-active-border-color: #00a14f;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #343f52;
  --bs-btn-disabled-bg: #00a14f;
  --bs-btn-disabled-border-color: #00a14f;
}
/*********************
 Gutenberg editor width
*********************/
figcaption {
  font-size: 0.6rem;
  font-weight: 300;
  line-height: 1.7;
  color: #60697b;
  text-align: center;
}

/* Fix for blockquote-footer disappearing after Swiper initialization */
.blockquote-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.wp-block p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
  color: #60697b;
}
.wp-block-column {
  padding: 2.2%;
}
.wp-block-column a {
  color: #00b0f5;
}

/*********************
 Gutenberg Button Styling
*********************/

/* Default button styling */
.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  background: linear-gradient(120deg, #5eb9f0 0%, #5eb9f0 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(84, 168, 199, 0.3) !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}

/* Green button */
.wp-block-button.btn-green .wp-block-button__link {
  background: linear-gradient(120deg, #00a14f 0%, #00a14f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 161, 79, 0.3) !important;
}

.wp-block-button.btn-green .wp-block-button__link:hover {
  background: linear-gradient(120deg, #008a43 0%, #008a43 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 161, 79, 0.4) !important;
}

/* Navy button */
.wp-block-button.btn-navy .wp-block-button__link {
  background: linear-gradient(120deg, #0a395c 0%, #0a395c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(10, 57, 92, 0.3) !important;
}

.wp-block-button.btn-navy .wp-block-button__link:hover {
  background: linear-gradient(120deg, #083044 0%, #083044 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(10, 57, 92, 0.4) !important;
}

/* Yellow button */
.wp-block-button.btn-yellowpark .wp-block-button__link {
  background: linear-gradient(120deg, #fff200 0%, #fff200 100%) !important;
  color: #343f52 !important;
  box-shadow: 0 2px 8px rgba(255, 242, 0, 0.3) !important;
}

.wp-block-button.btn-yellowpark .wp-block-button__link:hover {
  background: linear-gradient(120deg, #e6d800 0%, #e6d800 100%) !important;
  color: #343f52 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 242, 0, 0.4) !important;
}

/* Reef button */
.wp-block-button.btn-reef .wp-block-button__link {
  background: linear-gradient(120deg, #00aeef 0%, #00aeef 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 174, 239, 0.3) !important;
}

.wp-block-button.btn-reef .wp-block-button__link:hover {
  background: linear-gradient(120deg, #0098d4 0%, #0098d4 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 174, 239, 0.4) !important;
}

.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover {
  background: linear-gradient(120deg, #009ad6 0%, #3d7fa0 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(84, 168, 199, 0.4) !important;
}

/* Secondary Button Styling */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #00aeef !important;
  border: 2px solid #00aeef !important;
  box-shadow: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #00aeef !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(84, 168, 199, 0.3) !important;
}

/* Remove default WordPress button styling */
.wp-block-button__link:not(.has-background) {
  background-color: transparent !important;
}

/* Button sizes */
.wp-block-button.is-style-pill .wp-block-button__link {
  border-radius: 50px !important;
}

.wp-block-button__link.has-medium-font-size {
  padding: 0.65rem 1.3rem !important;
  font-size: 1rem !important;
}

.wp-block-button__link.has-large-font-size {
  padding: 0.85rem 1.7rem !important;
  font-size: 1.1rem !important;
}

.wp-block-button__link.has-small-font-size {
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}
.wp-block-buttons {
  padding: 1%;
}
/* Custom Padding */
.wp-block-columns.padding-small .wp-block-column {
  padding: 0.4%;
}
.wp-block-columns.padding-medium .wp-block-column {
  padding: 1%;
}
.wp-block-columns.padding-large .wp-block-column {
  padding: 2.2%;
}
.wp-block-column .padding-small {
  padding: 0.4% !important;
}
.wp-block-column .padding-medium {
  padding: 1% !important;
}
div.wp-block-column.padding-large {
  padding: 5% !important;
}

/* Fonts */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #132d6a;
  font-family: "Bricolage Grotesque", sans-serif !important;
}
.wp-block-column h1 {
  font-size: 4vw;
  line-height: 1.2;
}
.wp-block-column h2 {
  font-size: 2.2vw;
  line-height: 1.2;
}
h1.exlarge {
  font-size: 3.85vw;
  line-height: 1.1;
  margin-bottom: 40px;
}
h1.wp-block-heading {
  font-size: 3.85vw;
  line-height: 1.1;
  margin-bottom: 40px;
}
/*  Quotes  */
blockquote.wp-block-quote.is-style-default {
  padding: 6%;
  border-left: 0.15rem solid rgb(230, 224, 224);
}
blockquote.wp-block-quote.is-style-default cite {
  font-weight: bolder;
  font-size: 80%;
}
blockquote.wp-block-quote.is-style-plain {
  padding: 6%;
  border-left: 0.15rem none rgb(230, 224, 224);
  border: 1px solid #e5e5e5;
}
blockquote.wp-block-quote.is-style-plain cite {
  font-weight: bolder;
  font-size: 80%;
}
/* Lines */
hr.wp-block-separator.is-style-dots {
  border: 0;
  border-bottom: 1px dashed rgb(230, 224, 224);
  background: rgb(230, 224, 224);
  margin: 1.5rem 0;
}
hr.wp-block-separator.is-style-wide {
  border: 0;
  border-bottom: 1px solid rgb(230, 224, 224);
  background: rgb(230, 224, 224);
  margin: 1.5rem 0;
}

hr.wp-block-separator.is-style-default {
  width: 30%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 0;
  border-bottom: 3px solid rgb(230, 224, 224);
  background: rgb(230, 224, 224);
}
/* End Lines */

@media screen and (max-width: 768px) {
  .wp-block-column h1 {
    font-size: 8.2vw;
    line-height: 1.2;
  }
  .wp-block-column h2 {
    font-size: 5.6vw;
    line-height: 1.2;
  }
  .wp-block-column h3 {
    font-size: 4vw;
    line-height: 1.2;
  }
  h1.wp-block-heading {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 40px;
  }
}

/* Buttons */
.wp-block-button__link {
  background-image: linear-gradient(100deg, #0093e9 0, #80d0c7 95%);
}
.wp-block-button__link:hover {
  background-image: linear-gradient(45deg, #2af598 0%, #08aeea 100%);
}
.btn-primary {
  background-image: linear-gradient(100deg, #0093e9 0, #80d0c7 95%);
  border-color: transparent;
}

.btn {
  border: 1px solid transparent;
}
.rounded-pill {
  border-radius: 10rem !important;
  -webkit-border-radius: 10rem !important;
  -moz-border-radius: 10rem !important;
  -ms-border-radius: 10rem !important;
  -o-border-radius: 10rem !important;
}

/* IMAGES */
figure.wp-block-image.is-style-rounded img {
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
}

/* Footer Updates */
footer.bg-dark,
.footer.bg-dark {
  background: #0d395c !important;
}

/* Full Width section divider */
.fullwidthsection {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 1000%;
  width: auto;
}

/*********************
 MOBILE RESPONSIVENESS FIXES
*********************/

/* Hero Slider Mobile Fixes */
@media (max-width: 768px) {
  /* Reduce hero title size on mobile to prevent overlap */
  .swiper-slide .display-1.fs-56 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }

  /* Reduce H2 font size for mobile hero */
  .swiper-slide h2 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
  }

  /* Reduce hero content text size */
  .swiper-slide .lead.fs-23 {
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    margin-bottom: 2rem !important;
  }

  /* Adjust hero container padding for reduced height */
  .swiper-slide .container {
    padding-top: 80px !important;
  }

  /* Make hero buttons smaller on mobile */
  .swiper-slide .btn {
    font-size: 0.85rem !important;
    padding: 0.6rem 1.25rem !important;
  }

  /* Two-column layout for nav tabs on mobile and tablet */
  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column .nav-item {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    margin-bottom: 1rem !important;
  }

  /* Stack icons above text on mobile */
  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column .nav-link {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column
    .nav-link
    > div:first-child {
    margin-right: 0 !important;
    margin-bottom: 0.5rem !important;
  }
}

/* Logo switching for all screen sizes */
/* Default: Hide colored logo, show white logo */
.navbar-brand img.logo-dark.responsive-logo {
  display: none !important;
}

.navbar-brand img.logo-light.responsive-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* On scroll: Show colored logo, hide white logo - using multiple selectors to catch all scroll states */
.navbar-stuck .navbar-brand img.logo-dark.responsive-logo,
.navbar.navbar-stuck .navbar-brand img.logo-dark.responsive-logo,
.navbar.bg-white .navbar-brand img.logo-dark.responsive-logo,
.navbar.navbar-light .navbar-brand img.logo-dark.responsive-logo,
.navbar:not(.transparent) .navbar-brand img.logo-dark.responsive-logo,
.navbar:not(.navbar-dark) .navbar-brand img.logo-dark.responsive-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar-stuck .navbar-brand img.logo-light.responsive-logo,
.navbar.navbar-stuck .navbar-brand img.logo-light.responsive-logo,
.navbar.bg-white .navbar-brand img.logo-light.responsive-logo,
.navbar.navbar-light .navbar-brand img.logo-light.responsive-logo,
.navbar:not(.transparent) .navbar-brand img.logo-light.responsive-logo,
.navbar:not(.navbar-dark) .navbar-brand img.logo-light.responsive-logo {
  display: none !important;
}

/* Mobile Member Portal button styling */
@media (max-width: 991.98px) {
  .navbar-nav .nav-item .btn.btn-white {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  /* Ensure navbar brand is visible on mobile */
  .navbar-brand {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1050 !important;
  }

  /* Hide desktop logo when mobile offcanvas is open */
  .offcanvas-nav.show ~ .navbar-other .navbar-brand,
  .offcanvas-nav.show + .navbar-other .navbar-brand,
  .navbar-collapse.offcanvas.show + .navbar-other .navbar-brand,
  .navbar-collapse.offcanvas.show ~ .navbar-other .navbar-brand,
  body:has(.offcanvas.show) .navbar-brand {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

@media (max-width: 576px) {
  /* Even smaller text for very small screens */
  .swiper-slide .display-1.fs-56 {
    font-size: 1.75rem !important;
    margin-top: 1rem !important;
  }

  /* Smaller H2 for very small screens */
  .swiper-slide h2 {
    font-size: 1.75rem !important;
    margin-top: 1rem !important;
  }

  .swiper-slide .lead.fs-23 {
    font-size: 1rem !important;
  }

  /* Adjust padding for very small screens with reduced height */
  .swiper-slide .container {
    padding-top: 60px !important;
  }

  /* Stack buttons on very small screens and center them */
  .swiper-slide .btn-group-mobile {
    flex-direction: column !important;
    gap: 0.5rem !important;
    align-items: center !important;
  }

  .swiper-slide .btn-group-mobile .btn {
    width: auto !important;
    min-width: 200px !important;
    margin-bottom: 0.5rem !important;
  }

  /* Two-column layout for nav tabs on mobile */
  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .nav.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg.flex-column .nav-item {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    margin-bottom: 1rem !important;
  }
}

h2#SlideTitle {
  font-size: 2.2rem !important;
  line-height: 1.2 !important;
  margin-bottom: 1.2rem !important;
}
p#Slidesubtext {
  font-size: 1rem !important;
}
@media (max-width: 576px) {
  img.logo-dark.responsive-logo {
    width: 100px !important;
  }
  img.logo-light.responsive-logo {
    width: 100px !important;
  }

  h2#SlideTitle {
    font-size: 1.3rem !important;
    margin-bottom: 0.8rem !important;
  }
  p#Slidesubtext {
    font-size: 0.8rem !important;
    margin-bottom: 0.8rem !important;
  }
}

/* Mobile-only 60vh height for hero slider */
@media (max-width: 991.98px) {
  .mobile-vh-100 {
    height: 66vh !important;
  }
  .mobile-h-100 {
    height: 100% !important;
  }
  .mobile-vh-100 .swiper-slide {
    min-height: 66vh !important;
  }
  .mobile-vh-100 .swiper-slide.bg-image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
}

/* Gravity Forms Button Colors */
:root {
  --gf-ctrl-btn-bg-color-primary: #00aeef;
  --gf-ctrl-btn-bg-color-primary-hover: #009ad6;
  --gf-ctrl-btn-bg-color-primary-active: #0086cc;
  --gf-ctrl-btn-border-color-primary: #00aeef;
  --gf-ctrl-btn-border-color-primary-hover: #009ad6;
  --gf-ctrl-btn-border-color-primary-active: #0086cc;
  --gf-local-bg-color: var(--gf-ctrl-btn-bg-color-primary);
}

/* Fix Gravity Forms Grid Spacing */
.gform_fields {
  display: block !important;
  gap: 0 !important;
}

.gform_fields li {
  margin-bottom: 1rem;
}

.gform_fields li.gfield {
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/* Ensure proper spacing for form fields */
.gform_wrapper .gform_fields .gfield {
  margin-bottom: 1rem !important;
}

.gform_wrapper .gform_fields .gfield:last-child {
  margin-bottom: 0 !important;
}

/*********************
 WordPress Pagination
*********************/
.navigation.posts-navigation,
.navigation.post-navigation {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

/* WordPress pagination with the_posts_pagination() */
.wp-posts-nav,
.posts-navigation .nav-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.wp-posts-nav li,
.posts-navigation .nav-links > * {
  list-style: none;
}

.wp-posts-nav .page-numbers,
.posts-navigation .nav-links a,
.posts-navigation .nav-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  text-decoration: none;
  color: #343f52;
  background-color: #ffffff;
  border: 1px solid rgba(164, 174, 198, 0.2);
  border-radius: 0.4rem;
  transition: all 0.15s ease-in-out;
}

.wp-posts-nav .page-numbers:hover,
.wp-posts-nav .page-numbers:focus,
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus {
  color: #3f78e0;
  background-color: #ffffff;
  border-color: rgba(164, 174, 198, 0.2);
  text-decoration: none;
}

.wp-posts-nav .page-numbers.current,
.posts-navigation .nav-links .page-numbers.current {
  color: #3f78e0;
  background-color: #ffffff;
  border-color: rgba(164, 174, 198, 0.2);
  font-weight: 600;
}

.wp-posts-nav .page-numbers.prev,
.wp-posts-nav .page-numbers.next,
.posts-navigation .nav-links .prev,
.posts-navigation .nav-links .next {
  min-width: 2.5rem;
}

.wp-posts-nav .page-numbers.dots,
.posts-navigation .nav-links .dots {
  border: none;
  background: none;
  color: #959ca9;
  cursor: default;
}

.wp-posts-nav .page-numbers.dots:hover,
.posts-navigation .nav-links .dots:hover {
  background: none;
  color: #959ca9;
}

.pr-25px {
  padding-right: 35px !important;
}

/* Home Page Icons */

.homeicons {
  width: 90px !important;
  height: 90px !important;
}

/* WordPress registered font sizes - match Gutenberg editor */
.has-small-font-size {
  font-size: 0.875rem !important; /* 14px */
}

.has-regular-font-size {
  font-size: 1rem !important; /* 16px */
}

.has-large-font-size {
  font-size: 1.25rem !important; /* 20px */
}

.has-display-6-font-size {
  font-size: calc(1.4rem * 0.6) !important; /* 1.2rem - 60% of Display 6 */
  line-height: 1.3;
}

.has-display-5-font-size {
  font-size: calc(1.6rem * 0.6) !important; /* 1.5rem - 60% of Display 5 */
  line-height: 1.3;
}

.has-display-4-font-size {
  font-size: calc(2rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  line-height: 1.3;
}

.has-display-3-font-size {
  font-size: calc(2.4rem * 0.6) !important; /* 2.1rem - 60% of Display 3 */
  line-height: 1.3;
}

.has-display-2-font-size {
  font-size: calc(44px * 0.6) !important; /* Large: 26.4px - Default */
  line-height: 1.3;
}

/* Heading hierarchy - 60% of Display sizes for proportional scaling */
li,
ol,
ul,
p {
  font-size: 0.9rem !important;
}

h1 {
  font-size: calc(4.2rem * 0.6) !important; /* 2.7rem - 60% of Display 1 */
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}

h2 {
  font-size: calc(3rem * 0.6) !important; /* 2.4rem - 60% of Display 2 */
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}

h3 {
  font-size: calc(2.2rem * 0.6) !important; /* 2.1rem - 60% of Display 3 */
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}

h4 {
  font-size: calc(1.8rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}

h5 {
  font-size: calc(1.6rem * 0.6) !important; /* 1.5rem - 60% of Display 5 */
  font-family: "Manrope", sans-serif;
}

h6 {
  font-size: calc(1.4rem * 0.6) !important; /* 1.2rem - 60% of Display 6 */
  font-family: "Manrope", sans-serif;
}

@media (width < 1600px) {
  li,
  ol,
  ul,
  p {
    font-size: 0.88rem !important;
  }
  h1 {
    font-size: calc(3.2rem * 0.6) !important; /* 2.7rem - 60% of Display 1 */
  }

  h2 {
    font-size: calc(2.2rem * 0.6) !important; /* 2.4rem - 60% of Display 2 */
  }

  h3 {
    font-size: calc(1.8rem * 0.6) !important; /* 2.1rem - 60% of Display 3 */
  }
  h4 {
    font-size: calc(1.6rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }
  h5 {
    font-size: calc(1.5rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }
  h6 {
    font-size: calc(1.4rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }
}
@media (width < 768px) {
  li,
  ol,
  ul,
  p {
    font-size: 0.85rem !important;
  }
  h1 {
    font-size: calc(2.5rem * 0.6) !important; /* 2.7rem - 60% of Display 1 */
  }

  h2 {
    font-size: calc(1.76rem * 0.6) !important; /* 2.4rem - 60% of Display 2 */
  }

  h3 {
    font-size: calc(1.46rem * 0.6) !important; /* 2.1rem - 60% of Display 3 */
  }
  h4 {
    font-size: calc(1.4rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }
  h5 {
    font-size: calc(1.3rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }
  h6 {
    font-size: calc(1.2rem * 0.6) !important; /* 1.8rem - 60% of Display 4 */
  }

  h2.has-x-large-font-size {
    font-size: calc(2.2rem * 0.6) !important;
  }

  .homeicons {
    width: 40px !important;
    height: 40px !important;
  }
  h2#SlideTitle {
    font-size: 1rem !important;
  }
  p.homeiconfont {
    font-size: 0.7rem !important;
    line-height: 1.3 !important;
  }
  a.btn.btn-lg.btn-green.rounded-pill.homebuttonswiper,
  a.btn.btn-lg.btn-sky.rounded-pill.homebuttonswiper,
  a.btn.btn-lg.btn-white.rounded-pill.homebuttonswiper,
  a.btn.btn-lg.btn-yellow.rounded-pill.homebuttonswiper {
    font-size: 0.5rem !important;
    padding: 0.3rem 0.6rem !important;
  }
}
