/* The POPUp Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 14px;  
  width: 100%;
  height:auto;
  margin-bottom:10px;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* FAQ */
   .accordion {
   .accordion-item {
   border-bottom: 1px solid $lightgray;
   button[aria-expanded='true'] {
   border-bottom: 1px solid $blue;
   }
   }
   button {
   position: relative;
   display: block;
   text-align: left;
   width: 100%;							    
   font-size: 1.15rem;
   font-weight: 400;
   border: none;
   background: none;
   outline: none;
   &:hover, &:focus {
   cursor: pointer;
   color: $blue;
   &::after {
   cursor: pointer;
   color: $blue;
   border: 1px solid $blue;
   }
   }
   .accordion-title {
   padding: 1em 1.5em 1em 0;
   }
   .icon {
   display: inline-block;
   position: absolute;
   top: 6px;
   left: 94%;
   /*width: 30px;
   height: 30px;
   border: 1px solid;
   border-radius: 22px;*/
   &::before {
   display: block;
   position: absolute;
   content: '';
   top: 9px;
   left: 5px;
   width: 10px;
   height: 2px;
   background: currentColor;
   }
   &::after {
   display: block;
   position: absolute;
   content: '';
   top: 5px;
   left: 9px;
   width: 2px;
   height: 10px;
   background: currentColor;
   }
   }
   }
   button[aria-expanded='true'] {
   color: $blue;
   .icon {
   &::after {
   width: 0;
   }
   }
   + .accordion-content {
   opacity: 1;
   max-height: 20em; 
   transition: all 200ms linear;
   will-change: opacity, max-height;
   }
   }
   .accordion-content {
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: opacity 200ms linear, max-height 200ms linear;
   will-change: opacity, max-height;
   }
   }