.accordion dt > a {
   font-family: var(--baskerville-font), sans-serif;
   text-align: left;
   letter-spacing: 5px;
   font-weight: 500;
   font-size: 1rem;
   padding: 1.25rem 2rem;
   display: block;
   text-decoration: none;
   color: var(--darkblue);
   -webkit-transition: background-color 0.5s ease-in-out;
   border-bottom: 1px solid #eee;
}
.accordion dd {
   background-color: #ffffff;
   color: var(--darkblue);
   line-height: 1.5rem;
}
.accordion dd > p {
   padding: 1rem 2rem;
   font-size: 1.1rem;
   line-height: 2rem;
   font-weight: 300;
   background: #f7f8fd;
}

.accordion dd > p.bold {
   font-weight: 500;
}

.accordion dd > li {
   font-family: var(--hass-font-unica);
   padding: 1.5rem 2rem;
   font-size: 1.1rem;
   line-height: 2rem;
   font-weight: 300;
   background: #f7f8fd;
}

.accordion {
   position: relative;
   background-color: #ffffff;
   padding: 3rem;
}

.accordionTitle {
   background-color: #ffffff;
   border-bottom: 1px solid #ffffff;
}
.accordionTitle:before {
   content: "+";
   font-size: 2rem;
   line-height: 0.5em;
   float: right;
   -moz-transition: -moz-transform 0.3s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
   background-color: var(--superlightcyan);
}

.accordionTitleActive {
   background-color: var(--lightgrey);
}
.accordionTitleActive:before {
   -webkit-transform: rotate(-225deg);
   -moz-transform: rotate(-225deg);
   transform: rotate(-225deg);
}

.accordionItem {
   height: auto;
   overflow: hidden;
}

.accordionItem ul {
   background: #f7f8fd;
   padding: 0 2rem 2rem 3rem;

}

.accordionItem li {
   font-size: 1rem;
   font-family: var(--haas-font);
   font-weight: 400;
   letter-spacing: 1px;
   line-height: 2rem;
}

.accordionItem a {
   font-size: 1rem;
   font-family: var(--haas-font);
   font-weight: 500;
   width: 100%;
   text-align: right;
   color: var(--darkblue);
   display: inline-block;
}

.accordionItem a.inline {
   font-size: 1rem;
   font-family: var(--haas-font);
   font-weight: 500;
   width: 100%;
   color: var(--darkblue);
   display: inline;
   text-decoration: none;
}

.accordionItem a.inline-link {
   font-size: 1rem;
   font-family: var(--haas-font);
   text-align: left;
   font-weight: 500;
   color: var(--darkblue);
   display: inline;
}

.accordionItem a:hover {
   color: var(--superlightcyan);
}

.accordionItem a.inline-link:hover {
   color: var(--lightcyan);
}

.accordionItemCollapsed {
   max-height: 0;
}


@media all {
   .accordionItem {
      -moz-transition: max-height 1s;
      -o-transition: max-height 1s;
      -webkit-transition: max-height 1s;
      transition: max-height 1s;
   }

   .accordion dt > a {
      font-size: 1.15rem;
      letter-spacing: 3px;
   }

   .accordion dd > p {
      font-size: 1rem;
      line-height: 2rem;
   }
}
@media screen and (min-width: 48em) {
   .accordionItem {
      max-height: 100em;
      -moz-transition: max-height 0.5s;
      -o-transition: max-height 0.5s;
      -webkit-transition: max-height 0.5s;
      transition: max-height 0.5s;
   }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
   .accordion {
      padding: 0;
   }
   .accordion dt > a {
      font-size: 0.95rem;
      letter-spacing: 1px;
      padding: 0.85rem 0.5rem;
   }

   .accordionTitle:before {
      font-size: 1.5rem;
   }

   .accordion dd > p {
      padding: 1.5rem 1rem;
      font-size: 0.85rem;
      line-height: 1.55rem;
      background: #f7f8fd;
   }

   .accordionItem a {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      font-weight: 500;
      width: 100%;
      text-align: right;
      color: var(--darkblue);
      display: inline-block;
      padding-top: 1.5rem;
   }

   .accordionItem a.inline-link {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      text-align: left;
      font-weight: 500;
      color: var(--darkblue);
      display: inline;
   }

   .accordionItemCollapsed {
      max-height: 0;
   }
}

