/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
VARIABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* main dominant color from logo */
/* compliments main color */
/* unique color, most likely from logo */
/* a fourth color if necesary */
/* color # 5 */
/*
*  _mixins
*  Author: P11 Interactive Team
*  -------------------------------------------------------------------------------------------
*  Notes: Define patterns of property value pairs, which can then be reused in other rule sets
*/
/*@include mq-md {
   width: 100%;
 }*/
/* Accordian */
.accordion-container {
  margin: 0 auto;
  padding-bottom: 5rem;
}
.accordion-container .faq-title {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: "din-bold", Arial, Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #bfb630;
}
.accordion-container a.accordion-toggle {
  font-family: "din-regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  position: relative;
  display: block;
  padding: 1.5em 45px 1.5em 1em;
  font-size: 1.25em;
  line-height: 1.25em;
  color: #56565a;
  text-decoration: none;
  background-color: rgba(191, 182, 48, 0);
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  -moz-transition: color 0.2s ease, background-color 0.2s ease;
  -ms-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.accordion-container a.accordion-toggle span {
  display: block;
  padding: 0.5em 0;
  margin: 0 auto;
  text-align: center;
  color: #56565a;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-container a.accordion-toggle span.toggle-icon {
  color: #56565a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 1em;
  font-size: 1em;
}
.accordion-container a.accordion-toggle:hover {
  color: #125157;
  background-color: rgba(191, 182, 48, 0.05);
}
.accordion-container a.accordion-toggle:hover > span.toggle-icon {
  color: #bfb630;
}
.accordion-container a.accordion-toggle.open {
  color: #125157;
  background-color: rgba(191, 182, 48, 0.05);
}
.accordion-container a.accordion-toggle.open > span.toggle-icon {
  color: #bfb630;
}
.accordion-container .accordion-content {
  margin: 0;
  padding: 0 1.5em;
  background-color: rgba(191, 182, 48, 0.05);
  border-bottom: 1px solid #56565a;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}
.accordion-container .accordion-content .faq-text {
  padding-bottom: 2em;
}
.accordion-container .accordion-content p {
  margin-bottom: 0;
}
.accordion-container .accordion-content p + p {
  margin-top: 1rem;
}
.accordion-container .faq-sub-title {
  padding: 1.125rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #bfb630;
  font-family: "din-bold", Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #125157;
}

.accordionsub-container {
  margin: 0 auto;
  background-color: rgb(246.6652719665, 245.1025104603, 221.8347280335);
  border-bottom: 1px solid #56565a;
}
.accordionsub-container a.accordionsub-toggle {
  font-family: "din-bold", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding: 1em 45px 1em 1em;
  font-size: 1.125em;
  line-height: 1.25em;
  color: #56565a;
  text-decoration: none;
  background-color: rgb(251.7866108787, 251.1841004184, 242.2133891213);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordionsub-container a.accordionsub-toggle span {
  display: block;
  padding: 0.5em 0;
  margin: 0 auto;
  text-align: center;
  color: #56565a;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordionsub-container a.accordionsub-toggle span.toggle-icon {
  color: #bfb630;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 1em;
  font-size: 1em;
}
.accordionsub-container a.accordionsub-toggle:hover {
  background-color: rgb(246.6652719665, 245.1025104603, 221.8347280335);
  border-color: #bfb630;
}
.accordionsub-container a.accordionsub-toggle.open {
  border-color: #bfb630;
  font-weight: 600;
  background: none;
}
.accordionsub-container .accordionsub-content {
  margin: 0;
  padding: 0 1em 1em 1em;
  margin-bottom: 1em;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  /*padding: 20px 20px 0 20px;
  overflow: auto;*/
}
.accordionsub-container .accordionsub-content p {
  line-height: 1.5em;
}
.accordionsub-container .accordionsub-content p:last-of-type:not(:only-of-type) {
  margin: 0;
}

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