:root {
    --background: rgba(255, 255, 255, 0.5);
    --line-height: 1.9rem;
}
.three-col-layout {
    --main-columns: auto auto auto;
    --mobile-columns: auto;
}

.three-col-layout {
    display: grid;
    grid-template-columns: var(--main-columns);
}
.width-100 {
    width: 100% !important;
}
.article {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
}
.ccm-page .three-col-layout .overlay__background {
    background-color: var(--background);
}
.ccm-page .three-col-layout .masonry-blog-title {
    line-height: var(--line-height);
}

div.ccm-pagination-wrapper {
  width: 100%;
  float: left;
  border-top: 1px solid #003316;
  text-align: center;
}

.selector {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@supports (display: -webkit-box) {
  .selector {
    /* autoprefixer: off */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
  }
}

.emnetag {
	position: absolute;
	margin-left: 14px;
	margin-top: 14px;
	width: 110px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	color: #003316;
	background-color: #ffffff;
	padding: 2px;
	border-radius: 50px;
	z-index: 10;
}


@media (max-width: 64em) {
    .three-col-layout {
        grid-template-columns: var(--mobile-columns);
    }
}