.content__content-archiveheader { padding: 82px 25px; background: url('../images/article-archive-header.jpg') center center no-repeat; background-size: cover; text-align: center; }
.content__content-archiveheader h1 { margin: 0; padding: 0 !important; }
.archive .content__content-articles { max-width: 1136px; padding: 0 25px; margin: 0 auto; box-sizing: border-box; }
.content__content-articles .ingress { text-align: center; font-size: 21px; line-height: 30px; max-width: 800px; margin: 47px auto; }
.article-categories { display: flex; flex-wrap: wrap; gap: 19px; padding: 25px 0 !important; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.article-categories > button { appearance: none; cursor: pointer; border: 2px solid #1C1C1C; background-color: #fff; color: #1C1C1C; border-radius: 22px; padding: 12px 30px; font-size: 15px; white-space: nowrap; }
.article-categories > button.active { background-color: #1C1C1C; color: #fff; font-weight: 600; }
.content__content-articles .article-highlights { margin-top: 67px; display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 45px; padding: 0; overflow: hidden; }
.content__content-articles .article-highlights > .article { position: relative; width: calc(33.33% - (32px * 2 / 3)); flex: 0 0 calc(33.33% - (32px * 2 / 3)); padding-bottom: 30px; }
.content__content-articles .article-highlights > .article.hidden { display: none !important; }
.content__content-articles .article-highlights > .article a:is(:hover,:focus) { text-decoration: none; }
.content__content-articles .article-highlights > .article::after { content:""; position: absolute; top: 100%; left: -16px; width: calc(100% + 32px); height: 1px; background-color: #DDD; }
.content__content-articles .article-highlights > .article img { border-radius: 12px; display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.content__content-articles .article-highlights > .article .article-image { position: relative; }
.content__content-articles .article-highlights > .article .article-image > .tag { position: absolute; top: 16px; left: 16px; line-height: 30px; padding: 0 27px; border-radius: 15px; background-color: #FBAA94; color: #1C1C1C; font-size: 12px; font-weight: bold; }
.content__content-articles .article-highlights > .article .date { margin: 14px 0; color: #4D4D4D; font-size: 14px; }
.content__content-articles .article-highlights > .article h3 { margin: 14px 0 17px; font-size: 22px; font-weight: bold; color: #000; line-height: 32px; }
.content__content-articles .article-highlights > .article .excerpt { font-size: 16px; line-height: 23px; color: #000; }
.content__content-articles .show-more { text-align: center; margin: 20px 0 0; }
.content__content-articles .show-more > button { cursor: pointer; appearance: none; border: 2px solid #1C1C1C; border-radius: 26px; font-size: 15px; line-height: 50px; padding: 0 56px; color: #1C1C1C; background-color: #fff; font-weight: bold; text-transform: uppercase; }

@media (max-width: 991px) {
	.content__content-articles .article-highlights > .article { max-width: calc(50% - 16px); flex: 0 0 calc(50% - 16px); }
}

@media (max-width: 768px) {
	.content__content-articles .ingress { font-size: 17px; line-height: 24px; margin: 41px auto; }
	
	.article-categories { gap: 18px; }
	.article-categories > button { font-size: 12px; line-height: 16px; padding: 10px 26px; }
	
	.content__content-articles .article-highlights > .article { max-width: 100%; flex: 0 0 100%; }
	.content__content-articles .article-highlights > .article .article-image > .tag { font-size: 11px; padding: 0 25px; line-height: 28px; }
	.content__content-articles .article-highlights > .article .date { font-size: 13px; line-height: 20px; }
	.content__content-articles .article-highlights > .article h3 { font-size: 22px; line-height: 29px; }
	.content__content-articles .article-highlights > .article .excerpt { font-size: 15px; line-height: 21px; }
}

.archive .content__cta { max-width: 1136px; padding: 86px 25px; margin: 0 auto; box-sizing: border-box; }
.archive .content__cta .cta-banner { padding: 40px 48px; background-color: #FBAA94; border-radius: 12px; display: flex; gap: 30px; }
.archive .content__cta .cta-banner .left { flex-basis: 66%; flex-shrink: 1; }
.archive .content__cta .cta-banner .left .cta-header { font-size: 14px; line-height: 20px; font-weight: bold; color:#1C1C1C; margin-bottom: 12px; text-transform: uppercase; }
.archive .content__cta .cta-banner .left h2 { font-size: 34px; line-height: 48px; font-weight: bold; color:#1C1C1C; margin-bottom: 12px; }
.archive .content__cta .cta-banner .left .cta-ingress { font-size: 17px; line-height: 24px; color:#1C1C1C; }
.archive .content__cta .cta-banner .right { flex-basis: 34%; flex-grow:1; display: flex; align-items: center; justify-content: center; }
.archive .content__cta .cta-banner .right > a { display: inline-block; font-size: 18px; line-height: 59px; font-weight: bold; color: #fff; background-color:#1C1C1C; border-radius: 30px; padding: 0 36px; white-space: nowrap; }

@media (max-width: 991px) {
	.archive .content__cta .cta-banner { display: block; padding: 23px 24px 35px; }
	.archive .content__cta .cta-banner .left .cta-header { font-size: 12px; }
	.archive .content__cta .cta-banner .left h2 { font-size: 20px; line-height: 32px; }
	.archive .content__cta .cta-banner .left .cta-ingress { font-size: 15px; }
	.archive .content__cta .cta-banner .right { display: block; margin-top: 25px; }
	.archive .content__cta .cta-banner .right > a { font-size: 16px; line-height: 51px; padding: 0 22px; }
}


.single-article .content-article { max-width: 1440px; margin: 0 auto; }
.single-article .content__content-articleheader { display: flex; }
.single-article .content__content-articleheader > .article-image { width: 50%; flex: 0 0 50%; padding: 0; }
.single-article .content__content-articleheader > .article-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.single-article .content__content-articleheader > .article-info { width: 50%; flex: 0 0 50%; background-color: #FBAA94; padding: 95px 125px 113px 95px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.single-article .content__content-articleheader > .article-info .article-categories { padding: 0 !important; border: 0; margin-bottom: 29px; }
.single-article .content__content-articleheader > .article-info .article-categories > span { font-size: 12px; line-height: 32px; padding: 0 27px; border-radius: 18px; border: 2px solid #1C1C1C; }
.single-article .content__content-articleheader > .article-info h1 { font-size: 36px; line-height: 51px; color: #000; margin: 0; }
.single-article .content__content-articleheader > .article-info .date { font-size: 15px; line-height: 20px; color: #1C1C1C; margin-top: 24px; }
.single-article .content__article { max-width: 760px; margin: 85px auto 48px; }
.single-article .content__article > * { padding-left: 30px; padding-right: 30px; }
.single-article .content__article > .content__content-articleheader { padding-left: 0; padding-right: 0; }

.single-article .wp-block-quote { margin-left: 0; margin-right: 0; font-size: 16px; line-height: 22px; color: #4D4D4D; padding-top:55px; margin-bottom: 50px; }
.single-article .wp-block-quote::before { content: '"'; color: #FBAA94; font-size: 96px; line-height: 58px; font-weight: 800; position: absolute; top: 25px; left: 12px; display: block; width: auto; height: auto; background-color: transparent; }
.single-article .wp-block-quote .wp-block-paragraph { padding: 0; font-size: inherit; line-height: inherit; color: #4D4D4D; font-style: normal; font-weight: 400; }
.single-article .wp-block-quote .wp-block-paragraph:first-child { font-size: 32px; line-height: 51px; font-weight: 700; color: #000; }
.single-article .wp-block-quote .wp-block-paragraph:not(:first-child) { margin-top: 15px; }

.single-article .wp-block-image { margin: 30px 0 50px; }
.single-article .wp-block-image > img { border-radius: 12px; width: 100%; display: block; }
.single-article .wp-block-image > .wp-element-caption { margin-top: 10px; font-size: 14px; line-height: 20px; color: #4D4D4D; }

.single-article .share-buttons { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; gap: 10px; margin-top: 68px; }
.single-article .share-buttons > span { font-size: 14px; line-height: 20px; color: #4D4D4D; }
.single-article .share-buttons > a { font-size: 14px; line-height: 40px; border-radius:20px; background-color: #F3F3F3; padding: 0 17px; color: #1C1C1C; white-space: nowrap; cursor: pointer; }

.single-article .article-highlights { padding: 55px 0 78px; border-top: 1px solid #DDDDDD; max-width: 1136px; margin: 67px auto 0; display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 32px; overflow: hidden; }
.single-article .article-highlights > h2 { width: 100%; flex: 0 0 100%; margin: 0; font-size: 40px; line-height: 56px; }
.single-article .article-highlights > .article { position: relative; width: calc(33.33% - (32px * 2 / 3)); flex: 0 0 calc(33.33% - (32px * 2 / 3)); padding-bottom: 30px; }
.single-article .article-highlights > .article.hidden { display: none !important; }
.single-article .article-highlights > .article a:is(:hover,:focus) { text-decoration: none; }
.single-article .article-highlights > .article::after { content:""; position: absolute; top: 100%; left: -16px; width: calc(100% + 32px); height: 1px; background-color: #DDD; }
.single-article .article-highlights > .article img { border-radius: 12px; display: block; width: 100%; height:100%; object-fit: cover; }
.single-article .article-highlights > .article .article-image { position: relative; }
.single-article .article-highlights > .article .article-image > .tag { position: absolute; top: 16px; left: 16px; line-height: 30px; padding: 0 27px; border-radius: 15px; background-color: #FBAA94; color: #1C1C1C; font-size: 12px; font-weight: bold; }
.single-article .article-highlights > .article .date { margin: 14px 0; color: #4D4D4D; font-size: 14px; }
.single-article .article-highlights > .article h3 { margin: 14px 0 17px; font-size: 22px; font-weight: bold; color: #000; line-height: 32px; }
.single-article .article-highlights > .article .excerpt { font-size: 16px; line-height: 23px; color: #000; }
.single-article .article-highlights > .archive-link { width: 100%; flex-basis: 0 0 100%; text-align: center; }
.single-article .article-highlights > .archive-link > a { display: inline-block; font-size: 17px; line-height: 48px; font-weight: bold; color: #1C1C1C; padding: 0 38px; background-color: #FBAA94; margin-top: 21px; border-radius: 24px; }

@media (max-width: 911px) {
	.single-article .article-highlights > .article { max-width: 100%; flex: 0 0 100%; }
	.single-article .article-highlights > .article .article-image > .tag { font-size: 11px; padding: 0 25px; line-height: 28px; }
	.single-article .article-highlights > .article .date { font-size: 13px; line-height: 20px; }
	.single-article .article-highlights > .article h3 { font-size: 20px; line-height: 29px; }
	.single-article .article-highlights > .article .excerpt { font-size: 15px; line-height: 21px; }
}

@media (max-width: 768px) {
	.single-article .content__article { margin: 38px auto 46px; }
	.single-article .content__article .wp-block-paragraph { font-size: 15px; line-height: 21px; }
	.single-article .content__article h2 { font-size: 20px; line-height: 30px; }
	.single-article .content__content-articleheader { flex-direction: column-reverse; }
	.single-article .content__content-articleheader > .article-image { width: 100%; flex: 0 0 100%; }
	.single-article .content__content-articleheader > .article-info { width: 100%; flex: 0 0 100%; padding: 38px 48px 32px; }
	.single-article .content__content-articleheader > .article-info .article-categories { margin-bottom: 15px; }
	.single-article .content__content-articleheader > .article-info .article-categories > span { font-size: 9px; padding: 0 16px; }
	.single-article .content__content-articleheader > .article-info h1 { font-size: 24px; line-height: 35px; }
	.single-article .content__content-articleheader > .article-info .date { font-size: 12px; line-height: 14px; margin-top: 10px; }
	.single-article .article-highlights > .article img { border-radius: 12px; display: block; width: 100%; height: auto; aspect-ratio: 5/3; }
	
	.single-article .wp-block-quote { font-size: 13px; line-height: 17px; margin-bottom: 45px; padding-top: 35px; }
	.single-article .wp-block-quote::before { font-size: 72px; line-height: 44px; left: 17px; }
	.single-article .wp-block-quote .wp-block-paragraph:first-child { font-size: 23px; line-height: 33px; }
	
	.single-article .wp-block-image { margin: 23px 0 28px; }
	.single-article .wp-block-image > .wp-element-caption { font-size: 13px; line-height: 17px; }
	
	.single-article .share-buttons { gap: 9px; }
	.single-article .share-buttons > a { padding: 0 15px; font-size: 12px; }
	
	.single-article .article-highlights { max-width: calc(100% - 60px); margin-top: 46px; padding-top: 28px; row-gap: 29px; padding-bottom: 57px; }
	.single-article .article-highlights > h2 { font-size: 27px; line-height: 42px; }
}