/* ======= Doctors Section ======= */
.mod-doctors {
  .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 {

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

      img {
        width: 100%;
        height: 100%;

        /* Desktop Styles */
        @media (width >= 1024px) {
          object-fit: cover;
        }
      }
    }

    &.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: 50%;
        }
      }
    }

    &.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: 60px;
          width: 50%;
        }

        .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: 50%;
            }
          }
        }
      }
    }
  }
}

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