/* === Global Colors === */
:root {
	--bz-color-primary: hsl(216, 73%, 15%); /* Blue */
	--bz-color-secondary: hsl(29, 41%, 51%); /* Orange */
	--bz-color-alt: hsl(221, 49%, 45%); /* Light Blue */
	--bz-color-alt-2: hsl(212, 21%, 53%); /* Light Greyish Blue */
	--bz-color-bg: hsl(36, 13%, 92%);
	--bz-color-white: rgb(255, 255, 255);
	--bz-color-black: rgb(0, 0, 0);
	--bz-nav-height: 83px;
	--bz-divider-spacer: 12rem;
	--bz-divider-top-space: 9rem;
	--bz-divider-bottom-space: 5.5rem;
	--bz-gl-spacer: 2.8rem;
}


@media (max-width: 1200px) {
  :root {
    --bz-divider-spacer: 6rem;
  }
}

/* === Navigation Styles Old Dropdown
#brx-header .s_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;

  transform: translateY(-100%);
  opacity: 0;

  transition: all 0.35s ease;
}

#brx-header .s_nav.is-visible {
  transform: translateY(0);
  opacity: 1;
} === */

/* === Global Styles === */

/* change scroll offset because I have a sticky header now */ 
html { scroll-behavior: smooth; scroll-padding-top: 130px; } 

/* adjust scroll offset for mobile header */ 
@media( max-width: 767px){ html { scroll-padding-top: 80px; } }

/* Overide Bricks Navigation for Desktop if Mobile menu is open */
@media (min-width: 992px) {
.brxe-nav-nested.brx-open .brx-nav-nested-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px !important;
    background-color: var(--bz-color-primary);
    bottom: auto;
    display: flex;
    left: auto;
    position: relative;
    right: 0;
    top: auto;
    flex-wrap: nowrap;
}
}

.bz_gl-shape {
  width: clamp(50px, 25vw, 400px);
  height: clamp(50px, 25vw, 400px);
  position: absolute;
  z-index: 50;
}

.bz_gl-shape.about-top {
  top: -20%;
  left: -10%;
}

.bz_gl-shape.about-bottom {
  bottom: -10%;
  right: -10%;
}

.bz_gl-shape.register-top {
  top: -16%;
  left: -10%;
}

.bz_gl-shape.register-bottom {
  bottom: -20%;
  right: -10%;
}

@media (min-width: 2200px) {
  .bz_gl-shape.about-top,
  .bz_gl-shape.register-top {
    left: -5%;
  }

  .bz_gl-shape.about-bottom,
  .bz_gl-shape.register-bottom {
    right: -5%;
  }
}

@media (max-width: 950px) {
  .bz_gl-shape {
    width: clamp(50px, 25vw, 300px);
    height: clamp(50px, 25vw, 300px);
  }

  .bz_gl-shape.about-top {
    top: -7%;
    left: -10%;
  }

  .bz_gl-shape.about-bottom {
    bottom: -4%;
    right: -10%;
  }
	
	.bz_gl-shape.register-top {
    top: -4%;
	}
	.bz_gl-shape.register-bottom {
    bottom: -6%;
	}
}



/* --- Global Content --- */
.gl_content blockquote {
	position: relative;
	padding-left: 24px;
	border-left-style: none;
	font-weight: 700;
	color: var(--bz-color-grey);
	font-weight: 700;
	line-height: 1.5;
}

.gl_content blockquote::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--bz-color-sec-1);
	border-radius: 999px;
}

.gl_content.accent_yellow blockquote::before {
	background: var(--bz-color-sec-2);
}

.gl_content.text-white h2,
.gl_content.text-white blockquote,
.gl_content.text-white blockquote p {
	color: var(--bz-color-white);
}

.gl_content blockquote {
	max-width: 40rem;
	text-transform: capitalize;
}

.gl_content h2 {
	max-width: 35rem;
	margin-bottom: var(--size-small);
	font-weight: 600;
	color: var(--bz-color-alt);
}

