/*********************
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
*********************/
#ctas-block .ctas:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/heroes/tree-silhouette-content.png) no-repeat bottom;
  background-size: contain;
  pointer-events: none; }

#ctas-block .ctas {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  padding: 32px 12px;
  background-image: url(../../images/heroes/camp-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 64px; }
  @media (min-width: 768px) {
    #ctas-block .ctas {
      padding-top: 64px; } }
  .home #ctas-block .ctas {
    padding-top: 16px; }
    @media (min-width: 768px) {
      .home #ctas-block .ctas {
        margin-bottom: -50px; } }
    @media (min-width: 1024px) {
      .home #ctas-block .ctas {
        margin-bottom: -145px; } }
    @media (min-width: 1340px) {
      .home #ctas-block .ctas {
        margin-bottom: -100px; } }
  @media (min-width: 1024px) {
    #ctas-block .ctas {
      padding-bottom: 185px; } }
  #ctas-block .ctas:before {
    background: url(../../images/heroes/tree-silhouette-content.png) no-repeat bottom;
    background-size: contain; }
  #ctas-block .ctas__container {
    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;
    position: relative;
    z-index: 2; }
  #ctas-block .ctas .cta {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin: 12px 6px;
    width: 90%;
    text-align: center; }
    @media (min-width: 768px) {
      #ctas-block .ctas .cta {
        max-width: 252px; } }
    #ctas-block .ctas .cta-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 24px 12px;
      height: 100%;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #fff;
      min-height: 270px; }
      @media (min-width: 768px) {
        #ctas-block .ctas .cta-link {
          min-height: 400px; } }
      @media (min-width: 1024px) {
        #ctas-block .ctas .cta-link {
          min-height: 489px;
          padding: 24px 48px; } }
      #ctas-block .ctas .cta-link[data-bg="green"] {
        background-color: rgba(112, 161, 154, 0.7); }
        #ctas-block .ctas .cta-link[data-bg="green"]:hover, #ctas-block .ctas .cta-link[data-bg="green"]:focus {
          background-color: #70a19a; }
      #ctas-block .ctas .cta-link[data-bg="orange"] {
        background-color: rgba(225, 133, 81, 0.7); }
        #ctas-block .ctas .cta-link[data-bg="orange"]:hover, #ctas-block .ctas .cta-link[data-bg="orange"]:focus {
          background-color: #e18551; }
      #ctas-block .ctas .cta-link[data-bg="blue"] {
        background-color: rgba(9, 22, 88, 0.7); }
        #ctas-block .ctas .cta-link[data-bg="blue"]:hover, #ctas-block .ctas .cta-link[data-bg="blue"]:focus {
          background-color: #091658; }
      #ctas-block .ctas .cta-link[data-bg="red"] {
        background-color: rgba(225, 70, 80, 0.7); }
        #ctas-block .ctas .cta-link[data-bg="red"]:hover, #ctas-block .ctas .cta-link[data-bg="red"]:focus {
          background-color: #e14650; }
      #ctas-block .ctas .cta-link[data-bg="brown"] {
        background-color: rgba(89, 54, 47, 0.7); }
        #ctas-block .ctas .cta-link[data-bg="brown"]:hover, #ctas-block .ctas .cta-link[data-bg="brown"]:focus {
          background-color: #59362f; }
    #ctas-block .ctas .cta-icon {
      max-width: 75px; }
    #ctas-block .ctas .cta-arrow {
      font-size: 32px;
      line-height: 27px;
      color: inherit; }
    #ctas-block .ctas .cta-title {
      font-family: "hypatia-sans-pro", sans-serif;
      font-size: 36px;
      line-height: 36px;
      font-weight: 700;
      text-transform: capitalize;
      margin-bottom: 12px;
      color: inherit; }
    #ctas-block .ctas .cta-content {
      font-size: 18px;
      font-weight: 500; }
      #ctas-block .ctas .cta-content p {
        color: inherit;
        line-height: 18px; }

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