:root {
--flext-carousel-color: #000;
--flext-carousel-pagination-height: 3rem;
--flext-carousel-arrow-height: 4rem;
--flext-carousel-arrow-font-size: 1.8rem;
}
.flext-carousel {
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
z-index: 1;
}
.flext-carousel-vertical .flext-carousel-wrapper {
flex-direction: column;
}
.flext-carousel-wrapper {
box-sizing: content-box;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
z-index: 1;
}
.flext-carousel-android .flext-slide,
.flext-carousel-wrapper {
transform: translate3d(0, 0, 0);
}
.flext-carousel-multirow .flext-carousel-wrapper {
flex-wrap: wrap;
}
.flext-carousel-multirow-column .flext-carousel-wrapper {
flex-direction: column;
flex-wrap: wrap;
}
.flext-carousel-free-mode .flext-carousel-wrapper {
margin: 0 auto;
transition-timing-function: ease-out;
}
.flext-carousel-pointer-events {
touch-action: pan-y;
}
.flext-carousel-pointer-events.flext-carousel-vertical {
touch-action: pan-x;
}
.flext-slide {
box-sizing: border-box;
flex-shrink: 0;
height: 100%;
opacity: 0;
position: relative;
transition-property: transform, opacity;
width: 100%;
}
.flext-carousel-initialized .flext-slide {
opacity: 1;
}
.flext-slide-invisible-blank {
visibility: hidden;
}
.flext-carousel-autoheight,
.flext-carousel-autoheight .flext-slide {
height: auto;
}
.flext-carousel-autoheight .flext-carousel-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.flext-carousel-css-mode .flext-carousel-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.flext-carousel-css-mode .flext-carousel-wrapper::-webkit-scrollbar {
display: none;
}
.flext-carousel-css-mode .flext-carousel-wrapper > .flext-slide {
scroll-snap-align: start start;
}
.flext-carousel-horizontal.flext-carousel-css-mode > .flext-carousel-wrapper {
scroll-snap-type: x mandatory;
}
.flext-carousel-vertical.flext-carousel-css-mode > .flext-carousel-wrapper {
scroll-snap-type: y mandatory;
} .flext-button-next,
.flext-button-prev {
align-items: center;
background: #222;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: flex;
font-size: var(--flext-carousel-arrow-font-size);
height: var(--flext-carousel-arrow-height);
justify-content: center;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.3s;
width: var(--flext-carousel-arrow-height);
z-index: 10;
}
.flext-carousel-initialized .flext-button-prev,
.flext-carousel-initialized .flext-button-next {
opacity: 1;
}
.flext-button-prev.flext-button-disabled,
.flext-button-next.flext-button-disabled {
cursor: default;
opacity: 0.35;
pointer-events: initial;
}
.flext-button-next::after,
.flext-button-prev::after {
font-variant: initial;
line-height: 1;
letter-spacing: 0;
text-transform: none;
}
.flext-button-prev {
left: 10px;
right: auto;
}
.flext-button-prev::after {
content: "\e912" ;
font-family: flextension, sans-serif;
}
.flext-button-next {
left: auto;
right: 10px;
}
.flext-button-next::after {
content: "\e913" ;
font-family: flextension, sans-serif;
}
.flext-button-lock {
display: none;
} .flext-pagination {
align-items: center;
display: flex;
justify-content: center;
margin: var(--flext-carousel-pagination-height) auto 0 auto;
position: relative;
text-align: center;
transition: 0.3s opacity;
width: 20rem;
z-index: 10;
}
.flext-pagination.flext-pagination-hidden {
opacity: 0;
} .flext-carousel-horizontal .flext-pagination-bullets,
.flext-pagination-custom,
.flext-pagination-fraction {
width: 100%;
}
.flext-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden;
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet {
position: relative;
transform: scale(0.33);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active {
transform: scale(1);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active-main {
transform: scale(1);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active-prev {
transform: scale(0.66);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active-next {
transform: scale(0.66);
}
.flext-pagination-bullets-dynamic .flext-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.flext-pagination-bullet {
cursor: pointer;
display: inline-block;
height: 3rem;
line-height: 0;
position: relative;
width: 3rem;
}
button.flext-pagination-bullet {
border: none;
box-shadow: none;
appearance: none;
margin: 0;
padding: 0;
}
.flext-pagination-bullet::before {
background: var(--flext-carousel-pagination-color);
content: "";
display: inline-block;
height: 100%;
opacity: 0.2;
transition: opacity 0.25s ease-in-out;
vertical-align: top;
width: 100%;
}
.flext-pagination-bullet:hover::before {
opacity: 0.4;
}
.flext-pagination-bullet-active::before,
.flext-pagination-bullet-active:hover::before {
opacity: 1;
}
.flext-carousel-vertical .flext-pagination-bullets {
position: absolute;
right: 1rem;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.flext-carousel-vertical .flext-pagination-bullets .flext-pagination-bullet {
display: block;
height: 3rem;
padding: 0 0.2rem;
width: 0.5rem;
}
.flext-carousel-vertical .flext-pagination-bullets.flext-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.flext-carousel-vertical .flext-pagination-bullets.flext-pagination-bullets-dynamic .flext-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.flext-carousel-horizontal .flext-pagination-bullets .flext-pagination-bullet {
padding: 1.4rem 0;
}
.flext-carousel-horizontal .flext-pagination-bullets.flext-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.flext-carousel-horizontal .flext-pagination-bullets.flext-pagination-bullets-dynamic .flext-pagination-bullet {
transition: 0.2s transform, 0.2s left;
} .flext-pagination-fraction .flext-pagination-current {
display: inline-block;
margin-right: 1.5rem;
}
.flext-pagination-fraction .flext-pagination-separator {
background-color: var(--flext-carousel-pagination-color);
display: inline-block;
height: 0.1rem;
vertical-align: middle;
width: 2rem;
}
.flext-pagination-fraction .flext-pagination-total {
display: inline-block;
margin-left: 1.5rem;
} .flext-pagination-progressbar .flext-progressbar {
display: inline-block;
position: relative;
width: 100%;
}
.flext-carousel-horizontal .flext-pagination-progressbar .flext-progressbar,
.flext-carousel-vertical .flext-pagination-progressbar.flext-pagination-progressbar-opposite .flext-progressbar {
height: 0.4rem;
}
.flext-carousel-horizontal .flext-pagination-progressbar.flext-pagination-progressbar-opposite .flext-progressbar,
.flext-carousel-vertical .flext-pagination-progressbar .flext-progressbar {
width: 0.4rem;
}
.flext-pagination-progressbar .flext-progressbar::before {
background: var(--flext-carousel-pagination-color);
bottom: 0;
content: "";
left: 0;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
}
.flext-pagination-progressbar .flext-pagination-current {
display: inline-block;
margin-right: 1rem;
}
.rtl .flext-pagination-progressbar .flext-pagination-current {
margin-left: 1rem;
margin-right: 0;
}
.flext-pagination-progressbar .flext-pagination-total {
display: inline-block;
margin-left: 1rem;
}
.rtl .flext-pagination-progressbar .flext-pagination-total {
margin-left: 0;
margin-right: 1rem;
}
.flext-pagination-progressbar .flext-progressbar-fill {
background: var(--flext-carousel-pagination-color);
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
transform-origin: left top;
width: 100%;
}
.flext-pagination-lock {
display: none;
} .flext-carousel-pagination.flext-carousel-horizontal .flext-button-prev,
.flext-carousel-pagination.flext-carousel-horizontal .flext-button-next {
top: calc((100% - var(--flext-carousel-pagination-height) * 2) / 2); } .flext-carousel-fade .flext-slide {
pointer-events: none;
}
.flext-carousel-fade .flext-slide-active {
pointer-events: auto;
} .flext-carousel-3d,
.flext-carousel-3d.flext-carousel-css-mode .flext-carousel-wrapper {
perspective: 1200px;
}
.flext-carousel-3d .flext-carousel-wrapper,
.flext-carousel-3d .flext-slide {
transform-style: preserve-3d;
} .flext-carousel-creative .flext-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
@media (min-width: 1024px) {
:root {
--flext-carousel-arrow-height: 5rem;
--flext-carousel-arrow-font-size: 3rem;
}
}.flext-tabs {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.flext-tabs-nav {
border-bottom: 1px solid #3e3e3e;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
line-height: 1.35;
list-style: none;
margin: 0 0 1rem;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.flext-tabs-nav a {
color: #333;
flex: 1 1 33.333333%;
outline: none;
padding: 1.5rem 0;
position: relative;
text-align: left;
text-decoration: none;
white-space: nowrap;
}
.flext-tabs-nav a span {
opacity: 0.6;
transition: opacity 0.3s;
}
.flext-tabs-nav a span:hover,
.flext-tabs-nav a span:focus,
.flext-tabs-nav a.is-active:hover span,
.flext-tabs-nav a.is-active:focus span,
.flext-tabs-nav a.is-active span {
opacity: 1;
outline: none;
}
.flext-tabs-nav a::after {
background: #333;
bottom: -2px;
content: "";
height: 3px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s, background-color 0.3s;
}
.flext-tabs-nav a.is-active::after {
opacity: 1;
}
.flext-tabs-nav i {
display: inline-block;
font-weight: 400;
font-size: 2rem;
margin: 0 0 5px 0;
transition: none;
vertical-align: middle;
}
.flext-tabs-nav span {
display: block;
}
.flext-tab-wrapper {
box-sizing: border-box;
overflow: hidden;
position: relative;
width: 100%;
}
.flext-tab {
box-sizing: border-box;
opacity: 0;
position: absolute;
transition: opacity 0.3s;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
.flext-tab.is-active {
opacity: 1;
position: relative;
visibility: visible;
z-index: 10;
} .flext-tabs.is-vertical {
flex-wrap: nowrap;
}
.flext-tabs.is-vertical .flext-tabs-nav {
background: #f9f9f9;
border-bottom: none;
display: block;
min-width: 40px;
overflow-x: hidden;
width: 40px;
}
.flext-tabs.is-vertical .flext-tabs-nav a {
display: block;
padding: 10px;
text-align: left;
}
.flext-tabs.is-vertical .flext-tabs-nav a::after {
display: none;
}
.flext-tabs.is-vertical .flext-tabs-nav a span {
display: none;
}  @media (min-width: 1024px) {
.flext-tabs.is-vertical {
flex-wrap: nowrap;
}
.flext-tabs.is-vertical .flext-tabs-nav a {
border-bottom: 1px solid #eee;
}
.flext-tabs.is-vertical .flext-tabs-nav a i {
margin: 0 5px 0 0;
}
}
@media (min-width: 1200px) {
.flext-tabs.is-vertical .flext-tabs-nav {
width: 20%;
}
.flext-tabs.is-vertical .flext-tabs-nav a span {
display: inline-block;
}
}.flext-post-tabs .flext-tabs-nav a {
text-align: center;
}
.flext-post-tabs ul {
list-style: none;
margin: 0;
padding: 1rem 0 0;
}
.flext-post-tabs .flext-tab ul li {
display: flex;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.flext-post-tabs .post-tab-posts li {
align-items: center;
}
.flext-post-tabs .has-post-thumbnail > div {
display: flex;
flex-direction: column;
}
.flext-post-tabs .post-tab-posts li > div {
flex: 0 1 50%;
}
.flext-post-tabs .flext-tab .post-title {
display: block;
}
.flext-post-tabs .flext-tab .post-title a {
display: block;
display: box;
display: -webkit-box;
line-break: after-white-space;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flext-post-tabs .recent-comments-list .post-thumbnail {
flex: 0 0 4rem;
}
.flext-post-tabs .recent-comments-list .post-header {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.flext-post-tabs .recent-comments-list .post-thumbnail a {
border-radius: 50%;
transform: translateZ(0);
}
.flext-post-tabs .recent-comments-list .post-thumbnail img {
width: 4rem;
} .flext-post-carousel-widget .flext-button-prev,
.flext-post-carousel-widget .flext-button-next {
border-radius: 0;
font-size: 2rem;
height: 4rem;
left: auto;
right: 0;
top: 0;
transform: none;
width: 4rem;
}
.flext-post-carousel-widget .flext-button-prev {
right: 4rem;
}
.flext-post-carousel-widget .post-thumbnail {
position: relative;
}
.flext-post-carousel-widget .post-thumbnail a {
display: block;
overflow: hidden;
}
.flext-post-carousel-widget img {
width: 100%;
}
.flext-post-carousel-widget .post-header {
padding: 1rem 0 0;
}
.flext-post-carousel-widget .post-header .post-category {
display: inline-block;
overflow: hidden;
vertical-align: middle;
} @media (min-width: 1024px) {
.flext-post-tabs li .post-thumbnail a img,
.flext-post-tabs li .post-thumbnail a i {
transition: transform 0.4s;
transform: translateZ(0);
}
.flext-post-tabs li:hover .post-thumbnail a img,
.flext-post-tabs li:hover .post-thumbnail a i {
transform: scale(1.15) translateZ(0);
}
}.flext-block-map iframe {
border: none;
margin: auto;
} .flext-block-section {
align-items: center;
display: flex;
justify-content: center;
margin: 4rem auto;
min-height: 1rem;
position: relative;
width: 100%;
}
.flext-has-scheme-dark {
color: #fff;
}
.flext-block-section.flext-is-full-height {
min-height: 100vh;
}
.flext-block-section.flext-has-animation {
animation-fill-mode: none;
}
.flext-block-section .flext-block-section-background,
.flext-block-section .flext-block-section-overlay-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.flext-block-section .flext-block-section-background {
background-position: center center;
background-size: cover;
}
.flext-block-section .flext-block-section-overlay-background {
z-index: 1;
}
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: scroll;
}
}
.flext-block-section.flext-is-background-repeated .flext-block-section-background {
background-repeat: repeat;
background-size: auto;
}
.flext-block-section .flext-block-section-image-background,
.flext-block-section .flext-block-section-video-background {
border: none;
bottom: 0;
box-shadow: none;
height: 100%;
left: 0;
margin: 0;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.flext-block-section.flext-has-background-dim .flext-block-section-overlay-background {
opacity: 0.5;
}
.flext-block-section.has-background-dim-10 .flext-block-section-overlay-background {
opacity: 0.1;
}
.flext-block-section.has-background-dim-20 .flext-block-section-overlay-background {
opacity: 0.2;
}
.flext-block-section.has-background-dim-30 .flext-block-section-overlay-background {
opacity: 0.3;
}
.flext-block-section.has-background-dim-40 .flext-block-section-overlay-background {
opacity: 0.4;
}
.flext-block-section.has-background-dim-50 .flext-block-section-overlay-background {
opacity: 0.5;
}
.flext-block-section.has-background-dim-60 .flext-block-section-overlay-background {
opacity: 0.6;
}
.flext-block-section.has-background-dim-70 .flext-block-section-overlay-background {
opacity: 0.7;
}
.flext-block-section.has-background-dim-80 .flext-block-section-overlay-background {
opacity: 0.8;
}
.flext-block-section.has-background-dim-90 .flext-block-section-overlay-background {
opacity: 0.9;
}
.flext-block-section.has-background-dim-100 .flext-block-section-overlay-background {
opacity: 1;
}
.flext-block-section .flext-block-section-inner {
position: relative;
width: 100%;
z-index: 1;
}  ol.is-style-flext-list-circle {
counter-reset: list-item-index calc(var(--flext-item-index, 1) - 1);
list-style: none;
}
ol.is-style-flext-list-circle[reversed] {
counter-reset: list-item-index calc(var(--flext-item-index, 1) + 1);
}
ol.is-style-flext-list-circle ol {
counter-reset: list-item-index 0;
}
ol.is-style-flext-list-circle > li {
counter-increment: list-item-index;
list-style: none;
padding-left: 3rem;
position: relative;
}
ol.is-style-flext-list-circle[reversed] > li {
counter-increment: list-item-index -1;
}
ol.is-style-flext-list-circle > li::before {
align-items: center;
background: rgb(160, 160, 160);
border-radius: 50%;
color: rgb(255, 255, 255);
content: counter(list-item-index);
display: flex;
font-weight: 400;
justify-content: center;
height: 2.2rem;
left: 0;
line-height: 2.2rem;
position: absolute;
top: 0.2rem;
width: 2.2rem;
} ul.is-style-default > li {
padding: 0 0 0 2.5rem;
position: relative;
}
ul.is-style-default > li::marker {
align-items: center;
content: "\e831";
display: flex;
font-family: flextension, sans-serif;
}
ul.is-style-flext-list-circle > li {
position: relative;
}
ul.is-style-flext-list-circle > li::marker {
align-items: center;
content: "\e92e";
display: flex;
font-family: flextension, sans-serif;
left: 0;
position: absolute;
top: 0;
} .flext-block-counter {
font-weight: 700;
} .flext-post-meta {
color: rgba(255, 255, 255, 0.8);
display: flex;
flex-flow: row wrap;
font-size: 1.4rem;
gap: 1.5rem;
margin-bottom: 0.5rem;
}
.flext-post-footer {
color: inherit;
display: flex;
flex-flow: row wrap;
font-size: 1.4rem;
gap: 0.5rem;
margin-top: 2rem;
}
.flext-posted-on {
align-items: center;
display: flex;
font-size: 1.2rem;
gap: 1rem;
}
.flext-post-buttons {
display: flex;
gap: 0.5rem;
flex-direction: row;
z-index: 2;
}
.flext-post-buttons a {
align-items: center;
display: inline-flex;
gap: 0.25rem;
justify-content: center;
padding: 0.6rem;
} .flext-block-post-carousel {
overflow: hidden;
position: relative;
}
.flext-block-post-carousel.has-post-number {
counter-reset: flext-post-number;
}
.flext-block-post-carousel .post-carousel-header {
align-items: flex-end;
gap: 2rem;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 2rem;
width: 100%;
}
.flext-block-post-carousel .block-title {
margin: 0;
}
.flext-block-post-carousel.flext-carousel .flext-pagination {
line-height: 0;
}
.flext-block-post-carousel .see-more-link {
align-items: center;
background: rgba(0, 0, 0, 0.05);
border-radius: 1rem;
display: inline-flex;
padding: 0.5rem 1rem;
right: 0;
}
.flext-block-post-carousel .flext-pagination-progressbar .flext-progressbar {
height: 0.1rem;
}
.flext-block-post-carousel .entry {
background: rgba(0, 0, 0, 0.05);
border-radius: 1.5rem;
display: flex;
flex-direction: column;
height: auto;
justify-content: space-between;
overflow: hidden;
transform: translateZ(0);
}
.flext-block-post-carousel.has-post-number .entry {
counter-increment: flext-post-number;
}
.flext-block-post-carousel.has-post-number .entry::before {
color: inherit;
content: counter(flext-post-number);
font-weight: 700;
line-height: 1;
position: absolute;
right: 2rem;
top: 1.5rem;
z-index: 20;
}
.flext-block-post-carousel.has-post-number .entry:hover::before {
opacity: 0;
transform: translateY(-1rem);
}
.flext-block-post-carousel.has-post-number .has-post-thumbnail .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-1rem);
}
.flext-block-post-carousel.has-post-number .has-post-thumbnail:hover .flext-post-gallery .total-images {
opacity: 1;
transform: translateY(0);
}
.flext-block-post-carousel .content-inner {
padding: 2rem;
}
.flext-block-post-carousel .has-post-thumbnail .content-inner {
background-image: linear-gradient(to top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.3) 56.5%, rgba(30, 30, 30, 0.021) 91%, rgba(30, 30, 30, 0.008) 95.2%, rgba(30, 30, 30, 0.002) 98.2%, transparent 100%);
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
padding-top: 0;
position: absolute;
right: 0;
}
.flext-block-post-carousel .has-post-thumbnail .entry-title {
color: inherit;
margin: 0;
}
.flext-block-post-carousel .has-post-thumbnail .entry-title a {
display: inline-block;
display: -webkit-box;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (min-width: 1024px) {
.flext-block-post-carousel .post-carousel-header {
flex-flow: row nowrap;
gap: 4rem;
margin-bottom: 3rem;
}
.flext-block-post-carousel .block-title {
max-width: 70%;
}
}
@media (prefers-reduced-motion: reduce) {
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: scroll;
}
}.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;
}
}