.view-news-list .more-link {
	text-align: center;
	padding-top: 1rem;
	display: block;
}

.teaser {
	margin-bottom: 0;
}

.teaser__title {
	text-transform: initial;
}

.teaser-list__item {
	border-right: 0;
	border-left: 1px solid rgba(155, 155, 155, 0.25);
	margin-bottom: 1.5rem;
}

.teaser-list__item .more-link {
	display: none;
}

.teaser__content {
	margin-top: 0;
	margin-bottom: 0;
}

.view-id-news_list .field--name-field-published-date,
.view-id-news_list .field--name-field-article-type {
    display: inline-block;
    color: #777;
    font-size: small;
    text-transform: uppercase;
    margin-right: 0.8rem;
    margin-bottom: 0.5rem;
}

.view-id-news_list .node--view-mode-teaser h2 {
	margin-bottom: 0.4rem;
}


/*  Accordion style 2022, less borders, minimal/white, right aligned swippy */
/*  builds on ckeditor-accordion-container */
/*  to work must be applied alongside/beneath class ckeditor-accordion-container */

dl.accordion--white {
  border: 0;
}

dl.accordion--white dt > a {
  background-color: transparent;
  color: #4D4D4D ;
  border-bottom: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
  text-decoration: none;
  font-size: 1.1em;
  font-weight: normal;
  padding: 10px 50px 10px 15px;
}

dl.accordion--white dt:first-of-type > a {
  border-top: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
 }
dl.accordion--white dt:last-of-type > a {
  border-bottom: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
 }


dl.accordion--white dt > a:hover {
  background-color: #008C44;
  color: #FFFFFF;
}

dl.accordion--white dt.active > a {
  background-color: #00A651;
  color: #FFFFFF;
  font-weight: 700;
}

dl.accordion--white dd {
    padding: 20px;
    border: 1px solid;
    border-color: rgb(163, 210, 156); 
    border-color: rgba(163, 210, 156, 0.5);
    border-radius: 0.3em;
    margin: 20px 0;
}
dl.accordion--white dd p:first-of-type {
  margin-top: 0.5rem;
}

/* shifts fliper to right */
dl.accordion--white dt > a > .ckeditor-accordion-toggle {
  left: calc(100% - 2.3rem);
}

/* fixes for the animation of the little flipper */
dl.accordion--white dt > .ckeditor-accordion-toggle::before {
    left: 13px;
    top: 3px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
dl.accordion--white dt > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 7px;
    top: -4px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
dl.accordion--white dt.active > .ckeditor-accordion-toggle::before {
    left: 14px;
    top: -1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
dl.accordion--white dt.active > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 13px;
    top: -2px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

dl.accordion--white dt > a > .ckeditor-accordion-toggle::before,
dl.accordion--white dt > a > .ckeditor-accordion-toggle::after {
	background: rgb(163, 210, 156);
}
dl.accordion--white dt:hover > .ckeditor-accordion-toggle::before,
dl.accordion--white dt:hover > .ckeditor-accordion-toggle::after,
dl.accordion--white dt.active > .ckeditor-accordion-toggle::before,
dl.accordion--white dt.active > .ckeditor-accordion-toggle::after {
    background: #FFFFFF;	
}


.hero-sub-section a, .hero-sub-section a:visited {
  color: #FFFFFF;
  text-decoration-color: rgba(255,255,255,0.4);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.14em;
}
.hero-sub-section a:active, .hero-sub-section a:hover {
  color: #FFFFFF;
  text-decoration-color: rgba(255,255,255,0.6);
  text-decoration-thickness: 1.5px;
}
.hero-sub-section span {
  font-size: 0.8em;
  font-weight: normal;
}