/*
 Theme Name:   Boost Child Theme
 Template:     Avada
 Description:  Child theme for Avada
 Author:       Boost Creative
 Version:      1.0.0
*/

/* Custom styles go below */
body.general-term-physician {
  .post-slideshow {
    display: none;
  }
}

.general-physician .page .fusion-flexslider {
  display: none;
}

.physicians-results {
  margin: 4rem 0;
}

.post-30734 .fusion-builder-row-4 {
  padding-bottom: 8rem;
}

html {
  .physician-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style: none;
    padding: 0 !important;
    gap: 40px;
    margin-top: 0;
    .custom-physician-card {
      margin-bottom: 0 !important;
      width: 100% !important;
      flex-grow: 1;
      .fusion-imageframe,
      .fusion-button,
      .fusion-button-text {
        transition: transform 300ms ease, filter 300ms ease,
          background-color 300ms ease, border-color 300ms ease !important;
      }
      .fusion-button {
        background: initial !important;
        background-color: #ffc354 !important;
      }
      .fusion-button-text {
        transition: color 300ms ease !important;
      }
      &:hover {
        .fusion-imageframe {
          border-color: #1076ba !important;
        }
        .fusion-button {
          background: initial;
          background-color: #1076ba !important;
        }
        .fusion-button-text {
          color: #fff !important;
        }
      }
    }
  }
}

#physician-search-form {
  display: flex;
  justify-content: center;
  gap: 8px;
  max-width: 800px;
  margin: 0 auto;
  label,
  input,
  select {
    width: 100%;
  }
  input,
  select {
    height: 100% !important;
    padding: 0 1em;
    color: #000;
    &::placeholder {
      color: #000;
    }
  }
  select {
    appearance: none; /* Remove native arrow */
    background-color: white;
    padding: 10px 40px 10px 12px; /* Add right padding for the arrow */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%236D6D6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
  }
}

.sub-gif {
  margin: 0 auto;
}

.fillall {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media (max-width: 1400px) {
  html .physician-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1024px) {
  /* general */
  .fusion-tb-header {
    img {
      max-width: 400px;
      width: 100%;
    }
    * {
      margin: 0;
    }
  }

  /* physicians */
  html .physician-grid {
    grid-template-columns: 1fr 1fr;
  }
  #physician-search-form {
    flex-direction: column;
    margin-top: 2rem;
    br {
      display: none;
    }
    input,
    select {
      padding: 0 0.5em;
      height: 44px !important;
      width: 100% !important;
    }
  }
}

@media (max-width: 700px) {
  html .physician-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sub-gif {
    display: none;
  }
}