.ruoungon24h-thumbnail-slider {
position: relative;
margin-bottom: 30px; .thumbnail-slider-main {
width: 100%;
margin-bottom: 0;
overflow: visible; position: relative;
}
.thumbnail-slider-main .swiper-slide {
position: relative;
}
.thumbnail-slider-main .swiper-slide a {
display: block;
}
.thumbnail-slider-main .slider-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}  .thumbnail-slider-thumbs-container {
position: absolute;
bottom: 32px;
left: 0;
right: 0; z-index: 10;
padding: 8px 0; }
.thumbnail-slider-thumbs {
width: 100%;
height: 50px; padding: 0 30px;
box-sizing: border-box;
}
.thumbnail-slider-thumbs .swiper-slide {
width: 128px;
height: auto;
opacity: 0.6;
cursor: pointer; overflow: hidden;
transition: opacity 0.3s ease;
margin: 0 4px;
}
.thumbnail-slider-thumbs .swiper-slide-thumb-active {
opacity: 1;
position: relative;
} .thumbnail-slider-thumbs .swiper-slide-thumb-active::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 3px;
background-color: #720213;
border-radius: 1.5px;
}
.thumbnail-slider-thumbs .thumb-image {
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
border: 1px solid rgba(0, 0, 0, .5);
} .thumbnail-slider-main .swiper-button-next,
.thumbnail-slider-main .swiper-button-prev {
color: rgba(255, 255, 255, 0.45);
}
.thumbnail-slider-main .swiper-button-next:hover,
.thumbnail-slider-main .swiper-button-prev:hover {
color: rgba(255, 255, 255, 1);
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 32px !important;
}
.thumbnail-slider-main .swiper-pagination-bullet-active {
background: #720213;
} .swiper-pagination-clickable .swiper-pagination-bullet {
width: 48px;
border-radius: 0;
height: 4px;
margin-right: 14px !important;
background-color: rgba(255, 255, 255, .5) !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
background-color: #fff !important;
}
} .ruoungon24h-thumbnail-slider.display-desktop-only {
display: block;
}
.ruoungon24h-thumbnail-slider.display-mobile-only {
display: none;
} @media (max-width: 768px) {
.ruoungon24h-thumbnail-slider.display-desktop-only {
display: none;
}
.ruoungon24h-thumbnail-slider.display-mobile-only {
display: block;
}
.ruoungon24h-thumbnail-slider {
.swiper-pagination-clickable .swiper-pagination-bullet {
width: 32px;
height: 3px;
}
.thumbnail-slider-thumbs {
height: 40px;
}
.thumbnail-slider-thumbs .swiper-slide {
width: 40px;
height: 40px;
margin: 0 3px;
}
.thumbnail-slider-thumbs-container {
position: absolute;
bottom: 16px;
left: 0;
right: 0;
display: none;  } .thumbnail-slider-main .slider-content {
padding: 15px;
} .thumbnail-slider-thumbs .swiper-slide {
opacity: 0.99;
}
.thumbnail-slider-thumbs .swiper-slide-thumb-active::after {
bottom: -8px;
width: 20px;
height: 2px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 24px !important;
}
}
}.blog-posts-block {
margin-bottom: 2rem;
}
.blog-posts-block .blog-post-item {
transition: all 0.3s ease;
}
.blog-posts-block .blog-post-item:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
} .blog-posts-block .line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-posts-block .line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .blog-posts-block .blog-post-item img {
transition: transform 0.3s ease;
}
.blog-posts-block .blog-post-item:hover img {
transform: scale(1.05);
} @media (min-width: 768px) {
.blog-posts-block .md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.blog-posts-block .lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.blog-posts-block .lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}.icon-list-items.icon-list-vertical {
}
.icon-list-vertical.text-left .icon-list-item {
justify-content: flex-start;
}
.icon-list-vertical.text-center .icon-list-item {
justify-content: center;
}
.icon-list-vertical.text-right .icon-list-item {
justify-content: flex-end;
}
.icon-list-horizontal.text-left .icon-list-item {
align-items: flex-start;
}
.icon-list-horizontal.text-center .icon-list-item {
align-items: center;
}
.icon-list-horizontal.text-right .icon-list-item {
align-items: flex-end;
}
.icon-list-vertical .icon-list-items {
display: flex;
flex-direction: column;
gap: 6px;
}
.icon-list-horizontal .icon-list-items {
display: flex;
flex-direction: column;
gap: 6px;
}
.icon-list-items .icon-list-item {
display: flex;
align-items: center;
gap: 12px;
} .wp-block-ruoungon24h-icon-list .icon-list-link,
.wp-block-ruoungon24h-icon-list .icon-list-text {
color: inherit;
}
.wp-block-ruoungon24h-icon-list .icon-list-link:hover {
color: #720213;
} .wp-block-ruoungon24h-icon-list[style*="color"] .icon-list-link,
.wp-block-ruoungon24h-icon-list[style*="color"] .icon-list-text {
color: inherit;
}
.wp-block-ruoungon24h-icon-list[style*="color"] .icon-list-link:hover {
opacity: 0.8;
}