/*USAGE Example

:root {
  --dk-blue: #224e76;
}

attribute: var(--dk-blue); 
*/

:root {
  --black: #000000;
  --white: #ffffff;
  --dk-blue: #224e76;
  --gray: #dde6e8;
  --orange: #de8828;
  --header: #90c2f3;
  --purple: #933bbc;
  --purple-second: #3B156C;
  --purple-pale: #D7D0E2;
  --green: #06650c;
  --blue: #246fba;
  --footer-blue: #468ec5;
  /*#e09613;*/
}

.breadcrumb .breadcrumb-item>a {
  color: #014b9b;
}

.breadcrumb .breadcrumb-item {
  color: #000000;
}

body {
  overflow-x: hidden;
}

#mhstigmacouncil {}

#mhstigmacouncil a.btn {
  user-select: auto;
}

.step-theme {
  border: solid 1px var(--orange);
  border-radius: 4px;
  overflow: hidden;
}

.step-theme>.sectionTitle {
  background-color: var(--gray);
  padding: 0.5em;
  color: (--dk-blu);
}

.step-theme>div {
  padding: 0.5rem;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1 !important;
  z-index: 1000;
}

.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-prev:hover,
.carousel-control-prev:focus {
  transform: scale(150%);
  /*Revetert back CS 11/9/21*/
}

.carousel.sonj .carousel-control-next-icon,
.carousel.sonj .carousel-control-prev-icon {
  background-color: rgb(0, 0, 0) !important;
  border: 2px solid white;
}

.carousel-indicators li {
  opacity: 1 !important;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.carousel.sonj .carousel-indicators li.active {
  margin-top: 3px;
  margin-bottom: 3px;
}

.carousel-indicators li.togglePauseCarousel {
  border-radius: 5px !important;
  height: 20px !important;
  width: 20px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  text-indent: 3px !important;
}

.carousel-indicators li.togglePauseCarousel svg {
  padding: 0 0 1px 0;
}

#mhstigmacouncil .border-orange {
  border-color: var(--orange) !important;
}

#mhstigmacouncil .step-title {
  background-color: var(--gray) !important;
  color: var(--dk-blue) !important;
  font-weight: bold;
}

/*IE11 Image Bug Fix*/
#mhstigmacouncil img.img-fluid {
  flex-shrink: 0;
}

#mhstigmacouncil .navbar-brand {
  max-width: 75%;
  margin-right: 0px;
  white-space: normal;
  color: var(--purple);
}

.social.statewide li a,
.social.statewide li a>span,
.sonj .gov-bar a {
  padding: 0.25rem 0;
}

/*XS*/
/*Sets caption to below carousel on smallest devices*/
@media screen and (max-width: 575px) {

  #mhstigmacouncil .carousel.sonj .carousel-caption,
  #mhstigmacouncil .carousel.sonj .carousel-caption.default,
  #mhstigmacouncil .carousel.sonj .carousel-caption.left,
  #mhstigmacouncil .carousel.sonj .carousel-caption.right {
    background: rgba(0, 0, 0, 0.4);
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    align-items: center;
    padding-bottom: 2rem;
    top: unset;
    transform: unset;
    box-sizing: content-box;
  }
}

/*Light gray Bar*/
.lt-gray-bar {
  background-color: #e8e8e8;
}

/*Site Name*/
#mhstigmacouncil #site-name.department {
  margin: 2px 0px;
}

#mhstigmacouncil #site-name h2 {
  margin: 0px;
}

#mhstigmacouncil #site-name h2>.department {
  /* use this if there is a logo and text should be centered vertically
	position: absolute;
	top: 50%;
	left: inherit;
	transform: translateY(-50%);
	*/
  /*Use this if there is no logo*/
  position: relative;
  color: var(--purple);
  font-size: 2.5rem;
  font-weight: 700;
}

#mhstigmacouncil #site-name h2>.department>.alt-color {
  color: var(--purple);
}

