/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
VARIABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* main dominant color from logo */
/* compliments main color - V3 Addition*/
/* V3 addition */
/* unique color, most likely from logo - V3 Addition */
/* a fourth color if necesary */
/*
*  _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: "GothamLight", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  color: #4b6d80;
}
.accordion-container a.accordion-toggle {
  font-family: "GothamBook", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding: 1.5em 45px 1.5em 1em;
  font-size: 1.25em;
  line-height: 1.25em;
  color: #201d1e;
  text-decoration: none;
  background-color: rgba(143, 167, 179, 0);
  -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 {
  display: block;
  padding: 0.5em 0;
  margin: 0 auto;
  text-align: center;
  color: #4b6d80;
  -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: #4b6d80;
  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 {
  background-color: rgba(143, 167, 179, 0.05);
}
.accordion-container a.accordion-toggle:hover > span.toggle-icon {
  color: #8fa2b3;
}
.accordion-container a.accordion-toggle.open {
  background-color: rgba(143, 167, 179, 0.05);
  padding-bottom: 0.5em;
}
.accordion-container a.accordion-toggle.open > span.toggle-icon {
  color: #8fa2b3;
}
.accordion-container .accordion-content {
  margin: 0;
  padding: 0 1.5em;
  background-color: rgba(143, 167, 179, 0.05);
  border-bottom: 1px solid #4b6d80;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease, padding-bottom 0.5s ease;
  /*padding: 20px 20px 0 20px;
  overflow: auto;*/
}
.accordion-container .accordion-content p {
  margin-bottom: 1rem;
}
.accordion-container .accordion-content p:last-of-type {
  margin-bottom: 0;
}
.accordion-container .accordion-toggle.open + .accordion-content {
  padding-bottom: 2em;
}
.accordion-container .faq-sub-title {
  padding: 1.125rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #8fa2b3;
  font-family: "GothamBook", Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #4b6d80;
}

.accordionsub-container {
  margin: 0 auto;
  background-color: white;
  border-bottom: 1px solid #4b6d80;
}
.accordionsub-container a.accordionsub-toggle {
  font-family: "GothamBook", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding: 1em 45px 1em 1em;
  font-size: 1.125em;
  line-height: 1.25em;
  color: #4b6d80;
  text-decoration: none;
  background-color: white;
  -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: #4b6d80;
  -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: #8fa2b3;
  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: white;
  border-color: #8fa2b3;
}
.accordionsub-container a.accordionsub-toggle.open {
  border-color: #8fa2b3;
  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:last-of-type {
  margin: 0;
}

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