/*********************
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
*********************/
#faqs-block .faqs {
  padding: 32px 0; }
  @media (min-width: 768px) {
    #faqs-block .faqs {
      padding: 48px 0; } }
  #faqs-block .faqs__rows .faq {
    margin: 18px 0; }
    .acf-block-preview #faqs-block .faqs__rows .faq:nth-child(1) .faq-title i {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .acf-block-preview #faqs-block .faqs__rows .faq:nth-child(1) .faq-content {
      display: block; }
    #faqs-block .faqs__rows .faq-title {
      position: relative;
      background-color: #70a19a;
      color: #fff;
      margin: 0;
      padding: 12px 50px 12px 25px;
      border-radius: 1px;
      cursor: pointer; }
      #faqs-block .faqs__rows .faq-title.active i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      #faqs-block .faqs__rows .faq-title i {
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        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;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    #faqs-block .faqs__rows .faq-content {
      padding: 12px;
      display: none; }
      @media (min-width: 768px) {
        #faqs-block .faqs__rows .faq-content {
          padding: 18px 32px; } }
      #faqs-block .faqs__rows .faq-content a {
        color: #e14650;
        font-weight: bold;
        text-decoration: underline; }

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