.main-blog{--page-width:1370px;background:#ffeddf}
.main-blog .title--primary{font-family:Gelica,sans-serif;font-weight:300;font-size:3.6rem;line-height:4.7rem;color:#593422;margin:0}
@media(min-width:768px){
.main-blog .title--primary{font-size:5.6rem;line-height:6.2rem}
}
.main-blog .don-blog-description{max-width:76.1rem;font-family:Gelica,sans-serif;font-weight:300;font-size:1.4rem;line-height:2.1rem;color:#756e6b;margin:.8rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-moz-box;-moz-line-clamp:3;box-orient:vertical;line-clamp:3;overflow:hidden;text-overflow:ellipsis}
@media(min-width:768px){
.main-blog .don-blog-description{display:block;font-size:1.8rem;line-height:2.7rem;margin:1rem 0 0}
}
.main-blog .don-blog-description+.don-read-more{display:inline-block;font-family:Gelica,sans-serif;font-size:1.4rem;font-weight:400;line-height:2.1rem;color:#899c80;margin:-.5rem 0 0;transition:opacity ease .3s}
@media(min-width:768px){
.main-blog .don-blog-description+.don-read-more{display:none}
}
.main-blog .don-blog-description+.don-read-more:is(:focus,:hover){opacity:.75}
.main-blog .tab-filter{scrollbar-color:#c0b7b0 transparent;overflow:auto;scroll-snap-align:start;scroll-snap-type:x mandatory;margin:3.6rem -1.5rem;padding:0 1.5rem}
@media(max-width:989.98px){
.main-blog .tab-filter{padding-bottom:0;color:#f4ddcb}
}
.main-blog .tab-filter::-webkit-scrollbar{height:.5rem}
.main-blog .tab-filter::-webkit-scrollbar-track{background:rgba(0,0,0,0)}
.main-blog .tab-filter::-webkit-scrollbar-thumb{background-color:rgba(192,183,176,.5);border-radius:0;border:none}
.main-blog .tab-filter .tab-list{display:inline-flex;list-style:none;border-bottom:2px solid #f4ddcb;margin:0;padding:0}
@media(max-width:767.98px){
.main-blog .tab-filter .tab-item:first-of-type a{padding-left:0}
}
.main-blog .tab-filter .tab-item.active a{color:#c87d60;border-bottom:2px solid #c87d60;text-align:center;margin-bottom:-.2rem;padding-bottom:1.2rem}
.main-blog .tab-filter .tab-item a{display:block;font-family:Gelica,sans-serif;font-size:1.6rem;line-height:2.4rem;text-align:center;text-decoration:none;color:#756e6b;transition:color ease .3s;padding:1rem 2.6rem;white-space:nowrap}
.main-blog .tab-filter .tab-item a:is(:hover,:focus){color:#c87d60}
.main-blog .blog-teaser-grid{--grid-desktop-horizontal-spacing:32px;--grid-desktop-vertical-spacing:70px;--grid-mobile-horizontal-spacing:20px;--grid-mobile-vertical-spacing:29px;grid-template-columns:1fr}
@media(min-width:520px){
.main-blog .blog-teaser-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1142px){
.main-blog .blog-teaser-grid{grid-template-columns:repeat(3,1fr)}
}
.main-blog #description-expanded:target .don-blog-description{display:flex}
.main-blog #description-expanded:target .don-blog-description+.don-read-more{display:none}
.main-blog .loadmore{min-width:22rem;font-family:Gelica,sans-serif;font-size:1.5rem;font-weight:300;line-height:2.1rem;text-align:center;color:#c87d60;background:rgba(0,0,0,0);border:1px solid #c87d60;border-radius:5rem;box-shadow:none;transition:opacity ease .3s}
.main-blog .loadmore:is(:focus,:hover){opacity:.75}
.main-blog .loadmore::after,.main-blog .loadmore::before{content:none}
.main-blog .loadmore-wrapper{text-align:center;margin-top:1.9rem}
.template-blog-learn .main-blog{background:#fafafa}
.template-blog-learn .main-blog .title--primary{color:#333}
.template-blog-learn .main-blog .tab-filter .tab-list{border-bottom:2px solid #ececec}
.template-blog-learn .main-blog .tab-filter .tab-item a:is(:hover,:focus){color:#899c80}
.template-blog-learn .main-blog .tab-filter .tab-item.active a{color:#899c80;border-bottom:2px solid #899c80}
.template-blog-learn .don-blog-articles-counter .don-progress{background:#ececec}
.template-blog-learn .don-blog-articles-counter .don-progress-bar{background:#899c80}
.template-blog-learn .card__information{padding:2rem}
.template-blog-learn .card__information .read-time{display:flex;align-items:center;font-size:1.5rem;font-weight:300;line-height:2.4rem;padding:0}
.template-blog-learn .card__information .read-time svg{margin-right:.9rem}