.fidere-wrapper {
max-width: 1100px;
margin: 0 auto;
font-family: 'Inter', sans-serif;
}
.fidere-tabs {
display: flex;
gap: 15px;
justify-content: center;
margin-bottom: 25px;
flex-wrap: wrap;
}
.fidere-tab {
color: #003f4d;
font-weight: 500;
font-size: 20px;
cursor: pointer;
background: none !important;
border: none !important;
padding: 0;
margin: 0;
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent;
transition: color 0.3s ease;
} .fidere-tab:hover {
color: #f0b001 !important;
background: none !important;
box-shadow: none !important;
text-decoration: none !important;
} .fidere-tab.active {
font-weight: 700;
color: #003f4d;
background: none !important;
box-shadow: none !important;
} .fidere-tab:focus,
.fidere-tab:active,
.fidere-tab::-moz-focus-inner {
outline: none !important;
box-shadow: none !important;
background: none !important;
border: none !important;
}
.fidere-carousel {
display: none;
}
.fidere-carousel.active {
display: block;
padding-bottom: 70px;
position: relative;
}
.swiper-container {
width: 100%;
overflow: hidden;
}
.swiper-wrapper {
display: flex;
flex-wrap: nowrap;
} .swiper-slide {
border: 1.2px solid #003f4d;
border-radius: 14px;
background: #fff;
padding: 14px;
box-sizing: border-box;
transition: transform .3s ease;
cursor: pointer;
height: 400px;
}
.swiper-slide:hover {
transform: translateY(-5px);
}
.fidere-card {
display: flex;
flex-direction: column;
height: 100%;
text-align: center;
} .fidere-thumb {
width: 100%;
margin-bottom: 15px;
}
.fidere-card .fidere-thumb {
margin-top: 35px !important; }
.fidere-thumb img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
object-position: center 30% !important; border-radius: 12px !important;
display: block !important;
}
.fidere-body {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fidere-title {
font-weight: 700;
color: #003f4d;
margin-bottom: 10px;
font-size: 17px;
}
.fidere-excerpt {
font-size: 15px;
color: #003f4d;
margin-bottom: 10px;
line-height: 1.5;
flex-grow: 1;
} .fidere-post-link {
display: none;
}
.swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
text-align: center;
}
.swiper-pagination-bullet {
background: #ffcc00 !important;
opacity: .5;
width: 12px;
height: 12px;
margin: 0 6px !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
} @media(max-width: 767px) { .swiper-slide {
padding: 6px !important; }
.fidere-thumb img { height: 120px !important;
}
.fidere-title {
font-size: 15px;
margin-bottom: 5px;
}
.fidere-excerpt {
font-size: 13px;
margin-bottom: 5px;
}
.fidere-tabs {
gap: 10px;
}
.fidere-tab {
font-size: 18px;
}
} .fidere-post-card .post-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5em;
max-height: calc(1.5em * 3);
color: #444;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
padding-bottom: 16px;
background: linear-gradient(to bottom, transparent 70%, #fff 100%);
} .fidere-post-card .post-excerpt::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1.5em;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
} .fidere-post-card:hover .post-excerpt {
overflow: hidden;
} .fidere-post-card .post-excerpt::first-line {
display: none;
} .fidere-post-card {
padding-bottom: 14px;
overflow: hidden;
border-radius: 8px;
}