.jvd-cards{display:grid;column-gap:25px;row-gap:50px}@media(min-width: 576px){.jvd-cards[data-display=mosaic]{grid-template-columns:repeat(2, 1fr)}.jvd-cards[data-display=mosaic][data-parity=even]{padding-bottom:150px}}.jvd-cards[data-display=grid],.jvd-cards[data-display=grid][data-columns="3"]{grid-template-columns:1fr}@media(min-width: 576px)and (max-width: 991px){.jvd-cards[data-display=grid],.jvd-cards[data-display=grid][data-columns="3"]{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.jvd-cards[data-display=grid],.jvd-cards[data-display=grid][data-columns="3"]{grid-template-columns:repeat(3, 1fr)}}.jvd-cards[data-display=grid][data-columns="2"]{grid-template-columns:1fr}@media(min-width: 576px){.jvd-cards[data-display=grid][data-columns="2"]{grid-template-columns:repeat(2, 1fr)}}.jvd-cards[data-display=grid][data-columns="4"]{grid-template-columns:1fr}@media(min-width: 576px)and (max-width: 991px){.jvd-cards[data-display=grid][data-columns="4"]{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.jvd-cards[data-display=grid][data-columns="4"]{grid-template-columns:repeat(4, 1fr)}}.jvd-card{position:relative}.jvd-card[data-text-pos=hover]{border-radius:20px;overflow:hidden}@media(min-width: 576px){[data-display=mosaic] .jvd-card:nth-child(even){position:relative;top:150px}}.jvd-card__img{position:relative;margin:0;aspect-ratio:1/1;background:var(--wp--preset--color--pinetree)}.jvd-card__img:not(:has(img)){background-image:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dffcef' fill-opacity='0.15'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.jvd-card[data-img-ratio=widescreen] .jvd-card__img{aspect-ratio:16/9}.jvd-card[data-img-ratio=landscape] .jvd-card__img{aspect-ratio:4/3}.jvd-card[data-img-ratio=square] .jvd-card__img{aspect-ratio:1/1}.jvd-card[data-img-ratio=portrait] .jvd-card__img{aspect-ratio:3/4}.jvd-card[data-img-ratio=vertical] .jvd-card__img{aspect-ratio:9/16}.jvd-card[data-text-pos=under] .jvd-card__img{margin-bottom:25px;border-radius:20px;overflow:hidden}.jvd-card[data-text-pos=hover] .jvd-card__img:has(img)::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(187.96deg, rgba(19, 30, 28, 0) 63.79%, rgba(27, 21, 5, 0.4) 77.86%)}.jvd-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:.5s ease all}[data-link="1"][data-text-pos=under] .jvd-card__img::before{content:"";position:absolute;bottom:25px;right:25px;z-index:5;width:50px;height:50px;border-radius:50px;transition:.5s ease all;opacity:0;transform:scale(0.8);background:var(--wp--preset--color--mint) url(../../assets/img/chevron-right.svg) no-repeat right 18px center}[data-link="1"]:hover .jvd-card__img img{transform:scale(1.1)}[data-link="1"]:hover .jvd-card__img::before{opacity:1;transform:scale(1)}.jvd-card__content{display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.jvd-card[data-text-pos=hover] .jvd-card__content{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;padding:0 25px 25px;color:#fff}@media(min-width: 576px){[data-display=mosaic] .jvd-card__content{padding:0 20px}}.jvd-card__title{margin:0}.jvd-card__title a{color:var(--wp--preset--color--pinetree);text-decoration:none}.jvd-card__title a:hover{color:var(--wp--preset--color--pinetree)}.jvd-card__title a::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.jvd-card[data-text-pos=hover] .jvd-card__title{color:#fff}.jvd-card[data-text-pos=hover] .jvd-card__title a{color:#fff}.jvd-card[data-text-pos=hover] .jvd-card__title a:hover{color:#fff}.jvd-carousel[data-display=chrono] .jvd-card__title{font-size:2rem;margin-bottom:20px}.jvd-card__text{margin:0}.jvd-card[data-text-pos=hover] .jvd-card__text{color:#fff}.jvd-carousel[data-display=chrono] .jvd-card__text{font-weight:700}.jvd-carousel{overflow:visible !important}.jvd-carousel .swiper-slide{width:320px}@media(min-width: 992px){.jvd-carousel .swiper-slide{width:383px}}
