/* ======= Doctors Section ======= */
.mod-doctors {
  padding: 30px 0;
  overflow: hidden;
  @media (width >= 768px) {
    pading: 40px 0;
  }
  @media (width >= 1024px) {
    padding: 45px 0;
  }
  .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: 80px;
    }

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

    &:nth-of-type(odd) {

      /* Desktop Styles */
      @media (width >= 1024px) {
        flex-direction: row-reverse;
      }
      .doctor-image {
        @media (width >= 1024px) {
          margin-right: 0;
          margin-left: -6%;
        }
        @media (width >= 1500px) {
          margin-right: calc(40px + (50vw - (var(--full) / 2)));
          margin-left: 0;
        }
      }

      &.dr-image-split {
        .doctor-content {
          @media (width >= 1024px) {
            margin-right: -17%;
            margin-left: 0;
          }
          > div {
            @media (width >= 1024px) {
              padding-right: 35%;
              padding-left: 60px;
            }
            @media (width >= 1500px) {
              padding-right: 30%;
              padding-left: calc(40px + (50vw - (var(--full) / 2)));
            }
          }
        }
      }
    }

    &:nth-of-type(even) {

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

      .doctor-image {
        @media (width >= 1024px) {
          margin-right: -6%;
          margin-left: 0;
        }
        @media (width >= 1500px) {
          margin-right: 0;
          margin-left: calc(40px + (50vw - (var(--full) / 2)));
        }
      }

      &.dr-image-split {
        .doctor-content {
          @media (width >= 1024px) {
            margin-right: 0;
            margin-left: -17%;
          }
          > div {
            @media (width >= 1024px) {
              padding-right: 60px;
              padding-left: 35%;
            }
            @media (width >= 1500px) {
              padding-right: calc(40px + (50vw - (var(--full) / 2)));
              padding-left: 30%;
            }
          }
        }
      }


    }

    &: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 {
      height: 76vw;
      position: relative;
      margin-bottom: -50vw;
      @media (width >= 768px) {
        height: 70vw;
      }
      /* Desktop Styles */
      @media (width >= 1024px) {
        width: 50%;
        height: 100%;
        margin-top: 70px;
        margin-bottom: 0;
      }
      @media (width >= 1500px) {
        /* width: 35%; */
        box-sizing: border-box;
        max-width: calc(50% - (40px + (50vw - (var(--full) / 2))));
      }

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

        /* 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: 25px 20px;
        background-color: rgb(from var(--light-alt) r g b / 0.5); */
        /* Tablet Styles */
        @media (width >= 768px) {
          /* padding: 40px; */
        }

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

        /* > div {
          @media (width >= 1024px) {
            padding-right: 25%;
          }
        } */

        .read-more-button {
          @media (width >= 1024px) {
            margin-left: 0;
          }
        }

        .memberships-sc-wrap {
          margin: 0 !important;
          padding-top: 25px;
          padding-bottom: 25px;
          @media (width >= 768px) {
            padding: 40px; 
          }
          @media (width >= 1024px) {
            padding: 35px 0;
          }
        }
      }

      .doctor-wrap {
        padding: 58vw 20px 45px;
        background-color: rgb(from var(--light-alt) r g b / 0.5);
        @media (width >= 768px) {
          padding: 55vw 40px 60px;
        }
        @media (width >= 1024px) {
          padding: 120px 50px;
        }
      }


    }
  }

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

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

          .doctor-image {
            margin-right: 20px;
            @media (width >= 768px) {
              margin-right: 40px;
            }
            @media (width >= 1024px) {
              /* margin-right: 0; */
              margin-right: -6%;
              margin-left: 0;
            }

            @media (width >= 1500px) {
              margin-right: 0;
              margin-left: calc(40px + (50vw - (var(--full) / 2)));
            }

          }

          &.dr-image-split {
            .doctor-content {
              @media (width >= 1024px) {
                margin-right: 0;
                margin-left: -17%;
              }
              > div {
                @media (width >= 1024px) {
                  padding-right: 60px;
                  padding-left: 35%;
                }
                @media (width >= 1500px) {
                  padding-right: calc(40px + (50vw - (var(--full) / 2)));
                  padding-left: 30%;
                }
              }
            }
          }



        }

        &:nth-of-type(even) {

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

          .doctor-image {
            margin-left: 20px;
            @media (width >= 768px) {
              margin-left: 40px;
            }
            @media (width >= 1024px) {
              /* margin-left: 0; */
              margin-right: 0;
              margin-left: -6%;
            }

            @media (width >= 1500px) {
              margin-right: calc(40px + (50vw - (var(--full) / 2)));
              margin-left: 0;
            }
          }

          &.dr-image-split {
            .doctor-content {
              @media (width >= 1024px) {
                margin-right: -17%;
                margin-left: 0;
              }
              > div {
                @media (width >= 1024px) {
                  padding-right: 35%;
                  padding-left: 60px;
                }
                @media (width >= 1500px) {
                  padding-right: 30%;
                  padding-left: calc(40px + (50vw - (var(--full) / 2)));
                }
              }
            }
          }

        }

        &.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 ======= */