.career-invest-news {
display: flex;
flex-direction: column;
gap: 30px;
} .news-item-link {
text-decoration: none;
color: inherit;
display: block;
}
.news-item-link:hover .news-title {
color: var(--hover);
}
.news-item-link:hover {
text-decoration: none;
color: inherit;
} .news-item {
display: flex;
gap: 20px;
} .news-image {
min-width: 590px !important;
border-radius: 10px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
min-height: 200px;
transition: background-size 0.5s ease;
}
.news-item:hover .news-image {
background-size: 110%;
} .news-content {
display: flex;
flex-direction: column;
justify-content: space-between;
} .news-title {
font-family: "Geologica", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 120%;
margin-bottom: 10px !important;
color: var(--zagolovok-2);
transition: color 0.3s linear;
} .news-text {
font-family: "Geologica", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--tekst-1);
} .news-date {
font-family: "Geologica", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 130%;
color: var(--text-3);
} .news-pagination {
text-align: center;
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.news-pagination .page-numbers {
display: inline-block;
padding: 8px 12px;
margin: 0 3px;
border: 1px solid #ddd;
color: #666;
text-decoration: none;
border-radius: 3px;
font-size: 14px;
}
.news-pagination .page-numbers:hover {
background-color: #f5f5f5;
}
.news-pagination .current {
background-color: #f90;
color: #fff;
border-color: #f90;
}
.news-pagination .prev,
.news-pagination .next {
padding: 8px 15px;
} .popular-news-title {
font-family: "Geologica", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 130%;
color: var(--zagolovok-2);
margin-bottom: 12px !important;
}
.popular-news-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.popular-news-item {
padding: 6px 12px 12px 12px;
border: 1px solid var(--text-4-svetlyy-dlya-temnogo);
border-radius: 10px;
transition: all 0.3s linear;
cursor: pointer;
}
.popular-news-link {
text-decoration: none;
color: inherit;
display: block;
}
.popular-news-item:hover .popular-news-item-title {
color: var(--hover, #f90);
}
.popular-news-item:hover {
border: 1px solid var(--tekst-1);
}
.popular-news-item-title {
font-family: "Geologica", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: var(--zagolovok-2);
transition: color 0.3s linear;
margin-bottom: 12px !important;
}
.popular-news-item-text {
font-family: "Geologica", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 130%;
color: var(--tekst-1);
}
.popular-news-date {
font-family: "Geologica", sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 130%;
text-align: right;
color: var(--text-3);
margin-bottom: 10px;
}
.news__date {
font-family: "Geologica", sans-serif;
font-weight: 300;
font-size: 16px;
color: var(--text-2);
}
.news-page__right-side {
max-width: 387px !important;
}
.news-page__main-image {
height: 450px !important;
border-radius: 16px;
}
.news-page__btn-icon .elementor-icon-wrapper {
max-height: 24px !important;
}
.solo-news__btn-all svg {
fill: var(--p1);
transition: fill .3s linear;
}
.solo-news__btn-all:hover svg {
fill: var(--hover) !important;
}
.solo-news__btn-all p {
transition: color .3s linear;
}
.solo-news__btn-all:hover p {
color: var(--hover) !important;
}
@media (max-width: 1279px) {
.news-page__right-side {
max-width: 32% !important;
}
}
@media (max-width: 1023px) {
.news-image {
min-width: 0 !important;
width: 90% !important;
}
.news-title {
font-size: 16px;
font-weight: 700;
}
.career-invest-news {
gap: 20px;
}
}
@media (max-width: 959px) {
.solo-news__btn-all {
max-width: 225px;
}
.popular-news-title {
margin-bottom: 37px;
}
.popular-news-list {
flex-direction: row;
}
.news-page__right-side {
max-width: 100% !important;
}
.news-page__main-image {
height: 360px !important;
}
}
@media (max-width: 767px) {
.news-item {
flex-direction: column;
gap: 10px;
}
.news-image {
width: 100% !important;
}
.news-title {
margin-bottom: 6px;
}
.career-invest-news {
gap: 50px;
}
.popular-news-list {
flex-direction: column;
gap: 10px;
}
.news-date {
margin-top: 16px;
}
.news__content img {
width: 100%;
}
}
@media (max-width: 499px) {
.news-image {
min-height: 160px;
}
}
@media (max-width: 374px) {}