/* STAFF MODAL */
.modal-staff.remodal {
  text-align: left;
  max-width: 1200px;
}

.modal-staff__inner {
  display: flex;
  flex-wrap: wrap;
}

.modal-staff__sidebar {
  width: 300px;
}

.staff__photo__img {
  width: 100%;
}

.modal-staff__photo-mob {
  display: none;
}

.modal-staff__content {
  width: calc(100% - 300px);
  box-sizing: border-box;
  padding-left: 33px;
}

.modal-staff__heading {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 10px;
}

.modal-staff__heading br {
  display: none;
}

.modal-staff__form__item {
 margin-bottom: 15px;
}

.modal-staff__form__item p {
  margin: 0;
}

.modal-staff__form__item input {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  outline: none;
  font-size: 14px;
  height: 40px;
  border-bottom: 1px solid #b8b8b8;
  display: block;
  width: 100%;
}

.modal-staff__form__item__label-text {
  margin-top: 23px;
  margin-bottom: 5px;
  font-size: 14px;
}

.modal-staff__form__item textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  display: block;
  border: 1px solid #949494;
  height: 174px;
  resize: none;
  outline: none;
  font-size: 14px;
  margin-bottom: 10px;
}

.modal-staff__form__button-wrapper p {
  display: none;
}

.modal-staff__form__button-wrapper .golden-button {
  min-width: 0;
}

.modal-staff__position {
  font-size: 14px;
  color: #2b2011;
  font-style: italic;
  margin-bottom: 25px;
}

.modal-staff__links {
  font-weight: 700;
  color: #2b2011;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-left: 40px;
  min-height: 30px;
  box-sizing: border-box;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 30px;
}

.modal-staff__tel {
  background-image: url(/wp-content/uploads/2020/09/tel.png);
  margin-right: 30px;
}

.modal-staff__email {
  background-image: url(/wp-content/uploads/2020/09/mail.png);
}

.modal-staff__rating {
  margin-top: 12px;
}

.modal-staff__rating__text {
  color: #cba978;
  font-size: 14px;
  text-decoration: underline;
  margin-left: 6px;
}

.modal-staff__list {
  margin-top: 20px;
}

.modal-staff__review {
  border: 2px solid #d7b075;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}

.modal-staff__review::before {
  content: '';
  display: block;
  position: absolute;
  width: 103px;
  height: 6px;
  background-color: #d7b075;
  top: 0;
  left: 28px;
}

.modal-staff__review__info {
  width: 152px;
  font-weight: 700;
  font-size: 13px;
  box-sizing: border-box;
  padding-right: 5px;
}

.modal-staff__review__info__name {
  color: #2b2011;
  margin-bottom: 5px;
}

.modal-staff__review__info__date {
  color: #cdab79;
}

.modal-staff__review__text {
  width: calc(100% - 152px);
  font-size: 15px;
  padding-left: 10px;
  box-sizing: border-box;
}


@media screen and (max-width: 666px) {
  .modal-staff__photo {
        display: none;
      }

      .modal-staff__sidebar {
        display: none;
      }

      .modal-staff__content {
        padding-left: 0;
        width: 100%;
      }

      .modal-staff.remodal {
        padding: 20px;
      }

      .modal-staff__flex-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
      }

      .modal-staff__photo-mob {
        display: block;
        width: 125px;
        height: 125px;
        border-radius: 100px;
        overflow: hidden;
      }

      .modal-staff__info-wrapper {
        width: calc(100% - 125px);
        box-sizing: border-box;
        padding-left: 15px;
      }

      .modal-staff__heading {
        font-size: 18px;
      }

      .modal-staff__position {
        font-size: 10px;
        margin-bottom: 0;
      }

      .modal-staff__contacts {
        display: flex;
      }

      .modal-staff__rating__text {
        font-size: 11px;
      }

      .modal-staff__links {
        font-size: 11px;
        background-size: 22px 22px;
        padding-left: 25px;
        min-height: auto;
        width: 50%;
      }

      .modal-staff__review {
        display: block;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 20px;
      }

      .modal-staff__review::before {
        width: 76px;
        height: 4px;
        left: 12px;
      }

      .modal-staff__review__info {
        width: 100%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: 11px;
      }

      .modal-staff__review__text {
        padding-left: 0;
        width: 100%;
        font-size: 10px;
      }

      .modal-staff__form__item input {
        height: 33px;
        font-size: 13px;
      }

      .modal-staff__form__item__label-text {
        font-size: 13px;
      }

      .modal-staff__form__item textarea {
        font-size: 13px;
        height: 110px;
      }

      .modal-staff__form__item input::placeholder {
        color: #000;
      }

      .modal-staff__form > div {
        font-size: 13px;
      }
}