/**
 * Style of single news template
 */

article {
    width: 100%;
}
/* HEADER */
.article_header {
    padding-bottom: 3rem;
}
.single .opt_title {
    padding-bottom: 0;
}
.single .opt_title::before {
    content: '“';
}
.single .opt_title::after {
    content: '”';
}
.orange .opt_title {
    color: var(--main-orange);
}
.green .opt_title {
    color: var(--main-green);
}
.purple .opt_title {
    color: var(--main-purple);
}
.news_date.big {
    font-size: min(max(.6rem, 1.2vw), 1rem);
}
.news_content {
    position: relative;
}
.news_text h1,
.news_text h2,
.news_text h3,
.news_text h4,
.news_text h5,
.news_text h6 {
    padding-bottom: 2rem;
    font-size: min(max(1.1rem, 1.8vw), 1.5rem);
    break-after: avoid;
}
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6 {
    color: var(--main-orange);
}
.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h6 {
    color: var(--main-green);
}
.purple h1,
.purple h2,
.purple h3,
.purple h4,
.purple h5,
.purple h6 {
    color: var(--main-purple);
}
.news_text {
    width: 50%;
    display: inline;
}
.news_text p,
.news_text div:first-child {
    padding-bottom: 1rem;
}
.news_text * {
    font-size: clamp(1rem, .1vw + 1rem, 1.2rem);
}

.news_content img {
    width: 47%;
    float: left;
    margin: 1rem 2rem 1rem 0;
    max-height: 800px;
    aspect-ratio: 1/1;
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
@media all and (max-width: 1200px) {
    .news_content img {
        aspect-ratio: 1/1.2;
    }
}
@media all and (max-width: 1000px) {
    .news_content img {
        aspect-ratio: 1/1.3;
    }
}
@media all and (max-width: 900px) {
    .news_content img {
        aspect-ratio: 1/1.4;
    }
}
@media all and (max-width: 800px) {
    .news_content img {
        aspect-ratio: 1/1.55;
    }
}
@media all and (max-width: 768px) {
    .news_content img {
        max-height: 500px;
    }
}
@media (max-width: 480px) {
    .news_content img {
        max-height: 450px;
    }
}