/*
Theme Name: Rebalance
Author: KBD
Version: 0.1.9
*/

.wp-site-blocks main {
  position: relative;
  z-index: 2;
}

.editor-styles-wrapper .is-layout-grid,
.is-layout-grid {
  container-type: normal !important;
}

:root {
  scroll-behavior: smooth;
}

header.is-style-header-starts-transparent {
  transition: all 0.3s ease-in-out;
  z-index: 2;

  & + * {
    margin-top: -100px;
  }
}

:root {
  --icon-scroll-padding-top: 120px;
}

@media screen and (max-width: 782px) {
  :root {
    --icon-scroll-padding-top: 80px;
  }
}

html:has(header.is-style-header-starts-transparent) {
  scroll-padding-top: var(--icon-scroll-padding-top) !important;
}

body:not(.scrolled) header.is-style-header-starts-transparent {
  background-color: transparent !important;
}

.wp-block-navigation-item a.wp-block-navigation-item__content,
.wp-block-navigation__responsive-dialog .wp-block-loginout a {
  border-bottom: 0px solid rgba(0, 0, 0, 0);
  padding-bottom: 0px;
  transition: padding 0.3s ease 0s, border-bottom 0.3s ease 0s;
  padding-bottom: 0;
  display: block;
}
.wp-block-navigation-item a.wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-dialog .wp-block-loginout a:hover {
  border-bottom: 2px solid var(--wp--preset--color--secondary);
  padding-bottom: 8px;
}

.is-style-blocked {
  position: relative;

  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 1rem);
    width: 36px;
    height: 100%;
    background-color: var(--wp--preset--color--secondary);
  }
}

@media screen and (max-width: 782px) {
  .wp-block-navigation__responsive-container {
    padding: 1rem !important;
    background-color: var(--wp--preset--color--primary) !important;
    text-align: center;

    a {
      color: var(--wp--preset--color--base) !important;
      font-size: 2rem;
    }

    .wp-block-navigation__container {
      width: 100%;
      align-items: center !important;
    }
  }
}

/* copy of wp default css to a 1000px media query */
@media (min-width: 782px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }
}

.comma:has(+ :empty) {
  display: none;
}

.wp-block-button[style*="text-transform:none"] .wp-block-button__link {
  text-transform: none !important;
}

.gform_fields {
  & input[type="text"],
  & input[type="email"],
  & input[type="tel"],
  & input[type="number"],
  & input[type="date"],
  & input[type="file"],
  & input[type="time"],
  & input[type="checkbox"],
  & textarea {
    border-radius: 10px !important;
    border: 1px solid #e8e8e8 !important;
    padding: 1rem !important;
    background-color: var(--wp--preset--color--base-2) !important;
    box-shadow: none !important;
  }

  & input[type="checkbox"] {
    padding: 0.25rem !important;
    border-radius: 5px !important;
    accent-color: var(--wp--preset--color--secondary) !important;

    &::before {
      color: var(--wp--preset--color--secondary) !important;
    }
  }

  & input[type="file"] {
    padding: 0 !important;

    &::file-selector-button {
      color: var(--wp--preset--color--secondary) !important;
    }
  }

  label,
  legend {
    color: #000 !important;
  }
}