/*doc
---
title: Home
name: home
category: Home Styles
---

# Styles unique to homepage

*/
/*doc
---
title: Colors
name: 00_color
category: Helper SASS
---

| SASS var   | Color | Example |
|---|---|---|
| `$color-text` | `#6F6858` | <div style="color: blue">class</div> |
| $color-primary | rgb(159,214,226) | |
| $color-secondary| rgb(254,196,108) | |
| $color-highlight | rgb(210,94,100) | |

*/
.site-nav_home {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
}

.site-nav_home {
  *zoom: 1;
}
.site-nav_home:before, .site-nav_home:after {
  display: table;
  content: " ";
  line-height: 0;
}
.site-nav_home:after {
  clear: both;
}

/*doc
---
title: Media Queries
name: 01_media-queries
category: Helper SASS
---

# Breakpoints, media query mixins

*/
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*----------------------------------------------------=BREAKPOINT MAP */
.site-nav_home li {
  height: 33.3333333333vw;
  width: 33.3333333333vw;
  padding: 5px;
  background: #9fd6e2;
}

.site-nav_home a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 9vw;
  background-color: #FFF;
  border-radius: 15%;
  text-align: center;
}

.home {
  background: #9fd6e2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAMAAAAOXP0IAAAAMFBMVEXP6vDn9Pf5/P2w3eek2OPt9/m84urU7fKq2uXa7/S24OnH5u3z+vvh8vb///+e1eEQHJiGAAAAEHRSTlP///////////////////8A4CNdGQAAAU1JREFUeNrt2t2OgyAUBOAD8qsW3/9tN5G6o2vdJvVA0mTm0gs+oKQ3Z2TpFUrfKoVoyt2YGN5JTmzRiRX3nwRHxbqUki/P+CyfJ8+/y6TX0mC3vaTlXpJsSw1nCVB0y/24uFFnKVXIhkUn43O9dJI89qAQ3JH/K0lZA0iNkqPk8FUvU70md5AEJ1WMqds/SPVIo7I01kPtpbB+mlUZPLOwk+rrn1QV/FJxJxk8PNUM9Z99J5U16hAWPkq+geRfSqaBZChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlL5ast1mNcU1nj/hkKHxTA1zwtxhThgw4205+8Q8V9rPcxfBoVrOqDF3f7Seu6NLIOoPr8jrfkSZGvcj0Pko2elAAZ2Pqx7LPCo4Ll/3WEAVM929uGwBXfeNKhbl4zx2faNeHapuvbBOXTd2Eim9yQ9g82vj+8yG5QAAAABJRU5ErkJggg==") 0 0 repeat;
  background-size: 33.3333333333vw 33.3333333333vw;
}

.site-wrapper {
  min-height: 100%;
}

/* 20th anniversary logo styles */
.site-logo_home {
  width: 88%;
  margin: 15px auto 0 auto;
  aspect-ratio: 32/23;
  background: transparent url("../img/POMOLogo-20-Years.svg") 0 0 no-repeat;
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.site-slogan_home {
  text-align: center;
  margin: 0.5em;
  font-size: 5vw;
  text-shadow: 0 0 12px #FFF, -4px -4px 12px #FFF, 4px 4px 12px #FFF;
}

.site-nav_home {
  font-size: 13vw;
  line-height: 1em;
  letter-spacing: 1px;
  text-shadow: 0 0 1px #FFF;
  position: absolute;
  top: 66.6666666667vw;
}

.site-nav_home li {
  font-family: "SinglesvilleScript", cursive;
  float: left;
}

.site-nav_home a {
  border: 2px solid #fec46c;
  border-width: 3px 4px;
  color: #6F6858;
  text-shadow: 0 0 2px #FFF;
  transition: border-color 500ms, background-color 500ms;
}

.site-nav_home a:hover {
  text-decoration: none;
  background-color: #fec46c;
  border-color: #FFF;
}

#whereToStart {
  width: 66.6666666667vw;
}

#whereToStart * {
  border-radius: 7.5%/15%;
}

.site-nav_home--item_offset {
  line-height: 0.5em;
  text-indent: 0.4em;
  text-align: left !important;
  padding-left: 5vw;
}

.home .article--headline {
  text-align: center;
}

.content-primary_home {
  background: #FFF;
  border-top: 1px solid #fec46c;
  padding: 1em;
  margin-top: 118vw;
}

.home article .imgR {
  display: none;
}
@media (min-width: 31.25em) {
  .home article .imgR {
    display: block;
  }
}

@media (min-width: 47.5em) {
  .site-nav_home li, .site-slogan_home {
    height: 105px;
    width: 105px;
    padding: 7px;
    background: #9fd6e2;
  }
  .site-nav_home a, .site-slogan_home span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 24px;
    background-color: #FFF;
    border-radius: 15%;
    text-align: center;
  }
  .home {
    background-position: 0 0;
    background-size: 105px 105px;
  }
  .home .site-wrapper {
    background-image: url("../img/home-bg-extra.png"), url("../img/home-bg-extra.png");
    background-position: 420px 0, 0 210px;
    background-repeat: repeat-y, repeat-x;
    padding-top: 0;
  }
  .site-logo_home {
    position: absolute;
    top: 0px;
    left: 80px;
    padding-top: 0;
    height: 200px;
    width: auto;
  }
  .site-slogan_home {
    position: absolute;
    margin: 0;
    left: 0;
    top: 210px;
    width: 315px;
    text-transform: uppercase;
    font-size: 1.4em;
  }
  .site-slogan_home span {
    border-radius: 5%/15%;
  }
  .site-nav_home {
    top: auto;
    font-size: 40px;
    position: static;
  }
  .site-nav_home li {
    position: absolute;
  }
  .site-nav_home--item_offset {
    padding-left: 12px;
  }
  #services {
    top: 0;
    left: 420px;
  }
  #products {
    top: 105px;
    left: 420px;
  }
  #successes {
    top: 210px;
    left: 420px;
  }
  #blog {
    top: 315px;
    left: 420px;
  }
  #contact {
    top: 420px;
    left: 420px;
  }
  #pressRoom {
    top: 210px;
    left: 315px;
  }
  #aboutJanine {
    top: 525px;
    left: 420px;
  }
  #whereToStart {
    top: 210px;
    left: 525px;
    width: 210px;
  }
  .content-primary_home {
    margin-top: 682.5px;
  }
  .home .article--content {
    width: 70%;
    margin: 0 auto;
  }
}
@media (min-width: 63.75em) {
  .home .site-wrapper {
    background-position: 525px 0, 0 315px;
  }
  .site-logo_home {
    height: 290px;
    width: auto;
    left: 60px;
  }
  .site-slogan_home {
    top: 315px;
    left: 105px;
  }
  .site-nav_home li {
    position: absolute;
  }
  #services {
    top: 0;
    left: 525px;
  }
  #products {
    top: 105px;
    left: 525px;
  }
  #successes {
    top: 210px;
    left: 525px;
  }
  #blog {
    top: 315px;
    left: 525px;
  }
  #contact {
    top: 420px;
    left: 525px;
  }
  #pressRoom {
    top: 315px;
    left: 420px;
  }
  #aboutJanine {
    top: 315px;
    left: 630px;
  }
  #whereToStart {
    top: 315px;
    left: 735px;
  }
  .content-primary_home {
    margin-top: 577.5px;
  }
  .home .article--content {
    width: 60%;
    margin: 0 auto;
  }
}/*# sourceMappingURL=home.css.map */