/* Panels */
.panel {
  margin-bottom: 28px;
  background-color: var(--white);
  border: 1px solid transparent;
  border-radius: 0;
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: inherit;
  font-weight: 800;
}
.panel-default {
  border: 1px solid #e1e1e1;
  position: relative;
}
.panel-default > .panel-heading {
  color: var(--dark-gray);
  background-color: var(--light-gray);
  border-color: var(--light-gray);
}
.panel.panel-icon {
  border-top: 4px solid var(--hilite-color);
}
.panel.panel-icon .panel-heading {
  border: transparent;
  background: transparent;
  padding-right: 30px;
}
.panel.panel-icon i.panel-icon-fa,
.panel.panel-icon span.panel-icon-fa {
  position: absolute;
  right: -1px;
  top: -1px;
  background: var(--hilite-color);
  padding: 8px 10px;
  color: var(--white);
}
.panel-default .panel-body {
  border: none;
}
.panel-primary {
  border: 1px solid #e1e1e1;
}
.panel-primary > .panel-heading {
  color: var(--white);
  background-color: var(--primary-color);
}
.panel-primary > .panel-body {
  background-color: var(--light-gray);
}

/*Callout - Call to Action */
.callout {
  margin-bottom: 18px;
  border-left: 5px solid var(--hilite-alt);
  display: block;
  padding: 1.2rem 1.5rem;
}
.callout p {
  margin-bottom: 0;
  font-size: 15px;
}
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout .h1,
.callout .h2,
.callout .h3,
.callout .h4,
.callout .h5,
.callout .font-extra-large,
.callout .font-large,
.callout .font-medium,
.callout .font-small,
.callout .font-extra-small {
  margin-bottom: 5px;
}

.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout .h1,
.callout .h2,
.callout .h3,
.callout .h4,
.callout .h5,
.callout .font-extra-large,
.callout .font-large,
.callout .font-medium,
.callout .font-small,
.callout .font-extra-small {
  color: var(--dark-gray);
}
a.callout {
  background-color: var(--white);
  color: var(--dark-gray);
  display: block;
}
.callout.callout-primary {
  color: var(--white);
  background-color: var(--primary-color);
  border-left: 5px solid var(--hilite-alt);
}
.callout.callout-secondary {
  color: var(--white);
  background-color: var(--hilite-color);
  border-left: 5px solid var(--primary-color);
}

.callout p.font-extra-large,
.callout p.h1 {
  font-size: 42px;
}

.callout p.font-large,
.callout p.h2 {
  font-size: 30px;
}

.callout p.font-medium,
.callout p.h3 {
  font-size: 28px;
}

.callout p.font-small,
.callout p.h4 {
  font-size: 24px;
}

.callout p.font-extra-small,
.callout p.h5 {
  font-size: 21px;
}

.callout-primary h2,
.callout-primary h3,
.callout-primary h4,
.callout-primary h5,
.callout-primary .h2,
.callout-primary .h3,
.callout-primary .h4,
.callout-primary .h5,
.callout-primary .font-extra-large,
.callout-primary .font-large,
.callout-primary .font-medium,
.callout-primary .font-small,
.callout-primary .font-extra-small {
  color: var(--white);
}

.callout-primary a {
  color: var(--white);
}
.callout-primary a:hover {
  color: var(--white);
}
.callout-primary p {
  color: var(--white);
}
a.callout.callout-primary {
  background-color: var(--primary-color);
  color: var(--white);
}
a.callout.callout-primary p {
  color: var(--white);
}
a.callout.callout-primary:hover,
a.callout.callout-primary:active,
a.callout.callout-primary:focus {
  background-color: var(--primary-alt);
}
.callout-secondary h2,
.callout-secondary h3,
.callout-secondary h4,
.callout-secondary h5,
.callout-secondary .h2,
.callout-secondary .h3,
.callout-secondary .h4,
.callout-secondary .h5,
.callout-secondary .font-extra-large,
.callout-secondary .font-large,
.callout-secondary .font-medium,
.callout-secondary .font-small,
.callout-secondary .font-extra-small {
  color: var(--white);
}

.callout-secondary a {
  color: var(--white);
}
.callout-secondary a:hover {
  color: var(--white);
}
.callout-secondary p {
  color: var(--white);
}
a.callout.callout-secondary {
  background-color: var(--hilite-color);
  color: var(--white);
}
a.callout.callout-secondary p {
  color: var(--white);
}
a.callout.callout-secondary:hover,
a.callout.callout-secondary:active,
a.callout.callout-secondary:focus {
  background-color: var(--hilite-alt);
}
a.callout.callout-toggle {
  background-size: 25px 25px;
}
a.callout:hover,
a.callout:focus,
a.callout:active {
  text-decoration: none;
  background-color: var(--light-gray);
}
a.callout p {
  color: var(--dark-gray);
}

a.callout {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.callout .callout-icon span {
  font-size: 32px;
}
a.callout:hover .callout-icon {
  transition: 0.2s ease-in-out;
  transform: translateX(10px);
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 175px;
    clear: left;
    text-align: right;
  }
  .dl-horizontal dd {
    width: calc(100%-190px);
    margin-left: 190px;
  }
}