.gl_content.is_centered {
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.gl_content.content_center {
	text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s_hero-about .gl_content {
	font-size: 1.25rem;
}

/* === Split Content === */
.split_content-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
}


.s_split-content {
	display: flex;
	justify-content: center;
	margin: var(--size-xxlarge) 0;
	overflow: hidden;
}

.ct_split-content {
	position: relative;
	display: flex;
}

.split_content-text-wrapper {
	width: 40%;
	color: var(--bz-color-black);
}

.split_content-text-wrapper.w_white-bg {
	padding: var(--size-large);
	background-color: var(--bz-color-white);
}

.split_content-shape {
	position: absolute;
	left: -21%;
	height: 320px;
	width: 320px;
}

.split_content-image-wrapper {
	width: 51%;
	position: absolute;
	right: 0;
}

.split_content-image {
	object-fit: cover;
	width: 100%;
}

/* Is Flipped */
.s_split-content.flipped .ct_split-content {
    flex-direction: row;
    justify-content: flex-end;
}


.s_split-content.flipped .split_content-image-wrapper {
    right: auto;
    left: 0;
}


.s_split-content.flipped .split_content-shape {
    left: auto;
    right: -21%;
}


@media (min-width: 1550px) {
   .s_split-content {
        height: 785px;
	}
	   .split_content-image {
        height: 785px;
    }
}

@media (min-width: 951px) and (max-width: 1549px) {
   .s_split-content {
       height: 625px;
	}
	   .split_content-image {
       	height: 625px;
    }
}

@media (max-width: 950px) {
	.split_content-wrapper .s_split-content:nth-child(even) {
  		padding-top: 0;
		padding-bottom: 0;
	}
	.brxe-div.split_content-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
	}
	
    .s_split-content {
        height: auto;
        justify-content: center;
        row-gap: 2rem;
        flex-direction: column;
        margin: 0;
    }
	.brxe-section.s_split-content {
	padding-top: 2rem;
	   padding-bottom: 2rem;
	}
    
    .split_content-text-wrapper {
        width: 100%;
    }
	
	.split_content-text-wrapper.w_white-bg {
	padding: 1.75rem;
	}

    .split_content-image-wrapper {
        width: 100%;
        position: relative;
    }

    .split_content-image {
        height: 350px;
    }

    .split_content-shape {
        height: 145px;
        width: 145px;
    }
    
    .s_split-content.flipped .split_content-shape {
        right: -23%;
    }
	
	 .s_split-content .split_content-shape {
        left: -24%;
    }
	
} 

