/* 1.0 - Reset & Bootstrap Overrides */
:root {
    --bs-container-max-width: 1280px;
    --bs-primary: #294A34;         /* Primary Color  */
    --bs-secondary: #52b788;       /* Accent / Secondary Color */
    --Mapping-Text-Body-Text-text-body-brand: #CEDE47;
    --Mapping-Text-Heading-text-heading-secondary:#19421F;
    --Mapping-Text-Body-Text-text-body-muted:#6B7A6F;
    --bs-secondary-rgb: 82, 183, 136;
    /* Define Readex Pro  as the primary font family for Bootstrap & Theme */
    --bs-body-font-family: 'Readex Pro', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bs-font-sans-serif: 'Readex Pro', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --Brand-Lemon-Lime-400: #CEDE47;
    --Brand-Clover-Green-400:#54A65F;
    --Mapping-Borders-Structural-Borders-border-neutral-default: #E0E3E1;
    --mapping-surfaces-system-layout-surfaces-surface-neutral-lowest: #FFF;
    

    --Alias-Font-style-Heading: "Readex Pro";
    --Alias-Font-size-font-size-sm: 14px;
    --Alias-Line-height-line-height-sm: 20px;
    /* Theme State Colors */
  
    /* Background & Body Colors */
    --bs-body-color: #212529;
    --Gradient-dark-section-fade: linear-gradient(
        90deg, 
        var(--Brand-Evergreen-650, #0C1C0F) 0%, 
        var(--Brand-Dark-Spruce-650, #0E391C) 50%, 
        var(--Brand-Dark-Spruce-650, #0E391C) 100%
    );
  /* Gap and Spaces */
    --custom-gap-16: 16px;
    --custom-gap-24: 24px;
    --custom-gap-12: 12px;
}
html, body {
    max-width: 100%;
    overflow-x: clip !important;
}
body{
 background: var(--mapping-surfaces-system-layout-surfaces-surface-neutral-base, #F2F4F0);
}

h1 , h2 , h3, h4 ,h5, h6 , p , ul , li , table, tr , td , th , a , span , input , textarea , button{
  font-family: var(--bs-body-font-family) !important; 
}

/* Custom spacing for exact Figma specs */
.mb-6px {
    margin-bottom: 6px !important;
}
.mb-17{
    margin-bottom: 17px !important;
}
.mb-20{
   margin-bottom: 20px !important;
}
.mt-32{
  margin-top: 32px;
}



/* Custom Component Overrides */
.card {
    border-radius: 12px;
    border: none;
}

.body-no-scroll {
  overflow: hidden !important;
}

.gap-8{
  gap: 8px !important;
}

.gap-12{
  gap:12px !important
}

.gap-16{
  gap:16px !important
}

.gap-24{
  gap:24px !important
}

.gap-48{
  gap:48px
}

.column-gap-16 {
    column-gap: 16px !important;
}
/*override bootsrap styles*/
.row>*{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container {
      padding: 0;
}
:where(.is-layout-flex) {
    gap: 0 !important;
}

.row.gap-16 .col-lg-6 {
    width: calc((100% - var(--custom-gap-16)) / 2) !important;
}
.row.gap-12 .col-lg-6 {
    width: calc((100% - var(--custom-gap-12)) / 2) !important;
}

.row.gap-16 .col-lg-4 {
    width: calc((100% - (var(--custom-gap-16) * 2)) / 3) !important;
}


.row.gap-16 .col-lg-3 {
    width: calc((100% - (var(--custom-gap-16) * 3)) / 4) !important;
}

#primary .figure{
  margin-bottom: 0 !important;
}


.tables-head{
  background: var(--Gradient-dark-section-fade, linear-gradient(90deg, var(--Brand-Evergreen-650, #0C1C0F) 0%, var(--Brand-Dark-Spruce-650, #0E391C) 50%, var(--Brand-Dark-Spruce-650, #0E391C) 100%));
}
@media (min-width: 992px) {
.hide-desktop{
  display: none !important;
}
div.wp-block-buttons:has(.hide-desktop) {
    display: none;
}
}
@media (max-width: 992px) {
.row.gap-16 .col-lg-4 , .row.gap-16 .col-lg-3 ,.row.gap-16 .col-lg-4 ,.row.gap-12 .col-lg-6{
    width: 100% !important;
}
.hide-mobile{
 display: none !important;
}
.container {
 padding: 0;
 width: calc(100% - 64px);
 max-width: 100%;
}
}

@media (max-width: 767px) {
.container {
 padding: 0;
 width: calc(100% - 32px) !important;
 max-width: 100%;
}
}