/*********************
COLORS
Need help w/ choosing your colors? Try this site out: http://0to255.com/
*********************/
/*
 i imported this one in the functions file so campjoy would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/*********************
Breakpoints
*********************/
#testimonies-block .testimonies {
  padding: 32px 8px;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  background-color: #fff; }
  .acf-block-preview #testimonies-block .testimonies {
    width: 85vw;
    padding: 32px;
    left: calc(-40vw + 48%); }
  #testimonies-block .testimonies__grid {
    padding: 0px 12px; }
    #testimonies-block .testimonies__grid .testimony {
      overflow: hidden;
      margin: 24px 0; }
      @media (min-width: 768px) {
        #testimonies-block .testimonies__grid .testimony {
          margin: 48px 0; } }
      #testimonies-block .testimonies__grid .testimony.active .testimony-excerpt {
        max-height: 2000px;
        overflow: visible; }
        #testimonies-block .testimonies__grid .testimony.active .testimony-excerpt:after {
          display: none; }
      #testimonies-block .testimonies__grid .testimony.active .testimony-expand i {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      #testimonies-block .testimonies__grid .testimony-img {
        width: 100%;
        max-width: 605px; }
        @media (min-width: 1024px) {
          #testimonies-block .testimonies__grid .testimony-img {
            float: left;
            padding-right: 64px; } }
      @media (min-width: 1024px) {
        #testimonies-block .testimonies__grid .testimony:nth-child(even) .testimony-img {
          float: right;
          padding-right: 0;
          padding-left: 64px; } }
      #testimonies-block .testimonies__grid .testimony-excerpt {
        max-height: 220px;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative; }
        @media (min-width: 1024px) {
          #testimonies-block .testimonies__grid .testimony-excerpt {
            max-height: 320px; } }
        #testimonies-block .testimonies__grid .testimony-excerpt:after {
          position: absolute;
          content: "";
          bottom: 0;
          left: 0;
          width: 100%;
          height: 15px;
          background-color: #fff; }
          @media (min-width: 1024px) {
            #testimonies-block .testimonies__grid .testimony-excerpt:after {
              display: none; } }
      #testimonies-block .testimonies__grid .testimony-expand {
        background-color: transparent;
        border: 4px solid #e14650;
        color: #e14650;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 32px;
        margin-top: 24px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 0; }
        #testimonies-block .testimonies__grid .testimony-expand:hover {
          background-color: #e14650;
          color: #fff; }
        #testimonies-block .testimonies__grid .testimony-expand span {
          padding-right: 12px; }
        #testimonies-block .testimonies__grid .testimony-expand i {
          -webkit-transition: -webkit-transform 0.3s ease;
          transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease;
          transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

/*# sourceMappingURL=testimonials-grid.css.map */