/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
    --root-font-size: 62.5%;
}

:root {
    --content-width: 76.5rem;
    --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2))
}

:root {
    --focus-color: var(--primary);
    --focus-width: 2px;
    --focus-offset: 2px
}

:root {
    --white: #f4f4f4;
    --green: #98b199;
    
}

:root {
    --text-xxl-max-width: 100%;
    --text-xl-max-width: 100%;
    --text-l-max-width: 100%;
    --text-m-line-height: calc(6px + 2ex);
    --text-m-max-width: 100%;
    --text-s-max-width: 100%;
    --text-xs-max-width: 100%;
    --base-text-lh: calc(6px + 2ex);
    --text-font-family: "Avenir Next", "Outfit", Helvetica, Arial, sans-serif;
    --text-color: var(--text-dark);
    --text-line-height: calc(6px + 2ex);
    --text-text-wrap: pretty
}

:root {
    --heading-font-family: "Avenir Next", "Outfit", Helvetica, Arial, sans-serif;
    --heading-line-height: calc(4px + 2ex);
    --heading-font-weight: 700;
    --heading-text-wrap: pretty;
    --base-heading-lh: calc(4px + 2ex);
    --h1-letter-spacing: -0.02em;
    --h1-line-height: calc(2px + 2ex);
    --h1-max-width: 100%;
    --h2-letter-spacing: -0.02em;
    --h2-line-height: calc(2px + 2ex);
    --h2-max-width: 100%;
    --h3-letter-spacing: -0.02em;
    --h3-line-height: calc(3px + 2ex);
    --h3-max-width: 100%;
    --h4-letter-spacing: -0.02em;
    --h4-line-height: calc(4px + 2ex);
    --h4-max-width: 100%;
    --h5-max-width: 100%;
    --h6-max-width: 100%
}

:root {
    --bt-text-xs: clamp(1.4rem, calc(0.0411522634vw + 1.3907407408rem), 1.4222222222rem);
    --bt-text-s: clamp(1.6rem, calc(0vw + 1.6rem), 1.6rem);
    --bt-text-m: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
    --bt-text-l: clamp(2.025rem, calc(0vw + 2.025rem), 2.025rem);
    --bt-text-xl: clamp(2.278125rem, calc(0vw + 2.278125rem), 2.278125rem);
    --bt-text-xxl: clamp(2.562890625rem, calc(0vw + 2.562890625rem), 2.562890625rem);
}

:root {
    --h6: clamp(1rem, calc(0vw + 1rem), 1rem);
    --h5: clamp(1.125rem, calc(0.2314814815vw + 1.0729166667rem), 1.25rem);
    --h4: clamp(1.25rem, calc(0.462962963vw + 1.1458333333rem), 1.5rem);
    --h3: clamp(1.5rem, calc(1.8518518519vw + 1.0833333333rem), 2.5rem);
    --h2: clamp(1.71rem, calc(3.7777777778vw + 0.86rem), 3.75rem);
    --h1: clamp(2.052rem, calc(4.5333333333vw + 1.032rem), 4.5rem)
}

:root {
    --section-padding-x: clamp(1.25rem, calc(4.1666666667vw + 0.3125rem), 3.5rem);
    --section-padding-block: var(--section-space-m);
    --section-gutter: clamp(1.25rem, calc(4.1666666667vw + 0.3125rem), 3.5rem);
    --gutter: clamp(1.25rem, calc(4.1666666667vw + 0.3125rem), 3.5rem)
}

:root {
    --space-xs: clamp(0.8441720333rem, calc(0.0828089919vw + 0.8255400101rem), 0.8888888889rem);
    --space-s: clamp(1.1252813203rem, calc(0.3852815056vw + 1.0385929816rem), 1.3333333333rem);
    --space-m: clamp(1.5rem, calc(0.9259259259vw + 1.2916666667rem), 2rem);
    --space-l: clamp(1.9995rem, calc(1.8527777778vw + 1.582625rem), 3rem);
    --space-xl: clamp(2.6653335rem, calc(3.3975305556vw + 1.900889125rem), 4.5rem);
    --space-xxl: clamp(3.5528895555rem, calc(5.9205748972vw + 2.2207602036rem), 6.75rem)
}

