| 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/news_artical.css |
.news {
width: 90%;
margin: 10vh auto;
padding: 20px 0;
}
.news-session {
display: flex;
}
.main-details {
display: flex;
margin-bottom: 20px;
}
.main-details .col-30 {
width: 30%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-evenly;
}
.main-details .col-70 {
width: 80%;
margin-right: 15px;
}
.main-details .date {
font-size: 13px;
font-weight: 500;
color: #606060;
display: flex;
align-items: center;
}
.main-details .date span{
font-size: 18px;
margin-right: 5px;
}
.news .newsfeed {
width: 100%;
margin-bottom: 15px;
}
.news .newsfeed .newsfeeds {
width: auto;
margin-bottom: 40px;
}
.news-image {
width: 100%;
height: auto;
}
.news-image img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
}
.news .news-title {
font-size: 26px;
margin: 10px 0;
color: #000;
font-weight: 500;
}
.news .description {
font-size: 14px;
line-height: 1.4;
letter-spacing: 1px;
text-align: justify;
}
.news-list-title {
font-size: 18px;
margin-bottom: 15px;
color: #000;
}
.news-aside {
width: 30%;
padding: 0 20px;
}
.news-addsession img {
width: 100%;
}
.news-cart {
margin: 15px 0;
}
.news-cart .list-news {
margin: 10px auto;
font-size: 20px;
color: #525252;
}
/*.news-cart .newsfeed {*/
/* width: 90%;*/
/* margin: 10px auto;*/
/* background: var(--white);*/
/* padding: 10px;*/
/*}*/
.news-cart .news-title{
font-size: 16px;
}
.news-cart .description {
font-size: 13px;
line-height: 1.3;
text-align: justify;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
img.main-image {
height: 400px;
border-radius: 8px;
box-shadow: 0 0 16px -6px black;
}
.date-details , .date-details .date{
display: flex;
align-items: center;
font-size: 13px;
}
.date-details span.material-icons-outlined {
font-size: 16px;
margin-right: 5px;
}