/*********************
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
*********************/
#stacked-block .stacked: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%); }

#stacked-block .stacked {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  padding: 32px 0; }
  .acf-block-preview #stacked-block .stacked {
    position: static;
    width: 100%; }
  @media (min-width: 768px) {
    #stacked-block .stacked {
      padding: 64px 0; } }
  @media (min-width: 1024px) {
    #stacked-block .stacked {
      padding: 82px 0; } }
  @media (min-width: 1340px) {
    #stacked-block .stacked {
      padding: 94px 0; } }
  #stacked-block .stacked__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  @media (min-width: 768px) {
    #stacked-block .stacked__left, #stacked-block .stacked__right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }
  #stacked-block .stacked__left {
    padding-right: 32px; }
    @media (min-width: 1024px) {
      #stacked-block .stacked__left {
        padding-right: 48px; } }
    #stacked-block .stacked__left .content {
      border-bottom: 1px solid #091658;
      padding-bottom: 24px; }
      @media (min-width: 768px) {
        #stacked-block .stacked__left .content {
          max-width: 394px; } }
      #stacked-block .stacked__left .content.top-content {
        margin-bottom: 32px; }
        @media (min-width: 768px) {
          #stacked-block .stacked__left .content.top-content {
            margin-bottom: 64px; } }
      #stacked-block .stacked__left .content-subtitle {
        margin-bottom: 24px; }
      #stacked-block .stacked__left .content a {
        color: #e14650;
        font-weight: bold;
        text-decoration: underline; }
  #stacked-block .stacked__right .img {
    margin: 0; }
  #stacked-block .stacked__right .top-img {
    padding-top: 35px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      #stacked-block .stacked__right .top-img {
        padding-top: 70px; } }
    #stacked-block .stacked__right .top-img img {
      max-width: 90%; }
  #stacked-block .stacked__right .bottom-img {
    position: relative;
    text-align: right;
    top: -45px; }
    #stacked-block .stacked__right .bottom-img img {
      max-width: 85%; }

/*# sourceMappingURL=stacked-content.css.map */