:root {
    --section-space-xs: clamp(1.6883440665rem, calc(0.9886632513vw + 1.465894835rem), 2.2222222222rem);
    --section-space-s: clamp(2.2505626407rem, calc(2.0051309124vw + 1.7994081854rem), 3.3333333333rem);
    --section-space-m: clamp(3rem, calc(3.7037037037vw + 2.1666666667rem), 5rem);
    --section-space-l: clamp(3.999rem, calc(6.4833333333vw + 2.54025rem), 7.5rem);
    --section-space-xl: clamp(5.330667rem, calc(10.9617277778vw + 2.86427825rem), 11.25rem);
    --section-space-xxl: clamp(7.105779111rem, calc(18.0911497944vw + 3.0352704073rem), 16.875rem)
}

:root {
    --width-xs: calc(var(--content-width) * 0.1);
    --width-s: calc(var(--content-width) * 0.2);
    --width-m: calc(var(--content-width) * 0.4);
    --width-l: calc(var(--content-width) * 0.6);
    --width-xl: calc(var(--content-width) * 0.8);
    --width-xxl: calc(var(--content-width) * 0.9);
    --width-vp-max: calc(var(--content-width) * 1);
    --width-content: calc(var(--content-width) * 1);
    --width-full: calc(var(--content-width) * 100%);
    --width-10: calc(var(--content-width) * 0.1);
    --width-20: calc(var(--content-width) * 0.2);
    --width-30: calc(var(--content-width) * 0.3);
    --width-40: calc(var(--content-width) * 0.4);
    --width-50: calc(var(--content-width) * 0.5);
    --width-60: calc(var(--content-width) * 0.6);
    --width-70: calc(var(--content-width) * 0.7);
    --width-80: calc(var(--content-width) * 0.8);
    --width-90: calc(var(--content-width) * 0.9)
}

:root {
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
    --grid-7: repeat(7, minmax(0, 1fr));
    --grid-8: repeat(8, minmax(0, 1fr));
    --grid-9: repeat(9, minmax(0, 1fr));
    --grid-10: repeat(10, minmax(0, 1fr));
    --grid-11: repeat(11, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
    --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
    --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
    --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
    --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
    --grid-3-2: minmax(0, 3fr) minmax(0, 2fr)
}

:root {
    --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));
    --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));
    --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));
    --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
    --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));
    --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));
    --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));
    --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));
    --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));
    --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));
    --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));
    --auto-grid-aggressiveness: 0.7
}

:root {
    --header-height: 7rem;
    --header-height-xl: 7rem;
    --header-height-l: 5rem;
    --header-height-m: 5rem;
    --header-height-s: 5rem;
    --admin-bar-height: var(--wp-admin--admin-bar--height, 0px)
}

@media (max-width: 1366px) {
    :root {
        --header-height:var(--header-height-xl)
    }
}

@media (max-width: 992px) {
    :root {
        --header-height:var(--header-height-l)
    }
}

@media (max-width: 768px) {
    :root {
        --header-height:var(--header-height-m)
    }
}

@media (max-width: 480px) {
    :root {
        --header-height:var(--header-height-s)
    }
}

:root {
    --paragraph-spacing: 1em;
    --heading-spacing: 1em;
    --list-spacing: var(--paragraph-spacing);
    --list-indent-spacing: 2em;
    --list-item-spacing: 0.5em;
    --nested-list-indent-spacing: 1em;
    --flow-spacing: var(--paragraph-spacing);
    --figure-spacing: var(--paragraph-spacing);
    --figcaption-spacing: 0.5em;
    --blockquote-spacing: var(--paragraph-spacing)
}

:root {
    --option-primary-btn-outline: on;
    --option-secondary-btn-outline: on;
    --btn-padding-block: 0.75em;
    --btn-padding-inline: 1.5em;
    --btn-min-width: 8.75rem;
    --btn-width: max-content;
    --btn-line-height: 1;
    --btn-font-size: var(--text-m);
    --btn-font-weight: 600;
    --btn-font-style: normal;
    --btn-text-decoration: none;
    --btn-text-decoration-hover: none;
    --btn-letter-spacing: 0;
    --btn-text-transform: uppercase;
    --btn-border-width: 2px;
    --btn-outline-border-width: 2px;
    --btn-border-style: solid;
    --btn-border-radius: 999px;
    --btn-radius: 999px;
    --btn-justify-content: center;
    --btn-text-align: center
}

:root {
    --link-color: inherit;
    --link-color-hover: var(--bt-hover);
    --link-transition: var(--transition);
    --link-decoration-hover: none;
    --link-underline-offset: auto;
    --link-weight: inherit
}

