/*
Theme Name: Bodhi Astra Child
Description: Custom child theme for IBC Roofing.
Author: Bodhi
Template: astra
Version: 1.0.0
*/

/* Astra resets */
body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="number"],
body input[type="url"],
body input[type="password"],
body textarea,
body select {
  box-shadow: none !important;
  outline: none !important;
}

/* Elementor overrides - things not possible in Elementor */

.elementor-field-group {
  align-self: start;
}

.elementor-field-textual.elementor-size-md {
  padding: 6px 14px !important;
  min-height: 48px !important;
}

textarea.elementor-field-textual.elementor-size-md {
  padding: 10px 14px !important;
}

.sub-menu.elementor-nav-menu--dropdown {
  padding: 10px 0 !important;
}

.mobile-menu-cta {
  display: none !important;
}

/*Hide dropdown arrow to open up space on small desktop*/
@media screen and (min-width: 1024px) and (max-width: 1285px) {
  .ibc-navbar {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .ibc-navbar-menu .elementor-nav-menu a .sub-arrow {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .menu-link:not(.elementor-sub-item) {
    font-family: var(--e-global-typography-eb83477-font-family) !important;
  }

  .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    padding: 16px 0 !important;
  }

  .elementor-nav-menu--dropdown a {
    justify-content: space-between;
  }

  .elementor-nav-menu--dropdown a.highlighted {
    background-color: var(--e-global-color-astglobalcolor0) !important;
    color: var(--e-global-color-a8ebf6b) !important;
  }

  .elementor-nav-menu--dropdown a:not(.highlighted):focus,
  .elementor-nav-menu--dropdown.sub-menu a:hover {
    background-color: transparent !important;
    color: var(--e-global-color-astglobalcolor4) !important;
  }

  .elementor-nav-menu--dropdown a .sub-arrow {
    margin-right: 10px !important;
  }

  .elementor-nav-menu--dropdown a.highlighted .sub-arrow {
    color: var(--e-global-color-a8ebf6b) !important;
    fill: var(--e-global-color-a8ebf6b) !important;
  }

  .mobile-menu-cta {
    padding: 0 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    background-color: transparent !important;
    display: flex !important;
  }

  .mobile-menu-cta a {
    width: 100% !important;
    background-color: var(--e-global-color-a8ebf6b) !important;
    border-radius: 10px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    justify-content: center !important;
    font-size: 15px !important;
  }
}

.elementor-nav-menu__container ul.elementor-nav-menu--dropdown a {
  border-inline-start: none !important;
}

/* Lead form overrides - things not possible in Elementor */

.global-lead-form .elementor-field-type-submit {
  margin-top: 10px;
}

.global-lead-form .elementor-message-success {
  margin-top: 20px !important;
  font-size: 16px !important;
}

.global-lead-form .elementor-message-success.elementor-message-svg:before {
  margin-right: 8px !important;
}

/*Hide browser up/down arrows on number inputs*/
.global-lead-form input[type="number"]::-webkit-inner-spin-button,
.global-lead-form input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.global-lead-form input[type="number"] {
  -moz-appearance: textfield;
}

.global-lead-form-container {
  height: 100% !important;
}

/* Utilities & Hacks */

._child-block > * {
  display: block !important;
}

._link-underline-none a {
  text-decoration: none !important;
}