/**
 * /assets/scss/partials/blocks/blocks-testimonial.scss
 *
 * Let's define our testimonial block styles
 *
 *
 */
.testimonial-block {
  position: relative;
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
  padding: 100px 30px; }
  @media (max-width: 600px) {
    .testimonial-block {
      padding: 40px 30px; } }
  .testimonial-block__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; }
  .testimonial-block .acf-block-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 840px; }
  .testimonial-block__headshot {
    width: 196px; }
    .testimonial-block__headshot img {
      display: block;
      width: 100%;
      border-radius: 200px; }
    @media (max-width: 600px) {
      .testimonial-block__headshot {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 30px; }
        .testimonial-block__headshot img {
          max-width: 200px;
          max-height: 200px; } }
  .testimonial-block__right {
    width: calc(100% - 226px);
    padding-left: 25px;
    border-left: 6px solid #f9c44f;
    margin-left: 30px; }
    @media (max-width: 600px) {
      .testimonial-block__right {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        text-align: center; } }
  .testimonial-block__content {
    display: block;
    width: 100%; }
    .testimonial-block__content p {
      color: #fff !important; }
      @media (min-width: 601px) {
        .testimonial-block__content p {
          font-size: 22px !important;
          line-height: 31px !important; } }
    .testimonial-block__content-lower {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      @media (max-width: 600px) {
        .testimonial-block__content-lower {
          flex-direction: column;
          align-items: center; } }
  .testimonial-block__name {
    color: #fff;
    font-weight: 700;
    display: block;
    width: 100%; }
  .testimonial-block__title {
    color: #fff;
    display: block;
    width: 100%; }
  .testimonial-block__company-logo {
    margin: 0 0 0 20px; }
    @media (max-width: 600px) {
      .testimonial-block__company-logo {
        margin: 20px 0 0 0; } }
    .testimonial-block__company-logo img {
      display: block;
      max-width: 132px;
      max-height: 70px;
      height: auto;
      width: auto; }
  .testimonial-block.no-headshot .testimonial-block__right {
    width: 100%;
    margin-left: 0; }