:root {
    --col-width-s: 13rem;
    --col-width-m: 25rem;
    --col-width-l: 38rem;
    --col-rule-width-s: 0.5px;
    --col-rule-width-m: 1px;
    --col-rule-width-l: 3px
}

:root {
    --sticky-s: 2.5%;
    --sticky-m: 5%;
    --sticky-l: 10%
}

:root {
    --content-gap: var(--space-m);
    --fr-content-gap: var(--space-m);
    --container-gap: var(--space-xl);
    --fr-container-gap: var(--space-xl);
    --grid-gap: var(--space-m);
    --fr-grid-gap: var(--space-m)
}

:root,.color-scheme--main {
    --body-color: var(--white);
    --bg-ultra-light: var(--base-ultra-light);
    --bg-light: var(--base-light);
    --bg-dark: var(--primary-dark);
    --bg-ultra-dark: var(--primary-ultra-dark);
    --text-light: var(--white);
    --text-light-muted: var(--white-trans-60);
    --text-dark: var(--base);
    --text-dark-muted: var(--base-trans-60)
}

:root,.color-scheme--main {
    --body-bg-color: var(--white);
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
    --bg-dark-link: var(--text-light);
    --bg-dark-link-hover: var(--primary-semi-light);
    --bg-ultra-dark-link: var(--text-light);
    --bg-ultra-dark-link-hover: var(--primary);
    --bg-ultra-light-button: secondary;
    --bg-light-button: secondary;
    --bg-dark-button: secondary;
    --bg-ultra-dark-button: secondary
}

:root {
    --radius: 8px;
    --radius-50: 50%;
    --radius-circle: 50vw;
    --radius-none: 0;
    --radius-xs: 3.5555555556px;
    --radius-s: 5.3333333333px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-xl: 18px;
    --radius-xxl: 27px
}

:root {
    --border-size: 1px;
    --border-width: 1px;
    --border-style: solid;
    --border-color-dark: var(--base-semi-light);
    --border-color-light: var(--white-trans-20);
    --border: var(--border-size) var(--border-style) var(--border-color-dark);
    --border-light: var(--border-size) var(--border-style) var(--border-color-light);
    --border-dark: var(--border-size) var(--border-style) var(--border-color-dark)
}

:root {
    --divider-size: 1px;
    --divider-style: solid;
    --divider-inline-size: 100%;
    --divider-gap: var(--content-gap);
    --divider-color-dark: var(--neutral-semi-dark);
    --divider-color-light: var(--neutral-light);
    --divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
    --divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
    --divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark)
}

:root {
    --transition-duration: 0.3s;
    --transition-timing: ease-in-out;
    --transition-delay: 0s;
    --transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);}

:root {
    --box-shadow-m: 0 0 40px var(--black-trans-10);
    --box-shadow-l: 0 0 60px var(--black-trans-20);
    --box-shadow-xl: 0 0 80px var(--black-trans-30);
    --box-shadow-1: 0 0 40px var(--black-trans-10);
    --box-shadow-2: 0 0 60px var(--black-trans-20);
    --box-shadow-3: 0 0 80px var(--black-trans-30)
}

html {
    font-size: var(--root-font-size) !important;
}

:where(body) {
    font-size: var(--default-font-size,var(--text-m));
    line-height: var(--text-line-height,calc(6px + 2ex));
    font-family: var(--text-font-family);
    color: var(--text-color);
    line-height: var(--text-line-height);
    text-wrap: var(--text-text-wrap);
    background-color: var(--body-bg-color,var(--white))
}

#brxe-vdticv, body a:where(:not([class*=brxe-])) {
    color: var(--link-color,inherit);
    font-weight: var(--link-weight,inherit);
    transition: var(--link-transition,var(--transition))
}

@media (hover: hover) and (pointer:fine) {
    #brxe-vdticv:hover, body a:where(:not([class*=brxe-])):hover {
        color:var(--link-color-hover,var(--secondary));
        text-decoration: var(--link-decoration-hover,none)
    }
}

#bisFollowPix {
  display: none;
}

h1,:where(.h1),h2,:where(.h2),h3,:where(.h3),h4,:where(.h4),h5,:where(.h5),h6,:where(.h6) {
    font-family: var(--heading-font-family);
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    text-wrap: var(--heading-text-wrap)
}

