.js-accordion {
  margin: 30px 0;
}
/* Button */
.js-accordion .js-accordion__header {
  display: block;
  position: relative;
  border: none;
  width: 100%;
  text-align: left;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem !important;
  line-height: 1.8rem !important;
  transition: background-color 0.3s ease-in-out;
  padding: 16px 50px 16px 20px;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
}
.js-accordion .js-accordion__header i {
  transition: transform 0.4s ease-in-out 0.02s;
  position: absolute;
  right: 20px;
  top: 18px;
}
.js-accordion .js-accordion__header[aria-expanded="true"] {
  background: #0f3072;
}
.js-accordion .js-accordion__header[aria-expanded="true"] i {
  transform: rotate(90deg);
}
.js-accordion .js-accordion__header[aria-expanded="false"] {
  background: #00164d;
}
.js-accordion .js-accordion__header[aria-expanded="false"] i {
  transform: none;
}
.js-accordion .js-accordion__header:first-child {
  border: none;
}
.js-accordion .js-accordion__header:hover, .js-accordion .js-accordion__header.tab-active {
  /* replaces focus */
  background: #0f3072;
  text-decoration: underline;
}
.js-accordion .js-accordion__header:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.js-accordion .js-accordion__header[aria-expanded="false"]:nth-last-child(2) {
  border-radius: 0 0 8px 8px;
  /* if last header is closed, add radius */
}
/* Panel */
.js-accordion [aria-hidden=false].js-accordion__panel {
  display: block !important;
  overflow: hidden;
  opacity: 1;
  transition: visibility 0s ease, max-height 0.3s ease, opacity 0.3s ease;
  visibility: visible;
  transition-delay: 0s;
  margin: 0;
  padding: 20px;
  border-left: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
}
.js-accordion [aria-hidden=true].js-accordion__panel {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.3s, 0s, 0s;
  margin: 0;
  padding: 0;
}
/* Show/Hide Control */
.js-accordion .js-accordion__panel[role="tabpanel"] .js-accordion__header {
  display: none;
}
.js-accordion .js-accordion__panel[aria-hidden="true"] {
  display: none;
}
.js-accordion .js-accordion__panel > div:nth-child(2) > *:first-child {
  margin-top: 0;
}
.js-accordion .js-accordion__panel *:last-child {
  margin-bottom: 0;
}
.js-accordion .js-accordion__panel:last-child {
  border-bottom: solid 2px #d7d7d7;
  border-radius: 0 0 8px 8px;
}
/* Grey */
.js-accordion.is-style-grey button.js-accordion__header[aria-expanded="true"] {
  background: #545454;
}
.js-accordion.is-style-grey button.js-accordion__header[aria-expanded="false"] {
  background: #696969;
}
.js-accordion.is-style-grey button.js-accordion__header:hover, .js-accordion.is-style-grey button.js-accordion__header.tab-active {
  /* replaces focus */
  background: #545454;
}
/* Light Grey */
.js-accordion.is-style-lgrey button.js-accordion__header[aria-expanded="false"] {
  background: #f4f4f4;
  color: #000;
}
.js-accordion.is-style-lgrey button.js-accordion__header:hover, .js-accordion.is-style-lgrey button.js-accordion__header.tab-active {
  /* replaces focus */
  background: #dfdfdf;
  color: #000;
}
.js-accordion.is-style-lgrey button.js-accordion__header[aria-expanded="true"] {
  background: #dfdfdf;
  color: #000;
}
.js-accordion.is-style-lgrey .js-accordion__header {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
/* Accordion - Neg */
.wp-block-nc-block-niagara-college-blocks.neg .js-accordion .js-accordion__panel {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
/* Accordion - Blue Neg */
.lorem .neg.blue .js-accordion .js-accordion__header,
.editor-styles-wrapper .neg.blue .js-accordion .js-accordion__header {
    background: #97dbf8;
    color: #00164d;
}
.lorem .neg.blue .js-accordion .js-accordion__header:hover,
.editor-styles-wrapper .neg.blue .js-accordion .js-accordion__header:hover,
.lorem .neg.blue .js-accordion .js-accordion__header.tab-active,
.editor-styles-wrapper .neg.blue .js-accordion .js-accordion__header.tab-active {
  background: #E7ECF8;
}

/* Accordion - Grey Neg */
.lorem .neg.blue .is-style-lgrey.js-accordion .js-accordion__header,
.editor-styles-wrapper .neg.blue .is-style-lgrey.js-accordion .js-accordion__header {
    background: #fff;
}
.lorem .neg.blue .is-style-lgrey.js-accordion .js-accordion__header:hover,
.editor-styles-wrapper .neg.blue .is-style-lgrey.js-accordion .js-accordion__header:hover,
.lorem .neg.blue .is-style-lgrey.js-accordion .js-accordion__header.tab-active,
.editor-styles-wrapper .neg.blue .is-style-lgrey.js-accordion .js-accordion__header.tab-active {
  background: #E7ECF8;
}

.page-template-featured-page main.lp .lorem .js-accordion .js-accordion__header,
.page-template-featured-page main.lpfb .lorem .js-accordion .js-accordion__header {
    font-weight: 300;
    font-size: 1.3rem !important;
    line-height: 1.8rem !important;
}