/*Navigation*/
#mhstigmacouncil .mhstigmacouncil.department-level {
  background-color: #ffffff;
  color: var(--dk-blue);
  border-bottom: 1px solid #d0d2d4;
}

/* #mhstigmacouncil .mhstigmacouncil.department-level nav.navbar {
	padding-bottom: 2px;
} */

#mhstigmacouncil button.navbar-toggler:focus,
#mhstigmacouncil button.navbar-toggler:hover {
  /*border: 1px solid yellow;*/
  background-color: var(--purple);
  color: #ffffff;
}

#mhstigmacouncil .sonj-nav.mhstigmacouncil.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon {
  background-image: url(/mhstigmacouncil/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(147,59,118, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#mhstigmacouncil .sonj-nav.mhstigmacouncil.department-level nav.navbar button.navbar-toggler:focus span.navbar-toggler-icon,
#mhstigmacouncil .sonj-nav.mhstigmacouncil.department-level nav.navbar button.navbar-toggler:hover span.navbar-toggler-icon {
  background-image: url(/mhstigmacouncil/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#mhstigmacouncil .sonj-nav.mhstigmacouncil.department-level nav.navbar button.navbar-toggler {
  color: rgba(34, 78, 118, 1) !important;
  border-color: rgba(147, 59, 118, 1) !important;
}

#mhstigmacouncil button.navbar-toggler:focus .navbar-toggler-icon,
#mhstigmacouncil button.navbar-toggler:hover .navbar-toggler-icon {
  background-image: url(/mhstigmacouncil/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 47, 155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#mhstigmacouncil .mhstigmacouncil.department-level ul.navbar-nav>li.nav-item>a.nav-link {
  color: black;
  border-radius: 0px;
}

#mhstigmacouncil .sonj-nav .nav-link:hover,
#mhstigmacouncil .sonj-nav .nav-link:focus {
  border-bottom: 5px solid rgba(36, 111, 186, 1);
  text-decoration: none !important;
}

#mhstigmacouncil .sonj-nav .dropdown-menu li a:hover {
  text-decoration: none !important;
}

#mhstigmacouncil .sonj-nav .nav-link {
  border-bottom: 5px solid #ffffff;
}

#mhstigmacouncil .sonj-nav .nav-link.active {
  background: #ffffff;
  border-bottom: 5px solid var(--green);
}

#mhstigmacouncil .sonj-nav .show>.nav-link {
  background: #ffffff;
  border-bottom: 5px solid black;
}

/*Full Width Image*/
#mhstigmacouncil img.full-width {
  width: 100%;
  height: auto;
}

/*Page Title*/
#mhstigmacouncil .pageTitle {
  color: var(--purple);
  font-size: 1.75rem !important;
}

#mhstigmacouncil .sectionTitle {
  color: var(--blue);
  font-size: 1.35rem;
}

/*Carousel Custom Button Color*/
.btn-blue {
  background-color: var(--dk-blue);
  border-color: var(--dk-blue);
}

/*Blue Card*/
#mhstigmacouncil .card.card-blue {
  background-color: #1e57a4;
  color: #ffffff;
}

#mhstigmacouncil .card.card-blue a {
  color: #ffffff;
}

#mhstigmacouncil .card.card-blue.with-icon>.icon {
  left: 1.875rem;
  transform: translate(-50%, 0px);
  top: 1.5rem;
}

/*Row Header header-blue */
#mhstigmacouncil .header-blue {
  color: #1e57a4;
}

/*List Icons*/
#mhstigmacouncil .icon {
  color: var(--dk-blue);
}

#mhstigmacouncil .icon.green {
  color: #008546;
}

#mhstigmacouncil .icon.blue {
  color: var(--dk-blue);
}

#mhstigmacouncil .icon.white {
  color: #ffffff;
}

#mhstigmacouncil .list-group-item.with-icon {
  position: relative;
  padding-left: 3.25em;
}

#mhstigmacouncil .list-group-item.with-icon .icon {
  position: absolute;
  left: 1em;
  top: initial;
}

