@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap"); .nova-cards-widget {
width: 100%;
position: relative;
}
.nova-cards-grid {
display: grid; --nova-cards-cols: 3;
--nova-cards-cols-tablet: 2;
--nova-cards-cols-mobile: 1;
grid-template-columns: repeat(var(--nova-cards-cols), minmax(0, 1fr));
gap: 30px;
width: 100%;
} .nova-cards-grid--grouped { grid-auto-rows: auto;
}
.nova-cards-grid--grouped > .nova-cards-group-heading {
grid-column: 1 / -1 !important;
width: 100%;
max-width: 100%;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: auto !important;
align-self: start;
justify-self: stretch;
margin: 0 0 1rem;
padding: 0;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
color: inherit;
overflow: visible;
display: block;
}
.nova-cards-grid--grouped > .nova-cards-group-heading.nova-group-hidden {
display: none !important;
} .nova-cards-widget.nova-cards-layout--owl .nova-cards-grid,
.nova-cards-widget.nova-cards-layout--owl .nova-cards-grid.nova-cards-owl,
.nova-cards-grid.nova-cards-owl.owl-carousel {
display: block !important;
position: relative;
grid-template-columns: none !important;
gap: 0 !important;
}
.nova-cards-grid.nova-cards-owl .owl-stage {
display: flex;
align-items: stretch;
}
.nova-cards-grid.nova-cards-owl .owl-item {
display: flex;
height: auto;
}
.nova-cards-grid.nova-cards-owl .owl-item > .nova-card-item {
width: 100%;
height: 100%;
} .nova-cards-grid.nova-cards-owl.nova-cards-owl--autowidth .owl-item {
width: auto;
}
.nova-cards-grid.nova-cards-owl.nova-cards-owl--autowidth .owl-item > .nova-card-item {
width: auto;
max-width: 100%;
} .nova-cards-grid.nova-cards-owl.nova-cards-owl--autowidth .owl-stage {
flex: 0 0 auto;
} .nova-cards-grid.nova-cards-owl.nova-cards-owl--center .owl-stage-outer {
overflow: visible;
}
.nova-cards-grid.nova-cards-owl .owl-nav {
display: none;
align-items: center;
justify-content: space-between;
pointer-events: none;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
width: 100%;
z-index: 5;
margin: 0;
} .nova-cards-widget.nova-cards-layout--owl .nova-cards-owl.nova-cards-owl--nav > .owl-nav,
.nova-cards-grid.nova-cards-owl.nova-cards-owl--nav > .owl-nav {
display: flex !important;
}
.nova-cards-grid.nova-cards-owl .owl-nav button {
pointer-events: auto;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 8px;
padding: 0;
border: none;
border-radius: 50%;
background: #fff;
color: #222;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.nova-cards-grid.nova-cards-owl .owl-nav button span,
.nova-cards-grid.nova-cards-owl .owl-nav button i,
.nova-cards-grid.nova-cards-owl .owl-nav button svg,
.nova-cards-grid.nova-cards-owl .owl-nav button img {
display: block;
width: 20px;
height: 20px;
line-height: 1;
}
.nova-cards-grid.nova-cards-owl .owl-nav button.disabled,
.nova-cards-grid.nova-cards-owl .owl-nav button.owl-prev.disabled,
.nova-cards-grid.nova-cards-owl .owl-nav button.owl-next.disabled {
opacity: 0.35;
cursor: default;
}
.nova-cards-grid.nova-cards-owl .owl-dots {
display: flex !important;
justify-content: center;
gap: 8px;
margin-top: 16px;
} .nova-cards-grid > .nova-cards-grid-ad {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
align-self: start;
justify-self: stretch;
height: auto;
max-height: none;
}
.nova-cards-grid-ad__inner {
width: 100%;
min-width: 0;
height: auto;
display: block;
overflow: hidden;
} .nova-cards-grid > .nova-card-item--ad {
min-width: 0;
align-self: stretch;
max-width: none !important;
width: auto !important;
box-sizing: border-box;
}
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="1"] { grid-column: span 1 / span 1 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="2"] { grid-column: span 2 / span 2 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="3"] { grid-column: span 3 / span 3 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="4"] { grid-column: span 4 / span 4 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="5"] { grid-column: span 5 / span 5 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span="6"] { grid-column: span 6 / span 6 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="1"] { grid-row: span 1 / span 1 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="2"] { grid-row: span 2 / span 2 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="3"] { grid-row: span 3 / span 3 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="4"] { grid-row: span 4 / span 4 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="5"] { grid-row: span 5 / span 5 !important; }
.nova-cards-grid > .nova-card-item--ad[data-ad-row-span="6"] { grid-row: span 6 / span 6 !important; }
@media (max-width: 767px) {
.nova-cards-grid > .nova-card-item--ad[data-ad-col-span] {
grid-column: span 1 / span 1 !important;
}
.nova-card-item--hide-text2-mobile .nova-card-text-2,
.nova-card-item--hide-text2-mobile .nova-card-pub__text2 {
display: none !important;
}
}
.nova-cards-grid-ad__inner > .elementor {
width: 100%;
height: auto;
min-height: 0;
} .nova-cards-grid-ad .elementor-section,
.nova-cards-grid-ad .e-con,
.nova-cards-grid-ad .e-con-inner,
.nova-cards-grid-ad .e-con-full {
height: auto !important;
min-height: 0 !important;
flex-grow: 0 !important;
}  .nova-cards-grid[data-grid-mode="pixels"] {
justify-items: center;
}
.nova-card-item {
position: relative;
width: 100%;
max-width: 100%;
min-height: 300px;
overflow: hidden;
border-radius: 8px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
} .nova-card-item[style*="aspect-ratio"] {
min-height: 0;
height: auto;
}
.nova-card-item.animated {
opacity: 1 !important;
transform: translateY(0) !important;
filter: blur(0) !important;
}
.nova-card-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0; transition: transform 0.5s ease, filter 0.5s ease;
transform-origin: center center;
will-change: transform;
backface-visibility: hidden;
} .nova-card-item.nova-hover-image-scale:hover .nova-card-background {
transform: scale(1.08);
}
.nova-card-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;  will-change: transform, opacity;
backface-visibility: hidden;
transform-origin: bottom center;
}
.nova-card-overlay {
z-index: 1;
}
.nova-card-content {
z-index: 2;
}
.nova-card-text.nova-card-text-1 h3 {
margin: 0;
}
.nova-card-text p:last-child {
margin: 0;
}
.nova-card-text {
width: 100%;
position: relative;
}
.nova-card-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 12px;
text-decoration: none;
cursor: pointer;
position: relative;
z-index: 12;
pointer-events: auto;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.nova-card-button span.nova-card-button-icon {
transition: transform 0.3s ease;
display: flex;
}
.nova-card-item:hover .nova-card-button-icon {
animation: slideIcon 0.3s ease-in-out infinite alternate;
}
.nova-card-button-icon img {
width: 32px;
height: 32px;
} .nova-card-item.has-background-image.has-overlay-enabled .nova-card-text-1::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 0;
height: 2px;
background: rgb(255 255 255);
transition: width 1s ease;
}
.nova-card-item.has-background-image.has-overlay-enabled:hover .nova-card-text-1::after {
width: 100%;
}
.nova-card-text-1 { display: block;
}
.nova-card-text-2 { display: block;
}
.nova-card-button {
text-decoration: initial !important;
}
.nova-card-item {
text-decoration: none;
color: inherit;
}
.elementor-editor-active .nova-card-item {
opacity: 1 !important;
filter: initial !important;
transform: initial !important;
overflow: initial !important;
}
.nova-card-item.has-link {
cursor: pointer;
}  .nova-card-item--image-top {
display: flex;
flex-direction: column;
align-items: stretch;
min-height: 0;
} .nova-card-item--image-top .nova-card-image-wrapper {
position: relative;
width: 100%;
flex-shrink: 0;
overflow: hidden;
}
.nova-card-item--image-top .nova-card-image-wrapper img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.5s ease;
transform-origin: center center;
will-change: transform;
backface-visibility: hidden;
} .nova-card-item--image-top .nova-card-content {
position: relative;
height: auto;
}     .elementor-element .nova-card-item--image-top .nova-card-image-wrapper[style*="aspect-ratio"] img,
.elementor-widget-nova-cards .nova-card-item--image-top .nova-card-image-wrapper[style*="aspect-ratio"] img {
height: auto !important;
}   .elementor-element .nova-card-item--image-top .nova-card-image-wrapper,
.elementor-widget-nova-cards .nova-card-item--image-top .nova-card-image-wrapper {
box-sizing: border-box !important; } .elementor-editor-active .elementor-element .nova-card-item--image-top .nova-card-image-wrapper,
.elementor-editor-active .elementor-widget-nova-cards .nova-card-item--image-top .nova-card-image-wrapper { transform: none !important;
filter: none !important;
opacity: 1 !important;
}
.elementor-editor-active .elementor-element .nova-card-item--image-top .nova-card-image-wrapper img,
.elementor-editor-active .elementor-widget-nova-cards .nova-card-item--image-top .nova-card-image-wrapper img {
transform: none !important;
filter: none !important;
opacity: 1 !important;
}
.nova-card-button-wrap {
display: flex;
justify-content: center;
margin-top: 1.5rem;
}
.nova-card-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.75rem 1.75rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0);
color: #ffffff;
text-decoration: none;
font-weight: 600;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
pointer-events: auto;
} .elementor-widget-nova-cards .nova-card-button {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-decoration: inherit !important;
text-transform: inherit !important;
text-align: inherit !important;
}
.elementor-widget-nova-cards {
width: 100% !important;
} .nova-cards-widget.nova-cards-widget--polaroid {
overflow: visible;
--nova-polaroid-rotate: 5.5deg;
--nova-polaroid-shift: 32px;
--nova-polaroid-overlap: 40px;
}
.elementor-widget-nova-cards:has(.nova-cards-widget--polaroid) {
overflow: visible;
}
.nova-cards-widget.nova-cards-widget--polaroid:not(.nova-cards-layout--owl) .nova-cards-grid {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 0 !important;
column-gap: 0 !important;
row-gap: 48px !important;
padding: calc(36px + var(--nova-polaroid-shift)) 12px calc(48px + var(--nova-polaroid-shift));
overflow: visible !important;
grid-template-columns: none !important;
grid-auto-columns: unset !important;
}
.nova-cards-widget--polaroid .nova-card-item.has-creative-background,
.nova-cards-widget--polaroid .nova-card-item.nova-card-item--polaroid {
width: 240px;
max-width: 240px;
min-height: 0 !important;
height: auto !important;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
z-index: 1;
position: relative;
}
.nova-cards-widget--polaroid:not(.nova-cards-layout--owl) .nova-card-item--polaroid + .nova-card-item--polaroid {
margin-left: calc(-1 * var(--nova-polaroid-overlap, 40px)) !important;
}
.nova-cards-widget--polaroid .nova-card-polaroid {
--nova-polaroid-angle: var(--nova-polaroid-rotate);
--nova-polaroid-y: 0px;
background: #ffffff;
border-radius: 18px;
padding: 12px 12px 16px;
box-shadow: 0 10px 28px rgba(34, 34, 34, 0.14);
display: flex;
flex-direction: column;
width: 100%;
transition: transform 0.35s ease, box-shadow 0.35s ease;
will-change: transform;
backface-visibility: hidden;
transform-origin: center center;
transform: rotate(var(--nova-polaroid-angle)) translateY(var(--nova-polaroid-y));
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:nth-child(4n+1) .nova-card-polaroid,
.nova-cards-widget--polaroid .owl-item:nth-child(4n+1) .nova-card-polaroid {
--nova-polaroid-angle: var(--nova-polaroid-rotate);
--nova-polaroid-y: calc(var(--nova-polaroid-shift) * 0.15);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:nth-child(4n+2) .nova-card-polaroid,
.nova-cards-widget--polaroid .owl-item:nth-child(4n+2) .nova-card-polaroid {
--nova-polaroid-angle: calc(var(--nova-polaroid-rotate) * -1);
--nova-polaroid-y: calc(var(--nova-polaroid-shift) * -0.85);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:nth-child(4n+3) .nova-card-polaroid,
.nova-cards-widget--polaroid .owl-item:nth-child(4n+3) .nova-card-polaroid {
--nova-polaroid-angle: calc(var(--nova-polaroid-rotate) * 0.76);
--nova-polaroid-y: var(--nova-polaroid-shift);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:nth-child(4n+4) .nova-card-polaroid,
.nova-cards-widget--polaroid .owl-item:nth-child(4n+4) .nova-card-polaroid {
--nova-polaroid-angle: calc(var(--nova-polaroid-rotate) * -0.91);
--nova-polaroid-y: calc(var(--nova-polaroid-shift) * -1.15);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid.has-polaroid-rotation-override .nova-card-polaroid {
--nova-polaroid-angle: var(--nova-polaroid-rotate-card);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid.has-polaroid-shift-override .nova-card-polaroid {
--nova-polaroid-y: var(--nova-polaroid-y-card);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:hover,
.nova-cards-widget--polaroid .owl-item:hover {
z-index: 8;
}
.nova-cards-widget--polaroid .nova-card-item--polaroid:hover .nova-card-polaroid {
transform: rotate(0deg) translateY(calc(var(--nova-polaroid-y) - 8px)) scale(1.03);
box-shadow: 0 18px 40px rgba(34, 34, 34, 0.2);
}
.nova-cards-widget--polaroid .nova-card-item--polaroid .nova-card-image-wrapper {
position: relative !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
aspect-ratio: 1 / 1;
background: #e8eef2;
flex-shrink: 0;
}
.nova-cards-widget--polaroid .nova-card-item--polaroid .nova-card-image-wrapper img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
aspect-ratio: 1 / 1;
border-radius: 12px !important;
}
.nova-cards-widget--polaroid .nova-card-item--polaroid .nova-card-content {
position: relative;
height: auto !important;
padding: 0 8px 2px !important;
margin: 0 !important;
text-align: center;
background: transparent !important;
}
.nova-cards-widget--polaroid .nova-card-text {
width: 100%;
text-align: center;
}
.nova-cards-widget--polaroid .nova-card-overlay,
.nova-cards-widget--polaroid .nova-card-background {
display: none !important;
}
@media (max-width: 767px) {
.nova-cards-widget.nova-cards-widget--polaroid:not(.nova-cards-layout--owl) .nova-cards-grid {
padding: calc(24px + var(--nova-polaroid-shift)) 8px calc(32px + var(--nova-polaroid-shift));
row-gap: 28px !important;
}
.nova-cards-widget--polaroid .nova-card-item.has-creative-background,
.nova-cards-widget--polaroid .nova-card-item.nova-card-item--polaroid {
width: min(220px, 78vw);
max-width: min(220px, 78vw);
}
.nova-cards-widget--polaroid:not(.nova-cards-layout--owl) .nova-card-item--polaroid + .nova-card-item--polaroid {
margin-left: calc(-1 * var(--nova-polaroid-overlap, 28px)) !important;
}
} .nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid:not([data-grid-mode="pixels"]) {
grid-template-columns: repeat(var(--nova-cards-cols, 3), minmax(0, 1fr));
}
.nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid[data-grid-mode="pixels"] {
grid-template-columns: repeat(auto-fit, minmax(var(--nova-cards-col-width, 300px), 1fr));
}
@media (max-width: 1024px) {
.nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid:not([data-grid-mode="pixels"]) {
grid-template-columns: repeat(var(--nova-cards-cols-tablet, var(--nova-cards-cols, 2)), minmax(0, 1fr)) !important;
}
.nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid[data-grid-mode="pixels"] {
grid-template-columns: repeat(auto-fit, minmax(var(--nova-cards-col-width-tablet, var(--nova-cards-col-width, 250px)), 1fr)) !important;
}
}
@media (max-width: 767px) {
.nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid:not([data-grid-mode="pixels"]) {
grid-template-columns: repeat(var(--nova-cards-cols-mobile, 1), minmax(0, 1fr)) !important;
}
.nova-cards-widget:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid[data-grid-mode="pixels"] {
grid-template-columns: repeat(auto-fit, minmax(var(--nova-cards-col-width-mobile, var(--nova-cards-col-width, 200px)), 1fr)) !important;
}
} .nova-cards-widget.nova-cards--has-owl:not(.nova-cards-layout--owl):not(.nova-cards-widget--polaroid) .nova-cards-grid {
--nova-cards-owl-slide: calc(
(100% - (var(--nova-cards-owl-items, 1) - 1) * var(--nova-cards-owl-gap-now, 16px))
/ var(--nova-cards-owl-items, 1)
);
}
.nova-cards-widget.nova-cards--has-owl:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-card-item {
min-width: 0;
}
@media (min-width: 1025px) {
.nova-cards-widget[data-display-mode-desktop="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid {
--nova-cards-owl-items: var(--nova-cards-cols, 3);
--nova-cards-owl-gap-now: var(--nova-cards-owl-gap, 16px);
display: flex !important;
flex-wrap: nowrap !important;
overflow: hidden;
align-items: stretch;
gap: var(--nova-cards-owl-gap-now) !important;
column-gap: var(--nova-cards-owl-gap-now) !important;
row-gap: 0 !important;
grid-template-columns: none !important;
}
.nova-cards-widget[data-display-mode-desktop="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-card-item {
flex: 0 0 var(--nova-cards-owl-slide);
width: var(--nova-cards-owl-slide);
max-width: var(--nova-cards-owl-slide);
}
.nova-cards-widget[data-display-mode-desktop="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-cards-grid-ad {
display: none !important;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.nova-cards-widget[data-display-mode-tablet="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid {
--nova-cards-owl-items: var(--nova-cards-cols-tablet, var(--nova-cards-cols, 2));
--nova-cards-owl-gap-now: var(--nova-cards-owl-gap-tablet, var(--nova-cards-owl-gap, 16px));
display: flex !important;
flex-wrap: nowrap !important;
overflow: hidden;
align-items: stretch;
gap: var(--nova-cards-owl-gap-now) !important;
column-gap: var(--nova-cards-owl-gap-now) !important;
row-gap: 0 !important;
grid-template-columns: none !important;
}
.nova-cards-widget[data-display-mode-tablet="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-card-item {
flex: 0 0 var(--nova-cards-owl-slide);
width: var(--nova-cards-owl-slide);
max-width: var(--nova-cards-owl-slide);
}
.nova-cards-widget[data-display-mode-tablet="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-cards-grid-ad {
display: none !important;
}
}
@media (max-width: 767px) {
.nova-cards-widget[data-display-mode-mobile="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid {
--nova-cards-owl-items: var(--nova-cards-cols-mobile, 1);
--nova-cards-owl-gap-now: var(--nova-cards-owl-gap-mobile, var(--nova-cards-owl-gap, 12px));
display: flex !important;
flex-wrap: nowrap !important;
overflow: hidden;
align-items: stretch;
gap: var(--nova-cards-owl-gap-now) !important;
column-gap: var(--nova-cards-owl-gap-now) !important;
row-gap: 0 !important;
grid-template-columns: none !important;
}
.nova-cards-widget[data-display-mode-mobile="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-card-item {
flex: 0 0 var(--nova-cards-owl-slide);
width: var(--nova-cards-owl-slide);
max-width: var(--nova-cards-owl-slide);
}
.nova-cards-widget[data-display-mode-mobile="owl"]:not(.nova-cards-layout--owl) .nova-cards-grid > .nova-cards-grid-ad {
display: none !important;
}
} .nova-cards-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 24px;
}
.nova-title-widget ul {
list-style: inside;
}
.nova-cards-filter-item {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 10px 18px;
border: 1px solid #e7e7e7;
border-radius: 999px;
background: #fff;
color: #373737;
font: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.nova-cards-filters {
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.nova-cards-filter-item:hover,
.nova-cards-filter-item:focus-visible {
border-color: #00a1b9;
color: #00a1b9;
outline: none;
}
.nova-cards-filter-item.active {
background: #e6f7f9;
border-color: #00a1b9;
color: #1a1a1a;
}
.nova-cards-filter-item.active span,
.nova-cards-filter-item:hover span {
color: inherit;
} .nova-card-item.nova-filter-hidden,
.nova-card-item.nova-page-hidden,
.nova-cards-grid > .nova-card-item.nova-filter-hidden,
.nova-cards-grid > .nova-card-item.nova-page-hidden,
.nova-cards-grid > .nova-card-item--ad.nova-page-hidden,
.owl-item > .nova-card-item.nova-filter-hidden,
.owl-item > .nova-card-item.nova-page-hidden {
display: none !important;
}
.nova-cards-scroll-anchor {
display: block;
width: 100%;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
pointer-events: none;
}
.nova-cards-widget--empty .nova-cards-filter-empty {
display: block;
}
.nova-cards-widget--empty .nova-cards-grid:empty {
display: none;
}
.nova-cards-widget--empty .nova-cards-pagination {
display: none;
}
.nova-cards-filter-empty--template {
width: 100%;
} .nova-cards-active-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
box-sizing: border-box;
margin: 0 0 24px;
padding: 12px 16px;
background: #FCFCFC;
border-radius: 100px;
color: #2D0059;
border: 1px solid #F3EBE4;
width: auto;
max-width: max-content;
}
.nova-cards-active-filters[hidden] {
display: none !important;
}
.nova-cards-active-filters__label {
flex: 0 0 auto;
color: #2D0059;
white-space: nowrap;
font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 115%;
letter-spacing: -1%;
}
.nova-cards-active-filters__chips {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-width: 0;
}
.nova-cards-active-filters__chip {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
padding: 6px 6px 6px 12px;
border: 0;
border-radius: 30px;
background: #F8F2FE;
font-weight: 500;
font-size: 15px;
line-height: 120%;
letter-spacing: -1%;
color: #2D0059;
}
.nova-cards-active-filters__chip-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nova-cards-active-filters__chip-remove {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 22px;
height: 22px;
padding: 0;
border: 0;
background-color: #FFFFFF;
background-image: url(//recette.msh-intl.com/wp-content/uploads/2026/10/Vector-17.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 8px 8px;
color: transparent;
font-size: 0;
line-height: 0;
border-radius: 100px;
cursor: pointer;
}
.nova-cards-active-filters__chip-remove:hover,
.nova-cards-active-filters__chip-remove:focus-visible {
opacity: 0.85;
outline: none;
}
@media (max-width: 767px) {
.nova-cards-active-filters__label {
white-space: normal;
}
}
@media (max-width: 767px) {
.nova-cards-filter-item.hide-on-mobile {
display: none !important;
}
} .nova-cards-filters--meta {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 12px 16px;
}
.nova-cards-filters__main {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
flex: 1 1 auto;
min-width: 0;
} .nova-cards-meta-filter--buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1 1 auto;
min-width: 0;
}
.nova-cards-meta-filter--buttons .nova-cards-meta-filter__buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
width: 100%;
}
.nova-cards-meta-filter--buttons .nova-cards-meta-filter-input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.nova-cards-meta-sort {
flex: 0 0 auto;
margin-left: auto;
min-width: 180px;
}
.nova-cards-meta-filter {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.nova-cards-meta-filter--keyup-live {
align-items: flex-start;
flex: 1 1 220px;
max-width: 100%;
overflow: visible;
position: relative;
}
.nova-cards-meta-filter--keyup-live .nova-cards-meta-filter__body {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
position: relative;
overflow: visible;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__control {
display: block;
width: 100%;
position: static;
overflow: visible;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__input-wrap {
width: 100%;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__dropdown {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 12px);
z-index: 40;
width: 100%;
min-width: 100%;
max-width: none;
box-sizing: border-box;
max-height: 320px;
margin: 0;
padding: 12px 8px;
background: #fff;
border: 1px solid #7900F014;
border-radius: 24px;
box-shadow: 0px 6px 15px 0px rgba(100, 100, 100, 0.08);
overflow-x: hidden;
overflow-y: auto;
}
.nova-cards-meta-filter--keyup-live.is-open {
z-index: 20;
}
.nova-cards-filters--meta.is-live-open,
.nova-cards-filters.is-live-open {
overflow: visible;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__option-inner--guide {
min-width: 0;
width: 100%;
box-sizing: border-box;
padding: 8px 12px;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__option-text {
flex: 1 1 auto;
min-width: 0;
}
.nova-cards-meta-filter--keyup-live .nova-filter-live__option-desc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nova-cards-meta-filter--stacked {
align-items: flex-start;
}
.nova-cards-meta-filter--stacked.has-icon .nova-cards-meta-filter__icon {
margin-top: 18px;
}
.nova-cards-meta-filter__body {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
flex: 1 1 auto;
}
.nova-cards-meta-filter__title {
display: block;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #E85D04;
}
.nova-cards-meta-filter__icon {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.nova-cards-meta-filter__icon img {
display: block;
width: 22px;
height: 22px;
object-fit: contain;
}
.nova-cards-meta-filter__control {
min-width: 0;
flex: 1 1 auto;
}
.nova-cards-meta-filter-input {
max-width: 100%;
min-width: 140px;
font-size: inherit;
line-height: 1.4;
}
.nova-cards-meta-filter__checkbox-label {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
white-space: nowrap;
}
.nova-cards-meta-filter__checkbox-label input {
margin: 0;
} .nova-cards-widget {
transition: opacity .35s ease;
} .nova-cards-widget--server-ready,
html.nova-page-embed .nova-cards-widget,
html.nova-taxonomy-mirror .nova-page-widget .nova-cards-widget {
opacity: 1 !important;
visibility: visible !important;
transition: none !important;
} :root {
--nova-mfilter-bg: #ffffff;
--nova-mfilter-border: #E1E4F4;
--nova-mfilter-text: #1A1B3D;
--nova-mfilter-muted: #6B6F8E;
--nova-mfilter-accent: #2E48F0;
--nova-mfilter-radius: 999px;
--nova-mfilter-height: 52px;
--nova-mfilter-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.nova-cards-meta-filter--nice {
background: var(--nova-mfilter-bg);
border: 1px solid var(--nova-mfilter-border);
border-radius: var(--nova-mfilter-radius);
padding: 0 18px;
gap: 12px;
min-height: var(--nova-mfilter-height);
box-shadow: var(--nova-mfilter-shadow);
transition: border-color .15s ease, box-shadow .15s ease;
}
.nova-cards-meta-filter--nice:hover,
.nova-cards-meta-filter--nice:focus-within {
border-color: var(--nova-mfilter-accent);
box-shadow: 0 1px 6px rgba(46, 72, 240, 0.12);
}
.nova-cards-meta-filter--nice .nova-cards-meta-filter__icon {
color: var(--nova-mfilter-accent);
width: 24px;
height: 24px;
}
.nova-cards-meta-filter--nice .nova-cards-meta-filter__icon img {
width: 24px;
height: 24px;
} .nova-cards-meta-filter--nice.has-icon .nova-cards-meta-filter__icon {
position: relative;
padding-right: 12px;
margin-right: 0;
}
.nova-cards-meta-filter--nice.has-icon .nova-cards-meta-filter__icon::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 22px;
background: var(--nova-mfilter-border);
}
.nova-cards-meta-filter--nice .nova-cards-meta-filter__control {
display: flex;
align-items: center;
min-width: 160px;
} .nova-cards-meta-filter--nice .nice-select {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 30px 0 0 !important;
height: auto !important;
line-height: 1.4 !important;
font-size: 15px;
font-weight: 500;
color: var(--nova-mfilter-text);
min-width: 140px;
width: 100%;
position: relative;
}
.nova-cards-meta-filter--nice .nice-select:not([data-nova-arrow="1"]):not(.open)::after,
.nova-cards-meta-sort .nice-select:not([data-nova-arrow="1"]):not(.open)::after {
display: block !important;
content: '' !important;
border: none !important;
width: 7px !important;
height: 5px !important;
right: 0 !important;
top: 50% !important;
margin-top: 0 !important;
transform: translateY(-50%) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' viewBox='0 0 7 5' fill='none'%3E%3Cpath d='M6.5 0.5L3.5 3.5L0.5 0.5' stroke='%23373737' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.nova-cards-meta-filter--nice .nice-select.open:not([data-nova-arrow="1"])::after,
.nova-cards-meta-sort .nice-select.open:not([data-nova-arrow="1"])::after {
display: block !important;
content: '' !important;
border: none !important;
position: absolute !important;
width: 7px !important;
height: 5px !important;
right: 0 !important;
top: 50% !important;
margin-top: 0 !important;
transform: translateY(-50%) !important;
filter: none !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5' width='7' height='5'%3E%3Cpath fill='none' stroke='%23373737' stroke-linecap='round' d='m6.5 4.5l-3-3-3 3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.nova-cards-meta-filter--nice .nice-select.open {
z-index: 20;
box-shadow: none !important;
}
.nova-cards-meta-sort .nice-select-search-box,
.nova-filters-form .nice-select-search-box {
padding: 8px 12px 4px;
position: sticky;
top: 0;
z-index: 2;
background: inherit;
}
.nova-cards-meta-filter--nice .nice-select-search,
.nova-cards-meta-sort .nice-select-search,
.nova-filters-form .nice-select-search {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid var(--nova-mfilter-border, #d8dee4);
border-radius: 6px;
font-size: 14px;
line-height: 1.3;
color: var(--nova-mfilter-text, #373737);
background: #fff;
outline: none;
}
.nova-cards-meta-filter--nice .nice-select-search:focus,
.nova-cards-meta-sort .nice-select-search:focus,
.nova-filters-form .nice-select-search:focus {
border-color: var(--nova-mfilter-accent, #01abc4);
}
.nova-cards-meta-filter--nice .nice-select .current {
color: var(--nova-mfilter-text);
font-weight: 500;
}
.nova-cards-meta-filter--nice .nice-select .list {
border: 1px solid var(--nova-mfilter-border);
border-radius: 14px;
box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
margin-top: 10px;
padding: 6px 0;
min-width: 220px;
max-height: 220px;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.nova-cards-meta-filter--nice .nice-select .nice-select-dropdown,
.nova-cards-meta-sort .nice-select .nice-select-dropdown {
max-height: min(280px, 55vh);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
background-color: #fff;
border-radius: 14px;
box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
scrollbar-width: thin;
scrollbar-color: rgba(121, 0, 240, 0.35) transparent;
}
.nova-cards-meta-filter--nice .nice-select .nice-select-dropdown > .list,
.nova-cards-meta-sort .nice-select .nice-select-dropdown > .list {
border: 0;
border-radius: 0;
box-shadow: none;
margin-top: 0;
max-height: none;
overflow: visible;
min-width: 220px;
padding: 6px 0;
}
.nova-cards-meta-filter--nice .nice-select .option {
font-size: 14px;
color: var(--nova-mfilter-text);
padding: 8px 16px;
min-height: 36px;
line-height: 1.4;
}
.nova-cards-meta-filter--nice .nice-select .option:hover,
.nova-cards-meta-filter--nice .nice-select .option.focus,
.nova-cards-meta-filter--nice .nice-select .option.selected.focus {
background: var(--nova-mfilter-accent);
color: #fff;
} .nova-cards-meta-filter--nice select.nova-cards-meta-filter-input,
.nova-cards-meta-filter--nice select.nova-cards-sort-select {
display: none !important;
} .nova-cards-meta-filter--range .nova-cards-meta-filter__control {
position: relative;
}
.nova-cards-meta-filter__range {
position: relative;
width: 100%;
min-width: 160px;
}
.nova-cards-meta-filter__range-display-input {
display: block;
width: 100%;
min-width: 140px;
padding: 0 30px 0 0;
margin: 0;
border: 0;
background: transparent;
box-shadow: none;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: var(--nova-mfilter-text);
cursor: pointer;
appearance: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nova-cards-meta-filter__range-display-input::placeholder {
color: var(--nova-mfilter-text);
opacity: 1;
}
.nova-cards-meta-filter__range-display-input:focus {
outline: none;
}
.nova-cards-meta-filter__range::after {
content: "";
position: absolute;
right: 6px;
top: 50%;
width: 8px;
height: 8px;
margin-top: -6px;
border: solid var(--nova-mfilter-text);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
pointer-events: none;
transition: transform .15s ease;
}
.nova-cards-meta-filter--range:has(.nova-cards-meta-filter__range.open) {
position: relative;
z-index: 60;
}
.nova-cards-meta-filter__range.open::after {
transform: rotate(-135deg);
margin-top: -2px;
}
.nova-cards-meta-filter__range-panel {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 10px);
z-index: 50;
padding: 16px 18px 18px;
background: #fff;
border: 1px solid var(--nova-mfilter-border);
border-radius: 14px;
box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
min-width: 260px;
}
.nova-cards-meta-filter__range-panel[hidden] {
display: none !important;
}
.nova-cards-meta-filter__range-track {
height: 6px;
margin: 4px 4px 2px;
}
.nova-cards-meta-filter__range-track .noUi-target {
background: #e8eaf3;
border: none;
border-radius: 999px;
box-shadow: none;
}
.nova-cards-meta-filter__range-track .noUi-connect {
background: var(--nova-mfilter-accent);
}
.nova-cards-meta-filter__range-track .noUi-handle {
width: 20px;
height: 20px;
right: -10px;
top: -7px;
border-radius: 50%;
border: 2px solid var(--nova-mfilter-accent);
background: #fff;
box-shadow: 0 1px 4px rgba(16, 24, 40, 0.12);
cursor: grab;
}
.nova-cards-meta-filter__range-track .noUi-handle::before,
.nova-cards-meta-filter__range-track .noUi-handle::after {
display: none;
}
.nova-cards-meta-filter__range-track .noUi-handle:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(46, 72, 240, 0.2);
}
@media (max-width: 767px) {
.nova-cards-filters--meta {
flex-direction: column;
align-items: stretch;
}
.nova-cards-meta-filter-input {
width: 100%;
min-width: 0;
}
.nova-cards-meta-filter--nice {
width: 100%;
}
} .nova-cards-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
justify-content: center;
margin: 32px 0 0;
font-size: 14px;
line-height: 1;
} .nova-cards-pagination__btn {
display: inline-flex;
align-items: stretch;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
background: transparent;
color: #0B0F2E;
font: inherit;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
user-select: none;
line-height: 1;
}
.nova-cards-pagination__btn:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.nova-cards-pagination__btn.is-active {
cursor: default;
}
.nova-cards-pagination__btn:focus-visible {
outline: none;
}
.nova-cards-pagination__btn:focus-visible .nova-cards-pagination__btn-label {
outline: 2px solid #2E48F0;
outline-offset: 2px;
} .nova-cards-pagination__btn-label {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 12px;
border: 0;
border-radius: 10px;
background-color: #F4F5FB;
color: inherit;
font: inherit;
font-weight: 600;
line-height: 1;
transition: background-color .2s ease, color .2s ease, opacity .2s ease, border-color .2s ease;
pointer-events: none; }
.nova-cards-pagination__btn:hover:not(:disabled):not(.is-active) .nova-cards-pagination__btn-label {
background-color: #E4E6F2;
color: #0B0F2E;
}
.nova-cards-pagination__btn.is-active .nova-cards-pagination__btn-label {
background-color: #0B0F2E;
color: #FFFFFF;
}
.nova-cards-pagination__btn:disabled .nova-cards-pagination__btn-label {
background-color: #F4F5FB;
color: #A7AAC0;
}
.nova-cards-pagination__icon {
width: 12px;
height: 12px;
display: block;
}
.nova-cards-pagination__ellipsis {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 44px;
color: #6B6F8E;
font-weight: 600;
user-select: none;
}
.nova-cards-pagination--load-more {
justify-content: center;
}
.nova-cards-pagination__load-more-wrap {
margin: 0;
width: auto;
max-width: 100%;
}
.nova-cards-pagination__btn--load-more.vc_btn3 {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none !important;
box-sizing: border-box;
cursor: pointer;
}
.nova-cards-pagination__btn--load-more.is-loading {
opacity: 0.7;
pointer-events: none;
}
.nova-cards-pagination__btn--load-more .nova-cards-load-more__icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
flex-shrink: 0;
}
.nova-cards-pagination__btn--load-more .nova-cards-load-more__icon svg {
display: block;
width: 14px;
height: 14px;
}
.nova-cards-load-more__text {
display: inline-block;
line-height: 1.2;
}
@media (max-width: 480px) {
.nova-cards-pagination {
gap: 4px;
}
.nova-cards-pagination__btn-label {
min-width: 36px;
height: 36px;
padding: 0 8px;
font-size: 13px;
}
.nova-cards-pagination__ellipsis {
min-width: 20px;
height: 36px;
}
} .nova-card-text-1 .nova-card-text-logo {
display: block;
max-width: 100%;
height: auto;
max-height: 60px;
width: auto;
object-fit: contain;
}