.news-page__article {
margin-top: 42px;
margin-bottom: 38px;
max-width: 90%;
}
.news-page__title {
margin: 0;
}
.news-page-subtitle {
}
.news__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-content: flex-start;
align-items: flex-start;
gap: 22px;
}
.news__post--none {
height: 20vh;
display: flex;
align-items: center;
justify-content: center;
}
.news__item {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
box-sizing: border-box;
border: 1px solid var(--clr-white-hover);
border-radius: 8px;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
background: var(--clr-white);
}
.news__item picture {
height: 320px;
width: 100%;
}
.news__img {
width: 100%;
height: 320px;
object-fit: cover;
}
.news__item-article {
padding: 32px 24px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.news__date {
margin: 0 0 28px 0;
color: var(--clr-gray);
}
.news__item-title {
margin: 0 0 32px 0;
}
.news__link {
margin-top: auto;
color: var(--clr-blue);
}
.btn__news {
align-self: center;
}
@media screen and (max-width: 1024px) {
.news__item picture {
height: 200px;
}
.news__img {
height: 200px;
}
.news__item-article {
padding: 24px;
}
.news__date {
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 768px) {
.news-page__article {
margin-top: 90px;
max-width: 100%;
}
.news__list {
display: flex;
flex-direction: column;
gap: 12px;
}
.news__item {
width: 100%;
}
.news__item-article {
padding: 18px;
}
.news__date {
margin: 0 0 12px 0;
}
.news__item-title {
margin: 0 0 18px 0;
}
} .single__news-img {
height: 520px;
width: 100%;
object-fit: cover;
object-position: top;
border-radius: 8px;
}
.single__news-article {
padding: 20px 0;
max-width: 846px;
display: flex;
flex-direction: column;
gap: 32px;
}
.single__news-title {
margin: 0;
}
.single__news-info {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
gap: 20px;
border-bottom: 1px solid #64646430;
}
.single__news-body {
padding: 20px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.single__news-content {
max-width: 846px;
}
.single__news-content figure {
width: 100% !important;
margin: 32px 0;
}
.single__news-content figure figcaption {
text-align: center;
}
.single__news-content figure img {
width: 100% !important;
margin-bottom: 12px;
}
.single__news-content ul {
padding-left: 20px;
}
.single__news-content ul li {
margin-bottom: 8px;
line-height: 140%;
}
.single__news-content ol li {
margin-bottom: 8px;
line-height: 140%;
}
.pagination {
display: flex;
justify-content: center;
}
.page-numbers {
margin: 32px 0 0;
padding: 0;
list-style: none;
display: flex;
gap: 24px;
color: var(--clr-blue);
}
@media screen and (max-width: 438px) {
.single__news-wrapper {
margin-top: 80px;
}
}