.static-variant ._block-card-slider-wrapper::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 768px) {
.static-variant
._block-card-slider-wrapper._block-card-slider-wrapper-innerblocks
> ._card-slider-group._group-block {
flex: 0 0 80vw !important;
max-width: unset !important;
}
}
.first-category:before {
content: '';
width: 11px;
height:13px;
display: inline-block;
margin-right: 5px;
top: 2px;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11' viewBox='0 0 8 11' fill='none'%3E%3Cpath d='M0 10.32L3.648 0H4.608L0.96 10.32H0Z' fill='%23838A8D'/%3E%3Cpath d='M2.63531 10.32L6.28331 0H7.24331L3.59531 10.32H2.63531Z' fill='%23838A8D'/%3E%3C/svg%3E");
position: relative;
}
.card-slider-main {
h3 {
font-size: 18px;
font-style: normal;
font-weight: 500;
font-family: Roboto, sans-serif;
line-height: 25.2px !important;
transition: all 300ms ease;
margin-bottom: 50px;
letter-spacing: 0 !important;
}
button {
height: 40px;
width: 40px;
margin-left: 25px;
top: -4px;
--tw-content: '';
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='42' height='84' viewBox='0 0 42 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7855 20.3812C30.1271 20.7228 30.127 21.2768 29.7855 21.6185L21.0003 30.4036L19.763 29.1663L27.054 21.8753H11.9583V20.1253H27.055L19.763 12.8333L21.0003 11.596L29.7855 20.3812Z' fill='%23231F20'/%3E%3Cpath d='M29.7853 62.3812C29.9493 62.5453 30.0411 62.7683 30.0411 63.0004C30.041 63.2322 29.9492 63.4545 29.7853 63.6185L21.0001 72.4036L19.7628 71.1663L27.0538 63.8753H11.958V62.1253H27.0547L19.7628 54.8333L21.0001 53.596L29.7853 62.3812Z' fill='%23231F20'/%3E%3C/svg%3E");
background-color: transparent;
background-size: 42px 86px;
background-position: center top;
background-repeat: no-repeat;
transition: all 300ms ease;
position: relative;
}
button:hover {
background-position: center bottom;
}
.button-box {
position: absolute;
overflow: hidden;
width: 80px;
padding-top: 20px;
isolation: isolate;
right:0;
bottom: 0;
}
.article-card-image {
transition: all 300ms ease;
background-size: 100%;
}
.sub-title {
font-family: var(--wp--preset--font-family--geist-mono) !important;
font-size: 12px !important;
text-transform: uppercase;
transition: all 300ms ease;
}
.tag-item {
background-color: #F5F5F3;
color: #231F20;
font-family: var(--wp--preset--font-family--geist-mono) !important;
font-size: 12px !important;
text-transform: uppercase;
transition: all 300ms ease;
}
.individual-card a:hover {
background-color: rgba(255, 255, 255, 0.545);
transition: all 300ms ease;
.article-card-image {
background-size: 110%;
}
h3 {
color: black !important;
}
.button-box::before {
background-color: #E1FE64;
}
button {
background-position: center bottom;
}
.sub-title {
color: #231F20;
}
}
}
.card-slider-main .button-box::before {
z-index:-1;
transform: skewX(-12deg);
background-color: white;
content: "";
width: 80px;
height: 110px;
position: absolute;
left: 2px;
top: 5px;
border-radius: 3px;
border: 1px solid #E5E6E8;
}
.child_cols2 .wp-block-acf-card-slider-group,
.child_cols2 ._card-slider-group {
flex: 1 1 calc(50% - 15px);
max-width: calc(50% - 15px);
}
.child_cols3 .wp-block-acf-card-slider-group,
.child_cols3 ._card-slider-group {
flex: 1 1 calc(33.3333333333% - 20px);
max-width: calc(33.3333333333% - 20px);
}
.child_cols4 .wp-block-acf-card-slider-group,
.child_cols4 ._card-slider-group {
flex: 1 1 calc(25% - 22.5px);
max-width: calc(25% - 22.5px);
}