#mhstigmacouncil .list-group-item>*:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/*Related Column*/
#mhstigmacouncil .related-info .related-title {
  color: #ffffff;
  background-color: #1e57a4;
}

/*File Manifest List*/
.fileList li button.collapsed::after {
  content: "+";
}

.fileList li button {}

.fileList li button::after {
  content: "\2012";
}

/*Footer*/
#mhstigmacouncil footer .site-footer {
  /* background-color: var(--dk-blue); */
  background: rgb(0, 84, 168);
  background: linear-gradient(90deg,
      rgba(0, 84, 168, 1) 0%,
      rgba(0, 84, 168, 1) 100%);
}

#mhstigmacouncil footer .site-footer img.digital-nj {
  max-height: 100px;
}

#mhstigmacouncil footer .sonj-footer {
  /*background-color: ;*/
}

#mhstigmacouncil footer a.social:focus {
  outline: 1px dashed white;
}

#mhstigmacouncil footer a.snav {
  font-size: 0.875rem;
}

/* Social Boxes */
#mhstigmacouncil .social-wrapper {
  /*text-align: center;*/
}

#mhstigmacouncil .social-box {
  margin: 0em 0em 2em 0em;
  /*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
  /*float: none;
	display: inline-block;
	*/
}

#mhstigmacouncil .social-box>h4 {
  color: white;
  margin: 0;
  padding: 0.25em 1em;
  font-weight: bold;
  text-align: left;
}

#mhstigmacouncil .news-box>h4 {
  background-color: #253341;
}

#mhstigmacouncil .facebook-box>h4 {
  background-color: #17548d;
}

#mhstigmacouncil .facebook-box .wrapper {
  text-align: center;
}

#mhstigmacouncil .twitter-box>h4 {
  background-color: #479ae8;
}

#mhstigmacouncil .social-box>.wrapper {
  border: 1px solid #9c9c9c;
  max-height: 500px;
  height: 500px;
  overflow: hidden;
}

#mhstigmacouncil .social-box.news-box>.wrapper {
  overflow-y: scroll;
}

/*Custom Accordion*/
#mhstigmacouncil .accordion-header {
  /*background-color:var(--dk-blue);*/
  border: 1px solid #e9ecef;
  border-left: 10px solid var(--dk-blue);
  border-radius: 4px;
  padding-right: 0.25em;
}

#mhstigmacouncil .accordion-header.blue {
  border-left: 10px solid #1e57a4;
}

#mhstigmacouncil .accordion-header.green {
  border-left: 10px solid #008546;
}

#mhstigmacouncil .accordion-header.orange,
#mhstigmacouncil .accordion-header.orange.topic {
  border-left: 10px solid var(--orange);
}

#mhstigmacouncil .accordion-header.lt-green.topic {
  border-left: 10px solid #7eb759;
}

#mhstigmacouncil .accordion-header.green.topic {
  border-left: 10px solid #009845;
}

#mhstigmacouncil .accordion-header.yellow.topic {
  border-left: 10px solid #ffc73a;
}

#mhstigmacouncil .accordion-header.lt-blue.topic {
  border-left: 10px solid #80cae5;
}

#mhstigmacouncil .accordion-header.blue.topic {
  border-left: 10px solid #6ea2de;
}

#mhstigmacouncil .accordion-header.dk-blue.topic {
  border-left: 10px solid #0074c9;
}

#mhstigmacouncil .accordion-header.gray,
#mhstigmacouncil .accordion-header.gray.topic {
  border-left: 10px solid var(--gray);
}

/*Accordion in and Accordion
#mhstigmacouncil .accordion-content>section>.accordion-header{
	border: 1px solid #e9ecef;
	border-left: 10px solid #1e57A4;
	border-radius: 4px;
	padding-right: .25em;
}
*/

#mhstigmacouncil .accordion-header .btn {
  font-weight: 500;
  /*color: white;*/
  color: #000;
}

