html, body {
    overflow-x: hidden;
}
footer .kt-row-layout-top-sep + div {
    z-index: 1000 !important;
}

nav.wp-block-navigation button {
    color: var(--wp-block-navigation);
}

.kb-section-dir-horizontal .kt-inside-inner-col > div:first-of-type,
.kb-section-dir-horizontal .kt-inside-inner-col > nav {
    flex: 0 0 auto;
}

.kb-section-dir-horizontal .kt-inside-inner-col > form {
    flex: 1 1 auto;
}

header .kt-row-layout-bottom-sep {
    z-index: 0;
}

.kt-row-layout-top-sep {
    z-index: 1000 !important;
}

.kt-row-layout-top-sep + div {
    z-index: 999 !important;
}

.kt-row-column-wrap, .wp-block-kadence-column, .kt-inside-inner-col {
    z-index: inherit !important;
}

a[target="_blank"]::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.3em;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.25 16.72'><path d='M0.25 17.72v-16.72h8.328v2.162h-6.167v12.4h12.927v-6.167h2.162v8.328h-17.25Zm5.177-6.217 8.3-8.3h-2.288v-2.2h6.02v6.02h-2.2v-2.291l-8.3 8.3Z' fill='%23fff'/></svg>");
	background-repeat: no-repeat;
	background-size: 50% 50%;
	vertical-align: text-bottom;
	position: relative;
	top: 0.05em;
    line-height: 1.3;
}

.spinner {
  text-align: center;
  padding: 1rem 0;
}

.spinner .loading-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid #ccc;
  border-top: 3px solid #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.gform_wrapper .gf-visually-hidden-field {
  position: absolute !important;
  left: -9999px !important;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper .ginput_container_total input, .gform_wrapper .ginput_product_price, .gform_wrapper .ginput_container_number input {
    font-family: var(--wp--preset--font-family--montserrat);
    font-size: 12px !important;
	text-transform: lowercase;
    color: #00263e;
    font-weight: 500 !important;
}
.ginput_product_price_wrapper {
	padding: 8px;
}
.gfield--input-type-total, .gfield--input-type-number, .gfield--input-type-calculation{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.gfield--input-type-total input, .ginput_container_number input, .gfield--input-type-calculation  input{
    text-align: right;
	color: var(--wp--preset--color--custom-darkblue) !important;
    width: 100% !important;
}
.gform_wrapper input, .gform_wrapper select {
	border: 0px;
}
#field_1_29, 
#field_1_49, 
#field_1_39 {
	    margin-bottom: -25px;
}

#field_1_40 label, #field_1_40 input {
	font-family: var(--wp--preset--font-family--montserrat);
    font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 20px) !important;
    font-style: normal;
    font-weight: 800 !important;
    text-transform: uppercase;
}
.gform_wrapper .ginput_product_price_label {
	display: none;
}
.gform_wrapper.gravity-theme .gsection {
    border-bottom: 2px solid var(--wp--preset--color--custom-pink) !important;
}
.gform_wrapper h3 {
	font-size: 14px;
}
/* ================================
   INLINE LEGEND + PILL (via floats)
   ================================ */

/* Keep fieldset as block (GF wants this) */
.gform_wrapper.gravity-theme fieldset.gfield--type-radio{
  display: block !important;
}

/* Float the legend so it sits on the same line */
.gform_wrapper.gravity-theme fieldset.gfield--type-radio > legend.gfield_label{
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3;
}

/* Float the input container right after the legend */
.gform_wrapper.gravity-theme fieldset.gfield--type-radio > .ginput_container_radio{
  float: left;
  margin: 0 0 0 12px !important; /* space after question */
  padding: 0 !important;
}

/* Clear floats so the next fields don't slide up */
.gform_wrapper.gravity-theme fieldset.gfield--type-radio::after{
  content: "";
  display: block;
  clear: both;
}

/* ================================
   SEGMENTED PILL STYLES
   ================================ */

.gform_wrapper.gravity-theme .gfield_radio{
  display: inline-flex;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice{
  position: relative;
  margin: 0 !important;
}

.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Base segment (smaller) — text hidden when inactive */
.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input + label{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  height: 24px;
  min-width: 40px;
  padding: 0 8px !important;

  margin: 0 !important;
  max-width: none !important;

  font-size: 0 !important;
  line-height: 0 !important;

  cursor: pointer;
  user-select: none;
  background: transparent;
  transition: background .2s ease;
}

/* YES (active) */
.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input[value="Yes"]:checked + label{
  background: var(--wp--preset--color--custom-green) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600;
}

/* NO (active) */
.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input[value="No"]:checked + label{
  background: #e5e7eb !important; /* medium grey */
  color: var(--wp--preset--color--custom-darkblue) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600;
}

/* Hover inactive */
.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:not(:checked) + label:hover{
  background: #f1f5f9;
}

/* Keyboard focus */
.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:focus-visible + label{
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
/* =========================================
   Gravity Forms Submit Button (Gravity Theme)
   ========================================= */

.gform_wrapper.gravity-theme .gform-footer .gform_button{
  width: 100%;
  display: block;

  background-color: #c8d841 !important;
  border: 2px solid #c8d841 !important;

  color: var(--wp--preset--color--custom-darkblue) !important;
  border-radius: 0 !important;

  font-family: var(--wp--preset--font-family--montserrat) !important;
  font-weight: 800 !important; /* ExtraBold */
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;

  padding: 14px 20px;
  cursor: pointer;

  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover + focus: reverse colors */
.gform_wrapper.gravity-theme .gform-footer .gform_button:hover,
.gform_wrapper.gravity-theme .gform-footer .gform_button:focus{
  background-color: transparent !important;
  color: var(--wp--preset--color--custom-darkblue) !important;
  border-color: #c8d841 !important;
}

/* Accessible focus ring */
.gform_wrapper.gravity-theme .gform-footer .gform_button:focus-visible{
  outline: 2px solid #c8d841;
  outline-offset: 2px;
}


nav.wp-block-navigation {
	position: absolute;
    top: 0;
    left: 77%;
}
.wp-block-navigation-link {
padding-bottom: 10px !important;
}
.wp-block-navigation-item__label {
	font-size: 23px;
	line-height: 30px;
	font-family: var(--wp--preset--font-family--tay-jukebox-johnny);
}
.wp-block-navigation__responsive-container {
	min-height: 400px;
    height: 40%;
}
.wp-block-navigation__responsive-container-close {
	background-color: #A542A1;
	color: #ffffff !important;
	padding: 5px 15px;
}
.wp-block-navigation__responsive-container-content {
	border-top: 1px solid #A542A1;
	padding-top: 40px !important;
	margin-top: 20px !important;
}
  .wp-block-navigation__responsive-dialog::before {
    content: "";
    display: block;
    width: 300px; /* size of your logo */
	  height: 45px;
    background-image: url("/wp-content/uploads/logolockup-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px auto; /* center it */
	  	padding-bottom: 10px !important;
  }
@media (max-width: 900px) {
    nav.wp-block-navigation {
        left: 5%;
        right: 95%;
    }
}