h1 {
    font-size: var(--h1);
    letter-spacing: var(--h1-letter-spacing);
    line-height: var(--h1-line-height);
    max-width: var(--h1-max-width)
}

h2 {
    font-size: var(--h2);
    letter-spacing: var(--h2-letter-spacing);
    line-height: var(--h2-line-height);
    max-width: var(--h2-max-width);
    padding-bottom: var(--bt-space-l);
}

h3 {
    font-size: var(--h3);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    max-width: var(--h3-max-width)
}

h4 {
    font-size: var(--h4);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    max-width: var(--h4-max-width)
}

h5 {
    font-size: var(--h5);
    max-width: var(--h5-max-width)
}

h6 {
    font-size: var(--h6);
    max-width: var(--h6-max-width)
}

html {
    scroll-behavior: smooth
}

html:focus-within {
    scroll-behavior: auto
}

:root {
    interpolate-size: allow-keywords
}

*,*::before,*::after {
    box-sizing: border-box
}

body {
    min-block-size: 100vh
}

input,button,textarea,select {
    font: inherit
}

:where(dd) {
    margin-inline-start:0}

html {
  font-size: 100%;
}

.bricks-button.bricks-background-primary {
  padding: var(--btn-padding-block) var(--btn-padding-inline);
}

.bricks-button.bricks-background-primary:hover,
.bricks-button.bricks-background-secondary:hover {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transform: translate(-0.1rem, -0.1rem);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}   

/* Optional: Ensure list items inherit paragraph sizing if desired */
li {
  font-size: inherit;
  line-height: inherit;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, 
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
  text-transform: uppercase;
}

.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button,
.tribe-common .tribe-common-c-btn-border, 
.tribe-common a.tribe-common-c-btn-border {
  background-color: var(--bricks-color-7a82a5) !important;
  color: var(--bricks-color-c55bdb) !important;
  text-transform: uppercase;
  font-weight: 400;
  border: none;
}

.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:hover,
.tribe-common .tribe-common-c-btn-border:hover, 
.tribe-common a.tribe-common-c-btn-border:hover {
  transform: translate(-0.1rem, -0.1rem);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}

.tribe-events-calendar-list__month-separator::before,
.tribe-events-schedule__datetime::before {
  display: none;
}

h2::before {
  content: '';
  display: block;
  width: 100px;
  height: 10px;
  background-color: var(--bt-lime-green);
  margin-bottom: var(--bt-space-s);
}

.accordion__h3-header h3::before {
  content: '';
  display: block;
  width: 100px;
  height: 10px;
  background-color: var(--primary);
  margin-bottom: var(--bt-space-s);
}

.hidden {
  visibility: hidden;
  height: 0;
}

.land-protection__selector.active {
  color: #fff;
}

.land-protection__section, 
.community__section { 
  display: none; 
}

.land-protection__section.active, 
.community__section.active,
.land-protection__section.brx-draggable { 
  display: block; 
}

@keyframes slideIn {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.brxe-carousel {
  overflow: hidden;
}

.swiper-wrapper .swiper-slide .image {
  position: relative;
  width: 100%;
  height: 100%;
}

.swiper-wrapper .swiper-slide .content-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  margin-top: auto;
  height: fit-content;
  padding: var(--space-s);
  background-color: rgba(255, 255, 255, 0.7);
}

.brxe-carousel .swiper-slide {
  height: 50vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: 
    transform 0.3s ease, 
    opacity 0.3s ease, 
    filter 0.3s ease, 
    z-index 0.3s ease;
}

.brxe-carousel .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  filter: none;
  z-index: 2;
  pointer-events: auto;
}

.brxe-carousel .swiper-slide-next,
.brxe-carousel .swiper-slide-prev {
  transform: scale(0.8);
  opacity: 0.7;
  filter: blur(2px);
  z-index: 1;
  pointer-events: none;
}

.brxe-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.7);
}

.brxe-carousel .swiper-slide .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.brxe-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.timeline__card-wrapper-year {
    position: absolute;
    padding-top: 9px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 80px;
    color: var(--bricks-color-f897d3);
    font-weight: 600;
    line-height: .6;
    border-radius: var(--bt-radius);
    top: 50%;
    left: 50%;  
    transform: translate(-50%, -50%); 
    width: fit-content;
    height: fit-content;
  transition: all .7s ease;

}