::marker {
	color:var(--accent);
}

.single main {
	padding-bottom:1rem;
}

.article-header-wrapper {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: fit-content;
}

.single .article-header {
	padding:1rem;
	position:relative;
}

.single .article-header .container-fluid {
	position:relative;
}

.single .article-header .container-fluid > * {
  z-index: 20;
}

.rank-math-breadcrumb p {
	margin-bottom:1rem;
}

.rank-math-breadcrumb a {
	text-decoration:none;
	font-size: clamp(1rem, 0.7867rem + 0.3445vw, 1.2rem);
	color:var(--text);
}

.rank-math-breadcrumb a:hover {
	text-decoration:underline;
}

.single .article-content {
	padding:2rem 4px 2rem;
}

.single .article-header {
	background-color:var(--light);
}



.article-header img {
	padding-top:1rem;
}

.single .article-header h1 {
	font-weight: 600;
    text-transform: uppercase;
    max-width: 100%;
	margin-bottom:0;
	font-size: clamp(1.5rem, 1.1479rem + 1.1268vw, 2.5rem);
}

.single .article-header .article-date {
	margin-bottom:0;
	margin-top:.5rem;
	font-size: clamp(1rem, 0.7867rem + 0.3445vw, 1.2rem);
}

.single .article-featured-image {
	margin-bottom:2rem;
	width:100%;
}

.single .article-featured-image img {
	width:100%;
	height:auto;
}

.single h2, .single h3, .single h4 {
	margin:2rem 0 1rem;
	font-weight:600;
}

.article-divider {
	content:"";
	width:100%;
	height:3px;
}

.article-header img {
	width:100%;
	aspect-ratio:16 / 9;
	object-fit:cover;
}

.single .sponsor {
	padding:0 4px;
}

.article-content a {
	color:var(--accent);
}

.article-content p:last-child {
	margin-bottom:0;
}

@media (min-width: 992px) {
.single main {
	padding-bottom:1rem;
}

.single .article-header h1 {
	margin-bottom:0;
}

.single .article-header {
	padding:2rem;
}

.single .article-content {
	padding:2rem 0 4rem;
}

.article-header img {
	padding-top:2rem;
}

.single .sponsor {
	padding:0 2rem;
}

.single .article-header .article-date {
	margin-top:1rem;
}


}

@media (min-width:768px) and (max-width:991px) {
	.article-header-wrapper {
	max-width: 80%;
	}