article {
width: 100%;
} .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;
}
}