/*********************
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
*********************/
#repeater-block .repeater__rows .row {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin: 16px 10px;
  text-align: center;
  padding: 12px; }

#repeater-block .repeater__rows[data-cols="one"] .row {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%; }

@media (min-width: 768px) {
  #repeater-block .repeater__rows[data-cols="two"] .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 47%;
    flex: 1 0 47%; } }

@media (min-width: 481px) {
  #repeater-block .repeater__rows[data-cols="three"] .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%; } }

@media (min-width: 1024px) {
  #repeater-block .repeater__rows[data-cols="three"] .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 31%;
    flex: 1 0 31%; } }

@media (min-width: 481px) {
  #repeater-block .repeater__rows[data-cols="four"] .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%; } }

@media (min-width: 1024px) {
  #repeater-block .repeater__rows[data-cols="four"] .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 23%;
    flex: 1 0 23%; } }

#repeater-block .repeater {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  padding: 24px 0; }
  .acf-block-preview #repeater-block .repeater {
    width: 85vw;
    left: calc(-40vw + 48%);
    padding: 32px; }
  @media (min-width: 768px) {
    #repeater-block .repeater {
      padding: 48px 0; } }
  @media (min-width: 1024px) {
    #repeater-block .repeater {
      padding: 64px 0; } }
  @media (min-width: 1340px) {
    #repeater-block .repeater {
      padding: 94px 0; } }
  #repeater-block .repeater[data-bg="transparent"] {
    background-color: transparent; }
  #repeater-block .repeater[data-bg="white"] {
    background-color: #fff; }
  #repeater-block .repeater[data-bg="gray"] {
    background-color: #f4f4f4; }
  #repeater-block .repeater__title {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 32px;
    font-weight: bold;
    text-align: center; }
    @media (min-width: 1024px) {
      #repeater-block .repeater__title {
        font-size: 60px;
        margin-bottom: 64px; } }
    #repeater-block .repeater__title:after {
      position: absolute;
      content: "";
      width: 43px;
      height: 3px;
      background-color: #70a19a;
      bottom: -25px;
      left: 0;
      right: 0;
      margin: auto; }
  #repeater-block .repeater__rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #repeater-block .repeater__rows[data-cols="two"] .row {
      text-align: left; }
      #repeater-block .repeater__rows[data-cols="two"] .row .row-title {
        border-bottom: 2px solid #999999;
        padding-bottom: 8px;
        text-transform: uppercase; }
      #repeater-block .repeater__rows[data-cols="two"] .row .row-excerpt {
        max-width: 100%; }
    @media (min-width: 481px) {
      #repeater-block .repeater__rows .row {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
        flex: 1 0 45%; } }
    @media (min-width: 1024px) {
      #repeater-block .repeater__rows .row {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 31%;
        flex: 1 0 31%; } }
    #repeater-block .repeater__rows .row-title {
      margin-bottom: 0; }
    #repeater-block .repeater__rows .row-excerpt {
      margin: auto;
      max-width: 230px a;
        max-width-color: #e14650;
        max-width-border-bottom: 1px solid #e14650; }

/*# sourceMappingURL=repeater.css.map */
