/* Home Slide 1 */
.home-hero-outer {
  width: 100%;
  min-height: 596px;
  background-image: url("../img/home/header-ing-1.jpg");
  background-size: cover;
  background-position: top center;
}
.home-hero-img-1 {
  margin-top: 95px;
}
.home-hero-headline-1 {
  font-family: 'Work Sans', sans-serif;
  font-size: 28px;
  color: #fff;
  max-width: 590px;
  text-align: center;
  margin: 0 auto;
  padding-top: 60px;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
.home-slide1-feature {
  line-height: normal;
}
.home-slide1 {
  background-image: url("../img/patterns/blues-stripes.jpg");
  background-position: top center;
  background-repeat: repeat;
  min-height: 292px;
  background-color: #089cde;
  z-index: 1;
    position: relative;
}
.home-slide1-feature {

}
.home-slide1-feature-img {
  min-height: 228px;
}
.home-slide1-feature.s-1 .home-slide1-feature-img {
  margin-top: -52px;
}
.home-slide1-feature.s-2 .home-slide1-feature-img {
  margin-top: -52px;
}
.home-slide1-feature.s-3 .home-slide1-feature-img {
  margin-top: -52px;
}
.home-slide1-feature-heading {
  font-family: "LunchBox";
  font-size: 26px;
  color: #fff;
}

.home-slide1-feature p {
  font-family: 'Work Sans', sans-serif;
  color: #000;
  line-height: 24px;
  font-size: 14px;
}

.s-3 svg {
  padding-top: 43px;
  -ms-transform: scale(1.5,1.5); /* IE 9 */
    -webkit-transform: scale(1.5,1.5); /* Safari */
    transform: scale(1.5,1.5);
}

svg path.shadow {
  -webkit-box-shadow: 10px 10px 5px 0px white;
  -moz-box-shadow: 10px 10px 5px 0px white;
  box-shadow: 10px 10px 5px 0px white;
}

.alarm {
  transform-origin: center center;
}

svg .alarm {
  animation-name: wiggle;
  animation-duration: 2s;
  animation-delay: 3s;
  animation-iteration-count: 3;
  animation-timing-function: linear;
}

/*alarm wiggle*/
@keyframes wiggle {
  5%, 15%, 25%, 35%, 45% {
    transform: rotate(-10deg);
  }
  0%, 10%, 20%, 30%, 40% {
    transform: rotate(10deg);
  }
  50%, 100% {
    transform: rotate(0deg);
  }
}
/*coffee steam*/
.steam1 {
  -webkit-animation: steaming 7s linear infinite;
  -moz-animation: steaming 7s linear infinite;
  animation: steaming 7s linear infinite;
}

.steam2 {
  -webkit-animation: steaming 5s linear infinite;
  -moz-animation: steaming 5s linear infinite;
  animation: steaming 5s linear infinite;
}

.steam3 {
  -webkit-animation: steaming 9s linear infinite;
  -moz-animation: steaming 9s linear infinite;
  animation: steaming 9s linear infinite;
}

@-webkit-keyframes steaming {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
@keyframes steaming {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
@-moz-keyframes steaming {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}

/* Home Slide 2 */
.home-slide2 {
 background-image: url("../img/patterns/tan_dots.png");
 background-repeat: repeat;
 background-color: #fff;
 position: relative;
}
.home-slide2-heading {
  text-align: center;
  font-family: "TrueNorth-Regular";
  color: #000;
  font-size: 32px;
  margin-top: 30px;
}
.home-slide2-subheading {
  margin-top: 15px;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
}
.home-slide2-item {
  border: 1px solid #ecdac2;
}
.home-slide2-item-img {

}
.home-slide2-item-title {
  padding: 10px;
}
.home-slide2-item-bottom {
  padding: 0px 10px 10px 10px;
}
.home-slide2-item-bottom .more-link a {
  color: #000;
  text-transform: lowercase;
  font-size: 10px;
  font-family: "Work Sans", sans-serif;
  transition: 0.4s all ease;
}
.home-cta-link {
  color: #000;
}
.home-cta-link:hover {
  color: #000;
  text-decoration: none;
}
.home-slide2-item-bottom .more-link a:hover {
  text-decoration: none;
  color: #ee3124;
}
.home-slide2-item-bottom .like-heart {

}
.home-slide2-view-all {
  margin-bottom: 30px;
  margin-top: 30px;
}
.home-slide2-hr {
  background-image: url("../img/home/white-border-top.png");
  height: 17px;
  width: 100%;
  position: absolute;
  bottom:0px;
}
.home-hero-headline-1 {
  margin-top: -200px;
  margin-bottom: 100px;
}

.heartForm {
  max-width: 21px;
  float: right;
}

.like-heart img {
  cursor: pointer;
}
.home-slide1-feature-heading {
  text-transform: uppercase;
}

.home-slide1-feature-img img {
  max-width: 253px;
}
.s-1 .home-slide1-feature-img img {
  /* padding-top: 70px; */
}

.heartForm img {
  animation:bounce 1s steps(2);
  -webkit-animation:bounce 1s steps(2);
}

@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}

.home-slide2-item-title a {
  color: #000;
  text-decoration: none;
  transition: 0.3s ease all;
}
.home-slide2-item-title a:hover {
  color: #ee3124;
  text-decoration: none;
}