/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#mhstigmacouncil .accordion-header .btn.collapsed .fa-minus-circle,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-chevron-circle-up,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-circle-minus,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-circle-chevron-up {
  display: none;
}

#mhstigmacouncil .accordion-header .btn.collapsed .fa-plus-circle,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-chevron-circle-down,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-circle-plus,
#mhstigmacouncil .accordion-header .btn.collapsed .fa-circle-chevron-down {
  display: inline-block;
}

#mhstigmacouncil .accordion-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion-header .btn .fa-circle-chevron-up {
  display: inline-block;
}

#mhstigmacouncil .accordion-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion-header .btn .fa-circle-chevron-down {
  display: none;
}

#mhstigmacouncil .accordion-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion-header .btn .fa-circle-chevron-down,
#mhstigmacouncil .accordion-header .btn .fa-circle-chevron-up {
  position: absolute;
  right: 0px;
  top: 0.75em;
  /*color: white;*/
  color: var(--dk-blue);
}

#mhstigmacouncil .accordion-header.dk-blue .btn .accordion-close,
#mhstigmacouncil .accordion-header.dk-blue .btn .accordion-open {
  color: var(--dk-blue);
}

#mhstigmacouncil .accordion-header.gray .btn .accordion-close,
#mhstigmacouncil .accordion-header.gray .btn .accordion-open {
  color: var(--gray);
  background-color: var(--black);
  border-radius: 50%;
}

#mhstigmacouncil .accordion-header.orange .btn .accordion-close,
#mhstigmacouncil .accordion-header.orange .btn .accordion-open {
  color: var(--orange);
}

/*Accordion in and Accordion
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-circle-chevron-down,
#mhstigmacouncil .accordion-content>section>.accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: #1e57A4;
}
*/
#mhstigmacouncil .accordion-header .btn {
  width: 100%;
  position: relative;
}

#mhstigmacouncil .accordion.custom-accordion .card,
#mhstigmacouncil .accordion.custom-accordion .card-header {
  border-radius: 0.25rem;
  border: 0px;
}

#mhstigmacouncil .accordion.custom-accordion .card-header {
  /*background-color:#1e57A4;*/
  background-color: #ffffff;
  border-top: 1px solid #e9ecef !important;
  border-bottom: 1px solid #e9ecef !important;
  border-right: 1px solid #e9ecef !important;
  border-left: 10px solid #1e57a4;
  color: #000;
  margin-bottom: 1px;
}

#mhstigmacouncil .accordion.custom-accordion .blue .card-header {
  border-left: 10px solid #1e57a4;
}

#mhstigmacouncil .accordion.custom-accordion .green .card-header {
  border-left: 10px solid #008546;
}

#mhstigmacouncil .accordion.custom-accordion .orange.topic .card-header {
  border-left: 10px solid #f28542;
}

#mhstigmacouncil .accordion.custom-accordion .lt-green.topic .card-header {
  border-left: 10px solid #7eb759;
}

#mhstigmacouncil .accordion.custom-accordion .green.topic .card-header {
  border-left: 10px solid #009845;
}

#mhstigmacouncil .accordion.custom-accordion .yellow.topic .card-header {
  border-left: 10px solid #ffc73a;
}

#mhstigmacouncil .accordion.custom-accordion .lt-blue.topic .card-header {
  border-left: 10px solid #80cae5;
}

#mhstigmacouncil .accordion.custom-accordion .blue.topic .card-header {
  border-left: 10px solid #6ea2de;
}

#mhstigmacouncil .accordion.custom-accordion .dk-blue.topic .card-header {
  border-left: 10px solid #0074c9;
}

#mhstigmacouncil .accordion.custom-accordion .gray.topic .card-header {
  border-left: 10px solid #666;
}

/*Custom Tabbed Content*/
#mhstigmacouncil .tab-content {
  background-color: white;
  /* Should only affect wrapper of content in a TAB
	padding: 1em;
	border: 1px solid rgb(222, 226, 230);
	*/
}

