﻿#top__content .top--left--content {
  background-color: #707070;
}


  #top__content .top--left--content div {
    margin-left: 26%;
    max-width: 50%;
    font-size: 23px;
    font-family: brandon_grotesquemedium;
    display:none;
  }

.section--top--content h2 {
  max-width: 80%;
}

#reviews__content__bottom__action, #reviews__list__bottom__action {
  text-decoration: none;
  width: 350px;
  color: #fff;
  font-family: brandon_grotesquemedium;
  font-size: 20px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  padding: 13px 0;
  margin-top: 29px;
  font-weight: 200;
  border: solid 1px #fff;
  background: rgba(0, 0, 0, 0.3) !important;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

#reviews__content__bottom__subheader, #reviews__list__bottom__subheader {
  font-family: brandon_grotesqueregular;
  padding-top: 15px;
  color: #000;
  padding-bottom: 50px;
}

#reviews__list__bottom__subheader {
  padding-bottom: 0;
}

#reviews__content__bottom {
  padding-top: 30px;
}

/* Reviews */

.section--studio--reviews {
  padding-top: 120px;
  padding-bottom: 150px;
}

  .section--studio--reviews .container {
    max-width: 1424px;
  }

  .section--studio--reviews h3 {
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    line-height: 20px;
    font-weight: 200;
    color: #707070;
    margin-bottom: 14px;
    margin-top: 0;
  }

  .section--studio--reviews h2 {
    font-family: brandon_grotesquemedium;
    font-size: 60px;
    line-height: 70px;
    color: #000;
    margin-bottom: 57px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 200;
  }

  .section--studio--reviews .studio--reviews-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

    .section--studio--reviews .studio--reviews-container .studio--review {
      width: 25.28%;
      margin-left: 12.08%;
      margin-bottom: 115px;
    }

      .section--studio--reviews .studio--reviews-container .studio--review:nth-child(3n + 1) {
        margin-left: 0;
      }

      .section--studio--reviews .studio--reviews-container .studio--review .review--title {
        font-family: brandon_grotesqueblack;
        font-size: 30px;
        line-height: 40px;
        color: #B02E60;
        text-align: left;
        font-weight: 500;
      }

      .section--studio--reviews .studio--reviews-container .studio--review .review--date {
        font-family: brandon_grotesquemedium;
        font-size: 20px;
        line-height: 30px;
        color: #000;
        font-weight: 200;
        text-align: left;
        margin-bottom: 24px;
      }

      .section--studio--reviews .studio--reviews-container .studio--review .review--rating {
        text-align: left;
        margin-bottom: 24px;
      }

    .section--studio--reviews .studio--reviews-container .review--message {
      text-align: left;
    }

      .section--studio--reviews .studio--reviews-container .review--message .review--message-element {
        font-family: brandon_grotesqueregular;
        font-size: 20px;
        line-height: 30px;
        color: #000;
        font-weight: 200;
        text-align: left;
        max-height: 210px;
        overflow-y: hidden;
      }

        .section--studio--reviews .studio--reviews-container .review--message .review--message-element.review-visible {
          max-height: initial;
          overflow-y: visible;
        }

      .section--studio--reviews .studio--reviews-container .review--message .show--more {
        text-align: left;
        font-family: brandon_grotesqueblack;
        font-size: 14px;
        line-height: 30px;
        color: #BE2062;
        cursor: pointer;
        font-weight: 500;
      }

      .section--studio--reviews .studio--reviews-container .review--message .review--message--answer {
        border-left: solid 2px #707070;
        padding-bottom: 3px;
        padding-left: 20px;
      }

      .section--studio--reviews .studio--reviews-container .review--message .review--message--answer {
        font-family: brandon_grotesqueregular;
        font-size: 20px;
        line-height: 30px;
        color: #707070;
        font-weight: 200;
      }

        .section--studio--reviews .studio--reviews-container .review--message .review--message--answer h6 {
          font-family: brandon_grotesquemedium;
          font-size: 20px;
          line-height: 30px;
          color: #BE2062;
          margin-bottom: 0;
        }

        .section--studio--reviews .studio--reviews-container .review--message .review--message--answer .review--message--answer--date {
          padding-bottom: 30px;
          color:#000;
        }

    .section--studio--reviews .studio--reviews-container .studio--review.hidden {
      display: none;
    }

  .section--studio--reviews .studio--reviews-collapsed {
    font-family: brandon_grotesqueregular;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-top: -50px;
  }

    .section--studio--reviews .studio--reviews-collapsed.hidden {
      display: none;
    }

  .section--studio--reviews .studio--reviews--expand {
    display: block;
    text-align: left;
    border-bottom: solid 1px #b4c832;
    padding-bottom: 5px;
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    line-height: 30px;
    color: #b4c832;
    cursor: pointer;
    margin-bottom: 68px;
  }

    .section--studio--reviews .studio--reviews--expand svg {
      stroke: #b4c832;
      float: right;
      margin-bottom: -5px;
      margin-top: 12px;
      margin-right: 15px;
    }

    .section--studio--reviews .studio--reviews--expand.studio--reviews--expanded svg {
      transform: rotate(180deg);
    }

  .section--studio--reviews .studio--reviews--footer {
    position: relative;
  }

    .section--studio--reviews .studio--reviews--footer #add__review {
      width: 350px;
      color: #fff;
      font-family: brandon_grotesqueblack;
      font-size: 24px;
      line-height: 34px;
      display: inline-block;
      text-align: center;
      padding: 13px 0;
      background-color: #b4c832;
      cursor: pointer;
      font-weight: 500;
    }

    .section--studio--reviews .studio--reviews--footer #auorg-bg {
      position: absolute !important;
      right: 0;
      top: 0;
      width: 140px !important;
    }