.dl-heading {
  color: var(--primary-color);
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}

.dl-heading:after {
  content: "";
  display: block;
  width: 3rem;
  height: 5px;
  background-color: var(--hilite-alt);
  margin-top: 1rem;
}

/* Split with Chevron */
.fullwidth-split .fw-split-chevron {
  clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 0 0);
}
.fullwidth-split .fw-split-slant {
  clip-path: polygon(93% 0, 100% 100%, 0% 100%, 0 0);
}
@media (max-width: 767px) {
  .fullwidth-split .fw-split-chevron,
  .fullwidth-split .fw-split-slant {
    clip-path: unset;
  }
}

a.icon-link {
  display: block;
  margin: 0.5rem 0;
}

/* Spotlight Banner */
.spotlight-banner {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.bg-none {
  background-color: transparent;
}

.spotlight-banner.spotlight-p1 {
  background-image: linear-gradient(
    to right,
    var(--primary-color) 0%,
    var(--primary-color) calc(50% - 220px),
    var(--light-gray) calc(50% - 219px),
    var(--light-gray) 100%
  );
}
.spotlight-banner.spotlight-p2 {
  background-image: linear-gradient(
    to right,
    var(--primary-color) 0%,
    var(--primary-color) calc(50% - 220px),
    var(--white) calc(50% - 219px),
    var(--white) 100%
  );
}
.spotlight-banner.spotlight-g1 {
  background-image: linear-gradient(
    to right,
    var(--hilite-color) 0%,
    var(--hilite-color) calc(50% - 220px),
    var(--light-gray) calc(50% - 219px),
    var(--light-gray) 100%
  );
}
.spotlight-banner.spotlight-g2 {
  background-image: linear-gradient(
    to right,
    var(--hilite-alt) 0%,
    var(--hilite-alt) calc(50% - 220px),
    var(--primary-color) calc(50% - 219px),
    var(--primary-color) 100%
  );
  color: white;
}

@media (max-width: 767px) {
  .spotlight-banner.spotlight-p2 {
    background-image: none;
    background-color: var(--white);
  }
  .spotlight-banner.spotlight-p1,
  .spotlight-banner.spotlight-g1 {
    background-image: none;
    background-color: var(--light-gray);
  }
  .spotlight-banner.spotlight-g2 {
    background-image: none;
    background-color: var(--hilite-color);
  }
}

.spotlight-banner.spotlight-g2 a:not(.btn),
.spotlight-banner.bg-highlight a:not(.btn) {
  color: white;
}

.spotlight-banner .spotlight-img {
  border: 5px solid var(--white);
}
.spotlight-banner.spotlight-p1 .spotlight-img {
  border: 5px solid var(--light-gray);
}
.spotlight-banner.spotlight-g2 .spotlight-img {
  border: 5px solid var(--primary-color);
}
.spotlight-banner.bg-highlight .spotlight-img {
  border: 5px solid var(--primary-color);
}

.spotlight-banner .image-col,
.message-banner .image-col {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  /* justify-content: center; */
}

.spotlight-banner .spotlight-img,
.message-banner .spotlight-img {
  margin-right: 5px;
  height: 400px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 500px;
}

.bg-highlight {
  background-color: var(--hilite-color);
  color: white;
}

/* Flex Grid */
.flex-card-grid .card {
  height: calc(100% - 40px);
}
.flex-card-grid .panel {
  height: calc(100% - 40px);
}
.flex-card-grid .icon-text-tile-component {
  height: calc(100% - 40px);
}

@media (max-width: 991px) {
  .spotlight-banner .image-col,
  .message-banner .image-col {
    justify-content: center;
  }
  .spotlight-banner .spotlight-img,
  .message-banner .spotlight-img {
    width: 85%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .spotlight-banner .image-col,
  .message-banner .image-col {
    display: flex;
    flex-flow: row nowrap;
    align-items: last baseline;
    justify-content: center;
    height: 100%;
  }
}

.message-banner {
  padding: 1.5rem;
}

.message-details,
.message-body {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.message-body p {
  font-size: 1.25rem;
}

.message-details p {
  font-style: italic;
  margin: 0;
}
.message-details .message-name {
  font-weight: 800;
}

.icon-highlight:before {
  color: var(--hilite-alt) !important;
}
.icon-primary:before {
  color: var(--primary-color) !important;
}

.bg-black a.icon-link,
.bg-primary a.icon-link,
.bg-secondary a.icon-link {
  color: var(--white) !important;
}

/* social-links */

.social-links ul {
  display: flex;
  flex-flow: row nowrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
}

.social-links ul li a {
  background-color: var(--primary-color);
  color: white;
  height: 2.4rem;
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.social-links ul li a .fab {
 font-size:20px;
}

.social-links.social-links-secondary ul li a {
  background-color: var(--hilite-alt);
}

.social-links ul li a:hover {
  text-decoration: none;
  background-color: var(--hilite-alt);
}
.social-links.social-links-secondary ul li a:hover {
  background-color: var(--primary-color);
}