/* Accordion Styles */
.element-16 .accordion {
  width: 100%;
  text-align: center;
}

.element-16 .accordion .accordion-row {
  margin-bottom: 10px;
}
.element-16.version-2 .accordion .accordion-row {
  margin-bottom: 20px;
  box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);
  transition:0.2s ease;
}
.element-16.version-2 .accordion .accordion-row:hover {
  transform:scale(1.01);
}
.element-16 .accordion .question {
background:var(--wpt-primary-colour);
transition:0.2s ease
}
.element-16 .accordion .question:hover {
background:var(--wpt-primary-colour);
  box-shadow:inset 0 0 0 100vw rgba(0,0,0,0.1); 

}

.element-16 .accordion .question a {
  text-align: center;
  text-decoration: none;
  display: block;
  transition-duration: .3s;
  position: relative;
    padding: 14px 25px 15px 25px;
}
.element-16.version-1 .accordion .question a {
  padding: 15px 25px 15px 45px;
}

.element-16 .accordion .question a h3 {
  color: #fff;
  text-align: left;
  text-decoration: none;
  font-size: 1.25em;
  line-height: 1.2;
  padding-bottom: 0px;
  margin: 0;
}
.element-16.version-2 .accordion .question a h3 {
  font-size:20px;
}

.element-16.version-1 .accordion .question a h3:before {
  content: '\f068';
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  position: absolute;
  left: 16px;
}

.element-16.version-2 .accordion .question a h3 {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.element-16.version-2 .accordion .question a h3 i {
  transform:rotate(180deg);
  transition:0.2s ease;
}

.element-16.version-2 .accordion .question a.collapsed h3 i {
  transform:rotate(0deg)
}
.element-16.version-1 .accordion .question a.collapsed h3:before {
  content: '\f067';
}

.element-16 .accordion .answer {
  text-align: left;
}

.element-16.version-1 .accordion .answer .accordion-padding {
  padding: 15px 25px 15px 45px;
  background-color: var(--wpt-page-component-bg-colour);
}

.element-16.version-2 .accordion .answer .accordion-padding *:first-child {
margin-top:0!important;
}
.element-16.version-2 .accordion .answer .accordion-padding *:last-child {
margin-bottom:0!important;
}
.element-16.version-2.rounded-corners-true .accordion-row {
   border-radius:20px;
  overflow:hidden;
}
.element-16.version-2 .accordion .answer {
  border-top:0!important;
  background:white;
}
.element-16.version-2 .accordion .accordion-padding {
  background:unset!important;
  padding:25px;
  
}
.element-16.version-2 .accordion .accordion-padding p {
  font-size:17px;
}
.element-16.version-2 .accordion .question, .element-16.version-2 .accordion .question:hover {
  box-shadow:unset;
  background:none;
}
.element-16.version-2 .accordion-row {
  
}
.element-16.version-2 .accordion-row .question a {
  border:unset!important;
}
.element-16.version-2.layout-style-filled .accordion-row .question a :is(h3,i) {
color:white!important
}
.element-16.version-2.layout-style-border .accordion-row .question a.collapsed{
  background:white!important;
}
.element-16.version-2.layout-style-border .accordion-row .question a:not(.collapsed) :is(h3, i){
  color:white!important
}
.element-16.version-2.layout-style-grey .accordion-row,
.element-16.version-2.layout-style-dark-grey .accordion-row{
  border:unset!important;
  background:unset!important;
}
.element-16.version-2.layout-style-grey .accordion-row .question {
  background:unset!important;
}
.element-16.version-2.layout-style-grey .accordion-row .question a,
.element-16.version-2.layout-style-dark-grey .accordion-row .question a{
  background-color: var(--wpt-page-component-bg-colour)!important;
}
.element-16.version-2.layout-style-grey .accordion-row .question a h3,
.element-16.version-2.layout-style-grey .accordion-row .question a h3 i{
  color:var(--content)!important;
  opacity:0.7
}
.element-16.version-2.layout-style-dark-grey .accordion-row  {
    
}
.element-16.version-2.layout-style-dark-grey .accordion-row .question a{
   box-shadow:inset 0 0 0 100vw rgba(0,0,0,0.05); 
}
.element-16.version-2.layout-style-dark-grey .accordion-row .question a h3,
.element-16.version-2.layout-style-dark-grey .accordion-row .question a h3 i{
  color:var(--content)!important;
  opacity:0.7
}