.flext-categories .category-item {
padding: 2rem;
}
.flext-categories.has-thumbnail .category-item {
overflow: hidden;
padding: 0;
}
.flext-categories a {
align-items: center;
display: flex;
height: 100%;
outline: none;
overflow: hidden;
width: 100%;
}
.flext-categories.has-thumbnail a {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
position: relative;
}
.flext-categories.has-thumbnail a::before {
background: #000;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0.4;
position: absolute;
right: 0;
transition: opacity 0.3s;
top: 0;
z-index: 1;
}
.flext-categories.has-thumbnail a:hover::before,
.flext-categories.has-thumbnail a:focus::before {
opacity: 0.25;
}
.flext-categories.has-thumbnail a img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.flext-categories a span {
display: inline-block;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 2;
}
.flext-categories.has-thumbnail a span {
padding: 1rem 1.5rem;
}
.flext-categories .posts-count {
align-items: center;
bottom: 0;
display: inline-flex;
margin-left: 1.5rem;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.flext-categories.has-thumbnail .posts-count {
color: #fff;
padding: 1rem 1.5rem;
} .flext-widget-categories .flext-categories {
list-style: none;
margin: 0;
padding: 0;
}
.flext-widget-categories .flext-categories .category-item {
align-items: center;
display: flex;
justify-content: space-between;
line-height: 1.6;
margin-bottom: 1.5rem;
position: relative;
}
.flext-widget-categories .flext-categories .category-item:last-child {
margin-bottom: 0;
}
.flext-widget-categories .flext-categories a span {
max-width: 85%;
} .flext-block-categories.is-style-plain {
display: flex;
gap: 2rem;
flex-flow: row wrap;
}
.flext-block-categories.is-style-plain .category-item {
display: inline-block;
padding: 0;
}
.flext-block-categories.is-style-plain .category-item a,
.flext-block-categories.is-style-plain .category-item a span {
display: inline;
}
.flext-block-categories.is-style-plain .posts-count {
font-weight: 400;
display: inline-block;
margin: 0;
padding: 0.5rem 0.8rem 0;
position: relative;
vertical-align: top;
}
.flext-block-categories.flext-carousel .flext-button-prev {
left: 1.5rem;
transition: opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel .flext-button-next {
right: 1.5rem;
transition: opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel .flext-button-disabled {
opacity: 0;
} @media (min-width: 1024px) {
.flext-block-categories.flext-carousel .flext-button-prev {
left: 0;
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel:hover .flext-button-prev:not(.flext-button-disabled) {
transform: translate(1.5rem, -50%);
opacity: 1;
}
.flext-block-categories.flext-carousel .flext-button-next {
opacity: 0;
right: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel:hover .flext-button-next:not(.flext-button-disabled) {
transform: translate(-1.5rem, -50%);
opacity: 1;
}
.flext-block-categories.flext-carousel.alignfull .flext-button-prev {
left: 1.5rem;
}
.flext-block-categories.flext-carousel.alignfull .flext-button-next {
right: 1.5rem;
}
}