/* === SVG Logo Animation === */
        .bz_logo-main {
            display: flex;
            justify-content: center;
            align-items: center;
            animation: fadeIn 1.8s forwards;
        }

		.liberty_welcome {
			animation: fadeIn 1.8s forwards;
		}

        .bz_logo-main svg {
            width: 350px;
            height: auto;
            overflow: visible;
            display: block;
            align-self: center;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

/* === GSAP CSS === */
/* Ignore Fade Starting State in Development */
.bricks-area .fade-item {
  opacity: 1 !important;
}

/* Fade Starting State */
.fade-item {
  opacity: 0;
  transform: translateY(40px);
  will-change: opacity, transform;
}

.fade-item.image {
  transform: translateY(60px) scale(.98);
}

/* === Home Cards === */
.home_card.is_orange .home_card-top {
	background-color: var(--bz-color-secondary);
}

.home_card.is_orange h3 {
	color: var(--bz-color-secondary);
}

.home_card.is_blue .home_card-top {
	background-color: var(--bz-color-alt);
}

.home_card.is_blue h3 {
	color: var(--bz-color-alt);
}

.home_card.is_light .home_card-top {
	background-color: var(--bz-color-alt-2);
}

.home_card.is_light h3 {
	color: var(--bz-color-alt-2);
}

/* Bring Footer Up */
	#brx-footer {
		margin-top: -2px;
}
/* === Form Styles === */
/* Base form wrapper */
      #_form_1_ {
        width: 100%;
        max-width: 40rem;
        margin: 0;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-family: inherit;
        color: inherit;
      }

      /* Inner content */
      #_form_1_ ._form-content {
        display: grid;
        gap: 1rem;
        margin: 0;
      }

      /* Headings / intro */
      #_form_1_ ._form-title {
        margin: 0;
        font: inherit;
        font-size: 2rem;
        line-height: 1.1;
        font-weight: 600;
        color: inherit;
      }

      #_form_1_ ._html-code p {
        margin: 0;
        font: inherit;
        color: inherit;
      }

      /* Form fields */
      #_form_1_ ._form_element {
        margin: 0;
        font-size: 1rem;
      }

      #_form_1_ ._form-label,
      #_form_1_ legend._form-label {
        display: block;
        margin-bottom: 0.5rem;
        font: inherit;
        font-weight: 600;
        color: inherit;
      }

      #_form_1_ .field-required {
        color: inherit;
        opacity: 0.7;
      }

      /* Inputs / selects / textarea */
      #_form_1_ input[type="text"],
      #_form_1_ input[type="email"],
      #_form_1_ input[type="tel"],
      #_form_1_ input[type="date"],
      #_form_1_ select,
      #_form_1_ textarea {
        width: 100%;
        min-height: 3rem;
        padding: 0.75rem 1rem;
        border: 1px solid currentColor;
        border-radius: 0;
        background: transparent;
        color: inherit !important;
        font: inherit;
        line-height: 1.4;
        box-sizing: border-box;
        appearance: none;
        box-shadow: none;
      }

      /* Select styling */
      #_form_1_ select {
        width: 100%;
        min-height: 3rem;
        padding: 0.75rem 2.75rem 0.75rem 1rem;
        border: 1px solid currentColor;
        border-radius: 0;
        background-color: transparent;
        color: var(--bz-color-white) !important;
        font: inherit;
        line-height: 1.4;
        box-sizing: border-box;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 0.75rem;
      }

      /* Placeholder */
      #_form_1_ input::placeholder,
      #_form_1_ textarea::placeholder {
        color: inherit;
        opacity: 0.55;
      }

      /* Focus */
      #_form_1_ input:focus,
      #_form_1_ select:focus,
      #_form_1_ textarea:focus {
        outline: none;
        box-shadow: none;
      }

      /* Checkbox group */
      #_form_1_ ._form-fieldset {
        border: 0;
        padding: 0;
        margin: 0;
      }

      #_form_1_ ._row._checkbox-radio {
        display: flex;
        align-items: flex-start;
        gap: 0.625rem;
        margin-bottom: 0.75rem;
      }

      #_form_1_ ._row._checkbox-radio input[type="checkbox"] {
        width: 1rem;
        height: 1rem;
        margin: 0.2rem 0 0;
        flex: 0 0 auto;
      }

      #_form_1_ ._row._checkbox-radio label {
        margin: 0;
        font: inherit;
        color: inherit;
        cursor: pointer;
      }

      /* Button */
      #_form_1_ ._button-wrapper {
        margin-top: 0.5rem;
      }

      #_form_1_ ._submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
		width: 100%;
        min-height: 3rem;
        padding: 0.75rem 1.5rem !important;
        border: 1px solid currentColor !important;
        border-radius: 0 !important;
        background: var(--bz-color-white) !important;
        color: var(--bz-color-alt) !important;
        font: inherit;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        box-shadow: none !important;
      }

      /* Thank you message */
      #_form_1_ ._form-thank-you {
        font: inherit;
        color: inherit;
		  text-align: center;
		  margin-bottom: 1.2rem;
      }

      /* Error messages */
      #_form_1_ ._error-inner {
        padding: 0;
        background: transparent;
        border: 0px solid currentColor;
        border-radius: 0;
        box-shadow: none;
        color: red;
        font: inherit;
      }

/* Form Branding */
._form-branding {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.7rem;
}

/* Hide native checkbox */
#_form_1_ ._row._checkbox-radio input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Row */
#_form_1_ ._row._checkbox-radio {
  position: relative;
  margin-bottom: 0.75rem;
}

/* Make label the clickable area */
#_form_1_ ._row._checkbox-radio label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  color: inherit;
}

/* Custom box */
#_form_1_ ._row._checkbox-radio label::before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1.5px solid currentColor;
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

/* Checkmark */
#_form_1_ ._row._checkbox-radio label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-60%) rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}

/* Checked state */
#_form_1_ ._row._checkbox-radio input:checked + span label::before {
  background: currentColor;
}

#_form_1_ ._row._checkbox-radio input:checked + span label::after {
  transform: translateY(-60%) rotate(-45deg) scale(1);
}

/* Focus */
#_form_1_ ._row._checkbox-radio input:focus + span label::before {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

      /* Mobile */
      @media (max-width: 767px) {
        #_form_1_ ._form-title {
          font-size: 1.6rem;
        }

        #_form_1_ input[type="text"],
        #_form_1_ input[type="email"],
        #_form_1_ input[type="tel"],
        #_form_1_ input[type="date"],
        #_form_1_ select,
        #_form_1_ textarea,
        #_form_1_ ._submit {
          min-height: 2.875rem;
        }
      }