@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
.dropzone, .dropzone * {
box-sizing: border-box; }
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px; }
.dropzone.dz-clickable {
cursor: pointer; }
.dropzone.dz-clickable * {
cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer; }
.dropzone.dz-started .dz-message {
display: none; }
.dropzone.dz-drag-hover {
border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5; }
.dropzone .dz-message {
text-align: center;
margin: 2em 0; }
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px; }
.dropzone .dz-preview:hover {
z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-image-preview {
background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none; }
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px); }
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10; }
.dropzone .dz-preview .dz-image img {
display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white; }
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626; }
.vue-dropzone{border:2px solid #e5e5e5;font-family:Arial,sans-serif;letter-spacing:.2px;color:#777;transition:.2s linear}.vue-dropzone:hover{background-color:#f6f6f6}.vue-dropzone>i{color:#ccc}.vue-dropzone>.dz-preview .dz-image{border-radius:0;width:100%;height:100%}.vue-dropzone>.dz-preview .dz-image img:not([src]){width:200px;height:200px}.vue-dropzone>.dz-preview .dz-image:hover img{transform:none;-webkit-filter:none}.vue-dropzone>.dz-preview .dz-details{bottom:0;top:0;color:#fff;background-color:rgba(33,150,243,.8);transition:opacity .2s linear;text-align:left}.vue-dropzone>.dz-preview .dz-details .dz-filename{overflow:hidden}.vue-dropzone>.dz-preview .dz-details .dz-filename span,.vue-dropzone>.dz-preview .dz-details .dz-size span{background-color:transparent}.vue-dropzone>.dz-preview .dz-details .dz-filename:not(:hover) span{border:none}.vue-dropzone>.dz-preview .dz-details .dz-filename:hover span{background-color:transparent;border:none}.vue-dropzone>.dz-preview .dz-progress .dz-upload{background:#ccc}.vue-dropzone>.dz-preview .dz-remove{position:absolute;z-index:30;color:#fff;margin-left:15px;padding:10px;top:inherit;bottom:15px;border:2px #fff solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:1.1px;opacity:0}.vue-dropzone>.dz-preview:hover .dz-remove{opacity:1}.vue-dropzone>.dz-preview .dz-error-mark,.vue-dropzone>.dz-preview .dz-success-mark{margin-left:auto;margin-top:auto;width:100%;top:35%;left:0}.vue-dropzone>.dz-preview .dz-error-mark svg,.vue-dropzone>.dz-preview .dz-success-mark svg{margin-left:auto;margin-right:auto}.vue-dropzone>.dz-preview .dz-error-message{margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.vue-dropzone>.dz-preview .dz-error-message:after{display:none}@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.listivo-swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.listivo-swiper-vertical > .listivo-swiper-wrapper {
flex-direction: column;
}
.listivo-swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.listivo-swiper-android .listivo-swiper-slide, .listivo-swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.listivo-swiper-pointer-events {
touch-action: pan-y;
}
.listivo-swiper-pointer-events.listivo-swiper-vertical {
touch-action: pan-x;
}
.listivo-swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.listivo-swiper-slide-invisible-blank {
visibility: hidden;
}
.listivo-swiper-autoheight, .listivo-swiper-autoheight .listivo-swiper-slide {
height: auto;
}
.listivo-swiper-autoheight .listivo-swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.listivo-swiper-backface-hidden .listivo-swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listivo-swiper-3d, .listivo-swiper-3d.listivo-swiper-css-mode .listivo-swiper-wrapper {
perspective: 1200px;
}
.listivo-swiper-3d .listivo-swiper-cube-shadow, .listivo-swiper-3d .listivo-swiper-slide, .listivo-swiper-3d .listivo-swiper-slide-shadow, .listivo-swiper-3d .listivo-swiper-slide-shadow-bottom, .listivo-swiper-3d .listivo-swiper-slide-shadow-left, .listivo-swiper-3d .listivo-swiper-slide-shadow-right, .listivo-swiper-3d .listivo-swiper-slide-shadow-top, .listivo-swiper-3d .listivo-swiper-wrapper {
transform-style: preserve-3d;
}
.listivo-swiper-3d .listivo-swiper-slide-shadow, .listivo-swiper-3d .listivo-swiper-slide-shadow-bottom, .listivo-swiper-3d .listivo-swiper-slide-shadow-left, .listivo-swiper-3d .listivo-swiper-slide-shadow-right, .listivo-swiper-3d .listivo-swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.listivo-swiper-3d .listivo-swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.listivo-swiper-3d .listivo-swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.listivo-swiper-3d .listivo-swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.listivo-swiper-3d .listivo-swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.listivo-swiper-3d .listivo-swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.listivo-swiper-css-mode > .listivo-swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.listivo-swiper-css-mode > .listivo-swiper-wrapper::-webkit-scrollbar {
display: none;
}
.listivo-swiper-css-mode > .listivo-swiper-wrapper > .listivo-swiper-slide {
scroll-snap-align: start start;
}
.listivo-swiper-horizontal.listivo-swiper-css-mode > .listivo-swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.listivo-swiper-vertical.listivo-swiper-css-mode > .listivo-swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.listivo-swiper-centered > .listivo-swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.listivo-swiper-centered.listivo-swiper-horizontal > .listivo-swiper-wrapper > .listivo-swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.listivo-swiper-centered.listivo-swiper-horizontal > .listivo-swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.listivo-swiper-centered.listivo-swiper-vertical > .listivo-swiper-wrapper > .listivo-swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.listivo-swiper-centered.listivo-swiper-vertical > .listivo-swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.listivo-swiper-centered > .listivo-swiper-wrapper > .listivo-swiper-slide {
scroll-snap-align: center center;
}
.listivo-swiper-virtual .listivo-swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.listivo-swiper-virtual.listivo-swiper-css-mode .listivo-swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.listivo-swiper-virtual.listivo-swiper-css-mode.listivo-swiper-horizontal .listivo-swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.listivo-swiper-virtual.listivo-swiper-css-mode.listivo-swiper-vertical .listivo-swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.listivo-swiper-button-next, .listivo-swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.listivo-swiper-button-next.listivo-swiper-button-disabled, .listivo-swiper-button-prev.listivo-swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.listivo-swiper-button-next:after, .listivo-swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.listivo-swiper-button-prev, .listivo-swiper-rtl .listivo-swiper-button-next {
left: 10px;
right: auto;
}
.listivo-swiper-button-prev:after, .listivo-swiper-rtl .listivo-swiper-button-next:after {
content: "prev";
}
.listivo-swiper-button-next, .listivo-swiper-rtl .listivo-swiper-button-prev {
right: 10px;
left: auto;
}
.listivo-swiper-button-next:after, .listivo-swiper-rtl .listivo-swiper-button-prev:after {
content: "next";
}
.listivo-swiper-button-lock {
display: none;
}
.listivo-swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.listivo-swiper-pagination.listivo-swiper-pagination-hidden {
opacity: 0;
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-bullets, .listivo-swiper-pagination-bullets.listivo-swiper-pagination-horizontal, .listivo-swiper-pagination-custom, .listivo-swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.listivo-swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active {
transform: scale(1);
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active-main {
transform: scale(1);
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.listivo-swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.listivo-swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.listivo-swiper-pagination-clickable .listivo-swiper-pagination-bullet {
cursor: pointer;
}
.listivo-swiper-pagination-bullet:only-child {
display: none !important;
}
.listivo-swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.listivo-swiper-pagination-vertical.listivo-swiper-pagination-bullets, .listivo-swiper-vertical > .listivo-swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.listivo-swiper-pagination-vertical.listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet, .listivo-swiper-vertical > .listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.listivo-swiper-pagination-vertical.listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic, .listivo-swiper-vertical > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.listivo-swiper-pagination-vertical.listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet, .listivo-swiper-vertical > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet, .listivo-swiper-pagination-horizontal.listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic, .listivo-swiper-pagination-horizontal.listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet, .listivo-swiper-pagination-horizontal.listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.listivo-swiper-horizontal.listivo-swiper-rtl > .listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.listivo-swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.listivo-swiper-pagination-progressbar .listivo-swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.listivo-swiper-rtl .listivo-swiper-pagination-progressbar .listivo-swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-progressbar, .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-horizontal, .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-vertical.listivo-swiper-pagination-progressbar-opposite, .listivo-swiper-vertical > .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.listivo-swiper-horizontal > .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-progressbar-opposite, .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-horizontal.listivo-swiper-pagination-progressbar-opposite, .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-vertical, .listivo-swiper-vertical > .listivo-swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.listivo-swiper-pagination-lock {
display: none;
}
.listivo-swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.listivo-swiper-horizontal > .listivo-swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.listivo-swiper-vertical > .listivo-swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.listivo-swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.listivo-swiper-scrollbar-cursor-drag {
cursor: move;
}
.listivo-swiper-scrollbar-lock {
display: none;
}
.listivo-swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.listivo-swiper-zoom-container > canvas, .listivo-swiper-zoom-container > img, .listivo-swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.listivo-swiper-slide-zoomed {
cursor: move;
}
.listivo-swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.listivo-swiper-slide-visible .listivo-swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.listivo-swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.listivo-swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.listivo-swiper .listivo-swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.listivo-swiper-free-mode > .listivo-swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.listivo-swiper-grid > .listivo-swiper-wrapper {
flex-wrap: wrap;
}
.listivo-swiper-grid-column > .listivo-swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.listivo-swiper-fade.listivo-swiper-free-mode .listivo-swiper-slide {
transition-timing-function: ease-out;
}
.listivo-swiper-fade .listivo-swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.listivo-swiper-fade .listivo-swiper-slide .listivo-swiper-slide {
pointer-events: none;
}
.listivo-swiper-fade .listivo-swiper-slide-active, .listivo-swiper-fade .listivo-swiper-slide-active .listivo-swiper-slide-active {
pointer-events: auto;
}
.listivo-swiper-cube {
overflow: visible;
}
.listivo-swiper-cube .listivo-swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.listivo-swiper-cube .listivo-swiper-slide .listivo-swiper-slide {
pointer-events: none;
}
.listivo-swiper-cube.listivo-swiper-rtl .listivo-swiper-slide {
transform-origin: 100% 0;
}
.listivo-swiper-cube .listivo-swiper-slide-active, .listivo-swiper-cube .listivo-swiper-slide-active .listivo-swiper-slide-active {
pointer-events: auto;
}
.listivo-swiper-cube .listivo-swiper-slide-active, .listivo-swiper-cube .listivo-swiper-slide-next, .listivo-swiper-cube .listivo-swiper-slide-next + .listivo-swiper-slide, .listivo-swiper-cube .listivo-swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.listivo-swiper-cube .listivo-swiper-slide-shadow-bottom, .listivo-swiper-cube .listivo-swiper-slide-shadow-left, .listivo-swiper-cube .listivo-swiper-slide-shadow-right, .listivo-swiper-cube .listivo-swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listivo-swiper-cube .listivo-swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.listivo-swiper-cube .listivo-swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.listivo-swiper-flip {
overflow: visible;
}
.listivo-swiper-flip .listivo-swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.listivo-swiper-flip .listivo-swiper-slide .listivo-swiper-slide {
pointer-events: none;
}
.listivo-swiper-flip .listivo-swiper-slide-active, .listivo-swiper-flip .listivo-swiper-slide-active .listivo-swiper-slide-active {
pointer-events: auto;
}
.listivo-swiper-flip .listivo-swiper-slide-shadow-bottom, .listivo-swiper-flip .listivo-swiper-slide-shadow-left, .listivo-swiper-flip .listivo-swiper-slide-shadow-right, .listivo-swiper-flip .listivo-swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listivo-swiper-creative .listivo-swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.listivo-swiper-cards {
overflow: visible;
}
.listivo-swiper-cards .listivo-swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
} :root { --e-global-color-lprimary1: #4F76DF;
--e-global-color-lprimary2: #F49959;
--e-global-color-lcolor1: #283948;
--e-global-color-lcolor2: #556E82;
--e-global-color-lcolor3: #D5E3F0;
--e-global-color-lcolor4: #E6F0FA;
--e-global-color-lcolor5: #FDFDFE;
--e-global-color-lcolor5-op-1: rgba(253, 253, 254, 0.95);
--e-global-color-lcolor5-op-2: rgba(253, 253, 254, 0.15);
--e-global-color-lsectionbg: #F8FAFD; --e-global-typography-lheading1-font-family: "Red Hat Display";
--e-global-typography-lheading1-font-size: 68px;
--e-global-typography-lheading1-font-weight: 800;
--e-global-typography-lheading1-line-height: 68px;
--e-global-typography-lheading1-letter-spacing: -2px;
--e-global-typography-lheading1-text-transform: none;
--e-global-typography-lheading1-font-style: normal;
--e-global-typography-lheading1-text-decoration: none; --e-global-typography-lheading2-font-family: "Red Hat Display";
--e-global-typography-lheading2-font-size: 36px;
--e-global-typography-lheading2-font-weight: 800;
--e-global-typography-lheading2-line-height: 38px;
--e-global-typography-lheading2-letter-spacing: -1px;
--e-global-typography-lheading2-text-transform: none;
--e-global-typography-lheading2-font-style: normal;
--e-global-typography-lheading2-text-decoration: none; --e-global-typography-lheading3-font-family: "Red Hat Display";
--e-global-typography-lheading3-font-size: 24px;
--e-global-typography-lheading3-font-weight: 800;
--e-global-typography-lheading3-line-height: 24px;
--e-global-typography-lheading3-letter-spacing: -1px;
--e-global-typography-lheading3-text-transform: none;
--e-global-typography-lheading3-font-style: normal;
--e-global-typography-lheading3-text-decoration: none; --e-global-typography-lheading4-font-family: "Red Hat Display";
--e-global-typography-lheading4-font-size: 16px;
--e-global-typography-lheading4-font-weight: 800;
--e-global-typography-lheading4-line-height: 16px;
--e-global-typography-lheading4-letter-spacing: 0;
--e-global-typography-lheading4-text-transform: none;
--e-global-typography-lheading4-font-style: normal;
--e-global-typography-lheading4-text-decoration: none; --e-global-typography-llabel-font-family: "Red Hat Display";
--e-global-typography-llabel-font-size: 16px;
--e-global-typography-llabel-font-weight: 600;
--e-global-typography-llabel-line-height: 16;
--e-global-typography-llabel-letter-spacing: 0;
--e-global-typography-llabel-text-transform: none;
--e-global-typography-llabel-font-style: normal;
--e-global-typography-llabel-text-decoration: none; --e-global-typography-ltext1-font-family: "Red Hat Display";
--e-global-typography-ltext1-font-size: 16px;
--e-global-typography-ltext1-font-weight: 400;
--e-global-typography-ltext1-line-height: 29px;
--e-global-typography-ltext1-letter-spacing: 0;
--e-global-typography-ltext1-text-transform: none;
--e-global-typography-ltext1-font-style: normal;
--e-global-typography-ltext1-text-decoration: none; --e-global-typography-ltext1bold-font-family: "Red Hat Display";
--e-global-typography-ltext1bold-font-size: 16px;
--e-global-typography-ltext1bold-font-weight: 600;
--e-global-typography-ltext1bold-line-height: 29px;
--e-global-typography-ltext1bold-letter-spacing: 0;
--e-global-typography-ltext1bold-text-transform: none;
--e-global-typography-ltext1bold-font-style: normal;
--e-global-typography-ltext1bold-text-decoration: none; --e-global-typography-ltext2-font-family: "Red Hat Display";
--e-global-typography-ltext2-font-size: 14px;
--e-global-typography-ltext2-font-weight: 400;
--e-global-typography-ltext2-line-height: 24px;
--e-global-typography-ltext2-letter-spacing: 0;
--e-global-typography-ltext2-text-transform: none;
--e-global-typography-ltext2-font-style: normal;
--e-global-typography-ltext2-text-decoration: none; --e-global-typography-ltext2bold-font-family: "Red Hat Display";
--e-global-typography-ltext2bold-font-size: 14px;
--e-global-typography-ltext2bold-font-weight: 700;
--e-global-typography-ltext2bold-line-height: 29px;
--e-global-typography-ltext2bold-letter-spacing: 0;
--e-global-typography-ltext2bold-text-transform: none;
--e-global-typography-ltext2bold-font-style: normal;
--e-global-typography-ltext2bold-text-decoration: none; --e-global-size-1: 90px;
--e-global-size-2: 60px;
--e-global-size-3: 45px;
--e-global-size-4: 30px;
--e-global-size-5: 20px;
--e-global-size-6: 15px;
--e-global-size-7: 10px;
--e-global-lborder-radius: 5px;
--e-global-lborder-radius-large: 10px;
--e-global-shadow-transparent: 0 6px 20px transparent;
--e-global-shadow: 0 6px 20px rgba(42, 57, 70, 0.08);
--e-global-shadow-filter-transparent: drop-shadow(0 6px 20px transparent);
--e-global-shadow-filter: drop-shadow(0 6px 20px rgba(42, 57, 70, 0.08));
--e-global-grid-width: 1140px;
--e-global-desktop-padding: 30px;
--e-global-mobile-padding: 15px;
--e-global-transition-time: 0.3s;
}
:root {
--font-heading: "Comfortaa", cursive;
--font-text: "Inter", sans-serif;
--border-radius: 8px;
}   html {
font-size: 100%;
overflow-x: clip;
}
body {
min-height: 100vh;
font-family: var(--font-text);
font-weight: 400;
font-size: 1rem;
color: var(--text-1);
overflow-x: clip;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
}
* {
outline: none;
border: 0;
}
*,
*::after,
*::before {
box-sizing: border-box;
}
input[type=password],
input[type=tel],
input[type=text],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
margin: 0;
}
ol,
ul {
padding: 0;
list-style: none;
}
li {
list-style: none;
}
a {
font-family: inherit;
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
button {
cursor: pointer;
border: none;
background-color: transparent;
color: var(--text-1);
font-family: inherit;
} input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
color: var(--text-1) !important;
opacity: 1;
font-size: 16px;
font-weight: 400;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: var(--text-1) !important;
opacity: 1;
font-size: 16px;
font-weight: 400;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
color: var(--text-1) !important;
opacity: 1;
font-size: 16px;
font-weight: 400;
}
input,
select,
textarea {
color: var(--text-1);
font-family: inherit;
}
.listivo-no-scroll {
overflow: hidden;
}
.listivo-no-scroll .listivo-menu-v2-wrapper {
z-index: 20;
}
.listivo-margin-top-1 {
margin-top: var(--e-global-size-1);
}
.listivo-margin-top-2 {
margin-top: var(--e-global-size-2);
}
.listivo-margin-top-3 {
margin-top: var(--e-global-size-3);
}
.listivo-margin-top-4 {
margin-top: var(--e-global-size-4);
}
.listivo-margin-top-5 {
margin-top: var(--e-global-size-5);
}
.listivo-margin-top-6 {
margin-top: var(--e-global-size-6);
}
.listivo-margin-top-7 {
margin-top: var(--e-global-size-7);
}
.listivo-lowercase {
text-transform: lowercase;
}
.listivo-sticky-element {
width: 100%;
}
.listivo-fill-primary-1 {
fill: var(--e-global-color-lprimary1);
}
.listivo-fill-primary-2 {
fill: var(--e-global-color-lprimary2);
}
.listivo-fill-color-1 {
fill: var(--e-global-color-lcolor1);
}
.listivo-fill-color-2 {
fill: var(--e-global-color-lcolor2);
}
.listivo-fill-color-3 {
fill: var(--e-global-color-lcolor3);
}
.listivo-fill-color-4 {
fill: var(--e-global-color-lcolor4);
}
.listivo-fill-color-5 {
fill: var(--e-global-color-lcolor5);
}
.listivo-stroke-color-1 {
stroke: var(--e-global-color-lcolor1);
}
.listivo-stroke-color-2 {
stroke: var(--e-global-color-lcolor2);
}
.listivo-stroke-color-3 {
stroke: var(--e-global-color-lcolor3);
}
.listivo-stroke-color-4 {
stroke: var(--e-global-color-lcolor4);
}
.listivo-stroke-color-5 {
stroke: var(--e-global-color-lcolor5);
}
.listivo-filter-shadow {
filter: var(--e-global-shadow-filter);
}  .listivo-container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-mobile-container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-mobile-container {
max-width: 390px;
}
} .listivo-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.listivo-grid__element--auto {
width: auto;
}
.listivo-grid__element--1of1 {
width: 100%;
}
.listivo-grid__element--1of2 {
width: 50%;
}
.listivo-grid__element--1of3 {
width: 33.333333333%;
}
.listivo-grid__element--1of4 {
width: 25%;
}
.listivo-grid__element--1of5 {
width: 20%;
}
.listivo-grid__element--1of6 {
width: 16.666666666%;
}
.listivo-grid__element--1of7 {
width: 14.2857142857%;
}
.listivo-grid__element--1of8 {
width: 12.5%;
}
.listivo-grid__element--1of9 {
width: 11.111111111%;
}
@media (min-width: 1200px) {
.listivo-hide-desktop {
display: none;
}
.listivo-grid__element--desktop-1of1 {
width: 100%;
}
.listivo-grid__element--desktop-1of2 {
width: 50%;
}
.listivo-grid__element--desktop-1of3 {
width: 33.3333%;
}
.listivo-grid__element--desktop-1of4 {
width: 25%;
}
.listivo-grid__element--desktop-1of5 {
width: 20%;
}
.listivo-grid__element--desktop-1of6 {
width: 16.6666%;
}
}
@media (min-width: 900px) and (max-width: 1199px) {
.listivo-hide-tablet {
display: none;
}
.listivo-grid__element--tablet-1of1 {
width: 100%;
}
.listivo-grid__element--tablet-1of2 {
width: 50%;
}
.listivo-grid__element--tablet-1of3 {
width: 33.3333%;
}
.listivo-grid__element--tablet-1of4 {
width: 25%;
}
.listivo-grid__element--tablet-1of5 {
width: 20%;
}
.listivo-grid__element--tablet-1of6 {
width: 16.6666%;
}
}
@media (max-width: 899px) {
.listivo-hide-mobile {
display: none;
}
.listivo-grid__element--mobile-1of1 {
width: 100%;
}
.listivo-grid__element--mobile-1of2 {
width: 50%;
}
.listivo-grid__element--mobile-1of3 {
width: 33.3333%;
}
.listivo-grid__element--mobile-1of4 {
width: 25%;
}
.listivo-grid__element--mobile-1of5 {
width: 20%;
}
.listivo-grid__element--mobile-1of6 {
width: 16.6666%;
}
}
.listivo-position-static {
position: static !important;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0 30px;
}
@media (max-width: 1024px) {
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0 15px;
}
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h1 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h2 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h3 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h4 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h5 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading5-font-family);
font-size: var(--e-global-typography-lheading5-font-size);
font-weight: var(--e-global-typography-lheading5-font-weight);
line-height: var(--e-global-typography-lheading5-line-height);
letter-spacing: var(--e-global-typography-lheading5-letter-spacing);
text-transform: var(--e-global-typography-lheading5-text-transform);
font-style: var(--e-global-typography-lheading5-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading5-text-decoration);
text-decoration: var(--e-global-typography-lheading5-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor h6 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading6-font-family);
font-size: var(--e-global-typography-lheading6-font-size);
font-weight: var(--e-global-typography-lheading6-font-weight);
line-height: var(--e-global-typography-lheading6-line-height);
letter-spacing: var(--e-global-typography-lheading6-letter-spacing);
text-transform: var(--e-global-typography-lheading6-text-transform);
font-style: var(--e-global-typography-lheading6-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading6-text-decoration);
text-decoration: var(--e-global-typography-lheading6-text-decoration);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor ul, body:not(.woocommerce-checkout) .elementor-widget-text-editor ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor ol li {
list-style-type: decimal;
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor li {
display: list-item;
list-style: inside;
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor p {
margin-top: var(--e-global-size-4);
}
body:not(.woocommerce-checkout) .elementor-widget-text-editor p:first-child {
margin-top: 0;
}
.listivo-search-form-v2__text-button {
border-radius: 10px 50px 50px 10px;
}
[dir=rtl] .wpcf7 {
direction: rtl !important;
}
[dir=rtl] .elementor-element .listivo-rtl-fix-column-padding > .elementor-element-populated:first-child {
padding: 0 30px 0 0;
}
@media (max-width: 1024px) {
[dir=rtl] .elementor-element .listivo-rtl-fix-column-padding > .elementor-element-populated:first-child {
padding: 0;
}
}
[dir=rtl] .elementor-element .listivo-rtl-fix-contact-form-column-padding > .elementor-element-populated:first-child {
padding: 0 0 0 30px;
}
[dir=rtl] .elementor-element .listivo-search-form-v2__inner .listivo-search-form-v2__text-button {
border-radius: 50px 10px 10px 50px;
}  .dialog-type-lightbox .dialog-widget-content {
top: 10% !important;
width: 70%;
height: 80%;
}
.dialog-lightbox-close-button {
display: none !important;
}
.elementor-custom-embed-play {
text-shadow: none !important;
opacity: 1 !important;
border-radius: 50% !important;
width: 80px !important;
height: 80px !important;
background-color: var(--e-global-color-lcolor5-op-2) !important;
box-shadow: var(--e-global-shadow);
display: flex;
align-items: center;
justify-content: center;
}
.elementor-custom-embed-play .elementor-screen-only {
display: none !important;
}
.elementor-custom-embed-play i {
display: none !important;
}
.elementor-custom-embed-play:before {
display: block;
content: "";
width: 60px;
height: 60px;
background-color: var(--e-global-color-lcolor5);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.elementor-custom-embed-play:after {
display: block;
content: "";
width: 19px;
height: 21px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M2.27253 0.00179C1.08765 0.0490109 0 1.02277 0 2.33468V18.3802C0 20.1294 1.93462 21.2771 3.45372 20.4294L17.8279 12.4066C19.3907 11.5343 19.3907 9.18057 17.8279 8.30828L3.45372 0.28552C3.07394 0.073585 2.66749 -0.0139503 2.27253 0.00179ZM2.2907 1.54044C2.42437 1.53987 2.56447 1.57477 2.70159 1.65129L17.0768 9.67405C17.6446 9.99099 17.6446 10.7239 17.0768 11.0408L2.70159 19.0636C2.15311 19.3697 1.55069 19.0115 1.55069 18.3802V2.33468C1.55069 2.01902 1.70096 1.77225 1.92019 1.64214C2.02981 1.57708 2.15704 1.54102 2.2907 1.54044Z' fill='%232A3946'/%3E%3C/svg%3E");
z-index: 10;
margin-left: 3px;
}
.elementor-widget-text-editor a:not(.listivo-button) {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.elementor-widget-text-editor a:not(.listivo-button):before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.elementor-widget-text-editor a:not(.listivo-button):hover:before {
width: calc(100% + 6px);
}
.swal2-container {
z-index: 999999;
background: none;
}
.swal2-container:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.7;
}
.swal2-popup {
max-width: 500px;
width: 100%;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
}
.swal2-icon {
margin: 0 auto;
}
.swal2-title {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.swal2-html-container {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
padding: 0;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.swal2-input {
width: 100%;
margin: var(--e-global-size-6) auto 0;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-2);
display: flex;
align-items: center;
padding: 0 var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
box-shadow: unset;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.swal2-input:focus {
border: 1px solid var(--e-global-color-lcolor3) !important;
border-radius: var(--e-global-lborder-radius);
outline: none !important;
box-shadow: unset !important;
}
.swal2-actions {
margin-top: var(--e-global-size-4);
}
.swal2-styled {
margin: 0 7.5px;
}
.swal2-styled:hover {
background-image: unset !important;
}
.swal2-confirm {
display: flex;
align-items: center;
height: 50px;
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lprimary1) !important;
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.swal2-confirm:hover {
background-color: var(--e-global-color-lprimary1) !important;
opacity: 1;
}
.swal2-cancel {
display: flex;
align-items: center;
height: 50px;
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lcolor3) !important;
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.swal2-cancel:hover {
background-color: var(--e-global-color-lcolor3) !important;
opacity: 1;
}
body.swal2-shown {
padding-right: 0 !important;
} .listivo-checkbox {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor3);
background-color: var(--e-global-color-lcolor5);
cursor: pointer;
transition: 0.3s ease-in-out;
}
.listivo-checkbox--size-6 {
width: 16px;
height: 16px;
}
.listivo-checkbox svg {
opacity: 0;
transition: 0.3s ease-in-out;
}
.listivo-checkbox svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-checkbox--checked {
border: 1px solid var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-checkbox--checked svg {
opacity: 1;
}
.listivo-radio {
border-radius: 50%;
width: 16px;
height: 16px;
border: 1px solid var(--e-global-color-lcolor3);
position: relative;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.listivo-radio:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: transparent;
transition: 0.3s ease-in-out;
border-radius: 50%;
}
.listivo-radio--active {
border-color: var(--e-global-color-lprimary1);
}
.listivo-radio--active:before {
background-color: var(--e-global-color-lprimary1);
}
.listivo-pagination {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.listivo-pagination {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-pagination {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-pagination {
justify-content: center;
}
}
.listivo-pagination__info {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-pagination__info {
display: none;
}
}
.listivo-pagination__info span {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
font-weight: 700;
margin: 0 3px;
}
.listivo-pagination__list {
display: flex;
justify-content: center;
}
.listivo-pagination__item {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
cursor: pointer;
border-radius: 5px;
overflow: hidden;
transition: 0.3s ease-in-out;
margin-right: var(--e-global-size-7);
border: 1px solid transparent;
}
.listivo-pagination__item:hover {
border-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lprimary1);
}
.listivo-pagination__item:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-pagination__item:last-child {
margin-right: 0;
}
@media (max-width: 360px) {
.listivo-pagination__item {
display: none;
}
.listivo-pagination__item:first-child {
display: flex;
}
.listivo-pagination__item:last-child {
display: flex;
}
}
[dir=rtl] .listivo-pagination__item svg {
transform: scaleX(-1);
}
.listivo-pagination__item svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-pagination__item i {
color: var(--e-global-color-lcolor1);
}
.listivo-pagination__item--active {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--active:hover {
color: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--active i {
color: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--active:hover {
border-color: transparent;
}
.listivo-pagination__item--disabled {
background-color: var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor5);
pointer-events: none;
}
.listivo-pagination__item--disabled:hover {
border-color: transparent;
}
.listivo-pagination__item--disabled svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--disabled i {
color: var(--e-global-color-lcolor5);
}
.listivo-pagination__item--separator {
pointer-events: none;
}
.listivo-pagination__item--separator:hover {
border-color: transparent;
}
.post-nav-links {
width: 100%;
margin: 70px 0;
font-family: var(--font-heading);
font-size: 24px;
font-weight: 700;
letter-spacing: 0.24px;
display: flex;
align-items: center;
}
.post-nav-links .post-page-numbers {
font-family: var(--font-text);
display: inline-block;
width: 50px;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 48px;
margin-right: 5px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
transition: 0.3s ease-in-out;
border: 1px solid var(--border-color);
border-radius: 50%;
letter-spacing: 0;
}
.post-nav-links .post-page-numbers:first-child {
margin-left: 35px;
}
.post-nav-links .post-page-numbers.current {
background: var(--e-global-color-lprimary1);
color: var(--white);
}
.post-nav-links .post-page-numbers.current:hover {
color: var(--white);
}
.post-nav-links .post-page-numbers:hover {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-post-inner + p.post-nav-links {
margin-top: 15px;
} .listivo-comment {
background-color: var(--e-global-color-lcolor5);
}
.listivo-comment__inner {
border: 1px solid var(--e-global-color-lcolor4);
margin-bottom: var(--e-global-size-4);
border-right: 0;
border-left: 0;
}
.listivo-comment .listivo-comment {
margin-left: var(--e-global-size-2);
}
.listivo-comment .listivo-comment .listivo-comment__inner {
border-radius: var(--e-global-lborder-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-style: dashed;
border-left: 1px dashed var(--e-global-color-lcolor4);
}
.listivo-comment:last-child .listivo-comment__inner {
border-bottom: 0;
margin-bottom: 0;
}
.listivo-comment__top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0 var(--e-global-size-4);
padding-top: var(--e-global-size-4);
position: relative;
z-index: 2;
}
.listivo-comment__top:before {
display: block;
content: "";
border-top: 1px dashed var(--e-global-color-lcolor4);
height: 1px;
width: var(--e-global-size-2);
position: absolute;
top: 35px;
left: -60px;
z-index: 1;
}
@media (max-width: 767px) {
.listivo-comment__top:before {
width: var(--e-global-size-4);
left: -30px;
}
}
.listivo-comment__left {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.listivo-comment__text {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
padding: var(--e-global-size-4);
padding-top: var(--e-global-size-6);
}
.listivo-comment__avatar {
width: 50px;
height: 50px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.listivo-comment__avatar img {
aspect-ratio: 1/1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.listivo-comment__user {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
.listivo-comment__user-data {
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 14px;
line-height: 14px;
color: var(--e-global-color-lcolor2);
}
.listivo-comment__user-data a {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-comment__date {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
@media (max-width: 767px) {
.listivo-comment__date {
margin-left: 0;
}
}
.listivo-comment__icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
justify-content: center;
align-items: center;
margin-right: var(--e-global-size-7);
background-color: var(--e-global-color-lprimary2);
border-radius: 50%;
}
@media (max-width: 767px) {
.listivo-comment__icon {
display: none;
}
}
.listivo-comment__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-comment__reply {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor4);
cursor: pointer;
transition: 0.3s ease-in-out;
position: relative;
}
.listivo-comment__reply a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.listivo-comment__reply svg path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-comment__reply:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-comment__reply:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-comments {
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (max-width: 1024px) {
.listivo-comments {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-comments {
max-width: 390px;
}
}
.listivo-comments__label {
color: var(--e-global-color-lcolor1);
display: flex;
align-items: center;
padding: var(--e-global-size-4);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-comments__count {
min-width: var(--e-global-size-4);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
border-radius: 40px;
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary1);
padding: 0 var(--e-global-size-7);
margin-left: var(--e-global-size-6);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-comments__list {
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-comments > .listivo-comment > .listivo-comment {
margin-left: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-comments > .listivo-comment > .listivo-comment {
margin-left: var(--e-global-size-4);
}
}
.listivo-comments > .listivo-comment > .listivo-comment .listivo-comment {
margin-left: 0;
}
.listivo-comments > .listivo-comment--parent {
border-left: 1px dashed var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
left: 1px;
}
.listivo-comments > .listivo-comment--parent .listivo-comment__inner {
position: relative;
left: -1px;
}
.listivo-comment-form {
margin-top: var(--e-global-size-4);
border-radius: var(--e-global-size-7);
border: 1px solid var(--e-global-color-lcolor4);
background-color: var(--e-global-color-lcolor5);
padding: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-comment-form {
padding: var(--e-global-size-4);
}
}
.listivo-comment-form .comment-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
.listivo-comment-form__text {
grid-area: span 1/span 2;
}
.listivo-comment-form__text textarea {
background: var(--e-global-color-lsectionbg);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
width: 100%;
height: 180px;
padding: var(--e-global-size-5) var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
resize: vertical;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-comment-form__field {
position: relative;
}
@media (max-width: 767px) {
.listivo-comment-form__field {
grid-area: span 1/span 2;
}
}
.listivo-comment-form__field--full {
grid-area: span 1/span 2;
}
.listivo-comment-form__field input {
background: var(--e-global-color-lsectionbg);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-2);
display: flex;
align-items: center;
padding: 0 var(--e-global-size-6);
padding-left: var(--e-global-size-2);
color: var(--e-global-color-lcolor1);
width: 100%;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-comment-form__icon {
position: absolute;
left: var(--e-global-size-6);
top: var(--e-global-size-6);
width: var(--e-global-size-4);
height: var(--e-global-size-4);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lprimary2);
border-radius: var(--e-global-lborder-radius);
pointer-events: none;
}
.listivo-comment-form__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-comment-form__submit {
display: flex;
justify-content: flex-end;
}
@media (max-width: 767px) {
.listivo-comment-form__submit {
justify-content: center;
grid-area: span 1/span 2;
}
}
.listivo-comment-form .comment-form-cookies-consent {
color: var(--e-global-color-lcolor1);
display: flex;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 767px) {
.listivo-comment-form .comment-form-cookies-consent {
grid-area: span 1/span 2;
}
}
.listivo-comment-form .comment-form-cookies-consent label {
display: flex;
cursor: pointer;
}
.listivo-comment-form .comment-form-cookies-consent label span {
flex: 1;
}
.listivo-comment-form .comment-form-cookies-consent label:before {
display: block;
content: "";
background: var(--e-global-color-lcolor4);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
margin-right: var(--e-global-size-6);
width: var(--e-global-size-5);
height: var(--e-global-size-5);
margin-top: 4.5px;
cursor: pointer;
}
.listivo-comment-form .comment-form-cookies-consent input {
display: none;
}
.listivo-comment-form .comment-form-cookies-consent input:checked + label:before {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1) center center no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M10.738 0.728889L9.75128 0.0970432C9.47826 -0.0771195 9.10421 -0.0102893 8.92148 0.244879L4.08453 6.96431L1.86169 4.87031C1.62951 4.65159 1.25116 4.65159 1.01898 4.87031L0.17413 5.66619C-0.0580434 5.88491 -0.0580434 6.24133 0.17413 6.46207L3.59224 9.68205C3.78357 9.86229 4.08453 10 4.3554 10C4.62627 10 4.89929 9.84001 5.07557 9.59902L10.8971 1.50857C11.082 1.2534 11.011 0.903051 10.738 0.728889Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
}
.listivo-comment-form .comment-reply-title {
color: var(--e-global-color-lcolor1);
text-align: center;
margin-bottom: var(--e-global-size-3);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 767px) {
.listivo-comment-form .comment-reply-title {
margin-bottom: var(--e-global-size-4);
}
}
.logged-in .listivo-comment-form__submit {
grid-area: span 1/span 2;
} @media (max-width: 1024px) {
.listivo-term-carousel {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-term-carousel {
max-width: 390px;
}
}
.listivo-term-carousel .listivo-swiper-slide {
display: inline-block;
width: 263px;
}
.listivo-term-carousel__term {
display: inline-flex;
flex-direction: column;
background-color: var(--e-global-color-lcolor5);
width: 100%;
transition: 0.3s ease-in-out;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-term-carousel__term:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-term-carousel__term:hover .listivo-term-carousel__content {
border-color: var(--e-global-color-lcolor5);
}
.listivo-term-carousel__image {
width: 100%;
overflow: hidden;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
.listivo-term-carousel__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 263/397;
}
@media (max-width: 1024px) {
.listivo-term-carousel__image img {
aspect-ratio: 1/1;
}
}
.listivo-term-carousel__content {
padding: 30px 45px;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
transition: 0.3s ease-in-out;
}
.listivo-term-carousel__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-term-carousel__count {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-term-carousel__count-value {
height: 20px;
display: inline-flex;
align-items: center;
background: var(--e-global-color-lprimary2);
border-radius: 50px;
color: var(--e-global-color-lcolor5);
padding: 0 10px;
margin-right: 8px;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-term-carousel__navigation {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: space-between;
align-items: center;
}
.listivo-term-carousel__pagination {
display: flex;
align-items: center;
}
.listivo-term-carousel__pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
border-radius: 5px;
background-color: var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out !important;
margin-left: var(--e-global-size-6);
opacity: 1 !important;
}
.listivo-term-carousel__pagination .swiper-pagination-bullet:first-child {
margin-left: 0;
}
.listivo-term-carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 30px;
height: 10px;
border-radius: 11px;
background-color: var(--e-global-color-lprimary1);
}
.listivo-box-arrows {
display: flex;
}
.listivo-box-arrow {
height: 50px;
width: 50px;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: var(--e-global-color-lprimary1);
transition: 0.3s ease-in-out;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.listivo-box-arrow:before {
display: block;
content: "";
background-color: var(--e-global-color-lcolor5);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.3s ease-in-out;
}
.listivo-box-arrow:hover:before {
opacity: 0.15;
}
.listivo-box-arrow:hover svg {
transform: scale(1.2);
}
[dir=rtl] .listivo-box-arrow:hover svg {
transform: scaleX(-1.2) scaleY(1.2);
}
.listivo-box-arrow:last-child {
margin-left: var(--e-global-size-6);
}
.listivo-box-arrow svg {
transition: 0.3s ease-in-out;
}
[dir=rtl] .listivo-box-arrow svg {
transform: scaleX(-1);
}
.listivo-box-arrow svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-box-arrow--disabled {
opacity: 0.15;
cursor: default;
}
.listivo-menu-v2-wrapper {
position: relative;
}
.listivo-menu-v2 {
height: var(--e-global-size-1);
background: var(--e-global-color-lcolor5-op-1);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
position: relative;
z-index: 31;
transition: 0.3s ease-in-out;
}
.listivo-menu-v2--simple .listivo-menu-v2__container {
flex-direction: row-reverse;
}
.listivo-menu-v2--simple .listivo-menu-v2__right {
display: none;
}
.listivo-menu-v2__currency-switcher {
margin-right: var(--e-global-size-6);
}
@media (max-width: 1119px) {
.listivo-menu-v2__currency-switcher {
display: none !important;
}
}
.listivo-menu-v2__container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-menu-v2__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
.listivo-menu-v2__line {
background-color: var(--e-global-color-lcolor4);
width: 100%;
height: 1px;
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__left {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.listivo-menu-v2__right {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.listivo-menu-v2__logo {
display: block;
}
.listivo-menu-v2__logo img {
height: 100%;
width: auto;
}
.listivo-menu-v2__logo--sticky {
display: none;
}
.listivo-menu-v2__button {
display: none;
margin-left: var(--e-global-size-4);
}
.listivo-menu-v2__account {
display: flex;
align-items: center;
position: relative;
height: 90px;
gap: var(--e-global-size-6);
}
.listivo-menu-v2__mobile-button {
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor3);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.listivo-menu-v2__mobile-button svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-menu-v2__avatar {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor3);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__avatar svg path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__avatar--no-border {
border: 0;
}
.listivo-menu-v2__avatar--no-border:hover img {
transform: scale(1.1);
}
.listivo-menu-v2__separator {
margin: 0 var(--e-global-size-6);
width: 1px;
height: var(--e-global-size-4);
background-color: var(--e-global-color-lcolor3);
display: none;
}
.listivo-menu-v2__phone {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
margin-left: var(--e-global-size-4);
}
.listivo-menu-v2__account-link {
color: var(--e-global-color-lcolor1);
display: none;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
transition: 0.3s ease-in-out;
max-width: 120px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.listivo-menu-v2__items {
display: none;
position: relative;
margin-left: var(--e-global-size-2);
}
.listivo-menu-v2__items > .listivo-menu-v2__item {
margin-left: var(--e-global-size-3);
}
.listivo-menu-v2__items > .listivo-menu-v2__item > a {
height: var(--e-global-size-1);
display: flex;
align-items: center;
}
.listivo-menu-v2__items > .listivo-menu-v2__item:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: -16px;
top: 50%;
margin-top: -3px;
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
opacity: 0;
transform: translateX(-10px);
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__items > .listivo-menu-v2__item:hover:before {
opacity: 1;
transform: translateX(0);
}
.listivo-menu-v2__item {
display: flex;
align-items: center;
position: relative;
color: var(--e-global-color-lcolor1);
z-index: 20;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-weight: 500 !important;
}
.listivo-menu-v2__item:first-child {
margin-left: 0;
}
.listivo-menu-v2__item a {
display: flex;
align-items: center;
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__item svg {
display: none;
}
.listivo-menu-v2__item:hover > .listivo-menu-v2__submenu {
opacity: 1;
visibility: visible;
}
.listivo-menu-v2__item.menu-item-has-children > a svg {
display: block;
margin-left: var(--e-global-size-7);
}
.listivo-menu-v2__item.menu-item-has-children > a svg path {
fill: var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__item.menu-item-has-children:hover > a svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-menu-v2__submenu {
z-index: 10;
visibility: hidden;
opacity: 0;
position: absolute;
left: -30px;
top: calc(100% + 1px);
flex-direction: column;
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__submenu .listivo-menu-v2__item {
min-width: 200px;
white-space: nowrap;
display: block;
}
.listivo-menu-v2__submenu .listivo-menu-v2__item a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 var(--e-global-size-4);
transition: 0.3s ease-in-out;
}
.listivo-menu-v2__submenu .listivo-menu-v2__item a:hover {
background: var(--e-global-color-lsectionbg);
}
.listivo-menu-v2__submenu .listivo-menu-v2__item a svg {
margin-left: 5px;
}
.listivo-menu-v2__submenu .listivo-menu-v2__item:last-child {
margin-bottom: 0;
}
.listivo-menu-v2__submenu .listivo-menu-v2__item svg {
transform: rotate(-90deg);
}
.listivo-menu-v2__submenu .listivo-menu-v2__submenu {
left: 100%;
top: -16px;
}
.listivo-menu-v2__submenu-inner {
position: relative;
padding: var(--e-global-size-6) 0;
box-shadow: var(--e-global-shadow);
background: var(--e-global-color-lcolor5);
-webkit-clip-path: inset(-1px -1000px -1000px -1000px);
clip-path: inset(-1px -1000px -1000px -1000px);
border: 1px solid var(--e-global-color-lcolor5);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-menu-v2--light .listivo-currency-switcher__current {
color: var(--e-global-color-lcolor5);
}
.listivo-menu-v2--light .listivo-currency-switcher__current path {
fill: var(--e-global-color-lcolor5);
}
.listivo-menu-v2--light .listivo-menu-v2__line {
opacity: 0.2;
}
.listivo-menu-v2--light .listivo-menu-v2__item {
color: var(--e-global-color-lcolor5);
}
.listivo-menu-v2--light .listivo-menu-v2__item .listivo-menu-v2__submenu .listivo-menu-v2__item {
color: var(--e-global-color-lcolor1);
}
.listivo-menu-v2--light .listivo-menu-v2__phone {
color: var(--e-global-color-lcolor5-op-1);
}
.listivo-menu-v2--light .listivo-menu-v2__mobile-button svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-menu-v2--light .listivo-menu-v2__avatar svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-menu-v2--light .listivo-menu-v2__account-link {
color: var(--e-global-color-lcolor5);
}
.listivo-menu-transparent .listivo-menu-transparent-height-0 {
height: 0;
}
.listivo-menu-transparent .listivo-menu-v2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: transparent;
}
.listivo-menu-sticky .listivo-menu-v2 {
position: fixed;
top: 0;
}
.listivo-menu-sticky.admin-bar .listivo-menu-v2 {
top: 32px;
}
.listivo-menu-sticky--active .listivo-menu-v2__logo {
display: none;
}
.listivo-menu-sticky--active .listivo-menu-v2__logo--sticky {
display: block;
}
.listivo-blog-posts-v2__top {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-blog-posts-v2__heading {
width: 100%;
}
}
@media (max-width: 1024px) {
.listivo-blog-posts-v2__button {
display: none;
}
}
.listivo-blog-posts-v2__mobile-button {
display: none;
margin-top: var(--e-global-size-4);
width: 100%;
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-blog-posts-v2__mobile-button {
display: flex;
}
}
.listivo-blog-posts-v2__list {
margin-top: var(--e-global-size-2);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
.listivo-blog-posts-v2__list {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-blog-posts-v2__list {
max-width: 390px;
}
}
.listivo-blog-posts-v2__list a:first-child {
grid-row: 1/4;
}
@media (max-width: 1024px) {
.listivo-blog-posts-v2__list {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
.listivo-blog-posts-v2__list a:first-child {
grid-row: unset;
}
}
@media (max-width: 767px) {
.listivo-blog-posts-v2__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-blog-post-mini-card {
display: flex;
height: 197px;
background: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
transition: 0.3s ease-in-out;
}
.listivo-blog-post-mini-card__image {
background-color: var(--e-global-color-lcolor3);
overflow: hidden;
border-top-left-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-blog-post-mini-card__image {
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
}
}
.listivo-blog-post-mini-card__image img {
display: block;
aspect-ratio: 1/1;
max-width: 197px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-blog-post-mini-card__content {
padding: var(--e-global-size-3) var(--e-global-size-4);
display: flex;
flex-direction: column;
flex: 1;
border: 1px solid var(--e-global-color-lcolor4);
border-left: 0;
border-top-right-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
transition: 0.3s ease-in-out;
}
@media (max-width: 1024px) {
.listivo-blog-post-mini-card__content {
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-radius: 0 0 var(--e-global-lborder-radius) var(--e-global-lborder-radius);
}
}
.listivo-blog-post-mini-card__heading {
color: var(--e-global-color-lcolor1);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 1024px) {
.listivo-blog-post-mini-card__heading {
-webkit-line-clamp: 2;
}
}
.listivo-blog-post-mini-card__meta {
margin-top: 25px;
display: flex;
align-items: center;
}
.listivo-blog-post-mini-card__meta-value {
display: flex;
align-items: center;
margin-left: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-blog-post-mini-card__meta-value:first-child {
margin-left: 0;
}
.listivo-blog-post-mini-card__avatar {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-mini-card__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-blog-post-mini-card__icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background: var(--e-global-color-lprimary2);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-mini-card__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-blog-post-mini-card__text-wrapper {
margin-top: var(--e-global-size-6);
}
.listivo-blog-post-mini-card__text {
color: var(--e-global-color-lcolor2);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-blog-post-mini-card {
flex-direction: column;
height: auto;
}
.listivo-blog-post-mini-card .listivo-blog-post-mini-card__image img {
width: 100%;
max-width: 100%;
aspect-ratio: 360/240;
}
.listivo-blog-post-mini-card .listivo-blog-post-mini-card__text {
-webkit-line-clamp: 2;
}
}
.listivo-blog-post-mini-card:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-blog-post-mini-card:hover .listivo-blog-post-mini-card__content {
border-color: transparent;
}
.listivo-breadcrumbs-wrapper-v2 {
position: relative;
}
.listivo-breadcrumbs-v2 {
padding: var(--e-global-size-5) 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-breadcrumbs-v2 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-breadcrumbs-v2 {
max-width: 390px;
}
}
.listivo-breadcrumbs-v2--with-background {
padding: 0 var(--e-global-size-4);
position: relative;
}
.listivo-breadcrumbs-v2--with-background:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor4);
opacity: 0.2;
z-index: 5;
}
.listivo-breadcrumbs-v2__element {
display: flex;
align-items: center;
}
.listivo-breadcrumbs-v2__item {
position: relative;
z-index: 10;
transition: color ease-in-out 0.3s;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-breadcrumbs-v2__item:hover {
color: var(--e-global-color-lprimary2);
}
.listivo-breadcrumbs-v2__item:last-child {
color: var(--e-global-color-lcolor2);
}
.listivo-breadcrumbs-v2__separator {
position: relative;
z-index: 10;
margin: 0 var(--e-global-size-7);
display: flex;
align-items: center;
}
.listivo-breadcrumbs-v2__separator svg path {
fill: var(--e-global-color-lprimary2);
}
[dir=rtl] .listivo-breadcrumbs-v2__separator svg {
transform: scaleX(-1);
}
.listivo-breadcrumbs-v2--v2 {
height: 50px;
display: inline-flex;
position: relative;
padding: 0 var(--e-global-size-4);
}
.listivo-breadcrumbs-v2--v2:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor4);
opacity: 0.2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: -1;
}
.listivo-breadcrumbs-v2--v2 .listivo-breadcrumbs-v2__item {
color: var(--e-global-color-lcolor5);
} .listivo-phone-v3 {
transition: 0.3s ease-in-out;
}
.listivo-social-icons {
display: inline-flex;
flex-wrap: wrap;
gap: var(--e-global-size-6);
}
.listivo-social-icons--no-wrap {
flex-wrap: nowrap;
}
@media (max-width: 767px) {
.listivo-social-icons {
gap: var(--e-global-size-7);
}
}
.listivo-social-icons--center {
justify-content: center;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-social-icons--tablet-center {
justify-content: center;
}
}
.listivo-social-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--e-global-color-lcolor2);
border-radius: 50%;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-social-icon--smaller {
width: 35px;
height: 35px;
}
.listivo-social-icon--mobile {
display: none;
}
@media (max-width: 1024px) {
.listivo-social-icon--mobile {
display: flex;
}
}
.listivo-social-icon__notice {
position: absolute;
display: flex;
align-items: center;
padding: 0 var(--e-global-size-7);
box-shadow: var(--e-global-shadow);
opacity: 0;
visibility: hidden;
background-color: var(--e-global-color-lcolor1);
color: var(--e-global-color-lcolor5);
height: var(--e-global-size-4);
transition: 0.3s ease-in-out;
top: calc(100% + 13px);
left: 50%;
transform: translateX(-50%) translateY(5px);
white-space: nowrap;
border-radius: var(--e-global-lborder-radius);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-social-icon__notice:before {
content: "";
display: block;
width: 10px;
height: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid var(--e-global-color-lcolor1);
position: absolute;
left: 50%;
top: -5px;
margin-left: -5px;
}
.listivo-social-icon i {
color: var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
}
.listivo-social-icon svg {
width: 16px;
height: 16px;
}
.listivo-social-icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor4);
}
.listivo-social-icon:hover {
border-color: var(--e-global-color-lprimary2);
}
.listivo-social-icon:hover .listivo-social-icon__notice {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.listivo-social-icon:hover i {
color: var(--e-global-color-lprimary2);
}
.listivo-social-icon:hover svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-social-icon--color-1 {
border-color: var(--e-global-color-lcolor3);
}
.listivo-social-icon--color-1 i {
color: var(--e-global-color-lcolor1);
}
.listivo-social-icon--color-1 svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-social-icon--hover-color-primary:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-social-icon--hover-color-primary:hover i {
color: var(--e-global-color-lprimary1);
}
.listivo-social-icon--hover-color-primary:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-social-icon--active {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-social-icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-social-icon--active:hover svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-social-icon--active .listivo-social-icon__notice {
display: none;
}
.listivo-social-icon--v2 {
border-color: transparent;
background-color: var(--e-global-color-lcolor5);
color: var(--e-global-color-lcolor1);
}
.listivo-social-icon--v2 i {
color: var(--e-global-color-lcolor1);
}
.listivo-social-icon--v2 svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-social-icon--v2:hover {
border-color: transparent;
}
.listivo-social-icon--v2:hover i {
color: var(--e-global-color-lcolor1);
}
.listivo-social-icon--v2:hover svg path {
fill: var(--e-global-color-lcolor1);
} .listivo-social-share {
margin: 0 -3px;
min-width: 110px;
text-align: right;
}
.listivo-social-share .listivo-social-share__single {
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background-color: #97cdde;
border-radius: var(--radius-rounded);
margin: 0 3px;
display: inline-block;
color: var(--white);
transition: 0.3s ease-in-out;
}
.listivo-social-share .listivo-social-share__single:hover {
filter: brightness(120%);
}
.listivo-social-share .listivo-social-share__single--twitter {
background-color: #38a8e0;
}
.listivo-social-share .listivo-social-share__single--facebook {
background-color: #0084ff;
}
.listivo-social-share .listivo-social-share__single--messenger {
background-color: #0084ff;
}
@media (min-width: 1025px) {
.listivo-social-share .listivo-social-share__single--messenger {
display: none;
}
}
.listivo-social-share .listivo-social-share__single--whatsapp {
background-color: #25d366;
}
@media (min-width: 1025px) {
.listivo-social-share .listivo-social-share__single--whatsapp {
display: none;
}
} .listivo-separator {
overflow-x: hidden;
display: flex;
}
.listivo-separator svg {
fill: var(--border-color);
}
.listivo-images-with-terms-v2 {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
@media (min-width: 360px) {
.listivo-images-with-terms-v2 {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
.listivo-images-with-terms-v2__term {
width: 100%;
height: 314px;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.listivo-images-with-terms-v2__image {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
z-index: 2;
}
.listivo-images-with-terms-v2__label {
color: #ffffff;
font-family: var(--font-heading);
font-size: 30px;
font-weight: 700;
letter-spacing: -0.3px;
position: relative;
z-index: 10;
pointer-events: none;
text-align: center;
}
.listivo-images-with-terms-v2__count {
display: flex;
align-items: center;
border-radius: 20px;
background-color: #ffffff;
color: #222222;
font-family: var(--font-text);
font-size: 14px;
font-weight: 500;
padding: 0 25px;
height: 40px;
margin-top: 26px;
position: relative;
z-index: 10;
pointer-events: none;
}
.listivo-images-with-terms-v2__mask {
background-image: linear-gradient(24deg, var(--e-global-color-lsecondary1) 0%, var(--e-global-color-lprimary1) 100%);
opacity: 0.2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4;
transition: 0.3s ease-in-out;
}
.listivo-images-with-terms-v2__mask:hover {
opacity: 0.86;
}
.listivo-images-with-terms-v2__dark-mask {
background-color: #000000;
opacity: 0.65;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.listivo-listing-list {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.listivo-listing-list__grid {
max-width: 1530px;
width: 100%;
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
position: relative;
z-index: 10;
}
.listivo-listing-list__grid .listivo-listing-card {
margin-bottom: 0;
}
.listivo-listing-list__button {
margin-top: 80px;
display: flex;
justify-content: center;
}
.listivo-listing-list__decoration-outer {
position: absolute;
left: 0;
top: 0;
width: 645px;
height: 990px;
}
.listivo-listing-list__decoration-outer path {
opacity: 0.45;
}
.listivo-listing-list__decoration-inner {
position: absolute;
left: 0;
top: 111px;
width: 495px;
height: 729px;
}
.listivo-listing-list-v2__top {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.listivo-listing-list-v2__content {
margin-top: var(--e-global-size-2);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
}
@media (max-width: 767px) {
.listivo-listing-list-v2__content {
margin-top: var(--e-global-size-3);
}
}
@media (max-width: 767px) {
.listivo-listing-list-v2__button {
display: none;
}
}
.listivo-listing-list-v2__mobile-button {
display: none;
justify-content: center;
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-listing-list-v2__mobile-button {
display: flex;
}
}
.listivo-categories-v3__grid {
margin-top: var(--e-global-size-2);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
position: relative;
}
.listivo-categories-v3__grid--no-margin-top {
margin-top: 0;
}
@media (max-width: 1024px) {
.listivo-categories-v3__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-categories-v3__grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-categories-v3__pattern {
position: absolute;
z-index: 1;
}
.listivo-categories-v3__pattern svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-categories-v3__pattern--1 {
top: -60px;
left: 80px;
}
.listivo-categories-v3__pattern--2 {
bottom: 40px;
left: -60px;
}
.listivo-categories-v3__pattern--3 {
top: 400px;
right: -30px;
}
.listivo-category-v3 {
width: 100%;
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-category-v3__head {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--e-global-size-4);
height: 135px;
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-category-v3__icon {
display: flex;
justify-content: center;
}
.listivo-category-v3__icon img {
width: auto;
height: 45px;
}
.listivo-category-v3__name {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-category-v3__list {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
position: relative;
}
.listivo-category-v3__item {
width: 100%;
display: flex;
justify-content: space-between;
border-bottom: 2px dashed var(--e-global-color-lcolor4);
padding-bottom: var(--e-global-size-6);
margin-bottom: var(--e-global-size-6);
}
.listivo-category-v3__item:hover .listivo-category-v3__item-name {
color: var(--e-global-color-lprimary2);
}
.listivo-category-v3__item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.listivo-category-v3__item-name {
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-category-v3__count {
display: flex;
align-items: center;
height: var(--e-global-size-5);
background: var(--e-global-color-lprimary2);
padding: 0 7px;
border-radius: 50px;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-category-v3__bottom {
border-top: 1px solid var(--e-global-color-lcolor4);
display: flex;
justify-content: center;
padding: var(--e-global-size-6);
}
.listivo-user-image-placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor4);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-user-image-placeholder svg {
width: 50%;
height: 56%;
}
.listivo-user-image-placeholder svg path {
stroke: var(--e-global-color-lcolor3);
}
.listivo-user-image-placeholder--circle {
border-radius: 50%;
}
.listivo-blog-posts-v1 {
display: flex;
flex-direction: column;
}
.listivo-blog-posts-v1__top {
display: flex;
justify-content: space-between;
}
.listivo-blog-posts-v1__button {
display: flex;
justify-content: right;
align-items: flex-end;
}
@media (max-width: 700px) {
.listivo-blog-posts-v1__button {
display: none;
}
}
.listivo-blog-posts-v1__button svg {
fill: #ffffff;
width: 7px;
}
.listivo-blog-posts-v1__button-mobile {
margin-top: 40px;
display: flex;
width: 100%;
justify-content: center;
}
.listivo-blog-posts-v1__button-mobile svg {
fill: #ffffff;
width: 7px;
}
@media (min-width: 701px) {
.listivo-blog-posts-v1__button-mobile {
display: none;
}
}
.listivo-blog-posts-v1__content {
margin-top: 60px;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.listivo-blog-card-v3 {
display: flex;
flex-direction: column;
}
.listivo-blog-card-v3__image {
width: 100%;
height: 270px;
border-radius: 10px;
background-color: #cccccc;
position: relative;
margin-bottom: 45px;
display: block;
overflow: hidden;
}
.listivo-blog-card-v3__image img {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-blog-card-v3__categories {
display: flex;
flex-wrap: wrap;
margin-bottom: 19px;
color: var(--e-global-color-lsecondary2);
font-family: var(--font-text);
font-size: 16px;
}
.listivo-blog-card-v3__category {
color: var(--e-global-color-lsecondary2);
font-family: var(--font-text);
font-size: 16px;
font-weight: 500;
margin-left: 3px;
}
.listivo-blog-card-v3__category:first-child {
margin-left: 0;
}
.listivo-blog-card-v3__label {
color: #222222;
font-family: var(--font-heading);
font-size: 24px;
font-weight: 700;
letter-spacing: -0.24px;
}
.listivo-blog-card-v3__metas {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.listivo-blog-card-v3__meta {
color: #555555;
font-family: var(--font-text);
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
}
.listivo-blog-card-v3__meta:before {
width: 5px;
height: 5px;
border-radius: 3px;
background-color: var(--e-global-color-lprimary1);
margin: 0 10px;
content: "";
}
.listivo-blog-card-v3__meta:first-child:before {
content: none;
}
.listivo-blog-card-v3__meta svg {
stroke: var(--e-global-color-lprimary1);
margin-right: 10px;
width: 18px;
height: 18px;
}
.listivo-newsletter-v4 {
display: flex;
justify-content: center;
width: 100%;
position: relative;
overflow: hidden;
}
.listivo-newsletter-v4__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 10;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
padding-top: var(--e-global-size-1);
padding-bottom: var(--e-global-size-1);
}
@media (max-width: 1024px) {
.listivo-newsletter-v4__content {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v4__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-newsletter-v4__content {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v4__content {
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-2);
}
}
.listivo-newsletter-v4__heading {
max-width: 555px;
text-align: center;
margin-bottom: var(--e-global-size-3);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-newsletter-v4__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 1480px) {
.listivo-newsletter-v4__background svg {
height: 100%;
}
}
.listivo-newsletter-v4__pattern-primary-1 {
fill: var(--e-global-color-lprimary1);
}
.listivo-newsletter-v4__pattern-primary-2 {
fill: var(--e-global-color-lprimary2);
}
.listivo-newsletter-v4__pattern-4 {
fill: var(--e-global-color-lcolor4);
}
.listivo-hero-v1 {
min-height: 100vh;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 100px var(--e-global-size-6);
}
.listivo-hero-v1:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(42, 57, 70, 0.38) 0.16%, rgba(42, 57, 70, 0.539479) 33.48%, #2A3946 100%, #2A3946 100%);
z-index: 2;
}
.listivo-hero-v1__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 767px) {
.listivo-hero-v1__background {
display: none;
}
}
.listivo-hero-v1__background img {
left: 0;
top: 0;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.listivo-hero-v1__background--mobile {
display: none;
}
@media (max-width: 767px) {
.listivo-hero-v1__background--mobile {
display: block;
}
}
.listivo-hero-v1__content {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
z-index: 10;
}
.listivo-hero-v1__small-heading {
background: var(--e-global-color-lprimary2);
border-radius: var(--e-global-lborder-radius);
margin-bottom: var(--e-global-size-5);
color: var(--e-global-color-lcolor5);
min-height: var(--e-global-size-4);
display: inline-flex;
align-items: center;
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-hero-v1__heading {
text-align: center;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
.listivo-hero-v1__heading span {
color: var(--e-global-color-lprimary1);
}
.listivo-hero-v1__buttons {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: center;
gap: var(--e-global-size-6);
flex-wrap: wrap;
}
.listivo-listing-list-with-tabs-v2__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs-v2__head {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs-v2__head {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs-v2__head {
overflow: hidden;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs-v2__head {
max-width: none;
}
}
.listivo-listing-list-with-tabs-v2__left {
display: flex;
}
.listivo-listing-list-with-tabs-v2__right {
display: flex;
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs-v2__right {
margin-top: var(--e-global-size-4);
justify-content: space-between;
width: 100%;
height: 50px;
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs-v2__right {
margin-left: -15px;
margin-right: -15px;
}
}
.listivo-listing-list-with-tabs-v2__button {
margin-left: var(--e-global-size-6);
}
.listivo-listing-list-with-tabs-v2__list {
margin-top: var(--e-global-size-2);
}
.listivo-term-list__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media (max-width: 767px) {
.listivo-term-list__button {
display: none;
}
}
.listivo-term-list__mobile-button {
display: none;
}
@media (max-width: 767px) {
.listivo-term-list__mobile-button {
display: flex;
justify-content: center;
margin-top: var(--e-global-size-4);
}
}
.listivo-term-list__grid {
margin-top: var(--e-global-size-2);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-term-list__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-term-list__grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-term-list__item:nth-child(2), .listivo-term-list__item:nth-child(3), .listivo-term-list__item:nth-child(6), .listivo-term-list__item:nth-child(7) {
grid-area: span 1/span 2;
}
@media (max-width: 1024px) {
.listivo-term-list__item {
grid-area: span 1/span 1 !important;
}
}
.listivo-term-list-v2__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--e-global-size-4);
}
.listivo-term-list-v2__heading-wrapper {
margin-top: var(--e-global-size-6);
display: flex;
justify-content: center;
}
.listivo-term-list-v2__heading {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lprimary1);
position: relative;
}
@media (max-width: 1024px) {
.listivo-term-list-v2__heading {
display: none;
}
}
.listivo-term-list-v2__arrow {
position: absolute;
bottom: -10px;
right: -70px;
}
.listivo-term-list-v2-card {
width: 165px;
height: 180px;
display: flex;
align-items: center;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 57px;
}
.listivo-term-list-v2-card:hover {
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
}
.listivo-term-list-v2-card__image {
margin-bottom: 14px;
}
.listivo-term-list-v2-card__image img {
display: block;
width: 60px;
height: auto;
}
.listivo-term-list-v2-card__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-term-card {
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
}
.listivo-term-card:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-term-card__image {
width: 100%;
height: 300px;
position: relative;
}
.listivo-term-card__image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-term-card__content {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--e-global-size-1);
padding: 0 var(--e-global-size-3);
}
.listivo-term-card__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-term-card__meta {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-term-card__count {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-7);
margin-right: 8px;
height: var(--e-global-size-5);
border-radius: 20px;
background: var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-testimonial-list {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-testimonial-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-testimonial-list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-newsletter-v5 {
display: flex;
align-items: center;
width: 100%;
padding-top: var(--e-global-size-1);
padding-bottom: var(--e-global-size-1);
position: relative;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5 {
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-2);
}
}
.listivo-newsletter-v5__container {
position: relative;
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__container {
position: static;
}
}
.listivo-newsletter-v5__content {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 11;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__content {
align-items: center;
}
}
.listivo-newsletter-v5__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
max-width: 380px;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__text {
color: var(--e-global-color-lcolor4);
text-align: center;
text-shadow: var(--e-global-shadow);
}
}
.listivo-newsletter-v5__form {
margin-top: var(--e-global-size-4);
}
.listivo-newsletter-v5__first-image-wrapper {
position: absolute;
right: 0;
top: -25px;
z-index: 3;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__first-image-wrapper {
position: static;
}
.listivo-newsletter-v5__first-image-wrapper:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.7;
z-index: 3;
}
}
.listivo-newsletter-v5__first-image-wrapper:before {
display: block;
content: "";
position: absolute;
right: -10px;
top: -10px;
width: 275px;
height: 456px;
background: rgba(253, 253, 254, 0.5);
border-radius: 0 10px 10px 0;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__first-image-wrapper:before {
display: none;
}
}
.listivo-newsletter-v5__first-image {
width: 457px;
height: 436px;
position: relative;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
z-index: 2;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__first-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0;
}
}
.listivo-newsletter-v5__first-image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-newsletter-v5__second-image-wrapper {
position: absolute;
right: -147px;
top: -65px;
z-index: 2;
}
@media (max-width: 1024px) {
.listivo-newsletter-v5__second-image-wrapper {
display: none;
}
}
.listivo-newsletter-v5__second-image {
width: 412px;
height: 526px;
position: relative;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
}
.listivo-newsletter-v5__second-image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-dynamic-title {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
.listivo-custom-svg-arrow path:first-child {
fill: var(--e-global-color-lprimary1);
}
.listivo-custom-svg-arrow path:last-child {
stroke: var(--e-global-color-lprimary1);
}
[dir=rtl] .listivo-svg svg {
transform: scaleX(-1);
}
.listivo-currency-switcher {
display: flex;
align-items: center;
position: relative;
height: 90px;
cursor: pointer;
}
.listivo-currency-switcher__current {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-currency-switcher__current svg {
margin-left: 10px;
}
.listivo-currency-switcher__current svg path {
fill: var(--e-global-color-lcolor1);
opacity: 0.4;
transition: 0.3s ease-in-out;
}
.listivo-currency-switcher__dropdown {
-webkit-clip-path: inset(0 -50px -50px -50px);
clip-path: inset(0 -50px -50px -50px);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-4) 0;
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
left: -30px;
top: calc(100% + 1px);
}
.listivo-currency-switcher:hover .listivo-currency-switcher__dropdown {
opacity: 1;
visibility: visible;
}
.listivo-currency-switcher:hover .listivo-currency-switcher__current path {
opacity: 1;
}
.listivo-currency-switcher__option {
padding: 0 var(--e-global-size-4);
cursor: pointer;
display: flex;
align-items: center;
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-currency-switcher__option--selected {
color: var(--e-global-color-lprimary1);
}
.listivo-currency-switcher__option:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-currency-switcher__checkbox {
margin-right: var(--e-global-size-7);
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
}
.listivo-currency-switcher__checkbox svg {
display: none;
}
.listivo-currency-switcher__checkbox--checked {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-currency-switcher__checkbox--checked svg {
display: block;
}
.listivo-currency-switcher__checkbox--checked path {
fill: var(--e-global-color-lcolor5);
}  .listivo-field {
width: 100%;
}
@media (min-width: 1024px) {
.listivo-field--double {
grid-area: span 1/span 2;
}
.listivo-field--1 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(2, 0.5fr);
grid-area: span 1/span 2;
}
.listivo-field--2 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(3, 0.3333fr);
grid-area: span 1/span 3;
}
.listivo-field--3 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(4, 0.25fr);
grid-area: span 1/span 4;
}
.listivo-field--4 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(5, 0.2fr);
grid-area: span 1/span 5;
}
.listivo-field--5 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(6, 0.1666fr);
grid-area: span 1/span 6;
}
}
.listivo-field__fields {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 575px) {
.listivo-field__fields {
grid-template-columns: repeat(2, 0.5fr);
}
}
@media (max-width: 1500px) {
.listivo-map-search .listivo-field--2 {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(2, 0.5fr) !important;
grid-area: span 1/span 2;
}
}
.listivo-search {
box-shadow: var(--shadow-l);
border-radius: var(--radius-xl);
background-color: var(--white);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 12px;
}
.listivo-search--v2 {
padding: 40px;
box-shadow: var(--e-global-shadow);
border-radius: 4px;
position: relative;
}
.listivo-search--v2 .listivo-search__fields {
grid-gap: 20px;
}
.listivo-search--v2 .listivo-search__search-button button {
width: 100%;
}
.listivo-search--v2 .listivo-search__inner {
flex-direction: column;
}
.listivo-search--v2 .listivo-search__search-button {
margin-left: 0;
margin-top: 30px;
}
.listivo-search--v2 .listivo-search__fields {
grid-template-columns: repeat(1, auto) !important;
}
.listivo-search__search-icon {
position: absolute;
top: 30px;
right: 40px;
width: 60px;
height: 60px;
}
@media (max-width: 500px) {
.listivo-search__search-icon {
display: none;
}
}
.listivo-search__search-icon svg {
width: 100%;
height: 100%;
}
.listivo-search__search-icon svg path {
fill: var(--e-global-color-lprimary3);
}
.listivo-search__heading {
color: var(--text-1);
font-family: var(--font-text);
font-size: 30px;
font-weight: 700;
display: flex;
flex-direction: column;
margin-bottom: 35px;
}
.listivo-search__heading svg {
width: 117px;
margin-top: 3px;
}
.listivo-search--left {
margin-right: auto;
}
.listivo-search--center {
margin-left: auto;
margin-right: auto;
}
.listivo-search--right {
margin-left: auto;
}
@media (min-width: 1025px) {
.listivo-search .listivo-field__half {
margin-bottom: 0;
}
}
.listivo-search .listivo-field {
width: 100%;
}
@media (min-width: 1025px) {
.listivo-search .listivo-field {
margin-bottom: 0;
}
}
.listivo-search .listivo-field-multiple {
display: flex;
}
.listivo-search .listivo-field__half:first-child {
padding-right: 5px;
}
.listivo-search .listivo-field__half:last-child {
padding-left: 5px;
}
.listivo-search__inner {
display: flex;
width: 100%;
flex-direction: column;
}
@media (min-width: 1025px) {
.listivo-search__inner {
flex-direction: row;
}
}
.listivo-search__fields {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 12px;
width: 100%;
}
@media (min-width: 1025px) {
.listivo-search__fields {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
.listivo-search .listivo-search__field:last-of-type {
position: relative;
}
@media (min-width: 1025px) {
.listivo-search .listivo-search__field:last-of-type:after {
content: "";
position: absolute;
top: 15px;
right: 0;
height: 31px;
width: 1px;
background: #dddddd;
}
}
.listivo-search__search-button {
margin-top: 12px;
}
.listivo-search__search-button button {
height: 61px;
}
@media (min-width: 1025px) {
.listivo-search__search-button {
margin-top: 0;
margin-left: 12px;
}
}
@media (max-width: 1024px) {
.listivo-search {
flex-wrap: wrap;
}
.listivo-search__field {
width: 100%;
}
.listivo-search__search-button {
width: 100%;
}
.listivo-search__search-button .listivo-button__text {
display: block;
width: 100%;
}
.listivo-search__search-button button {
width: 100%;
}
.listivo-search__search-button button .listivo-button__icon {
height: 100%;
margin-left: auto !important;
}
}
.listivo-search-v2 .listivo-main-search-form__primary-wrapper {
padding: var(--e-global-size-6) 0;
background-color: var(--e-global-color-lcolor3);
}
.listivo-search-v2 .listivo-search-results__results-number {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
line-height: 100%;
}
.listivo-search-v2 .listivo-search-results__views {
width: auto;
gap: var(--e-global-size-7);
}
.listivo-search-v2 .listivo-search-results__title {
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
line-height: normal;
}
.listivo-search-v2__content {
display: flex;
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: var(--e-global-size-2) var(--e-global-desktop-padding);
margin: 0 auto;
gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-search-v2__content {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: var(--e-global-size-2) var(--e-global-mobile-padding);
}
}
.listivo-search-v2__sidebar {
width: 273px;
}
.listivo-search-v2__sidebar--sticky {
position: -webkit-sticky;
position: sticky;
top: var(--e-global-size-4);
align-self: flex-start;
}
@media (max-width: 767px) {
.listivo-search-v2__sidebar {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
height: 100%;
width: 100%;
visibility: hidden;
overflow: auto;
transition: 0.3s ease-in-out;
}
.listivo-search-v2__sidebar:before {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9998;
background-color: var(--e-global-color-lcolor1);
opacity: 0;
transition: opacity ease-in-out 0.3s;
}
.listivo-search-v2__sidebar--open {
visibility: visible;
}
.listivo-search-v2__sidebar--open:before {
opacity: 0.85;
}
.listivo-search-v2__sidebar--open .listivo-search-sidebar {
transform: translateX(0);
}
}
.listivo-search-v2__results {
flex: 1;
width: 100%;
}
.listivo-search-v2__more-filters {
display: none;
margin-bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-search-v2__more-filters {
display: block;
}
}
.listivo-html-map-sticky {
overflow: initial;
}
.listivo-map-search {
display: flex;
width: 100%;
}
.listivo-map-search__left {
max-width: 853px;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-map-search__left {
max-width: 100%;
}
}
.listivo-map-search__right {
flex: 1;
width: 100%;
min-width: 300px;
}
.listivo-map-search__map {
position: -webkit-sticky;
position: sticky;
top: 0;
}
@media (max-width: 1024px) {
.listivo-map-search__map {
position: static;
top: unset;
}
}
.listivo-search-map-switcher {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
align-items: center;
justify-content: center;
padding: var(--e-global-size-7);
padding-bottom: 0;
background-color: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
display: none;
z-index: 400;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-search-map-switcher {
display: inline-flex;
}
}
.listivo-search-map-switcher__inner {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lprimary1);
height: 50px;
white-space: nowrap;
color: var(--e-global-color-lcolor5);
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-search-map-switcher__icon {
margin-right: var(--e-global-size-6);
display: flex;
align-items: center;
}
.listivo-search-map-switcher__icon svg path {
fill: var(--e-global-color-lcolor5);
}
@media (max-width: 1024px) {
.listivo-map-search-wrapper .listivo-map-search__right {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-map-search-wrapper--map-view .listivo-map-search__right {
display: block;
}
.listivo-map-search-wrapper--map-view .listivo-map-search__left {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-map-search-wrapper--results-view .listivo-map-search__right {
display: none;
}
.listivo-map-search-wrapper--results-view .listivo-map-search__left {
display: block;
}
}
.leaflet-control-zoom {
display: none;
}
.leaflet-popup-content-wrapper {
padding: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.leaflet-popup-tip-container {
display: none !important;
}
.leaflet-popup-content {
margin: 0 !important;
}
.leaflet-popup-close-button {
display: none;
}
.leaflet-marker-icon {
z-index: 99 !important;
}
.leaflet-marker-icon:hover {
z-index: 101 !important;
}
.leaflet-marker-icon.listivo-marker--clicked {
z-index: 100 !important;
}
.leaflet-marker-icon.listivo-marker--active {
z-index: 101 !important;
}
.listivo-map-infowindow {
display: block;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
position: relative;
width: 223px;
}
.listivo-map-infowindow:before {
display: block;
content: "";
width: 15px;
height: 15px;
background-color: var(--e-global-color-lcolor5);
position: absolute;
bottom: -12px;
left: 50%;
transform: rotate(45deg) translateX(-50%);
}
.listivo-map-infowindow__close {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lprimary2);
position: absolute;
top: 10px;
right: 10px;
}
.listivo-map-infowindow__close svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-map-infowindow__image {
width: 100%;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-map-infowindow__image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 223/166;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-map-infowindow__content {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
padding: var(--e-global-size-6);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor5);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-search-mobile-more-button {
padding: 20px 15px;
}
.listivo-search-mobile-more-button button {
height: 64px;
box-shadow: var(--e-global-shadow);
border-radius: 10px;
border: 1px solid #4b889c;
background-color: #ffffff;
font-size: 18px;
font-weight: 400;
width: 100%;
}
.listivo-search-mobile-more-button button:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
content: "\f078";
margin-left: 16px;
position: relative;
top: -2px;
transition: 0.2s ease;
font-size: 12px;
}
@media (min-width: 1025px) {
.listivo-search-mobile-more-button {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-fields-secondary__inner {
display: none;
}
}
.listivo-search-mobile {
position: fixed;
top: 0;
left: 0;
z-index: 100000000;
background: var(--content-light);
height: 100%;
width: 100%;
}
.listivo-search-mobile__inner {
position: relative;
max-width: 500px;
margin: 0 auto;
height: 100%;
padding: 30px 25px;
display: flex;
overflow-y: auto;
flex-direction: column;
}
.listivo-search-mobile__heading {
font-family: var(--font-heading);
font-size: 36px;
font-weight: 700;
line-height: 46px;
letter-spacing: -0.36px;
margin-bottom: 45px;
}
.listivo-search-mobile__close {
position: absolute;
top: 40px;
right: 25px;
}
.listivo-search-mobile__results-bar {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 35px;
flex-direction: row;
}
.listivo-search-mobile__results-bar .listivo-results-bar__count {
margin-bottom: 0;
}
.listivo-search-mobile__clear-all {
border-radius: 5px;
background-color: var(--e-global-color-lprimary1);
padding: 11px 13px;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #fff;
display: inline-block;
}
.listivo-search-mobile .listivo-field {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 15px;
}
.listivo-search-mobile__apply {
padding-top: 15px;
margin-top: auto;
}
.listivo-search-mobile__apply button {
width: 100%;
}
.listivo-map-results {
height: 100vh !important;
position: relative;
}
.listivo-map-results__map {
height: 100%;
}
.listivo-map-results__move-option {
display: flex;
align-items: center;
height: 40px;
padding: 0 var(--e-global-size-7);
position: absolute;
top: var(--e-global-size-4);
left: 50%;
transform: translateX(-50%);
color: var(--e-global-color-lcolor1);
background-color: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
z-index: 425;
cursor: pointer;
white-space: nowrap;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
@media (max-width: 767px) {
.listivo-map-results__move-option {
left: var(--e-global-size-4);
transform: translateX(0);
}
}
.listivo-map-results__checkbox {
margin-right: var(--e-global-size-7);
}
.listivo-map-results__zoom-nav {
z-index: 20;
position: absolute;
top: var(--e-global-size-4);
right: var(--e-global-size-4);
display: flex;
flex-direction: column;
}
.listivo-map-results__zoom-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
margin-bottom: 10px;
cursor: pointer;
}
.listivo-map-results__zoom-button svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-map-results__zoom-button:last-child {
margin-bottom: 0;
}
.listivo-marker {
position: relative;
transform: translateX(-50%) !important;
}
.listivo-marker:hover {
z-index: 101 !important;
}
.listivo-marker--active {
z-index: 101 !important;
}
.listivo-marker--clicked {
z-index: 101 !important;
}
.listivo-marker__icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
}
.listivo-marker__icon-inner {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
}
.listivo-marker__icon-inner svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-marker__inner {
display: flex;
align-items: center;
height: 40px;
padding: 0 5px;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
}
.listivo-marker__label {
display: flex;
align-items: center;
height: 30px;
padding: 0 var(--e-global-size-7);
background: var(--e-global-color-lprimary1);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
white-space: nowrap;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-weight: 700;
}
.listivo-marker__label span {
font-size: 12px;
}
.listivo-search-sidebar {
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
padding-top: var(--e-global-size-4);
}
.listivo-search-sidebar__children {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.listivo-search-sidebar {
padding-top: 100px;
min-height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: transform ease-in-out 0.3s;
transform: translateX(-273px);
max-width: 273px;
width: 100%;
position: relative;
z-index: 9999;
border-radius: 0;
}
}
.listivo-search-sidebar-mobile-button {
display: none;
align-items: center;
padding: 0 var(--e-global-size-6);
position: fixed;
left: 0;
top: 0;
height: 70px;
background-color: var(--e-global-color-lcolor5);
border-bottom: 1px solid var(--e-global-color-lcolor3);
max-width: 273px;
width: 100%;
z-index: 9999;
transition: transform ease-in-out 0.3s;
transform: translateX(-273px);
}
@media (max-width: 767px) {
.listivo-search-sidebar-mobile-button {
display: flex;
}
}
.listivo-search-sidebar-mobile-button--show {
transform: translateX(0);
}
.listivo-search-sidebar-mobile-button__close {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50px;
border: 1px solid var(--e-global-color-lcolor3);
}
.listivo-search-sidebar-mobile-button__close path {
fill: var(--e-global-color-lcolor1);
}
.listivo-search-panel {
width: 100%;
position: relative;
}
.listivo-search-panel--margin-top-0 {
margin-top: 0;
}
@media (max-width: 767px) {
.listivo-search-panel {
border-left: 0;
border-right: 0;
border-bottom: 0;
}
}
.listivo-search-panel--more {
margin-bottom: 40px;
border-bottom: 1px dashed var(--e-global-color-lcolor4);
}
.listivo-search-panel--more .listivo-search-panel__content {
padding-bottom: var(--e-global-size-3);
}
.listivo-search-panel--limit-height .listivo-search-panel__list {
max-height: 169px;
overflow-y: auto;
}
.listivo-search-panel--limit-height .listivo-search-panel__list::-webkit-scrollbar {
width: 5px;
}
.listivo-search-panel--limit-height .listivo-search-panel__list::-webkit-scrollbar-track {
border-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor4);
}
.listivo-search-panel--limit-height .listivo-search-panel__list::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-search-panel__top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 var(--e-global-size-4);
}
.listivo-search-panel__label {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-search-panel__label--smaller {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-search-panel__circle {
border-radius: 50%;
width: var(--e-global-size-7);
height: var(--e-global-size-7);
background-color: var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out;
}
.listivo-search-panel__circle--active {
background-color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__content {
padding: var(--e-global-size-4);
}
.listivo-search-panel__content--padding-top-0 {
padding-top: 0;
}
.listivo-search-panel__content--padding-top-5 {
padding-top: var(--e-global-size-5);
}
.listivo-search-panel__keyword {
margin-bottom: var(--e-global-size-5);
}
.listivo-search-panel__fields {
display: flex;
width: 100%;
flex-direction: column;
gap: var(--e-global-size-6);
}
.listivo-search-panel__field {
display: flex;
justify-content: space-between;
}
.listivo-search-panel__list {
display: flex;
flex-direction: column;
gap: 5px;
}
.listivo-search-panel__item {
display: flex;
gap: var(--e-global-size-6);
cursor: pointer;
}
.listivo-search-panel__item--disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
}
.listivo-search-panel__item--active .listivo-search-panel__item-label {
color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__item:hover .listivo-search-panel__item-label {
color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__item:hover .listivo-radio {
border-color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__item:hover .listivo-checkbox {
border-color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__item-label {
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-search-panel__item-inner {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-search-panel__item-count {
display: inline-flex;
align-items: center;
height: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
background-color: var(--e-global-color-lcolor3);
padding: 0 7px;
border-radius: 50px;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-search-panel__item-count-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext2-line-height);
}
.listivo-search-panel__item-wrapper {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
}
.listivo-search-panel__option-button-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext2-line-height);
}
.listivo-search-panel__more {
cursor: pointer;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 8px;
padding: 0 var(--e-global-size-6);
background-color: var(--e-global-color-lcolor3);
white-space: nowrap;
height: 20px;
border-radius: 35px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.listivo-search-panel__more {
bottom: 0;
}
}
.listivo-search-panel__more path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-search-panel__more:hover {
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary1);
}
.listivo-search-panel__more:hover path {
fill: var(--e-global-color-lcolor5);
}
.listivo-search-panel__terms {
display: flex;
flex-direction: column;
}
.listivo-search-panel__term-item {
display: flex;
gap: 6px;
cursor: pointer;
}
.listivo-search-panel__term-item span {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 24px;
color: var(--e-global-color-lprimary1);
position: relative;
}
.listivo-search-panel__term-item span:before {
height: 1px;
position: absolute;
left: 0;
transition: all 0.3s ease-in-out;
background-color: var(--e-global-color-lprimary1);
bottom: 0;
content: "";
width: 0;
}
.listivo-search-panel__term-item:hover span:before {
width: 100%;
}
.listivo-search-panel__term-item-icon {
display: flex;
align-items: center;
height: 24px;
}
.listivo-search-panel__term-item-icon path {
fill: var(--e-global-color-lprimary1);
}
.listivo-search-filter {
display: flex;
align-items: center;
height: var(--e-global-size-4);
background-color: var(--e-global-color-lprimary1);
border-radius: 30px;
cursor: pointer;
padding: 0 var(--e-global-size-6);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-search-filter__close {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-6);
height: var(--e-global-size-6);
background-color: var(--e-global-color-lcolor5);
border-radius: 50%;
margin-left: var(--e-global-size-7);
}
.listivo-search-filter__close path {
fill: var(--e-global-color-lcolor1);
}
.listivo-search-field-label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-search-field-label--margin-bottom {
margin-bottom: var(--e-global-size-6);
}
.listivo-listing-card-v2 {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px solid #eeeeee;
background-color: #ffffff;
transition: box-shadow 0.2s ease;
}
.listivo-listing-card-v2:hover {
box-shadow: var(--shadow-s);
}
.listivo-listing-card-v2__image {
border-radius: 10px;
background-color: #cccccc;
position: relative;
height: 270px;
overflow: hidden;
}
.listivo-listing-card-v2__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-listing-card-v2__labels {
position: absolute;
top: 0;
left: 0;
padding: 25px;
width: 100%;
pointer-events: none;
display: flex;
flex-wrap: wrap;
}
.listivo-listing-card-v2__label {
font-weight: 400;
background-color: var(--e-global-color-lcardlabel);
color: #fff;
font-size: 14px;
line-height: 18px;
border-radius: 5px;
padding: 9px 15px;
z-index: 10;
margin-right: 10px;
margin-bottom: 10px;
}
.listivo-listing-card-v2__favorite {
z-index: 10;
border-radius: var(--radius-rounded);
color: #222222;
display: flex;
align-items: center;
flex-direction: column;
}
.listivo-listing-card-v2__favorite svg {
width: 24px;
height: 24px;
}
.listivo-listing-card-v2__content {
padding: 40px 30px;
}
.listivo-listing-card-v2__bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.listivo-listing-card-v2__name {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: #222222;
font-family: var(--font-heading);
font-size: 24px;
font-weight: 700;
letter-spacing: -0.24px;
transition: color 0.2s ease;
}
.listivo-listing-card-v2__price {
color: var(--e-global-color-lprimary1);
font-family: var(--font-heading);
font-size: 30px;
font-weight: 700;
letter-spacing: -0.3px;
}
.listivo-listing-card-v3 {
transition: 0.3s ease-in-out;
position: relative;
z-index: 10;
display: flex;
border-radius: var(--e-global-lborder-radius);
flex-direction: column;
height: 100%;
}
.listivo-listing-card-v3:hover {
z-index: 11;
box-shadow: var(--e-global-shadow) !important;
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__inner {
border-color: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v3 .listivo-listing-card-v3__gallery--image:before {
display: none;
}
.listivo-listing-card-v3 .listivo-listing-card-v3__gallery--image-count-0:before {
display: none;
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__gallery .listivo-swiper-container {
transform: scale(1);
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__gallery:before {
opacity: 1;
}
[dir=rtl] .listivo-listing-card-v3:hover .listivo-listing-card-v3__next svg, [dir=rtl] .listivo-listing-card-v3:hover .listivo-listing-card-v3__prev svg {
transform: scaleX(-1);
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__next--active, .listivo-listing-card-v3:hover .listivo-listing-card-v3__prev--active {
opacity: 1;
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__next--active:hover, .listivo-listing-card-v3:hover .listivo-listing-card-v3__prev--active:hover {
transform: translateX(0);
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__prev {
transform: translateX(-5px);
}
.listivo-listing-card-v3:hover .listivo-listing-card-v3__next {
transform: translateX(5px);
}
.listivo-listing-card-v3:hover .listivo-swiper-pagination-bullet-active-main, .listivo-listing-card-v3:hover .listivo-swiper-pagination-bullet-active-next, .listivo-listing-card-v3:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-listing-card-v3:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-v3:hover .listivo-swiper-pagination-bullet-active-prev-prev {
opacity: 1 !important;
}
.listivo-listing-card-v3__prev-holder, .listivo-listing-card-v3__next-holder {
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
z-index: 19;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v3__prev-holder {
left: 0;
}
.listivo-listing-card-v3__next-holder {
right: 0;
}
.listivo-listing-card-v3__prev, .listivo-listing-card-v3__next {
position: absolute;
width: 45px;
height: 45px;
background: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -22.5px;
z-index: 20;
transition: 0.3s ease-in-out;
opacity: 0;
cursor: pointer;
}
.listivo-listing-card-v3__prev {
left: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transform: translateX(-45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-v3__next {
right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-v3__gallery {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v3__gallery .listivo-swiper-container {
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-listing-card-v3__gallery img {
display: block !important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/240;
}
.listivo-listing-card-v3__gallery:before {
transition: 0.3s ease-in-out;
display: block;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(42, 57, 70, 0) 0%, rgba(42, 57, 70, 0.39) 100%);
z-index: 9;
opacity: 0;
}
.listivo-listing-card-v3__gallery--image-count-1:before {
display: none;
}
.listivo-listing-card-v3 .listivo-swiper-slide {
display: flex;
flex-direction: column;
}
.listivo-listing-card-v3 .listivo-swiper-slide img {
flex: 1;
}
.listivo-listing-card-v3__pagination {
position: absolute;
bottom: 20px;
height: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination {
position: relative;
bottom: 0;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
transition: 0.2s transform, 0.2s left, 0.3s opacity !important;
margin: 0 5px !important;
opacity: 0;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66) !important;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33) !important;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active {
position: relative;
}
.listivo-listing-card-v3__pagination .listivo-swiper-pagination-bullet-active:before {
display: block;
content: "";
background-color: var(--e-global-color-lprimary2);
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-listing-card-v3__icon-label {
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-5px);
height: var(--e-global-size-4);
opacity: 0;
white-space: nowrap;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor1);
top: -40px;
box-shadow: var(--e-global-shadow);
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v3__icon-label:before {
content: "";
background: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
width: 7px;
height: 7px;
background-color: var(--e-global-color-lcolor1);
bottom: -3.5px;
left: 50%;
margin-left: -3.5px;
position: absolute;
}
.listivo-listing-card-v3__icon {
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-listing-card-v3__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v3__icon:hover:not(.listivo-listing-card-v3__icon--active) {
border-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v3__icon:hover:not(.listivo-listing-card-v3__icon--active) svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v3__icon:hover:not(.listivo-listing-card-v3__icon--active) .listivo-listing-card-v3__icon-label {
opacity: 1;
transform: translateX(-50%) translateY(0);
visibility: visible;
}
.listivo-listing-card-v3__icon--active {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v3__icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v3__icon--active .listivo-listing-card-v3__icon-label {
opacity: 0 !important;
}
.listivo-listing-card-v3__labels {
position: absolute;
top: 15px;
left: 30px;
right: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 20;
gap: 5px;
}
.listivo-listing-card-v3__label {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
height: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
background: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
text-align: center;
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
position: relative;
z-index: 20;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v3__body {
flex: 1;
}
.listivo-listing-card-v3__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v3__content {
padding: var(--e-global-size-3);
}
.listivo-listing-card-v3__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-v3__meta-data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-listing-card-v3__meta {
display: flex;
}
.listivo-listing-card-v3__meta-value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
line-height: var(--e-global-size-5);
}
.listivo-listing-card-v3__meta-icon-wrapper {
min-height: var(--e-global-size-5);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v3__meta-icon {
background: var(--e-global-color-lcolor3);
border-radius: 50%;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-v3__meta-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v3__rating-wrapper {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
position: relative;
gap: var(--e-global-size-7);
flex-wrap: wrap;
}
.listivo-listing-card-v3__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-listing-card-v3__stars {
display: flex;
align-items: center;
position: relative;
gap: 4px;
}
.listivo-listing-card-v3__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-listing-card-v3__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 16px;
height: 15px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-listing-card-v3__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-listing-card-v3__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-listing-card-v3__active-rating svg {
width: 16px;
height: 15px;
}
.listivo-listing-card-v3__rating-count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v3__rating-count:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v3__address {
margin-top: var(--e-global-size-6);
display: flex;
align-self: center;
font-family: var(--e-global-l-font-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v3__address-text {
flex: 1;
}
.listivo-listing-card-v3__address-icon-wrapper {
height: var(--e-global-typography-ltext2-line-height);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v3__address-icon {
background: var(--e-global-color-lprimary2);
border-radius: 50px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-v3__attributes {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.listivo-listing-card-v3__attribute-icon {
display: flex;
align-items: center;
min-height: var(--e-global-typography-ltext2-line-height);
}
.listivo-listing-card-v3__attribute {
min-height: 25px;
background: var(--e-global-color-lcolor4);
border-radius: 2px;
padding: 0 var(--e-global-size-7);
display: flex;
align-items: flex-start;
gap: 5px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v3__attribute path {
fill: var(--e-global-color-lcolor2);
}
.listivo-listing-card-v3__value {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-v3__value span {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-v3__bottom {
height: 70px;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-3);
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-listing-card-v3__user {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-v3__user span {
flex: 1;
}
.listivo-listing-card-v3__avatar {
width: 40px;
height: 40px;
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v3__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-listing-card-v3__icons {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-listing-card-v3__featured {
display: flex;
align-items: center;
padding: 0 5px;
border-radius: 5px;
position: absolute;
left: var(--e-global-size-5);
top: var(--e-global-size-6);
z-index: 15;
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
}
@media (max-width: 767px) {
.listivo-listing-card-v3 {
height: auto;
}
}
.listivo-listing-card-v3__user-phone {
margin-top: var(--e-global-size-6);
}
.listivo-listing-card-v3__inner {
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-listing-card-v3__gallery {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
.listivo-highlight-featured-listings .listivo-listing-card-v3--featured .listivo-listing-card-v3__gallery {
border-top-right-radius: 0;
}
.listivo-hide-listing-featured-label .listivo-listing-card-v3__featured {
display: none;
}
.listivo-hide-listing-featured-label .listivo-listing-card-v3__label--featured {
display: none;
}
.listivo-listing-card-v4 {
transition: 0.3s ease-in-out;
position: relative;
z-index: 10;
display: flex;
border-radius: var(--e-global-lborder-radius);
flex-direction: column;
height: 100%;
}
.listivo-listing-card-v4:hover {
z-index: 11;
box-shadow: var(--e-global-shadow) !important;
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__inner {
border-color: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v4 .listivo-listing-card-v4__gallery--image:before {
display: none;
}
.listivo-listing-card-v4 .listivo-listing-card-v4__gallery--image-count-0:before {
display: none;
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__gallery .listivo-swiper-container {
transform: scale(1);
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__gallery:before {
opacity: 1;
}
[dir=rtl] .listivo-listing-card-v4:hover .listivo-listing-card-v4__next svg, [dir=rtl] .listivo-listing-card-v4:hover .listivo-listing-card-v4__prev svg {
transform: scaleX(-1);
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__next--active, .listivo-listing-card-v4:hover .listivo-listing-card-v4__prev--active {
opacity: 1;
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__next--active:hover, .listivo-listing-card-v4:hover .listivo-listing-card-v4__prev--active:hover {
transform: translateX(0);
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__prev {
transform: translateX(-5px);
}
.listivo-listing-card-v4:hover .listivo-listing-card-v4__next {
transform: translateX(5px);
}
.listivo-listing-card-v4:hover .listivo-swiper-pagination-bullet-active-main, .listivo-listing-card-v4:hover .listivo-swiper-pagination-bullet-active-next, .listivo-listing-card-v4:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-listing-card-v4:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-v4:hover .listivo-swiper-pagination-bullet-active-prev-prev {
opacity: 1 !important;
}
.listivo-listing-card-v4__prev-holder, .listivo-listing-card-v4__next-holder {
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
z-index: 19;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v4__prev-holder {
left: 0;
}
.listivo-listing-card-v4__next-holder {
right: 0;
}
.listivo-listing-card-v4__prev, .listivo-listing-card-v4__next {
position: absolute;
width: 45px;
height: 45px;
background: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -22.5px;
z-index: 20;
transition: 0.3s ease-in-out;
opacity: 0;
cursor: pointer;
}
.listivo-listing-card-v4__prev {
left: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transform: translateX(-45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-v4__next {
right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-v4__gallery {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v4__gallery .listivo-swiper-container {
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-listing-card-v4__gallery img {
display: block !important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/240;
}
.listivo-listing-card-v4__gallery:before {
transition: 0.3s ease-in-out;
display: block;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(42, 57, 70, 0) 0%, rgba(42, 57, 70, 0.39) 100%);
z-index: 9;
opacity: 0;
}
.listivo-listing-card-v4__gallery--image-count-1:before {
display: none;
}
.listivo-listing-card-v4 .listivo-swiper-slide {
display: flex;
flex-direction: column;
}
.listivo-listing-card-v4 .listivo-swiper-slide img {
flex: 1;
}
.listivo-listing-card-v4__pagination {
position: absolute;
bottom: 20px;
height: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination {
position: relative;
bottom: 0;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
transition: 0.2s transform, 0.2s left, 0.3s opacity !important;
margin: 0 5px !important;
opacity: 0;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66) !important;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33) !important;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active {
position: relative;
}
.listivo-listing-card-v4__pagination .listivo-swiper-pagination-bullet-active:before {
display: block;
content: "";
background-color: var(--e-global-color-lprimary2);
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-listing-card-v4__icon-label {
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-5px);
height: var(--e-global-size-4);
opacity: 0;
white-space: nowrap;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor1);
top: -40px;
box-shadow: var(--e-global-shadow);
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v4__icon-label:before {
content: "";
background: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
width: 7px;
height: 7px;
background-color: var(--e-global-color-lcolor1);
bottom: -3.5px;
left: 50%;
margin-left: -3.5px;
position: absolute;
}
.listivo-listing-card-v4__icon {
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-listing-card-v4__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v4__icon:hover:not(.listivo-listing-card-v4__icon--active) {
border-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v4__icon:hover:not(.listivo-listing-card-v4__icon--active) svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v4__icon:hover:not(.listivo-listing-card-v4__icon--active) .listivo-listing-card-v4__icon-label {
opacity: 1;
transform: translateX(-50%) translateY(0);
visibility: visible;
}
.listivo-listing-card-v4__icon--active {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-v4__icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v4__icon--active .listivo-listing-card-v4__icon-label {
opacity: 0 !important;
}
.listivo-listing-card-v4__labels {
position: absolute;
top: 15px;
left: 30px;
right: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 20;
gap: 5px;
}
.listivo-listing-card-v4__label {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
height: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
background: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
text-align: center;
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
position: relative;
z-index: 20;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v4__body {
flex: 1;
}
.listivo-listing-card-v4__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
}
.listivo-listing-card-v4__content {
padding: var(--e-global-size-3);
}
.listivo-listing-card-v4__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-v4__meta-data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-listing-card-v4__meta {
display: flex;
}
.listivo-listing-card-v4__meta-value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
line-height: var(--e-global-size-5);
}
.listivo-listing-card-v4__meta-icon-wrapper {
min-height: var(--e-global-size-5);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v4__meta-icon {
background: var(--e-global-color-lcolor3);
border-radius: 50%;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-v4__meta-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v4__rating-wrapper {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
position: relative;
gap: var(--e-global-size-7);
flex-wrap: wrap;
}
.listivo-listing-card-v4__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-listing-card-v4__stars {
display: flex;
align-items: center;
position: relative;
gap: 4px;
}
.listivo-listing-card-v4__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-listing-card-v4__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 16px;
height: 15px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-listing-card-v4__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-listing-card-v4__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-listing-card-v4__active-rating svg {
width: 16px;
height: 15px;
}
.listivo-listing-card-v4__rating-count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-v4__rating-count:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-listing-card-v4__address {
margin-top: var(--e-global-size-6);
display: flex;
align-self: center;
font-family: var(--e-global-l-font-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v4__address-text {
flex: 1;
}
.listivo-listing-card-v4__address-icon-wrapper {
height: var(--e-global-typography-ltext2-line-height);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v4__address-icon {
background: var(--e-global-color-lprimary2);
border-radius: 50px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-v4__attributes {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.listivo-listing-card-v4__attribute-icon {
display: flex;
align-items: center;
min-height: var(--e-global-typography-ltext2-line-height);
}
.listivo-listing-card-v4__attribute {
min-height: 25px;
background: var(--e-global-color-lcolor4);
border-radius: 2px;
padding: 0 var(--e-global-size-7);
display: flex;
align-items: flex-start;
gap: 5px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-v4__attribute path {
fill: var(--e-global-color-lcolor2);
}
.listivo-listing-card-v4__value {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-v4__value span {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-v4__bottom {
height: 70px;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-3);
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-listing-card-v4__user {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-v4__user span {
flex: 1;
}
.listivo-listing-card-v4__avatar {
width: 40px;
height: 40px;
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-v4__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-listing-card-v4__icons {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-listing-card-v4__featured {
display: flex;
align-items: center;
padding: 0 5px;
border-radius: 5px;
position: absolute;
left: var(--e-global-size-5);
top: var(--e-global-size-6);
z-index: 15;
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
}
@media (max-width: 767px) {
.listivo-listing-card-v4 {
height: auto;
}
}
.listivo-listing-card-v4__inner {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-listing-card-v4__gallery {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
.listivo-listing-card-v4__content {
padding: var(--e-global-size-5);
}
.listivo-listing-card-v4__account-type {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-transform: lowercase;
}
.listivo-listing-card-v4__account-type:first-letter {
text-transform: uppercase;
}
.listivo-listing-card-v4__description {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-listing-card-v4__user-phone {
margin-top: var(--e-global-size-6);
}
.listivo-listing-card-v4__name {
font-size: 20px;
line-height: 20px;
}
.listivo-listing-card-v4__value {
font-size: 20px;
line-height: 20px;
}
.listivo-listing-card-v4__bottom {
height: auto;
padding: var(--e-global-size-6) var(--e-global-size-5);
padding-top: 0;
flex-wrap: wrap;
}
.listivo-listing-card-v4__icons {
margin-top: var(--e-global-size-6);
}
.listivo-listing-card-v4__icon {
width: 35px;
height: 35px;
}
.listivo-listing-card-v4__views {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
line-height: 12px;
}
.listivo-hide-listing-featured-label .listivo-listing-card-v4__featured {
display: none;
}
.listivo-hide-listing-featured-label .listivo-listing-card-v4__label--featured {
display: none;
}
.listivo-listing-card-row {
transition: 0.3s ease-in-out;
position: relative;
z-index: 10;
display: flex;
border-radius: var(--e-global-lborder-radius);
}
.listivo-listing-card-row:hover {
z-index: 11;
box-shadow: var(--e-global-shadow) !important;
}
.listivo-listing-card-row:hover .listivo-listing-card-row__inner {
border-color: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row .listivo-listing-card-row__gallery--image:before {
display: none;
}
.listivo-listing-card-row .listivo-listing-card-row__gallery--image-count-0:before {
display: none;
}
.listivo-listing-card-row:hover .listivo-listing-card-row__gallery .listivo-swiper-container {
transform: scale(1);
}
.listivo-listing-card-row:hover .listivo-listing-card-row__gallery:before {
opacity: 1;
}
[dir=rtl] .listivo-listing-card-row:hover .listivo-listing-card-row__next svg, [dir=rtl] .listivo-listing-card-row:hover .listivo-listing-card-row__prev svg {
transform: scaleX(-1);
}
.listivo-listing-card-row:hover .listivo-listing-card-row__next--active, .listivo-listing-card-row:hover .listivo-listing-card-row__prev--active {
opacity: 1;
}
.listivo-listing-card-row:hover .listivo-listing-card-row__next--active:hover, .listivo-listing-card-row:hover .listivo-listing-card-row__prev--active:hover {
transform: translateX(0);
}
.listivo-listing-card-row:hover .listivo-listing-card-row__prev {
transform: translateX(-5px);
}
.listivo-listing-card-row:hover .listivo-listing-card-row__next {
transform: translateX(5px);
}
.listivo-listing-card-row:hover .listivo-swiper-pagination-bullet-active-main, .listivo-listing-card-row:hover .listivo-swiper-pagination-bullet-active-next, .listivo-listing-card-row:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-listing-card-row:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-row:hover .listivo-swiper-pagination-bullet-active-prev-prev {
opacity: 1 !important;
}
.listivo-listing-card-row__prev-holder, .listivo-listing-card-row__next-holder {
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
z-index: 19;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row__prev-holder {
left: 0;
}
.listivo-listing-card-row__next-holder {
right: 0;
}
.listivo-listing-card-row__prev, .listivo-listing-card-row__next {
position: absolute;
width: 45px;
height: 45px;
background: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -22.5px;
z-index: 20;
transition: 0.3s ease-in-out;
opacity: 0;
cursor: pointer;
}
.listivo-listing-card-row__prev {
left: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transform: translateX(-45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-row__next {
right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-row__gallery {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row__gallery .listivo-swiper-container {
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-listing-card-row__gallery img {
display: block !important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/240;
}
.listivo-listing-card-row__gallery:before {
transition: 0.3s ease-in-out;
display: block;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(42, 57, 70, 0) 0%, rgba(42, 57, 70, 0.39) 100%);
z-index: 9;
opacity: 0;
}
.listivo-listing-card-row__gallery--image-count-1:before {
display: none;
}
.listivo-listing-card-row .listivo-swiper-slide {
display: flex;
flex-direction: column;
}
.listivo-listing-card-row .listivo-swiper-slide img {
flex: 1;
}
.listivo-listing-card-row__pagination {
position: absolute;
bottom: 20px;
height: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination {
position: relative;
bottom: 0;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
transition: 0.2s transform, 0.2s left, 0.3s opacity !important;
margin: 0 5px !important;
opacity: 0;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66) !important;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33) !important;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active {
position: relative;
}
.listivo-listing-card-row__pagination .listivo-swiper-pagination-bullet-active:before {
display: block;
content: "";
background-color: var(--e-global-color-lprimary2);
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-listing-card-row__icon-label {
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-5px);
height: var(--e-global-size-4);
opacity: 0;
white-space: nowrap;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor1);
top: -40px;
box-shadow: var(--e-global-shadow);
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row__icon-label:before {
content: "";
background: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
width: 7px;
height: 7px;
background-color: var(--e-global-color-lcolor1);
bottom: -3.5px;
left: 50%;
margin-left: -3.5px;
position: absolute;
}
.listivo-listing-card-row__icon {
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-listing-card-row__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row__icon:hover:not(.listivo-listing-card-row__icon--active) {
border-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row__icon:hover:not(.listivo-listing-card-row__icon--active) svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row__icon:hover:not(.listivo-listing-card-row__icon--active) .listivo-listing-card-row__icon-label {
opacity: 1;
transform: translateX(-50%) translateY(0);
visibility: visible;
}
.listivo-listing-card-row__icon--active {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row__icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row__icon--active .listivo-listing-card-row__icon-label {
opacity: 0 !important;
}
.listivo-listing-card-row__labels {
position: absolute;
top: 15px;
left: 30px;
right: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 20;
gap: 5px;
}
.listivo-listing-card-row__label {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
height: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
background: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
text-align: center;
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
position: relative;
z-index: 20;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row__body {
flex: 1;
}
.listivo-listing-card-row__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row__content {
padding: var(--e-global-size-3);
}
.listivo-listing-card-row__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-row__meta-data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-listing-card-row__meta {
display: flex;
}
.listivo-listing-card-row__meta-value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
line-height: var(--e-global-size-5);
}
.listivo-listing-card-row__meta-icon-wrapper {
min-height: var(--e-global-size-5);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row__meta-icon {
background: var(--e-global-color-lcolor3);
border-radius: 50%;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-row__meta-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row__rating-wrapper {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
position: relative;
gap: var(--e-global-size-7);
flex-wrap: wrap;
}
.listivo-listing-card-row__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-listing-card-row__stars {
display: flex;
align-items: center;
position: relative;
gap: 4px;
}
.listivo-listing-card-row__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-listing-card-row__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 16px;
height: 15px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-listing-card-row__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-listing-card-row__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-listing-card-row__active-rating svg {
width: 16px;
height: 15px;
}
.listivo-listing-card-row__rating-count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row__rating-count:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row__address {
margin-top: var(--e-global-size-6);
display: flex;
align-self: center;
font-family: var(--e-global-l-font-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row__address-text {
flex: 1;
}
.listivo-listing-card-row__address-icon-wrapper {
height: var(--e-global-typography-ltext2-line-height);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row__address-icon {
background: var(--e-global-color-lprimary2);
border-radius: 50px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-row__attributes {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.listivo-listing-card-row__attribute-icon {
display: flex;
align-items: center;
min-height: var(--e-global-typography-ltext2-line-height);
}
.listivo-listing-card-row__attribute {
min-height: 25px;
background: var(--e-global-color-lcolor4);
border-radius: 2px;
padding: 0 var(--e-global-size-7);
display: flex;
align-items: flex-start;
gap: 5px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row__attribute path {
fill: var(--e-global-color-lcolor2);
}
.listivo-listing-card-row__value {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-row__value span {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-row__bottom {
height: 70px;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-3);
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-listing-card-row__user {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-row__user span {
flex: 1;
}
.listivo-listing-card-row__avatar {
width: 40px;
height: 40px;
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-listing-card-row__icons {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-listing-card-row__featured {
display: flex;
align-items: center;
padding: 0 5px;
border-radius: 5px;
position: absolute;
left: var(--e-global-size-5);
top: var(--e-global-size-6);
z-index: 15;
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
}
@media (max-width: 1024px) {
.listivo-listing-card-row {
flex-direction: column;
}
}
@media (min-width: 1024px) {
.listivo-listing-card-row__content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
}
.listivo-listing-card-row__left {
max-width: 360px;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.listivo-listing-card-row__left {
max-width: 100%;
}
}
.listivo-listing-card-row__main {
flex: 1;
display: flex;
}
.listivo-listing-card-row__gallery {
height: 100%;
border-radius: var(--e-global-lborder-radius) 0 0 var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-listing-card-row__gallery {
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
}
}
.listivo-listing-card-row__gallery .listivo-swiper-container {
height: 100%;
}
.listivo-listing-card-row__gallery img {
aspect-ratio: 360/320;
display: block !important;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-listing-card-row__gallery img {
aspect-ratio: 360/240;
}
}
.listivo-listing-card-row__gallery-inner {
height: 100%;
}
.listivo-listing-card-row__inner {
border-left: 0;
border-radius: 0 var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0;
}
@media (max-width: 1024px) {
.listivo-listing-card-row__inner {
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
.listivo-listing-card-row__featured {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--e-global-lborder-radius);
left: 0;
right: unset;
}
.listivo-listing-card-row__address {
align-self: flex-start;
}
.listivo-highlight-featured-listings .listivo-listing-card-row--featured .listivo-listing-card-row__gallery {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.listivo-listing-card-row-v2 {
transition: 0.3s ease-in-out;
position: relative;
z-index: 10;
display: flex;
border-radius: var(--e-global-lborder-radius);
height: 262px;
}
.listivo-listing-card-row-v2:hover {
z-index: 11;
box-shadow: var(--e-global-shadow) !important;
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__inner {
border-color: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row-v2 .listivo-listing-card-row-v2__gallery--image:before {
display: none;
}
.listivo-listing-card-row-v2 .listivo-listing-card-row-v2__gallery--image-count-0:before {
display: none;
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__gallery .listivo-swiper-container {
transform: scale(1);
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__gallery:before {
opacity: 1;
}
[dir=rtl] .listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__next svg, [dir=rtl] .listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__prev svg {
transform: scaleX(-1);
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__next--active, .listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__prev--active {
opacity: 1;
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__next--active:hover, .listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__prev--active:hover {
transform: translateX(0);
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__prev {
transform: translateX(-5px);
}
.listivo-listing-card-row-v2:hover .listivo-listing-card-row-v2__next {
transform: translateX(5px);
}
.listivo-listing-card-row-v2:hover .listivo-swiper-pagination-bullet-active-main, .listivo-listing-card-row-v2:hover .listivo-swiper-pagination-bullet-active-next, .listivo-listing-card-row-v2:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-listing-card-row-v2:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-row-v2:hover .listivo-swiper-pagination-bullet-active-prev-prev {
opacity: 1 !important;
}
.listivo-listing-card-row-v2__prev-holder, .listivo-listing-card-row-v2__next-holder {
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
z-index: 19;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row-v2__prev-holder {
left: 0;
}
.listivo-listing-card-row-v2__next-holder {
right: 0;
}
.listivo-listing-card-row-v2__prev, .listivo-listing-card-row-v2__next {
position: absolute;
width: 45px;
height: 45px;
background: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -22.5px;
z-index: 20;
transition: 0.3s ease-in-out;
opacity: 0;
cursor: pointer;
}
.listivo-listing-card-row-v2__prev {
left: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transform: translateX(-45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-row-v2__next {
right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(45px);
filter: var(--e-global-shadow-filter);
}
.listivo-listing-card-row-v2__gallery {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row-v2__gallery .listivo-swiper-container {
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-listing-card-row-v2__gallery img {
display: block !important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/240;
}
.listivo-listing-card-row-v2__gallery:before {
transition: 0.3s ease-in-out;
display: block;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(42, 57, 70, 0) 0%, rgba(42, 57, 70, 0.39) 100%);
z-index: 9;
opacity: 0;
}
.listivo-listing-card-row-v2__gallery--image-count-1:before {
display: none;
}
.listivo-listing-card-row-v2 .listivo-swiper-slide {
display: flex;
flex-direction: column;
}
.listivo-listing-card-row-v2 .listivo-swiper-slide img {
flex: 1;
}
.listivo-listing-card-row-v2__pagination {
position: absolute;
bottom: 20px;
height: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination {
position: relative;
bottom: 0;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
transition: 0.2s transform, 0.2s left, 0.3s opacity !important;
margin: 0 5px !important;
opacity: 0;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66) !important;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33) !important;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active {
position: relative;
}
.listivo-listing-card-row-v2__pagination .listivo-swiper-pagination-bullet-active:before {
display: block;
content: "";
background-color: var(--e-global-color-lprimary2);
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-listing-card-row-v2__icon-label {
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-5px);
height: var(--e-global-size-4);
opacity: 0;
white-space: nowrap;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor1);
top: -40px;
box-shadow: var(--e-global-shadow);
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__icon-label:before {
content: "";
background: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
width: 7px;
height: 7px;
background-color: var(--e-global-color-lcolor1);
bottom: -3.5px;
left: 50%;
margin-left: -3.5px;
position: absolute;
}
.listivo-listing-card-row-v2__icon {
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-listing-card-row-v2__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row-v2__icon:hover:not(.listivo-listing-card-row-v2__icon--active) {
border-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row-v2__icon:hover:not(.listivo-listing-card-row-v2__icon--active) svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row-v2__icon:hover:not(.listivo-listing-card-row-v2__icon--active) .listivo-listing-card-row-v2__icon-label {
opacity: 1;
transform: translateX(-50%) translateY(0);
visibility: visible;
}
.listivo-listing-card-row-v2__icon--active {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-card-row-v2__icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row-v2__icon--active .listivo-listing-card-row-v2__icon-label {
opacity: 0 !important;
}
.listivo-listing-card-row-v2__labels {
position: absolute;
top: 15px;
left: 30px;
right: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 20;
gap: 5px;
}
.listivo-listing-card-row-v2__label {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
height: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
background: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
text-align: center;
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
position: relative;
z-index: 20;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__body {
flex: 1;
}
.listivo-listing-card-row-v2__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
}
.listivo-listing-card-row-v2__content {
padding: var(--e-global-size-3);
}
.listivo-listing-card-row-v2__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-row-v2__meta-data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__meta {
display: flex;
}
.listivo-listing-card-row-v2__meta-value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
line-height: var(--e-global-size-5);
}
.listivo-listing-card-row-v2__meta-icon-wrapper {
min-height: var(--e-global-size-5);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__meta-icon {
background: var(--e-global-color-lcolor3);
border-radius: 50%;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-row-v2__meta-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row-v2__rating-wrapper {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
position: relative;
gap: var(--e-global-size-7);
flex-wrap: wrap;
}
.listivo-listing-card-row-v2__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-listing-card-row-v2__stars {
display: flex;
align-items: center;
position: relative;
gap: 4px;
}
.listivo-listing-card-row-v2__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-listing-card-row-v2__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 16px;
height: 15px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-listing-card-row-v2__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-listing-card-row-v2__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-listing-card-row-v2__active-rating svg {
width: 16px;
height: 15px;
}
.listivo-listing-card-row-v2__rating-count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
.listivo-listing-card-row-v2__rating-count:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row-v2__address {
margin-top: var(--e-global-size-6);
display: flex;
align-self: center;
font-family: var(--e-global-l-font-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__address-text {
flex: 1;
}
.listivo-listing-card-row-v2__address-icon-wrapper {
height: var(--e-global-typography-ltext2-line-height);
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__address-icon {
background: var(--e-global-color-lprimary2);
border-radius: 50px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
}
.listivo-listing-card-row-v2__attributes {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.listivo-listing-card-row-v2__attribute-icon {
display: flex;
align-items: center;
min-height: var(--e-global-typography-ltext2-line-height);
}
.listivo-listing-card-row-v2__attribute {
min-height: 25px;
background: var(--e-global-color-lcolor4);
border-radius: 2px;
padding: 0 var(--e-global-size-7);
display: flex;
align-items: flex-start;
gap: 5px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__attribute path {
fill: var(--e-global-color-lcolor2);
}
.listivo-listing-card-row-v2__value {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-row-v2__value span {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-row-v2__bottom {
height: 70px;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-3);
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-listing-card-row-v2__user {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-card-row-v2__user span {
flex: 1;
}
.listivo-listing-card-row-v2__avatar {
width: 40px;
height: 40px;
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-listing-card-row-v2__icons {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__featured {
display: flex;
align-items: center;
padding: 0 5px;
border-radius: 5px;
position: absolute;
left: var(--e-global-size-5);
top: var(--e-global-size-6);
z-index: 15;
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2 {
flex-direction: column;
height: auto;
}
}
.listivo-listing-card-row-v2__content {
padding: var(--e-global-size-5);
padding-bottom: 0;
}
@media (min-width: 1024px) {
.listivo-listing-card-row-v2__content {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
}
}
.listivo-listing-card-row-v2__left {
max-width: 360px;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__left {
max-width: 100%;
}
}
.listivo-listing-card-row-v2__main {
flex: 1;
display: flex;
}
.listivo-listing-card-row-v2__gallery {
height: 100%;
border-radius: var(--e-global-lborder-radius) 0 0 var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__gallery {
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
border-bottom: 0 !important;
border-right-width: 2px !important;
}
}
.listivo-listing-card-row-v2__gallery .listivo-swiper-container {
height: 100%;
}
.listivo-listing-card-row-v2__gallery img {
aspect-ratio: 360/260;
display: block !important;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__gallery img {
aspect-ratio: 360/240;
}
}
.listivo-listing-card-row-v2__gallery-inner {
height: 100%;
}
.listivo-listing-card-row-v2__inner {
border-left-width: 0;
border-radius: 0 var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0;
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__inner {
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0 !important;
border-left-width: 2px !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
.listivo-listing-card-row-v2__head {
display: flex;
justify-content: space-between;
gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__head {
flex-direction: column;
justify-content: flex-start;
gap: var(--e-global-size-7);
}
}
.listivo-listing-card-row-v2__head-info {
flex: 1;
}
.listivo-listing-card-row-v2__description {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-listing-card-row-v2__categories {
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
height: 14px;
overflow: hidden;
margin-bottom: var(--e-global-size-6);
}
.listivo-listing-card-row-v2__category {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 10px;
display: flex;
align-items: center;
gap: 5px;
}
.listivo-listing-card-row-v2__category path {
fill: var(--e-global-color-lcolor2);
}
.listivo-listing-card-row-v2__user-phone {
margin-top: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__attributes {
height: 25px;
overflow: hidden;
margin-top: var(--e-global-size-6);
}
.listivo-listing-card-row-v2__attribute {
height: 25px;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
.listivo-listing-card-row-v2__icon {
width: 35px;
height: 35px;
}
.listivo-listing-card-row-v2__bottom {
border-top: 0;
height: auto;
padding: var(--e-global-size-5);
padding-top: 0;
}
@media (max-width: 1024px) {
.listivo-listing-card-row-v2__bottom {
padding-top: var(--e-global-size-5);
}
}
.listivo-listing-card-row-v2__value {
margin-top: 0;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-card-row-v2__views {
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 12px;
line-height: 12px;
color: var(--e-global-color-lcolor2);
gap: var(--e-global-size-7);
}
.listivo-listing-card-row-v2__views-icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
}
.listivo-listing-card-row-v2__views-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-card-row-v2__name {
font-size: 20px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-listing-card-row-v2__meta-data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--e-global-size-7);
overflow: hidden;
}
.listivo-listing-card-row-v2__meta-value {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__meta-icon-wrapper {
height: var(--e-global-typography-ltext2-line-height);
}
.listivo-listing-card-row-v2__address {
margin-top: 0;
}
.listivo-listing-card-row-v2__address-text {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__avatar {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
}
.listivo-listing-card-row-v2__user {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-card-row-v2__featured {
left: var(--e-global-size-5);
}
.listivo-image-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--e-global-size-7);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor4);
}
.listivo-image-placeholder__icon svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-image-placeholder__text {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor3);
text-align: center;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-skeleton-listing-card-v3 {
display: flex;
flex-direction: column;
}
.listivo-skeleton-listing-card-v3__gallery {
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v3__gallery img {
width: 100%;
display: block;
}
.listivo-skeleton-listing-card-v3__content {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
}
.listivo-skeleton-listing-card-v3__line {
background-color: var(--e-global-color-lcolor4);
height: var(--e-global-typography-lheading3-line-height);
border-radius: var(--e-global-size-5);
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-card-v3__line--no-margin {
margin: 0;
}
.listivo-skeleton-listing-card-v3__line--first {
width: 100%;
max-width: 270px;
}
.listivo-skeleton-listing-card-v3__line--second {
width: 66%;
max-width: 180px;
height: var(--e-global-size-5);
}
.listivo-skeleton-listing-card-v3__line--third {
width: 44%;
max-width: 120px;
}
.listivo-skeleton-listing-card-v3__attributes {
display: flex;
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-card-v3__attribute {
margin-right: 5px;
width: 100%;
max-width: 77px;
height: 24px;
border-radius: var(--e-global-size-5);
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v3__attribute:last-child {
margin-right: 0;
}
.listivo-skeleton-listing-card-v3__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--e-global-size-6) var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v3__bottom-left {
display: flex;
align-items: center;
width: 100%;
}
.listivo-skeleton-listing-card-v3__bottom-right {
display: flex;
align-items: center;
}
.listivo-skeleton-listing-card-v3__circle {
width: 40px;
height: 40px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
overflow: hidden;
}
.listivo-skeleton-listing-card-v3__circle--margin-right {
margin-right: var(--e-global-size-7);
}
.listivo-skeleton-listing-card-v3__bottom-line {
background-color: var(--e-global-color-lcolor4);
width: 100%;
max-width: 115px;
margin-right: var(--e-global-size-6);
flex: 1;
height: 16px;
border-radius: var(--e-global-size-5);
}
.listivo-skeleton-listing-card-v3__gallery {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
.listivo-skeleton-listing-card-v3__content {
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v3__bottom {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-skeleton-listing-card-v4 {
display: flex;
flex-direction: column;
}
.listivo-skeleton-listing-card-v4__gallery {
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v4__gallery img {
width: 100%;
display: block;
}
.listivo-skeleton-listing-card-v4__content {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
}
.listivo-skeleton-listing-card-v4__line {
background-color: var(--e-global-color-lcolor4);
height: var(--e-global-typography-lheading3-line-height);
border-radius: var(--e-global-size-5);
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-card-v4__line--no-margin {
margin: 0;
}
.listivo-skeleton-listing-card-v4__line--first {
width: 100%;
max-width: 270px;
}
.listivo-skeleton-listing-card-v4__line--second {
width: 66%;
max-width: 180px;
height: var(--e-global-size-5);
}
.listivo-skeleton-listing-card-v4__line--third {
width: 44%;
max-width: 120px;
}
.listivo-skeleton-listing-card-v4__attributes {
display: flex;
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-card-v4__attribute {
margin-right: 5px;
width: 100%;
max-width: 77px;
height: 24px;
border-radius: var(--e-global-size-5);
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v4__attribute:last-child {
margin-right: 0;
}
.listivo-skeleton-listing-card-v4__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--e-global-size-6) var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v4__bottom-left {
display: flex;
align-items: center;
width: 100%;
}
.listivo-skeleton-listing-card-v4__bottom-right {
display: flex;
align-items: center;
}
.listivo-skeleton-listing-card-v4__circle {
width: 40px;
height: 40px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
overflow: hidden;
}
.listivo-skeleton-listing-card-v4__circle--margin-right {
margin-right: var(--e-global-size-7);
}
.listivo-skeleton-listing-card-v4__bottom-line {
background-color: var(--e-global-color-lcolor4);
width: 100%;
max-width: 115px;
margin-right: var(--e-global-size-6);
flex: 1;
height: 16px;
border-radius: var(--e-global-size-5);
}
.listivo-skeleton-listing-card-v4__gallery {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
.listivo-skeleton-listing-card-v4__content {
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-card-v4__bottom {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-skeleton-listing-row {
display: flex;
}
.listivo-skeleton-listing-row__gallery {
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row__gallery img {
width: 100%;
display: block;
}
.listivo-skeleton-listing-row__content {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
}
.listivo-skeleton-listing-row__line {
background-color: var(--e-global-color-lcolor4);
height: var(--e-global-typography-lheading3-line-height);
border-radius: var(--e-global-size-5);
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-row__line--no-margin {
margin: 0;
}
.listivo-skeleton-listing-row__line--first {
width: 100%;
max-width: 270px;
}
.listivo-skeleton-listing-row__line--second {
width: 66%;
max-width: 180px;
height: var(--e-global-size-5);
}
.listivo-skeleton-listing-row__line--third {
width: 44%;
max-width: 120px;
}
.listivo-skeleton-listing-row__attributes {
display: flex;
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-row__attribute {
margin-right: 5px;
width: 100%;
max-width: 77px;
height: 24px;
border-radius: var(--e-global-size-5);
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row__attribute:last-child {
margin-right: 0;
}
.listivo-skeleton-listing-row__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--e-global-size-6) var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row__bottom-left {
display: flex;
align-items: center;
width: 100%;
}
.listivo-skeleton-listing-row__bottom-right {
display: flex;
align-items: center;
}
.listivo-skeleton-listing-row__circle {
width: 40px;
height: 40px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
overflow: hidden;
}
.listivo-skeleton-listing-row__circle--margin-right {
margin-right: var(--e-global-size-7);
}
.listivo-skeleton-listing-row__bottom-line {
background-color: var(--e-global-color-lcolor4);
width: 100%;
max-width: 115px;
margin-right: var(--e-global-size-6);
flex: 1;
height: 16px;
border-radius: var(--e-global-size-5);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row {
flex-direction: column;
}
}
.listivo-skeleton-listing-row__gallery {
max-width: 360px;
width: 100%;
border-top-left-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row__gallery {
max-width: 100%;
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
}
}
.listivo-skeleton-listing-row__right {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row__right {
justify-content: flex-start;
}
}
.listivo-skeleton-listing-row__content {
flex: 1;
justify-content: center;
border: 1px solid var(--e-global-color-lcolor4);
border-bottom: 0;
border-left: 0;
overflow: hidden;
border-top-right-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row__content {
border: 0;
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
}
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row__bottom {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
.listivo-skeleton-listing-row-v2 {
display: flex;
height: 262px;
}
.listivo-skeleton-listing-row-v2__gallery {
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row-v2__gallery img {
width: 100%;
display: block;
}
.listivo-skeleton-listing-row-v2__content {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
}
.listivo-skeleton-listing-row-v2__line {
background-color: var(--e-global-color-lcolor4);
height: var(--e-global-typography-lheading3-line-height);
border-radius: var(--e-global-size-5);
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-row-v2__line--no-margin {
margin: 0;
}
.listivo-skeleton-listing-row-v2__line--first {
width: 100%;
max-width: 270px;
}
.listivo-skeleton-listing-row-v2__line--second {
width: 66%;
max-width: 180px;
height: var(--e-global-size-5);
}
.listivo-skeleton-listing-row-v2__line--third {
width: 44%;
max-width: 120px;
}
.listivo-skeleton-listing-row-v2__attributes {
display: flex;
margin-top: var(--e-global-size-6);
}
.listivo-skeleton-listing-row-v2__attribute {
margin-right: 5px;
width: 100%;
max-width: 77px;
height: 24px;
border-radius: var(--e-global-size-5);
background-color: var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row-v2__attribute:last-child {
margin-right: 0;
}
.listivo-skeleton-listing-row-v2__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--e-global-size-6) var(--e-global-size-3);
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-skeleton-listing-row-v2__bottom-left {
display: flex;
align-items: center;
width: 100%;
}
.listivo-skeleton-listing-row-v2__bottom-right {
display: flex;
align-items: center;
}
.listivo-skeleton-listing-row-v2__circle {
width: 40px;
height: 40px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
overflow: hidden;
}
.listivo-skeleton-listing-row-v2__circle--margin-right {
margin-right: var(--e-global-size-7);
}
.listivo-skeleton-listing-row-v2__bottom-line {
background-color: var(--e-global-color-lcolor4);
width: 100%;
max-width: 115px;
margin-right: var(--e-global-size-6);
flex: 1;
height: 16px;
border-radius: var(--e-global-size-5);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row-v2 {
flex-direction: column;
height: auto;
}
}
.listivo-skeleton-listing-row-v2__gallery {
max-width: 360px;
width: 100%;
border-top-left-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row-v2__gallery {
height: 240px;
max-width: 100%;
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
}
}
.listivo-skeleton-listing-row-v2__right {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row-v2__right {
justify-content: flex-start;
}
}
.listivo-skeleton-listing-row-v2__content {
flex: 1;
justify-content: center;
border: 1px solid var(--e-global-color-lcolor4);
border-bottom: 0;
border-left: 0;
overflow: hidden;
border-top-right-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row-v2__content {
border: 0;
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
}
}
.listivo-skeleton-listing-row-v2__bottom {
border-top: 0;
}
@media (max-width: 1024px) {
.listivo-skeleton-listing-row-v2__bottom {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
.listivo-skeleton-listing-row-v2__bottom-left .listivo-skeleton-listing-row-v2__bottom-line {
height: 20px;
}
.listivo-skeleton-listing-row-v2__bottom-right {
display: block;
}
.listivo-skeleton-listing-row-v2__bottom-line--short {
display: block;
margin-right: 0;
width: 70px;
} .listivo-mini-listings {
display: flex;
flex-direction: column;
}
.listivo-mini-listings__item {
margin-top: var(--e-global-size-6);
}
.listivo-mini-listings__item:first-child {
margin-top: 0;
}
@media (max-width: 1024px) {
.listivo-mini-listings__item {
margin-top: 0;
}
}
@media (max-width: 767px) {
.listivo-mini-listings__item {
margin-top: var(--e-global-size-6);
}
}
@media (max-width: 1024px) {
.listivo-mini-listings {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
}
@media (max-width: 767px) {
.listivo-mini-listings {
display: flex;
}
}
.listivo-mini-listing {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-mini-listing {
flex-direction: column;
}
}
@media (max-width: 767px) {
.listivo-mini-listing {
margin-bottom: var(--e-global-size-4);
}
.listivo-mini-listing:last-child {
margin-bottom: 0;
}
}
.listivo-mini-listing__image {
display: block;
border-radius: var(--e-global-lborder-radius);
position: relative;
overflow: hidden;
margin-right: var(--e-global-size-6);
width: var(--e-global-size-3);
height: var(--e-global-size-3);
}
.listivo-mini-listing__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-mini-listing__image {
margin-bottom: var(--e-global-size-7);
margin-right: 0;
}
}
.listivo-mini-listing__content {
display: flex;
flex-direction: column;
flex: 1;
}
.listivo-mini-listing__label {
color: #ffffff;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
@media (min-width: 1025px) {
.listivo-mini-listing__label {
max-width: 190px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 1200px) {
.listivo-mini-listing__label {
max-width: 210px;
}
}
@media (max-width: 1024px) {
.listivo-mini-listing__label {
text-align: center;
}
}
.listivo-mini-listing__value {
color: #ffffff;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-mini-listing__value {
text-align: center;
}
} .listivo-attachments {
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--e-global-size-6));
margin-left: calc(-1 * var(--e-global-size-6));
}
.listivo-attachment {
display: flex;
align-items: center;
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
height: 50px;
padding: 0 var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
margin-top: var(--e-global-size-6);
margin-left: var(--e-global-size-6);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-attachment:hover {
border-color: transparent;
box-shadow: var(--e-global-shadow);
}
.listivo-attachment__icon {
display: inline-flex;
margin-right: var(--e-global-size-6);
}
.listivo-attachment__icon img {
height: 25px;
width: auto;
}
.listivo-listing__date {
font-size: 14px;
line-height: 28px;
}
.listivo-listing__date-label {
font-weight: 400;
}
.listivo-listing__date-value {
font-weight: 800;
}
.listivo-listing-meta {
font-size: 14px;
line-height: 28px;
font-weight: 400;
}
.listivo-listing-meta__value {
font-weight: 800;
}
.listivo-listing-embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.listivo-listing-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.listivo-listing-section__label {
color: var(--e-global-color-lcolor1);
margin-bottom: var(--e-global-size-4);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-section__text {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-section__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-listing-section__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-listing-section__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-listing-section__text figure.wp-caption {
max-width: 100%;
}
.listivo-listing-section__text ul, .listivo-listing-section__text ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
}
.listivo-listing-section__text ol li {
list-style-type: decimal;
}
.listivo-listing-section__text li {
display: list-item;
list-style: inside;
}
.listivo-listing-section__text p {
margin-top: var(--e-global-size-6);
margin-bottom: var(--e-global-size-4);
}
.listivo-listing-section__text p:first-child {
margin-top: 0;
}
.listivo-listing-section__text p:last-child {
margin-bottom: 0;
}
.listivo-listing-section__text .wp-caption.alignright {
float: right;
}
.listivo-listing-section__text .wp-caption.alignright:after {
content: "";
clear: both;
}
.listivo-listing-section__text .wp-caption.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.listivo-listing-section__text:after {
display: block;
content: "";
clear: both;
}
.listivo-listing-section__embed--ratio {
width: 100%;
position: relative;
padding-top: 56.25%;
height: 0;
}
.listivo-listing-section__embed--ratio video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.listivo-listing-section__embed--ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.listivo-listing-section__embed--ratio--tiktok {
height: auto;
padding-top: 0;
}
.listivo-listing-section__embed--ratio--tiktok iframe {
height: auto;
position: relative;
}
.listivo-listing-section__embed--ratio--tiktok .tiktok-embed {
margin: 0;
}
.listivo-listing-user {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-2);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-listing-user__avatar {
width: var(--e-global-size-1);
height: var(--e-global-size-1);
border-radius: 50%;
overflow: hidden;
display: block;
position: relative;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.listivo-listing-user__avatar img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: 0.3s ease-in-out;
}
.listivo-listing-user__avatar svg {
width: 50px;
height: 56px;
}
.listivo-listing-user__avatar:hover img {
transform: scale(1.1);
}
.listivo-listing-user__name {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-user__address {
margin-top: var(--e-global-size-7);
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-user__address-icon {
margin-right: var(--e-global-size-7);
}
.listivo-listing-user__button {
margin-top: var(--e-global-size-4);
}
.listivo-listing-socials {
padding: var(--e-global-size-6) var(--e-global-size-4);
display: flex;
justify-content: center;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-listing-info {
display: flex;
justify-content: space-between;
}
.listivo-listing-info__data {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-attributes__label {
color: var(--e-global-color-lcolor1);
margin-bottom: var(--e-global-size-4);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-attributes-v4__label {
color: var(--e-global-color-lcolor1);
margin-bottom: var(--e-global-size-4);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-attributes-v4__list {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: var(--e-global-size-7);
grid-row-gap: 5px;
}
.listivo-listing-attribute-v4 {
display: flex;
gap: 2px;
}
.listivo-listing-attribute-v4__label {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
color: var(--e-global-color-lcolor1);
width: 50%;
}
.listivo-listing-attribute-v4__value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
width: 50%;
}
.listivo-listing-link-field__link {
transition: 0.3s ease-in-out;
}
.listivo-gallery-v1 {
border-radius: 10px 10px 0 0;
overflow: hidden;
position: relative;
width: 100%;
background-color: #C4C4C4;
}
.listivo-gallery-v1 .listivo-swiper-slide img {
width: 100%;
height: 100%;
aspect-ratio: 750/497;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.listivo-gallery-v1__nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 11;
padding: 0 var(--e-global-size-4);
pointer-events: none;
}
@media (max-width: 1024px) {
.listivo-gallery-v1__nav {
display: none;
}
}
.listivo-gallery-v1__arrow {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
pointer-events: auto;
cursor: pointer;
}
[dir=rtl] .listivo-gallery-v1__arrow {
transform: rotate(180deg);
}
.listivo-gallery-v1__arrow:hover {
background-color: var(--e-global-color-lcolor5);
}
.listivo-gallery-v1__arrow svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-gallery-v1__count {
position: absolute;
display: flex;
align-items: center;
left: var(--e-global-size-4);
bottom: var(--e-global-size-4);
height: 50px;
background-color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
z-index: 11;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-gallery-v1__zoom {
cursor: pointer;
position: absolute;
right: var(--e-global-size-4);
bottom: var(--e-global-size-4);
width: 50px;
height: 50px;
transition: 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--e-global-color-lprimary2);
z-index: 11;
border-radius: var(--e-global-lborder-radius);
}
.listivo-gallery-v1__zoom svg path {
fill: var(--e-global-color-lcolor5);
}
@media (max-width: 1024px) {
.listivo-gallery-v2 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-gallery-v2 {
max-width: 390px;
}
}
.listivo-gallery-v2__images {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-gallery-v2__images {
grid-gap: var(--e-global-size-6);
}
}
@media (max-width: 767px) {
.listivo-gallery-v2__images {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-gallery-v2__image {
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
cursor: pointer;
position: relative;
}
.listivo-gallery-v2__image img {
-o-object-fit: cover;
object-fit: cover;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.listivo-gallery-v2__image img {
aspect-ratio: 173/125;
position: static;
left: unset;
top: unset;
height: auto;
}
}
.listivo-gallery-v2__image--hidden {
display: none;
visibility: hidden;
}
.listivo-gallery-v2__image--placeholder {
background-color: var(--e-global-color-lcolor4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor3);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-gallery-v2__image--placeholder svg {
margin-bottom: var(--e-global-size-7);
}
.listivo-gallery-v2__image--placeholder svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-gallery-v2__image--placeholder span {
width: 100%;
text-align: center;
}
.listivo-gallery-v2__image--last:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor1);
opacity: 0.4;
z-index: 1;
}
.listivo-gallery-v2__image:first-child {
grid-column: 1/3;
grid-row: 1/3;
position: relative;
}
.listivo-gallery-v2__image:first-child img {
aspect-ratio: 675/500;
position: static;
left: unset;
top: unset;
height: auto;
}
@media (max-width: 767px) {
.listivo-gallery-v2__image:first-child img {
aspect-ratio: 360/250;
}
}
.listivo-gallery-v2__button {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2;
}
@media (max-width: 1024px) {
.listivo-gallery-v2__button {
display: none;
}
}
.listivo-gallery-v2__button--mobile {
display: none;
}
@media (max-width: 1024px) {
.listivo-gallery-v2__button--mobile {
display: flex;
}
}
.listivo-gallery-v3 {
position: relative;
width: 100%;
}
.listivo-gallery-v3__nav {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 11;
}
@media (max-width: 1024px) {
.listivo-gallery-v3__nav {
display: none;
}
}
.listivo-gallery-v3__arrows {
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-gallery-v3__arrows {
padding: 0 var(--e-global-size-6);
}
}
.listivo-gallery-v3__arrow {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
border-radius: 50%;
pointer-events: auto;
}
.listivo-gallery-v3__arrow svg path {
fill: var(--e-global-color-lcolor2);
}
.listivo-gallery-v3__image {
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
cursor: pointer;
}
.listivo-gallery-v3__image img {
display: block;
aspect-ratio: 750/500;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-gallery-v3__slide {
max-width: 750px;
}
.listivo-gallery-v3__zoom-wrapper {
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
}
.listivo-gallery-v3__zoom-container {
max-width: 750px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: flex-end;
}
.listivo-gallery-v3__zoom {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lprimary2);
margin-right: var(--e-global-size-4);
margin-bottom: var(--e-global-size-4);
z-index: 20;
border-radius: var(--e-global-lborder-radius);
}
.listivo-gallery-v3__zoom svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-gallery-v3--count-1 {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
.listivo-gallery-v3--count-1 img {
aspect-ratio: unset;
width: 100%;
height: 500px;
}
.listivo-gallery-v3--count-1 .listivo-gallery-v3__arrows {
display: none;
}
.listivo-gallery-v3--count-1 .listivo-gallery-v3__slide {
max-width: 1140px;
}
.listivo-gallery-v3--count-1 .listivo-gallery-v3__zoom-wrapper {
display: none;
}
.listivo-gallery-v3--count-2 {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.listivo-gallery-v3--count-2 .listivo-gallery-v3__zoom-wrapper {
display: none;
}
.listivo-gallery-v3--count-2 .listivo-gallery-v3__arrows {
display: none;
}
@media (max-width: 1024px) {
.listivo-gallery-v3 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-gallery-v3 {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-gallery-v3 {
overflow: hidden;
}
}
.listivo-accordions {
display: flex;
flex-direction: column;
}
.listivo-accordions__item {
margin-top: var(--e-global-size-4);
}
.listivo-accordions__item:first-child {
margin-top: 0;
}
.listivo-accordion {
display: flex;
flex-direction: column;
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
box-shadow: var(--e-global-shadow-transparent);
}
.listivo-accordion__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--e-global-size-7);
height: 71px;
padding: 0 var(--e-global-size-2);
cursor: pointer;
}
@media (max-width: 767px) {
.listivo-accordion__head {
padding: 0 var(--e-global-size-4);
}
}
.listivo-accordion__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
flex: 1;
}
.listivo-accordion__text {
padding: var(--e-global-size-3) var(--e-global-size-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-accordion__text {
padding: var(--e-global-size-4);
}
}
.listivo-accordion__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.listivo-accordion__arrow svg {
transition: 0.3s ease-in-out;
}
[dir=rtl] .listivo-accordion__arrow svg {
transform: scaleX(-1);
}
.listivo-accordion__arrow svg path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-accordion:hover {
box-shadow: var(--e-global-shadow);
border-color: var(--e-global-color-lcolor5);
}
.listivo-accordion:hover .listivo-accordion__arrow {
border-color: var(--e-global-color-lprimary1);
}
.listivo-accordion:hover .listivo-accordion__arrow svg {
transform: scaleX(-1) rotate(90deg);
}
.listivo-accordion--open {
border-color: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
}
.listivo-accordion--open .listivo-accordion__head {
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-accordion--open .listivo-accordion__arrow {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-accordion--open .listivo-accordion__arrow svg {
transform: scaleX(-1) rotate(90deg);
}
.listivo-accordion--open .listivo-accordion__arrow svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-accordion--open:hover .listivo-accordion__arrow svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-loan-calculator {
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 1024px) {
.listivo-loan-calculator {
padding: var(--e-global-size-4);
}
}
.listivo-loan-calculator__heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
border-bottom: 1px solid var(--e-global-color-lcolor4);
padding: var(--e-global-size-4);
}
.listivo-loan-calculator__fields {
padding: var(--e-global-size-4);
width: 100%;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: var(--e-global-size-4);
grid-row-gap: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-loan-calculator__fields {
margin-top: var(--e-global-size-4);
grid-column-gap: var(--e-global-size-6);
}
}
@media (max-width: 767px) {
.listivo-loan-calculator__fields {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-loan-calculator__results {
padding: var(--e-global-size-4);
padding-top: 0;
display: flex;
}
@media (max-width: 1024px) {
.listivo-loan-calculator__results {
flex-direction: column-reverse;
}
}
.listivo-loan-calculator__result {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
min-height: 111px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
color: var(--e-global-color-lcolor1);
margin-left: var(--e-global-size-4);
padding: 0 var(--e-global-size-7);
text-align: center;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-loan-calculator__result:first-child {
margin-left: 0;
}
@media (max-width: 1024px) {
.listivo-loan-calculator__result {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-top: var(--e-global-size-6);
}
.listivo-loan-calculator__result:last-child {
margin-top: 0;
}
}
.listivo-loan-calculator__result span {
margin-top: var(--e-global-size-7);
width: 100%;
color: var(--e-global-color-lcolor2);
text-align: center;
}
.listivo-loan-calculator__result--primary {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-loan-calculator__result--primary span {
color: var(--e-global-color-lcolor5);
}
.listivo-loan-calculator-link a {
display: block;
color: var(--text-4);
transition: 0.3s ease-in-out;
}
.listivo-loan-calculator-link a svg {
color: var(--e-global-color-lprimary1) !important;
margin-right: 0px;
height: 20px;
position: relative;
top: 4px;
}
.listivo-loan-calculator-link a:hover {
color: var(--content-dark);
} .listivo-user-date {
color: var(--text-2);
font-size: 14px;
font-weight: 400;
text-align: left;
}
.listivo-user-image {
display: block;
position: relative;
overflow: hidden;
padding-bottom: 100%;
transition: 0.3s ease-in-out;
}
.listivo-user-image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
a.listivo-user-image:hover {
filter: brightness(1.1);
} .listivo-panel-section {
position: relative;
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-1);
background-color: var(--e-global-color-lsectionbg);
}
.listivo-panel-section--bg-5 {
background-color: var(--e-global-color-lcolor5);
}
@media (max-width: 767px) {
.listivo-panel-section {
padding-top: var(--e-global-size-4);
padding-bottom: var(--e-global-size-2);
}
}
.listivo-panel-section:before {
display: block;
content: "";
background: var(--e-global-color-lcolor4);
opacity: 0.2;
z-index: -1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-panel-section__top {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-panel-section__top {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-section__top {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-panel-section__top {
flex-direction: column-reverse;
gap: var(--e-global-size-4);
}
}
.listivo-panel-section__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-section__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
.listivo-panel-section__bar {
margin-top: var(--e-global-size-2);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-panel-section__bar {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-section__bar {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-panel-section__bar {
margin-top: var(--e-global-size-4);
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 1024px) {
.listivo-panel-section__bar--break-mobile {
flex-direction: row;
align-items: center;
}
}
@media (max-width: 767px) {
.listivo-panel-section__bar--break-mobile {
margin-top: var(--e-global-size-4);
flex-direction: column;
align-items: flex-start;
}
}
.listivo-panel-section__bar-right {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-panel-section__bar-right {
margin-top: var(--e-global-size-4);
}
}
@media (max-width: 767px) {
.listivo-panel-section__bar-right {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
}
.listivo-panel-section__bar-right--no-margin-top {
margin-top: 0;
}
.listivo-panel-section__sort-by {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-section__sort-by {
width: 100%;
}
.listivo-panel-section__sort-by span {
display: none;
}
}
.listivo-panel-section__sort-by .listivo-select-v2 {
margin-left: var(--e-global-size-7);
min-width: 200px;
}
@media (max-width: 767px) {
.listivo-panel-section__sort-by .listivo-select-v2 {
width: 100%;
margin-left: 0;
}
}
.listivo-panel-section__search {
margin-left: var(--e-global-size-7);
display: flex;
align-items: center;
max-width: 200px;
}
@media (max-width: 767px) {
.listivo-panel-section__search {
margin-top: var(--e-global-size-4);
margin-left: 0;
width: 100%;
}
.listivo-panel-section__search .listivo-input-v2 {
width: 100%;
}
}
.listivo-panel-section__content {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-section__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-section__content {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-panel-section__content {
margin-top: var(--e-global-size-4);
}
}
.listivo-panel-section__content--no-margin-top {
margin-top: 0;
}
.listivo-panel-section__content--with-background {
padding: var(--e-global-size-1) var(--e-global-size-4);
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 1024px) {
.listivo-panel-section__content--with-background {
padding: var(--e-global-size-2) var(--e-global-size-4);
}
}
.listivo-panel-section__listing-list {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-panel-section__listing-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-section__listing-list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-section__pagination {
margin-top: var(--e-global-size-2);
display: block;
}
@media (max-width: 1024px) {
.listivo-panel-section__pagination {
display: none;
}
}
.listivo-panel-section__mobile-pagination {
margin-top: var(--e-global-size-2);
display: none;
}
@media (max-width: 1024px) {
.listivo-panel-section__mobile-pagination {
display: block;
}
}
.listivo-panel-section__results {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-section__results {
display: none;
}
}
.listivo-panel-section__favorites {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-section__favorites {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-section__favorites {
max-width: 390px;
}
}
.listivo-panel-section__view-selector {
margin-left: var(--e-global-size-6);
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-panel-section__view-selector {
display: none;
}
}
.listivo-panel-section__view-selector div {
margin-left: var(--e-global-size-6);
}
.listivo-panel-section__view-selector div:first-child {
margin-left: 0;
}
.listivo-panel-section__form {
margin-top: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-section__form {
margin-top: var(--e-global-size-4);
}
}
.listivo-panel-section__button {
margin-top: var(--e-global-size-2);
display: flex;
justify-content: space-between;
gap: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-panel-section__button {
margin-top: var(--e-global-size-4);
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.listivo-panel-section__button {
flex-wrap: wrap-reverse;
}
}
@media (max-width: 767px) {
.listivo-panel-section__buy-button {
width: 100%;
margin-top: var(--e-global-size-6);
display: flex;
justify-content: flex-end;
}
}
.listivo-panel-section__bumps {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
color: var(--e-global-color-lcolor1);
margin-bottom: var(--e-global-size-3);
}
.listivo-panel-section__bumps span {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-section__bottom {
margin-top: var(--e-global-size-4);
}
.listivo-panel-section__delete-account {
cursor: pointer;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: #EF5350;
}
.listivo-panel-menu {
background-color: var(--e-global-color-lcolor5);
padding-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-panel-menu {
padding-top: 0;
}
}
.listivo-panel-menu__list {
display: flex;
align-items: center;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
white-space: nowrap;
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
@media (max-width: 1024px) {
.listivo-panel-menu__list {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
.listivo-panel-menu__list::-webkit-scrollbar {
display: none; }
.listivo-panel-menu__item {
display: flex;
align-items: center;
padding: var(--e-global-size-4) var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
border-bottom: 3px solid transparent;
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-menu__item span {
margin-left: 5px;
color: var(--e-global-color-lcolor1);
}
.listivo-panel-menu__item:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-panel-menu__item--active {
color: var(--e-global-color-lcolor1);
border-bottom: 3px solid var(--e-global-color-lprimary1);
}
.listivo-panel-menu__item--mobile-only {
display: none;
}
@media (max-width: 767px) {
.listivo-panel-menu__item--mobile-only {
display: flex;
}
}
.listivo-panel-menu__item--tablet-only {
display: none;
}
@media (max-width: 1024px) {
.listivo-panel-menu__item--tablet-only {
display: flex;
}
}
.listivo-panel-menu__count {
display: flex;
align-items: center;
justify-content: center;
margin-left: var(--e-global-size-7);
padding: 0 var(--e-global-size-7);
min-width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50px;
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-panel-tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: calc(-1 * var(--e-global-size-7));
gap: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-panel-tabs {
white-space: nowrap;
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; flex-wrap: nowrap;
max-width: 100%;
}
.listivo-panel-tabs::-webkit-scrollbar {
display: none; }
}
.listivo-panel-tabs__tab {
margin-top: var(--e-global-size-7);
}
.listivo-panel-tab {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-6);
height: var(--e-global-size-2);
background-color: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
cursor: pointer;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-tab--active {
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary1);
}
.listivo-panel-tab__count {
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
margin-left: var(--e-global-size-7);
background-color: var(--e-global-color-lcolor5);
min-width: var(--e-global-size-5);
height: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
border-radius: 50px;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-panel-listing-card {
display: flex;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card {
flex-direction: column;
height: 100%;
}
}
.listivo-panel-listing-card__image {
width: 360px;
height: 100%;
min-height: 320px;
position: relative;
border-top-left-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: var(--e-global-lborder-radius);
overflow: hidden;
display: block;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__image {
min-height: unset;
width: 100%;
border-bottom-left-radius: 0;
border-top-right-radius: var(--e-global-lborder-radius);
height: auto;
}
}
.listivo-panel-listing-card__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__image img {
aspect-ratio: 360/240;
position: static;
height: auto;
top: unset;
left: unset;
}
}
.listivo-panel-listing-card__status {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: var(--e-global-size-3);
height: var(--e-global-size-4);
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
z-index: 11;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
box-shadow: var(--e-global-shadow);
}
.listivo-panel-listing-card__status--active {
background-color: var(--e-global-color-lprimary1);
}
.listivo-panel-listing-card__right {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
border-top-right-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-left: 0;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__right {
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
}
}
.listivo-panel-listing-card__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--e-global-size-2) var(--e-global-size-3);
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__content {
padding: var(--e-global-size-3);
}
}
.listivo-panel-listing-card__label {
display: inline-block;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-listing-card__meta-wrapper {
margin-top: var(--e-global-size-6);
}
.listivo-panel-listing-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: calc(-1 * var(--e-global-size-7));
margin-left: calc(-1 * var(--e-global-size-7));
}
.listivo-panel-listing-card__meta-data {
margin-top: var(--e-global-size-7);
margin-left: var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-listing-card__meta-data span {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-listing-card__value {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-listing-card__value span {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-weight: 800;
line-height: 1em;
}
.listivo-panel-listing-card__attributes-wrapper {
margin-top: var(--e-global-size-6);
}
.listivo-panel-listing-card__attributes {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: -5px;
margin-left: -5px;
}
.listivo-panel-listing-card__attribute {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-7);
margin-top: 5px;
margin-left: 5px;
background: var(--e-global-color-lcolor4);
border-radius: 2px;
height: 25px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-panel-listing-card__attribute svg {
margin-right: 5px;
}
.listivo-panel-listing-card__attribute svg path {
fill: var(--e-global-color-lcolor2);
}
.listivo-panel-listing-card__actions {
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-3);
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__actions {
padding: 0;
flex-direction: column;
align-items: flex-start;
height: auto;
}
}
.listivo-panel-listing-card__buttons {
display: flex;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__buttons {
width: 100%;
padding: 0 var(--e-global-size-3);
height: 70px;
display: flex;
align-items: center;
}
}
.listivo-panel-listing-card__action {
display: flex;
align-items: center;
height: 40px;
padding: 0 var(--e-global-size-6);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
margin-left: var(--e-global-size-6);
cursor: pointer;
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-listing-card__action:first-child {
margin-left: 0;
}
.listivo-panel-listing-card__action svg {
margin-right: var(--e-global-size-7);
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__action svg {
display: none;
}
}
.listivo-panel-listing-card__action svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card__action:hover {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-panel-listing-card__action:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-panel-listing-card__action--delete svg path {
stroke: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card__action--delete:hover svg path {
stroke: var(--e-global-color-lprimary1);
}
@media (max-width: 1024px) {
.listivo-panel-listing-card__button {
padding: var(--e-global-size-7) var(--e-global-size-3);
border-top: 1px solid var(--e-global-color-lcolor4);
width: 100%;
}
}
.listivo-panel-listing-card-v2 {
display: flex;
width: 100%;
min-height: 277px;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: var(--e-global-shadow-transparent);
position: relative;
transition: 0.3s ease-in-out box-shadow;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card-v2 {
flex-direction: column;
height: 100%;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: 0;
}
}
.listivo-panel-listing-card-v2:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-panel-listing-card-v2__image {
width: 360px;
min-height: 277px;
height: 100%;
position: relative;
border-top-left-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card-v2__image {
width: 100%;
border-bottom-left-radius: 0;
border-top-right-radius: var(--e-global-lborder-radius);
}
}
.listivo-panel-listing-card-v2__image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-panel-listing-card-v2__status {
position: absolute;
left: var(--e-global-size-6);
top: var(--e-global-size-6);
height: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lcolor1);
display: flex;
align-items: center;
padding: 0 18px;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
z-index: 20;
}
.listivo-panel-listing-card-v2__status--publish {
color: var(--e-global-color-lcolor5);
background-color: #9CCC65;
}
.listivo-panel-listing-card-v2__status--pending {
color: var(--e-global-color-lcolor5);
background-color: #FFB300;
}
.listivo-panel-listing-card-v2__status--draft {
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card-v2__content {
border-right: 1px solid var(--e-global-color-lcolor4);
padding: var(--e-global-size-4);
flex: 1;
}
.listivo-panel-listing-card-v2__name {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card-v2__categories {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-panel-listing-card-v2__category {
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
padding: var(--e-global-size-7);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card-v2__dates {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-panel-listing-card-v2__date {
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 100%;
}
.listivo-panel-listing-card-v2__date span {
color: var(--e-global-color-lprimary1);
margin-right: 3px;
}
.listivo-panel-listing-card-v2__main-value {
margin-top: var(--e-global-size-6);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card-v2__stats {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: var(--e-global-size-5);
margin-top: var(--e-global-size-6);
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-7);
}
.listivo-panel-listing-card-v2__stat {
display: flex;
align-items: center;
height: var(--e-global-size-4);
gap: 7px;
}
.listivo-panel-listing-card-v2__stat-value {
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-panel-listing-card-v2__stat-icon {
display: flex;
align-items: center;
}
.listivo-panel-listing-card-v2__stat-icon path {
fill: var(--e-global-color-lcolor2);
}
.listivo-panel-listing-card-v2__actions {
width: 215px;
padding: var(--e-global-size-4);
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-panel-listing-card-v2__actions {
padding-top: 0;
width: 100%;
gap: var(--e-global-size-4);
}
}
.listivo-panel-listing-card-v2__actions-top {
display: flex;
flex-direction: column;
gap: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-panel-listing-card-v2__actions-top {
flex-direction: row;
}
}
.listivo-panel-listing-card-v2__action {
display: flex;
padding: 0;
gap: var(--e-global-size-7);
}
.listivo-panel-listing-card-v2__action-icon {
width: 14px;
height: 16px;
display: flex;
align-items: center;
}
.listivo-panel-listing-card-v2__action-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-panel-listing-card-v2__action-label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 16px;
}
.listivo-panel-listing-card-v2__actions-buttons {
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-panel-no-listings {
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-panel-no-listings--with-padding {
padding: var(--e-global-size-1) 0;
}
.listivo-panel-no-listings__heading {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-no-listings__image {
margin-top: var(--e-global-size-4);
}
.listivo-panel-no-listings__image svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-panel-no-listings__button {
margin-top: var(--e-global-size-4);
}
.listivo-panel-form {
padding: var(--e-global-size-2);
background-color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 1024px) {
.listivo-panel-form {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-form {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-panel-form {
padding: var(--e-global-size-4);
}
}
.listivo-panel-form__fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-panel-form__fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-form__fields {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-form__single-column {
grid-area: span 1/span 3;
}
@media (max-width: 1024px) {
.listivo-panel-form__single-column {
grid-area: span 1/span 2;
}
}
@media (max-width: 767px) {
.listivo-panel-form__single-column {
grid-area: span 1;
}
}
.listivo-panel-form__column-2 {
grid-area: span 1/span 2;
}
.listivo-panel-form__column-2 .listivo-panel-form__multilevel {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 30px;
}
@media (max-width: 767px) {
.listivo-panel-form__column-2 {
grid-area: span 1;
}
.listivo-panel-form__column-2 .listivo-panel-form__multilevel {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-form__column-3 {
grid-area: span 1/span 3;
}
.listivo-panel-form__column-3 .listivo-panel-form__multilevel {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 30px;
}
@media (max-width: 1024px) {
.listivo-panel-form__column-3 {
grid-area: span 1/span 2;
}
.listivo-panel-form__column-3 .listivo-panel-form__multilevel {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-form__column-3 {
grid-area: span 1;
}
.listivo-panel-form__column-3 .listivo-panel-form__multilevel {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-form__label {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--e-global-size-4) 0;
color: var(--e-global-color-lcolor1);
position: relative;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-form__label:before {
display: block;
content: "";
border: 1px dashed var(--e-global-color-lcolor4);
width: 100%;
position: absolute;
right: 0;
}
.listivo-panel-form__label span {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-form__embed-wrapper {
margin-top: var(--e-global-size-4);
max-width: 630px;
}
.listivo-panel-form__embed {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.listivo-panel-form__embed iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-panel-form__embed--tik-tok {
padding-top: 0;
}
.listivo-panel-form__embed--tik-tok iframe {
position: relative;
height: auto;
}
.listivo-panel-form__checkbox-option {
display: inline-flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
cursor: pointer;
}
.listivo-panel-form__checkbox-option--checked {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-form__checkbox-option .listivo-checkbox {
margin-right: var(--e-global-size-7);
}
.listivo-panel-form__all-options-button-wrapper {
margin-top: var(--e-global-size-2);
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.listivo-panel-form__all-options-button-wrapper:before {
display: block;
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: var(--e-global-color-lcolor4);
z-index: 10;
}
.listivo-panel-form__all-options-button {
display: inline-flex;
align-items: center;
height: var(--e-global-size-4);
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-6);
border-radius: 35px;
background-color: var(--e-global-color-lprimary1);
position: relative;
z-index: 20;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-form__all-options-button svg {
margin-left: var(--e-global-size-7);
}
.listivo-panel-form__checkbox-wrapper {
margin-top: var(--e-global-size-7);
display: flex;
}
.listivo-panel-form__checkbox-wrapper label {
flex: 1;
cursor: pointer;
margin-left: var(--e-global-size-7);
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-form__checkbox {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-panel-form__map {
margin-top: var(--e-global-size-6);
width: 100%;
height: 330px;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-panel-form__terms-and-conditions {
margin-top: var(--e-global-size-3);
display: flex;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-form__terms-and-conditions--error {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-form__terms-and-conditions span {
margin-left: var(--e-global-size-7);
flex: 1;
}
.listivo-panel-form__terms-and-conditions a {
color: var(--e-global-color-lprimary1);
margin-left: 5px;
margin-right: 5px;
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-panel-form__terms-and-conditions a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-panel-form__terms-and-conditions a:hover:before {
width: calc(100% + 6px);
}
.listivo-panel-form__terms-and-conitions-checkbox-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-panel-form__bottom {
margin-top: var(--e-global-size-2);
width: 100%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.listivo-panel-form__bottom {
margin-top: var(--e-global-size-4);
}
}
.listivo-panel-form__actions-wrapper {
position: relative;
margin-right: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-panel-form__actions-wrapper {
margin-right: 0;
margin-bottom: var(--e-global-size-6);
}
}
.listivo-panel-form__textarea textarea {
resize: vertical;
width: 100%;
height: 330px;
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor3);
background-color: var(--e-global-color-lcolor5);
overflow-x: hidden;
padding: var(--e-global-size-6) var(--e-global-size-4) !important;
color: var(--e-global-color-lcolor1) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-form__textarea--error {
border-color: var(--e-global-color-lprimary2);
}
.listivo-panel-form__multiple-options {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: var(--e-global-size-5);
}
@media (max-width: 1024px) {
.listivo-panel-form__multiple-options {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-form__multiple-options {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-form__not-logged {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: var(--e-global-size-4);
background-color: #ffffff;
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
color: var(--e-global-color-lcolor1);
margin-top: var(--e-global-size-2);
margin-bottom: calc(-1 * var(--e-global-size-4));
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-form__not-logged {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-form__not-logged {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-panel-form__not-logged {
margin-top: var(--e-global-size-4);
}
}
.listivo-panel-form__not-logged a {
color: var(--e-global-color-lprimary1);
margin: 0 5px;
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-panel-form__not-logged a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-panel-form__not-logged a:hover:before {
width: calc(100% + 6px);
}
.listivo-upload-area {
display: flex;
flex-wrap: wrap;
width: 100%;
min-height: 180px;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-6);
position: relative;
pointer-events: none;
}
.listivo-upload-area__inner {
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-lcolor5);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
pointer-events: none;
position: absolute;
left: 15px;
top: 15px;
bottom: 15px;
right: 15px;
}
.listivo-upload-area__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-upload-area__icon svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-upload-area__label {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 1024px) {
.listivo-upload-area__label--desktop {
display: none;
}
}
.listivo-upload-area__label--mobile {
display: none;
}
@media (max-width: 1024px) {
.listivo-upload-area__label--mobile {
display: block;
}
}
.listivo-upload-area__label span {
pointer-events: auto;
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-upload-area__label span:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-upload-area__label span:hover:before {
width: calc(100% + 6px);
}
.listivo-upload-area__bottom {
cursor: pointer;
margin-top: var(--e-global-size-4);
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--e-global-color-lcolor2);
pointer-events: auto;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
padding: 0 10px;
}
.listivo-upload-area__bottom svg {
margin-right: var(--e-global-size-7);
}
.listivo-upload-area__bottom svg path {
color: var(--e-global-color-lcolor3);
}
.listivo-upload-area__add-more {
display: flex;
align-items: center;
}
.listivo-upload-area .vue-dropzone {
pointer-events: auto;
width: 100%;
height: 100%;
border: 0;
background: none;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 30px;
padding: 0 10px;
}
@media (max-width: 1024px) {
.listivo-upload-area .vue-dropzone {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-upload-area .vue-dropzone {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-upload-area .vue-dropzone:hover {
background: none;
}
.listivo-upload-area .dz-preview {
width: 100%;
aspect-ratio: 1/1;
border-radius: var(--e-global-lborder-radius);
overflow-x: hidden;
position: relative;
margin: 0 !important;
}
.listivo-upload-area .dz-preview img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-upload-area .dz-details {
display: none !important;
}
.listivo-upload-area .dz-remove {
top: var(--e-global-size-6) !important;
right: var(--e-global-size-6) !important;
width: 25px !important;
height: 25px !important;
border-radius: 50% !important;
background: var(--e-global-color-lprimary2) !important;
opacity: 1 !important;
border: 0 !important;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
cursor: pointer !important;
}
.listivo-upload-area .dz-remove:before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M1.61169 0.500482C1.39146 0.500755 1.1763 0.566706 0.993713 0.68991C0.811124 0.813114 0.66939 0.987978 0.586617 1.19216C0.503843 1.39635 0.483789 1.62059 0.529015 1.83623C0.574241 2.05188 0.682695 2.24914 0.840521 2.40281L3.93386 5.49762L0.840521 8.59243C0.734227 8.69453 0.649364 8.81683 0.590902 8.95216C0.532441 9.08748 0.501556 9.23312 0.500057 9.38054C0.498558 9.52796 0.526475 9.67419 0.582173 9.81068C0.63787 9.94717 0.720229 10.0712 0.824425 10.1754C0.928621 10.2797 1.05256 10.3621 1.18898 10.4178C1.32541 10.4735 1.47158 10.5014 1.61892 10.4999C1.76627 10.4984 1.91184 10.4675 2.0471 10.409C2.18237 10.3506 2.3046 10.2657 2.40666 10.1593L5.5 7.0645L8.59334 10.1593C8.69539 10.2657 8.81763 10.3506 8.95289 10.4091C9.08815 10.4675 9.23372 10.4984 9.38107 10.4999C9.52842 10.5014 9.67459 10.4735 9.81101 10.4178C9.94744 10.3621 10.0714 10.2797 10.1756 10.1754C10.2798 10.0712 10.3621 9.94718 10.4178 9.81069C10.4735 9.6742 10.5014 9.52796 10.4999 9.38054C10.4984 9.23312 10.4676 9.08748 10.4091 8.95216C10.3506 8.81683 10.2658 8.69453 10.1595 8.59243L7.06613 5.49762L10.1595 2.40281C10.3195 2.24717 10.4288 2.04679 10.4731 1.82792C10.5173 1.60906 10.4945 1.38192 10.4075 1.17628C10.3205 0.970635 10.1734 0.796081 9.9856 0.675491C9.79775 0.5549 9.57787 0.493899 9.35477 0.500482C9.06703 0.509059 8.79393 0.629373 8.59334 0.835933L5.5 3.93074L2.40666 0.835933C2.30332 0.729655 2.17971 0.645206 2.04316 0.587585C1.90661 0.529965 1.75989 0.500346 1.61169 0.500482Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
width: var(--e-global-size-7);
height: var(--e-global-size-7);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-upload-area .dropzone .dz-preview:hover .dz-image img {
transform: unset;
filter: blur(0px);
}
.listivo-upload-area .dz-progress {
width: var(--e-global-size-1) !important;
height: var(--e-global-size-6) !important;
background: var(--e-global-color-lcolor5-op-1) !important;
box-shadow: var(--e-global-shadow) !important;
border-radius: var(--e-global-size-4) !important;
padding: 0 2px !important;
display: flex;
align-items: center;
}
.listivo-upload-area .dz-progress .dz-upload {
background: var(--e-global-color-lprimary1) !important;
box-shadow: var(--e-global-shadow) !important;
border-radius: var(--e-global-size-4) !important;
height: 11px !important;
top: unset !important;
bottom: unset !important;
right: unset !important;
left: unset !important;
position: static !important;
}
.listivo-upload-area .dz-success-mark {
display: none !important;
}
.listivo-upload-area .dz-error-mark {
display: none !important;
}
.listivo-upload-area .dz-image {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
.listivo-upload-area .dz-image img:not([src]) {
width: 100% !important;
height: 100% !important;
display: none !important;
}
.listivo-upload-area .dz-image img {
cursor: -webkit-grab !important;
cursor: grab !important;
}
.listivo-upload-area .dz-image img:active {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
}
.listivo-upload-area .dropzone.dz-clickable * {
cursor: auto;
}
.listivo-upload-area .dz-error .dz-image {
background: var(--e-global-color-lprimary2) !important;
border-radius: var(--e-global-lborder-radius) !important;
overflow-x: hidden !important;
}
.listivo-upload-area .dz-error .dz-image img {
display: none !important;
}
.listivo-upload-area .dz-error .dz-remove {
z-index: 9999 !important;
font-size: 0 !important;
}
.listivo-upload-area .dz-error-message {
opacity: 1 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--e-global-color-lcolor5) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 21px !important;
padding: 0 var(--e-global-size-4);
}
.listivo-upload-area--files .dz-image {
display: none !important;
}
.listivo-upload-area--files .dz-details {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
background-color: var(--e-global-color-lcolor4) !important;
border-radius: var(--e-global-lborder-radius) !important;
overflow: hidden !important;
opacity: 1 !important;
color: var(--e-global-color-lcolor1) !important;
cursor: -webkit-grab !important;
cursor: grab !important;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-upload-area--files .dz-details:active {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
}
.listivo-upload-area--files .dz-details .dz-size {
display: none !important;
margin-bottom: 0 !important;
color: var(--e-global-color-lcolor1) !important;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-upload-area--files .dz-details .dz-filename {
color: var(--e-global-color-lcolor1) !important;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
padding: 0 var(--e-global-size-6);
max-width: 100%;
pointer-events: none;
display: none;
}
.listivo-upload-area--files .dz-details .dz-filename span {
pointer-events: none;
}
.listivo-upload-area--files .dz-complete .dz-filename {
display: block;
}
.listivo-panel-form-label {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--e-global-color-lcolor1);
position: relative;
}
.listivo-panel-form-label--margin-bottom {
margin-bottom: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-form-label--margin-bottom {
margin-bottom: var(--e-global-size-4);
}
}
.listivo-panel-form-label--small-margin-bottom {
margin-bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-panel-form-label--small-margin-bottom {
margin-bottom: 0;
}
}
.listivo-panel-form-label--margin-top {
margin-top: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-form-label--margin-top {
margin-top: var(--e-global-size-4);
}
}
.listivo-panel-form-label--small-margin-top {
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-panel-form-label--small-margin-top {
margin-top: 0;
}
}
.listivo-panel-form-label span {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-form-label__text {
display: flex;
align-items: center;
padding-right: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-form-label__text {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
}
.listivo-has-error .listivo-panel-form-label__text {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-form-label__line {
border: 1px dashed var(--e-global-color-lcolor4);
width: 100%;
flex: 1;
}
.listivo-panel-form-label__icon {
padding-left: var(--e-global-size-4);
width: 42px;
display: flex;
align-items: center;
}
.listivo-panel-form-label__icon svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-panel-accordions {
width: 100%;
}
.listivo-panel-accordions__item {
margin-top: var(--e-global-size-4);
width: 100%;
}
.listivo-panel-accordions__item:first-child {
margin-top: 0;
}
.listivo-panel-accordion {
background: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
}
.listivo-panel-accordion__top {
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
padding: 0 var(--e-global-size-2);
cursor: pointer;
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-panel-accordion__top {
padding: 0 var(--e-global-size-4);
}
}
.listivo-panel-accordion__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-accordion__label {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
}
.listivo-panel-accordion__icon {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor4);
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.listivo-panel-accordion__icon {
width: 40px;
height: 40px;
}
}
.listivo-panel-accordion__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
[dir=rtl] .listivo-panel-accordion__icon svg {
transform: scaleX(-1);
}
.listivo-panel-accordion__content-wrapper {
display: none;
}
.listivo-panel-accordion:first-child .listivo-panel-accordion__content-wrapper {
display: block;
}
.listivo-panel-accordion__content {
padding: var(--e-global-size-3) var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-accordion__content {
padding: var(--e-global-size-4);
}
}
.listivo-panel-accordion__bottom {
display: flex;
align-items: center;
justify-content: flex-end;
height: var(--e-global-size-1);
padding-right: var(--e-global-size-2);
border-top: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-panel-accordion__bottom {
padding-right: var(--e-global-size-4);
}
}
.listivo-panel-accordion:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-panel-accordion:hover .listivo-panel-accordion__icon {
border-color: var(--e-global-color-lprimary1);
transform: rotate(-90deg);
}
.listivo-panel-accordion:hover .listivo-panel-accordion__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-panel-accordion--active {
box-shadow: var(--e-global-shadow);
border-color: var(--e-global-color-lcolor5);
}
.listivo-panel-accordion--active .listivo-panel-accordion__icon {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
transform: rotate(-90deg);
}
.listivo-panel-accordion--active .listivo-panel-accordion__icon svg path {
fill: var(--e-global-color-lcolor5) !important;
}
.listivo-panel-accordion__lines {
display: flex;
flex-direction: column;
gap: var(--e-global-size-4);
}
.listivo-panel-accordion__line {
display: flex;
flex-direction: column;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-accordion__line-label {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-panel-accordion__buttons {
display: flex;
gap: var(--e-global-size-6);
flex-direction: column;
}
[dir=rtl] .listivo-panel-accordion .listivo-button svg {
transform: scaleX(1);
}
.listivo-panel-accordion .listivo-button:hover svg {
transform: scaleX(1.2) scaleY(1.2);
}
.listivo-panel-user-settings__field {
margin-top: var(--e-global-size-4);
width: 100%;
max-width: 490px;
}
.listivo-panel-user-settings__field:first-child {
margin-top: 0;
}
.listivo-panel-user-settings__field--full-width {
max-width: 100%;
}
.listivo-panel-user-image {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-4);
display: flex;
flex-wrap: wrap;
}
.listivo-panel-user-image__image {
width: 217px;
height: 217px;
position: relative;
margin-right: var(--e-global-size-4);
text-align: center;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
@media (max-width: 767px) {
.listivo-panel-user-image__image {
width: 100%;
height: auto;
margin-right: 0;
}
}
.listivo-panel-user-image__image img {
display: block;
width: 217px;
height: 217px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.listivo-panel-user-image__image img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
}
.listivo-panel-user-image__image--placeholder {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: var(--e-global-color-lcolor5);
border: 2px dashed var(--e-global-color-lcolor3);
cursor: pointer;
padding: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-user-image__image--placeholder {
margin-top: var(--e-global-size-4);
width: 100%;
height: 217px;
}
}
.listivo-panel-user-image__image--placeholder svg {
margin-bottom: 5px;
}
.listivo-panel-user-image__image--placeholder svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-panel-user-image__close {
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background-color: var(--e-global-color-lprimary2);
position: absolute;
top: var(--e-global-size-6);
right: var(--e-global-size-6);
cursor: pointer;
border-radius: 50%;
}
.listivo-panel-user-image__close svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-panel-user-socials {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-panel-user-socials {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-change-password {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-panel-change-password {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-change-email {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-panel-change-email {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-change-email__current {
display: flex;
align-items: center;
height: var(--e-global-size-2);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
background: var(--e-global-color-lcolor4);
border: 1px solid var(--e-global-color-lcolor3);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-moderation {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-moderation {
max-width: 390px;
}
}
.listivo-moderation__info {
flex: 1;
}
.listivo-moderation__inner {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 1024px) {
.listivo-moderation__inner {
background-color: var(--e-global-color-lsectionbg);
border: 0;
}
}
.listivo-moderation__head-column {
display: flex;
align-items: center;
height: 75px;
padding-left: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
border-bottom: 1px solid var(--e-global-color-lcolor4);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-moderation__head-column:first-child {
padding-left: var(--e-global-size-2);
}
.listivo-moderation__column {
border: 1px dashed var(--e-global-color-lcolor4);
border-left: 0;
border-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
padding: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-moderation__column {
padding: 0;
border: 0;
align-items: flex-start;
justify-content: flex-start;
}
}
.listivo-moderation__column:last-child {
border-right: 0;
}
.listivo-moderation__column--listing {
justify-content: flex-start;
}
@media (max-width: 1024px) {
.listivo-moderation__column--listing {
flex-direction: column;
align-items: flex-start;
}
}
.listivo-moderation__row {
display: grid;
grid-template-columns: auto 200px 150px 208px;
}
.listivo-moderation__row:first-child .listivo-moderation__column {
border-top: 0;
}
@media (max-width: 1024px) {
.listivo-moderation__row {
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
}
}
@media (max-width: 1024px) {
.listivo-moderation__row--head {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-moderation__content {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
}
@media (max-width: 767px) {
.listivo-moderation__content {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-moderation__image {
display: block;
width: 140px;
height: 140px;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
margin-right: var(--e-global-size-4);
position: relative;
background-color: var(--e-global-color-lcolor4);
}
@media (max-width: 1024px) {
.listivo-moderation__image {
width: 100%;
height: auto;
margin-right: 0;
}
}
.listivo-moderation__image img {
display: block;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
}
@media (max-width: 1024px) {
.listivo-moderation__image img {
aspect-ratio: 300/200;
}
}
.listivo-moderation__user {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 19px;
}
@media (max-width: 1024px) {
.listivo-moderation__user {
margin-top: var(--e-global-size-6);
flex-direction: row;
justify-content: flex-start;
}
}
.listivo-moderation__avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-bottom: var(--e-global-size-7);
position: relative;
}
@media (max-width: 1024px) {
.listivo-moderation__avatar {
margin-right: var(--e-global-size-7);
margin-bottom: 0;
}
}
.listivo-moderation__avatar img {
display: block;
aspect-ratio: 1/1;
width: 100%;
height: auto;
}
.listivo-moderation__status {
display: flex;
align-items: center;
height: var(--e-global-size-4);
padding: 0 var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor3);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-moderation__status {
display: none;
}
}
.listivo-moderation__status--mobile {
display: none;
position: absolute;
top: 0;
right: var(--e-global-size-4);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (max-width: 1024px) {
.listivo-moderation__status--mobile {
display: flex;
}
}
.listivo-moderation__status--pending {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-moderation__status--publish {
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
}
.listivo-moderation__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 1024px) {
.listivo-moderation__label {
display: block;
margin-top: var(--e-global-size-4);
}
}
.listivo-moderation__data {
margin-top: var(--e-global-size-6);
display: flex;
flex-direction: column;
}
.listivo-moderation__meta {
display: flex;
align-items: center;
margin-top: 5px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
.listivo-moderation__meta:first-child {
margin-top: 0;
}
.listivo-moderation__meta span {
font-weight: 700;
margin-right: 5px;
}
.listivo-moderation__action-wrapper {
position: relative;
}
@media (max-width: 1024px) {
.listivo-moderation__action-wrapper {
width: 100%;
margin-top: var(--e-global-size-4);
}
}
.listivo-moderation__action {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
cursor: pointer;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-moderation__action {
width: 100%;
justify-content: space-between;
}
}
.listivo-moderation__action svg {
margin-left: var(--e-global-size-5);
}
.listivo-moderation__action svg path {
color: var(--e-global-color-lcolor1);
}
.listivo-moderation__pagination {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-moderation__pagination {
display: none;
}
}
.listivo-moderation__mobile-pagination {
display: none;
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-moderation__mobile-pagination {
display: block;
}
}
.listivo-panel-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
right: 0;
top: 100%;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-3);
z-index: 20;
gap: var(--e-global-size-7);
}
.listivo-panel-actions--hidden {
display: none;
}
@media (max-width: 1024px) {
.listivo-panel-actions {
left: 0;
right: unset;
}
}
.listivo-panel-actions__action {
transition: 0.3s ease-in-out;
cursor: pointer;
white-space: nowrap;
padding: 0;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 100%;
}
.listivo-panel-actions__action:hover {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-head {
background-color: var(--e-global-color-lcolor5);
padding-top: var(--e-global-size-1);
padding-bottom: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-head {
padding: var(--e-global-size-4) 0;
}
}
.listivo-panel-head--v2 {
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-1);
}
.listivo-panel-head__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-head__label {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-head__label {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-panel-head__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
margin-bottom: var(--e-global-size-4);
line-height: 1;
}
}
.listivo-panel-head__label span {
color: var(--e-global-color-lprimary2);
}
.listivo-panel-head__label--center {
text-align: center;
}
.listivo-panel-head__button {
margin-top: var(--e-global-size-3);
}
.listivo-panel-packages {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-panel-packages {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-packages {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-package {
display: grid;
grid-template-columns: 375px auto 180px;
width: 100%;
min-height: 211px;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
cursor: pointer;
transition: 0.3s ease-in-out;
position: relative;
}
@media (max-width: 1024px) {
.listivo-panel-package {
display: flex;
flex-direction: column;
}
}
.listivo-panel-package__column {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-panel-package__column {
border-right: 0;
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-panel-package__column:first-child {
padding: var(--e-global-size-4) var(--e-global-size-6);
min-height: 130px;
}
.listivo-panel-package__column:last-child {
padding: var(--e-global-size-4) var(--e-global-size-6);
border-bottom: 0;
height: 70px;
}
}
.listivo-panel-package__column--first {
flex-direction: column;
}
.listivo-panel-package__column--no-border {
border-right: 0;
}
@media (max-width: 1024px) {
.listivo-panel-package__details {
flex: 1;
height: 100%;
align-items: flex-start;
}
}
.listivo-panel-package__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-package__price {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-panel-package__price--no-margin-top {
margin-top: 0;
}
.listivo-panel-package__price span {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-package__data {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: var(--e-global-size-3);
width: 100%;
}
@media (max-width: 1024px) {
.listivo-panel-package__data {
align-items: flex-start;
}
}
.listivo-panel-package__value {
display: flex;
align-items: center;
justify-content: space-between;
gap: 4px;
width: 100%;
padding-bottom: var(--e-global-size-6);
margin-bottom: var(--e-global-size-6);
border-bottom: 2px dashed var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-package__value span {
color: var(--e-global-color-lcolor1);
font-weight: 700;
}
.listivo-panel-package__value:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.listivo-panel-package__categories {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: flex-end;
}
.listivo-panel-package__button {
width: 40px;
height: 40px;
background: #F8FAFD;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: 50%;
}
.listivo-panel-package__label {
display: flex;
align-items: center;
position: absolute;
top: -15px;
left: 124px;
background: var(--e-global-color-lprimary1);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-4);
padding: 0 25px;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-package__label {
left: 50%;
transform: translateX(-50%);
}
}
.listivo-panel-package--active {
border: 1px solid transparent;
box-shadow: var(--e-global-shadow);
}
.listivo-panel-package--active .listivo-panel-package__button {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lprimary1);
}
.listivo-panel-package--active .listivo-panel-package__button:before {
display: block;
content: "";
width: var(--e-global-size-4);
height: var(--e-global-size-4);
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
}
.listivo-panel-packages-v2 {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-panel-packages-v2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-panel-packages-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-package-v2 {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.listivo-panel-package-v2__head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--e-global-size-6);
background: var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
color: var(--e-global-color-lcolor1);
padding: var(--e-global-size-4);
min-height: 90px;
}
.listivo-panel-package-v2__head--free {
background-color: var(--e-global-color-lcolor4);
}
.listivo-panel-package-v2__label {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
background-color: var(--e-global-color-lcolor5);
min-height: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius);
}
.listivo-panel-package-v2__body {
background-color: var(--e-global-color-lcolor5);
border-left: 2px solid transparent;
border-right: 2px solid transparent;
padding: var(--e-global-size-4);
display: flex;
flex-direction: column;
gap: var(--e-global-size-4);
flex: 1;
}
.listivo-panel-package-v2--no-bottom .listivo-panel-package-v2__body {
border-bottom: 2px solid transparent;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-panel-package-v2__main-value {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
line-height: 100%;
color: var(--e-global-color-lcolor1);
display: flex;
align-items: baseline;
}
.listivo-panel-package-v2__main-value span {
margin-left: 5px;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-panel-package-v2__description {
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-package-v2__attributes {
display: flex;
flex-direction: column;
gap: var(--e-global-size-6);
}
.listivo-panel-package-v2__attribute {
display: flex;
gap: var(--e-global-size-7);
}
.listivo-panel-package-v2__attribute-icon-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext2-line-height);
}
.listivo-panel-package-v2__attribute-icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
}
.listivo-panel-package-v2__attribute-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-panel-package-v2__attribute-value {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-package-v2__attribute-value span {
text-transform: lowercase;
}
.listivo-panel-package-v2--featured .listivo-panel-package-v2__head {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-panel-package-v2--featured .listivo-panel-package-v2__body {
border-left: 2px solid var(--e-global-color-lprimary1);
border-right: 2px solid var(--e-global-color-lprimary1);
}
.listivo-panel-package-v2--featured.listivo-panel-package-v2--no-bottom .listivo-panel-package-v2__body {
border-bottom: 2px solid var(--e-global-color-lprimary1);
}
.listivo-panel-checkout {
background-color: var(--e-global-color-lcolor4);
}
.listivo-panel-checkout__container {
margin: auto;
padding: var(--e-global-size-2) 0;
width: 100%;
max-width: 750px;
}
@media (max-width: 1024px) {
.listivo-panel-checkout__container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-checkout__container {
max-width: 390px;
}
}
.listivo-panel-checkout__section {
background-color: var(--e-global-color-lcolor5);
margin-bottom: var(--e-global-size-2);
}
.listivo-panel-checkout__inner {
display: grid;
grid-template-columns: auto 360px;
grid-gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-panel-checkout__inner {
display: flex;
flex-direction: row;
flex-wrap: wrap-reverse;
}
}
.listivo-panel-checkout__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
margin-bottom: var(--e-global-size-2);
}
.listivo-panel-checkout__label--margin-top {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-checkout__label {
margin-top: var(--e-global-size-2);
margin-bottom: var(--e-global-size-4);
}
}
.listivo-panel-checkout__fields {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-checkout__fields {
padding: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-panel-checkout__right {
width: 100%;
}
.listivo-panel-checkout .woocommerce-message {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-6) var(--e-global-size-3);
border: 2px dashed #A8DA8D;
border-radius: var(--e-global-lborder-radius-large);
color: #A8DA8D;
margin-bottom: var(--e-global-size-4);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout .woocommerce-message:before {
display: block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 15C1.5 22.4558 7.54416 28.5 15 28.5C22.4558 28.5 28.5 22.4558 28.5 15C28.5 7.54416 22.4558 1.5 15 1.5C7.54416 1.5 1.5 7.54416 1.5 15ZM15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0Z' fill='%23A8DA8D'/%3E%3Cpath d='M22.3408 9.03033C22.6337 8.73744 23.1085 8.73744 23.4014 9.03033C23.6943 9.32322 23.6943 9.7981 23.4014 10.091L13.1484 20.344C12.8555 20.6369 12.3806 20.6369 12.0877 20.344C11.7948 20.0511 11.7948 19.5763 12.0877 19.2834L22.3408 9.03033Z' fill='%23A8DA8D'/%3E%3Cpath d='M7.04774 15.5825C6.74634 15.2967 6.73999 14.8186 7.0337 14.5249C7.32301 14.2356 7.79245 14.2368 8.08029 14.5276L12.9911 19.4885C13.259 19.7591 13.2262 20.2039 12.9217 20.4323C12.6768 20.616 12.3352 20.5963 12.1131 20.3857L7.04774 15.5825Z' fill='%23A8DA8D'/%3E%3C/svg%3E");
width: var(--e-global-size-4);
height: var(--e-global-size-4);
margin-bottom: var(--e-global-size-6);
}
.listivo-panel-checkout .form-row {
width: 100%;
}
.listivo-panel-checkout .form-row label {
padding-left: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.listivo-panel-checkout .form-row label {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
padding-left: 0;
}
}
.listivo-panel-checkout .form-row label.screen-reader-text {
display: block;
position: static !important;
width: auto;
height: auto;
margin: 0;
}
.listivo-panel-checkout .form-row label .optional {
color: var(--e-global-color-lcolor2);
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.listivo-panel-checkout .form-row label .required {
color: var(--e-global-color-lprimary2);
text-decoration: none;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper {
margin-top: var(--e-global-size-7);
width: 100%;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper strong {
height: var(--e-global-size-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
display: flex;
align-items: center;
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lcolor4);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
cursor: not-allowed;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2 {
z-index: 9;
height: var(--e-global-size-2);
width: 100%;
background-color: var(--e-global-color-lcolor5-op-1);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2.select2-container--open {
z-index: 11;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2 .select2-selection {
height: var(--e-global-size-2);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
display: flex;
align-items: center;
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2 .select2-selection__arrow {
display: none;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2 .select2-selection__rendered {
color: var(--e-global-color-lcolor2);
padding-left: 0;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .input-text {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
width: 100%;
background-color: var(--e-global-color-lcolor5-op-1);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .input-text::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .input-text:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .input-text::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-checkout #billing_address_2_field label {
display: none !important;
}
}
.listivo-panel-checkout #order_review_heading {
margin-bottom: var(--e-global-size-2);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-checkout .woocommerce-additional-fields {
display: none;
}
.listivo-panel-checkout #place_order {
margin-top: 25px;
}
.select2-dropdown {
padding: var(--e-global-size-3);
padding-top: var(--e-global-size-4);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
z-index: 10;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar {
background-color: var(--e-global-color-lcolor4);
width: 5px;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
height: 60px;
}
.select2-dropdown .select2-search__field {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
border: 1px solid var(--e-global-color-lcolor3) !important;
border-radius: var(--e-global-lborder-radius);
width: 100%;
background-color: var(--e-global-color-lcolor5-op-1);
margin-bottom: var(--e-global-size-4);
}
.select2-dropdown .select2-search__field::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.select2-dropdown .select2-search__field:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.select2-dropdown .select2-search__field::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.select2-dropdown .select2-results__option {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
transition: 0.3s ease-in-out;
padding: 0;
margin-bottom: var(--e-global-size-7);
}
.select2-dropdown .select2-results__option:last-child {
margin-bottom: 0;
}
.select2-dropdown .select2-results__option.select2-results__option--highlighted {
color: var(--e-global-color-lprimary1);
background-color: transparent;
}
.select2-dropdown .select2-results__option[data-selected=true] {
background-color: transparent;
}
.select2-dropdown .select2-results__option:hover {
background-color: transparent;
color: var(--e-global-color-lprimary1);
}
#wc-stripe-payment-request-button-separator {
margin-top: var(--e-global-size-6) !important;
margin-bottom: var(--e-global-size-6) !important;
}
.woocommerce-terms-and-conditions-wrapper {
margin-top: 30px;
padding: 30px;
border: 1px solid var(--e-global-color-lcolor3);
flex-direction: column;
gap: 20px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__input-checkbox {
margin-right: 10px;
}
.listivo-panel-checkout .form-row .woocommerce-input-wrapper .select2 {
width: 100% !important;
}
.select2-results__option {
margin-bottom: 0 !important;
}
.listivo-panel-checkout-package {
margin-bottom: var(--e-global-size-4);
}
.listivo-panel-checkout-package__top {
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: var(--e-global-lborder-radius-large);
border-top-right-radius: var(--e-global-lborder-radius-large);
height: var(--e-global-size-2);
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-checkout-package__price {
display: flex;
align-items: center;
justify-content: center;
height: var(--e-global-size-1);
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
background-color: var(--e-global-color-lcolor5);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-checkout-package__content {
display: flex;
flex-direction: column;
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
padding: var(--e-global-size-3);
border-bottom-left-radius: var(--e-global-lborder-radius-large);
border-bottom-right-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor5);
}
.listivo-panel-checkout-package__meta {
display: flex;
justify-content: space-between;
padding: var(--e-global-size-6) 0;
border-bottom: 2px dashed var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-package__meta span {
color: var(--e-global-color-lcolor1);
font-weight: 700;
}
.listivo-panel-checkout-package__meta:first-child {
padding-top: 0;
}
.listivo-panel-checkout-package__meta:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.listivo-panel-checkout-order {
margin-bottom: var(--e-global-size-2);
}
.listivo-panel-checkout-order__content {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-top-left-radius: var(--e-global-lborder-radius-large);
border-top-right-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-3);
}
.listivo-panel-checkout-order__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 var(--e-global-size-3);
background-color: var(--e-global-color-lprimary2);
border-bottom-left-radius: var(--e-global-lborder-radius-large);
border-bottom-right-radius: var(--e-global-lborder-radius-large);
height: var(--e-global-size-2);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-checkout-order__bottom span {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-panel-checkout-order__bottom .woocommerce-Price-currencySymbol {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-order__meta {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: var(--e-global-size-6);
margin-bottom: var(--e-global-size-6);
border-bottom: 2px dashed var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-order__meta:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.listivo-panel-checkout-order__meta bdi {
display: flex;
align-items: center;
}
.listivo-panel-checkout-order__meta span {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-weight: 700;
}
.listivo-panel-checkout-order__data {
display: flex;
align-items: center;
}
.listivo-panel-checkout-order .woocommerce-remove-coupon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-6);
height: var(--e-global-size-6);
background-color: var(--e-global-color-lprimary2);
cursor: pointer;
border-radius: 50%;
margin-left: var(--e-global-size-7);
}
.listivo-panel-checkout-order .woocommerce-remove-coupon:before {
display: block;
content: "";
width: 6px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' fill='none'%3E%3Cpath d='M1.16702 0.500289C1.03487 0.500453 0.905782 0.540023 0.796228 0.613946C0.686675 0.687868 0.601634 0.792787 0.55197 0.915298C0.502306 1.03781 0.490273 1.17235 0.517409 1.30174C0.544545 1.43113 0.609617 1.54948 0.704313 1.64169L2.56032 3.49857L0.704313 5.35546C0.640536 5.41672 0.589618 5.4901 0.554541 5.57129C0.519465 5.65249 0.500934 5.73987 0.500034 5.82832C0.499135 5.91677 0.515885 6.00452 0.549304 6.08641C0.582722 6.1683 0.632137 6.2427 0.694655 6.30525C0.757173 6.3678 0.831537 6.41724 0.913391 6.45067C0.995245 6.4841 1.08295 6.50086 1.17135 6.49996C1.25976 6.49906 1.3471 6.48052 1.42826 6.44543C1.50942 6.41034 1.58276 6.35939 1.644 6.29559L3.5 4.4387L5.356 6.29559C5.41723 6.35939 5.49058 6.41034 5.57173 6.44543C5.65289 6.48053 5.74023 6.49907 5.82864 6.49997C5.91705 6.50087 6.00475 6.48411 6.08661 6.45067C6.16846 6.41724 6.24283 6.3678 6.30535 6.30525C6.36786 6.24271 6.41728 6.16831 6.4507 6.08641C6.48412 6.00452 6.50087 5.91678 6.49997 5.82832C6.49907 5.73987 6.48053 5.65249 6.44546 5.57129C6.41038 5.4901 6.35946 5.41672 6.29568 5.35546L4.43968 3.49857L6.29568 1.64169C6.39171 1.5483 6.4573 1.42807 6.48385 1.29675C6.51041 1.16543 6.49669 1.02915 6.44449 0.905766C6.3923 0.782381 6.30407 0.677648 6.19136 0.605294C6.07865 0.53294 5.94672 0.49634 5.81286 0.500289C5.64022 0.505436 5.47636 0.577624 5.356 0.70156L3.5 2.55844L1.644 0.70156C1.58199 0.637793 1.50783 0.587123 1.4259 0.552551C1.34397 0.517979 1.25594 0.500207 1.16702 0.500289Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
}
.listivo-panel-checkout-coupon-link {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-coupon-link a {
color: var(--e-global-color-lprimary1);
text-decoration: underline !important;
}
.listivo-panel-checkout-coupon-link span {
font-weight: 800;
}
.listivo-panel-checkout-coupon-link .woocommerce-info {
padding: 0 !important;
border: 0;
border-radius: 0;
background-color: transparent;
margin: 0 0 var(--e-global-size-4);
font-weight: 800;
}
.listivo-panel-checkout-coupon-link .woocommerce-info a {
font-weight: 500;
}
.listivo-panel-checkout-coupon-link .woocommerce-info:before {
display: none;
}
.listivo-panel-checkout-coupon {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-3);
margin-bottom: var(--e-global-size-4);
}
.listivo-panel-checkout-coupon__info {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: var(--e-global-size-5);
margin-bottom: var(--e-global-size-4);
background: var(--e-global-color-lcolor4);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-coupon__example-code {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-6);
margin-top: var(--e-global-size-6);
height: var(--e-global-size-4);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-checkout-coupon__form {
display: flex;
align-items: center;
}
.listivo-panel-checkout-coupon__input {
flex: 1;
}
.listivo-panel-checkout-coupon__button {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-4);
margin-left: var(--e-global-size-7);
background-color: var(--e-global-color-lprimary1);
height: var(--e-global-size-2);
cursor: pointer;
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-panel-payments-form {
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor5);
padding: var(--e-global-size-2);
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-payments-form {
margin-top: 0;
}
}
@media (max-width: 767px) {
.listivo-panel-payments-form {
padding: var(--e-global-size-4);
}
}
.listivo-panel-payments-form__button {
margin-top: var(--e-global-size-4);
}
.listivo-panel-payments-form__info {
padding: var(--e-global-size-4) var(--e-global-size-1);
background: var(--e-global-color-lcolor4);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-panel-payments-form #stripe-payment-data p {
display: none;
}
.listivo-panel-payments-form__list {
display: flex;
flex-direction: column;
}
.listivo-panel-payments-form__method {
margin-bottom: var(--e-global-size-6);
}
.listivo-panel-payments-form__method img {
height: 36px;
width: auto;
margin: 0 var(--e-global-size-7);
}
.listivo-panel-payments-form__method > label {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
cursor: pointer;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-panel-payments-form__method input[type=radio] {
display: none;
}
.listivo-panel-payments-form__method input[type=radio]:checked + label .listivo-panel-payments-form__radio:before {
display: block;
}
.listivo-panel-payments-form__method-box {
margin-top: var(--e-global-size-7);
}
.listivo-panel-payments-form__radio {
display: flex;
align-items: center;
justify-content: center;
background: #F8FAFD;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
margin-right: var(--e-global-size-7);
width: var(--e-global-size-5);
height: var(--e-global-size-5);
cursor: pointer;
}
.listivo-panel-payments-form__radio:before {
display: none;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
}
.listivo-panel-payments-form .payment_box.payment_method_cheque, .listivo-panel-payments-form .payment_box.payment_method_bacs, .listivo-panel-payments-form .payment_box.payment_method_cod {
background: var(--e-global-color-lcolor4);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-payments-form .payment_box.payment_method_stripe {
margin-top: var(--e-global-size-4);
}
.listivo-panel-payments-form .payment_box.payment_method_stripe .wc-credit-card-form {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.listivo-panel-payments-form .payment_box.payment_method_stripe .wc-credit-card-form .clear {
display: none;
}
.listivo-panel-payments-form .payment_box.payment_method_stripe .form-row-wide {
grid-area: span 1/span 2;
}
.listivo-panel-payments-form .payment_box.payment_method_stripe .form-row label {
margin-bottom: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-panel-payments-form .payment_box.payment_method_stripe .form-row .wc-stripe-elements-field {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-4);
margin: 0;
}
.listivo-panel-payments-form .woocommerce-SavedPaymentMethods-saveNew {
display: flex;
align-items: center;
}
.listivo-panel-payments-form .woocommerce-SavedPaymentMethods-saveNew input[type=checkbox] {
display: none;
}
.listivo-panel-payments-form .woocommerce-SavedPaymentMethods-saveNew label {
display: flex !important;
align-items: center;
color: var(--e-global-color-lcolor1);
cursor: pointer;
margin-left: 0 !important;
padding-left: var(--e-global-size-4);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-payments-form .woocommerce-SavedPaymentMethods-saveNew label:before {
display: block;
content: "";
width: var(--e-global-size-5);
height: var(--e-global-size-5);
margin-right: var(--e-global-size-7);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
left: 0;
top: 5px;
position: absolute;
}
.listivo-panel-payments-form .woocommerce-SavedPaymentMethods-saveNew input[type=checkbox]:checked + label:before {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M10.738 0.728889L9.75128 0.0970432C9.47826 -0.0771195 9.10421 -0.0102893 8.92148 0.244879L4.08453 6.96431L1.86169 4.87031C1.62951 4.65159 1.25116 4.65159 1.01898 4.87031L0.17413 5.66619C-0.0580434 5.88491 -0.0580434 6.24133 0.17413 6.46207L3.59224 9.68205C3.78357 9.86229 4.08453 10 4.3554 10C4.62627 10 4.89929 9.84001 5.07557 9.59902L10.8971 1.50857C11.082 1.2534 11.011 0.903051 10.738 0.728889Z' fill='%23FDFDFE'/%3E%3C/svg%3E") no-repeat center center;
}
.listivo-panel-payments-form .woocommerce-terms-and-conditions-wrapper {
display: flex;
align-items: center;
margin-top: var(--e-global-size-7);
}
.listivo-panel-payments-form .woocommerce-terms-and-conditions-wrapper svg {
width: var(--e-global-size-4);
height: var(--e-global-size-4);
margin-right: var(--e-global-size-6);
}
.listivo-panel-payments-form .woocommerce-privacy-policy-text {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 19px;
flex: 1;
}
.listivo-panel-payments-form .woocommerce-privacy-policy-text a {
color: var(--e-global-color-lprimary1);
text-decoration: underline !important;
}
.woocommerce-error {
margin-bottom: var(--e-global-size-4);
}
.woocommerce-error li {
display: flex;
align-items: center;
margin-bottom: var(--e-global-size-6);
border: 2px dashed #EE7679;
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-6) var(--e-global-size-2);
color: #EE7679;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.woocommerce-error li {
padding: 0 var(--e-global-size-4);
}
}
.woocommerce-error li strong {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
margin-right: 4px;
}
.woocommerce-error li:last-child {
margin-bottom: 0;
}
.woocommerce-error li:before {
display: inline-block;
content: "";
width: var(--e-global-size-4);
height: var(--e-global-size-4);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 15C1.5 22.4558 7.54416 28.5 15 28.5C22.4558 28.5 28.5 22.4558 28.5 15C28.5 7.54416 22.4558 1.5 15 1.5C7.54416 1.5 1.5 7.54416 1.5 15ZM15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0Z' fill='%23EE7679'/%3E%3Cpath d='M14.5 22.25C14.5 21.8358 14.8358 21.5 15.25 21.5C15.6642 21.5 16 21.8358 16 22.25C16 22.6642 15.6642 23 15.25 23C14.8358 23 14.5 22.6642 14.5 22.25Z' fill='%23EE7679'/%3E%3Cpath d='M14.5 7.75C14.5 7.33579 14.8358 7 15.25 7C15.6642 7 16 7.33579 16 7.75V18.75C16 19.1642 15.6642 19.5 15.25 19.5C14.8358 19.5 14.5 19.1642 14.5 18.75V7.75Z' fill='%23EE7679'/%3E%3C/svg%3E") no-repeat center center;
margin-right: var(--e-global-size-6);
}
.woocommerce-NoticeGroup .woocommerce-error {
margin-bottom: var(--e-global-size-4);
}
.woocommerce-NoticeGroup .woocommerce-error li {
display: flex;
align-items: center;
margin-bottom: var(--e-global-size-6);
border: 2px dashed #EE7679;
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-6) var(--e-global-size-2);
color: #EE7679;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.woocommerce-NoticeGroup .woocommerce-error li {
padding: 0 var(--e-global-size-4);
}
}
.woocommerce-NoticeGroup .woocommerce-error li strong {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
margin-right: 4px;
}
.woocommerce-NoticeGroup .woocommerce-error li:last-child {
margin-bottom: 0;
}
.woocommerce-NoticeGroup .woocommerce-error li:before {
display: inline-block;
content: "";
width: var(--e-global-size-4);
height: var(--e-global-size-4);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 15C1.5 22.4558 7.54416 28.5 15 28.5C22.4558 28.5 28.5 22.4558 28.5 15C28.5 7.54416 22.4558 1.5 15 1.5C7.54416 1.5 1.5 7.54416 1.5 15ZM15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0Z' fill='%23EE7679'/%3E%3Cpath d='M14.5 22.25C14.5 21.8358 14.8358 21.5 15.25 21.5C15.6642 21.5 16 21.8358 16 22.25C16 22.6642 15.6642 23 15.25 23C14.8358 23 14.5 22.6642 14.5 22.25Z' fill='%23EE7679'/%3E%3Cpath d='M14.5 7.75C14.5 7.33579 14.8358 7 15.25 7C15.6642 7 16 7.33579 16 7.75V18.75C16 19.1642 15.6642 19.5 15.25 19.5C14.8358 19.5 14.5 19.1642 14.5 18.75V7.75Z' fill='%23EE7679'/%3E%3C/svg%3E") no-repeat center center;
margin-right: var(--e-global-size-6);
}
.stripe-source-errors {
grid-area: span 1/span 2;
}
@media (max-width: 767px) {
.stripe-source-errors li:before {
display: none !important;
}
}
.wc-credit-card-form {
padding: 0;
}
.listivo-panel-stripe-info {
display: flex;
flex-direction: column;
padding: var(--e-global-size-4) var(--e-global-size-1);
background: var(--e-global-color-lcolor4);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius-large);
margin-bottom: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-stripe-info {
padding: var(--e-global-size-4) var(--e-global-size-4);
}
}
.listivo-panel-stripe-info__icon {
display: flex;
justify-content: center;
width: 100%;
}
.listivo-panel-stripe-info__text {
text-align: center;
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-stripe-info__content {
margin-top: var(--e-global-size-4);
}
.listivo-panel-stripe-info__row {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-panel-stripe-info__row {
flex-wrap: wrap;
justify-content: center;
margin-top: var(--e-global-size-5);
}
}
.listivo-panel-stripe-info__row:first-child {
margin-top: 0;
}
.listivo-panel-stripe-info__label {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
}
@media (max-width: 767px) {
.listivo-panel-stripe-info__label {
width: 100%;
margin-bottom: var(--e-global-size-7);
text-align: center;
}
}
.listivo-panel-stripe-info__value {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-6);
max-width: 195px;
width: 100%;
height: var(--e-global-size-4);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-thank-you-package {
max-width: 360px;
width: 100%;
margin: 0 auto;
}
.listivo-panel-thank-you-package__top {
display: flex;
align-items: center;
justify-content: center;
height: var(--e-global-size-2);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius-large) var(--e-global-lborder-radius-large) 0 0;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-thank-you-package__content {
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
text-align: center;
padding: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-panel-thank-you-package__content .woocommerce-Price-currencySymbol {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-thank-you-container {
transform: translateY(-120px);
}
.listivo-thank-you-container__button {
display: flex;
justify-content: center;
margin-top: var(--e-global-size-2);
}
.listivo-thank-you-container .woocommerce-order-details {
display: none;
}
.listivo-thank-you-container .woocommerce-customer-details {
display: none;
}
.listivo-thank-you-container .woocommerce-bacs-bank-details {
margin-top: var(--e-global-size-2);
padding: var(--e-global-size-2);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 767px) {
.listivo-thank-you-container .woocommerce-bacs-bank-details {
padding: var(--e-global-size-4);
}
}
.listivo-thank-you-container .wc-bacs-bank-details-heading {
margin-bottom: var(--e-global-size-4);
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-thank-you-container .wc-bacs-bank-details-account-name {
margin-bottom: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-thank-you-container .wc-bacs-bank-details {
padding: var(--e-global-size-2);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
margin-bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-thank-you-container .wc-bacs-bank-details {
padding: 0;
border: 0;
}
}
.listivo-thank-you-container .wc-bacs-bank-details li {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: var(--e-global-size-6);
margin-bottom: var(--e-global-size-6);
border-bottom: 2px dashed var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-thank-you-container .wc-bacs-bank-details li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.listivo-thank-you-container .wc-bacs-bank-details li strong {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
font-weight: 700;
}
.listivo-thank-you-container .wc-bacs-bank-details:last-child {
margin-bottom: 0;
}
.listivo-packages-bar {
display: flex;
gap: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-packages-bar {
display: none;
flex-direction: column;
gap: var(--e-global-size-7);
}
}
.listivo-packages-bar__buy {
display: flex;
align-items: center;
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
@media (max-width: 767px) {
.listivo-packages-bar__buy {
width: 100%;
justify-content: center;
}
}
.listivo-packages-bar__current {
display: flex;
align-items: center;
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
@media (max-width: 767px) {
.listivo-packages-bar__current {
width: 100%;
justify-content: center;
}
}
.listivo-subscription-button {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
background-color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor3);
padding: var(--e-global-size-6);
}
.listivo-subscription-button__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-subscription-button__value {
height: var(--e-global-size-4);
padding: 0 var(--e-global-size-6);
display: flex;
align-items: center;
background-color: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-panel-actions-button-wrapper {
display: inline-block;
position: relative;
}
@media (max-width: 1024px) {
.listivo-panel-actions-button-wrapper {
width: 100%;
}
}
.listivo-panel-actions-button-wrapper:hover .listivo-panel-actions {
display: flex;
}
.listivo-panel-actions-button {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
cursor: pointer;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-actions-button--height-50 {
height: 50px;
}
@media (max-width: 1024px) {
.listivo-panel-actions-button {
width: 100%;
justify-content: space-between;
}
}
.listivo-panel-actions-button svg {
margin-left: var(--e-global-size-5);
}
.listivo-panel-actions-button svg path {
color: var(--e-global-color-lcolor1);
}
.listivo-panel-small-form-wrapper {
background: var(--e-global-color-lsectionbg);
padding: var(--e-global-size-2) 0;
}
.listivo-panel-small-form-container {
max-width: 440px;
margin: 0 auto;
}
.listivo-panel-small-form-container__link {
display: inline-flex;
align-items: center;
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-panel-small-form-container__link:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-panel-small-form-container__link:hover:before {
width: calc(100% + 6px);
}
.listivo-panel-small-form-container__link svg {
width: 20px;
height: 20px;
margin-right: 6px;
stroke: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-panel-small-form-container__link:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-small-form-container__link:hover svg {
stroke: var(--e-global-color-lprimary1);
}
.listivo-panel-small-form {
width: 100%;
border-radius: var(--e-global-lborder-radius-large);
background: var(--e-global-color-lcolor5);
padding: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
}
.listivo-panel-small-form__heading {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-small-form__text {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
margin-top: var(--e-global-size-6);
}
.listivo-panel-small-form__field {
margin-top: var(--e-global-size-5);
}
.listivo-panel-small-form__chat-app {
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
cursor: pointer;
}
@media (max-width: 767px) {
.listivo-panel-small-form__chat-app {
justify-content: center;
align-items: center;
}
}
.listivo-panel-small-form__checkbox {
cursor: pointer;
margin-right: 7px;
}
.listivo-panel-small-form__button {
margin-top: var(--e-global-size-5);
}
.listivo-panel-subscription__head {
display: flex;
align-items: baseline;
gap: var(--e-global-size-7);
}
.listivo-panel-subscription__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
line-height: 100%;
}
.listivo-panel-subscription__change {
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-panel-subscription__change:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-panel-subscription__change:hover:before {
width: calc(100% + 6px);
}
.listivo-panel-subscription__content {
margin-top: var(--e-global-size-7);
display: flex;
flex-direction: column;
}
.listivo-panel-subscription__info {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-panel-subscription__info span {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-panel-subscription__buttons {
margin-top: var(--e-global-size-5);
display: flex;
gap: var(--e-global-size-7);
}
.listivo-panel-orders__top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: var(--e-global-size-4);
width: 100%;
}
@media (max-width: 1024px) {
.listivo-panel-orders__top {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-panel-orders__top {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-panel-orders__top {
margin-top: 0;
}
}
.listivo-panel-orders__tabs {
margin-top: var(--e-global-size-4);
overflow: hidden;
}
.listivo-panel-orders__table {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 767px) {
.listivo-panel-orders__table {
border: 0;
border-radius: 0;
background: unset;
}
}
.listivo-panel-orders__row {
display: grid;
grid-template-columns: auto 220px 190px 260px;
border-bottom: 1px dashed var(--e-global-color-lcolor4);
}
@media (max-width: 1024px) {
.listivo-panel-orders__row {
grid-template-columns: auto 210px 230px;
}
}
.listivo-panel-orders__row--my-orders {
grid-template-columns: auto 240px;
}
.listivo-panel-orders__row:last-child {
border-bottom: 0;
}
@media (max-width: 767px) {
.listivo-panel-orders__row {
display: flex;
flex-direction: column;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
background: var(--e-global-color-lcolor5);
}
}
.listivo-panel-orders__row--head {
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-panel-orders__row--head {
display: none;
}
}
.listivo-panel-orders__head {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-orders__head--status {
display: none !important;
}
}
.listivo-panel-orders__main-col {
padding: var(--e-global-size-4) var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-panel-orders__main-col {
padding: var(--e-global-size-4);
}
}
@media (max-width: 767px) {
.listivo-panel-orders__main-col {
padding: var(--e-global-size-6);
}
}
.listivo-panel-orders__col {
text-align: center;
padding: var(--e-global-size-6);
display: flex;
justify-content: center;
align-items: center;
border-left: 1px dashed var(--e-global-color-lcolor4);
}
.listivo-panel-orders__col:first-child {
border-left: 0;
}
@media (max-width: 767px) {
.listivo-panel-orders__col {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.listivo-panel-orders__col--status {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-panel-orders__col--hide-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.listivo-panel-orders__col--contact {
padding-top: var(--e-global-size-4);
border-top: 1px dashed var(--e-global-color-lcolor4);
}
}
.listivo-panel-orders__contact {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-panel-orders__contact {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.listivo-panel-orders__list {
display: flex;
flex-direction: column;
gap: var(--e-global-size-4);
}
}
.listivo-panel-orders__keyword {
margin-top: var(--e-global-size-4);
width: 340px;
}
@media (max-width: 767px) {
.listivo-panel-orders__actions {
width: 100%;
}
}
.listivo-panel-order {
display: flex;
flex-direction: column;
}
.listivo-panel-order__info {
margin-top: var(--e-global-size-6);
}
.listivo-panel-order__user {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: var(--e-global-size-7);
}
.listivo-panel-order__avatar {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
overflow: hidden;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor4);
margin-right: var(--e-global-size-7);
position: relative;
}
.listivo-panel-order__avatar img {
display: block;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
-o-object-fit: cover;
object-fit: cover;
}
.listivo-panel-order__user-name {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-panel-order__attributes {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
gap: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-panel-order__attributes {
margin-bottom: 0;
}
}
.listivo-panel-order__meta {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 14px;
line-height: 24px;
color: var(--e-global-color-lcolor2);
}
.listivo-panel-order__meta span {
color: var(--e-global-color-lcolor1);
font-weight: 700;
}
.listivo-panel-order__heading {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--e-global-color-lcolor1);
left: -5px;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-order__heading span {
margin-left: 5px;
}
.listivo-panel-order__order {
color: var(--e-global-color-lprimary2);
font-weight: 400;
font-size: 12px;
}
.listivo-panel-order__price {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-order__price .woocommerce-Price-currencySymbol {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
font-size: 14px;
}
.listivo-panel-order__payment-method {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-panel-order__status {
display: none;
margin: var(--e-global-size-6) 0;
}
@media (max-width: 767px) {
.listivo-panel-order__status {
display: block;
}
}
@media (max-width: 1024px) {
.listivo-panel-order__status--show-tablet {
display: block !important;
}
}
.listivo-panel-order-status {
display: inline-flex;
align-items: center;
height: var(--e-global-size-4);
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
color: var(--e-global-color-lcolor1);
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor3);
}
.listivo-panel-order-status--completed {
color: var(--e-global-color-lcolor5);
background-color: #9CCC65;
}
.listivo-panel-order-status--processing {
color: var(--e-global-color-lcolor1);
background-color: #FFEB3B;
}
.listivo-panel-order-status--pending {
color: var(--e-global-color-lcolor5);
background-color: #FFB300;
}
.listivo-panel-order-status--cancelled {
color: var(--e-global-color-lcolor5);
background-color: #EF5350;
}
.listivo-panel-order-status--failed {
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lcolor1);
}
.listivo-panel-order-status--refunded {
color: var(--e-global-color-lcolor5);
background-color: #FF7043;
}
@media (max-width: 1024px) {
.listivo-panel-order-status--hide-mobile {
display: none;
}
}
.listivo-panel-messages__top {
display: flex;
align-items: center;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
height: var(--e-global-size-1);
padding: 0 var(--e-global-size-4);
border-top-left-radius: var(--e-global-lborder-radius-large);
border-top-right-radius: var(--e-global-lborder-radius-large);
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-panel-messages__top {
justify-content: space-between;
}
}
.listivo-panel-messages__label {
width: 400px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-messages__label {
display: none;
}
}
.listivo-panel-messages__user {
margin-left: var(--e-global-size-2);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex: 1;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
@media (max-width: 1024px) {
.listivo-panel-messages__user {
display: none;
margin-left: 0;
justify-content: center;
}
}
@media (max-width: 1024px) {
.listivo-panel-messages__view-profile {
display: none;
}
}
.listivo-panel-messages__close {
position: absolute;
top: var(--e-global-size-5);
left: var(--e-global-size-6);
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: none;
}
@media (max-width: 1024px) {
.listivo-panel-messages__close {
display: flex;
}
}
.listivo-panel-messages__close svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-panel-messages__content {
display: flex;
border-bottom-left-radius: var(--e-global-lborder-radius-large);
border-bottom-right-radius: var(--e-global-lborder-radius-large);
box-shadow: var(--e-global-shadow);
overflow: hidden;
height: 690px;
background: var(--e-global-color-lcolor5);
}
@media (max-width: 1024px) {
.listivo-panel-messages__content {
height: auto;
}
}
.listivo-panel-messages__left-wrapper {
padding-right: 2px;
background: var(--e-global-color-lcolor5);
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-panel-messages__left-wrapper {
display: none;
width: 100%;
}
}
.listivo-panel-messages__left {
width: 460px;
overflow-y: auto;
height: 100%;
}
@media (max-width: 1024px) {
.listivo-panel-messages__left {
width: 100%;
}
}
.listivo-panel-messages__left::-webkit-scrollbar {
background-color: var(--e-global-color-lcolor4);
width: 5px;
}
.listivo-panel-messages__left::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
height: 230px;
}
.listivo-panel-messages__messages {
background-color: var(--e-global-color-lcolor4);
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-panel-messages__messages {
display: none;
}
}
.listivo-panel-messages__form {
display: flex;
align-items: center;
padding: var(--e-global-size-4);
background: #F8FAFD;
box-shadow: var(--e-global-shadow);
width: 100%;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.listivo-panel-messages__form {
flex-wrap: nowrap;
padding: var(--e-global-size-6);
}
}
.listivo-panel-messages__send-button {
display: flex;
justify-content: center;
width: 100%;
margin-top: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-panel-messages__send-button {
display: none;
}
}
.listivo-panel-messages__mobile-send-button {
display: none;
background: var(--e-global-color-lprimary1);
border-radius: 0 var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0;
align-items: center;
justify-content: center;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-panel-messages__mobile-send-button {
display: flex;
}
}
.listivo-panel-messages__textarea {
resize: none;
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-6) var(--e-global-size-5);
width: 100%;
height: 140px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-messages__textarea::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-messages__textarea:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-messages__textarea::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-messages__textarea {
display: none;
}
}
.listivo-panel-messages__input {
flex: 1;
width: 100%;
display: none;
}
@media (max-width: 767px) {
.listivo-panel-messages__input {
display: block;
}
}
.listivo-panel-messages--list .listivo-panel-messages__left-wrapper {
display: flex;
}
.listivo-panel-messages--list .listivo-panel-messages__label {
display: block;
}
.listivo-panel-messages__close-button {
display: none;
}
.listivo-panel-messages--conversation .listivo-panel-messages__messages {
display: flex;
}
.listivo-panel-messages--conversation .listivo-panel-messages__user {
display: flex;
}
.listivo-panel-messages--conversation .listivo-panel-messages__close-button {
display: block;
}
.listivo-panel-conversation-preview {
display: flex;
align-items: center;
height: 110px;
padding: var(--e-global-size-4);
cursor: pointer;
background: var(--e-global-color-lcolor5);
border-bottom: 1px dashed var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
width: 100%;
}
.listivo-panel-conversation-preview:last-child {
border-bottom: 0;
}
.listivo-panel-conversation-preview__avatar {
width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: var(--e-global-size-7);
position: relative;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.listivo-panel-conversation-preview__avatar img {
display: block;
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.listivo-panel-conversation-preview__content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
flex: 1;
}
.listivo-panel-conversation-preview__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-panel-conversation-preview__data {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 280px;
}
.listivo-panel-conversation-preview__status {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-6);
height: var(--e-global-size-6);
margin-left: var(--e-global-size-4);
}
.listivo-panel-conversation-preview__status svg path {
fill: var(--e-global-color-lcolor3);
}
.listivo-panel-conversation-preview__message {
max-width: 200px;
color: var(--e-global-color-lcolor2);
flex: 1;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 767px) {
.listivo-panel-conversation-preview__message {
display: none;
}
}
.listivo-panel-conversation-preview__date {
margin-left: 5px;
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
white-space: nowrap;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 767px) {
.listivo-panel-conversation-preview__date {
margin-left: 0;
}
}
.listivo-panel-conversation-preview__date:before {
display: block;
content: "";
width: 3px;
height: 3px;
background-color: var(--e-global-color-lprimary2);
border-radius: 50%;
margin: 0 var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-panel-conversation-preview__date:before {
display: none;
}
}
.listivo-panel-conversation-preview--active {
background: var(--e-global-color-lsectionbg);
border-bottom-color: transparent;
}
@media (max-width: 1024px) {
.listivo-panel-conversation-preview--active {
background-color: var(--e-global-color-lcolor5);
border-bottom: 1px dashed var(--e-global-color-lcolor4);
}
}
.listivo-panel-conversation-preview--alert .listivo-panel-conversation-preview__status {
background-color: var(--e-global-color-lprimary2);
border-radius: 50%;
}
.listivo-panel-conversation-preview--alert .listivo-panel-conversation-preview__status svg {
display: none;
}
.listivo-panel-conversation-preview:hover .listivo-panel-conversation-preview__avatar img {
transform: scale(1.15);
}
.listivo-panel-conversation {
padding: var(--e-global-size-4);
display: flex;
flex-direction: column;
max-height: 600px;
overflow-y: auto;
height: 100%;
position: relative;
}
@media (max-width: 767px) {
.listivo-panel-conversation {
padding: var(--e-global-size-6);
}
}
.listivo-panel-conversation__load-more {
z-index: 20;
box-shadow: var(--e-global-shadow);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 30px;
background-color: var(--e-global-color-lprimary2);
display: flex;
align-items: center;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
cursor: pointer;
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-panel-conversation__message {
position: relative;
width: 74%;
margin-top: var(--e-global-size-4);
padding: var(--e-global-size-4);
margin-left: var(--e-global-size-7);
background-color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor2);
box-shadow: var(--e-global-shadow);
z-index: 10;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-conversation__message a {
text-decoration: underline !important;
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-panel-conversation__message:before {
display: block;
content: "";
position: absolute;
bottom: 10px;
left: -10px;
z-index: 1;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid var(--e-global-color-lcolor5);
}
@media (max-width: 767px) {
.listivo-panel-conversation__message {
padding: var(--e-global-size-6);
width: 85%;
}
}
.listivo-panel-conversation__time {
display: flex;
justify-content: center;
width: 100%;
margin-top: var(--e-global-size-6);
margin-bottom: calc(-1 * var(--e-global-size-6));
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-panel-conversation__message-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.listivo-panel-conversation__message-wrapper--me {
justify-content: flex-end;
}
.listivo-panel-conversation__message-wrapper--me .listivo-panel-conversation__message {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
margin-left: 0;
}
.listivo-panel-conversation__message-wrapper--me .listivo-panel-conversation__message:before {
display: none;
}
.listivo-panel-conversation__message-wrapper--me .listivo-panel-conversation__date {
color: var(--e-global-color-lcolor3);
justify-content: flex-end;
}
.listivo-panel-conversation__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
margin-right: 5px;
position: relative;
}
.listivo-panel-conversation__avatar img {
display: block;
width: 40px;
height: 40px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.listivo-panel-conversation__avatar {
margin-bottom: var(--e-global-size-7);
width: var(--e-global-size-5);
height: var(--e-global-size-5);
}
.listivo-panel-conversation__avatar img {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
}
} .listivo-print-address {
display: inline-flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-print-address__icon {
margin-right: var(--e-global-size-7);
}
.listivo-print-price {
display: inline-flex;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
font-style: normal !important;
font-weight: 800 !important;
font-size: 24px !important;
line-height: 24px !important;
}
.listivo-print-image {
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-print-image img {
display: block;
width: 100%;
height: auto;
}
.listivo-print-user {
display: flex;
}
.listivo-print-user__avatar {
margin-right: var(--e-global-size-4);
width: 120px;
height: 120px;
border-radius: 100px;
overflow: hidden;
position: relative;
}
.listivo-print-user__avatar img {
display: block;
aspect-ratio: 1/1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-print-user__info {
display: flex;
flex-direction: column;
justify-content: center;
}
.listivo-print-user__name {
margin-bottom: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-print-user__data {
display: flex;
align-items: center;
margin-bottom: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-print-user__data:last-child {
margin-bottom: 0;
}
.listivo-print-user__icon {
margin-right: var(--e-global-size-6);
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-4);
height: var(--e-global-size-4);
background-color: var(--e-global-color-lcolor3);
border-radius: 50%;
-webkit-print-color-adjust: exact; color-adjust: exact; }
.listivo-print-user__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-print-label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-print-label--margin-top {
margin-top: var(--e-global-size-2);
}
.listivo-print-label--margin-bottom {
margin-bottom: var(--e-global-size-4);
}
.listivo-print-attributes {
display: flex;
flex-direction: column;
max-width: 438px;
width: 100%;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.listivo-print-attributes__row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: var(--e-global-size-6) 0;
border-bottom: 2px dashed var(--e-global-color-lcolor4);
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.listivo-print-attributes__row:last-child {
border-bottom: 0;
}
.listivo-print-attributes__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-print-attributes__value {
margin-left: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-print-description {
-moz-column-break-inside: avoid;
break-inside: avoid;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-print-description p {
margin-bottom: var(--e-global-size-4);
}
.listivo-print-description p:last-child {
margin-bottom: 0;
}
.listivo-print-features {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-6);
max-width: 438px;
width: 100%;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.listivo-print-features__feature {
display: flex;
flex-wrap: wrap;
align-items: center;
-moz-column-break-inside: avoid;
break-inside: avoid;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-print-features__icon {
margin-right: var(--e-global-size-7);
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
-webkit-print-color-adjust: exact; color-adjust: exact; }
.listivo-print-features__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-print-images {
display: flex;
flex-direction: column;
gap: var(--e-global-size-4);
}
.listivo-print-images__image {
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
width: 100%;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.listivo-print-images__image img {
display: block;
width: 100%;
height: auto;
}
.listivo-print-name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.logged-in .listivo-menu-desktop-login-register-link:hover {
position: relative;
}
.logged-in .listivo-menu-desktop-login-register-link:hover .listivo-menu-item-depth-0 > a {
color: var(--e-global-color-lprimary1);
}
.logged-in .listivo-menu-desktop-login-register-link:hover .listivo-menu-item-depth-0 > a:before {
content: "";
display: block;
position: absolute;
bottom: -40px;
height: 40px;
left: 0;
width: 100%;
background: transparent;
cursor: pointer;
}
.listivo-desktop-user-menu {
width: 300px;
z-index: 100000;
border-radius: var(--radius-m);
padding-bottom: 20px;
box-shadow: var(--shadow-s);
background: var(--white);
position: absolute;
top: 51px;
left: 0;
padding-top: 30px;
}
.listivo-desktop-user-menu hr {
border-top: 1px solid #99a1b2;
}
.listivo-desktop-user-menu a {
transition: 0.3s ease-in-out;
}
.listivo-desktop-user-menu:after {
content: "";
display: block;
position: absolute;
top: -10px;
left: 21px;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid var(--white);
}
.listivo-desktop-user-menu:before {
content: "";
display: block;
position: absolute;
top: -12px;
left: 20px;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #e7edf3;
}
.listivo-desktop-user-menu:hover {
opacity: 1;
visibility: visible;
}
.logged-in .listivo-top-bar__element--panel:hover .listivo-desktop-user-menu {
display: block;
}
.listivo-desktop-user-menu__name {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
}
.listivo-desktop-user-menu__name a {
display: block;
width: 190px;
margin-left: 10px;
white-space: nowrap;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
}
.listivo-desktop-user-menu__email {
font-size: 12px;
line-height: 30px;
font-weight: 900;
}
.listivo-desktop-user-menu__manage-account {
position: absolute;
top: 18px;
right: 15px;
line-height: 13px;
font-size: 16px;
cursor: pointer;
}
.listivo-desktop-user-menu__manage-account i {
color: var(--e-global-color-lprimary1);
}
.listivo-desktop-user-menu__menu-links {
font-size: 16px;
line-height: 20px;
font-weight: 500;
padding-top: 30px;
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link,
.listivo-desktop-user-menu__menu-links a {
display: flex;
align-items: center;
position: relative;
padding: 10px 40px 10px 0;
padding-left: 25px;
padding-right: 25px;
color: var(--octonary);
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link:first-child,
.listivo-desktop-user-menu__menu-links a:first-child {
padding-top: 0;
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link svg,
.listivo-desktop-user-menu__menu-links a svg {
width: 20px;
margin-right: 10px;
stroke: var(--content-dark);
transition: 0.3s ease-in-out;
position: relative;
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link i,
.listivo-desktop-user-menu__menu-links a i {
margin-right: 20px;
color: var(--content-dark);
font-size: 18px;
transition: 0.3s ease-in-out;
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link:hover,
.listivo-desktop-user-menu__menu-links a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link:hover i,
.listivo-desktop-user-menu__menu-links a:hover i {
color: var(--e-global-color-lprimary1);
}
.listivo-desktop-user-menu__menu-links .listivo-desktop-user-menu__menu-link:hover svg,
.listivo-desktop-user-menu__menu-links a:hover svg {
stroke: var(--e-global-color-lprimary1);
}
.listivo-desktop-user-menu__menu-links hr {
border: 0 solid transparent;
border-top: 1px solid #ddd;
margin-top: 13px !important;
padding-bottom: 13px !important;
margin-left: 25px !important;
margin-right: 25px !important;
}
.listivo-desktop-user-menu__menu-links__count-msg {
border-radius: var(--radius-rounded);
text-align: center;
font-size: 14px;
height: 26px;
width: 26px;
line-height: 26px;
color: var(--white);
background: var(--e-global-color-lprimary1);
position: absolute;
right: 25px;
top: 7px;
padding-left: 0;
padding-right: 0;
}
.listivo-desktop-user-menu__menu-links__count-pending {
border-radius: var(--radius-rounded);
text-align: center;
font-size: 14px;
height: 26px;
width: 26px;
line-height: 26px;
color: var(--white);
background: #fbbf24;
position: absolute;
right: 25px;
top: 7px;
padding-left: 0;
padding-right: 0;
}
.listivo-desktop-user-menu__menu-links__count-listings {
border-radius: var(--radius-rounded);
text-align: center;
font-size: 14px;
height: 26px;
width: 26px;
line-height: 26px;
color: var(--white);
background: #10b981;
position: absolute;
right: 25px;
top: 7px;
padding-left: 0;
padding-right: 0;
}
.listivo-desktop-user-menu__menu-links__count-fav {
border-radius: var(--radius-rounded);
text-align: center;
font-size: 14px;
padding: 0;
height: 26px;
width: 26px;
line-height: 26px;
color: var(--white);
background: var(--e-global-color-lsupport1);
position: absolute;
right: 25px;
top: 7px;
padding-left: 0;
padding-right: 0;
}
.listivo-desktop-user-menu__top {
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
border-bottom: 1px solid #ddd;
}
.listivo-desktop-user-menu__top-inner {
width: 100%;
display: flex;
align-items: center;
}
.listivo-desktop-user-menu__top-inner i {
transition: 0.3s ease-in-out;
}
.listivo-desktop-user-menu__top-inner .listivo-avatar {
transition: 0.3s ease-in-out;
}
.listivo-desktop-user-menu__top-inner:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-desktop-user-menu__top-avatar {
display: inline-block;
width: 60px;
min-width: 60px;
height: 60px;
background: #eff0f1;
border-radius: var(--radius-rounded);
position: relative;
overflow: hidden;
}
.listivo-desktop-user-menu__top-avatar img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-header--no-submit-button .listivo-desktop-user-menu {
left: auto;
right: 0;
}
.listivo-header--no-submit-button .listivo-desktop-user-menu:before {
left: auto;
right: 32px;
}
.listivo-header--no-submit-button .listivo-desktop-user-menu:after {
right: 33px;
left: auto;
}
.listivo-menu-desktop-login-register-link:hover > .listivo-submenu {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
.listivo-menu-user-icon {
width: 32px;
height: 32px;
margin-right: 12px;
stroke: #222;
transition: 0.3s ease-in-out;
}
.listivo-desktop-user-menu--currency {
width: initial;
z-index: 100000;
position: absolute;
top: 51px;
left: 0;
padding-top: 0;
}
.listivo-desktop-user-menu--currency .listivo-desktop-user-menu__menu-link {
cursor: pointer;
}
.listivo-desktop-user-menu--currency .listivo-desktop-user-menu__menu-link .fa-circle {
display: inline;
}
.listivo-desktop-user-menu--currency .listivo-desktop-user-menu__menu-link .fa-dot-circle {
display: none;
}
.listivo-desktop-user-menu--currency .listivo-desktop-user-menu__menu-link--currency-active .fa-circle {
display: none;
}
.listivo-desktop-user-menu--currency .listivo-desktop-user-menu__menu-link--currency-active .fa-dot-circle {
display: inline;
} .listivo-attributes {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
}
@media (max-width: 767px) {
.listivo-attributes {
margin-bottom: -10px;
align-items: center;
}
}
.listivo-attribute {
padding: 11px 20px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
border-radius: var(--radius-s);
border: 1px solid #cccccc;
margin-right: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.listivo-attribute:last-of-type {
margin-right: 0;
}
.listivo-attribute__icon {
margin-right: 7px;
display: flex;
align-items: center;
max-width: 24px;
}
.listivo-attribute__icon svg {
height: auto;
}
.listivo-attribute .listivo-attribute__label {
padding-right: 3px;
}
@media (max-width: 767px) {
.listivo-attribute {
padding: 7px 10px;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
}
}
.listivo-attributes-v2 {
color: #222732;
font-size: 16px;
line-height: 20px;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 15px;
}
.listivo-attributes-v2__attribute {
display: flex;
}
.listivo-attributes-v2__name {
font-weight: 700;
width: 50%;
padding-right: 6px;
}
.listivo-attributes-v2__value {
width: 50%;
}
.listivo-show-more-wrapper {
margin-top: 15px;
}
.listivo-show-more {
cursor: pointer;
background: transparent;
border: none;
padding: 0;
margin: 0;
font-size: inherit;
color: var(--e-global-color-lprimary1);
}
.listivo-see-map {
color: var(--text-4);
font-size: 16px;
font-weight: 400;
transition: 0.3s ease-in-out;
}
.listivo-see-map:hover {
color: var(--content-dark);
}
.listivo-listing-map {
width: 100%;
height: 332px;
}
.listivo-map {
border-radius: var(--radius-l);
}
.listivo-map-marker {
position: relative;
top: -22.5px;
left: -22.5px;
}
.listivo-map-marker__big-circle {
background-color: var(--e-global-color-lprimary1);
width: 45px;
height: 45px;
border-radius: var(--radius-rounded);
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
}
.listivo-map-marker__small-circle {
background-color: var(--e-global-color-lprimary1);
width: 25px;
height: 25px;
border-radius: var(--radius-rounded);
position: absolute;
left: 10px;
top: 10px;
}
.listivo-listing-map-anchor {
position: absolute;
top: -30px;
}
.gm-style img {
max-width: none !important;
}
.listivo-map-marker-hide {
display: none;
}
.listivo-heading-v2 {
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-heading-v2--center {
align-items: center;
}
.listivo-heading-v2--center .listivo-heading-v2__text {
text-align: center;
}
.listivo-heading-v2--left {
align-items: flex-start;
}
.listivo-heading-v2--left .listivo-heading-v2__text {
text-align: left;
}
.listivo-heading-v2--right {
align-items: flex-end;
}
.listivo-heading-v2--right .listivo-heading-v2__text {
text-align: right;
}
@media (max-width: 1024px) {
.listivo-heading-v2--tablet-left {
align-items: flex-start;
}
.listivo-heading-v2--tablet-left .listivo-heading-v2__text {
text-align: left;
}
}
@media (max-width: 1024px) {
.listivo-heading-v2--tablet-center {
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-heading-v2--tablet-center .listivo-heading-v2__text {
text-align: center;
}
}
@media (max-width: 1024px) {
.listivo-heading-v2--tablet-right {
align-items: flex-end;
}
.listivo-heading-v2--tablet-right .listivo-heading-v2__text {
text-align: right;
}
}
@media (max-width: 767px) {
.listivo-heading-v2--mobile-left {
align-items: flex-start;
}
.listivo-heading-v2--mobile-left .listivo-heading-v2__text {
text-align: left;
}
}
@media (max-width: 767px) {
.listivo-heading-v2--mobile-center {
align-items: center;
}
.listivo-heading-v2--mobile-center .listivo-heading-v2__text {
text-align: center;
}
}
@media (max-width: 767px) {
.listivo-heading-v2--mobile-right {
align-items: flex-end;
}
.listivo-heading-v2--mobile-right .listivo-heading-v2__text {
text-align: right;
}
}
.listivo-heading-v2__small-text {
margin-bottom: var(--e-global-size-5);
color: var(--e-global-color-lcolor2);
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
min-height: var(--e-global-size-4);
display: inline-flex;
align-items: center;
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-heading-v2__text {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-heading-v2__text span {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 767px) {
.listivo-heading-v2__text {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
.listivo-heading-v2__text--heading-1 {
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 767px) {
.listivo-heading-v2__text--mobile-heading-2 {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
}
.listivo-heading-v2--large .listivo-heading-v2__text {
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-heading-v2--tablet-light .listivo-heading-v2__small-text {
color: var(--e-global-color-lcolor5) !important;
background-color: var(--e-global-color-lcolor1) !important;
}
.listivo-heading-v2--tablet-light .listivo-heading-v2__text {
color: var(--e-global-color-lcolor5) !important;
}
}
.listivo-heading-v2--dark .listivo-heading-v2__small-text {
background-color: var(--e-global-color-lcolor1);
color: var(--e-global-color-lcolor5);
}
.listivo-heading-v2--dark .listivo-heading-v2__text {
color: var(--e-global-color-lcolor5);
}
.listivo-user-profile {
display: flex;
}
@media (max-width: 1024px) {
.listivo-user-profile {
flex-direction: column-reverse;
}
}
.listivo-user-profile__left {
width: 458px;
margin-right: 127px;
}
@media (max-width: 1024px) {
.listivo-user-profile__left {
margin: var(--e-global-size-2) auto 0;
width: 100%;
max-width: 458px;
}
}
.listivo-user-profile__image {
width: 100%;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
display: block;
position: relative;
}
.listivo-user-profile__image img {
display: block;
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-user-profile__link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.listivo-user-profile__socials {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: absolute;
left: 0;
bottom: var(--e-global-size-3);
padding: 0 var(--e-global-size-7);
width: 100%;
z-index: 2;
}
.listivo-user-profile__content {
max-width: 487px;
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
padding-left: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-user-profile__content {
max-width: 100%;
padding-left: 0;
}
}
.listivo-user-profile__head {
margin-bottom: var(--e-global-size-4);
}
.listivo-user-profile__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-user-profile__job-title {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-user-profile__description {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-user-profile__buttons {
margin-top: var(--e-global-size-4);
display: flex;
flex-direction: column;
}
.listivo-user-profile__button {
margin-bottom: var(--e-global-size-6);
}
.listivo-user-profile__button:last-child {
margin-bottom: 0;
}
.listivo-user-profile__docorations {
position: relative;
width: 100%;
height: 0;
}
@media (max-width: 1024px) {
.listivo-user-profile__docorations {
display: none;
}
}
.listivo-user-profile__circle {
width: 150px;
height: 150px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
position: absolute;
}
.listivo-user-profile__circle--1 {
top: -155px;
left: -180px;
}
.listivo-user-profile__circle--2 {
top: -15px;
right: -202px;
}
.listivo-user-profile__circle--3 {
bottom: -30px;
left: -180px;
}
.listivo-user-profile__circle--4 {
bottom: -59px;
right: 80px;
}
.listivo-user-profile__circle--small {
width: var(--e-global-size-2);
height: var(--e-global-size-2);
}
.listivo-user-profile__x {
position: absolute;
}
.listivo-user-profile__x svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-user-profile__x--1 {
top: 93px;
left: -39px;
}
.listivo-user-profile__x--2 {
top: -65px;
right: 208px;
}
.listivo-sms a {
display: block;
text-align: center;
color: #222222;
width: 100%;
border: 1px solid var(--border-color);
font-size: 20px;
line-height: 29px;
padding: 25px 15px;
border-radius: 10px;
font-weight: 400;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.listivo-sms a i {
margin-right: 5px;
font-size: 35px;
color: var(--content-dark);
line-height: 0;
top: 5px;
position: relative;
}
.listivo-sms a strong {
font-weight: 800;
}
.listivo-sms a:hover {
border-color: var(--content-dark);
} .listivo-template-placeholder {
background: var(--e-global-color-lcolor4);
padding: var(--e-global-size-1) var(--e-global-size-6);
text-align: center;
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-template-placeholder svg {
margin-bottom: var(--e-global-size-4);
fill: var(--e-global-color-lcolor2);
}
.listivo-direction a {
display: block;
text-align: center;
color: #222222;
width: 100%;
border: 1px solid var(--border-color);
font-size: 20px;
line-height: 29px;
padding: 25px 15px;
border-radius: 10px;
font-weight: 400;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.listivo-direction a i {
margin-right: 5px;
font-size: 35px;
color: var(--content-dark);
line-height: 0;
top: 5px;
position: relative;
}
.listivo-direction a strong {
font-weight: 800;
}
.listivo-direction a:hover {
border-color: var(--content-dark);
}
.listivo-close-animated {
position: relative;
margin: auto;
width: 50px;
height: 50px;
margin-top: 100px;
cursor: pointer;
}
.listivo-close-animated__leftright {
height: 6px;
width: 30px;
position: absolute;
margin-top: 24px;
background-color: #222732;
border-radius: 2px;
transform: rotate(45deg);
transition: all 0.3s ease-in;
}
.listivo-close-animated__rightleft {
height: 6px;
width: 30px;
position: absolute;
margin-top: 24px;
background-color: #222732;
border-radius: 2px;
transform: rotate(-45deg);
transition: all 0.3s ease-in;
}
.listivo-close-animated:hover .listivo-close-animated__leftright {
transform: rotate(-45deg);
background-color: var(--e-global-color-lprimary1);
}
.listivo-close-animated:hover .listivo-close-animated__rightleft {
transform: rotate(45deg);
background-color: var(--e-global-color-lprimary1);
}
.listivo-user-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
overflow-y: auto;
}
.listivo-user-popup__form {
width: 100%;
display: flex;
justify-content: center;
padding: var(--e-global-size-1) 0;
}
.listivo-user-popup__inner-form {
padding: 0 var(--e-global-size-6);
position: relative;
max-width: 530px;
width: 100%;
}
@media (max-width: 560px) {
.listivo-user-popup__inner-form {
max-width: calc(100% - 90px);
}
}
@media (max-width: 470px) {
.listivo-user-popup__inner-form {
max-width: 100%;
}
}
.listivo-user-popup__close {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: var(--e-global-size-4);
height: var(--e-global-size-4);
background-color: var(--e-global-color-lprimary2);
border-radius: 50%;
position: absolute;
top: -30px;
right: -15px;
}
@media (max-width: 470px) {
.listivo-user-popup__close {
right: 15px;
}
}
.listivo-user-popup__close svg path {
color: var(--e-global-color-lcolor5);
}
.listivo-blog-categories {
display: flex;
flex-direction: column;
}
.listivo-blog-categories__category-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 500;
margin-top: 20px;
transition: color 0.3s;
}
.listivo-blog-categories__category-wrapper svg {
width: 13px;
height: 13px;
margin-right: 14px;
fill: var(--e-global-color-lprimary1);
}
.listivo-blog-categories__category-wrapper svg path:first-child {
fill: var(--e-global-color-lprimary1);
}
.listivo-blog-categories__category-wrapper svg path:last-child {
fill: var(--content-light);
}
.listivo-blog-categories__category-wrapper:first-child {
margin-top: 0;
}
.listivo-blog-categories__category-wrapper:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-blog-categories__category-wrapper:hover .listivo-blog-categories__count {
opacity: 1;
}
.listivo-blog-categories__category {
display: flex;
align-items: center;
font-weight: 400;
}
.listivo-blog-categories__count {
opacity: 0.3;
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 500;
transition: opacity 0.3s;
}
.listivo-blog-keyword-search {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.listivo-blog-keyword-search__input {
background-color: #ffffff;
height: 64px;
width: 100%;
padding: 0 30px;
color: #222222;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
}
.listivo-blog-keyword-search__input::-moz-placeholder {
color: #222222;
}
.listivo-blog-keyword-search__input:-ms-input-placeholder {
color: #222222;
}
.listivo-blog-keyword-search__input::placeholder {
color: #222222;
}
.listivo-blog-keyword-search__button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 70px;
background-color: var(--e-global-color-lprimary1);
-webkit-clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: background-color 0.3s;
}
.listivo-blog-keyword-search__button svg {
width: 17px;
height: 18px;
}
.listivo-blog-keyword-search__button:hover {
background-color: var(--e-global-color-lsecondary1);
}
.listivo-blog-title-widget {
text-align: center;
width: 100%;
color: #222222;
font-family: var(--font-heading);
font-size: 54px;
font-weight: 700;
letter-spacing: -1.35px;
}
.listivo-related-blog-posts__label {
color: #222222;
font-family: var(--font-heading);
font-size: 36px;
font-weight: 700;
letter-spacing: -0.9px;
}
.listivo-related-blog-posts__list {
margin-top: 35px;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 20px;
}
@media (min-width: 440px) {
.listivo-related-blog-posts__list {
grid-template-columns: repeat(auto-fill, minmax(317px, 1fr));
}
}
.listivo-blog-card-v2 {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px solid #e4ebf0;
background-color: #ffffff;
transition: all 0.3s;
overflow: hidden;
}
.listivo-blog-card-v2:hover {
box-shadow: var(--e-global-shadow);
border-radius: 10px;
background-color: #ffffff;
}
.listivo-blog-card-v2__image {
display: block;
border-radius: 10px;
height: 270px;
position: relative;
width: 100%;
overflow: hidden;
}
.listivo-blog-card-v2__image img {
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-blog-card-v2__content {
padding: 45px 35px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.listivo-blog-card-v2__head {
border-bottom: 1px solid #e4ebf0;
padding-bottom: 25px;
}
.listivo-blog-card-v2__label {
display: block;
color: #222222;
font-family: var(--font-heading);
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.24px;
transition: color 0.3s;
}
.listivo-blog-card-v2__label:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-blog-card-v2__meta {
display: flex;
font-size: 12px;
margin-top: 20px;
}
.listivo-blog-card-v2__value {
display: flex;
align-items: center;
color: #222222;
font-family: var(--font-text);
font-size: 14px;
font-weight: 400;
margin-left: 12px;
transition: color 0.3s;
}
.listivo-blog-card-v2__value--link:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-blog-card-v2__value svg {
width: 16px;
height: 16px;
stroke: var(--e-global-color-lprimary1);
margin-right: 7px;
}
.listivo-blog-card-v2__value:before {
content: "";
width: 5px;
height: 5px;
border-radius: 3px;
background-color: var(--e-global-color-lsupport1);
display: block;
margin-right: 10px;
}
.listivo-blog-card-v2__value:first-child {
margin-left: 0;
padding-left: 0;
}
.listivo-blog-card-v2__value:first-child:before {
content: none;
}
.listivo-blog-card-v2__text {
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
margin-top: 24px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-blog-card-v2__button {
margin-top: 35px;
}
.listivo-listing-top {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-listing-top {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-top {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-listing-top {
justify-content: left;
flex-direction: column;
}
}
.listivo-listing-top__left {
display: flex;
flex-direction: column;
}
.listivo-listing-top__right {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.listivo-listing-top__right {
margin-top: var(--e-global-size-6);
}
}
.listivo-listing-top__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-listing-top__name {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
.listivo-listing-top__address {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
margin-left: -15px;
}
.listivo-listing-top__address-icon {
margin-right: var(--e-global-size-7);
margin-left: 15px;
}
.listivo-listing-top__see-map {
margin-left: var(--e-global-size-6);
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-top__see-map:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-listing-top__see-map:hover:before {
width: calc(100% + 6px);
}
.listivo-listing-top__price {
display: flex;
color: var(--e-global-color-lcolor1);
align-items: flex-end;
justify-content: flex-end;
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-listing-top__price {
justify-content: flex-end;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
@media (max-width: 767px) {
.listivo-listing-top__price {
justify-content: flex-start;
}
}
.listivo-listing-top__price span {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
@media (max-width: 1024px) {
.listivo-listing-top__price span {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
}
.listivo-listing-top__price span:first-child {
margin-right: 5px;
}
.listivo-listing-top__price span:last-child {
margin-left: 5px;
}
.listivo-listing-top__finance {
margin-top: var(--e-global-size-6);
display: flex;
align-items: center;
justify-content: flex-end;
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-listing-top__finance {
justify-content: flex-start;
}
}
.listivo-listing-top__finance a {
color: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-listing-top__finance a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-listing-top__finance a:hover:before {
width: calc(100% + 6px);
}
.listivo-listing-top__finance svg {
margin-right: var(--e-global-size-7);
}
.listivo-listing-top__finance svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-hierarchical-terms {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.listivo-hierarchical-term {
border-radius: 10px;
overflow: hidden;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: 0.3s ease-in-out;
}
.listivo-hierarchical-term__main {
display: flex;
flex-direction: column;
}
.listivo-hierarchical-term__heading {
display: flex;
align-items: center;
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
line-height: 34px;
padding: 35px;
}
.listivo-hierarchical-term__icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
width: 70px;
height: 70px;
border-radius: 35px;
background-color: var(--e-global-color-lprimary3);
overflow: hidden;
font-size: 32px;
transition: 0.3s ease-in-out;
}
.listivo-hierarchical-term__name {
color: #222222;
font-family: var(--font-heading);
font-size: 26px;
font-weight: 700;
letter-spacing: -0.26px;
height: 70px;
display: flex;
align-items: center;
transition: 0.3s ease-in-out;
}
.listivo-hierarchical-term__list {
display: flex;
flex-direction: column;
padding: 0 40px 35px;
}
.listivo-hierarchical-term__item {
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
line-height: 34px;
margin-top: 8px;
display: flex;
justify-content: space-between;
transition: 0.3s ease-in-out;
}
.listivo-hierarchical-term__item:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-hierarchical-term__item:first-child {
margin-top: 0;
}
.listivo-hierarchical-term__bottom {
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #eeeeee;
}
.listivo-hierarchical-term__link {
color: var(--e-global-color-lprimary1);
font-family: var(--font-text);
font-size: 18px;
font-weight: 500;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 73px;
}
.listivo-hierarchical-term__link svg {
margin-left: 8px;
width: 20px;
}
.listivo-pattern {
position: relative;
z-index: 1;
}
.listivo-pattern svg {
width: 100%;
height: 100%;
}
@media (max-width: 1435px) {
.listivo-pattern--v3 svg {
height: 100%;
width: auto;
}
}
.listivo-pattern--v4 {
height: 473px;
overflow: hidden;
}
.listivo-pattern--v4 svg {
width: auto;
height: 473px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.listivo-pattern--v4 {
height: 300px;
}
.listivo-pattern--v4 svg {
height: 300px;
}
} .listivo-pricing-table {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-pricing-table {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-pricing-table {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.widget_recent_comments ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget_recent_comments > ul,
#xrecentcomments {
position: relative;
}
.wp-block-latest-comments__comment-meta,
.recentcomments {
padding: 0 0 20px 27px;
position: relative;
font-size: 16px;
line-height: 22px;
color: var(--text-2);
}
.wp-block-latest-comments__comment-meta:after,
.recentcomments:after {
font-family: "Font Awesome 5 Free";
content: "\f075";
position: absolute;
z-index: 2;
top: 1px;
left: 0;
pointer-events: none;
font-size: 16px;
color: var(--e-global-color-lprimary1);
}
.wp-block-latest-comments__comment-meta:last-child,
.recentcomments:last-child {
padding-bottom: 0;
}
.wp-block-latest-comments__comment-meta a,
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
.wp-block-latest-comments__comment-meta a:hover,
.recentcomments a:hover {
color: var(--e-global-color-lprimary1);
}
.wp-block-latest-comments__comment-meta:first-child,
.recentcomments:first-child {
margin-top: 0;
}
.wp-block-latest-comments__comment-meta:last-child,
.recentcomments:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments {
margin-left: 0 !important;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
margin-bottom: 20px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-of-type {
margin-bottom: 0;
}
.has-avatars.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
padding-left: 0;
}
.has-avatars.wp-block-latest-comments .wp-block-latest-comments__comment-meta:after {
display: none;
}
.has-avatars.wp-block-latest-comments .wp-block-latest-comments__comment-meta:after,
.has-avatars.wp-block-latest-comments .recentcomments:after {
display: none;
}
.wp-block-latest-comments__comment-excerpt p {
margin-top: 0 !important;
}
.has-excerpts.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
margin-top: -20px;
}
.has-excerpts.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 16px;
line-height: 24px;
margin: 0;
} .wp-block-tag-cloud,
.listivo-post-tags__inner,
.tagcloud {
margin-bottom: -12px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wp-block-tag-cloud a,
.listivo-post-tags__inner a,
.tagcloud a {
display: inline-block;
border-radius: var(--radius-xxl);
box-shadow: var(--shadow-s) !important;
background-color: var(--white);
line-height: 22px;
padding: 10px 23px;
margin-bottom: 12px;
transition: 0.3s ease-in-out;
font-size: 14px !important;
font-weight: 400;
color: var(--text-2);
border: 1px solid transparent;
margin-right: 10px;
}
@media (min-width: 1024px) {
.wp-block-tag-cloud a:hover,
.listivo-post-tags__inner a:hover,
.tagcloud a:hover {
border: 1px solid var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1);
color: var(--white);
}
}
.listivo-widget-posts__row {
position: relative;
border-bottom: 1px solid var(--border-color);
padding-left: 85px;
padding-bottom: 35px;
padding-top: 35px;
}
.listivo-widget-posts__row:first-of-type {
padding-top: 0;
}
.listivo-widget-posts__row:first-of-type .listivo-widget-posts__image img {
top: 0;
}
.listivo-widget-posts__row:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.listivo-widget-posts__image a:hover img {
filter: brightness(1.05);
}
.listivo-widget-posts__image img {
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
top: 35px;
left: 0;
transition: 0.3s ease-in-out;
}
.listivo-widget-posts__title {
display: block;
min-height: 44px;
margin-bottom: 12px;
font-weight: 600;
font-size: 18px;
line-height: 22px;
transition: 0.3s ease-in-out;
}
.listivo-widget-posts__title:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-widget-posts__date {
font-size: 12px;
font-weight: 400;
}
img.lazyload {
opacity: 0;
}
.listivo-email {
transition: 0.3s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1199px) {
.listivo-tablet-order-1 {
order: 1;
}
.listivo-tablet-order-2 {
order: 2;
}
.listivo-tablet-order-3 {
order: 3;
}
.listivo-tablet-order-4 {
order: 4;
}
}
.listivo-rotate-180 {
transform: rotate(180deg) !important;
}
.listivo-margin-left-auto {
margin-left: auto !important;
}
.listivo-set-new-password-button-wrapper {
margin-top: 30px;
}
.listivo-alignment-justify .listivo-button {
width: 100%;
margin-left: auto;
}
.listivo-alignment-justify .listivo-button .listivo-button__text {
width: 100%;
text-align: center;
}
.listivo-alignment-justify .listivo-button .listivo-button__icon {
margin-left: auto;
}
.listivo-alignment-left {
text-align: left;
}
.listivo-alignment-right {
text-align: right;
}
.listivo-alignment-center {
text-align: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-alignment-tablet-left {
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-alignment-tablet-center {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-alignment-tablet-right {
text-align: right;
}
}
@media (max-width: 767px) {
.listivo-alignment-mobile-left {
text-align: left;
}
}
@media (max-width: 767px) {
.listivo-alignment-mobile-center {
text-align: center;
}
}
@media (max-width: 767px) {
.listivo-alignment-mobile-right {
text-align: right;
}
}
.listivo-rotate-svg-deg-180 {
transform: rotate(180deg);
}
.listivo-relative {
position: relative;
}
.listivo-overflow-hidden {
overflow: hidden;
}
@media (max-width: 899px) {
.listivo-mobile-overflow-hidden {
overflow: hidden;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-tablet-order-1 {
order: 1;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-tablet-order-2 {
order: 2;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-tablet-order-3 {
order: 3;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-tablet-order-4 {
order: 4;
}
}
.pswp {
z-index: 99999999999999 !important;
}
.pswp__caption__center {
text-align: center;
}
.listivo-bg-100-auto {
background-size: 100% auto !important;
}
.listivo-padding-none {
padding: 0 !important;
}
.listivo-login-widget {
width: 100%;
display: flex;
justify-content: center;
position: relative;
background: center center fixed no-repeat;
background-size: cover;
padding: 0;
}
.listivo-login-widget--with-background {
padding: var(--e-global-size-2) 0;
}
.listivo-login-widget--with-background:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor1);
opacity: 0.3;
z-index: 5;
}
.listivo-login-widget__form {
position: relative;
z-index: 10;
width: 100%;
display: flex;
justify-content: center;
padding: 0 var(--e-global-size-6);
}
.listivo-posts {
display: grid;
}
.listivo-icon-v2 {
border-radius: var(--e-global-lborder-radius);
width: 30px;
height: 30px;
background-color: var(--e-global-color-lprimary2);
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor5);
font-weight: 300;
pointer-events: none;
}
.listivo-icon-v2 svg {
width: 18px;
height: 18px;
fill: var(--e-global-color-lcolor5);
}
.listivo-icon-v2 svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-search-form-v2--wrapper {
display: flex;
justify-content: center;
}
.listivo-search-form-v2--inline-flex {
display: inline-flex;
flex-direction: column;
}
.listivo-search-form-v2__tabs-wrapper {
display: flex;
-ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch;
width: 100%;
}
.listivo-search-form-v2__tabs-wrapper::-webkit-scrollbar {
display: none;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__tabs-wrapper {
overflow-x: auto;
}
}
.listivo-search-form-v2__tabs {
display: flex;
align-items: flex-end;
height: 50px;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__tabs {
margin-left: 6px;
}
}
@media (max-width: 767px) {
.listivo-search-form-v2__tabs {
scrollbar-width: none; -ms-overflow-style: none; }
}
.listivo-search-form-v2__tab {
display: flex;
align-items: center;
background: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0 0;
height: 50px;
text-align: center;
color: var(--e-global-color-lcolor1);
margin-left: 5px;
padding: 0 25px;
cursor: pointer;
position: relative;
white-space: nowrap;
box-shadow: var(--e-global-shadow);
transition: var(--e-global-transition-time) transform;
transform: translateY(5px);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-search-form-v2__tab:hover {
transform: translateY(0);
}
.listivo-search-form-v2__tab:after {
content: "";
width: 6px;
height: 6px;
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
position: absolute;
bottom: -3px;
left: 50%;
margin-left: -3px;
opacity: 0;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__tab:after {
bottom: 0;
}
}
.listivo-search-form-v2__tab--active {
height: 50px;
background: var(--e-global-color-lcolor5);
z-index: 21;
transform: translateY(0);
box-shadow: unset;
}
.listivo-search-form-v2__tab--active:before {
display: block;
content: "";
position: absolute;
box-shadow: var(--e-global-shadow);
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: inset(-20px -20px 0 -20px);
clip-path: inset(-20px -20px 0 -20px);
}
.listivo-search-form-v2__tab--active:after {
opacity: 1;
}
.listivo-search-form-v2__tab:first-child {
margin-left: 0;
}
.listivo-search-form-v2__inner {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: 0 100px 100px var(--e-global-lborder-radius-large);
padding: var(--e-global-size-6);
display: inline-flex;
-webkit-backdrop-filter: blur(var(--e-global-size-4));
backdrop-filter: blur(var(--e-global-size-4));
z-index: 20;
position: relative;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__inner {
border-radius: var(--e-global-lborder-radius);
max-width: 360px;
flex-wrap: wrap;
}
}
.listivo-search-form-v2--no-tabs .listivo-search-form-v2__inner {
border-radius: var(--e-global-lborder-radius-large) 100px 100px var(--e-global-lborder-radius-large);
}
@media (max-width: 1024px) {
.listivo-search-form-v2--no-tabs .listivo-search-form-v2__inner {
border-radius: var(--e-global-lborder-radius);
max-width: 360px;
flex-wrap: wrap;
}
}
.listivo-search-form-v2--style-2 .listivo-search-form-v2__inner {
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-search-form-v2__fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 330px));
grid-gap: var(--e-global-size-6);
flex: 1;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__fields {
flex: unset;
}
}
.listivo-search-form-v2__fields--initial-1 {
grid-template-columns: repeat(1, minmax(0, 330px));
}
.listivo-search-form-v2__fields--initial-2 {
grid-template-columns: repeat(2, minmax(0, 330px));
}
.listivo-search-form-v2__fields--initial-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.listivo-search-form-v2__fields--1 {
grid-template-columns: repeat(1, minmax(0, 330px)) !important;
}
.listivo-search-form-v2__fields--2 {
grid-template-columns: repeat(2, minmax(0, 330px)) !important;
}
.listivo-search-form-v2__fields--3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.listivo-search-form-v2__fields--4 {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__fields {
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}
.listivo-search-form-v2 .listivo-field-v2 {
display: grid;
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(1, minmax(0, 330px));
}
@media (max-width: 767px) {
.listivo-search-form-v2 .listivo-field-v2 {
grid-gap: var(--e-global-size-6);
}
}
.listivo-search-form-v2 .listivo-field-v2--1 {
grid-template-columns: repeat(1, minmax(0, 330px));
}
.listivo-search-form-v2 .listivo-field-v2--2 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 330px));
}
.listivo-search-form-v2 .listivo-field-v2--3 {
grid-area: span 1/span 3;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-search-form-v2 .listivo-field-v2--3 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-search-form-v2 .listivo-field-v2--4 {
grid-area: span 1/span 4;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-search-form-v2 .listivo-field-v2--4 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-search-form-v2 .listivo-field-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
grid-area: span 1/span 1;
}
}
.listivo-search-form-v2__button {
background: var(--e-global-color-lprimary1);
border-radius: 10px 100px 100px 10px;
width: 75px;
display: flex;
align-items: center;
justify-content: center;
margin-left: var(--e-global-size-6);
}
.listivo-search-form-v2__button svg {
transition: 0.3s ease-in-out;
}
.listivo-search-form-v2__button:hover svg {
transform: scale(1.2);
}
@media (max-width: 1024px) {
.listivo-search-form-v2__button {
display: none;
}
}
.listivo-search-form-v2__button-v2 {
margin-left: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-search-form-v2__button-v2 {
display: none;
}
}
.listivo-search-form-v2__mobile-button {
display: none;
margin-top: var(--e-global-size-6);
justify-content: center;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-search-form-v2__mobile-button {
display: flex;
}
}
.listivo-search-form-v2--regular .listivo-search-form-v2__inner {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-search-form-v2--regular .listivo-search-form-v2__button {
width: var(--e-global-size-2);
height: var(--e-global-size-2);
border-radius: var(--e-global-lborder-radius);
}
.listivo-search-form-v2__text-button {
margin-left: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-search-form-v2__text-button {
display: none !important;
}
}
.listivo-search-form-v3 {
width: 100%;
background: var(--e-global-color-lcolor5-op-1);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
padding-top: var(--e-global-size-3);
}
.listivo-search-form-v3__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-search-form-v3__fields {
margin-top: var(--e-global-size-3);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-search-form-v3__button {
margin-top: var(--e-global-size-4);
width: 100%;
cursor: pointer;
height: var(--e-global-size-2);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor5);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-search-form-v3__button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-search-form-v3__button:hover:before {
opacity: 0.15;
}
.listivo-search-form-v3__button svg {
display: none;
}
.listivo-search-form-v3__button--loading svg {
display: block;
}
.listivo-search-form-v3__button--loading span {
display: none;
}
.listivo-mobile-search-form {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
display: block;
background: var(--e-global-color-lcolor5-op-1);
box-shadow: var(--e-global-shadow);
-webkit-backdrop-filter: blur(var(--e-global-size-6));
backdrop-filter: blur(var(--e-global-size-6));
z-index: 20;
-webkit-clip-path: inset(0 0 -500px 0);
clip-path: inset(0 0 -500px 0);
}
.listivo-mobile-search-form__top {
display: flex;
justify-content: flex-end;
margin-bottom: var(--e-global-size-6);
}
.listivo-mobile-search-form__close {
background-color: var(--e-global-color-lprimary1);
box-shadow: var(--e-global-shadow);
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 35px;
height: 35px;
}
.listivo-mobile-search-form__close svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-mobile-search-form__inner {
padding-top: var(--e-global-size-6);
padding-bottom: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-mobile-search-form__inner {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-mobile-search-form__inner {
max-width: 390px;
}
}
.listivo-mobile-search-form__fields {
display: grid;
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-mobile-search-form__fields .listivo-field-v2 {
display: grid;
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-mobile-search-form__fields .listivo-field-v2 {
grid-gap: var(--e-global-size-6);
}
}
.listivo-mobile-search-form__fields .listivo-field-v2--1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-mobile-search-form__fields .listivo-field-v2--2 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.listivo-mobile-search-form__fields .listivo-field-v2--3 {
grid-area: span 1/span 3;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-mobile-search-form__fields .listivo-field-v2--3 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-mobile-search-form__fields .listivo-field-v2--4 {
grid-area: span 1/span 4;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-mobile-search-form__fields .listivo-field-v2--4 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-mobile-search-form__fields .listivo-field-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
grid-area: span 1/span 1;
}
}
.listivo-mobile-search-form__buttons {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: space-between;
}
.listivo-mobile-search-form__button {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lprimary2);
width: calc(50% - 15px);
cursor: pointer;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-mobile-search-form__button--color-1 {
background-color: var(--e-global-color-lprimary1);
}
.listivo-mobile-search-form__button--color-2 {
background-color: var(--e-global-color-lprimary2);
}
.listivo-range-field {
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-range-field > * {
max-width: 100%;
}
.listivo-range-field .listivo-search-form-field {
min-width: 1px;
flex: 1;
}
.listivo-range-field input {
min-width: 1px;
}
.listivo-range-field__separator {
width: 15px;
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-range-field__separator {
display: none;
}
}
@media (max-width: 767px) {
.listivo-range-field {
flex-wrap: wrap;
}
.listivo-range-field .listivo-search-form-field {
flex: unset;
width: 100%;
margin-top: var(--e-global-size-6);
}
.listivo-range-field .listivo-search-form-field:first-child {
margin-top: 0;
}
}
.listivo-main-search-form .listivo-range-field__separator {
width: 30px;
}
.listivo-input-v2 {
height: var(--e-global-size-2);
display: flex;
align-items: center;
cursor: text;
position: relative;
}
.listivo-input-v2 input {
color: var(--e-global-color-lcolor1);
padding: var(--e-global-size-6) var(--e-global-size-5);
background-color: var(--e-global-color-lcolor5);
flex: 1 !important;
cursor: text !important;
margin-bottom: 0 !important;
float: unset !important;
width: 100%;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2 input::-moz-placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2 input:-ms-input-placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2 input::placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
[dir=rtl] .listivo-input-v2 input[type=text],
[dir=rtl] .listivo-input-v2 input[type=tel],
[dir=rtl] .listivo-input-v2 input[type=email] {
direction: rtl;
text-align: right;
}
[dir=rtl] .listivo-input-v2 input[type=text]::-moz-placeholder, [dir=rtl] .listivo-input-v2 input[type=tel]::-moz-placeholder, [dir=rtl] .listivo-input-v2 input[type=email]::-moz-placeholder {
text-align: right;
}
[dir=rtl] .listivo-input-v2 input[type=text]:-ms-input-placeholder, [dir=rtl] .listivo-input-v2 input[type=tel]:-ms-input-placeholder, [dir=rtl] .listivo-input-v2 input[type=email]:-ms-input-placeholder {
text-align: right;
}
[dir=rtl] .listivo-input-v2 input[type=text]::placeholder,
[dir=rtl] .listivo-input-v2 input[type=tel]::placeholder,
[dir=rtl] .listivo-input-v2 input[type=email]::placeholder {
text-align: right;
}
.listivo-input-v2--small {
height: var(--e-global-size-3);
}
.listivo-input-v2--small input {
height: var(--e-global-size-3);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
padding: var(--e-global-size-6) var(--e-global-size-5);
}
@media (max-width: 767px) {
.listivo-input-v2--small input {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
}
.listivo-input-v2--small input::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-input-v2--small input:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-input-v2--small input::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 767px) {
.listivo-input-v2--small input::-moz-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2--small input:-ms-input-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2--small input::placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
}
.listivo-input-v2__error {
display: none;
position: absolute;
top: 0;
right: 25px;
z-index: 30;
}
.listivo-input-v2__icon {
margin-right: var(--e-global-size-6);
position: absolute;
left: var(--e-global-size-6);
}
.listivo-input-v2__postfix {
position: absolute;
right: 37px;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-input-v2__clear {
position: absolute;
top: 1px;
right: 12px;
cursor: pointer;
width: 26px;
height: calc(100% - 2px);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
}
.listivo-input-v2__clear svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-input-v2__clear:hover svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-input-v2--bg-section-color input {
background-color: var(--e-global-color-lsectionbg);
}
.listivo-input-v2--color-2 input {
color: var(--e-global-color-lcolor2) !important;
}
.listivo-input-v2--color-2 input::-moz-placeholder {
color: var(--e-global-color-lcolor2) !important;
}
.listivo-input-v2--color-2 input:-ms-input-placeholder {
color: var(--e-global-color-lcolor2) !important;
}
.listivo-input-v2--color-2 input::placeholder {
color: var(--e-global-color-lcolor2) !important;
}
.listivo-input-v2--active input {
border-color: var(--e-global-color-lprimary1);
padding-right: 48px;
}
.listivo-input-v2--error input {
border-color: var(--e-global-color-lprimary2);
}
.listivo-input-v2--error .listivo-input-v2__error {
display: flex;
}
.listivo-input-v2--with-icon input {
padding: var(--e-global-size-6) !important;
padding-left: var(--e-global-size-2) !important;
}
.listivo-input-v2--without-right-border {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@media (max-width: 767px) {
.listivo-input-v2--mobile-simple-without-right-border {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.listivo-input-v2--mobile-simple-without-right-border input {
padding: var(--e-global-size-6) var(--e-global-size-4) !important;
}
.listivo-input-v2--mobile-simple-without-right-border .listivo-input-v2__icon {
display: none;
}
}
.listivo-select-v2 {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
height: var(--e-global-size-2);
padding: var(--e-global-size-6);
position: relative;
display: flex;
align-items: center;
cursor: pointer;
max-width: 100%;
width: 600px;
}
.listivo-select-v2--small {
height: var(--e-global-size-3);
padding: var(--e-global-size-7);
}
.listivo-select-v2--error {
border-color: var(--e-global-color-lprimary2);
}
.listivo-select-v2--error .listivo-select-v2__error {
display: block;
}
.listivo-select-v2--with-icon {
padding: var(--e-global-size-6);
}
.listivo-select-v2--width-auto {
width: auto;
}
.listivo-select-v2--active {
border-color: var(--e-global-color-lprimary1);
}
.listivo-select-v2--open {
z-index: 12;
}
.listivo-select-v2--disabled {
opacity: 0.4;
pointer-events: none;
cursor: default;
}
.listivo-select-v2__icon {
width: var(--e-global-size-4);
margin-right: var(--e-global-size-6);
}
.listivo-select-v2__placeholder {
position: relative;
color: var(--e-global-color-lcolor1);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
min-width: 1px;
padding-right: 36px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-select-v2__clear {
position: absolute;
top: 1px;
right: 12px;
cursor: pointer;
width: 26px;
height: calc(100% - 2px);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
}
.listivo-select-v2__clear svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-select-v2__clear:hover svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-select-v2__arrow {
position: absolute;
right: 12px;
cursor: pointer;
width: 26px;
height: 80%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
}
.listivo-select-v2__arrow--smaller-area {
height: 70%;
}
.listivo-select-v2__dropdown {
cursor: auto;
position: absolute;
left: -1px;
top: calc(100% + 1px);
min-width: 220px;
padding: var(--e-global-size-6);
background: var(--e-global-color-lcolor5);
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
border-radius: var(--e-global-lborder-radius);
max-height: 380px;
overflow-y: auto;
-webkit-clip-path: inset(-1px -1000px -30px -30px);
clip-path: inset(-1px -1000px -30px -30px);
}
.listivo-select-v2__dropdown--auto-width {
width: auto;
min-width: calc(100% + 2px);
}
.listivo-select-v2__searchable {
margin: 0 var(--e-global-size-7);
margin-bottom: var(--e-global-size-7);
}
.listivo-select-v2__no-options {
margin: var(--e-global-size-7) var(--e-global-size-6);
}
.listivo-select-v2__option {
padding: 0 var(--e-global-size-7);
font-family: var(--e-global-l-font-2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
display: flex;
justify-content: space-between;
cursor: pointer;
transition: 0.3s ease-in-out;
white-space: nowrap;
}
.listivo-select-v2__option:last-child {
margin-bottom: 0;
}
.listivo-select-v2__option:hover {
color: var(--e-global-color-lprimary2);
}
.listivo-select-v2__option--highlight-text {
color: var(--e-global-color-lprimary2);
}
.listivo-select-v2__option--highlight {
color: var(--e-global-color-lprimary2);
}
.listivo-select-v2__option--active {
color: var(--e-global-color-lprimary1);
}
.listivo-select-v2__option--active:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-select-v2__option--active .listivo-select-v2__checkbox {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-select-v2__option--active .listivo-select-v2__checkbox svg {
opacity: 1;
}
.listivo-select-v2__option--disabled {
pointer-events: none;
color: var(--e-global-color-lcolor3);
}
.listivo-select-v2__label-with-checkbox {
display: flex;
}
.listivo-select-v2__checkbox-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-select-v2__checkbox {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
min-width: var(--e-global-size-5);
height: var(--e-global-size-5);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
margin-right: var(--e-global-size-7);
}
.listivo-select-v2__checkbox svg {
opacity: 0;
transition: 0.3s ease-in-out;
}
.listivo-select-v2__checkbox svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-select-v2__count-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-select-v2__count {
margin-left: 5px;
display: flex;
align-items: center;
height: var(--e-global-size-5);
padding: 0 6px;
background-color: var(--e-global-color-lprimary2);
border-radius: 50px;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-select-v2--raw {
border: none;
width: auto;
height: 58px;
padding-left: var(--e-global-size-6);
padding-right: var(--e-global-size-6);
}
.listivo-select-v2--raw .listivo-select-v2__dropdown {
padding-left: var(--e-global-size-7);
padding-right: var(--e-global-size-7);
width: 100%;
min-width: 1px;
}
.listivo-select-v2--raw .listivo-select-v2__option {
padding: 0 var(--e-global-size-7);
}
.listivo-select-v2__error {
display: none;
position: absolute;
top: 0;
right: 25px;
z-index: 20;
}
.pac-container {
border-radius: var(--e-global-lborder-radius) !important;
background: var(--e-global-color-lcolor5) !important;
border: 1px solid var(--e-global-color-lcolor5) !important;
box-shadow: var(--e-global-shadow) !important;
padding: var(--e-global-size-6);
min-width: 220px !important;
}
.pac-item {
border: none !important;
cursor: pointer;
padding: 0 var(--e-global-size-7);
color: var(--e-global-color-lprimary2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.pac-item:hover {
background-color: unset;
color: var(--e-global-color-lprimary1);
}
.pac-item:hover .pac-item-query {
color: var(--e-global-color-lprimary1);
}
.pac-item:hover .pac-matched {
color: var(--e-global-color-lprimary1);
}
.pac-item-query {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.pac-item-selected {
background-color: unset;
}
.pac-icon {
display: none;
}
.pac-matched {
color: var(--e-global-color-lprimary1);
}
.listivo-main-search-form {
background-color: var(--e-global-color-lcolor5);
overflow: visible;
position: relative;
z-index: 30;
}
.listivo-main-search-form__filters {
display: none;
padding-top: var(--e-global-size-6);
margin-bottom: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-main-search-form__filters {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-main-search-form__filters {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-main-search-form__filters {
display: block;
}
}
.listivo-main-search-form__primary-wrapper {
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-main-search-form__primary-wrapper {
padding-top: var(--e-global-size-4);
}
}
.listivo-main-search-form__primary {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
@media (max-width: 1024px) {
.listivo-main-search-form__primary {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-main-search-form__primary {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-main-search-form__primary {
grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
}
@media (max-width: 767px) {
.listivo-main-search-form__primary {
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-main-search-form__secondary-wrapper {
padding-top: var(--e-global-size-6);
padding-bottom: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-main-search-form__secondary-wrapper {
display: none;
}
}
.listivo-main-search-form__secondary {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-main-search-form__secondary {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-main-search-form__secondary {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-main-search-form__secondary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-main-search-form .listivo-input-v2 input {
background-color: var(--e-global-color-lcolor5);
}
.listivo-main-search-form .listivo-select-v2 {
background-color: var(--e-global-color-lcolor5);
}
.listivo-main-search-form .listivo-autocomplete-input {
background-color: var(--e-global-color-lcolor5);
}
.listivo-main-search-form .listivo-field-v2 {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-main-search-form .listivo-field-v2 {
grid-gap: var(--e-global-size-6);
}
}
.listivo-main-search-form .listivo-field-v2--1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-main-search-form .listivo-field-v2--2 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.listivo-main-search-form .listivo-field-v2--3 {
grid-area: span 1/span 3;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-main-search-form .listivo-field-v2--3 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-main-search-form .listivo-field-v2--4 {
grid-area: span 1/span 4;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-main-search-form .listivo-field-v2--4 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-main-search-form .listivo-field-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
grid-area: span 1/span 1;
}
}
.listivo-main-search-form--map {
padding: var(--e-global-size-4) 0;
}
@media (max-width: 767px) {
.listivo-main-search-form--map {
padding-top: var(--e-global-size-6);
}
}
.listivo-main-search-form--map .listivo-main-search-form__primary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-main-search-form--map .listivo-main-search-form__primary {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-main-search-form--map .listivo-main-search-form__secondary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
.listivo-main-search-form--map .listivo-main-search-form__secondary {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-main-search-form--map .listivo-range-field {
grid-area: span 1/span 2;
}
@media (max-width: 767px) {
.listivo-main-search-form--map .listivo-range-field {
grid-area: span 1;
}
}
.listivo-map-search .listivo-main-search-form .listivo-field-v2--3 {
grid-area: span 1/span 2;
}
@media (max-width: 767px) {
.listivo-map-search .listivo-main-search-form .listivo-field-v2--3 {
grid-area: span 1;
}
}
.listivo-map-search .listivo-main-search-form .listivo-field-v2--4 {
grid-area: span 1/span 2;
}
@media (max-width: 767px) {
.listivo-map-search .listivo-main-search-form .listivo-field-v2--4 {
grid-area: span 1;
}
}
.listivo-location-field {
position: relative;
}
.listivo-location-field__radius {
position: absolute;
right: 1px;
top: 1px;
height: 58px;
}
.listivo-radius-field {
display: flex;
align-items: center;
}
.listivo-radius-field__separator {
height: 30px;
width: 1px;
background-color: var(--e-global-color-lcolor3);
}
.listivo-radius-field__clear {
position: absolute;
top: 1px;
right: 12px;
cursor: pointer;
width: 26px;
height: calc(100% - 2px);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
position: static;
right: auto;
padding-right: var(--e-global-size-7);
}
.listivo-radius-field__clear svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-radius-field__clear:hover svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-field-group__label {
display: flex;
align-items: center;
margin-bottom: var(--e-global-size-7);
padding-left: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
@media (max-width: 767px) {
.listivo-field-group__label {
position: relative;
padding-left: 0;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
}
.listivo-field-group__label span {
color: var(--e-global-color-lprimary2);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
@media (max-width: 767px) {
.listivo-field-group__label span {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
}
.listivo-field-group--checkbox {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.listivo-field-group--checkbox .listivo-field-group__label {
display: flex;
align-items: center;
flex: 1;
cursor: pointer;
padding: 0;
margin: 0;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-field-group--checkbox .listivo-field-group__label {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
}
.listivo-field-group--checkbox .listivo-field-group__field {
margin-right: var(--e-global-size-7);
}
.listivo-contact-form {
padding: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor4);
display: flex;
flex-direction: column;
}
.listivo-contact-form__label {
margin-bottom: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
text-align: center;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-contact-form__fields {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.listivo-contact-form__field {
margin-top: var(--e-global-size-4);
width: 100%;
}
.listivo-contact-form__field:first-child {
margin-top: 0;
}
.listivo-contact-form__policy {
margin-top: var(--e-global-size-7);
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-contact-form__policy a {
display: inline;
color: var(--e-global-color-lprimary1) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: underline !important;
margin-left: 4px;
}
.listivo-contact-form__policy label {
cursor: pointer;
}
.listivo-contact-form__policy label span {
flex: 1;
}
.listivo-contact-form__policy label .wpcf7-list-item-label {
display: flex;
align-items: center;
}
.listivo-contact-form__policy label .wpcf7-list-item-label:before {
display: block;
content: "";
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
margin-right: var(--e-global-size-6);
width: var(--e-global-size-5);
height: var(--e-global-size-5);
cursor: pointer;
}
.listivo-contact-form__policy input {
display: none;
}
.listivo-contact-form__policy input:checked + .wpcf7-list-item-label:before {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1) center center no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M10.738 0.728889L9.75128 0.0970432C9.47826 -0.0771195 9.10421 -0.0102893 8.92148 0.244879L4.08453 6.96431L1.86169 4.87031C1.62951 4.65159 1.25116 4.65159 1.01898 4.87031L0.17413 5.66619C-0.0580434 5.88491 -0.0580434 6.24133 0.17413 6.46207L3.59224 9.68205C3.78357 9.86229 4.08453 10 4.3554 10C4.62627 10 4.89929 9.84001 5.07557 9.59902L10.8971 1.50857C11.082 1.2534 11.011 0.903051 10.738 0.728889Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
}
.listivo-contact-form__button {
display: flex;
justify-content: center;
margin-top: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-contact-form__button {
margin-top: var(--e-global-size-6);
}
}
.listivo-contact-form__text {
margin-top: var(--e-global-size-6);
}
.listivo-contact-form__text textarea {
width: 100% !important;
height: 200px !important;
resize: vertical !important;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius) !important;
color: var(--e-global-color-lcolor2) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
padding: var(--e-global-size-5) var(--e-global-size-4) !important;
}
.listivo-contact-form__text textarea::-moz-placeholder {
color: var(--e-global-color-lcolor2) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-contact-form__text textarea:-ms-input-placeholder {
color: var(--e-global-color-lcolor2) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-contact-form__text textarea::placeholder {
color: var(--e-global-color-lcolor2) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-contact-form--v2 {
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
padding: var(--e-global-size-2);
padding-bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-contact-form--v2 {
padding: var(--e-global-size-4);
}
}
.listivo-contact-form--v2 .listivo-contact-form__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-contact-form--v2 .listivo-contact-form__text {
margin-top: 0;
grid-area: span 1/span 2;
}
.listivo-contact-form--v2 .listivo-contact-form__text textarea {
height: 180px !important;
background-color: var(--e-global-color-lcolor5);
}
.listivo-contact-form--v2 .listivo-contact-form__field {
margin-top: 0;
}
.listivo-contact-form--v2 .listivo-contact-form__field:first-child {
grid-area: span 1/span 2;
}
@media (max-width: 767px) {
.listivo-contact-form--v2 .listivo-contact-form__field {
grid-area: span 1/span 2;
}
}
.listivo-contact-form--v3 .listivo-contact-form__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-contact-form--v4 {
background-color: var(--e-global-color-lcolor5);
}
.listivo-contact-form--v4 .listivo-input-v2 input {
background-color: var(--e-global-color-lsectionbg);
}
.listivo-contact-form--v4 textarea {
background-color: var(--e-global-color-lsectionbg);
}
.listivo-contact-form--v4 .listivo-contact-form__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-contact-form--v4 .listivo-contact-form__text {
margin-top: var(--e-global-size-4);
}
.listivo-contact-form--v4 .listivo-contact-form__bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: var(--e-global-size-4);
gap: var(--e-global-size-6);
}
.listivo-contact-form--v4 .listivo-contact-form__policy {
margin-top: 0;
}
.listivo-contact-form--v4 .listivo-contact-form__button {
margin-top: 0;
}
.listivo-contact-form--no-shadow {
box-shadow: unset;
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-contact-form--padding-2 {
padding: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-contact-form--padding-2 {
padding: var(--e-global-size-4);
}
}
.wpcf7-response-output {
border: 2px dashed #A8DA8D !important;
border-radius: var(--e-global-lborder-radius-large);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-size: 14px !important;
line-height: 24px !important;
font-weight: 400 !important;
display: flex;
align-items: center;
justify-content: center;
padding: var(--e-global-size-5) !important;
text-align: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #FF2D39 !important;
color: #FF2D39 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #A8DA8D !important;
color: #A8DA8D !important;
}
.listivo-field-error {
background-color: var(--e-global-color-lprimary2);
min-height: var(--e-global-size-6);
display: flex;
align-items: center;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-size: 12px !important;
line-height: 24px !important;
font-weight: 400 !important;
padding: 0 var(--e-global-size-7);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
.listivo-field-error__icon {
margin-right: 5px;
}
.listivo-field-error__icon svg path:first-child {
fill: var(--e-global-color-lcolor5);
}
.listivo-field-error__icon svg path:last-child {
fill: var(--e-global-color-lprimary2);
}
.listivo-simple-search-button {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lprimary1);
border-radius: 0 var(--e-global-lborder-radius) var(--e-global-lborder-radius) 0;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
}
.listivo-simple-search-button svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-textarea {
position: relative;
}
.listivo-textarea textarea {
background: var(--e-global-color-lcolor5-op-1);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-6) var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
width: 100%;
height: 180px;
resize: vertical;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-textarea textarea::-moz-placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-textarea textarea:-ms-input-placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-textarea textarea::placeholder {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-textarea__error {
display: none;
position: absolute;
top: 0;
right: var(--e-global-size-6);
}
.listivo-textarea--error textarea {
border-color: var(--e-global-color-lprimary2);
}
.listivo-textarea--error .listivo-textarea__error {
display: flex;
}
.listivo-autocomplete-input {
height: 60px;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
padding: var(--e-global-size-6);
cursor: text;
position: relative;
}
.listivo-autocomplete-input--open {
z-index: 50 !important;
}
.listivo-autocomplete-input--open .listivo-autocomplete-input__dropdown {
z-index: 50 !important;
}
.listivo-autocomplete-input--active {
border-color: var(--e-global-color-lprimary1);
z-index: 40;
}
.listivo-autocomplete-input--active .listivo-autocomplete-input__input-wrapper input {
padding-right: 30px !important;
}
.listivo-autocomplete-input--active.listivo-autocomplete-input--with-additional-select .listivo-autocomplete-input__input-wrapper input {
padding-right: 0 !important;
}
.listivo-autocomplete-input--with-icon {
padding: var(--e-global-size-6);
}
.listivo-autocomplete-input__icon {
margin-right: 15px;
}
.listivo-autocomplete-input__input-wrapper {
overflow: hidden;
position: relative;
width: 100%;
flex: 1;
}
.listivo-autocomplete-input__loading {
position: absolute;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
background-color: var(--e-global-color-lcolor5);
z-index: 40;
}
.listivo-autocomplete-input__additional-select {
position: relative;
right: -15px;
height: 58px;
}
.listivo-autocomplete-input__placeholder {
position: absolute;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
background-color: var(--e-global-color-lcolor5);
white-space: nowrap;
}
.listivo-autocomplete-input__clear {
position: absolute;
top: 1px;
right: 12px;
cursor: pointer;
width: 26px;
height: calc(100% - 2px);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor5);
}
.listivo-autocomplete-input__clear svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-autocomplete-input__clear:hover svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-autocomplete-input input {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
border: none;
border-radius: 0;
background-color: var(--e-global-color-lcolor5);
padding: 0 !important;
cursor: text;
width: 100%;
}
.listivo-autocomplete-input input::-moz-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-autocomplete-input input:-ms-input-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-autocomplete-input input::placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-autocomplete-input__dropdown {
cursor: auto;
position: absolute;
left: 0;
top: calc(100% + 1px);
width: 100%;
padding: var(--e-global-size-6);
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius);
z-index: 40;
min-width: 220px;
}
.listivo-autocomplete-input__option {
padding: 0 var(--e-global-size-7);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
display: flex;
justify-content: space-between;
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-autocomplete-input__option:hover {
color: var(--e-global-color-lprimary1) !important;
}
.listivo-autocomplete-input__option:hover span {
color: var(--e-global-color-lprimary1) !important;
}
.listivo-autocomplete-input__option--highlight-text {
color: var(--e-global-color-lprimary2);
}
.listivo-autocomplete-input__option--highlight {
color: var(--e-global-color-lprimary1) !important;
}
.listivo-autocomplete-input__option--highlight span {
color: var(--e-global-color-lprimary1) !important;
}
label[for=listivo-phone-with-country-code] {
width: 100%;
}
.listivo-phone-with-country-code {
height: var(--e-global-size-2);
display: flex;
align-items: center;
cursor: text;
position: relative;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-5);
padding-left: var(--e-global-size-2);
background-color: var(--e-global-color-lcolor5);
width: 100%;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-phone-with-country-code__error {
display: none;
position: absolute;
top: 0;
right: var(--e-global-size-6);
z-index: 30;
}
.listivo-phone-with-country-code--error {
border-color: var(--e-global-color-lprimary2);
}
.listivo-phone-with-country-code--error .listivo-phone-with-country-code__error {
display: flex;
}
[dir=rtl] .listivo-phone-with-country-code {
flex-direction: row-reverse;
}
.listivo-phone-with-country-code select {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
background: var(--e-global-color-lcolor5);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
[dir=rtl] .listivo-phone-with-country-code select {
text-align: left;
}
.listivo-phone-with-country-code input {
width: 100%;
background: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
[dir=rtl] .listivo-phone-with-country-code input {
text-align: right;
}
.listivo-phone-with-country-code input::-moz-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-phone-with-country-code input:-ms-input-placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-phone-with-country-code input::placeholder {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-phone-with-country-code__icon {
margin-right: var(--e-global-size-6);
position: absolute;
left: var(--e-global-size-6);
}
.listivo-attributes-v3 {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(150px, 165px));
}
.listivo-attributes-v3__attribute {
display: flex;
flex-direction: column;
max-width: 165px;
}
.listivo-attributes-v3__value {
font-family: Monoton;
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 100%;
color: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
}
.listivo-attributes-v3__value--center {
justify-content: center;
}
.listivo-attributes-v3__after-value {
margin-left: 2px;
display: inline;
font-family: var(--e-global-l-font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
letter-spacing: -0.5px;
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-attributes-v3__label {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-list-with-tabs__head {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 50px;
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs__head {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs__head {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs__head {
overflow: hidden;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs__head {
max-width: none;
margin: 0 -15px !important;
}
}
.listivo-listing-list-with-tabs__button {
margin-left: var(--e-global-size-6);
}
.listivo-listing-list-with-tabs__list {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-listing-list-with-tabs__list {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-list-with-tabs__list {
max-width: 390px;
}
}
.listivo-tabs-v2 {
display: flex;
white-space: nowrap;
}
@media (max-width: 1024px) {
.listivo-tabs-v2 {
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
}
@media (max-width: 767px) {
.listivo-tabs-v2 {
margin: 0 auto;
padding: 0 var(--e-global-size-6);
}
}
.listivo-tabs-v2::-webkit-scrollbar {
display: none; }
.listivo-tabs-v2__tab {
margin-left: var(--e-global-size-6);
}
.listivo-tabs-v2__tab:first-child {
margin-left: 0;
}
.listivo-tab-v2 {
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
height: 50px;
display: inline-flex;
align-items: center;
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
cursor: pointer;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
border: 1px solid transparent;
transition: 0.3s ease-in-out;
}
.listivo-tab-v2:not(.listivo-tab-v2--active):hover {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-tab-v2--active {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-tab-v2--primary-2:hover {
color: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
}
.listivo-tab-v2--primary-2.listivo-tab-v2--active {
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
}
.listivo-tab-v2--primary-2.listivo-tab-v2--active:hover {
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
}
.listivo-listing-grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.listivo-listing-grid--small-cards {
grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
}
.listivo-listing-grid--1-col {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-listing-grid--1-col {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
}
@media (max-width: 1024px) {
.listivo-listing-grid--rows-v2 {
grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
gap: 15px;
}
}
.listivo-search-results-wrapper {
padding: var(--e-global-size-2) 0;
}
.listivo-search-results {
position: relative;
}
.listivo-search-results__row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap-reverse;
gap: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-search-results__row {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-search-results__row {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-search-results__row {
flex-direction: column;
justify-content: left;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.listivo-search-results__row {
width: 100%;
}
}
.listivo-search-results__row-left {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding-right: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-search-results__row-left {
width: 100%;
}
}
.listivo-search-results__row-right {
display: flex;
height: var(--e-global-size-2);
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.listivo-search-results__row-right {
align-items: flex-start;
}
}
@media (max-width: 767px) {
.listivo-search-results__row-right {
width: 100%;
margin-top: 0;
justify-content: flex-start;
}
}
.listivo-search-results__results-number {
color: var(--e-global-color-lcolor1);
margin-right: var(--e-global-size-6);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
line-height: 100%;
}
.listivo-search-results__title {
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
line-height: normal;
}
.listivo-search-results__sort-by {
display: flex;
align-items: center;
}
.listivo-search-results__sort-by .listivo-select-v2 {
min-width: 250px;
}
.listivo-search-results__sort-by-label {
color: #000;
margin-right: var(--e-global-size-6);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-search-results__sort-by-label {
display: none;
}
}
.listivo-search-results__views {
margin-left: var(--e-global-size-6);
display: flex;
width: 135px;
gap: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-search-results__views {
display: none;
}
}
.listivo-search-results__description {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: normal;
}
.listivo-search-results__description figure.wp-caption {
max-width: 100%;
}
.listivo-search-results__description ul, .listivo-search-results__description ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
}
.listivo-search-results__description ol li {
list-style-type: decimal;
}
.listivo-search-results__description li {
display: list-item;
list-style: inside;
}
.listivo-search-results__description p {
margin-top: var(--e-global-size-6);
margin-bottom: var(--e-global-size-4);
}
.listivo-search-results__description p:first-child {
margin-top: 0;
}
.listivo-search-results__description p:last-child {
margin-bottom: 0;
}
.listivo-search-results__description .wp-caption.alignright {
float: right;
}
.listivo-search-results__description .wp-caption.alignright:after {
content: "";
clear: both;
}
.listivo-search-results__description .wp-caption.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.listivo-search-results__description:after {
display: block;
content: "";
clear: both;
}
.listivo-search-results__list {
margin-top: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-search-results__list {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-search-results__list {
max-width: 390px;
}
}
.listivo-search-results__pagination {
margin-top: var(--e-global-size-4);
}
@media (min-width: 767px) {
.listivo-search-results__pagination-mobile {
display: none;
}
}
.listivo-search-results__pagination-desktop {
display: none;
}
@media (min-width: 767px) {
.listivo-search-results__pagination-desktop {
display: block;
}
}
.listivo-search-results--map {
padding: var(--e-global-size-4) 0;
}
.listivo-search-results--map .listivo-search-results__results-number {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-search-results--map .listivo-search-results__row-left {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.listivo-search-results--map .listivo-search-results__title {
margin-top: var(--e-global-size-7);
}
.listivo-search-results--map .listivo-search-results__list {
margin-top: var(--e-global-size-4);
}
.listivo-search-results__filters {
margin-top: var(--e-global-size-7);
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--e-global-size-7);
margin-bottom: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-search-results__filters {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-search-results__filters {
max-width: 390px;
}
}
.listivo-search-results__clear-filters {
cursor: pointer;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-vertical-link-list {
display: flex;
flex-direction: column;
}
.listivo-vertical-link-list .menu-item a {
display: inline-flex;
align-items: center;
justify-content: space-between;
color: var(--e-global-color-lcolor3);
margin-top: var(--e-global-size-4) !important;
position: relative;
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-vertical-link-list .menu-item a:before {
position: absolute;
left: 0;
display: block;
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--e-global-color-lprimary2);
margin-right: var(--e-global-size-7);
transition: 0.3s ease-in-out;
opacity: 0;
}
@media (min-width: 1024px) {
.listivo-vertical-link-list .menu-item a:hover {
padding-left: 15px;
color: var(--e-global-color-lprimary2);
}
.listivo-vertical-link-list .menu-item a:hover:before {
opacity: 1;
}
}
@media (max-width: 1024px) {
.listivo-vertical-link-list .menu-item a {
margin-top: 0 !important;
padding: var(--e-global-size-6) var(--e-global-size-4);
border-bottom: 2px dashed var(--e-global-color-lcolor2);
width: 100%;
}
.listivo-vertical-link-list .menu-item a:after {
display: block;
content: "";
width: 5px;
height: 8px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath opacity='0.4' d='M2.98004 4.08789L0.605271 1.71312C0.347968 1.45582 0.347968 1.03817 0.605271 0.780868C0.862573 0.523565 1.28022 0.523565 1.53753 0.780868L4.40515 3.64849C4.64815 3.8915 4.64815 4.28491 4.40515 4.52729L1.53753 7.39491C1.28022 7.65222 0.862573 7.65222 0.605271 7.39491C0.347968 7.13761 0.347968 6.71996 0.605271 6.46266L2.98004 4.08789Z' fill='%23D5E3EE'/%3E%3C/svg%3E") no-repeat center center;
}
[dir=rtl] .listivo-vertical-link-list .menu-item a:after {
transform: scaleX(-1);
}
}
.listivo-vertical-link-list .menu-item:first-child a {
margin-top: 0 !important;
}
@media (max-width: 1024px) {
.listivo-vertical-link-list .menu-item:first-child a {
border-top: 2px dashed var(--e-global-color-lcolor2);
}
}
.listivo-small-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background-color: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
-webkit-print-color-adjust: exact; color-adjust: exact; }
.listivo-small-icon--circle {
border-radius: 50%;
}
.listivo-small-icon--primary-2 {
background: var(--e-global-color-lprimary2);
}
.listivo-small-icon i {
color: var(--e-global-color-lcolor5);
}
.listivo-small-icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-small-data {
display: inline-flex;
align-items: center;
}
.listivo-small-data__icon {
margin-right: var(--e-global-size-7);
}
.listivo-small-data__value {
color: var(--e-global-color-lcolor3);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-small-data__value a {
color: var(--e-global-color-lcolor3);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-image-wrapper {
display: flex;
}
.listivo-image {
display: block;
}
.listivo-image img {
display: block;
width: auto;
height: 100%;
}
.listivo-copyrights {
box-shadow: inset 0 4px 100px rgba(0, 0, 0, 0.2);
display: flex;
flex-wrap: wrap;
align-items: center;
padding: var(--e-global-size-6) 0;
min-height: var(--e-global-size-2);
}
.listivo-copyrights__container {
color: var(--e-global-color-lcolor3);
width: 100%;
text-align: center;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-copyrights__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
.listivo-user-dropdown {
width: 260px;
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
box-shadow: var(--e-global-shadow);
overflow: hidden;
position: absolute;
top: calc(100% + 1px);
left: -30px;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-in-out;
-webkit-clip-path: inset(0 -50px -50px -50px);
clip-path: inset(0 -50px -50px -50px);
}
@media (max-width: 1119px) {
.listivo-user-dropdown {
display: none;
}
}
.listivo-user-dropdown__list {
padding: var(--e-global-size-6) 0;
}
.listivo-user-dropdown__item {
color: var(--e-global-color-lcolor1);
display: flex;
align-items: center;
width: 100%;
padding: 5px var(--e-global-size-4);
transition: 0.3s ease-in-out;
}
.listivo-user-dropdown__item:hover {
background: var(--e-global-color-lsectionbg);
}
.listivo-user-dropdown__item:last-child {
margin-bottom: 0;
}
.listivo-user-dropdown__label {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-user-dropdown__icon {
display: flex;
align-items: center;
width: var(--e-global-size-6);
margin-right: 12px;
}
.listivo-user-dropdown__icon--stroke svg path {
stroke: var(--e-global-color-lcolor1);
}
.listivo-user-dropdown__icon--fill svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-user-dropdown__icon i {
color: var(--e-global-color-lcolor1);
}
.listivo-user-dropdown__count {
display: inline-flex;
align-items: center;
justify-content: center;
height: 20px;
min-width: 20px;
padding: 0 6px;
border-radius: 50px;
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-user-dropdown__separator {
height: 1px;
width: 100%;
background-color: var(--e-global-color-lcolor4);
}
.listivo-user-dropdown__bottom {
padding-top: 5px;
padding-bottom: 10px;
}
.listivo-menu-mobile-v2 {
max-width: 311px;
width: 100%;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
height: 100%;
transition: 0.3s ease-in-out;
transform: translateX(-100%);
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
z-index: 99999;
padding-bottom: var(--e-global-size-3);
}
.listivo-menu-mobile-v2--open {
visibility: visible;
transform: translateX(0);
overflow-y: scroll;
}
.listivo-menu-mobile-v2__currencies {
display: flex;
align-items: center;
gap: 10px;
}
.listivo-menu-mobile-v2__currency {
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-menu-mobile-v2__currency:before {
content: "";
margin-right: 10px;
height: 15px;
width: 1px;
background: var(--e-global-color-lcolor2);
}
.listivo-menu-mobile-v2__currency:first-child:before {
display: none;
}
.listivo-menu-mobile-v2__currency--current {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-menu-mobile-v2__top {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--e-global-size-1);
background-color: var(--e-global-color-lsectionbg);
padding: 0 var(--e-global-size-6);
}
.listivo-menu-mobile-v2__close {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-size-4);
width: 50px;
height: 50px;
}
.listivo-menu-mobile-v2__item {
width: 100%;
}
.listivo-menu-mobile-v2__item a {
height: 60px;
border-bottom: 1px solid var(--e-global-color-lcolor4);
padding: 0 var(--e-global-size-6);
display: flex;
align-items: center;
justify-content: space-between;
color: var(--e-global-color-lcolor1);
position: relative;
width: 100%;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-menu-mobile-v2__item a svg {
display: none;
right: 0;
}
.listivo-menu-mobile-v2__item.menu-item-has-children > a svg {
display: block;
}
.listivo-menu-mobile-v2__item.menu-item-has-children > a svg path {
fill: var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out;
}
.listivo-menu-mobile-v2__item--open > a svg path {
fill: var(--e-global-color-lprimary2) !important;
}
.listivo-menu-mobile-v2__item--open > .listivo-menu-mobile-v2__submenu {
display: block;
}
.listivo-menu-mobile-v2__submenu {
display: none;
}
.listivo-menu-mobile-v2__submenu a {
padding-left: var(--e-global-size-4);
}
.listivo-menu-mobile-v2__submenu .listivo-menu-mobile-v2__submenu a {
padding-left: var(--e-global-size-2);
}
.listivo-menu-mobile-v2__info {
margin-top: 50px;
padding: 0 var(--e-global-size-6);
}
.listivo-menu-mobile-v2__data-label {
color: var(--e-global-color-lprimary2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-menu-mobile-v2__data-value {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-menu-mobile-v2__data-value a {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
.listivo-menu-mobile-v2__socials {
margin-top: var(--e-global-size-2);
padding: 0 var(--e-global-size-6);
}
.listivo-dark-mask {
background: transparent;
opacity: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
visibility: hidden;
transition: 0.3s ease-in-out;
}
.listivo-dark-mask--active {
visibility: visible;
background: var(--e-global-color-lcolor1);
opacity: 0.85;
}
.listivo-view-selector {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
cursor: pointer;
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor5);
}
.listivo-view-selector svg path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-view-selector i {
color: var(--e-global-color-lcolor1);
}
.listivo-view-selector:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-view-selector:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-view-selector:hover i {
color: var(--e-global-color-lprimary1);
}
.listivo-view-selector--active {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-view-selector--active:hover svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-view-selector--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-view-selector--active i {
color: var(--e-global-color-lcolor5);
}
.listivo-toggle {
background-color: var(--e-global-color-lprimary1);
box-shadow: var(--e-global-shadow);
border-radius: 30px;
padding-left: var(--e-global-size-6);
padding-right: 7px;
align-items: center;
display: inline-flex;
cursor: pointer;
height: 35px;
}
.listivo-toggle__icon {
margin-right: 6px;
display: flex;
align-items: center;
}
.listivo-toggle__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-toggle__label {
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-toggle__circle {
display: flex;
align-items: center;
justify-content: center;
min-width: 19px;
height: 19px;
background: var(--e-global-color-lcolor5);
border-radius: 50px;
margin-left: 7px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-toggle__circle svg path {
fill: var(--e-global-color-lcolor1);
}
@media (max-width: 1024px) {
.listivo-title-with-breadcrumbs {
padding: 0 var(--e-global-size-6);
}
}
.listivo-title-with-breadcrumbs__container {
max-width: calc(100% - 60px);
width: 100%;
background: no-repeat center center;
background-size: cover;
margin: 0 auto;
height: 268px;
padding-top: var(--e-global-size-1);
position: relative;
z-index: 10;
overflow-y: hidden;
border-radius: 0 0 var(--e-global-size-7) var(--e-global-size-7);
}
@media (max-width: 1024px) {
.listivo-title-with-breadcrumbs__container {
height: 154px;
padding-top: 0;
display: flex;
align-items: center;
max-width: 100%;
}
}
.listivo-title-with-breadcrumbs__container:before {
content: "";
display: block;
z-index: -1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.7;
}
@media (max-width: 1024px) {
.listivo-title-with-breadcrumbs--full-width {
padding: 0;
}
}
.listivo-title-with-breadcrumbs--full-width .listivo-title-with-breadcrumbs__container {
width: 100%;
max-width: 100%;
border-radius: 0;
}
.listivo-title-with-breadcrumbs__title {
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-title-with-breadcrumbs__title {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-align: center;
}
}
.listivo-title-with-breadcrumbs__title span {
color: var(--e-global-color-lprimary1);
}
.listivo-title-with-breadcrumbs__breadcrumbs {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-title-with-breadcrumbs__breadcrumbs {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-blog-archive-v2 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-blog-archive-v2 {
max-width: 390px;
}
}
.listivo-blog-archive-v2__grid {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
@media (min-width: 1024px) {
.listivo-blog-archive-v2__grid--first-featured a:first-child {
grid-column: 1/3;
}
}
.listivo-blog-archive-v2__pagination {
margin-top: var(--e-global-size-2);
display: none;
}
@media (min-width: 767px) {
.listivo-blog-archive-v2__pagination {
display: block;
}
}
.listivo-blog-archive-v2__mobile-pagination {
margin-top: var(--e-global-size-2);
display: block;
}
@media (min-width: 767px) {
.listivo-blog-archive-v2__mobile-pagination {
display: none;
}
}
.listivo-single-post {
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.listivo-single-post {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-single-post {
max-width: 390px;
}
}
.listivo-single-post .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
padding-bottom: 56.25%;
width: 100%;
position: relative;
}
.listivo-single-post .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-single-post ul {
list-style-type: disc;
list-style-position: inside;
margin-bottom: var(--e-global-size-4);
}
.listivo-single-post ul li {
list-style: unset;
}
.listivo-single-post ol {
list-style-type: decimal;
list-style-position: inside;
margin-bottom: var(--e-global-size-4);
}
.listivo-single-post ol li {
list-style: unset;
}
.listivo-single-post--no-image .listivo-single-post__meta {
border-top: 1px solid var(--e-global-color-lcolor4);
border-top-left-radius: var(--e-global-size-7);
border-top-right-radius: var(--e-global-size-7);
}
.listivo-single-post__image {
width: 100%;
border-top-left-radius: var(--e-global-size-7);
border-top-right-radius: var(--e-global-size-7);
overflow: hidden;
}
.listivo-single-post__image img {
aspect-ratio: 750/500;
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.listivo-single-post__image img {
aspect-ratio: 360/240;
}
}
.listivo-single-post__body {
background-color: var(--e-global-color-lcolor5);
}
.listivo-single-post__meta-wrapper {
padding: var(--e-global-size-4);
padding-bottom: 0;
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
@media (max-width: 767px) {
.listivo-single-post__meta-wrapper {
padding: var(--e-global-size-6) var(--e-global-size-4);
}
}
.listivo-single-post__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-single-post__data {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-single-post__data-icon {
width: var(--e-global-size-5);
min-width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-lcolor4);
margin-right: var(--e-global-size-7);
border-radius: 50%;
overflow: hidden;
}
.listivo-single-post__data-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-single-post__data-list {
display: flex;
flex-wrap: wrap;
}
.listivo-single-post__data-list a {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-single-post__data-list a:after {
content: ", ";
margin-right: 3px;
}
.listivo-single-post__data-list a:last-child {
margin-right: 0;
}
.listivo-single-post__data-list a:last-child:after {
content: "";
}
.listivo-single-post__main {
padding: var(--e-global-size-4);
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-radius: 0 0 var(--e-global-size-7) var(--e-global-size-7);
}
.listivo-single-post__main figure {
margin-bottom: var(--e-global-size-4) !important;
}
@media (max-width: 767px) {
.listivo-single-post__main {
padding: var(--e-global-size-4);
}
}
.listivo-single-post__title {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-single-post__content {
margin-top: var(--e-global-size-4);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-single-post__content figure.wp-caption {
max-width: 100%;
}
.listivo-single-post__content p {
margin-bottom: var(--e-global-size-4);
}
.listivo-single-post__content p:last-child {
margin-bottom: 0;
}
.listivo-single-post__content a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-single-post__content a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-single-post__content a:hover:before {
width: calc(100% + 6px);
}
.listivo-single-post__content span, .listivo-single-post__content b, .listivo-single-post__content strong {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
}
@media (max-width: 599px) {
.listivo-single-post__content .wp-block-columns .wp-block-column {
margin-top: var(--e-global-size-6);
}
.listivo-single-post__content .wp-block-columns .wp-block-column:first-child {
margin-top: 0;
}
}
.listivo-single-post__content h1, .listivo-single-post__content h2, .listivo-single-post__content h3, .listivo-single-post__content h4 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
margin-bottom: var(--e-global-size-4) !important;
}
.listivo-single-post__content blockquote {
padding: var(--e-global-size-4);
padding-right: 110px;
border-radius: var(--e-global-size-7);
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
margin-bottom: var(--e-global-size-4);
position: relative;
}
@media (max-width: 767px) {
.listivo-single-post__content blockquote {
padding-right: var(--e-global-size-4);
}
}
.listivo-single-post__content blockquote:after {
display: block;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='73' viewBox='0 0 90 73' fill='none'%3E%3Cpath opacity='0.3' d='M20.1316 0.603882C9.05529 0.603882 0 9.70491 0 20.8371C0 31.9693 9.05529 41.0704 20.1316 41.0704C24.3394 41.0704 28.2491 39.7484 31.488 37.5091C29.4321 46.3445 25.7684 52.4981 22.1623 56.7567C16.741 63.1589 11.708 65.1299 11.708 65.1299C11.2638 65.2958 10.8572 65.5494 10.512 65.8757C10.1668 66.202 9.8901 66.5943 9.69806 67.0297C9.50602 67.4651 9.40258 67.9347 9.39381 68.4108C9.38504 68.887 9.47112 69.3601 9.647 69.8023C9.82288 70.2445 10.085 70.6469 10.4179 70.9858C10.7508 71.3247 11.1478 71.5933 11.5856 71.7756C12.0233 71.958 12.4929 72.0505 12.9667 72.0478C13.4406 72.045 13.9091 71.9471 14.3447 71.7596C14.3447 71.7596 21.1538 68.9698 27.5745 61.3873C33.9953 53.8048 40.2632 41.2431 40.2632 22.0273C40.2633 21.8546 40.2509 21.6821 40.2262 21.5112C40.2337 21.2852 40.2632 21.0649 40.2632 20.8371C40.2632 9.70491 31.2079 0.603882 20.1316 0.603882ZM69.8684 0.603882C58.7921 0.603882 49.7368 9.70491 49.7368 20.8371C49.7368 31.9693 58.7921 41.0704 69.8684 41.0704C74.0763 41.0704 77.986 39.7484 81.2248 37.5091C79.1689 46.3445 75.5053 52.4981 71.8992 56.7567C66.4778 63.1589 61.4448 65.1299 61.4448 65.1299C61.0007 65.2958 60.594 65.5494 60.2489 65.8757C59.9037 66.202 59.6269 66.5943 59.4349 67.0297C59.2429 67.4651 59.1394 67.9347 59.1307 68.4108C59.1219 68.887 59.208 69.3601 59.3839 69.8023C59.5597 70.2445 59.8218 70.6469 60.1548 70.9858C60.4877 71.3247 60.8847 71.5933 61.3224 71.7756C61.7601 71.958 62.2297 72.0505 62.7036 72.0478C63.1774 72.045 63.6459 71.947 64.0815 71.7596C64.0815 71.7596 70.8906 68.9698 77.3114 61.3873C83.7321 53.8048 90 41.2431 90 22.0273C90.0001 21.8546 89.9877 21.6821 89.963 21.5112C89.9705 21.2852 90 21.0649 90 20.8371C90 9.70491 80.9447 0.603882 69.8684 0.603882ZM20.1316 7.74502C27.3679 7.74502 33.1579 13.5643 33.1579 20.8371C33.1579 28.11 27.3679 33.9292 20.1316 33.9292C12.8953 33.9292 7.10526 28.11 7.10526 20.8371C7.10526 13.5643 12.8953 7.74502 20.1316 7.74502ZM69.8684 7.74502C77.1047 7.74502 82.8947 13.5643 82.8947 20.8371C82.8947 28.11 77.1047 33.9292 69.8684 33.9292C62.6321 33.9292 56.8421 28.11 56.8421 20.8371C56.8421 13.5643 62.6321 7.74502 69.8684 7.74502Z' fill='%23FDFDFE' fill-opacity='0.9'/%3E%3C/svg%3E");
position: absolute;
right: 38px;
bottom: -18px;
}
.listivo-single-post__content blockquote p {
margin-bottom: 23px;
}
.listivo-single-post__content blockquote cite strong {
opacity: 0.5;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-single-post__content .listivo-blog-remove-content-gaps {
margin-left: -60px;
margin-right: -60px;
}
@media (max-width: 767px) {
.listivo-single-post__content .listivo-blog-remove-content-gaps {
margin-left: 0;
margin-right: 0;
}
}
.listivo-single-post__content .wp-block-columns {
margin-top: var(--e-global-size-4);
margin-bottom: var(--e-global-size-4);
}
.listivo-single-post__content .listivo-styled-list ul {
list-style: none;
}
.listivo-single-post__content .listivo-styled-list li {
display: flex;
}
.listivo-single-post__content .listivo-styled-list li:before {
display: block;
content: "";
width: var(--e-global-size-7);
min-width: var(--e-global-size-7);
height: var(--e-global-size-7);
border: 2px solid var(--e-global-color-lprimary2);
margin-right: var(--e-global-size-6);
border-radius: 50%;
margin-top: 9.5px;
}
.listivo-single-post__footer {
margin-top: var(--e-global-size-4);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-size-7);
padding: var(--e-global-size-4);
}
.listivo-single-post__footer-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-single-post__user {
display: flex;
align-items: center;
gap: var(--e-global-size-7);
}
.listivo-single-post__user-name {
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-single-post__user-avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.listivo-single-post__user-avatar img {
display: block;
width: 50px;
height: 50px;
}
.listivo-single-post__tags {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -15px;
margin-top: -15px;
}
@media (max-width: 767px) {
.listivo-single-post__tags {
justify-content: center;
margin-top: var(--e-global-size-6);
}
}
.listivo-single-post__tag {
display: flex;
align-items: center;
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1);
height: var(--e-global-size-4);
padding: 0 var(--e-global-size-7);
transition: 0.3s ease-in-out;
margin-left: 15px;
white-space: nowrap;
margin-top: var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-single-post__tag:hover {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-single-post__socials {
display: flex;
flex-wrap: wrap;
}
.listivo-single-post__categories {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-single-post__category {
display: flex;
align-items: center;
height: var(--e-global-size-4);
padding: 0 var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
}
.listivo-single-post__category:first-child {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-breadcrumbs-widget {
display: flex;
justify-content: space-between;
align-items: center;
}
.listivo-post-carousel__top {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media (max-width: 1024px) {
.listivo-post-carousel__top {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-post-carousel__top {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-post-carousel__heading {
width: 100%;
}
}
.listivo-post-carousel__nav {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.listivo-post-carousel__nav {
display: none;
}
}
.listivo-post-carousel__button {
margin-left: var(--e-global-size-6);
}
.listivo-post-carousel__content {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-post-carousel__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-post-carousel__content {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-post-carousel__content {
margin-top: var(--e-global-size-4);
}
}
.listivo-post-carousel__mobile-nav {
display: none;
justify-content: center;
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-post-carousel__mobile-nav {
display: flex;
}
}
.listivo-post-carousel .listivo-swiper-slide {
max-width: 373.333px;
display: inline-block;
height: auto;
}
.listivo-tags {
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-tag {
border: 1px solid transparent;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 25px;
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
padding: 2px var(--e-global-size-7);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-contact-button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 82px;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
cursor: pointer;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-contact-button--regular-cursor {
cursor: auto;
}
.listivo-contact-button--background-color-5 {
background: var(--e-global-color-lcolor5);
}
.listivo-contact-button span {
color: var(--e-global-color-lprimary2);
margin-left: 5px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
[dir=rtl] .listivo-contact-button span {
margin-left: 5px;
}
.listivo-contact-button:hover {
box-shadow: var(--e-global-shadow);
border-color: transparent;
}
.listivo-contact-button__inner {
display: flex;
align-items: center;
word-break: break-all;
}
.listivo-contact-button__text {
flex: 1;
}
.listivo-contact-button__icon {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin-right: var(--e-global-size-6);
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
}
.listivo-contact-button__icon svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-contact-button__icon--additional {
background-color: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
margin-right: 0;
margin-left: var(--e-global-size-6);
}
.listivo-contact-button__icon--additional svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-contact-button--listing-user-v2 {
background-color: var(--e-global-color-lcolor3);
border-radius: 0;
border: 0;
}
.listivo-contact-button--listing-user-v2 .listivo-contact-button__icon {
background-color: var(--e-global-color-lcolor5);
border-color: var(--e-global-color-lcolor5);
}
.listivo-contact-button--listing-user-v2 .listivo-contact-button__icon--additional {
background-color: var(--e-global-color-lprimary1);
}
.listivo-contact-button--listing-user-v2:hover {
box-shadow: unset;
}
.listivo-create-message-form {
display: flex;
flex-direction: column;
align-items: center;
border-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor4);
padding: var(--e-global-size-4);
}
.listivo-create-message-form__label {
margin-bottom: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-create-message-form__form {
width: 100%;
}
.listivo-create-message-form__form textarea {
width: 100%;
height: 200px;
background-color: var(--e-global-color-lcolor5-op-1);
padding: var(--e-global-size-7) var(--e-global-size-6);
border: 1px solid var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
resize: vertical;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-create-message-form__button {
margin-top: var(--e-global-size-4);
}
.listivo-create-message-form--user {
padding: var(--e-global-size-4) var(--e-global-size-2);
}
.listivo-create-message-form--user .listivo-create-message-form__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-create-message-form--user .listivo-create-message-form__form textarea {
height: 180px;
}
@media (max-width: 767px) {
.listivo-create-message-form--user {
padding: var(--e-global-size-4);
}
.listivo-create-message-form--user .listivo-create-message-form__form textarea {
height: 200px;
}
.listivo-create-message-form--user .listivo-create-message-form__button {
margin-top: var(--e-global-size-6);
}
}
.listivo-create-message-form--v2 {
background-color: var(--e-global-color-lcolor5);
}
.listivo-create-message-form--v2 textarea {
background-color: var(--e-global-color-lsectionbg);
border: 1px solid var(--e-global-color-lcolor3);
padding: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-create-message-form--v2 .listivo-create-message-form__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-carousel__top {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-listing-carousel__top {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-carousel__top {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__top {
flex-direction: column;
align-items: center;
}
}
.listivo-listing-carousel__right {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-listing-carousel__right {
display: none;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__right--tablet-visible {
display: flex;
flex-direction: column;
}
}
.listivo-listing-carousel__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-listing-carousel__label {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__nav {
margin-top: var(--e-global-size-4);
}
}
.listivo-listing-carousel__button {
margin-right: var(--e-global-size-6);
}
.listivo-listing-carousel__button--margin-left {
margin-right: 0;
margin-left: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-listing-carousel__button {
display: none;
}
}
.listivo-listing-carousel__button--mobile {
display: none;
margin-right: 0;
}
@media (max-width: 1024px) {
.listivo-listing-carousel__button--mobile {
display: block;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__button--v2 {
display: none;
}
}
.listivo-listing-carousel__content {
margin-top: var(--e-global-size-2);
}
@media (max-width: 1024px) {
.listivo-listing-carousel__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-carousel__content {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__content {
margin-top: var(--e-global-size-4);
}
}
.listivo-listing-carousel .listivo-swiper-slide {
height: auto;
max-width: 373.333px;
display: inline-block;
}
.listivo-listing-carousel__mobile-bottom {
display: none;
justify-content: space-between;
margin-top: var(--e-global-size-4);
flex-wrap: wrap;
gap: var(--e-global-size-6);
width: 100%;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-listing-carousel__mobile-bottom {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-listing-carousel__mobile-bottom {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__mobile-bottom {
display: flex;
}
.listivo-listing-carousel__mobile-bottom .listivo-listing-carousel__nav {
margin-top: 0;
}
}
@media (max-width: 1024px) {
.listivo-listing-carousel__mobile-bottom--v2 {
display: flex;
justify-content: center;
width: 100%;
}
}
.listivo-simple-button {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
color: var(--e-global-color-lcolor5);
padding: 0 var(--e-global-size-4);
cursor: pointer;
white-space: nowrap;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-simple-button__icon {
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
}
[dir=rtl] .listivo-simple-button__icon svg {
transform: scaleX(-1);
}
.listivo-simple-button__icon path {
fill: var(--e-global-color-lcolor5);
}
.listivo-simple-button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-simple-button:hover:before {
opacity: 0.15;
}
.listivo-simple-button--disabled {
cursor: unset;
}
.listivo-simple-button--disabled:hover:before {
opacity: 0;
}
.listivo-simple-button--background-primary-1 {
background-color: var(--e-global-color-lprimary1);
}
.listivo-simple-button--background-primary-2 {
background-color: var(--e-global-color-lprimary2);
}
.listivo-simple-button--background-color-3 {
background-color: var(--e-global-color-lcolor3);
}
.listivo-simple-button--color-1 {
color: var(--e-global-color-lcolor1);
}
.listivo-simple-button--color-1 .listivo-simple-button__icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-simple-button--full-width {
width: 100%;
justify-content: center;
}
.listivo-simple-button--height-60 {
height: 60px;
}
.listivo-simple-button--height-45 {
height: 45px;
padding: 0 var(--e-global-size-5);
}
.listivo-user-hero__top {
position: relative;
width: 100%;
height: 0;
padding: 0 var(--e-global-size-4);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-user-hero__top {
padding: 0 var(--e-global-size-6);
}
}
@media (max-width: 767px) {
.listivo-user-hero__top {
padding: 0;
}
}
.listivo-user-hero__background {
width: 100%;
height: 300px;
box-shadow: var(--e-global-shadow);
border-radius: 0 0 var(--e-global-lborder-radius-large) var(--e-global-lborder-radius-large);
overflow: hidden;
position: relative;
}
.listivo-user-hero__background:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 300px;
z-index: 1;
background: var(--e-global-color-lcolor1);
opacity: 0.3;
border-radius: 0 0 var(--e-global-lborder-radius-large) var(--e-global-lborder-radius-large);
}
.listivo-user-hero__background img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 300px;
}
.listivo-user-hero--full-width .listivo-user-hero__top {
max-width: 100%;
padding: 0;
}
.listivo-user-hero--full-width .listivo-user-hero__background {
border-radius: 0;
}
@media (max-width: 767px) {
.listivo-user-hero__content-wrapper {
padding: 0 var(--e-global-size-6);
}
}
.listivo-user-hero__content {
margin-top: 187px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
z-index: 20;
}
@media (max-width: 767px) {
.listivo-user-hero__content {
max-width: 360px;
margin: var(--e-global-size-4) auto 0;
background-color: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
padding: var(--e-global-size-2) var(--e-global-size-6);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
}
.listivo-user-hero__content--no-background {
margin-top: 0;
}
@media (max-width: 767px) {
.listivo-user-hero__content--no-background {
margin-top: 0;
}
}
.listivo-user-hero__avatar {
width: 220px;
height: 220px;
border-radius: 50%;
overflow: hidden;
z-index: 10;
position: relative;
}
.listivo-user-hero__avatar img {
display: block;
width: 220px;
height: 220px;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-user-hero__avatar svg {
width: 120px;
height: 135px;
}
@media (max-width: 767px) {
.listivo-user-hero__avatar svg {
width: 80px;
height: 90px;
}
}
@media (max-width: 767px) {
.listivo-user-hero__avatar {
width: 180px;
height: 180px;
}
.listivo-user-hero__avatar img {
width: 180px;
height: 180px;
}
}
.listivo-user-hero__name {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
display: flex;
justify-content: center;
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-user-hero__meta {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-user-hero__meta {
flex-direction: column;
align-items: center;
}
}
.listivo-user-hero__data {
display: flex;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-user-hero__data-icon-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-user-hero__data-icon {
margin-right: var(--e-global-size-7);
}
.listivo-user-hero__data-text {
flex: 1;
}
.listivo-user-hero__socials {
display: flex;
justify-content: center;
margin-top: var(--e-global-size-4);
}
.listivo-user-hero__decoration-container {
position: relative;
width: 100%;
max-width: 1140px;
margin: 0 auto;
height: 0;
}
@media (max-width: 767px) {
.listivo-user-hero__decoration-container {
display: none;
}
}
.listivo-user-hero__circle {
width: 150px;
height: 150px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor4);
opacity: 0.7;
position: absolute;
}
.listivo-user-hero__circle--1 {
top: 222px;
left: -176px;
}
.listivo-user-hero__circle--2 {
top: 372px;
right: -206px;
}
.listivo-user-hero__small-circle {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor4);
opacity: 0.7;
position: absolute;
}
.listivo-user-hero__small-circle--1 {
top: 352px;
left: 172px;
}
.listivo-user-hero__small-circle--2 {
top: 530px;
right: 114px;
}
.listivo-user-hero__x {
position: absolute;
opacity: 0.7;
width: var(--e-global-size-3);
height: var(--e-global-size-3);
}
.listivo-user-hero__x svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-user-hero__x--1 {
top: 322px;
right: 200px;
}
.listivo-user-hero__x--2 {
top: 500px;
left: -30px;
}
.listivo-user-listings__label {
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-user-listings__count {
display: flex;
align-items: center;
background-color: var(--e-global-color-lprimary1);
height: var(--e-global-size-4);
color: var(--e-global-color-lcolor5);
border-radius: 40px;
padding: 0 12px;
margin-left: var(--e-global-size-4);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-user-listings__list {
margin-top: var(--e-global-size-2);
}
.listivo-user-listings__pagination {
margin-top: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-user-listings__pagination {
display: none;
}
}
.listivo-user-listings__mobile-pagination {
margin-top: var(--e-global-size-2);
display: none;
}
@media (max-width: 767px) {
.listivo-user-listings__mobile-pagination {
display: block;
}
}
@-webkit-keyframes wait {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes wait {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.listivo-user-profiles {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-user-profiles {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-user-profiles {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-single-user-profile {
display: flex;
flex-direction: column;
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-single-user-profile__image {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
}
.listivo-single-user-profile__image img {
display: block;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
transition: 0.3s ease-in-out;
}
.listivo-single-user-profile__content {
padding: var(--e-global-size-4) var(--e-global-size-6);
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-radius: var(--e-global-lborder-radius);
height: 100%;
flex: 1;
transition: 0.3s ease-in-out;
z-index: 10;
}
.listivo-single-user-profile__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-single-user-profile__job-title {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-single-user-profile__socials {
margin-top: 0;
z-index: 2;
height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s ease-in-out;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.listivo-single-user-profile__socials .listivo-social-icons {
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-single-user-profile__socials {
display: none;
}
}
.listivo-single-user-profile__link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.listivo-single-user-profile:hover .listivo-single-user-profile__content {
margin-top: -85px;
}
@media (max-width: 1024px) {
.listivo-single-user-profile:hover .listivo-single-user-profile__content {
margin-top: 0;
}
}
.listivo-single-user-profile:hover .listivo-single-user-profile__socials {
margin-top: var(--e-global-size-5);
height: 65px;
-webkit-animation: wait 300ms, fade-in 300ms 300ms forwards;
animation: wait 300ms, fade-in 300ms 300ms forwards;
}
.listivo-single-user-profile:hover .listivo-single-user-profile__image img {
transform: scale(1.1);
}
.listivo-single-user-profile--icons-smaller:hover .listivo-single-user-profile__content {
margin-top: -70px;
}
@media (max-width: 1024px) {
.listivo-single-user-profile--icons-smaller:hover .listivo-single-user-profile__content {
margin-top: 0;
}
}
.listivo-single-user-profile--icons-smaller:hover .listivo-single-user-profile__socials {
margin-top: var(--e-global-size-5);
height: 50px;
-webkit-animation: wait 300ms, fade-in 300ms 300ms forwards;
animation: wait 300ms, fade-in 300ms 300ms forwards;
}
.listivo-newsletter-v2 {
display: flex;
align-items: center;
width: 100%;
height: 210px;
position: relative;
background: center center no-repeat;
background-size: cover;
}
.listivo-newsletter-v2:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.7;
z-index: 1;
}
@media (max-width: 1024px) {
.listivo-newsletter-v2 {
padding: var(--e-global-size-2) var(--e-global-size-4);
height: auto;
}
}
.listivo-newsletter-v2__container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-newsletter-v2__container {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__container {
flex-direction: column;
}
}
.listivo-newsletter-v2__heading {
display: block;
color: var(--e-global-color-lcolor5);
position: relative;
z-index: 10;
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-newsletter-v2__heading span {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__heading {
justify-content: center;
max-width: 500px;
text-align: center;
}
}
.listivo-newsletter-v2__form {
display: flex;
align-items: center;
width: 555px;
margin-left: var(--e-global-size-4);
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__form {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-newsletter-v2__form {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-newsletter-v2__form {
margin-top: var(--e-global-size-4);
margin-left: 0;
justify-content: center;
width: 100%;
}
}
.listivo-newsletter-form {
height: 90px;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius) 100px 100px var(--e-global-lborder-radius);
display: inline-flex;
align-items: center;
padding: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-newsletter-form {
border-radius: var(--e-global-lborder-radius);
width: 100%;
}
}
.listivo-newsletter-form__fields {
margin-right: var(--e-global-size-7);
width: 100%;
}
@media (max-width: 767px) {
.listivo-newsletter-form__fields {
min-width: 1px;
flex: 1;
margin-right: 0;
}
}
.listivo-newsletter-form__fields .listivo-input-v2 {
width: 440px;
}
@media (max-width: 767px) {
.listivo-newsletter-form__fields .listivo-input-v2 {
width: 100%;
max-width: 100%;
}
}
.listivo-newsletter-form__button {
background-color: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius) 100px 100px var(--e-global-lborder-radius);
display: flex;
align-items: center;
justify-content: center;
height: 60px;
width: 75px;
}
.listivo-newsletter-form__button svg {
transition: 0.3s ease-in-out;
}
[dir=rtl] .listivo-newsletter-form__button svg {
transform: scaleX(-1);
}
.listivo-newsletter-form__button:hover svg {
transform: scale(1.2);
}
[dir=rtl] .listivo-newsletter-form__button:hover svg {
transform: scaleX(-1.2) scaleY(1.2);
}
@media (max-width: 767px) {
.listivo-newsletter-form__button {
border-radius: var(--e-global-lborder-radius);
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
}
.listivo-page-not-found {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-page-not-found {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-page-not-found {
max-width: 390px;
}
}
.listivo-page-not-found__text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
color: var(--e-global-color-lcolor3);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
font-size: 400px;
}
@media (max-width: 1024px) {
.listivo-page-not-found__text {
font-size: 300px;
}
}
@media (max-width: 767px) {
.listivo-page-not-found__text {
font-size: 200px;
}
}
@media (max-width: 360px) {
.listivo-page-not-found__text {
font-size: 150px;
}
}
.listivo-page-not-found__image {
display: inline-block;
position: relative;
z-index: 11;
}
.listivo-page-not-found__image img {
display: block;
max-width: 712px;
width: 100%;
height: auto;
}
.listivo-stats-v1 {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding: var(--e-global-size-5) 0;
}
@media (max-width: 1024px) {
.listivo-stats-v1 {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: var(--e-global-size-4);
}
}
@media (max-width: 767px) {
.listivo-stats-v1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-stats-v1__item {
display: flex;
justify-content: center;
text-align: center;
margin: 0 auto;
}
.listivo-login-form {
max-width: 500px;
width: 100%;
display: flex;
flex-direction: column;
}
.listivo-login-form__tabs {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
overflow: hidden;
}
.listivo-login-form__tabs:before {
display: block;
content: "";
z-index: 9;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.listivo-login-form__tab {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor1);
cursor: pointer;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
width: calc(50% - 3px);
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
position: relative;
transform: translateY(5px);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-login-form__tab:hover {
transform: translateY(0);
}
.listivo-login-form__tab--active {
box-shadow: unset;
z-index: 15;
transform: translateY(0);
}
.listivo-login-form__social-button {
margin-top: var(--e-global-size-6);
}
.listivo-login-form__social-button:first-child {
margin-top: 0;
}
.listivo-login-form__inner {
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: 0 0 30px rgba(42, 57, 70, 0.2);
border-bottom-left-radius: var(--e-global-lborder-radius-large);
border-bottom-right-radius: var(--e-global-lborder-radius-large);
position: relative;
z-index: 12;
padding-top: var(--e-global-size-2);
}
.listivo-login-form__inner--rounded {
border-radius: var(--e-global-lborder-radius-large);
}
@media (max-width: 767px) {
.listivo-login-form__inner {
padding-top: var(--e-global-size-4);
}
}
.listivo-login-form__socials {
padding: 0 var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-login-form__socials {
padding: 0 var(--e-global-size-4);
}
}
@media (max-width: 370px) {
.listivo-login-form__socials {
padding: 0 var(--e-global-size-5);
}
}
.listivo-login-form__separator {
position: relative;
height: var(--e-global-size-4);
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor1);
margin: var(--e-global-size-6) 0;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-login-form__separator span {
padding: 0 var(--e-global-size-6);
position: relative;
z-index: 10;
}
.listivo-login-form__separator:before {
display: block;
content: "";
height: 2px;
background: linear-gradient(to right, var(--e-global-color-lcolor3), var(--e-global-color-lcolor3) 8px, transparent 8px, transparent);
background-size: 16px 100%;
position: absolute;
left: 0;
width: 43%;
}
.listivo-login-form__separator:after {
display: block;
content: "";
height: 2px;
background: linear-gradient(to right, var(--e-global-color-lcolor3), var(--e-global-color-lcolor3) 8px, transparent 8px, transparent);
background-size: 16px 100%;
position: absolute;
right: 0;
width: 43%;
}
.listivo-login-form__form {
padding: var(--e-global-size-2);
padding-top: 0;
}
@media (max-width: 767px) {
.listivo-login-form__form {
padding: var(--e-global-size-4);
padding-top: 0;
}
}
@media (max-width: 370px) {
.listivo-login-form__form {
padding: 0 var(--e-global-size-5);
padding-bottom: var(--e-global-size-4);
}
}
.listivo-login-form__field {
margin-top: var(--e-global-size-6);
}
.listivo-login-form__field:first-child {
margin-top: 0;
}
.listivo-login-form__field--advanced-phone {
display: flex;
gap: 5px;
}
.listivo-login-form__bottom {
margin-top: var(--e-global-size-7);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 767px) {
.listivo-login-form__bottom {
flex-direction: column;
margin-top: 25px;
}
}
.listivo-login-form__remember {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
cursor: pointer;
margin-right: 5px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-login-form__remember {
justify-content: center;
}
}
.listivo-login-form__marketing-consent {
display: flex;
}
.listivo-login-form__marketing-consent-checkbox {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-login-form__marketing-consent-text {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
flex: 1;
cursor: pointer;
}
.listivo-login-form__marketing-consent-text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-login-form__marketing-consent-text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-login-form__marketing-consent-text a:hover:before {
width: calc(100% + 6px);
}
.listivo-login-form__chat-app {
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
cursor: pointer;
}
@media (max-width: 767px) {
.listivo-login-form__chat-app {
justify-content: center;
align-items: center;
}
}
.listivo-login-form__policy {
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-login-form__policy {
justify-content: center;
align-items: center;
}
}
.listivo-login-form__policy a {
margin-left: 4px;
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-login-form__policy a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-login-form__policy a:hover:before {
width: calc(100% + 6px);
}
.listivo-login-form__checkbox-error {
color: red;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-login-form__checkbox {
cursor: pointer;
margin-right: 7px;
}
.listivo-login-form__lost-password {
color: var(--e-global-color-lprimary1);
cursor: pointer;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-login-form__lost-password:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-login-form__lost-password:hover:before {
width: calc(100% + 6px);
}
@media (max-width: 767px) {
.listivo-login-form__lost-password {
display: none;
}
}
.listivo-login-form__lost-password-mobile {
display: none;
}
@media (max-width: 767px) {
.listivo-login-form__lost-password-mobile {
display: block;
margin-top: var(--e-global-size-5);
}
}
.listivo-login-form__button {
margin-top: var(--e-global-size-5);
}
@media (max-width: 767px) {
.listivo-login-form__button {
margin-top: 25px;
}
}
.listivo-social-auth-button {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-5);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow) !important;
border-radius: var(--e-global-lborder-radius);
width: 100%;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-social-auth-button__icon {
margin-right: var(--e-global-size-6);
display: flex;
align-items: center;
}
.listivo-terms-v2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--e-global-size-7);
}
.listivo-terms-v2__term {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: var(--e-global-size-1);
min-width: var(--e-global-size-1);
padding: 0 10px;
border: 1px solid var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius-large);
color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-terms-v2__term:hover {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-terms-v2__term:hover .listivo-terms-v2__icon--invert-color img {
filter: contrast(300%) invert(100%);
}
.listivo-terms-v2__icon {
display: flex;
align-items: flex-end;
justify-content: center;
width: var(--e-global-size-3);
height: var(--e-global-size-3);
margin-bottom: 3px;
transition: 0.3s ease-in-out;
}
.listivo-terms-v2__icon img {
width: 45px;
height: auto;
transition: filter 0.3s ease-in-out;
}
.listivo-notice {
position: relative;
}
.listivo-notice__content {
display: flex;
align-items: center;
height: var(--e-global-size-4);
background: var(--e-global-color-lcolor1);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
box-shadow: var(--e-global-shadow);
padding: 0 var(--e-global-size-6);
transition: 0.3s ease-in-out;
top: calc(100% + 13px);
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
position: absolute;
opacity: 0;
visibility: hidden;
}
.listivo-notice__content:before {
content: "";
display: block;
width: 10px;
height: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid var(--e-global-color-lcolor1);
position: absolute;
left: 50%;
top: -5px;
margin-left: -5px;
}
.listivo-notice:hover .listivo-notice__content {
opacity: 1;
visibility: visible;
}
.listivo-categories-v1 {
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-categories-v1 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-categories-v1 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-category-v1 {
display: flex;
flex-direction: column;
transition: 0.3s ease-in-out;
}
.listivo-category-v1__image {
width: 100%;
position: relative;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-category-v1__image:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
z-index: 10;
}
.listivo-category-v1__image img {
display: block;
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-category-v1__arrow {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, calc(-50% + 15px));
background-color: var(--e-global-color-lprimary1);
border-radius: 50%;
opacity: 0;
transition: 0.3s ease-in-out;
width: 50px;
height: 50px;
z-index: 20;
}
.listivo-category-v1__arrow svg path {
fill: var(--e-global-color-lcolor5);
}
[dir=rtl] .listivo-category-v1__arrow svg {
transform: scaleX(-1);
}
.listivo-category-v1__label {
z-index: 21;
display: flex;
align-items: center;
height: var(--e-global-size-4);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: var(--e-global-color-lprimary1);
box-shadow: var(--e-global-shadow);
padding: 0 var(--e-global-size-6);
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-category-v1__name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
height: 80px;
padding: 0 var(--e-global-size-6);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-category-v1:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-category-v1:hover .listivo-category-v1__image img {
transform: scale(1);
}
.listivo-category-v1:hover .listivo-category-v1__image:before {
opacity: 0.75;
}
.listivo-category-v1:hover .listivo-category-v1__name {
border-color: transparent;
}
.listivo-category-v1:hover .listivo-category-v1__arrow {
opacity: 1;
transform: translate(-50%, -50%);
}
.listivo-category-v1--view-all {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
padding: var(--e-global-size-3);
color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-category-v1--view-all:hover {
box-shadow: var(--e-global-shadow);
}
@media (max-width: 1024px) {
.listivo-category-v1--view-all {
grid-area: span 1/span 2;
}
}
.listivo-category-v1--view-all:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor1);
opacity: 0.8;
z-index: 6;
}
.listivo-category-v1--view-all img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 5;
}
.listivo-category-v1--view-all-style-2 {
background-color: var(--e-global-color-lcolor4);
color: var(--e-global-color-lcolor1);
}
.listivo-category-v1--view-all-style-2:before {
display: none;
}
.listivo-category-v1--view-all-style-3:before {
background: var(--e-global-color-lcolor1);
opacity: 0.3;
}
.listivo-category-v1__button {
margin-top: var(--e-global-size-4);
}
.listivo-category-v1__view-all {
position: relative;
z-index: 10;
text-align: center;
}
@media (max-width: 767px) {
.listivo-category-v1--last {
display: none;
}
}
.listivo-category-v1__circle {
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5-op-1);
opacity: 0.7;
}
.listivo-category-v1__circle--first {
top: -110px;
left: 13px;
}
.listivo-category-v1__circle--second {
bottom: -93px;
right: -42px;
}
.listivo-category-v1__plus {
position: absolute;
top: 0;
right: 48px;
}
.listivo-category-v1__plus svg path {
fill: var(--e-global-color-lcolor5-op-1);
}
.listivo-category-v1__x {
position: absolute;
bottom: 56px;
left: 15px;
}
.listivo-category-v1__x svg path {
fill: var(--e-global-color-lcolor5-op-1);
}
.listivo-categories-v2 {
background-color: inherit;
}
.listivo-categories-v2__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--e-global-size-4);
}
.listivo-categories-v2__heading {
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--e-global-size-6);
text-align: center;
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-categories-v2__heading {
display: none;
}
}
.listivo-categories-v2__heading svg {
margin-left: var(--e-global-size-5);
}
[dir=rtl] .listivo-categories-v2__heading svg {
transform: scaleX(-1);
}
.listivo-categories-v2__heading svg path {
stroke: var(--e-global-color-lprimary1);
}
.listivo-category-v2 {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 55px;
width: 204px;
height: 104px;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
position: relative;
margin-top: 35px;
margin-bottom: 25px;
background-color: var(--e-global-color-lcolor5);
}
@media (max-width: 767px) {
.listivo-category-v2 {
width: 100%;
}
}
.listivo-category-v2__image {
background-color: var(--e-global-color-lcolor5);
position: absolute;
top: -35px;
height: 60px;
padding: 0 var(--e-global-size-6);
}
.listivo-category-v2__image img {
display: block;
height: 60px;
width: auto;
}
.listivo-category-v2__label {
top: -15px;
position: relative;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-category-v2__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: var(--e-global-color-lcolor3);
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.listivo-category-v2__arrow path {
fill: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
[dir=rtl] .listivo-category-v2__arrow svg {
transform: scaleX(-1);
}
.listivo-category-v2__arrow-wrapper {
position: absolute;
bottom: -25px;
padding: 0 var(--e-global-size-7);
background-color: var(--e-global-color-lcolor5);
}
.listivo-category-v2:hover .listivo-category-v2__arrow {
background: var(--e-global-color-lprimary1);
}
.listivo-categories-v4 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-categories-v4 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-category-v4 {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
display: flex;
position: relative;
}
.listivo-category-v4:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: var(--e-global-shadow);
opacity: 0;
transition: 0.3s ease-in-out;
pointer-events: none;
}
.listivo-category-v4:hover:before {
opacity: 1;
}
@media (max-width: 767px) {
.listivo-category-v4 {
flex-wrap: wrap;
}
}
.listivo-category-v4__left {
width: 164px;
border-right: 1px solid var(--e-global-color-lcolor4);
padding: var(--e-global-size-6);
padding-top: var(--e-global-size-4);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.listivo-category-v4__left {
width: 100%;
border-right: 0;
border-bottom: 1px solid var(--e-global-color-lcolor4);
padding-bottom: var(--e-global-size-4);
}
}
.listivo-category-v4__mobile-button {
padding: var(--e-global-size-6);
display: none;
border-top: 1px solid var(--e-global-color-lcolor4);
width: 100%;
justify-content: center;
}
@media (max-width: 767px) {
.listivo-category-v4__mobile-button {
display: flex;
}
}
.listivo-category-v4__top {
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-category-v4__heading {
margin-top: var(--e-global-size-6);
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-category-v4__image img {
display: block;
height: var(--e-global-size-3);
width: auto;
}
.listivo-category-v4__list {
flex: 1;
width: 100%;
padding: var(--e-global-size-6) var(--e-global-size-4);
}
.listivo-category-v4__item {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--e-global-size-6) 0;
border-bottom: 2px dashed var(--e-global-color-lcolor4);
}
.listivo-category-v4__item:last-child {
border-bottom: 0;
}
.listivo-category-v4__item:hover .listivo-category-v4__label {
color: var(--e-global-color-lprimary2);
}
.listivo-category-v4__label {
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-category-v4__count {
display: flex;
align-items: center;
height: var(--e-global-size-5);
background: var(--e-global-color-lcolor4);
border-radius: 50px;
padding: 0 6px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-category-v4__button {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
border-radius: var(--e-global-lborder-radius-large);
color: var(--e-global-color-lcolor1);
padding: 0 var(--e-global-size-4);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-category-v4__button:hover {
color: var(--e-global-color-lcolor5);
background: var(--e-global-color-lprimary2);
}
@media (max-width: 767px) {
.listivo-category-v4__button--hide-mobile {
display: none;
}
}
.listivo-categories-v5 {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--e-global-size-4);
margin-top: -45px;
padding-bottom: 30px;
}
.listivo-category-v5 {
max-width: 360px;
width: 100%;
position: relative;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-3);
padding-top: 75px;
padding-bottom: 60px;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 75px;
}
.listivo-category-v5__circle {
position: absolute;
top: -45px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
width: var(--e-global-size-1);
height: var(--e-global-size-1);
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-lprimary1);
border: 4px solid var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
}
.listivo-category-v5__circle img {
display: block;
width: auto;
height: 45px;
}
.listivo-category-v5__label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-category-v5__text {
margin-top: var(--e-global-size-4);
text-align: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-category-v5__button {
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
}
.listivo-newsletter-v3 {
display: flex;
justify-content: center;
width: 100%;
}
.listivo-listing-carousel-with-tabs-v2__head {
display: flex;
justify-content: space-between;
align-content: center;
}
.listivo-listing-carousel-with-tabs-v2__content {
margin-top: var(--e-global-size-2);
}
.listivo-listing-carousel-with-tabs-v2__content .listivo-swiper-slide {
height: auto;
max-width: 360px;
display: inline-block;
}
.listivo-listing-carousel-with-tabs-v2__tab {
margin-right: var(--e-global-size-7);
}
.listivo-listing-carousel-with-tabs-v2__tab:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.listivo-listing-carousel-with-tabs-v2__nav {
display: none;
}
}
.listivo-listing-carousel-with-tabs-v2__mobile-nav {
margin-top: var(--e-global-size-4);
display: none;
justify-content: space-between;
align-content: center;
}
@media (max-width: 1024px) {
.listivo-listing-carousel-with-tabs-v2__mobile-nav {
display: flex;
}
}
@media (max-width: 767px) {
.listivo-listing-carousel-with-tabs-v2__mobile-nav {
justify-content: center;
}
}
.listivo-listing-carousel-with-tabs-v2__pagination {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.listivo-listing-carousel-with-tabs-v2__pagination {
display: none;
}
}
.listivo-listing-carousel-with-tabs-v2__pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
border-radius: 5px;
background-color: var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out !important;
margin-left: var(--e-global-size-6);
opacity: 1 !important;
}
.listivo-listing-carousel-with-tabs-v2__pagination .swiper-pagination-bullet:first-child {
margin-left: 0;
}
.listivo-listing-carousel-with-tabs-v2__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 30px;
height: 10px;
border-radius: 11px;
background-color: var(--e-global-color-lprimary1);
}
.listivo-call-to-action-section-v2 {
position: relative;
padding-top: var(--e-global-size-2);
}
@media (max-width: 767px) {
.listivo-call-to-action-section-v2 {
padding-top: var(--e-global-size-4);
}
}
.listivo-call-to-action-section-v2__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 262px;
background: center center no-repeat;
background-size: cover;
}
@media (max-width: 767px) {
.listivo-call-to-action-section-v2__background {
height: 158px;
}
}
.listivo-call-to-action-section-v2__background:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 262px;
background: var(--e-global-color-lcolor1);
opacity: 0.5;
z-index: 5;
}
@media (max-width: 767px) {
.listivo-call-to-action-section-v2__background:before {
height: 158px;
}
}
.listivo-call-to-action-section-v2__content {
display: flex;
flex-direction: column;
align-items: center;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-2);
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
.listivo-call-to-action-section-v2__content {
padding: var(--e-global-size-4);
}
}
.listivo-call-to-action-section-v2__button {
margin-top: var(--e-global-size-4);
}
.listivo-call-to-action-section-v3 {
padding: var(--e-global-size-2) 0;
background: center center no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.listivo-call-to-action-section-v3 {
padding: var(--e-global-size-2) 0;
}
}
.listivo-call-to-action-section-v3:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
display: block;
background-color: var(--e-global-color-lcolor1);
opacity: 0.85;
}
.listivo-call-to-action-section-v3__container {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 10;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-call-to-action-section-v3__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
.listivo-call-to-action-section-v3__button {
display: flex;
justify-content: center;
margin-top: var(--e-global-size-4);
}
.listivo-call-to-action-section-v3__images {
position: relative;
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-call-to-action-section-v3__images {
display: none;
}
}
.listivo-circle-image-with-border {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
}
.listivo-circle-image-with-border:before {
display: block;
position: absolute;
content: "";
border-radius: 50%;
overflow: hidden;
background: var(--e-global-color-lcolor5-op-1);
opacity: 0.5;
width: 100%;
height: 100%;
}
.listivo-circle-image-with-border__inner {
border-radius: 50%;
overflow: hidden;
position: relative;
width: calc(100% - 20px);
height: calc(100% - 20px);
}
.listivo-circle-image-with-border__inner img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
}
.listivo-circle-image-with-border--1 {
width: 260px;
height: 260px;
top: 166px;
left: -6px;
}
.listivo-circle-image-with-border--2 {
width: 80px;
height: 80px;
top: 9px;
left: 76px;
}
.listivo-circle-image-with-border--3 {
width: 80px;
height: 80px;
top: 292px;
left: 292px;
}
.listivo-circle-image-with-border--4 {
width: 220px;
height: 220px;
top: -150px;
right: 60px;
}
.listivo-circle-image-with-border--5 {
width: 110px;
height: 110px;
top: 282px;
right: 140px;
}
.listivo-circle-image-with-border--6 {
width: 80px;
height: 80px;
top: 125px;
right: -30px;
}
.listivo-google-maps-placeholder {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
}
.listivo-google-maps-placeholder__content {
display: flex;
align-items: center;
flex-direction: column;
position: relative;
z-index: 10;
max-width: 375px;
}
.listivo-google-maps-placeholder__text {
margin-top: var(--e-global-size-4);
text-align: center;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-google-maps-placeholder__tip {
text-align: center;
margin-top: var(--e-global-size-4);
opacity: 0.7;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-testimonials-v2 {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-testimonials-v2 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-testimonials-v2 {
max-width: 390px;
}
}
@media (max-width: 767px) {
.listivo-testimonials-v2 {
justify-content: center;
flex-direction: column;
max-width: 360px;
margin: 0 auto;
}
}
.listivo-testimonials-v2__content {
padding-top: var(--e-global-size-1);
display: flex;
flex-direction: column;
max-width: 360px;
margin-right: 30px;
}
@media (max-width: 767px) {
.listivo-testimonials-v2__content {
padding-top: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.listivo-testimonials-v2__heading .listivo-heading-v2 {
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-testimonials-v2__heading .listivo-heading-v2__text {
text-align: center;
}
}
.listivo-testimonials-v2__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-testimonials-v2__text {
text-align: center;
}
}
.listivo-testimonials-v2__navigation {
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-testimonials-v2__navigation {
display: none;
}
}
.listivo-testimonials-v2__mobile-navigation {
display: none;
justify-content: center;
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-testimonials-v2__mobile-navigation {
display: flex;
}
}
.listivo-testimonials-v2__list {
max-width: 360px;
min-width: 0;
-webkit-clip-path: polygon(-25px -40px, 10000px -40px, 10000px calc(100% + 40px), -25px calc(100% + 40px));
clip-path: polygon(-25px -40px, 10000px -40px, 10000px calc(100% + 40px), -25px calc(100% + 40px));
}
[dir=rtl] .listivo-testimonials-v2__list {
-webkit-clip-path: polygon(0 -40px, calc(100% + 25px) -40px, calc(100% + 25px) calc(100% + 40px), 0 calc(100% + 40px));
clip-path: polygon(0 -40px, calc(100% + 25px) -40px, calc(100% + 25px) calc(100% + 40px), 0 calc(100% + 40px));
}
@media (min-width: 1024px) {
.listivo-testimonials-v2__list {
max-width: 750px;
}
}
@media (max-width: 767px) {
.listivo-testimonials-v2__list {
overflow: hidden;
margin-top: var(--e-global-size-2);
}
}
.listivo-testimonials-v2__list .listivo-swiper-slide {
max-width: 360px;
width: 360px;
height: auto;
display: inline-flex;
}
.listivo-testimonial-v2 {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
transition: 0.3s ease-in-out;
max-width: 360px;
width: 100%;
}
.listivo-testimonial-v2:hover {
box-shadow: var(--e-global-shadow);
border-color: var(--e-global-color-lcolor5);
}
.listivo-testimonial-v2__content {
display: flex;
flex-direction: column;
padding: var(--e-global-size-3);
}
.listivo-testimonial-v2__heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-testimonial-v2__stars {
display: flex;
margin-top: var(--e-global-size-5);
}
.listivo-testimonial-v2__star {
margin-right: 1.7px;
}
.listivo-testimonial-v2__star:last-child {
margin-right: 0;
}
.listivo-testimonial-v2__text {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-testimonial-v2__bottom {
padding: var(--e-global-size-6) var(--e-global-size-3);
border-top: 1px solid var(--e-global-color-lcolor4);
display: flex;
align-items: center;
position: relative;
}
.listivo-testimonial-v2__icon {
position: absolute;
right: 45px;
top: -30px;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
box-sizing: border-box;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.listivo-testimonial-v2__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-testimonial-v2__avatar {
width: 50px;
height: 50px;
position: relative;
border-radius: 50%;
overflow: hidden;
background-color: #C4C4C4;
margin-right: var(--e-global-size-6);
}
.listivo-testimonial-v2__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-testimonial-v2__author {
display: flex;
flex-direction: column;
}
.listivo-testimonial-v2__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
line-height: 100%;
}
.listivo-testimonial-v2__job-title {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-testimonials-v3__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media (max-width: 767px) {
.listivo-testimonials-v3__head {
justify-content: center;
}
}
@media (max-width: 767px) {
.listivo-testimonials-v3__nav {
display: none;
}
}
.listivo-testimonials-v3__mobile-nav {
margin-top: var(--e-global-size-4);
justify-content: center;
display: none;
}
@media (max-width: 767px) {
.listivo-testimonials-v3__mobile-nav {
display: flex;
}
}
.listivo-testimonials-v3__content {
margin-top: var(--e-global-size-2);
}
.listivo-testimonials-v3 .listivo-swiper-slide {
max-width: 380px;
width: 370px;
height: auto;
display: inline-flex;
}
.listivo-testimonial-v3 {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
max-width: 380px;
width: 100%;
}
.listivo-testimonial-v3:hover {
box-shadow: var(--e-global-shadow);
border-color: transparent;
}
.listivo-testimonial-v3__head {
display: flex;
align-items: center;
padding: var(--e-global-size-6) var(--e-global-size-3);
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-testimonial-v3__content {
padding: var(--e-global-size-4) var(--e-global-size-3);
position: relative;
}
.listivo-testimonial-v3__icon {
position: absolute;
top: -30px;
right: var(--e-global-size-3);
width: var(--e-global-size-2);
height: var(--e-global-size-2);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid var(--e-global-color-lcolor4);
background: var(--e-global-color-lcolor5);
z-index: 10;
}
.listivo-testimonial-v3__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-testimonial-v3__stars {
display: flex;
}
.listivo-testimonial-v3__text {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-testimonial-v3__avatar {
width: 50px;
height: 50px;
position: relative;
border-radius: 50%;
overflow: hidden;
background-color: #C4C4C4;
margin-right: var(--e-global-size-6);
}
.listivo-testimonial-v3__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-testimonial-v3__author {
display: flex;
flex-direction: column;
}
.listivo-testimonial-v3__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
line-height: 100%;
}
.listivo-testimonial-v3__job-title {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-blog-post-card-v4 {
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
height: 100%;
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
overflow: hidden;
}
.listivo-blog-post-card-v4__image {
background-color: var(--e-global-color-lcolor3);
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
}
.listivo-blog-post-card-v4__image img {
width: 100%;
display: block;
aspect-ratio: 555/375;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.05);
transition: 0.3s ease-in-out transform;
}
@media (max-width: 1024px) {
.listivo-blog-post-card-v4__image img {
aspect-ratio: 360/240;
}
}
.listivo-blog-post-card-v4__content {
flex: 1;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-3);
transition: 0.3s ease-in-out;
overflow: hidden;
}
.listivo-blog-post-card-v4__heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-blog-post-card-v4__meta {
margin-top: var(--e-global-size-7);
display: flex;
flex-wrap: wrap;
align-items: center;
}
.listivo-blog-post-card-v4__meta-value {
margin-top: var(--e-global-size-7);
display: flex;
align-items: center;
margin-right: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-blog-post-card-v4__meta-value:last-child {
margin-right: 0;
}
.listivo-blog-post-card-v4__avatar {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-card-v4__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-blog-post-card-v4__icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background: var(--e-global-color-lprimary2);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-card-v4__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-blog-post-card-v4__text-wrapper {
margin-top: var(--e-global-size-6);
}
.listivo-blog-post-card-v4__text {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-blog-post-card-v4:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-blog-post-card-v4:hover .listivo-blog-post-card-v4__content {
border-color: var(--e-global-color-lcolor5);
}
.listivo-blog-post-card-v4:hover .listivo-blog-post-card-v4__image img {
transform: scale(1);
}
.listivo-blog-post-card-v4__heading {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
@media (max-width: 1024px) {
.listivo-blog-post-card-v4__heading {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
}
.listivo-blog-post-card-v5 {
display: flex;
flex-direction: column;
background: var(--e-global-color-lcolor5);
height: 100%;
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
overflow: hidden;
}
.listivo-blog-post-card-v5__image {
background-color: var(--e-global-color-lcolor3);
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
}
.listivo-blog-post-card-v5__image img {
width: 100%;
display: block;
aspect-ratio: 555/375;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.05);
transition: 0.3s ease-in-out transform;
}
@media (max-width: 1024px) {
.listivo-blog-post-card-v5__image img {
aspect-ratio: 360/240;
}
}
.listivo-blog-post-card-v5__content {
flex: 1;
height: 100%;
border: 1px solid var(--e-global-color-lcolor4);
border-top: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
padding: var(--e-global-size-3);
transition: 0.3s ease-in-out;
overflow: hidden;
}
.listivo-blog-post-card-v5__heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-blog-post-card-v5__meta {
margin-top: var(--e-global-size-7);
display: flex;
flex-wrap: wrap;
align-items: center;
}
.listivo-blog-post-card-v5__meta-value {
margin-top: var(--e-global-size-7);
display: flex;
align-items: center;
margin-right: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-blog-post-card-v5__meta-value:last-child {
margin-right: 0;
}
.listivo-blog-post-card-v5__avatar {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-card-v5__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-blog-post-card-v5__icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background: var(--e-global-color-lprimary2);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-right: var(--e-global-size-7);
}
.listivo-blog-post-card-v5__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-blog-post-card-v5__text-wrapper {
margin-top: var(--e-global-size-6);
}
.listivo-blog-post-card-v5__text {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-blog-post-card-v5:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-blog-post-card-v5:hover .listivo-blog-post-card-v5__content {
border-color: var(--e-global-color-lcolor5);
}
.listivo-blog-post-card-v5:hover .listivo-blog-post-card-v5__image img {
transform: scale(1);
}
.listivo-sidebar-widget {
display: flex;
flex-direction: column;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor5);
}
@media (max-width: 1024px) {
.listivo-sidebar-widget {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-sidebar-widget {
max-width: 390px;
}
}
.listivo-sidebar-widget__label {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
border-bottom: 1px solid var(--e-global-color-lcolor4);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-sidebar-widget__content {
padding: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-sidebar-list {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-sidebar-list {
max-width: 390px;
}
}
.listivo-sidebar-list__item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
width: 100%;
position: relative;
}
.listivo-sidebar-list__item:last-child {
margin-bottom: 0;
}
.listivo-sidebar-list__item:hover .listivo-sidebar-list__label {
color: var(--e-global-color-lprimary1);
padding-left: var(--e-global-size-6);
}
.listivo-sidebar-list__item:hover .listivo-sidebar-list__label:before {
opacity: 1;
}
.listivo-sidebar-list__label {
color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-sidebar-list__label:before {
position: absolute;
left: 0;
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
opacity: 0;
transition: 0.3s ease-in-out;
}
.listivo-sidebar-list__count {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
height: 20px;
min-width: 20px;
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary2);
padding: 0 5px;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
@media (max-width: 1024px) {
.listivo-sidebar-posts {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-sidebar-posts {
max-width: 390px;
}
}
.listivo-sidebar-posts__item {
display: flex;
margin-bottom: var(--e-global-size-6);
}
.listivo-sidebar-posts__item:last-child {
margin-bottom: 0;
}
@media (min-width: 1025px) and (max-width: 1100px) {
.listivo-sidebar-posts__item {
flex-wrap: wrap;
}
}
.listivo-sidebar-posts__image {
display: block;
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
margin-right: var(--e-global-size-4);
box-shadow: var(--e-global-shadow);
width: var(--e-global-size-1);
height: var(--e-global-size-1);
}
.listivo-sidebar-posts__image img {
display: block;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 1025px) and (max-width: 1100px) {
.listivo-sidebar-posts__image {
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: var(--e-global-size-6);
}
.listivo-sidebar-posts__image img {
aspect-ratio: 360/240;
}
}
.listivo-sidebar-posts__content {
display: flex;
justify-content: center;
flex: 1;
flex-direction: column;
}
.listivo-sidebar-posts__label {
color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
word-break: break-word;
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-sidebar-posts__label:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-sidebar-posts__date {
display: flex;
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-sidebar-posts__icon {
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
height: var(--e-global-typography-ltext2-line-height);
}
.listivo-sidebar-tags {
display: flex;
flex-wrap: wrap;
margin-top: -10px;
margin-left: -10px;
}
.listivo-sidebar-tags .tag-cloud-link {
display: block;
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor4);
height: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
padding: 0 var(--e-global-size-7);
transition: 0.3s ease-in-out;
margin-top: var(--e-global-size-7);
margin-left: var(--e-global-size-7);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-size: 16px !important;
}
.listivo-sidebar-tags .tag-cloud-link:hover {
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary1);
}
.listivo-sidebar-search {
display: flex;
}
@media (max-width: 1024px) {
.listivo-sidebar-search {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-sidebar-search {
max-width: 390px;
}
}
.listivo-sidebar-search__input {
display: flex;
align-items: center;
height: var(--e-global-size-2);
padding: 0 var(--e-global-size-4);
overflow: hidden;
background-color: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
box-sizing: border-box;
border-top-left-radius: var(--e-global-size-7);
border-bottom-left-radius: var(--e-global-size-7);
border-right: 0;
flex: 1;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-sidebar-search__button-background {
z-index: 2;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
position: absolute;
left: 0;
top: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background-color: var(--e-global-color-lprimary1);
}
.listivo-sidebar-search__button {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background-color: var(--e-global-color-lprimary1);
position: relative;
z-index: 10;
}
.listivo-sidebar-search__button:before {
content: "";
position: absolute;
height: 100%;
width: var(--e-global-size-4);
left: 0;
top: 0;
border-top: 1px solid var(--e-global-color-lcolor4);
border-bottom: 1px solid var(--e-global-color-lcolor4);
z-index: 1;
}
.listivo-sidebar-search__button svg {
position: relative;
z-index: 10;
}
.listivo-sidebar-search__button svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-hero-search-v2 {
display: flex;
align-items: center;
justify-content: center;
background-position: center;
background-size: cover;
position: relative;
height: auto;
}
@media (min-width: 1025px) {
.listivo-hero-search-v2 {
height: 800px;
}
}
.listivo-hero-search-v2__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
width: 100%;
padding: 0 15px;
}
.listivo-hero-search-v2__arrow {
position: absolute;
right: -78px;
top: 3px;
width: 55px;
height: 41px;
fill: #ffffff;
display: none;
}
@media (min-width: 1025px) {
.listivo-hero-search-v2__arrow {
display: block;
}
}
.listivo-hero-search-v2__arrow svg {
width: 100%;
height: 100%;
transform: scaleX(-1);
}
.listivo-hero-search-v2__heading {
color: #ffffff;
font-family: var(--font-heading);
font-size: 48px;
font-weight: 700;
text-align: center;
letter-spacing: -1.2px;
margin-bottom: 35px;
position: relative;
margin-top: 100px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v2__heading {
max-width: 500px;
}
}
.listivo-hero-search-v2__heading span {
position: relative;
}
.listivo-hero-search-v2__heading span:after {
content: url("data:image/svg+xml; utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 8' %3E%3Cpath d='M 164.10 1.11 C 163.56 2.58 164.25 4.89 161.99 4.68 C 144.33 5.01 126.66 4.60 109.00 5.15 C 73.38 6.40 37.76 6.90 2.12 6.96 C 1.77 6.37 1.41 5.78 1.06 5.19 C 13.81 2.39 26.06 2.99 38.98 2.49 C 45.99 2.19 52.99 2.25 60.00 2.10 C 94.53 1.30 129.59 -0.69 164.10 1.11 Z' fill='%23ffc14a'/%3E%3C/svg%3E");
width: 88%;
position: absolute;
bottom: -15px;
left: -5px;
z-index: -1;
}
.listivo-hero-search-v2__search-form {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-hero-search-v2__search-form {
max-width: 540px !important;
}
}
.listivo-hero-search-v2__search-form > div {
width: 100%;
}
.listivo-hero-search-v2__mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.75;
}
.listivo-hero-search-v2__terms {
margin-top: 72px;
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.listivo-hero-search-v2__term {
margin: 0 13.5px;
margin-bottom: 27px;
display: flex;
flex-direction: column;
min-width: 100px;
padding: 15px 10px;
height: 90px;
border-radius: 10px;
border: 1px solid #ffffff;
align-items: center;
justify-content: space-between;
color: #ffffff;
font-family: var(--font-textnt);
font-size: 11px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v2__term:hover {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v2__icon {
width: 35px;
}
.listivo-hero-search-v2__icon svg {
width: 100%;
height: auto;
fill: #ffffff;
}
.listivo-hero-search-v3 {
margin: 0 auto;
position: relative;
max-width: 1650px;
display: flex;
}
@media (min-width: 1200px) {
.listivo-hero-search-v3 {
min-height: 775px;
padding-top: 175px;
}
}
.listivo-hero-search-v3__content {
max-width: 1200px;
width: 100%;
padding: 0 15px;
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
margin: 0 auto;
}
@media (max-width: 1199px) {
.listivo-hero-search-v3__content {
align-items: center;
padding-bottom: 60px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__search-form {
margin-top: 60px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__heading {
font-size: 42px;
line-height: 48px;
font-weight: 700;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__small-heading {
font-size: 30px;
margin-bottom: 12px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__wave {
display: none;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__circle {
display: none;
}
}
@media (min-width: 1200px) {
.listivo-hero-search-v3__content {
flex-direction: row;
justify-content: space-between;
}
}
.listivo-hero-search-v3__heading-container {
display: flex;
flex-direction: column;
margin-top: 170px;
position: relative;
}
.listivo-hero-search-v3__small-heading {
color: var(--e-global-color-lprimary1);
font-family: var(--font-text);
font-size: 38px;
font-weight: 400;
letter-spacing: -0.95px;
margin-bottom: 24px;
}
.listivo-hero-search-v3__heading {
color: var(--text-1);
font-family: var(--font-text);
font-size: 70px;
line-height: 77px;
font-weight: 800;
position: relative;
}
@media (max-width: 1199px) {
.listivo-hero-search-v3__heading {
text-align: center;
}
}
.listivo-hero-search-v3__heading span {
position: relative;
}
.listivo-hero-search-v3__heading span:after {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 913.000000 42.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,42.000000) scale(0.100000,-0.100000)' fill='rgb(255, 193, 74)' stroke='none'><path d='M7962 404 c-11 -12 -33 -14 -100 -12 -48 1 -240 -1 -427 -5 -187 -4 -506 -10 -710 -13 -354 -5 -415 -7 -603 -19 -185 -11 -867 -23 -1392 -25 -124 -1 -360 -6 -525 -11 -385 -14 -451 -15 -1170 -23 -411 -5 -646 -12 -745 -22 -86 -9 -301 -17 -530 -20 -244 -3 -422 -10 -485 -19 -90 -13 -202 -18 -640 -30 -77 -2 -189 -11 -250 -19 -60 -9 -151 -16 -202 -16 -50 0 -103 -4 -116 -9 -33 -13 -40 -47 -21 -109 l17 -52 193 0 c123 0 194 4 194 10 0 6 14 10 30 10 17 0 30 -4 30 -10 0 -15 107 -13 112 2 5 13 100 18 562 32 115 4 263 11 330 16 67 5 312 14 546 20 234 5 529 14 655 20 234 10 529 16 1255 25 637 8 931 14 1270 25 173 5 506 15 740 21 675 17 689 17 820 28 69 5 217 10 330 11 271 1 727 18 815 30 39 5 254 9 478 10 452 0 580 9 635 46 l32 22 -32 23 c-20 14 -50 24 -77 26 -26 1 -111 7 -191 13 -80 5 -187 10 -238 11 -65 0 -96 5 -106 15 -17 16 -106 19 -106 4 0 -5 -9 -10 -20 -10 -11 0 -20 5 -20 10 0 6 -61 10 -162 10 -133 -1 -165 -4 -176 -16z '/></g></svg>");
width: 85%;
position: absolute;
bottom: -12px;
left: 0;
margin-top: -15px;
z-index: -1;
}
.listivo-hero-search-v3__circle {
position: absolute;
width: 158px;
height: 175px;
bottom: -202px;
left: 433px;
}
.listivo-hero-search-v3__circle svg {
width: 100%;
height: 100%;
}
.listivo-hero-search-v3__wave {
position: absolute;
left: -101px;
top: -63px;
width: 65px;
height: 35px;
}
.listivo-hero-search-v3__wave svg {
width: 100%;
}
.listivo-hero-search-v3__search-form {
max-width: 540px;
width: 100%;
}
.listivo-hero-search-v3__search-form .listivo-field {
display: flex;
flex-direction: column;
}
.listivo-hero-search-v3__search-form .listivo-field--1 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--2 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--3 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--4 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__mask-outer {
position: absolute;
top: -823px;
left: 195px;
z-index: 2;
width: 100%;
}
.listivo-hero-search-v3__mask-outer svg {
width: 1984px;
height: 1613px;
}
.listivo-hero-search-v3__mask-outer svg path {
fill: var(--e-global-color-lprimary3);
}
.listivo-hero-search-v3__mask-inner {
position: absolute;
top: -853px;
left: 174px;
z-index: 3;
}
.listivo-hero-search-v3__mask-inner svg {
width: 1984px;
height: 1613px;
}
.listivo-hero-search-v3__mask-inner svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v3__mask-left {
position: absolute;
top: -50px;
left: -790px;
}
.listivo-hero-search-v3__mask-left svg {
width: 909px;
height: 810px;
}
.listivo-hero-search-v3__mask-left svg path {
fill: var(--e-global-color-lprimary3);
}
.listivo-hero-search-v3 .listivo-field--double {
grid-area: span 1/span 1;
}
.listivo-hero-search-v4 {
position: relative;
min-height: calc(100vh - 90px);
display: flex;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4 {
padding-bottom: 60px;
}
}
.listivo-hero-search-v4__content {
position: relative;
z-index: 9;
display: flex;
align-items: center;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__content {
padding-top: 60px;
}
}
.listivo-hero-search-v4__heading {
position: relative;
display: inline-block;
}
.listivo-hero-search-v4__heading h1 {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__heading h1 {
color: var(--e-global-color-lcolor5);
}
}
@media (max-width: 767px) {
.listivo-hero-search-v4__heading h1 {
font-size: 36px;
line-height: 36px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__heading {
width: 100%;
text-align: center;
}
}
.listivo-hero-search-v4__arrow {
width: 44px;
height: 140px;
position: absolute;
right: -60px;
top: 55%;
}
.listivo-hero-search-v4__arrow svg path {
stroke: var(--e-global-color-lprimary2);
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__arrow {
display: none;
}
}
.listivo-hero-search-v4__mobile-mask {
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor1);
opacity: 0.3;
display: none;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__mobile-mask {
display: block;
}
}
.listivo-hero-search-v4__main-image-wrapper {
width: 850px;
height: 850px;
position: absolute;
top: -36px;
right: -322px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__main-image-wrapper {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
}
.listivo-hero-search-v4__main-image {
width: 601.04px;
height: 601.04px;
overflow: hidden;
background: #C4C4C4;
border-radius: 10px;
transform: rotate(-45deg);
position: relative;
filter: var(--e-global-shadow-filter);
}
.listivo-hero-search-v4__main-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: rotate(45deg) scale(1.4);
display: block;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__main-image {
transform: unset;
position: absolute;
border-radius: unset;
overflow: visible;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-hero-search-v4__main-image img {
transform: unset;
}
}
.listivo-hero-search-v4__top-image-wrapper {
position: absolute;
width: 450px;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
top: -283px;
right: 124px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__top-image-wrapper {
display: none;
}
}
.listivo-hero-search-v4__top-image {
position: relative;
overflow: hidden;
z-index: 1;
background: #C4C4C4;
border-radius: 10px;
transform: rotate(-45deg);
filter: var(--e-global-shadow-filter);
width: 318.2px;
height: 318.2px;
}
.listivo-hero-search-v4__top-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: rotate(45deg) scale(1.4);
}
.listivo-hero-search-v4__bottom-image-wrapper {
position: absolute;
width: 450px;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
top: 611px;
right: 124px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__bottom-image-wrapper {
display: none;
}
}
.listivo-hero-search-v4__bottom-image {
position: relative;
overflow: hidden;
z-index: 1;
background: #C4C4C4;
border-radius: 10px;
transform: rotate(-45deg);
filter: var(--e-global-shadow-filter);
width: 318.2px;
height: 318.2px;
}
.listivo-hero-search-v4__bottom-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: rotate(45deg) scale(1.4);
}
.listivo-hero-search-v4__container-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
overflow: hidden;
height: 100%;
}
.listivo-hero-search-v4__container {
margin: 0 auto;
max-width: var(--e-global-grid-width);
position: relative;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__container {
position: static;
}
}
.listivo-hero-search-v4__circle {
position: absolute;
width: 200px;
height: 200px;
right: 248px;
top: 33px;
background: var(--e-global-color-lcolor4);
opacity: 0.7;
border-radius: 400px;
}
.listivo-hero-search-v4__circle--bottom {
left: -75px;
top: calc(100% + 10px);
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__circle {
display: none;
}
}
.listivo-hero-search-v4__line {
position: absolute;
width: 100%;
height: 100%;
left: 515px;
top: -100px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__line {
display: none;
}
}
.listivo-hero-search-v4__line line {
stroke: var(--e-global-color-lcolor4);
}
.listivo-hero-search-v4__x {
width: 45px;
height: 45px;
position: absolute;
top: 577px;
right: 516px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__x {
display: none;
}
}
.listivo-hero-search-v4__x path {
stroke: var(--e-global-color-lcolor4);
}
.listivo-hero-search-v4__plus {
width: 60px;
height: 60px;
position: absolute;
top: 73px;
right: -180px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__plus {
display: none;
}
}
.listivo-hero-search-v4__plus path {
stroke: var(--e-global-color-lcolor4);
}
.listivo-hero-search-v4__plus--left {
top: 130px;
left: -170px;
}
.listivo-hero-search-v4__form {
margin-top: var(--e-global-size-4);
position: relative;
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__form {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v4__form {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__form {
max-width: 360px;
margin: 50px auto 0;
}
}
.listivo-hero-search-v4__popular-terms {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
position: relative;
z-index: 9;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__popular-terms {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v4__popular-terms {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v4__popular-terms {
text-align: center;
margin: var(--e-global-size-3) auto 0;
color: var(--e-global-color-lcolor4);
}
}
.listivo-hero-search-v4__popular-term {
margin-left: 3px;
display: inline-block;
transition: 0.3s ease-in-out;
border-bottom: 1px solid transparent;
position: relative;
}
.listivo-hero-search-v4__popular-term:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-hero-search-v4__popular-term:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v4__popular-term:hover:before {
width: calc(100% + 3px);
}
.listivo-hero-search-v4__popular-term:after {
content: ",";
display: inline;
position: relative;
left: -3px;
}
.listivo-hero-search-v4__popular-term:last-child:after {
content: "";
display: none;
}
.listivo-hero-search-v4__popular-term:last-child:hover:before {
width: calc(100% + 6px);
}
.listivo-hero-search-v5 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: 100vh;
position: relative;
}
@media (max-width: 1024px) {
.listivo-hero-search-v5 {
min-height: 0;
}
}
.listivo-hero-search-v5__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 700px;
height: 100%;
}
@media (max-width: 1024px) {
.listivo-hero-search-v5__content {
min-height: 0;
padding-top: 180px;
padding-bottom: var(--e-global-size-1);
}
}
.listivo-hero-search-v5__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.listivo-hero-search-v5__background img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-hero-search-v5__mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor1);
opacity: 0.7;
z-index: 2;
}
.listivo-hero-search-v5__heading {
text-align: center;
position: relative;
z-index: 10;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v5__heading {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v5__heading {
max-width: 390px;
}
}
.listivo-hero-search-v5__arrow {
position: absolute;
right: -100px;
bottom: -25px;
z-index: 2;
}
.listivo-hero-search-v5__arrow svg path {
stroke: var(--e-global-color-lprimary2);
}
@media (max-width: 767px) {
.listivo-hero-search-v5__arrow {
display: none;
}
}
.listivo-hero-search-v5__form {
position: relative;
z-index: 20;
margin-top: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-hero-search-v5__form {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v5__form {
max-width: 390px;
}
}
.listivo-hero-search-v5__terms {
position: relative;
z-index: 9;
margin-top: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-hero-search-v5__terms {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v5__terms {
max-width: 390px;
}
}
.listivo-hero-search-v6 {
display: flex;
min-height: calc(100vh - 90px);
position: relative;
}
.listivo-hero-search-v6__content {
display: flex;
align-items: center;
min-height: 740px;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__content:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.5;
z-index: 5;
}
}
.listivo-hero-search-v6__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
width: 100%;
position: relative;
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__container {
position: static;
}
}
.listivo-hero-search-v6__heading {
display: inline;
position: relative;
z-index: 10;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
.listivo-hero-search-v6__heading span {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__heading {
text-align: center;
display: block;
justify-content: center;
color: var(--e-global-color-lcolor5);
}
}
.listivo-hero-search-v6__arrow {
position: absolute;
right: -180px;
bottom: -25px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__arrow {
display: none;
}
}
.listivo-hero-search-v6__arrow svg path {
stroke: var(--e-global-color-lprimary2);
}
[dir=rtl] .listivo-hero-search-v6__arrow svg {
transform: scaleX(-1);
}
.listivo-hero-search-v6__form {
margin-top: var(--e-global-size-4);
display: flex;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__form {
justify-content: center;
}
}
.listivo-hero-search-v6__categories {
margin-top: var(--e-global-size-5);
}
.listivo-hero-search-v6__images {
position: absolute;
right: -165px;
display: flex;
align-items: center;
width: 100%;
height: 100%;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__images {
position: static;
}
}
.listivo-hero-search-v6__image {
width: 360px;
height: 640px;
margin-right: var(--e-global-size-4);
position: relative;
filter: var(--e-global-shadow-filter);
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
filter: unset;
}
}
.listivo-hero-search-v6__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__image img {
-webkit-clip-path: unset !important;
clip-path: unset !important;
}
}
.listivo-hero-search-v6__image:last-child {
margin-right: 0;
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__image:last-child {
display: none;
}
}
.listivo-hero-search-v6__image-mask {
position: absolute;
left: -10000px;
}
.listivo-hero-search-v6__popular-terms {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
position: relative;
z-index: 9;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__popular-terms {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v6__popular-terms {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v6__popular-terms {
text-align: center;
margin: var(--e-global-size-3) auto 0;
color: var(--e-global-color-lcolor4);
}
}
.listivo-hero-search-v6__popular-term {
margin-left: 3px;
display: inline-block;
transition: 0.3s ease-in-out;
border-bottom: 1px solid transparent;
position: relative;
}
.listivo-hero-search-v6__popular-term:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-hero-search-v6__popular-term:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v6__popular-term:hover:before {
width: calc(100% + 3px);
}
.listivo-hero-search-v6__popular-term:after {
content: ",";
display: inline;
position: relative;
left: -3px;
}
.listivo-hero-search-v6__popular-term:last-child:after {
content: "";
display: none;
}
.listivo-hero-search-v6__popular-term:last-child:hover:before {
width: calc(100% + 6px);
}
.listivo-hero-search-v7 {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 120px 0;
background: var(--e-global-color-lsectionbg);
}
@media (max-width: 1024px) {
.listivo-hero-search-v7 {
padding: var(--e-global-size-1) 0;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v7 {
padding: var(--e-global-size-2) 0;
}
}
.listivo-hero-search-v7__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.listivo-hero-search-v7__background--mobile {
display: none;
}
@media (max-width: 767px) {
.listivo-hero-search-v7__background--mobile {
display: block;
}
.listivo-hero-search-v7__background--mobile svg {
width: 100%;
height: auto;
}
}
@media (max-width: 490px) {
.listivo-hero-search-v7__background--mobile svg {
width: auto;
height: 100%;
}
}
.listivo-hero-search-v7__background--desktop {
display: block;
}
@media (max-width: 767px) {
.listivo-hero-search-v7__background--desktop {
display: none;
}
}
.listivo-hero-search-v7__bottom-background {
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
}
@media (max-width: 767px) {
.listivo-hero-search-v7__bottom-background {
display: none;
}
}
.listivo-hero-search-v7__container {
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v7__container {
max-width: 390px;
}
}
.listivo-hero-search-v7__content {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__content {
flex-wrap: wrap;
justify-content: center;
}
}
.listivo-hero-search-v7__left {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 500px;
width: 100%;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__left {
max-width: 100%;
align-items: center;
}
}
.listivo-hero-search-v7__form {
max-width: 457px;
width: 100%;
background: var(--e-global-color-lcolor5-op-1);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
padding-top: var(--e-global-size-3);
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__form {
margin-top: var(--e-global-size-4);
}
}
.listivo-hero-search-v7__heading {
position: relative;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__heading {
text-align: center;
}
}
.listivo-hero-search-v7__arrow {
position: absolute;
bottom: -40px;
right: -130px;
}
@media (max-width: 1180px) {
.listivo-hero-search-v7__arrow {
display: none;
}
}
.listivo-hero-search-v7__arrow svg path {
stroke: var(--e-global-color-lprimary2);
}
[dir=rtl] .listivo-hero-search-v7__arrow svg {
transform: scaleX(-1);
}
.listivo-hero-search-v7__text {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v7__text {
text-align: center;
max-width: 500px;
}
}
.listivo-hero-search-v7__terms-container {
margin-top: var(--e-global-size-4);
max-width: 100%;
}
.listivo-hero-search-v7__terms {
display: flex;
gap: var(--e-global-size-7);
max-width: 100%;
}
@media (max-width: 767px) {
.listivo-hero-search-v7__terms {
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; white-space: nowrap;
}
}
.listivo-hero-search-v7__term {
min-width: var(--e-global-size-1);
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-7);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v7__term:hover {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v7__term:hover .listivo-hero-search-v7__term-label, .listivo-hero-search-v7__term:hover .listivo-hero-search-v8__term-label, .listivo-hero-search-v7__term:hover .listivo-hero-search-v9__term-label, .listivo-hero-search-v7__term:hover .listivo-hero-search-v10__term-label {
color: var(--e-global-color-lcolor5) !important;
}
.listivo-hero-search-v7__term:hover img {
filter: contrast(300%) invert(100%);
}
.listivo-hero-search-v7__term--primary-2:hover {
background: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
}
.listivo-hero-search-v7__term-image {
height: 45px;
}
.listivo-hero-search-v7__term-image img {
width: auto;
height: 45px;
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v7__term-label {
margin-top: 5px;
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-hero-search-v7__term-label--bold {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-hero-search-v7__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-hero-search-v7__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-hero-search-v7__fields {
margin-top: var(--e-global-size-3);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-hero-search-v7__button {
margin-top: var(--e-global-size-4);
width: 100%;
cursor: pointer;
height: var(--e-global-size-2);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor5);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-hero-search-v7__button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v7__button:hover:before {
opacity: 0.15;
}
.listivo-hero-search-v7__button svg {
display: none;
}
.listivo-hero-search-v7__button--loading svg {
display: block;
}
.listivo-hero-search-v7__button--loading span {
display: none;
}
.listivo-hero-search-v8 {
display: flex;
align-items: center;
width: 100%;
padding-top: 147px;
padding-bottom: 227px;
position: relative;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8 {
padding: var(--e-global-size-2) 0;
}
.listivo-hero-search-v8:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.7;
z-index: 3;
}
}
.listivo-hero-search-v8__container {
position: relative;
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__container {
position: static;
}
}
.listivo-hero-search-v8__content {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8__content {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__content {
align-items: center;
}
}
.listivo-hero-search-v8__heading {
align-self: flex-start;
position: relative;
z-index: 12;
color: var(--e-global-color-lcolor1);
margin-bottom: var(--e-global-size-6);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__heading {
margin-bottom: 0;
text-align: center;
width: 100%;
color: var(--e-global-color-lcolor5);
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8__heading {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
}
.listivo-hero-search-v8__tabs {
display: flex;
position: relative;
bottom: -5px;
padding-bottom: 5px;
}
@media (max-width: 767px) {
.listivo-hero-search-v8__tabs {
width: 100%;
overflow-x: auto;
-ms-overflow-style: none; scrollbar-width: none; }
.listivo-hero-search-v8__tabs::-webkit-scrollbar {
display: none;
}
}
.listivo-hero-search-v8__tab {
height: var(--e-global-size-1);
padding: 0 var(--e-global-size-4);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: var(--e-global-color-lcolor5);
cursor: pointer;
position: relative;
z-index: 9;
white-space: nowrap;
}
.listivo-hero-search-v8__tab:after {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: inset(-60px -60px 0 -60px);
clip-path: inset(-60px -60px 0 -60px);
opacity: 0;
box-shadow: var(--e-global-shadow);
}
.listivo-hero-search-v8__tab--active {
z-index: 12;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-hero-search-v8__tab--active:after {
opacity: 1;
}
.listivo-hero-search-v8__tab--active:before {
display: block;
content: "";
position: absolute;
left: 50%;
bottom: -3px;
width: 6px;
height: 6px;
background: var(--e-global-color-lprimary1);
border-radius: 50%;
transform: translateX(-50%);
}
.listivo-hero-search-v8__tab:first-child {
border-top-left-radius: var(--e-global-lborder-radius-large);
}
.listivo-hero-search-v8__tab:last-child {
border-top-right-radius: var(--e-global-lborder-radius-large);
}
.listivo-hero-search-v8__tab-image img {
display: block;
width: auto;
height: var(--e-global-size-3);
}
.listivo-hero-search-v8__tab-label {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
color: var(--e-global-color-lcolor1);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__form-container {
margin-top: var(--e-global-size-2);
display: flex;
flex-direction: column;
align-items: center;
max-width: 480px;
width: 100%;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8__form-container {
align-items: flex-start;
}
}
.listivo-hero-search-v8__form-wrapper {
display: inline-flex;
position: relative;
z-index: 10;
}
.listivo-hero-search-v8__form {
position: relative;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
padding: var(--e-global-size-4);
display: flex;
flex-wrap: wrap;
align-self: flex-start;
align-items: flex-end;
z-index: 10;
}
@media (max-width: 425px) {
.listivo-hero-search-v8__form {
border-top-right-radius: 0;
}
}
.listivo-hero-search-v8__form--has-tabs {
border-top-left-radius: 0;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__form--has-tabs {
border-top-left-radius: var(--e-global-lborder-radius-large);
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8__form--has-tabs {
border-top-left-radius: 0;
}
}
.listivo-hero-search-v8__field-label {
margin-bottom: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-hero-search-v8__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 217px));
grid-gap: var(--e-global-size-6);
max-width: 100%;
flex: 1;
}
.listivo-hero-search-v8__fields--initial-1 {
grid-template-columns: repeat(1, minmax(0, 217px));
}
.listivo-hero-search-v8__fields--initial-2 {
grid-template-columns: repeat(2, minmax(0, 217px));
}
.listivo-hero-search-v8__fields--initial-3 {
grid-template-columns: repeat(3, minmax(0, 217px));
}
.listivo-hero-search-v8__fields--initial-4 {
grid-template-columns: repeat(4, minmax(0, 217px));
}
.listivo-hero-search-v8__fields--1 {
grid-template-columns: repeat(1, minmax(0, 217px)) !important;
}
.listivo-hero-search-v8__fields--2 {
grid-template-columns: repeat(2, minmax(0, 217px)) !important;
}
.listivo-hero-search-v8__fields--3 {
grid-template-columns: repeat(3, minmax(0, 217px)) !important;
}
.listivo-hero-search-v8__fields--4 {
grid-template-columns: repeat(4, minmax(0, 217px)) !important;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__fields {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
flex: unset;
}
}
.listivo-hero-search-v8 .listivo-field-v2 {
display: grid;
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(1, minmax(0, 217px));
}
@media (max-width: 767px) {
.listivo-hero-search-v8 .listivo-field-v2 {
grid-gap: var(--e-global-size-6);
}
}
.listivo-hero-search-v8 .listivo-field-v2--1 {
grid-template-columns: repeat(1, minmax(0, 217px));
}
.listivo-hero-search-v8 .listivo-field-v2--2 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 217px));
}
.listivo-hero-search-v8 .listivo-field-v2--3 {
grid-area: span 1/span 3;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-hero-search-v8 .listivo-field-v2--3 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-hero-search-v8 .listivo-field-v2--4 {
grid-area: span 1/span 4;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.listivo-hero-search-v8 .listivo-field-v2--4 {
grid-area: span 1/span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8 .listivo-field-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
grid-area: span 1/span 1;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v8 .listivo-field-v2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-hero-search-v8__mobile-button {
display: none;
width: 100%;
justify-content: center;
margin-top: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__mobile-button {
display: flex;
}
}
.listivo-hero-search-v8__button {
width: var(--e-global-size-2);
height: var(--e-global-size-2);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
justify-content: center;
margin-left: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__button {
display: none;
}
}
.listivo-hero-search-v8__button svg {
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v8__button svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-hero-search-v8__button:hover svg {
transform: scale(1.2);
}
.listivo-hero-search-v8__popular-terms {
margin-top: var(--e-global-size-6);
}
.listivo-hero-search-v8__first-image-wrapper {
position: absolute;
right: 0;
top: -75px;
z-index: 3;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__first-image-wrapper {
position: static;
}
}
.listivo-hero-search-v8__first-image-wrapper:before {
display: block;
content: "";
position: absolute;
right: -10px;
top: -10px;
width: 275px;
height: 651px;
background: rgba(253, 253, 254, 0.5);
border-radius: 0 10px 10px 0;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__first-image-wrapper:before {
display: none;
}
}
.listivo-hero-search-v8__first-image {
width: 460px;
height: 630px;
position: relative;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__first-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0;
z-index: 2;
}
}
.listivo-hero-search-v8__first-image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-hero-search-v8__second-image-wrapper {
position: absolute;
right: -147px;
top: -115px;
z-index: 2;
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__second-image-wrapper {
display: none;
}
}
.listivo-hero-search-v8__second-image {
width: 412px;
height: 712px;
position: relative;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
}
.listivo-hero-search-v8__second-image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-hero-search-v8__arrow {
position: absolute;
right: -100px;
bottom: -111px;
}
@media (max-width: 1080px) {
.listivo-hero-search-v8__arrow {
display: none;
}
}
.listivo-hero-search-v8__arrow svg path {
stroke: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v8__popular-terms {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
position: relative;
z-index: 9;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__popular-terms {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v8__popular-terms {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__popular-terms {
text-align: center;
margin: var(--e-global-size-3) auto 0;
color: var(--e-global-color-lcolor4);
}
}
.listivo-hero-search-v8__popular-term {
margin-left: 3px;
display: inline-block;
transition: 0.3s ease-in-out;
border-bottom: 1px solid transparent;
position: relative;
}
.listivo-hero-search-v8__popular-term:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-hero-search-v8__popular-term:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v8__popular-term:hover:before {
width: calc(100% + 3px);
}
.listivo-hero-search-v8__popular-term:after {
content: ",";
display: inline;
position: relative;
left: -3px;
}
.listivo-hero-search-v8__popular-term:last-child:after {
content: "";
display: none;
}
.listivo-hero-search-v8__popular-term:last-child:hover:before {
width: calc(100% + 6px);
}
.listivo-hero-search-v8__popular-terms {
margin-top: var(--e-global-size-6);
}
@media (max-width: 1024px) {
.listivo-hero-search-v8__popular-terms {
margin-top: var(--e-global-size-4);
}
}
.listivo-hero-search-v9 {
padding-top: 128px;
padding-bottom: 178px;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9 {
padding: 60px 0;
}
.listivo-hero-search-v9:before {
display: block;
content: "";
background: var(--e-global-color-lcolor1);
opacity: 0.6;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
}
.listivo-hero-search-v9__content {
display: flex;
flex-direction: column;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
width: 100%;
position: relative;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__content {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__content {
position: static;
align-items: center;
}
}
.listivo-hero-search-v9__patterns {
position: absolute;
top: -80px;
left: -100px;
pointer-events: none;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__patterns {
display: none;
}
}
.listivo-hero-search-v9__heading {
display: inline-block;
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
color: var(--e-global-color-lcolor1);
position: relative;
z-index: 10;
max-width: 654px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__heading {
text-align: center;
color: #FFFEFE;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v9__heading {
font-weight: 800;
font-size: 48px;
line-height: 48px;
}
}
.listivo-hero-search-v9__heading span {
color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v9__arrow {
position: absolute;
top: 90px;
right: -200px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__arrow {
display: none;
}
}
.listivo-hero-search-v9__arrow path {
fill: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v9__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-weight: 300;
font-size: 18px;
line-height: 22px;
position: relative;
z-index: 10;
max-width: 654px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__text {
color: var(--e-global-color-lcolor5);
text-align: center;
}
}
.listivo-hero-search-v9__form {
margin-top: var(--e-global-size-4);
}
.listivo-hero-search-v9__terms-container {
margin-top: var(--e-global-size-4);
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
.listivo-hero-search-v9__terms-container {
max-width: 390px;
}
}
.listivo-hero-search-v9__terms {
display: flex;
gap: var(--e-global-size-7);
max-width: 100%;
}
@media (max-width: 767px) {
.listivo-hero-search-v9__terms {
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; white-space: nowrap;
}
}
.listivo-hero-search-v9__term {
min-width: var(--e-global-size-1);
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-7);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v9__term:hover {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v9__term:hover .listivo-hero-search-v7__term-label, .listivo-hero-search-v9__term:hover .listivo-hero-search-v8__term-label, .listivo-hero-search-v9__term:hover .listivo-hero-search-v9__term-label, .listivo-hero-search-v9__term:hover .listivo-hero-search-v10__term-label {
color: var(--e-global-color-lcolor5) !important;
}
.listivo-hero-search-v9__term:hover img {
filter: contrast(300%) invert(100%);
}
.listivo-hero-search-v9__term--primary-2:hover {
background: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
}
.listivo-hero-search-v9__term-image {
height: 45px;
}
.listivo-hero-search-v9__term-image img {
width: auto;
height: 45px;
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v9__term-label {
margin-top: 5px;
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-hero-search-v9__term-label--bold {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-hero-search-v9__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-hero-search-v9__terms {
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__terms {
justify-content: center;
}
}
.listivo-hero-search-v9__image-wrapper {
position: absolute;
left: 710px;
top: -110px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__image-wrapper {
position: static;
left: 0;
top: 0;
height: 0;
}
}
.listivo-hero-search-v9__mobile-image {
display: none;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__mobile-image {
display: block;
}
}
.listivo-hero-search-v9__mobile-image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 5;
}
.listivo-hero-search-v9__image {
position: relative;
width: 457px;
height: 735px;
}
@media (max-width: 1024px) {
.listivo-hero-search-v9__image {
display: none;
}
}
.listivo-hero-search-v9__image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 5;
}
.listivo-hero-search-v9__image svg {
position: absolute;
top: -45px;
left: 45px;
z-index: 4;
}
.listivo-hero-search-v9__image svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-hero-search-v9__image-mask {
position: absolute;
left: -10000px;
}
.listivo-hero-search-v10 {
display: flex;
align-items: center;
position: relative;
padding: 120px 0;
}
@media (max-width: 1024px) {
.listivo-hero-search-v10 {
padding: var(--e-global-size-1) 0;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v10 {
padding: var(--e-global-size-2) 0;
}
}
.listivo-hero-search-v10__background:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: var(--e-global-color-lcolor1);
opacity: 0.85;
}
.listivo-hero-search-v10__background img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-hero-search-v10__background--mobile {
display: none;
}
@media (max-width: 767px) {
.listivo-hero-search-v10__background--mobile {
display: block;
}
.listivo-hero-search-v10__background--mobile svg {
width: 100%;
height: auto;
}
}
@media (max-width: 490px) {
.listivo-hero-search-v10__background--mobile svg {
width: auto;
height: 100%;
}
}
.listivo-hero-search-v10__container {
width: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-hero-search-v10__container {
max-width: 390px;
}
}
.listivo-hero-search-v10__content {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__content {
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
}
}
.listivo-hero-search-v10__left {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 653px;
width: 100%;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__left {
max-width: 100%;
align-items: center;
}
}
.listivo-hero-search-v10__form {
max-width: 457px;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__form {
margin-top: var(--e-global-size-4);
}
}
.listivo-hero-search-v10__heading {
position: relative;
color: var(--e-global-color-lcolor1);
padding-right: var(--e-global-size-5);
font-family: var(--e-global-typography-lheading1-font-family);
font-size: var(--e-global-typography-lheading1-font-size);
font-weight: var(--e-global-typography-lheading1-font-weight);
line-height: var(--e-global-typography-lheading1-line-height);
letter-spacing: var(--e-global-typography-lheading1-letter-spacing);
text-transform: var(--e-global-typography-lheading1-text-transform);
font-style: var(--e-global-typography-lheading1-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading1-text-decoration);
text-decoration: var(--e-global-typography-lheading1-text-decoration);
}
.listivo-hero-search-v10__heading span {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__heading {
text-align: center;
}
}
.listivo-hero-search-v10__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor5-op-1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-hero-search-v10__text {
text-align: center;
max-width: 500px;
}
}
.listivo-hero-search-v10__arrow {
position: absolute;
top: -30px;
right: -215px;
width: 165px;
}
.listivo-hero-search-v10__arrow path {
stroke: var(--e-global-color-lprimary1);
}
[dir=rtl] .listivo-hero-search-v10__arrow svg {
transform: scaleX(-1);
}
@media (max-width: 1140px) {
.listivo-hero-search-v10__arrow {
display: none;
}
}
.listivo-hero-search-v10__terms-container {
margin-top: var(--e-global-size-4);
}
.listivo-hero-search-v10__terms {
display: flex;
gap: var(--e-global-size-7);
max-width: 100%;
}
@media (max-width: 767px) {
.listivo-hero-search-v10__terms {
overflow-x: scroll;
-ms-overflow-style: none; scrollbar-width: none; white-space: nowrap;
}
}
.listivo-hero-search-v10__term {
min-width: var(--e-global-size-1);
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-7);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v10__term:hover {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v10__term:hover .listivo-hero-search-v7__term-label, .listivo-hero-search-v10__term:hover .listivo-hero-search-v8__term-label, .listivo-hero-search-v10__term:hover .listivo-hero-search-v9__term-label, .listivo-hero-search-v10__term:hover .listivo-hero-search-v10__term-label {
color: var(--e-global-color-lcolor5) !important;
}
.listivo-hero-search-v10__term:hover img {
filter: contrast(300%) invert(100%);
}
.listivo-hero-search-v10__term--primary-2:hover {
background: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
}
.listivo-hero-search-v10__term-image {
height: 45px;
}
.listivo-hero-search-v10__term-image img {
width: auto;
height: 45px;
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v10__term-label {
margin-top: 5px;
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-hero-search-v10__term-label--bold {
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-hero-search-v10__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-hero-search-v10__terms {
position: relative;
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
}
.listivo-hero-search-v10__term-image {
display: flex;
align-items: flex-end;
height: 35px;
}
.listivo-hero-search-v10__term-image img {
filter: contrast(300%) invert(100%);
width: 45px;
height: auto;
}
.listivo-hero-search-v10__term-label {
color: var(--e-global-color-lcolor5);
}
.listivo-hero-search-v10__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-hero-search-v10__term {
background: var(--e-global-color-lprimary2);
border-color: var(--e-global-color-lprimary2);
}
.listivo-hero-search-v10__term:hover img {
filter: contrast(300%) invert(0%);
}
.listivo-hero-search-v10__term:hover .listivo-hero-search-v10__term-label {
color: var(--e-global-color-lcolor1) !important;
}
.listivo-hero-search-v10__fields {
margin-top: var(--e-global-size-3);
display: grid;
grid-gap: var(--e-global-size-4);
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.listivo-hero-search-v10__button {
margin-top: var(--e-global-size-4);
width: 100%;
cursor: pointer;
height: var(--e-global-size-2);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-lcolor5);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-hero-search-v10__button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-hero-search-v10__button:hover:before {
opacity: 0.15;
}
.listivo-hero-search-v10__button svg {
display: none;
}
.listivo-hero-search-v10__button--loading svg {
display: block;
}
.listivo-hero-search-v10__button--loading span {
display: none;
}
@media (max-width: 767px) {
.listivo-hero-search-v10 .listivo-range-field .listivo-search-form-field {
margin-top: var(--e-global-size-4);
}
.listivo-hero-search-v10 .listivo-range-field .listivo-search-form-field:first-child {
margin-top: 0;
}
}
.listivo-stats-v2 {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
.listivo-stats-v2__item {
display: flex;
align-items: center;
}
.listivo-stats-v2__value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-size: 32px;
line-height: 100%;
font-weight: 700;
color: var(--e-global-color-lcolor1);
}
.listivo-stats-v2__label {
display: flex;
align-items: center;
color: var(--e-global-color-lprimary2);
position: relative;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 100%;
}
.listivo-stats-v2__label:before {
content: "";
display: block;
width: 3px;
height: 35px;
background: var(--e-global-color-lprimary1);
margin: 0 var(--e-global-size-7);
}
.listivo-popular-terms-v2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-popular-terms-v2__label {
margin-right: 10px;
}
.listivo-popular-terms-v2__term {
display: flex;
align-items: center;
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-popular-terms-v2__term:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-popular-terms-v2__term:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-popular-terms-v2__term:hover:before {
width: 100%;
}
.listivo-popular-terms-v2__term:after {
display: block;
content: ",";
margin-right: 5px;
}
.listivo-popular-terms-v2__term:last-child:after {
content: "";
}
.listivo-simple-list {
display: flex;
flex-direction: column;
gap: var(--e-global-size-5);
}
.listivo-simple-list__item {
display: flex;
}
.listivo-simple-list__text {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-simple-list__icon-wrapper {
display: flex;
align-items: center;
margin-right: var(--e-global-size-7);
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-simple-list__icon {
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--e-global-color-lprimary1);
}
.listivo-simple-list__icon svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-stats-v3 {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(150px, 165px));
}
.listivo-stats-v3__item {
display: flex;
flex-direction: column;
max-width: 165px;
}
.listivo-stats-v3__value {
font-family: Monoton;
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 100%;
color: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
}
.listivo-stats-v3__after-value {
margin-left: 2px;
display: inline;
font-family: var(--e-global-typography-ltext1-font-family);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
letter-spacing: -0.5px;
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-stats-v3__label {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-stats-v3--align-left .listivo-stats-v3__item {
align-items: flex-start;
}
.listivo-stats-v3--align-left .listivo-stats-v3__label {
text-align: left;
}
.listivo-stats-v3--align-center .listivo-stats-v3__item {
align-items: center;
}
.listivo-stats-v3--align-center .listivo-stats-v3__label {
text-align: center;
}
.listivo-stats-v3--align-right .listivo-stats-v3__item {
align-items: flex-end;
}
.listivo-stats-v3--align-right .listivo-stats-v3__label {
text-align: right;
}
@media (max-width: 767px) {
.listivo-stats-v3--mobile-align-left .listivo-stats-v3__item {
align-items: flex-start;
}
.listivo-stats-v3--mobile-align-left .listivo-stats-v3__label {
text-align: left;
}
}
@media (max-width: 767px) {
.listivo-stats-v3--mobile-align-center .listivo-stats-v3__item {
align-items: center;
}
.listivo-stats-v3--mobile-align-center .listivo-stats-v3__label {
text-align: center;
}
}
@media (max-width: 767px) {
.listivo-stats-v3--mobile-align-right .listivo-stats-v3__item {
align-items: flex-end;
}
.listivo-stats-v3--mobile-align-right .listivo-stats-v3__label {
text-align: right;
}
}
@media (max-width: 1024px) {
.listivo-stats-v3--tablet-align-left .listivo-stats-v3__item {
align-items: flex-start;
}
.listivo-stats-v3--tablet-align-left .listivo-stats-v3__label {
text-align: left;
}
}
@media (max-width: 1024px) {
.listivo-stats-v3--tablet-align-center .listivo-stats-v3__item {
align-items: center;
}
.listivo-stats-v3--tablet-align-center .listivo-stats-v3__label {
text-align: center;
}
}
@media (max-width: 1024px) {
.listivo-stats-v3--tablet-align-right .listivo-stats-v3__item {
align-items: flex-end;
}
.listivo-stats-v3--tablet-align-right .listivo-stats-v3__label {
text-align: right;
}
}
.listivo-icon-box {
width: 200px;
padding: var(--e-global-size-4) var(--e-global-size-6);
box-shadow: var(--e-global-shadow);
display: flex;
flex-direction: column;
align-items: center;
background: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
}
.listivo-icon-box__icon {
width: var(--e-global-size-1);
height: var(--e-global-size-1);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
background: var(--e-global-color-lcolor1);
}
.listivo-icon-box__icon img {
display: block;
width: 100%;
height: auto;
max-width: var(--e-global-size-2);
max-height: var(--e-global-size-2);
}
.listivo-icon-box__icon svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-icon-box__icon i {
font-size: 50px;
color: var(--e-global-color-lprimary1);
}
.listivo-icon-box__heading {
margin-top: var(--e-global-size-6);
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-icon-box__text {
margin-top: var(--e-global-size-7);
text-align: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-badge {
display: flex;
align-items: center;
justify-content: center;
width: 217px;
height: 217px;
}
.listivo-badge__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.listivo-badge__content {
position: relative;
z-index: 10;
display: flex;
align-items: center;
flex-direction: column;
transform: rotate(16.08deg);
margin-bottom: 20px;
}
.listivo-badge__image img {
display: block;
width: var(--e-global-size-2);
height: auto;
}
.listivo-badge__value {
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-badge__label {
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-compare-button {
cursor: pointer;
box-shadow: var(--e-global-shadow);
padding: var(--e-global-size-7);
padding-bottom: 0;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
background-color: var(--e-global-color-lcolor5);
}
.listivo-compare-button__inner {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
display: flex;
align-items: center;
background-color: var(--e-global-color-lprimary1);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor5);
height: 50px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-compare-button__inner svg {
margin-right: var(--e-global-size-6);
}
.listivo-compare-button__inner svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-compare-button__count {
display: flex;
align-items: center;
justify-content: center;
margin-left: var(--e-global-size-6);
border-radius: 50%;
overflow: hidden;
background-color: var(--e-global-color-lcolor5);
min-width: var(--e-global-size-5);
padding: 0 4px;
height: var(--e-global-size-5);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-compare-preview-wrapper {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: center;
z-index: 50;
height: 0;
}
.listivo-compare-preview-wrapper__container {
max-width: 1440px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.listivo-compare-preview {
padding-right: var(--e-global-size-2);
display: flex;
flex-direction: column;
align-items: flex-end;
transform: translateY(0);
transition: 0.3s ease-in-out;
height: 297px;
bottom: 0;
left: 0;
z-index: 50;
max-width: 670px;
width: 100%;
position: relative;
}
@media (max-width: 767px) {
.listivo-compare-preview {
align-items: center;
}
}
.listivo-compare-preview--open {
transform: translateY(-100%);
}
@media (max-width: 767px) {
.listivo-compare-preview--open {
transform: translateY(0);
}
}
.listivo-compare-preview--hidden {
transform: translateY(60px);
visibility: hidden;
}
.listivo-compare-preview__button {
position: absolute;
z-index: 50;
height: 60px;
-webkit-clip-path: inset(-20px -20px 0 -20px);
clip-path: inset(-20px -20px 0 -20px);
right: 60px;
top: -60px;
}
@media (max-width: 767px) {
.listivo-compare-preview__button {
right: 50%;
transform: translateX(50%);
}
}
.listivo-compare-preview__content {
box-shadow: var(--e-global-shadow);
position: relative;
z-index: 49;
height: 297px;
max-width: 670px;
width: 100%;
background-color: var(--e-global-color-lcolor5);
padding: var(--e-global-size-4);
border-top-left-radius: var(--e-global-lborder-radius);
}
.listivo-compare-preview__list {
overflow: hidden;
position: relative;
width: 100%;
}
.listivo-compare-preview__bottom {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: space-between;
}
.listivo-compare-preview__info {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: italic;
line-height: 138%;
padding-left: 55px;
position: relative;
max-width: 365px;
width: 100%;
}
.listivo-compare-preview__info-icon {
position: absolute;
left: 0;
width: 40px;
height: 40px;
}
.listivo-compare-preview__info-icon svg path {
fill: var(--e-global-color-lprimary2);
}
.listivo-compare-preview__compare-button {
display: none;
}
.listivo-compare-preview__compare-button--visible {
display: block;
}
@media (max-width: 767px) {
.listivo-html-map-sticky .listivo-compare-preview-wrapper {
display: none;
}
}
.listivo-compare-preview-card {
width: 100%;
display: block;
}
.listivo-compare-preview-card__image {
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
}
.listivo-compare-preview-card__image--placeholer {
background: var(--e-global-color-lcolor4);
border: 2px dashed var(--e-global-color-lcolor3);
border-radius: var(--e-global-lborder-radius);
}
.listivo-compare-preview-card__image img {
display: block;
aspect-ratio: 160/110;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-compare-preview-card__label {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listivo-compare-preview-card__remove {
position: absolute;
top: 5px;
right: 5px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
}
.listivo-compare-area {
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.listivo-compare-area__empty-block {
display: none;
}
}
.listivo-compare-area__row {
display: grid;
grid-column-gap: var(--e-global-size-4);
grid-template-columns: repeat(3, minmax(0, 1fr));
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 1024px) {
.listivo-compare-area__row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-compare-area__row--mobile-full {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-compare-area__row--with-border {
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-compare-area__row--with-border {
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
}
.listivo-compare-area__row--with-border:last-child {
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
@media (max-width: 767px) {
.listivo-compare-area__row--mobile-flex {
display: flex;
justify-content: space-between;
background-color: var(--e-global-color-lcolor5);
}
}
@media (max-width: 767px) {
.listivo-compare-area__row--button {
display: flex;
justify-content: center;
}
}
.listivo-compare-area__head {
height: 240px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 767px) {
.listivo-compare-area__head {
margin-bottom: var(--e-global-size-4);
}
}
.listivo-compare-area__head-bottom {
display: flex;
justify-content: space-between;
}
.listivo-compare-area__heading-wrapper {
display: flex;
align-items: center;
}
.listivo-compare-area__heading {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-compare-area__heading-count {
margin-left: var(--e-global-size-6);
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
color: var(--e-global-color-lcolor5);
background-color: var(--e-global-color-lprimary2);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
}
.listivo-compare-area__text {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-compare-area__image {
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
display: block;
}
.listivo-compare-area__image img {
display: block;
aspect-ratio: 360/240;
width: 100%;
height: auto;
}
.listivo-compare-area__lock {
position: absolute;
top: var(--e-global-size-6);
left: var(--e-global-size-6);
height: 25px;
background-color: var(--e-global-color-lprimary2);
border-radius: 25px;
color: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
padding: 0 var(--e-global-size-6);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-compare-area__lock svg {
margin-right: var(--e-global-size-7);
}
.listivo-compare-area__lock svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-compare-area__remove {
position: absolute;
top: var(--e-global-size-6);
right: var(--e-global-size-6);
width: 25px;
height: 25px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.listivo-compare-area__remove svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-compare-area__locked {
grid-area: 1/2;
}
.listivo-compare-area__cell {
display: flex;
align-items: center;
padding: var(--e-global-size-6) var(--e-global-size-4);
background-color: var(--e-global-color-lcolor5);
color: var(--e-global-color-lcolor2);
border-left: 1px solid var(--e-global-color-lcolor4);
border-right: 1px solid var(--e-global-color-lcolor4);
min-height: 59px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 767px) {
.listivo-compare-area__cell {
border: 0;
background-color: transparent;
}
}
.listivo-compare-area__cell--field-label {
border-right: 0;
background-color: transparent;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-compare-area__cell--label {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
padding: var(--e-global-size-4);
}
.listivo-compare-area__cell--primary-value {
color: var(--e-global-color-lprimary2);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
min-height: 55px;
}
.listivo-compare-area__cell--button {
padding-top: var(--e-global-size-2);
display: flex;
justify-content: center;
background-color: transparent;
border: 0;
}
.listivo-content-v1 {
display: flex;
}
@media (max-width: 1024px) {
.listivo-content-v1 {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-content-v1 {
max-width: 390px;
}
}
.listivo-content-v1__image {
width: 100%;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v1__image {
max-width: 360px;
}
}
.listivo-content-v1__image img {
width: 100%;
height: auto;
}
.listivo-content-v1__content {
justify-content: center;
margin-left: 127px;
display: flex;
flex-direction: column;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-content-v1__content {
margin-top: var(--e-global-size-2);
}
}
.listivo-content-v1__heading {
max-width: 455px;
}
.listivo-content-v1__text {
margin-top: var(--e-global-size-3);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v1__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v1__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v1__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v1__attributes {
margin-top: 25px;
}
@media (max-width: 1024px) {
.listivo-content-v1 {
flex-direction: column;
align-items: center;
}
.listivo-content-v1__content {
margin-top: var(--e-global-size-2);
margin-left: 0;
}
}
.listivo-content-v2 {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-content-v2 {
flex-direction: column-reverse;
align-items: center;
justify-content: flex-start;
}
}
.listivo-content-v2__image-wrapper {
display: flex;
align-items: center;
}
.listivo-content-v2__image {
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
align-items: center;
max-width: 555px;
width: 100%;
}
@media (max-width: 1024px) {
.listivo-content-v2__image {
margin: var(--e-global-size-2) auto 0;
}
}
.listivo-content-v2__image img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-content-v2__content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 458px;
margin-left: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-content-v2__content {
width: 100%;
max-width: 100%;
margin-left: 0;
}
}
.listivo-content-v2__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-content-v2__text {
text-align: center;
}
}
.listivo-content-v2__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v2__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v2__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v2__button {
margin-top: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-content-v2__button {
display: flex;
justify-content: center;
}
}
.listivo-content-v3 {
display: flex;
}
.listivo-content-v3__content {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v3__content {
align-items: center;
margin: 0 auto;
}
}
.listivo-content-v3__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-content-v3__text {
text-align: center;
}
}
.listivo-content-v3__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v3__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v3__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v3__button {
margin-top: var(--e-global-size-4);
}
.listivo-content-v4 {
display: flex;
}
@media (max-width: 1024px) {
.listivo-content-v4 {
flex-wrap: wrap;
justify-content: center;
}
}
.listivo-content-v4__image-wrapper {
display: flex;
margin-right: 100px;
width: 100%;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v4__image-wrapper {
margin-right: 0;
max-width: 100%;
justify-content: center;
}
}
.listivo-content-v4__image {
width: 100%;
max-width: 458px;
position: relative;
}
.listivo-content-v4__image img {
width: 100%;
height: auto;
position: relative;
z-index: 10;
}
.listivo-content-v4__award {
position: absolute;
z-index: 11;
right: -30px;
bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v4__award {
right: 30px;
bottom: -30px;
}
}
.listivo-content-v4__pattern {
position: absolute;
z-index: 1;
}
.listivo-content-v4__pattern svg path:first-child {
fill: var(--e-global-color-lcolor4);
}
.listivo-content-v4__pattern svg path:last-child {
fill: var(--e-global-color-lprimary2);
}
.listivo-content-v4__pattern--1 {
bottom: 30px;
left: -80px;
}
.listivo-content-v4__pattern--2 {
top: 45px;
right: -30px;
}
@media (max-width: 767px) {
.listivo-content-v4__pattern--2 {
display: none;
}
}
.listivo-content-v4__content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-content-v4__content {
width: 100%;
margin-top: var(--e-global-size-2);
}
}
.listivo-content-v4__text {
margin-top: var(--e-global-size-3);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v4__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v4__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v4__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v4__attributes {
margin-top: var(--e-global-size-4);
}
.listivo-award-box {
width: 200px;
display: flex;
flex-direction: column;
padding: var(--e-global-size-4);
align-items: center;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-award-box__image {
width: var(--e-global-size-2);
}
.listivo-award-box__image img {
display: block;
width: 100%;
height: auto;
}
.listivo-award-box__heading {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-award-box__text {
margin-top: 5px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v5 {
display: flex;
}
@media (max-width: 1024px) {
.listivo-content-v5 {
flex-wrap: wrap;
justify-content: center;
}
}
.listivo-content-v5__image-wrapper {
display: flex;
margin-right: 125px;
width: 100%;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v5__image-wrapper {
margin-right: 0;
max-width: 100%;
justify-content: center;
}
}
.listivo-content-v5__image {
width: 100%;
max-width: 458px;
position: relative;
border-radius: var(--e-global-lborder-radius);
}
.listivo-content-v5__image img {
width: 100%;
height: auto;
position: relative;
z-index: 10;
}
.listivo-content-v5__award {
position: absolute;
z-index: 11;
right: -30px;
bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v5__award {
right: 30px;
bottom: -30px;
}
}
.listivo-content-v5__content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-content-v5__content {
width: 100%;
margin-top: var(--e-global-size-2);
}
}
.listivo-content-v5__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v5__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v5__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v5__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v5__quote {
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v5__quote {
margin-top: var(--e-global-size-3);
}
}
.listivo-content-v5__features {
margin-top: var(--e-global-size-4);
display: flex;
flex-direction: column;
gap: var(--e-global-size-5);
}
.listivo-content-v5__feature {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-content-v5__check {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background-color: #F2F2F2;
border-radius: 50%;
margin-right: var(--e-global-size-7);
}
.listivo-quote {
display: flex;
width: 100%;
border-radius: var(--e-global-lborder-radius);
position: relative;
}
.listivo-quote__left {
width: var(--e-global-size-1);
background-color: var(--e-global-color-lprimary1);
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.listivo-quote__left {
position: absolute;
width: var(--e-global-size-4);
height: var(--e-global-size-4);
left: var(--e-global-size-4);
top: -15px;
}
.listivo-quote__left svg {
width: 15px;
}
}
.listivo-quote__left svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-quote__content {
padding: var(--e-global-size-5) var(--e-global-size-4);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: var(--e-global-color-lcolor1);
background-color: var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-quote__content {
font-size: 16px;
line-height: 29px;
}
}
.listivo-award-box-v2 {
display: flex;
align-items: center;
justify-content: center;
width: 188px;
height: 188px;
position: relative;
}
.listivo-award-box-v2__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.listivo-award-box-v2__background svg path {
stroke: var(--e-global-color-lprimary1);
fill: var(--e-global-color-lcolor5);
}
.listivo-award-box-v2__content {
position: relative;
z-index: 10;
}
.listivo-award-box-v2__main {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 48px;
text-align: center;
letter-spacing: -2.21166px;
color: var(--e-global-color-lcolor1);
}
.listivo-award-box-v2__text {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: normal;
font-weight: 500;
font-size: 16.4423px;
line-height: 16px;
text-align: center;
letter-spacing: -1px;
color: var(--e-global-color-lcolor1);
max-width: 100px;
}
.listivo-content-v6 {
display: flex;
}
@media (max-width: 1024px) {
.listivo-content-v6 {
flex-wrap: wrap;
justify-content: center;
}
}
.listivo-content-v6__image-wrapper {
display: flex;
margin-right: 125px;
width: 100%;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v6__image-wrapper {
margin-right: 0;
max-width: 100%;
justify-content: center;
}
}
.listivo-content-v6__image {
width: 100%;
max-width: 458px;
position: relative;
border-radius: var(--e-global-lborder-radius);
}
.listivo-content-v6__image img {
width: 100%;
height: auto;
position: relative;
z-index: 10;
}
.listivo-content-v6__award {
position: absolute;
z-index: 11;
right: -30px;
bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v6__award {
right: 30px;
bottom: -30px;
}
}
.listivo-content-v6__content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-content-v6__content {
width: 100%;
margin-top: var(--e-global-size-2);
}
}
.listivo-content-v6__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v6__text a {
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-content-v6__text a:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-content-v6__text a:hover:before {
width: calc(100% + 6px);
}
.listivo-content-v6__button {
margin-top: var(--e-global-size-4);
}
.listivo-award-box-v3 {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 176px;
position: relative;
background: var(--e-global-color-lcolor5);
box-shadow: var(--e-global-shadow);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-award-box-v3:before {
display: block;
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 180px;
height: 196px;
background: rgba(253, 253, 254, 0.5);
border-radius: var(--e-global-lborder-radius-large) 0 0 var(--e-global-lborder-radius-large);
overflow: hidden;
}
@media (max-width: 767px) {
.listivo-award-box-v3:before {
width: 220px;
height: 155px;
border-radius: var(--e-global-lborder-radius-large) var(--e-global-lborder-radius-large) 0 0;
}
}
.listivo-award-box-v3__content {
position: relative;
z-index: 10;
}
.listivo-award-box-v3__image {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: var(--e-global-size-6);
}
.listivo-award-box-v3__image img {
width: auto;
height: var(--e-global-size-2);
}
.listivo-award-box-v3__main {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-align: center;
color: var(--e-global-color-lcolor1);
}
.listivo-award-box-v3__text {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-align: center;
color: var(--e-global-color-lcolor1);
max-width: 100px;
}
.listivo-content-v7 {
position: relative;
padding: 147px 0;
background: var(--e-global-color-lsectionbg);
overflow: hidden;
}
@media (max-width: 1024px) {
.listivo-content-v7 {
padding: 60px 0;
}
.listivo-content-v7:before {
display: block;
content: "";
background: var(--e-global-color-lcolor1);
opacity: 0.6;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8;
}
}
.listivo-content-v7__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
width: 100%;
position: relative;
}
@media (max-width: 1024px) {
.listivo-content-v7__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-content-v7__container {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-content-v7__container {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-content-v7__container {
position: static;
}
}
.listivo-content-v7__content {
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-content-v7__content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
}
.listivo-content-v7__background {
position: absolute;
left: -100px;
top: -120px;
pointer-events: none;
z-index: 11;
}
@media (max-width: 1024px) {
.listivo-content-v7__background {
display: none;
}
}
.listivo-content-v7__heading {
max-width: 555px;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
}
.listivo-content-v7__heading span {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 1024px) {
.listivo-content-v7__heading {
color: var(--e-global-color-lcolor5);
text-align: center;
}
}
.listivo-content-v7__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-content-v7__text {
text-align: center;
color: #FFFEFE;
opacity: 0.7;
}
}
.listivo-content-v7__buttons {
margin-top: var(--e-global-size-4);
display: flex;
gap: 30px;
}
@media (max-width: 767px) {
.listivo-content-v7__buttons {
flex-direction: column;
}
}
.listivo-content-v7__image-wrapper {
position: absolute;
left: 630px;
top: -65px;
}
@media (max-width: 1024px) {
.listivo-content-v7__image-wrapper {
position: static;
left: 0;
top: 0;
height: 0;
}
}
.listivo-content-v7__image {
position: relative;
width: 675px;
height: 454px;
}
@media (max-width: 1024px) {
.listivo-content-v7__image {
position: static;
}
}
.listivo-content-v7__image img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 5;
}
@media (max-width: 1024px) {
.listivo-content-v7__image img {
-webkit-clip-path: unset !important;
clip-path: unset !important;
}
}
.listivo-content-v7__image svg {
position: absolute;
top: 30px;
left: 80px;
z-index: 4;
}
.listivo-content-v7__image svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-content-v7__image-mask {
position: absolute;
left: -10000px;
}
.listivo-content-v8 {
display: flex;
}
@media (max-width: 1024px) {
.listivo-content-v8 {
flex-wrap: wrap;
justify-content: center;
}
}
.listivo-content-v8__image-wrapper {
display: flex;
margin-right: 125px;
width: 100%;
max-width: 458px;
}
@media (max-width: 1024px) {
.listivo-content-v8__image-wrapper {
margin-right: 0;
max-width: 100%;
justify-content: center;
}
}
.listivo-content-v8__image {
width: 100%;
max-width: 458px;
position: relative;
border-radius: var(--e-global-lborder-radius);
}
.listivo-content-v8__image img {
width: 100%;
height: auto;
position: relative;
z-index: 10;
}
.listivo-content-v8__award {
position: absolute;
z-index: 11;
right: -30px;
bottom: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v8__award {
right: 30px;
bottom: -30px;
}
}
.listivo-content-v8__content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
@media (max-width: 1024px) {
.listivo-content-v8__content {
width: 100%;
margin-top: var(--e-global-size-2);
}
}
.listivo-content-v8__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-content-v8__quote {
margin-top: var(--e-global-size-4);
}
@media (max-width: 767px) {
.listivo-content-v8__quote {
margin-top: var(--e-global-size-3);
}
}
.listivo-content-v8__features {
margin-top: var(--e-global-size-4);
display: flex;
flex-direction: column;
gap: var(--e-global-size-5);
}
.listivo-content-v8__feature {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
position: relative;
padding-left: var(--e-global-size-4);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-content-v8__feature span {
flex: 1;
}
.listivo-content-v8__check {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background-color: #F2F2F2;
border-radius: 50%;
position: absolute;
left: 0;
top: 4.5px;
}
.listivo-content-v8__button {
margin-top: var(--e-global-size-4);
}
.listivo-award-box-v4 {
display: flex;
align-items: center;
justify-content: center;
width: 188px;
height: 188px;
position: relative;
}
.listivo-award-box-v4__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.listivo-award-box-v4__background svg path {
stroke: var(--e-global-color-lcolor1);
fill: var(--e-global-color-lcolor1);
}
.listivo-award-box-v4__content {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
}
.listivo-award-box-v4__image {
width: 60px;
height: 60px;
margin-bottom: var(--e-global-size-6);
}
.listivo-award-box-v4__image img {
display: block;
width: 100%;
height: auto;
}
.listivo-award-box-v4__main {
font-family: var(--e-global-typography-lheading2-font-family);
font-size: var(--e-global-typography-lheading2-font-size);
font-weight: var(--e-global-typography-lheading2-font-weight);
line-height: var(--e-global-typography-lheading2-line-height);
letter-spacing: var(--e-global-typography-lheading2-letter-spacing);
text-transform: var(--e-global-typography-lheading2-text-transform);
font-style: var(--e-global-typography-lheading2-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading2-text-decoration);
text-decoration: var(--e-global-typography-lheading2-text-decoration);
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: var(--e-global-color-lcolor5);
}
.listivo-award-box-v4__text {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: italic;
font-weight: 400;
font-size: 16px;
line-height: 29px;
color: var(--e-global-color-lcolor2);
max-width: 100px;
}
.listivo-user-description {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-term-list-v3 {
display: grid;
grid-template-columns: repeat(auto-fit, 165px);
grid-gap: var(--e-global-size-4);
}
.listivo-term-list-v3-card {
width: 100%;
height: 180px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-term-list-v3-card:before {
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 0.3s ease-in-out;
box-shadow: var(--e-global-shadow);
}
.listivo-term-list-v3-card:hover:before {
opacity: 1;
}
.listivo-term-list-v3-card__count {
position: absolute;
top: var(--e-global-size-6);
right: var(--e-global-size-6);
height: var(--e-global-size-5);
display: flex;
align-items: center;
background: var(--e-global-color-lcolor4);
border-radius: 50px;
padding: 0 6px;
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-term-list-v3-card__image {
height: 90px;
}
.listivo-term-list-v3-card__image img {
display: block;
height: 90px;
width: auto;
}
.listivo-services-v2 {
display: grid;
grid-column-gap: 85px;
grid-row-gap: 67px;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}
.listivo-service-v2 {
display: flex;
flex-direction: column;
padding-left: 30px;
position: relative;
}
.listivo-service-v2__icon {
text-align: center;
}
.listivo-service-v2__icon i {
color: var(--e-global-color-lprimary1);
font-size: 60px;
}
.listivo-service-v2__icon svg {
width: 50px;
height: 50px;
}
.listivo-service-v2__name {
margin-top: 20px;
color: #222222;
font-family: var(--font-heading);
font-size: 24px;
font-weight: 700;
letter-spacing: -0.24px;
text-align: center;
}
.listivo-service-v2__description {
margin-top: 22px;
color: #444444;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
.listivo-services-v3 {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.listivo-services-v3__service {
flex: 1;
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: 5px;
position: relative;
padding-top: 75px;
padding-bottom: 55px;
max-width: 360px;
min-width: 290px;
margin: 45px 15px 55px;
}
.listivo-services-v3__image-wrapper {
position: absolute;
width: 170px;
display: flex;
justify-content: center;
top: -45px;
left: 50%;
margin-left: -85px;
background: var(--e-global-color-lcolor5);
}
.listivo-services-v3__image {
width: 90px;
height: 90px;
text-align: center;
}
.listivo-services-v3__image img {
display: inline-block;
width: auto;
height: 90px;
}
.listivo-services-v3__title {
max-width: 270px;
margin: 0 auto;
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-services-v3__text {
margin: 15px auto 0;
max-width: 270px;
text-align: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-services-v3__button {
width: 225px;
height: 50px;
background-color: var(--e-global-color-lcolor5);
position: absolute;
bottom: -25px;
left: 50%;
margin-left: -112.5px;
text-align: center;
z-index: 10;
}
.listivo-services-v4 {
margin-left: calc(-1 * var(--e-global-size-4));
margin-right: calc(-1 * var(--e-global-size-4));
}
@media (max-width: 1024px) {
.listivo-services-v4 {
margin-top: calc(-1 * var(--e-global-size-4));
}
}
.listivo-services-v4__list {
display: flex;
}
@media (max-width: 1024px) {
.listivo-services-v4__list {
flex-direction: column;
}
}
.listivo-service-v4 {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
position: relative;
margin: 0 var(--e-global-size-4);
margin-top: var(--e-global-size-4);
padding: var(--e-global-size-3) var(--e-global-size-6);
padding-top: 55px;
width: 100%;
}
.listivo-service-v4--with-circle {
padding-top: 75px;
}
@media (max-width: 1024px) {
.listivo-service-v4 {
width: auto;
margin-top: var(--e-global-size-2);
}
}
.listivo-service-v4__image {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
height: 60px;
width: auto;
}
.listivo-service-v4__image img {
height: 60px;
width: auto;
}
.listivo-service-v4__circle {
position: absolute;
top: -45px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-1);
height: var(--e-global-size-1);
background: var(--e-global-color-lprimary1);
border-radius: 50%;
}
.listivo-service-v4__circle img {
display: block;
width: 45px;
height: auto;
}
.listivo-service-v4__label {
color: var(--e-global-color-lcolor1);
text-align: center;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-service-v4__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
text-align: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-services-v5 {
display: flex;
gap: var(--e-global-size-6);
justify-content: center;
}
@media (max-width: 1024px) {
.listivo-services-v5 {
flex-direction: column;
gap: var(--e-global-size-4);
}
}
.listivo-service-v5 {
display: flex;
flex-direction: column;
align-items: center;
min-width: 360px;
position: relative;
}
@media (max-width: 1024px) {
.listivo-service-v5 {
width: 100%;
min-width: auto;
}
.listivo-service-v5:first-child {
margin-top: 0;
}
}
.listivo-service-v5__arrow {
position: absolute;
top: 92px;
right: -12.5px;
}
@media (max-width: 1024px) {
.listivo-service-v5__arrow {
display: none;
}
}
.listivo-service-v5__arrow svg path {
stroke: var(--e-global-color-lprimary2);
}
[dir=rtl] .listivo-service-v5__arrow svg {
transform: scaleX(-1);
}
.listivo-service-v5__decoration {
margin-top: var(--e-global-size-4);
width: var(--e-global-size-4);
height: var(--e-global-size-4);
position: relative;
}
.listivo-service-v5__decoration:after {
display: block;
content: "";
position: absolute;
width: 162px;
right: -162px;
top: 15px;
height: 2px;
background: linear-gradient(to right, var(--e-global-color-lprimary2), var(--e-global-color-lprimary2) 8px, transparent 8px, transparent);
background-size: 16px 100%;
}
.listivo-service-v5__decoration:before {
display: block;
content: "";
position: absolute;
width: 162px;
left: -162px;
top: 14px;
height: 2px;
background: linear-gradient(to right, var(--e-global-color-lprimary2), var(--e-global-color-lprimary2) 8px, transparent 8px, transparent);
background-size: 16px 100%;
}
.listivo-service-v5__decoration svg rect {
stroke: var(--e-global-color-lprimary2);
}
.listivo-service-v5__image {
display: flex;
justify-content: center;
}
.listivo-service-v5__image img {
display: block;
height: 60px;
width: auto;
}
.listivo-service-v5__label {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
text-align: center;
max-width: 260px;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-service-v5__text {
margin-top: var(--e-global-size-5);
color: var(--e-global-color-lcolor2);
text-align: center;
max-width: 260px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-service-v5:first-child .listivo-service-v5__decoration:before {
display: none;
}
.listivo-service-v5:last-child .listivo-service-v5__decoration:after {
display: none;
}
.listivo-service-v5:last-child .listivo-service-v5__arrow {
display: none;
}
.listivo-services-v6__heading {
margin-bottom: var(--e-global-size-2);
position: relative;
z-index: 10;
}
.listivo-services-v6__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
position: relative;
}
@media (max-width: 1024px) {
.listivo-services-v6__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-services-v6__grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-services-v6__pattern {
position: absolute;
z-index: 1;
}
@media (max-width: 767px) {
.listivo-services-v6__pattern {
display: none;
}
}
.listivo-services-v6__pattern svg path {
fill: var(--e-global-color-lcolor4);
}
.listivo-services-v6__pattern--1 {
top: -80px;
left: 115px;
}
.listivo-services-v6__pattern--2 {
bottom: -30px;
left: -45px;
}
.listivo-services-v6__pattern--3 {
top: 190px;
right: -50px;
}
.listivo-service-v6 {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-3);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
position: relative;
z-index: 10;
}
.listivo-service-v6:hover {
box-shadow: var(--e-global-shadow);
}
.listivo-service-v6__image {
height: var(--e-global-size-2);
}
.listivo-service-v6__image img {
display: block;
width: auto;
height: var(--e-global-size-2);
}
.listivo-service-v6__heading {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-align: center;
}
.listivo-service-v6__text {
margin-top: var(--e-global-size-6);
text-align: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-services-v7 {
padding: 0 var(--e-global-size-4);
min-height: 615px;
}
@media (max-width: 1024px) {
.listivo-services-v7 {
padding-left: 0;
padding-right: 0;
}
}
.listivo-services-v7__background-container {
padding-top: var(--e-global-size-2);
position: relative;
}
.listivo-services-v7__background-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.listivo-services-v7__background {
position: relative;
height: 555px;
width: 100%;
border-radius: var(--e-global-lborder-radius-large);
overflow: hidden;
z-index: 10;
}
.listivo-services-v7__background:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.75;
z-index: 2;
}
.listivo-services-v7__background img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-services-v7__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-services-v7__container {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
.listivo-services-v7__content {
position: relative;
z-index: 10;
}
@media (max-width: 1024px) {
.listivo-services-v7__heading {
padding: var(--e-global-size-6);
}
}
.listivo-services-v7__button {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: center;
}
.listivo-services-v7__list {
margin-top: var(--e-global-size-2);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-services-v7__list {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-services-v7__list {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-services-v7__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-services-v7__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.listivo-service-v7 {
padding: var(--e-global-size-4) var(--e-global-size-3);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.listivo-service-v7__image {
height: 60px;
display: flex;
justify-content: center;
margin-bottom: var(--e-global-size-4);
}
.listivo-service-v7__image img {
display: block;
height: 60px;
width: auto;
}
.listivo-service-v7__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-service-v7__text {
margin-top: var(--e-global-size-5);
text-align: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-services-v8 {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--e-global-size-4);
overflow: hidden;
}
.listivo-service-v8 {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 262px;
position: relative;
}
.listivo-service-v8:before {
position: absolute;
content: "";
width: calc(100% + 30px);
height: 3px;
background: var(--e-global-color-lcolor4);
left: -15px;
top: var(--e-global-size-3);
}
.listivo-service-v8__icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-1);
height: var(--e-global-size-1);
background: var(--e-global-color-lprimary1);
border-radius: 50%;
box-shadow: var(--e-global-shadow);
position: relative;
z-index: 10;
}
.listivo-service-v8__icon--no-shadow {
box-shadow: unset;
}
.listivo-service-v8__icon img {
display: block;
height: 45px;
width: auto;
}
.listivo-service-v8__label {
margin-top: var(--e-global-size-4);
width: 100%;
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-service-v8__text {
margin-top: var(--e-global-size-4);
width: 100%;
text-align: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-services-v9 {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--e-global-size-4);
}
.listivo-service-v9 {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--e-global-size-4);
width: 100%;
max-width: 262px;
background: var(--e-global-color-lprimary2);
border-radius: var(--e-global-lborder-radius);
box-shadow: var(--e-global-shadow);
}
.listivo-service-v9__icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
background: var(--e-global-color-lcolor1);
border-radius: 50%;
}
.listivo-service-v9__icon img {
display: block;
height: 30px;
width: auto;
}
.listivo-service-v9__label {
margin-top: var(--e-global-size-6);
width: 100%;
text-align: center;
color: var(--e-global-color-lcolor5-op-1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-service-v9__text {
margin-top: var(--e-global-size-6);
width: 100%;
text-align: center;
color: var(--e-global-color-lcolor5);
opacity: 0.6;
}
.listivo-button-wrapper {
display: flex;
width: 100%;
}
.listivo-button-wrapper--center {
justify-content: center;
}
.listivo-button {
position: relative;
overflow: hidden;
display: inline-flex;
flex-wrap: nowrap;
height: 50px;
background-color: var(--e-global-color-lcolor3);
padding: 0 25px 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
justify-content: center;
align-items: center;
border-radius: var(--e-global-lborder-radius);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-button:last-child {
margin-right: 0;
}
.listivo-button span {
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.listivo-button i {
margin-left: 50px;
transition: 0.3s ease-in-out;
}
.listivo-button span svg {
margin-left: 50px;
transition: 0.3s ease-in-out;
}
[dir=rtl] .listivo-button span svg {
transform: scaleX(-1);
}
.listivo-button span svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor2);
}
.listivo-button--height-60 {
height: 60px;
}
.listivo-button--regular:hover {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-button--regular:hover span svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-button--primary-1 {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-button--primary-1 span svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-button--primary-1 span svg rect {
fill: var(--e-global-color-lcolor5);
}
.listivo-button--primary-2 {
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
}
.listivo-button--primary-2 span svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-button--white {
background-color: transparent;
color: #FFFFFF;
border: 2px solid #FFFFFF;
}
.listivo-button--white span svg path {
fill: #FFFFFF;
}
.listivo-button--color-1 {
color: var(--e-global-color-lcolor1);
}
.listivo-button--color-1 span svg path {
fill: var(--e-global-color-lcolor1);
}
.listivo-button:before, .listivo-button:after {
content: "";
height: 120px;
width: 120px;
background-color: var(--e-global-color-lcolor5);
opacity: 0.15;
position: absolute;
right: -55px;
top: -10px;
transform: rotate(20deg);
transition: 0.3s ease-in-out;
}
.listivo-button:before {
transform: translateX(-220%) translateY(-50px) rotate(20deg);
opacity: 0;
}
.listivo-button:hover span svg {
transform: scale(1.2);
}
[dir=rtl] .listivo-button:hover span svg {
transform: scaleX(-1.2) scaleY(1.2);
}
.listivo-button:hover:before {
transform: translateX(0) translateY(0) rotate(20deg);
opacity: 0.15;
}
.listivo-button:hover:after {
transform: translateX(220%) translateY(-50px) rotate(20deg);
opacity: 0;
}
.listivo-button__loading {
display: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-button--loading:before, .listivo-button--loading:after {
display: none;
}
.listivo-button--loading span {
opacity: 0;
visibility: hidden;
}
.listivo-button--loading .listivo-button__loading {
display: block;
}
.listivo-button--loading:hover svg {
transform: translate(-50%, -50%) !important;
}
.listivo-button--left:first-child {
margin-left: 0;
}
.listivo-button--left i {
margin-left: unset;
margin-right: 50px;
}
.listivo-button--left span svg {
margin-left: unset;
margin-right: 50px;
}
.listivo-button--left:before, .listivo-button--left:after {
left: -55px;
transform: rotate(-20deg);
}
.listivo-button--left:before {
transform: translateX(220%) translateY(-50px) rotate(-20deg);
opacity: 0;
}
.listivo-button--left:hover span svg {
transform: scale(1.2);
}
[dir=rtl] .listivo-button--left:hover span svg {
transform: scaleX(-1.2) scaleY(1.2);
}
.listivo-button--left:hover:before {
transform: translateX(0) translateY(0) rotate(-20deg);
opacity: 0.15;
}
.listivo-button--left:hover:after {
transform: translateX(-220%) translateY(-50px) rotate(-20deg);
opacity: 0;
}
.listivo-button-primary-1-selector {
background-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lcolor5);
}
.listivo-button-primary-1-selector span svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-button-primary-2-selector {
background-color: var(--e-global-color-lprimary2);
color: var(--e-global-color-lcolor5);
}
.listivo-button-primary-2-selector span svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-image-mosaic {
position: relative;
width: 883px;
height: 810px;
overflow: hidden;
}
.listivo-image-mosaic__image {
position: absolute;
border-radius: 3px;
overflow: hidden;
filter: var(--e-global-shadow-filter);
}
.listivo-image-mosaic__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-image-mosaic__image--1 {
width: 287px;
height: 190px;
top: 0;
left: 120px;
}
.listivo-image-mosaic__image--2 {
width: 312px;
height: 190px;
top: 0;
left: 423px;
}
.listivo-image-mosaic__image--3 {
top: 203px;
left: 0;
width: 183px;
height: 235px;
}
.listivo-image-mosaic__image--4 {
width: 267px;
height: 167px;
top: 203px;
left: 196px;
}
.listivo-image-mosaic__image--5 {
width: 176px;
height: 109px;
top: 203px;
left: 476px;
}
.listivo-image-mosaic__image--6 {
width: 134px;
height: 184px;
top: 203px;
left: 665px;
}
.listivo-image-mosaic__image--7 {
width: 152px;
height: 108px;
top: 453px;
left: 29px;
}
.listivo-image-mosaic__image--8 {
width: 268px;
height: 176px;
top: 384px;
left: 196px;
}
.listivo-image-mosaic__image--9 {
width: 176px;
height: 233px;
top: 327px;
left: 477px;
}
.listivo-image-mosaic__image--10 {
width: 217px;
height: 159px;
top: 400px;
left: 680px;
}
.listivo-image-mosaic__image--11 {
width: 229px;
height: 169px;
top: 573px;
left: 123px;
}
.listivo-image-mosaic__image--12 {
width: 184px;
height: 220px;
top: 573px;
left: 365px;
}
.listivo-image-mosaic__image--13 {
width: 168px;
height: 163px;
top: 573px;
left: 562px;
}
.listivo-set-password {
max-width: 500px;
width: 100%;
margin: auto;
background: var(--e-global-color-lcolor4);
padding: var(--e-global-size-2);
display: flex;
flex-direction: column;
align-items: center;
border-radius: var(--e-global-lborder-radius-large);
position: relative;
z-index: 15;
}
.listivo-set-password__label {
text-align: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-set-password__form {
max-width: 380px;
width: 100%;
margin-top: var(--e-global-size-4);
}
.listivo-set-password__button {
margin-top: var(--e-global-size-4);
}
.listivo-quick-view-wrapper {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 199;
overflow-y: auto;
}
.listivo-quick-view-wrapper__container {
position: relative;
width: 100%;
min-height: 100%;
z-index: 199;
display: flex;
align-items: center;
justify-content: center;
padding: var(--e-global-size-2) 0;
}
.listivo-quick-view-wrapper__container:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.85;
z-index: 198;
}
.listivo-quick-view {
display: flex;
position: relative;
z-index: 199;
}
@media (max-width: 1250px) {
.listivo-quick-view {
flex-direction: column;
}
}
.listivo-quick-view__close {
position: absolute;
top: -20px;
right: -20px;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
cursor: pointer;
background-color: var(--e-global-color-lprimary1);
z-index: 199;
}
.listivo-quick-view__close svg {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
position: absolute;
}
.listivo-quick-view__close path {
fill: var(--e-global-color-lcolor5);
}
@media (max-width: 767px) {
.listivo-quick-view__close {
top: -30px;
right: 0;
}
}
.listivo-quick-view .listivo-quick-view__gallery--image:before {
display: none;
}
.listivo-quick-view .listivo-quick-view__gallery--image-count-0:before {
display: none;
}
.listivo-quick-view:hover .listivo-quick-view__gallery .listivo-swiper-container {
transform: scale(1);
}
.listivo-quick-view:hover .listivo-quick-view__gallery:before {
opacity: 1;
}
[dir=rtl] .listivo-quick-view:hover .listivo-quick-view__next svg, [dir=rtl] .listivo-quick-view:hover .listivo-quick-view__prev svg {
transform: scaleX(-1);
}
.listivo-quick-view:hover .listivo-quick-view__next--active, .listivo-quick-view:hover .listivo-quick-view__prev--active {
opacity: 1;
}
.listivo-quick-view:hover .listivo-quick-view__next--active:hover, .listivo-quick-view:hover .listivo-quick-view__prev--active:hover {
transform: translateX(0);
}
.listivo-quick-view:hover .listivo-quick-view__prev {
transform: translateX(-5px);
}
.listivo-quick-view:hover .listivo-quick-view__next {
transform: translateX(5px);
}
.listivo-quick-view:hover .listivo-swiper-pagination-bullet-active-main, .listivo-quick-view:hover .listivo-swiper-pagination-bullet-active-next, .listivo-quick-view:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-quick-view:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-quick-view:hover .listivo-swiper-pagination-bullet-active-prev-prev {
opacity: 1 !important;
}
.listivo-quick-view__prev-holder, .listivo-quick-view__next-holder {
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
z-index: 19;
transition: 0.3s ease-in-out;
}
.listivo-quick-view__prev-holder {
left: 0;
}
.listivo-quick-view__next-holder {
right: 0;
}
.listivo-quick-view__prev, .listivo-quick-view__next {
position: absolute;
width: 45px;
height: 45px;
background: var(--e-global-color-lcolor5);
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -22.5px;
z-index: 20;
transition: 0.3s ease-in-out;
opacity: 0;
cursor: pointer;
}
.listivo-quick-view__prev {
left: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transform: translateX(-45px);
filter: var(--e-global-shadow-filter);
}
.listivo-quick-view__next {
right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(45px);
filter: var(--e-global-shadow-filter);
}
.listivo-quick-view__gallery {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--e-global-color-lcolor4);
-webkit-mask-image: -webkit-radial-gradient(white, black);
transition: 0.3s ease-in-out;
}
.listivo-quick-view__gallery .listivo-swiper-container {
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-quick-view__gallery img {
display: block !important;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/240;
}
.listivo-quick-view__gallery:before {
transition: 0.3s ease-in-out;
display: block;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(42, 57, 70, 0) 0%, rgba(42, 57, 70, 0.39) 100%);
z-index: 9;
opacity: 0;
}
.listivo-quick-view__gallery--image-count-1:before {
display: none;
}
.listivo-quick-view .listivo-swiper-slide {
display: flex;
flex-direction: column;
}
.listivo-quick-view .listivo-swiper-slide img {
flex: 1;
}
.listivo-quick-view__pagination {
position: absolute;
bottom: 20px;
height: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.listivo-quick-view__pagination .listivo-swiper-pagination {
position: relative;
bottom: 0;
}
.listivo-quick-view__pagination .listivo-swiper-pagination-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--e-global-color-lcolor5);
transition: 0.2s transform, 0.2s left, 0.3s opacity !important;
margin: 0 5px !important;
opacity: 0;
}
.listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active-next {
transform: scale(0.66) !important;
}
.listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active-next-next {
transform: scale(0.33) !important;
}
.listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active {
position: relative;
}
.listivo-quick-view__pagination .listivo-swiper-pagination-bullet-active:before {
display: block;
content: "";
background-color: var(--e-global-color-lprimary2);
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-quick-view__icon-label {
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-5px);
height: var(--e-global-size-4);
opacity: 0;
white-space: nowrap;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: var(--e-global-lborder-radius);
background: var(--e-global-color-lcolor1);
top: -40px;
box-shadow: var(--e-global-shadow);
transition: 0.3s ease-in-out;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-quick-view__icon-label:before {
content: "";
background: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
width: 7px;
height: 7px;
background-color: var(--e-global-color-lcolor1);
bottom: -3.5px;
left: 50%;
margin-left: -3.5px;
position: absolute;
}
.listivo-quick-view__icon {
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-lcolor3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
position: relative;
cursor: pointer;
}
.listivo-quick-view__icon svg path {
transition: 0.3s ease-in-out;
fill: var(--e-global-color-lcolor1);
}
.listivo-quick-view__icon:hover:not(.listivo-quick-view__icon--active) {
border-color: var(--e-global-color-lprimary1);
}
.listivo-quick-view__icon:hover:not(.listivo-quick-view__icon--active) svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-quick-view__icon:hover:not(.listivo-quick-view__icon--active) .listivo-quick-view__icon-label {
opacity: 1;
transform: translateX(-50%) translateY(0);
visibility: visible;
}
.listivo-quick-view__icon--active {
border-color: var(--e-global-color-lprimary1);
background-color: var(--e-global-color-lprimary1);
}
.listivo-quick-view__icon--active svg path {
fill: var(--e-global-color-lcolor5);
}
.listivo-quick-view__icon--active .listivo-quick-view__icon-label {
opacity: 0 !important;
}
.listivo-quick-view__gallery {
width: 555px;
height: 445px;
overflow: hidden;
border-bottom-left-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
background: var(--e-global-color-lcolor5);
}
.listivo-quick-view__gallery > div {
height: 100%;
}
.listivo-quick-view__gallery > div .listivo-swiper-container {
height: 100%;
}
.listivo-quick-view__gallery img {
display: block;
width: 555px;
height: 445px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1250px) {
.listivo-quick-view__gallery {
border: 0;
border-top-left-radius: var(--e-global-lborder-radius);
border-top-right-radius: var(--e-global-lborder-radius);
}
}
@media (max-width: 600px) {
.listivo-quick-view__gallery {
width: 360px;
height: 288px;
}
.listivo-quick-view__gallery img {
width: 360px;
height: 288px;
}
}
.listivo-quick-view__content {
width: 585px;
height: 445px;
padding: var(--e-global-size-4);
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--e-global-color-lcolor5);
border-top-right-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
@media (max-width: 1250px) {
.listivo-quick-view__content {
width: 555px;
height: auto;
border: 0;
border-bottom-left-radius: var(--e-global-lborder-radius);
border-bottom-right-radius: var(--e-global-lborder-radius);
}
}
@media (max-width: 600px) {
.listivo-quick-view__content {
width: 360px;
}
}
.listivo-quick-view__body {
overflow-y: auto;
flex: 1;
padding-right: 10px;
}
@media (max-width: 1250px) {
.listivo-quick-view__body {
overflow-y: visible;
}
}
.listivo-quick-view__top {
display: flex;
justify-content: space-between;
align-items: center;
}
.listivo-quick-view__meta {
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-quick-view__meta-icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
overflow: hidden;
background-color: var(--e-global-color-lcolor3);
margin-right: var(--e-global-size-7);
}
.listivo-quick-view__meta-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-quick-view__heading {
display: block;
margin-top: var(--e-global-size-6);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
font-size: 30px;
line-height: 30px;
color: var(--e-global-color-lcolor1);
}
.listivo-quick-view__categories {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-quick-view__category {
display: flex;
align-items: center;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-7);
height: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-quick-view__category:first-child {
border-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lprimary1);
}
.listivo-quick-view__address {
display: flex;
align-items: center;
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-quick-view__address-icon {
margin-right: var(--e-global-size-7);
width: var(--e-global-size-5);
height: var(--e-global-size-5);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
}
.listivo-quick-view__address-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-quick-view__price {
margin-top: var(--e-global-size-6);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
font-size: 30px;
line-height: 30px;
color: var(--e-global-color-lcolor1);
}
.listivo-quick-view__attributes {
margin-top: var(--e-global-size-6);
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-quick-view__attribute {
display: flex;
align-items: center;
gap: 5px;
background: var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
height: 25px;
padding: 0 var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-quick-view__attribute path {
fill: var(--e-global-color-lcolor2);
}
.listivo-quick-view__attribute i {
color: var(--e-global-color-lcolor2);
}
.listivo-quick-view__attribute-icon {
display: flex;
align-items: center;
min-height: var(--e-global-typography-ltext2-line-height);
}
.listivo-quick-view__bottom {
padding-right: 10px;
margin-top: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-quick-view__icons {
display: flex;
align-items: center;
gap: var(--e-global-size-7);
}
.listivo-block {
background: center center no-repeat;
background-size: cover;
}
.listivo-block:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-listing-attributes-v3 {
display: flex;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-listing-attribute-v3 {
display: flex;
align-items: center;
padding: 0 var(--e-global-size-7);
word-break: break-all;
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
gap: var(--e-global-size-7);
}
.listivo-listing-attribute-v3__icon {
display: flex;
align-items: center;
height: 16px;
}
.listivo-listing-attribute-v3__icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-attribute-v3:first-child {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-listing-attribute-v3:first-child path {
fill: var(--e-global-color-lprimary1);
}
.listivo-listing-address {
display: flex;
align-items: center;
flex-wrap: wrap;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-address__icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
margin-right: var(--e-global-size-7);
}
.listivo-listing-address__icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-address__see-map {
margin-left: var(--e-global-size-6);
color: var(--e-global-color-lprimary1);
position: relative;
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-address__see-map:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-listing-address__see-map:hover:before {
width: calc(100% + 6px);
}
.listivo-listing-stats {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-listing-stats__container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--e-global-size-7);
}
.listivo-listing-stat {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-stat__icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
background-color: var(--e-global-color-lcolor3);
margin-right: var(--e-global-size-7);
border-radius: 50%;
font-size: 12px;
color: var(--e-global-color-lcolor1);
}
.listivo-listing-stat__icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-price {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
font-size: 30px;
line-height: 30px;
}
.listivo-listing-features {
display: grid;
grid-gap: var(--e-global-size-6);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.listivo-listing-feature {
display: flex;
}
.listivo-listing-feature__icon-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
margin-right: var(--e-global-size-7);
}
.listivo-listing-feature__icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-feature__icon i {
color: var(--e-global-color-lcolor5);
font-size: 12px;
}
.listivo-listing-feature__icon path {
fill: var(--e-global-color-lcolor5);
}
.listivo-listing-feature__text {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-weight: 500;
flex: 1;
}
.listivo-listing-simple-label {
margin-bottom: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-user-v2 {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
}
.listivo-listing-user-v2__content {
display: flex;
padding: var(--e-global-size-4);
}
.listivo-listing-user-v2__facebook-icon {
position: absolute;
left: 1px;
bottom: 1px;
width: 20px;
height: 20px;
border: 2px solid var(--e-global-color-lcolor5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
background: var(--e-global-color-lcolor5);
}
.listivo-listing-user-v2__facebook-icon i {
color: #4267B2;
}
.listivo-listing-user-v2__avatar-wrapper {
width: var(--e-global-size-2);
height: var(--e-global-size-2);
position: relative;
}
.listivo-listing-user-v2__avatar {
display: block;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
position: relative;
border-radius: 50%;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.listivo-listing-user-v2__avatar img {
display: block;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: var(--e-global-size-2);
height: var(--e-global-size-2);
transition: 0.3s ease-in-out;
}
.listivo-listing-user-v2__avatar:hover img {
transform: scale(1.1);
}
.listivo-listing-user-v2__avatar--no-image:hover img {
transform: unset !important;
}
.listivo-listing-user-v2__info {
flex: 1;
margin-left: var(--e-global-size-6);
word-break: break-all;
}
.listivo-listing-user-v2__name {
display: block;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
}
.listivo-listing-user-v2__rating-wrapper {
margin-top: var(--e-global-size-7);
display: flex;
align-items: center;
position: relative;
gap: var(--e-global-size-7);
flex-wrap: wrap;
}
.listivo-listing-user-v2__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
line-height: 100%;
}
.listivo-listing-user-v2__stars {
display: flex;
align-items: center;
position: relative;
gap: 4px;
}
.listivo-listing-user-v2__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-listing-user-v2__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 16px;
height: 15px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-listing-user-v2__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-listing-user-v2__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-listing-user-v2__active-rating svg {
width: 16px;
height: 15px;
}
.listivo-listing-user-v2__rating-count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
transition: 0.3s ease-in-out;
}
.listivo-listing-user-v2__rating-count:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-listing-user-v2__member-since {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
.listivo-listing-user-v2__account-type {
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
text-transform: lowercase;
}
.listivo-listing-user-v2__account-type::first-letter {
text-transform: uppercase;
}
.listivo-listing-user-v2__address {
display: flex;
margin-top: var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-listing-user-v2__address-text {
flex: 1;
}
.listivo-listing-user-v2__address-icon-wrapper {
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-listing-user-v2__address-icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
margin-right: var(--e-global-size-7);
}
.listivo-listing-user-v2__address-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-listing-user-v2__see-all {
display: inline-block;
position: relative;
margin-top: var(--e-global-size-6);
margin-bottom: 5px;
color: var(--e-global-color-lprimary1);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-listing-user-v2__see-all:before {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background-color: var(--e-global-color-lprimary1);
}
.listivo-listing-user-v2__bottom {
display: flex;
padding: var(--e-global-size-4);
gap: var(--e-global-size-6);
}
.listivo-listing-user-v2__bottom button {
width: 100%;
}
.listivo-listing-user-v2__button {
width: 100%;
}
.listivo-listing-user-v2__state {
display: flex;
align-items: center;
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
margin-top: var(--e-global-size-7);
}
.listivo-listing-user-v2__state:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 7px;
}
.listivo-listing-user-v2__state--online {
color: #9CCC65;
}
.listivo-listing-user-v2__state--online:before {
background: #9CCC65;
}
.listivo-listing-user-v2__state--offline {
color: var(--e-global-color-lcolor2);
}
.listivo-listing-user-v2__state--offline:before {
background: var(--e-global-color-lcolor2);
}
.listivo-popup-wrapper {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
overflow-y: auto;
}
.listivo-popup-wrapper__container {
position: relative;
width: 100%;
min-height: 100%;
z-index: 199;
display: flex;
align-items: center;
justify-content: center;
padding: var(--e-global-size-2) 0;
}
.listivo-popup-wrapper__container:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-lcolor1);
opacity: 0.85;
z-index: 9991;
}
.listivo-popup-wrapper__modal {
position: relative;
z-index: 9999;
width: 615px;
}
@media (max-width: 700px) {
.listivo-popup-wrapper__modal {
width: 340px;
}
}
.listivo-popup-wrapper__close {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lprimary1);
position: absolute;
right: -20px;
top: -20px;
cursor: pointer;
}
.listivo-popup-wrapper__close path {
fill: var(--e-global-color-lcolor5);
}
.listivo-chat-via-socials {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--e-global-size-4);
padding: var(--e-global-size-4);
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius-large);
}
.listivo-chat-via-socials__button {
align-self: flex-start;
display: inline-flex;
align-items: center;
color: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
.listivo-chat-via-socials__button:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-chat-via-socials__icon {
display: flex;
align-items: center;
margin-right: var(--e-global-size-6);
}
.listivo-chat-via-socials__icon--default {
width: var(--e-global-size-4);
height: var(--e-global-size-4);
}
.listivo-chat-via-socials__icon i {
transition: 0.3s ease-in-out;
}
.listivo-chat-via-socials__icon path {
transition: 0.3s ease-in-out;
}
.listivo-chat-via-socials__icon img {
display: block;
width: var(--e-global-size-4);
height: var(--e-global-size-4);
}
.listivo-report-abuse-button-wrapper {
display: flex;
justify-content: center;
}
.listivo-report-abuse-button {
display: inline-flex;
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
color: #ED5E4F;
cursor: pointer;
}
.listivo-report-abuse-button__icon {
margin-right: var(--e-global-size-7);
}
.listivo-report-abuse-button__icon path {
fill: #ED5E4F;
}
.listivo-listing-report-abuse-form {
padding: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius-large);
background-color: var(--e-global-color-lcolor5);
}
.listivo-listing-report-abuse-form__inner {
display: flex;
align-items: center;
flex-direction: column;
gap: var(--e-global-size-4);
}
.listivo-listing-report-abuse-form__reported {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-listing-report-abuse-form__label {
display: flex;
justify-content: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-listing-report-abuse-form__mail {
width: 100%;
}
.listivo-listing-report-abuse-form__text {
width: 100%;
}
.listivo-listing-report-abuse-form__text textarea {
width: 100%;
height: 200px;
border-radius: var(--e-global-lborder-radius);
resize: vertical;
background-color: var(--e-global-color-lsectionbg);
border: 1px solid var(--e-global-color-lcolor3);
padding: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-listing-report-abuse-form input {
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
color: var(--e-global-color-lcolor2);
background-color: var(--e-global-color-lsectionbg);
}
.listivo-mini-listing-carousel {
background: var(--e-global-color-lcolor5);
border: 1px solid var(--e-global-color-lcolor4);
border-radius: var(--e-global-lborder-radius);
}
.listivo-mini-listing-carousel__label {
padding: var(--e-global-size-5) var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-mini-listing-carousel__listings {
padding: var(--e-global-size-4);
}
.listivo-mini-listing-carousel__listings .listivo-swiper-container {
overflow: hidden;
}
.listivo-mini-listing-carousel__bottom {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--e-global-color-lcolor4);
padding: var(--e-global-size-6) var(--e-global-size-4);
}
@media (max-width: 1024px) {
.listivo-mini-listing-carousel__bottom {
justify-content: center;
}
}
.listivo-mini-listing-carousel__count {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
}
@media (max-width: 1024px) {
.listivo-mini-listing-carousel__count {
display: none;
}
}
.listivo-mini-listing-carousel__nav {
display: flex;
}
.listivo-mini-listing-carousel-card {
display: flex;
flex-direction: column;
}
.listivo-mini-listing-carousel-card__image {
width: 100%;
margin-bottom: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
}
.listivo-mini-listing-carousel-card__image img {
width: 100%;
display: block;
aspect-ratio: 300/200;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease-in-out transform;
transform: scale(1.05);
}
.listivo-mini-listing-carousel-card__image:hover img {
transform: scale(1);
}
.listivo-mini-listing-carousel-card__name {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
font-size: 20px;
line-height: 20px;
font-weight: 800;
}
.listivo-mini-listing-carousel-card__address {
margin-top: var(--e-global-size-6);
display: flex;
}
.listivo-mini-listing-carousel-card__address-text {
flex: 1;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-mini-listing-carousel-card__address-icon-wrapper {
margin-right: var(--e-global-size-7);
display: flex;
align-items: center;
height: var(--e-global-typography-ltext1-line-height);
}
.listivo-mini-listing-carousel-card__address-icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
border-radius: 50%;
background-color: var(--e-global-color-lcolor3);
}
.listivo-mini-listing-carousel-card__address-icon path {
fill: var(--e-global-color-lcolor1);
}
.listivo-mini-listing-carousel-card__price {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
font-size: 20px;
line-height: 20px;
font-weight: 800;
}
.mc4wp-form {
position: relative;
}
.mc4wp-response {
position: absolute;
left: var(--e-global-size-6);
top: calc(100% - 8px);
}
.mc4wp-response .mc4wp-alert {
border-radius: var(--e-global-lborder-radius);
filter: var(--e-global-shadow-filter);
display: flex;
align-items: center;
min-height: 45px;
background-color: var(--e-global-color-lcolor1);
padding: 5px var(--e-global-size-5);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.mc4wp-response .mc4wp-alert:before {
content: "";
width: 10px;
height: 10px;
background-color: var(--e-global-color-lcolor1);
transform: rotate(-45deg);
position: absolute;
top: -5px;
left: 50%;
}
.mc4wp-response .mc4wp-alert.mc4wp-error {
background-color: #EF5350;
}
.mc4wp-response .mc4wp-alert.mc4wp-error:before {
background-color: #EF5350;
}
.mc4wp-response .mc4wp-alert.mc4wp-success {
background-color: #9CCC65;
}
.mc4wp-response .mc4wp-alert.mc4wp-success:before {
background-color: #9CCC65;
}
.listivo-user-account-type {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.listivo-user-account-type__label {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor2);
}
.listivo-user-account-type__value {
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
color: var(--e-global-color-lcolor1);
}
.listivo-field-hint {
margin-left: 12px;
position: relative;
}
@media (max-width: 767px) {
.listivo-field-hint {
position: static;
}
}
.listivo-field-hint:hover .listivo-field-hint__text {
display: inline-block;
}
.listivo-field-hint__icon {
display: flex;
width: 16px;
height: 13px;
cursor: pointer;
}
.listivo-field-hint__text {
display: none;
position: absolute;
left: calc(100% + 6px);
top: 50%;
z-index: 30;
transform: translateY(-50%);
background: var(--e-global-color-lprimary1);
box-shadow: 0 6px 20px rgba(42, 57, 70, 0.1);
padding: var(--e-global-size-6);
border-radius: var(--e-global-lborder-radius);
min-width: 300px;
max-width: 300px;
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
@media (max-width: 767px) {
.listivo-field-hint__text {
transform: translateY(0);
top: calc(100% + 5px);
left: 0;
width: 100%;
min-width: unset;
}
}
.listivo-field-hint__text:before {
position: absolute;
left: -6px;
top: 50%;
transform: translateY(-50%);
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6px 7px 0;
border-color: transparent var(--e-global-color-lprimary1) transparent transparent;
}
@media (max-width: 767px) {
.listivo-field-hint__text:before {
display: none;
}
}
.listivo-rating {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
@media (max-width: 767px) {
.listivo-rating {
flex-direction: column;
}
}
.listivo-rating__rating {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
letter-spacing: -1px;
font-size: 22px;
line-height: 100%;
}
.listivo-rating__stars {
display: flex;
align-items: center;
position: relative;
gap: 6px;
}
.listivo-rating__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-rating__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 26px;
height: 25px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-rating__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-rating__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-rating__active-rating svg {
width: 26px;
height: 25px;
}
.listivo-rating__count {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
transition: 0.3s ease-in-out;
}
.listivo-rating__count--clickable {
cursor: pointer;
}
.listivo-rating__count--clickable:hover {
color: var(--e-global-color-lcolor1);
}
.listivo-reviews {
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
background: var(--e-global-color-lcolor5);
margin-bottom: var(--e-global-size-4);
}
.listivo-reviews__top {
padding: var(--e-global-size-4);
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
@media (max-width: 767px) {
.listivo-reviews__top {
flex-direction: column;
align-items: flex-start;
gap: var(--e-global-size-5);
}
}
.listivo-reviews__top-left {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
.listivo-reviews__title {
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
line-height: 100%;
color: var(--e-global-color-lcolor1);
}
.listivo-reviews__count {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
line-height: 100%;
color: var(--e-global-color-lcolor1);
background-color: var(--e-global-color-lprimary2);
padding: 0 var(--e-global-size-7);
height: 20px;
border-radius: 40px;
}
.listivo-reviews__top-right {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
margin-right: -3.5px;
}
.listivo-reviews__rating {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
letter-spacing: -1px;
font-size: 22px;
line-height: 100%;
}
.listivo-reviews__stars {
display: flex;
align-items: center;
position: relative;
gap: 6px;
}
.listivo-reviews__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-reviews__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 26px;
height: 25px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-reviews__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-reviews__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-reviews__active-rating svg {
width: 26px;
height: 25px;
}
.listivo-reviews__list {
display: flex;
flex-direction: column;
}
.listivo-reviews__button-wrapper {
border-top: 1px solid var(--e-global-color-lcolor4);
display: flex;
justify-content: center;
padding: var(--e-global-size-6) 0;
}
.listivo-reviews__button {
display: inline-flex;
align-items: center;
height: 50px;
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
padding: 0 var(--e-global-size-4);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
line-height: 100%;
cursor: pointer;
position: relative;
}
.listivo-reviews__button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-reviews__button:hover:before {
opacity: 0.15;
}
.listivo-reviews__button span {
display: block;
line-height: 20px;
margin-left: var(--e-global-size-6);
height: var(--e-global-size-5);
background: var(--e-global-color-lcolor5);
border-radius: 40px;
color: var(--e-global-color-lcolor1);
padding: 0 7px;
}
.listivo-review-form {
background: var(--e-global-color-lcolor5);
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor4);
}
.listivo-review-form__not-logged {
margin: var(--e-global-size-4);
border-radius: var(--e-global-lborder-radius-large);
border: 2px dashed #9CCC65;
background: #E6F8D1;
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 100%;
display: flex;
justify-content: center;
padding: var(--e-global-size-4);
}
.listivo-review-form__not-logged a {
color: #9CCC65;
text-decoration: underline;
margin: 0 4px;
}
.listivo-review-form__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--e-global-size-4);
border-bottom: 1px solid var(--e-global-color-lcolor4);
}
.listivo-review-form__title {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
}
.listivo-review-form__rating {
display: flex;
}
.listivo-review-form__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
cursor: pointer;
padding-right: 6px;
width: 36px;
transition: 0.3s ease-in-out;
}
.listivo-review-form__star:last-child {
padding-right: 0;
width: 30px;
}
.listivo-review-form__star--hover {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-review-form__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-review-form__content {
padding: var(--e-global-size-4);
}
.listivo-review-form__content-top {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.listivo-review-form__content-top {
flex-direction: column;
gap: var(--e-global-size-5);
}
}
.listivo-review-form__user {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
.listivo-review-form__avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.listivo-review-form__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-review-form__avatar--placeholder {
display: flex;
align-items: center;
justify-content: center;
}
.listivo-review-form__user-data {
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-review-form__user-heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
line-height: 100%;
}
.listivo-review-form__user-subheading {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
.listivo-review-form__user-subheading svg {
margin-left: var(--e-global-size-7);
}
.listivo-review-form__user-subheading svg path {
fill: var(--e-global-color-lcolor2);
}
.listivo-review-form__attachments-label {
display: flex;
align-items: center;
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.listivo-review-form__attachments-label svg {
margin-right: var(--e-global-size-7);
}
.listivo-review-form__attachments-label svg path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-review-form__attachments-label:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-review-form__attachments-label:hover svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-review-form__name {
margin-top: var(--e-global-size-6);
}
.listivo-review-form__name.listivo-input-v2 input {
padding: var(--e-global-size-6) var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
background: var(--e-global-color-lsectionbg);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__name.listivo-input-v2 input::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__name.listivo-input-v2 input:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__name.listivo-input-v2 input::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__textarea {
margin-top: var(--e-global-size-6);
width: 100%;
border-radius: var(--e-global-lborder-radius);
border: 1px solid var(--e-global-color-lcolor3);
padding: var(--e-global-size-5) var(--e-global-size-4);
background: var(--e-global-color-lsectionbg);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__textarea::-moz-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__textarea:-ms-input-placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__textarea::placeholder {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
}
.listivo-review-form__character-limit {
margin-top: var(--e-global-size-6);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 767px) {
.listivo-review-form__character-limit {
flex-direction: column;
align-items: flex-start;
}
}
.listivo-review-form__character-limit div:before {
content: "|";
margin: 0 var(--e-global-size-7);
color: var(--e-global-color-lcolor2);
}
@media (max-width: 767px) {
.listivo-review-form__character-limit div:before {
display: none;
}
}
.listivo-review-form__character-limit div:first-child:before {
display: none;
}
.listivo-review-form__character-counter--valid {
color: #9CCC65;
}
.listivo-review-form__character-counter--error {
color: #ED5E4F;
}
.listivo-review-form__bottom {
margin-top: var(--e-global-size-4);
display: flex;
justify-content: flex-end;
}
.listivo-review-photos {
margin-top: var(--e-global-size-4);
display: flex;
flex-wrap: wrap;
width: 100%;
position: relative;
pointer-events: none;
}
.listivo-review-photos .vue-dropzone {
pointer-events: auto;
width: 100%;
height: 100%;
border: 0;
min-height: 0 !important;
background: none;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-gap: var(--e-global-size-6);
padding: 0;
}
@media (max-width: 1024px) {
.listivo-review-photos .vue-dropzone {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.listivo-review-photos .vue-dropzone {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-review-photos .vue-dropzone:hover {
background: none;
}
.listivo-review-photos .dz-preview {
width: 100%;
aspect-ratio: 1/1;
border-radius: var(--e-global-lborder-radius);
overflow-x: hidden;
position: relative;
margin: 0 !important;
}
.listivo-review-photos .dz-preview img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-review-photos .dz-default.dz-message {
display: none !important;
}
.listivo-review-photos .dz-details {
display: none !important;
}
.listivo-review-photos .dz-remove {
position: absolute !important;
top: var(--e-global-size-7) !important;
right: var(--e-global-size-7) !important;
width: var(--e-global-size-5) !important;
height: var(--e-global-size-5) !important;
border-radius: 50% !important;
background: var(--e-global-color-lprimary1) !important;
opacity: 1 !important;
border: 0 !important;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
}
.listivo-review-photos .dz-remove:before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M1.61169 0.500482C1.39146 0.500755 1.1763 0.566706 0.993713 0.68991C0.811124 0.813114 0.66939 0.987978 0.586617 1.19216C0.503843 1.39635 0.483789 1.62059 0.529015 1.83623C0.574241 2.05188 0.682695 2.24914 0.840521 2.40281L3.93386 5.49762L0.840521 8.59243C0.734227 8.69453 0.649364 8.81683 0.590902 8.95216C0.532441 9.08748 0.501556 9.23312 0.500057 9.38054C0.498558 9.52796 0.526475 9.67419 0.582173 9.81068C0.63787 9.94717 0.720229 10.0712 0.824425 10.1754C0.928621 10.2797 1.05256 10.3621 1.18898 10.4178C1.32541 10.4735 1.47158 10.5014 1.61892 10.4999C1.76627 10.4984 1.91184 10.4675 2.0471 10.409C2.18237 10.3506 2.3046 10.2657 2.40666 10.1593L5.5 7.0645L8.59334 10.1593C8.69539 10.2657 8.81763 10.3506 8.95289 10.4091C9.08815 10.4675 9.23372 10.4984 9.38107 10.4999C9.52842 10.5014 9.67459 10.4735 9.81101 10.4178C9.94744 10.3621 10.0714 10.2797 10.1756 10.1754C10.2798 10.0712 10.3621 9.94718 10.4178 9.81069C10.4735 9.6742 10.5014 9.52796 10.4999 9.38054C10.4984 9.23312 10.4676 9.08748 10.4091 8.95216C10.3506 8.81683 10.2658 8.69453 10.1595 8.59243L7.06613 5.49762L10.1595 2.40281C10.3195 2.24717 10.4288 2.04679 10.4731 1.82792C10.5173 1.60906 10.4945 1.38192 10.4075 1.17628C10.3205 0.970635 10.1734 0.796081 9.9856 0.675491C9.79775 0.5549 9.57787 0.493899 9.35477 0.500482C9.06703 0.509059 8.79393 0.629373 8.59334 0.835933L5.5 3.93074L2.40666 0.835933C2.30332 0.729655 2.17971 0.645206 2.04316 0.587585C1.90661 0.529965 1.75989 0.500346 1.61169 0.500482Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
width: var(--e-global-size-7);
height: var(--e-global-size-7);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listivo-review-photos .dropzone .dz-preview:hover .dz-image img {
transform: unset;
filter: blur(0px);
}
.listivo-review-photos .dz-progress {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: var(--e-global-size-1) !important;
height: var(--e-global-size-6) !important;
background: var(--e-global-color-lcolor5-op-1) !important;
box-shadow: var(--e-global-shadow) !important;
border-radius: var(--e-global-size-4) !important;
padding: 0 2px !important;
display: flex;
align-items: center;
}
.listivo-review-photos .dz-progress .dz-upload {
background: var(--e-global-color-lprimary1) !important;
box-shadow: var(--e-global-shadow) !important;
border-radius: var(--e-global-size-4) !important;
height: 11px !important;
top: unset !important;
bottom: unset !important;
right: unset !important;
left: unset !important;
position: static !important;
}
.listivo-review-photos .dz-success-mark {
display: none !important;
}
.listivo-review-photos .dz-error-mark {
display: none !important;
}
.listivo-review-photos .dz-image {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
.listivo-review-photos .dz-image img:not([src]) {
width: 100% !important;
height: 100% !important;
display: none !important;
}
.listivo-review-photos .dz-image img {
cursor: -webkit-grab !important;
cursor: grab !important;
}
.listivo-review-photos .dz-image img:active {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
}
.listivo-review-photos .dropzone.dz-clickable * {
cursor: auto;
}
.listivo-review-photos .dz-error .dz-image {
background: var(--e-global-color-lprimary2) !important;
border-radius: var(--e-global-lborder-radius) !important;
overflow-x: hidden !important;
}
.listivo-review-photos .dz-error .dz-image img {
display: none !important;
}
.listivo-review-photos .dz-error .dz-remove {
z-index: 9999 !important;
font-size: 0 !important;
}
.listivo-review-photos .dz-error-message {
opacity: 1 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--e-global-color-lcolor5) !important;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 21px !important;
padding: 0 var(--e-global-size-4);
}
.listivo-review {
padding: var(--e-global-size-4);
border-bottom: 1px dashed var(--e-global-color-lcolor3);
}
.listivo-review:last-child {
border-bottom: none;
}
.listivo-review__header {
display: flex;
justify-content: space-between;
}
.listivo-review__user {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
.listivo-review__avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.listivo-review__avatar img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-review__avatar--placeholder {
display: flex;
align-items: center;
justify-content: center;
}
.listivo-review__user-data {
display: flex;
flex-direction: column;
gap: var(--e-global-size-7);
}
.listivo-review__user-heading {
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-lheading4-font-family);
font-size: var(--e-global-typography-lheading4-font-size);
font-weight: var(--e-global-typography-lheading4-font-weight);
line-height: var(--e-global-typography-lheading4-line-height);
letter-spacing: var(--e-global-typography-lheading4-letter-spacing);
text-transform: var(--e-global-typography-lheading4-text-transform);
font-style: var(--e-global-typography-lheading4-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading4-text-decoration);
text-decoration: var(--e-global-typography-lheading4-text-decoration);
line-height: 100%;
}
.listivo-review__user-subheading {
display: flex;
align-items: center;
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
}
.listivo-review__user-subheading svg {
margin-left: var(--e-global-size-7);
}
.listivo-review__user-subheading svg path {
fill: var(--e-global-color-lcolor2);
}
.listivo-review__rating {
margin-top: var(--e-global-size-4);
display: flex;
align-items: center;
position: relative;
}
.listivo-review__rating--active {
margin-top: 0;
width: 110px;
}
.listivo-review__date {
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext2-font-family);
font-size: var(--e-global-typography-ltext2-font-size);
font-weight: var(--e-global-typography-ltext2-font-weight);
line-height: var(--e-global-typography-ltext2-line-height);
letter-spacing: var(--e-global-typography-ltext2-letter-spacing);
text-transform: var(--e-global-typography-ltext2-text-transform);
font-style: var(--e-global-typography-ltext2-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2-text-decoration);
text-decoration: var(--e-global-typography-ltext2-text-decoration);
line-height: 100%;
margin-left: var(--e-global-size-7);
}
.listivo-review__active-rating {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.listivo-review__star {
fill: var(--e-global-color-lsectionbg);
stroke: var(--e-global-color-lcolor3);
width: 22px;
transition: 0.3s ease-in-out;
}
.listivo-review__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-review__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
.listivo-review__read-more {
cursor: pointer;
color: var(--e-global-color-lprimary1);
text-transform: uppercase;
position: relative;
transition: 0.3s ease-in-out;
}
.listivo-review__read-more:before {
content: "";
position: absolute;
bottom: 0;
left: -3px;
width: 0;
height: 1.5px;
background-color: var(--e-global-color-lprimary1);
transition: inherit;
}
.listivo-review__read-more:hover:before {
width: calc(100% + 6px);
}
.listivo-review__thumbs {
margin-top: var(--e-global-size-4);
display: flex;
gap: var(--e-global-size-7);
}
.listivo-review__gallery {
margin-top: var(--e-global-size-4);
}
.listivo-review-thumb {
display: flex;
align-items: center;
border-radius: var(--e-global-size-4);
border: 1px solid var(--e-global-color-lcolor3);
border-left: 0;
background: var(--e-global-color-lsectionbg);
cursor: pointer;
}
.listivo-review-thumb__icon {
display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-lcolor5);
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--e-global-color-lcolor3);
transition: 0.3s ease-in-out;
}
.listivo-review-thumb__icon path {
fill: var(--e-global-color-lcolor1);
transition: 0.3s ease-in-out;
}
.listivo-review-thumb__count {
padding-right: var(--e-global-size-6);
padding-left: var(--e-global-size-7);
color: var(--e-global-color-lcolor1);
font-family: var(--e-global-typography-ltext2bold-font-family);
font-size: var(--e-global-typography-ltext2bold-font-size);
font-weight: var(--e-global-typography-ltext2bold-font-weight);
line-height: var(--e-global-typography-ltext2bold-line-height);
letter-spacing: var(--e-global-typography-ltext2bold-letter-spacing);
text-transform: var(--e-global-typography-ltext2bold-text-transform);
font-style: var(--e-global-typography-ltext2bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
text-decoration: var(--e-global-typography-ltext2bold-text-decoration);
min-width: 35px;
text-align: center;
transition: 0.3s ease-in-out;
}
.listivo-review-thumb:hover:not(.listivo-review-thumb--active) .listivo-review-thumb__icon {
border-color: #ED5E4F;
}
.listivo-review-thumb:hover:not(.listivo-review-thumb--active) .listivo-review-thumb__icon path {
fill: #ED5E4F;
}
.listivo-review-thumb--up:hover:not(.listivo-review-thumb--active) .listivo-review-thumb__icon {
border-color: #9CCC65;
}
.listivo-review-thumb--up:hover:not(.listivo-review-thumb--active) .listivo-review-thumb__icon path {
fill: #9CCC65;
}
.listivo-review-thumb--up.listivo-review-thumb--active .listivo-review-thumb__icon {
background: #9CCC65;
border-color: #9CCC65;
}
.listivo-review-thumb--up.listivo-review-thumb--active .listivo-review-thumb__icon path {
fill: var(--e-global-color-lcolor5);
}
.listivo-review-thumb--down.listivo-review-thumb--active .listivo-review-thumb__icon {
background: #ED5E4F;
border-color: #ED5E4F;
}
.listivo-review-thumb--down.listivo-review-thumb--active .listivo-review-thumb__icon path {
fill: var(--e-global-color-lcolor5);
}
.listivo-review-gallery {
position: relative;
overflow: hidden;
}
.listivo-review-gallery__next, .listivo-review-gallery__prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: var(--e-global-color-lprimary1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 30;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-in-out;
}
.listivo-review-gallery__next path, .listivo-review-gallery__prev path {
fill: var(--e-global-color-lcolor5);
}
.listivo-review-gallery__next.swiper-button-disabled, .listivo-review-gallery__prev.swiper-button-disabled {
opacity: 0;
visibility: hidden;
}
.listivo-review-gallery:hover .listivo-review-gallery__next:not(.swiper-button-disabled), .listivo-review-gallery:hover .listivo-review-gallery__prev:not(.swiper-button-disabled) {
opacity: 1;
visibility: visible;
}
.listivo-review-gallery__next {
right: 35px;
}
.listivo-review-gallery__prev {
left: 35px;
transform: translateY(-50%) rotate(180deg);
}
.listivo-review-gallery__zoom {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 35px;
height: 35px;
background-color: var(--e-global-color-lprimary1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: 0.3s ease-in-out;
z-index: 20;
}
.listivo-review-gallery__zoom path {
fill: var(--e-global-color-lcolor5);
}
.listivo-review-gallery__image {
border-radius: var(--e-global-lborder-radius);
overflow: hidden;
position: relative;
aspect-ratio: 1/1;
cursor: pointer;
}
.listivo-review-gallery__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.listivo-review-gallery__image:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0;
transition: 0.3s ease-in-out;
background: var(--e-global-color-lcolor1);
z-index: 10;
}
.listivo-review-gallery__image:hover:before {
opacity: 0.6;
}
.listivo-review-gallery__image:hover .listivo-review-gallery__zoom {
opacity: 1;
}
.listivo-reviews-modal__background {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
opacity: 0.85;
background-color: var(--e-global-color-lcolor1);
}
.listivo-reviews-modal__content {
position: fixed;
top: 50%;
left: 50%;
z-index: 99999;
transform: translate(-50%, -50%);
width: 100%;
max-width: 750px;
max-height: 100%;
}
@media (max-width: 1024px) {
.listivo-reviews-modal__content {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 0;
}
}
.listivo-reviews-modal__inner {
position: relative;
}
.listivo-reviews-modal__close {
position: absolute;
top: -20px;
right: -20px;
z-index: 1001;
width: var(--e-global-size-5);
height: var(--e-global-size-5);
cursor: pointer;
border-radius: 50%;
background-color: #FF7043;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1024px) {
.listivo-reviews-modal__close {
top: 20px;
right: 20px;
}
}
.listivo-reviews-modal__close path {
fill: var(--e-global-color-lcolor5);
}
.listivo-reviews-modal__main {
position: relative;
border-radius: var(--e-global-lborder-radius);
background-color: var(--e-global-color-lcolor5);
overflow: hidden;
}
.listivo-reviews-modal__head {
background: var(--e-global-color-lprimary1);
padding: var(--e-global-size-4);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
.listivo-reviews-modal__head {
flex-direction: column;
gap: var(--e-global-size-6);
padding: var(--e-global-size-6) var(--e-global-size-4);
}
}
.listivo-reviews-modal__label {
display: flex;
align-items: center;
font-family: var(--e-global-typography-lheading3-font-family);
font-size: var(--e-global-typography-lheading3-font-size);
font-weight: var(--e-global-typography-lheading3-font-weight);
line-height: var(--e-global-typography-lheading3-line-height);
letter-spacing: var(--e-global-typography-lheading3-letter-spacing);
text-transform: var(--e-global-typography-lheading3-text-transform);
font-style: var(--e-global-typography-lheading3-font-style);
-webkit-text-decoration: var(--e-global-typography-lheading3-text-decoration);
text-decoration: var(--e-global-typography-lheading3-text-decoration);
line-height: 100%;
color: var(--e-global-color-lcolor5);
}
.listivo-reviews-modal__label span {
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
line-height: 100%;
margin-left: var(--e-global-size-6);
color: var(--e-global-color-lcolor1);
background-color: var(--e-global-color-lcolor5);
padding: 0 8px;
height: var(--e-global-size-5);
border-radius: 40px;
display: flex;
align-items: center;
}
.listivo-reviews-modal__right {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
}
.listivo-reviews-modal__rating {
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-llabel-font-family);
font-size: var(--e-global-typography-llabel-font-size);
font-weight: var(--e-global-typography-llabel-font-weight);
line-height: var(--e-global-typography-llabel-line-height);
letter-spacing: var(--e-global-typography-llabel-letter-spacing);
text-transform: var(--e-global-typography-llabel-text-transform);
font-style: var(--e-global-typography-llabel-font-style);
-webkit-text-decoration: var(--e-global-typography-llabel-text-decoration);
text-decoration: var(--e-global-typography-llabel-text-decoration);
font-size: 22px;
line-height: 100%;
}
.listivo-reviews-modal__filters {
display: flex;
align-items: center;
gap: var(--e-global-size-6);
padding: var(--e-global-size-5) var(--e-global-size-4);
background: var(--e-global-color-lcolor4);
}
@media (max-height: 360px) {
.listivo-reviews-modal__filters {
display: none;
}
}
@media (max-width: 767px) {
.listivo-reviews-modal__filters {
flex-direction: column;
align-items: flex-start;
gap: var(--e-global-size-7);
}
}
.listivo-reviews-modal__filter {
display: flex;
align-items: center;
gap: var(--e-global-size-7);
}
.listivo-reviews-modal__inner-container {
overflow-y: auto;
max-height: calc(80vh - 110px);
min-height: 200px;
}
@media (max-width: 1024px) {
.listivo-reviews-modal__inner-container {
max-height: calc(100vh - 94px);
}
}
@media (max-width: 767px) {
.listivo-reviews-modal__inner-container {
max-height: calc(100vh - 234px) !important;
}
}
.listivo-reviews-modal__list-wrapper {
padding: var(--e-global-size-6) 0;
}
.listivo-reviews-modal__list {
display: flex;
flex-direction: column;
border-bottom: 1px dashed var(--e-global-color-lcolor3);
}
.listivo-reviews-modal__list:last-child {
border-bottom: none;
}
.listivo-reviews-modal__load-more-button-wrapper {
border-top: 1px solid var(--e-global-color-lcolor3);
display: flex;
justify-content: center;
padding: var(--e-global-size-6) 0;
}
.listivo-reviews-modal__load-more-button {
height: 40px;
display: inline-flex;
align-items: center;
padding: 0 var(--e-global-size-4);
background: var(--e-global-color-lprimary1);
border-radius: var(--e-global-lborder-radius);
color: var(--e-global-color-lcolor5);
font-family: var(--e-global-typography-ltext1bold-font-family);
font-size: var(--e-global-typography-ltext1bold-font-size);
font-weight: var(--e-global-typography-ltext1bold-font-weight);
line-height: var(--e-global-typography-ltext1bold-line-height);
letter-spacing: var(--e-global-typography-ltext1bold-letter-spacing);
text-transform: var(--e-global-typography-ltext1bold-text-transform);
font-style: var(--e-global-typography-ltext1bold-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
text-decoration: var(--e-global-typography-ltext1bold-text-decoration);
line-height: 100%;
position: relative;
}
.listivo-reviews-modal__load-more-button:before {
display: block;
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-lcolor5);
transition: 0.3s ease-in-out;
}
.listivo-reviews-modal__load-more-button:hover:before {
opacity: 0.15;
}
.listivo-reviews-modal__stars {
display: flex;
align-items: center;
position: relative;
gap: 6px;
}
.listivo-reviews-modal__star-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listivo-reviews-modal__star {
fill: var(--e-global-color-lcolor4);
stroke: var(--e-global-color-lcolor4);
width: 26px;
height: 25px;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.listivo-reviews-modal__star--active {
fill: #E9E017;
stroke: #E9E017;
}
.listivo-reviews-modal__active-rating {
position: absolute;
left: 0;
top: 0;
display: flex;
z-index: 20;
}
.listivo-reviews-modal__active-rating svg {
width: 26px;
height: 25px;
}
.listivo-user-address-wrapper {
display: flex;
justify-content: flex-start;
width: 100%;
}
.listivo-user-address {
display: flex;
gap: var(--e-global-size-6);
align-items: center;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
line-height: 100%;
color: var(--e-global-color-lcolor1);
}
.listivo-user-address__icon svg {
height: var(--e-global-size-6);
}
.listivo-user-address__icon svg path {
fill: var(--e-global-color-lcolor2);
} .listivo-form-with-image-section {
height: 490px;
padding-top: var(--e-global-size-2);
position: relative;
overflow: hidden;
background-color: var(--e-global-color-lsectionbg);
}
@media (max-width: 1024px) {
.listivo-form-with-image-section {
padding-top: var(--e-global-size-2);
padding-bottom: var(--e-global-size-2);
height: auto;
background-color: transparent;
}
}
.listivo-form-with-image-section__content-wrapper {
position: relative;
height: 100%;
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-desktop-padding));
padding: 0 var(--e-global-desktop-padding);
margin: 0 auto;
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__content-wrapper {
max-width: calc(var(--e-global-grid-width) + 2 * var(--e-global-mobile-padding));
padding: 0 var(--e-global-mobile-padding);
}
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__content-wrapper {
position: static;
}
}
.listivo-form-with-image-section__content {
position: relative;
z-index: 20;
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__content {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.listivo-form-with-image-section__content {
max-width: 390px;
}
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__content {
position: static;
}
}
.listivo-form-with-image-section__text {
margin-top: var(--e-global-size-4);
color: var(--e-global-color-lcolor2);
max-width: 385px;
font-family: var(--e-global-typography-ltext1-font-family);
font-size: var(--e-global-typography-ltext1-font-size);
font-weight: var(--e-global-typography-ltext1-font-weight);
line-height: var(--e-global-typography-ltext1-line-height);
letter-spacing: var(--e-global-typography-ltext1-letter-spacing);
text-transform: var(--e-global-typography-ltext1-text-transform);
font-style: var(--e-global-typography-ltext1-font-style);
-webkit-text-decoration: var(--e-global-typography-ltext1-text-decoration);
text-decoration: var(--e-global-typography-ltext1-text-decoration);
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__text {
color: var(--e-global-color-lcolor4);
}
}
.listivo-form-with-image-section__form {
margin-top: var(--e-global-size-4);
}
.listivo-form-with-image-section__mobile-mask {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.7;
background-color: var(--e-global-color-lcolor1);
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__mobile-mask {
display: block;
}
}
.listivo-form-with-image-section__image-wrapper {
position: absolute;
right: -30%;
top: -20%;
z-index: -1;
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__image-wrapper {
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2;
}
}
.listivo-form-with-image-section__image-container {
overflow: hidden;
position: relative;
width: 650px;
height: 650px;
box-shadow: var(--e-global-shadow);
border-radius: 10px;
transform: rotate(-45deg);
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__image-container {
width: 100%;
height: 100%;
position: absolute;
overflow: visible;
transform: unset;
box-shadow: unset;
}
}
.listivo-form-with-image-section__image {
transform: rotate(45deg);
position: absolute;
top: -20.5%;
left: -20.5%;
width: 915px;
height: 915px;
}
.listivo-form-with-image-section__image img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-form-with-image-section__image {
width: 100%;
height: 100%;
left: 0;
top: 0;
transform: unset;
}
}
.listivo-form-with-image-section__right-circle {
position: absolute;
width: 200px;
height: 200px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
opacity: 0.7;
right: 100px;
top: -127px;
}
@media (max-width: 1100px) {
.listivo-form-with-image-section__right-circle {
display: none;
}
}
.listivo-form-with-image-section__left-circle {
position: absolute;
width: 200px;
height: 200px;
background-color: var(--e-global-color-lcolor4);
border-radius: 50%;
opacity: 0.7;
left: -250px;
bottom: -94px;
}
@media (max-width: 1100px) {
.listivo-form-with-image-section__left-circle {
display: none;
}
}
.listivo-form-with-image-section__x {
position: absolute;
right: 350px;
top: 0;
}
.listivo-form-with-image-section__x svg path {
fill: var(--e-global-color-lcolor4);
}
@media (max-width: 1100px) {
.listivo-form-with-image-section__x {
display: none;
}
}
.listivo-form-with-image-section__form {
margin-top: var(--e-global-size-4);
}@font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6tty_9cq.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8vis7wur0m80wwyf0qcxzzyzuotg-a6jty8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg8z6hvys.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/redhatdisplay-8viq7wur0m80wwyf0qcxzzyzuotg_t6h.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qojy_kza.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qpjy_kza.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lexend Deca';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://grossetobnb.it/wp-content/uploads/elementor/google-fonts/fonts/lexenddeca-k2f1fzfyk-dhse0uppuwq5qnjy8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}