
.header--left h2, .header--left h3  {
	display: inline-block;
	color: var( --env-element-primary-font-color );
   background-color: var( --env-element-primary-background-color );
	padding: .25em 1em !important;
	position: relative;
	margin: 0 !important;
   font-size: 160%;
}

.savsjo-nyhet.env-cardholder {
   margin: 0;
   box-shadow: 0 8px 24px 0 rgb(0 0 0 / 16%);
}

.savsjo-nyhet.env-cardholder ul { 
	padding: 1em;
}

.savsjo-nyhet.env-cardholder .env-card {
   min-height: 13em;
   border-radius: unset;
}

/* Don't need as much space as it doesn't have a text header */
.savsjo-nyhet.env-cardholder .env-card--information {
   min-height: 9em;
}

.savsjo-nyhet .env-link-secondary:hover, .savsjo-nyhet .env-text .env-link-secondary:hover, .savsjo-nyhet .env-text a.env-link-secondary:hover {
   color: inherit;
}

.savsjo-nyhet.env-cardholder .env-card__body p {
   margin: 0.5em 0;
}

.savsjo-nyhet.env-cardholder .env-card__header {
   padding-bottom: 0;
}

.savsjo-nyhet.env-cardholder li.sv-channel-item {
   float: left;
   max-width: 50%;
   margin-bottom: 0;
}

/* Makes the whole article clickable for the a link */
.savsjo-nyhet.env-cardholder .env-card a::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
}

/* Prevents second line from shifting to two lines */
.savsjo-nyhet.env-cardholder .env-card__body span {
   white-space: nowrap;
}

/* Mobile, one article per line */
@media (max-width: 880px) {
   .savsjo-nyhet.env-cardholder {
      justify-content: left;
   }
   .savsjo-nyhet.env-cardholder li.sv-channel-item {
      max-width: fit-content;
   }
   .savsjo-nyhet.env-cardholder .env-card__body span {
   	white-space: initial;
	}
}

/* 
	Two columns border style
*/

/* Base invisible border */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li .env-card {
   border: 2px solid transparent;
}

/* First article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(1) .env-card {
   border-right: 1px solid #dee1e6;
}
/* Second article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(2) .env-card {
   border-left: 1px solid #dee1e6;
}
/* Third article and after that every fourth article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(4n+3) .env-card {
   border-right: 1px solid #dee1e6;
   border-top: 2px solid #dee1e6;
}
/* Fourth article and after that every fourth article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(4n+4) .env-card {
   border-left: 1px solid #dee1e6;
   border-top: 2px solid #dee1e6;
}
/* Fifth article and after that every fourth article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(4n+5) .env-card {
   border-right: 1px solid #dee1e6;
   border-top: 2px solid #dee1e6;
}
/* Sixth article and after that every fourth article */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-child(4n+6) .env-card {
   border-left: 1px solid #dee1e6;
   border-top: 2px solid #dee1e6;
}
/* Last article that is odd */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:last-child:nth-child(odd) .env-card {
   border-top: 2px solid #dee1e6;
   border-right: 2px solid #dee1e6;
}
/* Second last article that is even */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:nth-last-child(2):nth-child(even) .env-card {
   border-bottom: 2px solid #dee1e6;
}
/* Last article that is even */
.savsjo-nyhet.env-cardholder.env-cardholder--2 li:last-child:nth-child(even) .env-card {
   border-top: 2px solid #dee1e6;
}
/* Mobile, one article per line */
@media (max-width: 880px) {
   .savsjo-nyhet.env-cardholder li .env-card {
   	border: 2px solid transparent !important;
   	border-bottom: 2px solid #dee1e6 !important;
   }
   .savsjo-nyhet.env-cardholder li:last-child .env-card {
   	border: 2px solid transparent !important;
   }
}

.savsjo-nyhet h3 {
   margin: 0;
	font-weight: 500;
	font-size: 120%;
}