/* ======= Doctors Section ======= */
.mod-doctors {
  @media (width >= 1645px) {
    padding: 100px calc(40px + (50vw - (1545px / 2)));
  }
  .doctor-content {
    h2 {
      font-size: 30px;
      font-weight: var(--fw-semi-bold);
      margin-bottom: 15px;
      @media (width >= 768px) {
        font-size: 46px;
      }
    }
    .module-subheading {
      font-size: 20px;
      line-height: 1.2em;
      color: var(--primary-highlight);
      font-weight: var(--fw-semi-bold);
      text-transform: none;
      @media (width >= 768px) {
        font-size: 24px;
        margin-bottom: 1em;
      }
    }
  }
  .doctor-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;

    /* Tablet Styles */
    @media (width >= 768px) {
      margin-bottom: 40px;
    }

    /* Desktop Styles */
    @media (width >= 1024px) {
      margin-bottom: 60px;
    }

    &:nth-of-type(odd) {

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row-reverse;
      }
    }

    &:nth-of-type(even) {

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row;
      }
    }

    &:last-of-type {
      margin-bottom: 0;
    }

    .doctor-heading {
      margin-top: 0.5em;
      text-align: left;

      /* Desktop Styles */
      @media (width >= 1024px) {
        margin-top: 1em;
      }
    }

    .doctor-image {
      padding: 0px 15px 0 30px;
      margin-top: 20px;
      position: relative;
      height: 105vw;
      @media (width >= 768px) {
        /* padding: 30px 25px 0 55px; */
        padding-right: 25px;
        padding-left: 55px;
        margin-top: 30px;
        height: 86vw;
      }
      /* Desktop Styles */
      @media (width >= 1024px) {
        padding-right: 30px;
        padding-left: 30px;
        width: 40%;
        height: 100%;
      }
      @media (width >= 1200px) {
        padding-left: 55px;
      }

      .image-wrap {
        height: 100%;
      }

      &:before {
        content: "";
        width: 30px;
        height: 100%;
        background-color: rgb(from var(--primary-color) r g b / 0.8);
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: -1;
        height: 70%;
        /* height: calc(100% - 140px); */
        transform: translateY(-40px);
        /* margin-top: 100px;
        margin-bottom: 35px; */
        @media (width >= 768px) {
          width: 55px;
          /* height: calc(100% - 220px); */
          height: 71%;
          transform: translateY(-57px);
          /* height: 60vw;
          margin-top: 30px; */
        }
        @media (width >= 1024px) {
          /* height: calc(100% - 294px); */
          height: 63%;
          transform: translateY(-131px);
          /* height: 70%; */
        }
      }

      &:after {
        content: "";
        width: 53%;
        height: 48%;
        background-color: var(--tertiary-color);
        top: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        margin-top: -20px;
        @media (width >= 768px) {
          margin-top: -30px;
          height: 51%;
          /* height: calc(86vw - 142px); */
        }
        @media (width >= 1024px) {
          height: 46%;
        }
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;

        /* Desktop Styles */
        /* @media (width >= 1024px) {
        } */
      }
    }

    &.dr-image-inline {
      display: block;

      &:nth-of-type(odd) {
        .doctor-inline-image {

          /* Tablet Styles */
          @media (width >= 768px) {
            float: right;
            margin-left: 1em;
          }

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-left: 50px;
          }
        }
      }

      &:nth-of-type(even) {
        .doctor-inline-image {

          /* Tablet Styles */
          @media (width >= 768px) {
            float: left;
            margin-right: 1em;
          }

          /* Desktop Styles */
          @media (width >= 1024px) {
            margin-right: 50px;
          }
        }
      }

      .doctor-inline-image {
        display: block;
        height: auto;
        margin: 0 auto 1em;
        max-width: 100%;
        float: none;

        /* Tablet Styles */
        @media (width >= 768px) {
          margin-bottom: 1em;
          max-width: 40%;
        }
      }
    }

    &.dr-image-split {
      .doctor-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0 0;

        /* Tablet Styles */
        @media (width >= 768px) {
          padding: 40px 0 0;
        }

        /* Desktop Styles */
        @media (width >= 1024px) {
          padding: 40px 40px 40px 0;
          width: 60%;
        }
        @media (width >= 1215px) {
          padding-right: 100px;
        }

        .read-more-button {
          margin-left: 0;
        }

        .memberships-sc-wrap {
          margin-top: 2em !important;
        }
      }


    }
  }

  /* Inverse */
  .doctor-list {
    &.inverse {
      .doctor-container {
        &:nth-of-type(odd) {

          /* Desktop Styles */
          @media (width >= 1024px) {
            flex-direction: row;
          }
        }

        &:nth-of-type(even) {

          /* Desktop Styles */
          @media (width >= 1024px) {
            flex-direction: row-reverse;
          }
        }

        &.dr-image-inline {
          &:nth-of-type(odd) {
            .doctor-inline-image {

              /* Tablet Styles */
              @media (width >= 768px) {
                float: left;
                margin-right: 1em;
              }

              /* Desktop Styles */
              @media (width >= 1024px) {
                margin-right: 50px;
              }
            }
          }

          &:nth-of-type(even) {
            .doctor-inline-image {

              /* Tablet Styles */
              @media (width >= 768px) {
                float: right;
                margin-left: 1em;
              }

              /* Desktop Styles */
              @media (width >= 1024px) {
                margin-left: 50px;
              }
            }
          }

          .doctor-inline-image {
            display: block;
            height: auto;
            margin: 0 auto 1em;
            max-width: 100%;
            float: none;

            /* Tablet Styles */
            @media (width >= 768px) {
              margin-bottom: 1em;
              max-width: 40%;
            }
          }
        }
      }
    }
  }
}

/* ======= End Doctors Section ======= */