/********************************************************************************************* 

x. Mixins

*********************************************************************************************/
/********************************************************************************************* 

x. Aside

*********************************************************************************************/
aside.default .archives .link .arrow,
aside.default .categories .link .arrow {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

aside.default .latest-posts .post .image .overlay,
aside.default .latest-posts .post .image .title {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

/********************************************************************************************* 

x. Dais

*********************************************************************************************/
.dais svg path:nth-child(2),
.dais svg path:nth-child(4),
.dais svg path:nth-child(7) {
  animation: twinkle 3s infinite;
}

.dais svg path:nth-child(1),
.dais svg path:nth-child(3),
.dais svg path:nth-child(5) {
  animation: twinkle_alternate 3s infinite;
}

@keyframes twinkle {
  0%, 100% {
    box-shadow: 0 0 10px 20px white;
    -moz-box-shadow: 0 0 10px 20px white;
    -webkit-box-shadow: 0 0 10px 20px white;
  }
  50% {
    box-shadow: 0 0 40px 20px white;
    -moz-box-shadow: 0 0 40px 20px white;
    -webkit-box-shadow: 0 0 40px 20px white;
  }
}
/********************************************************************************************* 

x. FAQs

*********************************************************************************************/
.faqs .faq .question .arrow {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/********************************************************************************************* 

x. Header - Navigation

*********************************************************************************************/
header .navigation a:after {
  -webkit-transition: right 0.25s ease;
  -moz-transition: right 0.25s ease;
  -ms-transition: right 0.25s ease;
  -o-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

/********************************************************************************************* 

x. Interactive Image + Text (Columns)

*********************************************************************************************/
.interactive-image-text-columns .background .dot.pulse {
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 211, 176, 0.75);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 211, 176, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 211, 176, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 211, 176, 0.75);
    box-shadow: 0 0 0 0 rgba(77, 211, 176, 0.75);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(77, 211, 176, 0);
    box-shadow: 0 0 0 10px rgba(77, 211, 176, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 211, 176, 0);
    box-shadow: 0 0 0 0 rgba(77, 211, 176, 0);
  }
}
/********************************************************************************************* 

x. Resident Stories

*********************************************************************************************/
.resident-stories-carousel .resident-stories-carousel-three-visible-wrapper li .image,
.resident-stories-carousel .resident-stories-carousel-three-visible-wrapper li .image .blue-overlay {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/********************************************************************************************* 

x. Sponsors

*********************************************************************************************/
.sponsors svg path {
  animation: walk 4s infinite;
}

.sponsors svg path:nth-child(2) {
  animation-delay: 0.5s;
}

.sponsors svg path:nth-child(3) {
  animation-delay: 1s;
}

.sponsors svg path:nth-child(4) {
  animation-delay: 1.5s;
}

.sponsors svg path:nth-child(5) {
  animation-delay: 2s;
}

.sponsors svg path:nth-child(6) {
  animation-delay: 2.5s;
}

.sponsors svg path:nth-child(7) {
  animation-delay: 3s;
}

@keyframes walk {
  0%, 12.5%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
/********************************************************************************************* 

x. Stars

*********************************************************************************************/
.stars .star.star-type-3 .shadow {
  -webkit-animation: twinkle 5s linear infinite;
  -moz-animation: twinkle 5s linear infinite;
  -o-animation: twinkle 5s linear infinite;
  animation: twinkle 5s linear infinite;
}

.stars .star.star-type-3.count-2 .shadow {
  animation-delay: 1.66s;
}

.stars .star.star-type-3.count-3 .shadow {
  animation-delay: 3.33s;
}

@keyframes twinkle {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.25;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/********************************************************************************************* 

x. Timeline

*********************************************************************************************/
section.timeline .event:after {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

section.timeline .angles .angle {
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -ms-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}

section.timeline .event .columns .column {
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

/********************************************************************************************* 

x. Why Housing First?

*********************************************************************************************/
#going-for-a-walk .smoke {
  stroke-dasharray: 150;
  animation-name: dash;
  animation-direction: backward;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
/********************************************************************************************* 

x. Sub Navigation

*********************************************************************************************/
.navigation.sub a:after {
  -webkit-transition: right 0.25s ease;
  -moz-transition: right 0.25s ease;
  -ms-transition: right 0.25s ease;
  -o-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

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