#mhstigmacouncil .custom-tabs {
  border-bottom: 0px;
}

#mhstigmacouncil .custom-tabs .nav-item button.nav-link .fa-plus-circle,
#mhstigmacouncil .custom-tabs .nav-item button.nav-link .fa-circle-plus {
  margin-left: 0.5rem;
}

#mhstigmacouncil .custom-tabs .nav-item button.nav-link.active .fa-plus-circle,
#mhstigmacouncil .custom-tabs .nav-item button.nav-link.active .fa-circle-plus {
  display: none;
}

#mhstigmacouncil .custom-tabs .nav-item button.nav-link.active {
  background-color: #e9ecef;
}

#mhstigmacouncil .custom-tabs .nav-item button.nav-link {
  background-color: #fff;
  border: 1px solid #ddd;
  background-color: transparent;
}

/*Copy Paste START*/
/*Custom Accordion*/
#mhstigmacouncil .accordion .card-header .btn {
  font-weight: 500;
  color: #000;
}

/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-minus-circle,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-chevron-circle-up,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-circle-minus,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-circle-chevron-up {
  display: none;
}

#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-plus-circle,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-chevron-circle-down,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-circle-plus,
#mhstigmacouncil .accordion .card-header .btn.collapsed .fa-circle-chevron-down {
  display: inline-block;
}

#mhstigmacouncil .accordion .card-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion .card-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-chevron-up {
  display: inline-block;
}

#mhstigmacouncil .accordion .card-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion .card-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-chevron-down {
  display: none;
}

#mhstigmacouncil .accordion .card-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion .card-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion .card-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion .card-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-chevron-down,
#mhstigmacouncil .accordion .card-header .btn .fa-circle-chevron-up {
  position: absolute;
  right: 0px;
  top: 0.75em;
  /*color: #fff;*/
  color: #1e57a4;
}

#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-down,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-up,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-circle-plus,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-circle-minus,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-down,
#mhstigmacouncil .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-up {
  color: #fff;
}

#mhstigmacouncil .accordion .card-header .btn {
  width: 100%;
  position: relative;
}

#mhstigmacouncil .accordion.custom-accordion .card,
#mhstigmacouncil .accordion.custom-accordion .card-header {
  border-radius: 0.25rem;
  border: 0px;
}

/*Custom Tabbed Content*/
#mhstigmacouncil .custom-tabs {
  border: 0px;
}

#mhstigmacouncil .custom-tabs li {
  display: flex;
}

#mhstigmacouncil .custom-tabs li button {
  font-weight: 500;
  color: #151f48;
  border: 1px solid #ddd;
  background-color: transparent;
}

/*SM and lower*/
@media screen and (max-width: 767px) {
  #mhstigmacouncil .custom-tabs li {
    width: 100%;
  }

  #mhstigmacouncil .custom-tabs li button {
    width: 100%;
  }

  #mhstigmacouncil .custom-tabs li button br {
    /* display:none; */
  }
}

#mhstigmacouncil .custom-tabs li button.active {
  background-color: #ddd;
}

#mhstigmacouncil .custom-tabs li button.active .fa-plus-circle,
#mhstigmacouncil .custom-tabs li button.active .fa-circle-plus {
  display: none;
  margin-left: 0.5em;
}

#mhstigmacouncil .custom-tabs li button .fa-plus-circle,
#mhstigmacouncil .custom-tabs li button .fa-circle-plus {
  display: inline-block;
  margin-left: 0.5em;
}

/*Copy Paste END*/

#mhstigmacouncil .list-group-item.with-icon,
#mhstigmacouncil *.with-icon {
  position: relative;
  padding-left: 2.5em;
}

#mhstigmacouncil .list-group-item.with-icon .icon,
#mhstigmacouncil *.with-icon .icon {
  position: absolute;
  left: 1em;
  top: initial;
  transform: translatex(-50%);
}

