/*********************
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
*********************/
#lg-cta-block .lg-cta__grid .cta-overlay {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.6);
  pointer-events: none; }

#lg-cta-block .lg-cta:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.3) 100%); }

#lg-cta-block .lg-cta {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  padding: 32px 12px; }
  @media (min-width: 768px) {
    #lg-cta-block .lg-cta {
      padding: 64px 12px; } }
  @media (min-width: 1340px) {
    #lg-cta-block .lg-cta {
      padding-bottom: 100px; } }
  .acf-block-preview #lg-cta-block .lg-cta {
    width: 85vw;
    left: calc(-40vw + 50%);
    padding: 32px; }
  #lg-cta-block .lg-cta__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #lg-cta-block .lg-cta__grid .cta {
      width: 100%;
      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;
      text-align: center;
      padding: 24px 32px;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      margin: 12px 0;
      min-height: 412px; }
      @media (min-width: 768px) {
        #lg-cta-block .lg-cta__grid .cta {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          padding: 48px; }
          #lg-cta-block .lg-cta__grid .cta:first-child {
            margin: 0 12px 0 0; }
          #lg-cta-block .lg-cta__grid .cta:last-child {
            margin: 0 0 0 12px; } }
      @media (min-width: 1024px) {
        #lg-cta-block .lg-cta__grid .cta {
          padding: 64px;
          min-height: 570px; } }
      #lg-cta-block .lg-cta__grid .cta-overlay {
        opacity: 0.75; }
        #lg-cta-block .lg-cta__grid .cta-overlay[data-color="blue"] {
          background-color: #091658; }
        #lg-cta-block .lg-cta__grid .cta-overlay[data-color="green"] {
          background-color: #70a19a; }
        #lg-cta-block .lg-cta__grid .cta-overlay[data-color="red"] {
          background-color: #e14650; }
        #lg-cta-block .lg-cta__grid .cta-overlay[data-color="orange"] {
          background-color: #e18551; }
        #lg-cta-block .lg-cta__grid .cta-overlay[data-color="brown"] {
          background-color: #59362f; }
      #lg-cta-block .lg-cta__grid .cta-content {
        position: relative;
        z-index: 2;
        color: #fff; }
        #lg-cta-block .lg-cta__grid .cta-content h1,
        #lg-cta-block .lg-cta__grid .cta-content h2,
        #lg-cta-block .lg-cta__grid .cta-content h3,
        #lg-cta-block .lg-cta__grid .cta-content h4 {
          color: #fff;
          margin-bottom: 48px; }
          @media (min-width: 768px) {
            #lg-cta-block .lg-cta__grid .cta-content h1,
            #lg-cta-block .lg-cta__grid .cta-content h2,
            #lg-cta-block .lg-cta__grid .cta-content h3,
            #lg-cta-block .lg-cta__grid .cta-content h4 {
              margin-bottom: 64px; } }
          #lg-cta-block .lg-cta__grid .cta-content h1:after,
          #lg-cta-block .lg-cta__grid .cta-content h2:after,
          #lg-cta-block .lg-cta__grid .cta-content h3:after,
          #lg-cta-block .lg-cta__grid .cta-content h4:after {
            background-color: #fff; }
        #lg-cta-block .lg-cta__grid .cta-content p {
          color: #fff; }
        #lg-cta-block .lg-cta__grid .cta-content a {
          color: #fff;
          margin-top: 24px;
          text-transform: uppercase;
          border: 4px solid #fff;
          letter-spacing: 1.2px;
          font-weight: bold;
          font-size: 14px;
          padding: 8px 32px;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #lg-cta-block .lg-cta__grid .cta-content a:hover, #lg-cta-block .lg-cta__grid .cta-content a:focus {
            background-color: #fff;
            color: #222; }

/*# sourceMappingURL=large-cta.css.map */