/* — HERO SECTION STYLING — */
.featured-lg-tags a,
.featured-sm-tags a {
text-decoration: none !important;
}
.featured-lg-tags {
z-index: 20;
}
h2.featured-lg-title {
margin-top: 12px;
}
.featured-lg-article:hover h2.featured-lg-title {
text-decoration: underline;
}
.featured-lg-article:hover .featured-lg-image img {
transform: scale(1.1)
}
h2.featured-lg-title a:hover {
text-decoration: underline;
}
.featured-lg-image a .kb-is-ratio-image {
overflow: hidden;
}
.featured-lg-image a .kb-is-ratio-image img {
transition: 0.4s;
}
.featured-lg-image a .kb-is-ratio-image:hover img {
transform: scale(1.1);
}
.featured-lg-content {
position: relative;
}
.featured-lg-tags {
position: absolute;
top: 24px;
}
/* — FEATURED SMALL ARTICLE STYLING — */
.featured-small-articles .kt-post-grid-wrap>.kt-blocks-post-grid-item {
width: 100% !important;
}
.featured-sm-article li:hover .featured-sm-image img {
transform: scale(1.1);
}
.featured-sm-article li:hover h3.featured-small-title {
text-decoration: underline;
}
.featured-sm-image {
overflow: hidden;
}
.featured-sm-image img {
transition: 0.4s;
}
.featured-sm-content {
margin-top: 4px;
height: 100%;
}
/* — TRENDING ARTICLES STYLING — */
.trending-articles .kt-post-grid-layout-grid-wrap>.kt-blocks-post-grid-item {
width: 100% !important;
}
.trending-articles .kt-post-grid-layout-grid-wrap>.kt-blocks-post-grid-item:hover h3.entry-title {
text-decoration: underline;
}
.trending-articles .kt-post-grid-layout-grid-wrap>.kt-blocks-post-grid-item:hover img {
transform: scale(1.1);
}
.trending-articles article img {
overflow: hidden;
}
.trending-articles article img {
transition: 0.4s;
}
@media (max-width: 767px) {
/* MOBILE TRENDING ARTICLES STYLING –*/
.kt-post-grid-layout-carousel.trending-mobile {
overflow: visible;
}
.trending-mobile .kt-post-slider-item.vacation-article {
max-width: 230px;
min-width: 230px;
flex-shrink: 0;
}
.trending-mobile h2.entry-title {
padding-top: 4px !important;
font-weight: 400;
}
.trending-mobile .kt-post-slider-item.vacation-article .kt-blocks-post-grid-item-inner {
min-height: 105px;
}
.trending-mobile .kb-splide .splide__track {
overflow: visible;
}
#splide01-track {
padding-left: calc((100vw – 230px) / 2) !important;
padding-right: calc((100vw – 230px) / 2) !important;
}
}
