| Linux in-mum-web1499.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 Path : /home/u901718425/public_html/css/ |
| Current File : /home/u901718425/public_html/css/review.css |
.g-5 {
gap: 15px;
}
.news-body{
margin-top: 75px;
padding: 20px 60px;
}
.w-100{
width: 100% !important;
}
.flex-column{
flex-direction: column;
}
.links {
display: flex;
flex-direction: column;
padding: 20px;
border-radius: 6px;
background: var(--secound-color);
margin: 0 auto;
height: fit-content;
}
.links.fixed {
right: 60px;
position: absolute;
}
.links h4 {
margin-top: 0;
margin-bottom: 15px;
}
.news-body .bread-crum {
font-size: 12px;
}
.news-body h3 {
margin-top: 5px;
}
.news-body img.banner-image-news {
width: 100%;
height: 350px;
border-radius: 12px;
}
.news-feeds {
display: flex;
flex-wrap: wrap;
width: 65vw;
gap: 15px;
}
.news-feeds .share {
position: relative;
font-size: 24px;
}
.news-feeds p.news-details {
text-align: justify;
font-weight: 300;
line-height: 1.6;
}
.news-feeds .news {
max-width: calc(96% / 3);
flex: 1 0 calc(96% / 3);
min-width: 250px;
}
.news-feeds.col-4 .news {
max-width: calc(96% / 4) !important;
flex: 1 0 calc(96% / 4) !important;
min-width: 250px;
}
.news-feeds .news img {
aspect-ratio: 4 / 3;
width: 100%;
border-radius: 8px;
overflow: hidden;
height: 180px;
}
.news-feeds .news .news-headline{
margin: 2px 0;
font-weight: 600;
text-align: justify;
}
.news-feeds .news .news-headline:hover{
color: var(--house-color);
}
.news-feeds .news .news-date {
font-weight: 400;
font-size: 12.5px;
}
@media screen and (max-width: 600px) {
.news-body .bread-crum {
font-size: 8px;
}
.news-feeds.col-4 .news {
max-width: calc(95% / 2) !important;
flex: 1 0 calc(95% / 2) !important;
}
.news-feeds {
width: 100% !important;
}
.news-feeds .news {
max-width: calc(95% / 2) !important;
flex: 1 0 calc(95% / 2) !important;
min-width: 130px !important;
}
.news-feeds .news .news-headline {
font-size: 12px !important;
}
small.news-date {
font-size: 11px !important;
}
.news-feeds .news img {
height: 120px !important;
}
.news-body {
padding: 20px;
}
.links {
display: none;
}
img.banner-image-news {
aspect-ratio: 4 / 2;
height: max-content !important;
}
}