#mhstigmacouncil .byline {
  clear: left;
}

/*cardPage*/
#mhstigmacouncil.cardPage .card.capped {
  border-top: 15px solid gray !important;
}

#mhstigmacouncil.cardPage .card .card-header {
  background-color: #ddd;
}

#mhstigmacouncil.cardPage .card .card-body {
  background-color: #eee;
}

#mhstigmacouncil.cardPage .card .cardTitle {
  color: #0050e6;
}

#mhstigmacouncil.cardPage .card .cardText {
  color: #000;
}

#mhstigmacouncil.cardPage .card.orange.capped {
  border-top: 15px solid #f28542 !important;
}

#mhstigmacouncil.cardPage .card.orange .card-header {
  background-color: #f28542;
}

#mhstigmacouncil.cardPage .card.lt-green.capped {
  border-top: 15px solid #7eb759 !important;
}

#mhstigmacouncil.cardPage .card.lt-green .card-header {
  background-color: #7eb759;
}

#mhstigmacouncil.cardPage .card.green.capped {
  border-top: 15px solid #009845 !important;
}

#mhstigmacouncil.cardPage .card.green .card-header {
  background-color: #009845;
}

#mhstigmacouncil.cardPage .card.yellow.capped {
  border-top: 15px solid #ffc73a !important;
}

#mhstigmacouncil.cardPage .card.yellow .card-header {
  background-color: #ffc73a;
}

#mhstigmacouncil.cardPage .card.lt-blue.capped {
  border-top: 15px solid #80cae5 !important;
}

#mhstigmacouncil.cardPage .card.lt-blue .card-header {
  background-color: #80cae5;
}

#mhstigmacouncil.cardPage .card.blue.capped {
  border-top: 15px solid #6ea2de !important;
}

#mhstigmacouncil.cardPage .card.blue .card-header {
  background-color: #6ea2de;
}

#mhstigmacouncil.cardPage .card.dk-blue.capped {
  border-top: 15px solid #0074c9 !important;
}

#mhstigmacouncil.cardPage .card.dk-blue .card-header {
  background-color: #0074c9;
}

#mhstigmacouncil.cardPage .card.gray.capped {
  border-top: 15px solid #666 !important;
}

#mhstigmacouncil.cardPage .card.gray .card-header {
  background-color: #666;
}

/*Columned*/

.columned ul {
  padding-bottom: 10px !important;
}

@media screen and (max-width: 575px) {
  #mhstigmacouncil .columned-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #mhstigmacouncil .columned-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

@media screen and (min-width: 768px) {
  #mhstigmacouncil .columned-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

#mhstigmacouncil .columned-2 ul {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#mhstigmacouncil .columned-2 ul {
  margin-bottom: 0.75rem;
}

#mhstigmacouncil .columned-2 ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}

#mhstigmacouncil .columned>p,
#mhstigmacouncil .columned .nobreak,
#mhstigmacouncil .columned-2>p,
#mhstigmacouncil .columned-2 .nobreak {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#mhstigmacouncil ul.columned>li,
#mhstigmacouncil ol.columned>li,
#mhstigmacouncil ul.columned-2>li,
#mhstigmacouncil ol.columned-2>li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#mhstigmacouncil .columned>p,
#mhstigmacouncil .columned .nobreak,
#mhstigmacouncil .columned-2>p,
#mhstigmacouncil .columned-2 .nobreak {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}

/*  HOME PAGE *** */

/* Introduction  Section*/
.introduction .introduction-img {
  max-width: 600px;
}

.introduction a,
.inspiring-story .position-relative a {
  text-decoration: underline !important;
}

.introduction .blue-box-component {
  background-color: #0054A8;
}

.introduction .blue-box-component a {
  color: #ffffff !important;
}

.introduction .blue-box-component svg {
  width: 2rem;
  height: 2rem;
}

/* Slider Section */
.carousel-section {
  overflow: hidden;
}

.carousel-section .carousel-caption-4 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  right: 27%;
  bottom: 50%;
  transform: translate(50%, 50%);
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 5px;
  width: 32%;
}

