/* =============================================================================
   shared/news.css
   Extracted from style.css. Loaded only on: block recent_three_news, archive.php, index.php, single.php
============================================================================= */

.news_section {position: relative;}
.news_section .bottom_link {margin-top: 55px;}
.news_grid {display: flex;flex-wrap: wrap;gap: 20px;}
.news_grid .news_card {text-decoration: none; display: block;border: 1px solid var(--backgrondColorGray);border-radius: 5px;background: #fff;width: calc(33.33% - 15px);overflow: hidden;position: relative;z-index: 1;}
.news_grid .news_card .image {overflow: hidden;}
.news_grid .news_card .image img {display: block;width: 100%;object-fit: cover;aspect-ratio: 900/571;}
.news_grid .news_card .text {text-align: center;padding: 15px 15px 34px;}
.news_grid .news_card h5:last-child {margin-bottom: 0;}

@media only screen and (min-width:768px) {
    .news_grid .news_card .image img {transform: scale(1);transition: 0.4s;}
    .news_grid .news_card:hover .image img {transform: scale(1.04);}
}

@media only screen and (max-width:767px) {
    .news_grid .news_card {width: 100%;}
}

@media only screen and (max-width:600px) {
    .news_section .bottom_link {margin-top: 40px;}
    .news_section  .mb-50 {margin-bottom: 30px !important;}
}