/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.block.no-bottom .block-bg {
  bottom: 0px;
}
.block.no-bottom:after {
  display: none;
}

.faq-item {
  padding: 30px 0;
  border-bottom: 2px solid #236092;
  width: 100%;
  position: relative;
  max-width: 890px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 875px) {
  .faq-item {
    padding: 20px 0px;
  }
}
.faq-item:hover {
  border-color: #FFA01C;
  z-index: 9;
}
.faq-item:hover:after {
  background: url("/wp-content/themes/shakeout/images/shell/down-arrow-orange.svg");
}
@media screen and (max-width: 875px) {
  .faq-item:hover:after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 10px;
    top: calc(50% - 5px);
  }
}
.faq-item:hover:before {
  background: #FFA01C;
}
.faq-item:first-child:before {
  display: none;
}
.faq-item:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #236092;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.faq-item:after {
  content: "";
  width: 23px;
  height: 13px;
  position: absolute;
  top: calc(50% - 6.5px);
  right: 0px;
  background: url("/wp-content/themes/shakeout/images/shell/down-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
@media screen and (max-width: 875px) {
  .faq-item:after {
    width: 20px;
    height: 10px;
    top: calc(50% - 5px);
  }
}
.faq-item.expanded:after {
  transform: rotate(180deg);
}
.faq-item .faq-heading {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  max-width: 700px;
}
@media screen and (max-width: 875px) {
  .faq-item .faq-heading {
    padding-right: 35px;
    font-size: 16px;
  }
}
.faq-item .faq-answer {
  display: none;
  padding-right: 10%;
}
@media screen and (max-width: 875px) {
  .faq-item .faq-answer p {
    margin-bottom: 15px;
  }
}

.faq-item:last-child {
  border-bottom: none !important;
}

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