.carousel-section .blockquote-footer {
  font-size: 100% !important;
  float: right !important;
}

.carousel-caption-4 div,
.carousel-caption-4 p {
  font-size: 1.25rem;
  font-weight: 300;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: rgb(0, 0, 0) !important;
  border: 2px solid white;
  border-radius: 50%;
  padding: 10px;
  background-size: 50% 50%;
}

.carousel-indicators li {
  width: 11px !important;
  height: 11px !important;
}

.carousel-indicators .active {
  background-color: black;
}

ol.carousel-indicators>li {
  border: 1px white solid;
  border-radius: 100%;
}

/* Inspiring Section */
.inspiring-story {
  background-image: url(/mhstigmacouncil/image-library/Inspire-story-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.inspiring-story .inspiring-story-shadow {
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.6);
}

.inspiring-story h2,
.text-purple {
  color: var(--purple);
}

.inspiring-story h2::after {
  background-image: url(/mhstigmacouncil/image-library/Inspire-stories-heart.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 3rem;
  width: 22rem;
  position: absolute;
  top: 81px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.inspiring-story .inspiring-story-heading {
  color: var(--blue);
  font-weight: 400;
}

.inspiring-story .publisher {
  margin-top: -0.375rem;
}

.inspiring-story .hr-opacity {
  opacity: 0.3;
}

.btn-primary {
  background-color: var(--blue);
  border-color: var(--blue);
}

.btn-primary:hover {
  background-color: #044d9b;
  border-color: #044d9b;
}

.inspiring-story .border-bottom {
  border-bottom: none !important;
}

.inspiring-story-shadow .stories-intro p:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.inspiring-story .stories-intro .btn-primary {
  text-decoration: none !important;
}

.inspiring-story .stories-intro .btn-primary:hover {
  text-decoration: underline !important;
}

/* Cards Row */
.events-news-cards .row div .card .content-wrapper h4>a {
  color: var(--purple);
}

.events-news-cards .row>div:nth-child(1) .card .content-wrapper h4>a {
  color: var(--purple);
}

.events-news-cards .row>div:nth-child(2) .card .content-wrapper h4>a {
  color: var(--green);
}

.events-news-cards .row>div:nth-child(3) .card .content-wrapper h4>a {
  color: var(--blue);
}

.events-news-cards .row>div:nth-child(1) .card img {
  border-bottom: 1px solid var(--purple);
}

.events-news-cards .row>div:nth-child(2) .card img {
  border-bottom: 1px solid var(--green);
}

.events-news-cards .row>div:nth-child(3) .card img {
  border-bottom: 1px solid var(--blue);
}

.events-news-cards .row>div:nth-child(1) .card .card-header {
  background-color: var(--purple) !important;
}

.events-news-cards .row>div:nth-child(2) .card .card-header {
  background-color: var(--green) !important;
}

.events-news-cards .row>div:nth-child(3) .card .card-header {
  background-color: var(--blue) !important;
}

.events-news-cards .row .card .content-wrapper>div>p {
  font-size: 0.75rem;
  margin-top: -0.5rem;
  margin-bottom: 0.375rem;
}

.events-news-cards .row .card .content-wrapper .description-height>p,
.events-news-cards .row .card .content-wrapper .description-height>div,
.events-news-cards .row .card .content-wrapper .description-height {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

.events-news-cards .view-more-link a {
  font-weight: 500;
}

a:hover {
  text-decoration: underline !important;
}

.events-news-cards .row div .card .content-wrapper .description-height {
  max-height: 5rem;
  /* min-height: 5rem; */
  overflow: hidden;
}

.events-news-cards .row div .card .content-wrapper .gradient-overflow {
  height: 1.5rem;
  margin-top: -1rem;
  position: relative;
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 1) 30%,
      rgba(255, 255, 255, 0.01) 100%);
}

@media screen and (max-width: 414px) {
  .inspiring-story h2::after {
    width: 18rem;
    top: 110px;
  }
}

@media screen and (max-width: 350px) {
  .inspiring-story h2::after {
    width: 14rem;
    top: 110px;
  }
}

@media screen and (max-width: 290px) {
  .inspiring-story h2::after {
    background-image: url();
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-section .carousel-caption-4 {
    right: 31%;
  }
}

@media screen and (max-width: 991px) {
  .inspiring-story {
    background-size: contain;
    background-position: top center;
  }
}

@media screen and (min-width: 1200px) {
  .carousel-section .carousel-caption-4 {
    width: 25%;
  }
}

@media screen and (min-width: 2000px) {
  .carousel-section .carousel-caption-4 {
    width: 20%;
  }
}

/*  SUBPAGE *** */
.mt-2rem {
  margin-top: 2rem !important;
}

.subpage-template .cards-section .card-name-title h4,
.color-purple {
  color: var(--purple) !important;
}

.subpage-template .cards-section .modal-button h4 button {
  border: none !important;
  background-color: transparent !important;
  color: var(--blue) !important;
}

.subpage-template .cards-section .modal-button h4 button:hover {
  text-decoration: underline;
}

.subpage-template .modal {
  padding-right: 0 !important;
  top: 14% !important;
}

.subpage-template .modal .modal-body {
  min-height: 40vh;
  max-height: 40vh;
  overflow-y: auto;
}

.subpage-template .related-title {
  background-color: var(--green) !important;
}

#accordion .dddaccHeader {
  background-color: var(--blue) !important;
  color: white;
}

#accordion .dddacc a {
  text-decoration: none !important;
}

#accordion .dddacc .collapsed .fa-chevron-circle-down {
  display: block;
}