@media screen and (min-width: 481px) and (max-width: 768px) {

   .accordion {
      padding: 0;
   }
   .accordion dt > a {
      font-size: 0.95rem;
      letter-spacing: 1px;
      padding: 1.25rem 1rem;
   }

   .accordionTitle:before {
      font-size: 1.5rem;
   }

   .accordion dd > p {
      padding: 1rem 1rem;
      font-size: 0.85rem;
      line-height: 1.55rem;
      background: #f7f8fd;
   }

   .accordionItem a {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      font-weight: 500;
      width: 100%;
      text-align: right;
      color: var(--darkblue);
      display: inline-block;
      padding-top: 1.5rem;
   }

   .accordionItem a.inline-link {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      text-align: left;
      font-weight: 500;
      color: var(--darkblue);
      display: inline;
   }

   .accordionItemCollapsed {
      max-height: 0;
   }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {

   .accordion {
      padding: 0;
   }

   .accordion dt > a {
      font-size: 0.95rem;
      letter-spacing: 2px;
      padding: 1.25rem 1rem;
   }

   .accordionTitle:before {
      font-size: 1.5rem;
   }

   .accordion dd > p {
      padding: 1.25em 1rem;
      font-size: 0.85rem;
      line-height: 1.55rem;
      background: #f7f8fd;
   }

   .accordionItem a {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      font-weight: 500;
      width: 100%;
      text-align: right;
      color: var(--darkblue);
      display: inline-block;
      padding-top: 1.5rem;
   }

   .accordionItem a.inline-link {
      font-size: 0.85rem;
      font-family: var(--haas-font);
      text-align: left;
      font-weight: 500;
      color: var(--darkblue);
      display: inline;
   }

   .accordionItemCollapsed {
      max-height: 0;
   }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {

   .accordion dt > a {
      font-size: 1.05rem;
      letter-spacing: 2px;
      padding: 1.25rem 1rem;
   }

   .accordion dd > p {
      padding: 2em 1rem;
      font-size: 1rem;
      line-height: 1.85rem;
      background: #f7f8fd;
   }

   .accordionItemCollapsed {
      max-height: 0;
   }
}

@media screen and (min-width: 1201px) and (max-width: 1920px) {

   .accordion dd > p {
      background: #f7f8fd;
      line-height: 1.85rem;
   }

   .accordionItemCollapsed {
      max-height: 0;
   }
}

.accordionItemCollapsed {
   max-height: 0;
}


.animateIn {
   -webkit-animation-name: accordionIn;
   -webkit-animation-duration: 0.65s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction: normal;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-fill-mode: both;
   -webkit-animation-delay: 0s;
   -moz-animation-name: normal;
   -moz-animation-duration: 0.65s;
   -moz-animation-iteration-count: 1;
   -moz-animation-direction: alternate;
   -moz-animation-timing-function: ease-in-out;
   -moz-animation-fill-mode: both;
   -moz-animation-delay: 0s;
   animation-name: accordionIn;
   animation-duration: 0.65s;
   animation-iteration-count: 1;
   animation-direction: normal;
   animation-timing-function: ease-in-out;
   animation-fill-mode: both;
   animation-delay: 0s;
}

.animateOut {
   -webkit-animation-name: accordionOut;
   -webkit-animation-duration: 0.75s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction: alternate;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-fill-mode: both;
   -webkit-animation-delay: 0s;
   -moz-animation-name: accordionOut;
   -moz-animation-duration: 0.75s;
   -moz-animation-iteration-count: 1;
   -moz-animation-direction: alternate;
   -moz-animation-timing-function: ease-in-out;
   -moz-animation-fill-mode: both;
   -moz-animation-delay: 0s;
   animation-name: accordionOut;
   animation-duration: 0.75s;
   animation-iteration-count: 1;
   animation-direction: alternate;
   animation-timing-function: ease-in-out;
   animation-fill-mode: both;
   animation-delay: 0s;
}

@-webkit-keyframes accordionIn {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
   }
   100% {
      opacity: 1;
      -webkit-transform: scale(1);
   }
}
@-moz-keyframes accordionIn {
   0% {
      opacity: 0;
      -moz-transform: scale(0.8);
   }
   100% {
      opacity: 1;
      -moz-transform: scale(1);
   }
}
@keyframes accordionIn {
   0% {
      opacity: 0;
      transform: scale(0.8);
   }
   100% {
      opacity: 1;
      transform: scale(1);
   }
}
@-webkit-keyframes accordionOut {
   0% {
      opacity: 1;
      -webkit-transform: scale(1);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale(0.8);
   }
}
@-moz-keyframes accordionOut {
   0% {
      opacity: 1;
      -moz-transform: scale(1);
   }
   100% {
      opacity: 0;
      -moz-transform: scale(0.8);
   }
}
@keyframes accordionOut {
   0% {
      opacity: 1;
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(0.8);
   }
}