@charset "UTF-8";
.Abnos {
direction: rtl;
padding: 0;
}
body.ltr .Abnos {
direction: ltr;
}
.Abnos .slick-slide > div {
margin: 0 13px;
}
.Abnos .article__item {
display: flex;
min-height: 650px;
padding: 28px 32px;
flex-direction: column;
outline: 0;
border: 1px solid #e4dfd7;
border-radius: 8px;
background: #fff;
box-shadow: 0 5px 18px rgba(17, 40, 63, .025);
transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.Abnos .article__item:hover {
border-color: #d2bf9f;
box-shadow: 0 15px 34px rgba(17, 40, 63, .08);
transform: translateY(-3px);
}
.Abnos .article__item .item__image {
position: relative;
margin: 0 0 20px;
}
.Abnos .article__item .item__image > a {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
padding: 0;
overflow: hidden;
border-radius: 8px;
}
.Abnos .article__item .item__image img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center;
box-shadow: none;
transition: transform .3s ease;
}
.Abnos .article__item:hover .item__image img {
transform: scale(1.025);
}
.Abnos .article__publish-date {
position: absolute;
top: 12px;
right: 12px;
padding: 6px 10px;
color: #fff;
background: #1f3753;
font-size: 12px;
}
body.ltr .Abnos .article__publish-date {
right: auto;
left: 12px;
}
.Abnos .article__item .item__title {
display: -webkit-box;
height: 68px;
margin: 0 0 13px;
overflow: hidden;
color: #243a51;
font-size: 17px;
font-weight: 700;
line-height: 1.95;
text-align: center;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
body.ltr .Abnos .article__item .item__title {
text-align: center;
}
.Abnos .article__item .item__title a {
color: inherit;
text-decoration: none;
}
.Abnos .article__item .post__desc {
display: -webkit-box;
height: 112px;
margin: 0;
overflow: hidden;
color: #78818a;
font-size: 14px;
line-height: 2;
text-align: justify;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.Abnos .article__item__readmore__container {
margin-top: auto;
padding-top: 16px;
text-align: left;
}
body.ltr .Abnos .article__item__readmore__container {
text-align: right;
}
.Abnos .article__item__readmore {
display: inline-flex;
min-height: 44px;
margin: 0;
padding: 7px 20px;
align-items: center;
justify-content: center;
border: 1px solid #c5a981;
border-radius: 1px;
color: #c5a981;
background: transparent;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.Abnos .article__item__readmore:hover,
.Abnos .article__item__readmore:focus {
border-color: #1f3753;
color: #fff;
background: #1f3753;
}
.Abnos__slick-nav {
display: flex;
margin-top: 30px;
direction: ltr;
justify-content: center;
text-align: center;
}
.Abnos__slick-nav button {
display: inline-flex;
width: 32px;
height: 32px;
margin: 0 2px;
padding: 0;
align-items: center;
justify-content: center;
border: 0;
border-radius: 1px;
color: #fff;
background: #c5a981;
cursor: pointer;
transition: background-color .2s ease;
}
.Abnos__slick-nav button:hover,
.Abnos__slick-nav button:focus {
background: #1f3753;
}
.Abnos__slick-nav button i {
font-size: 20px;
line-height: 1;
}
@media (max-width: 991px) {
.Abnos__slick-nav button { width: 44px; height: 44px; }
.Abnos .slick-slide > div {
margin: 0 8px;
}
.Abnos .article__item {
min-height: 500px;
padding: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.Abnos .article__item,
.Abnos .article__item .item__image img {
transition-duration: .01ms;
}
}