#accordion .dddacc .collapsed .fa-chevron-circle-up {
  display: none;
}

#accordion .dddacc .fa-chevron-circle-down {
  display: none;
}

main.subpage-template a,
main.subpage-template #accordion .dddacc .card-body a {
  text-decoration: underline !important;
}

main.subpage-template .btn {
  text-decoration: none !important;
}

main.subpage-template .btn:hover {
  text-decoration:underline !important;
}

main.subpage-template a:hover,
.events-news-cards .card .content-wrapper .description-height a:hover,
.list-group .list-group-item .font-weight-normal a:hover,
main.subpage-template #accordion .dddacc .card-body a:hover,
.introduction a:hover,
.inspiring-story .position-relative a:hover {
  text-shadow: rgb(0, 86, 179) 0px 0px 0.65px, rgb(0, 86, 179) 0px 0px 0.65px;
}

.events-news-cards .card .content-wrapper .description-height a,
.list-group .list-group-item .font-weight-normal a {
  text-decoration: underline;
}

@media (min-width: 576px) {
  .subpage-template .modal-dialog {
    max-width: 700px;
  }

  .subpage-template .modal {
    padding: 1rem !important;
  }
}

@media (min-width: 2000px) {
  .subpage-template .modal-dialog {
    max-width: 1200px;
  }
}

/* Full Width Content */

.background-purple {
  background-color: var(--purple-second);
}

.background-purple-pale {
  background-color: var(--purple-pale);
}

.background-musical-instruments {
  background-image: url("/mhstigmacouncil/image-library/sing/sing_video_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn-purple {
  color:var(--purple-second) !important;
  font-weight: 500 !important;
  background-color: #ffffff !important;
  border-color: transparent !important;
}

.video-cards .date {
  font-size: 0.9rem;
}

.text-blue {
  color: var(--blue);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.5 !important;
}

.social.statewide li a, .social.statewide li a > span, .sonj .gov-bar a {
    padding: 0.5rem 0px !important;
}

.social.statewide li.sonj-translate a {
  padding: 0.25rem !important;
}

/* Custom pages styles */
.news-and-events-page main .container-fluid:nth-child(2) section {
  margin-top: 0 !important;
}