.studio--reviews-collapsed {
  font-family: brandon_grotesquemedium;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 85px;
}

.studio-header-meta-wrapper {
  /*text-align: left;*/
  margin-bottom: 40px;
  font-family: brandon_grotesquemedium;
  color: #000;
  font-size: 25px;
}

@media (max-width: 1200px) {
  #top__content .top--left--content div {
    padding-bottom: 30px;
  }
}

  @media (max-width: 768px) {

    #review__aggregate {
      display: block;
      padding-top: 10px;
    }

    /* Reviews */

    .section--studio--reviews {
      padding-top: 89px;
      padding-bottom: 104px;
    }

      .section--studio--reviews .container {
        width: 79.17%;
        margin-left: auto;
        margin-right: auto;
      }

      .section--studio--reviews h3 {
        margin-bottom: 24px;
      }

      .section--studio--reviews h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 44px;
      }

      .section--studio--reviews .studio--reviews-container {
        flex-direction: column;
        align-items: center;
      }

        .section--studio--reviews .studio--reviews-container .studio--review {
          width: 74.22%;
          text-align: center;
          margin-bottom: 44px;
        }

        .section--studio--reviews .studio--reviews-container .studio--review {
          margin-left: 0;
        }

          .section--studio--reviews .studio--reviews-container .studio--review .review--title {
            font-size: 30px;
            line-height: 40px;
            text-align: center;
          }

          .section--studio--reviews .studio--reviews-container .studio--review .review--date {
            text-align: center;
          }

          .section--studio--reviews .studio--reviews-container .studio--review .review--rating {
            text-align: center;
          }

        .section--studio--reviews .studio--reviews-container .review--message .review--message-element {
          line-height: 25px;
          text-align: center;
          max-height: 155px;
        }

        .section--studio--reviews .studio--reviews-container .review--message .show--more {
          margin-left: auto;
          margin-right: auto;
          width: 140px;
          display: block;
        }

      .section--studio--reviews .studio--reviews--expand {
        margin-bottom: 57px;
      }

      .section--studio--reviews .studio--reviews--footer #auorg-bg {
        position: static !important;
        margin-top: 57px !important;
      }
  }

  @media (max-width: 480px) {
    #reviews__content__bottom__action, #reviews__list__bottom__action{
      width: 100%;
    }

    /* Reviews */
    .section--studio--reviews {
      padding-top: 64px;
      padding-bottom: 75px;
    }

      .section--studio--reviews .container {
        width: 80.8%;
      }

      .section--studio--reviews h3 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 200;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 21px;
      }

      .section--studio--reviews h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 49px;
        max-width: 100%;
      }

      .section--studio--reviews .studio--reviews-container .studio--review {
        margin-bottom: 49px;
        width: 100%;
      }

        .section--studio--reviews .studio--reviews-container .studio--review .review--title {
          font-size: 20px;
          line-height: 30px;
        }

        .section--studio--reviews .studio--reviews-container .studio--review .review--rating {
          margin-bottom: 21px;
        }

      .section--studio--reviews .studio--reviews--expand {
        margin-bottom: 65px;
      }

      .section--studio--reviews .studio--reviews--footer #add__review {
        width: 100%;
      }

      .section--studio--reviews .studio--reviews--footer #auorg-bg {
        margin-top: 50px !important;
      }
  }