/* Theme Name: Listivo Theme URI: https://listivotheme.com/ Author: TangibleDesign Author URI: https://tangibledesign.net/ Description: The Most Flexible Classified Ads Theme Version: 2.1.11 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, sticky-post, translation-ready Text Domain: listivo */ /* Vendor */ @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; } /* Abstract */ :root { /* Colors */ --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; /* Heading 1 */ --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; /* Heading 2 */ --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; /* Heading 3 */ --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; /* Heading 4 */ --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; /* Label */ --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; /* Text 1 */ --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; /* Text 1 Bold */ --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; /* Text 2 */ --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; /* Text 2 Bold */ --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; /* Sizes */ --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; } /* Vendor */ /* Base */ /* Global */ html { font-size: 100%; overflow-x: hidden; } body { min-height: 100vh; font-family: var(--font-text); font-weight: 400; font-size: 1rem; color: var(--text-1); overflow-x: hidden; 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; } /* Fields */ 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); } /* Layout */ /* Container */ .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; } } /* Grid */ .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; } } /* Components */ /* 1. Scripts */ .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; } .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; } /* 2. Global */ .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: 380px) { .listivo-pagination__item:first-child { display: none; } .listivo-pagination__item:last-child { display: none; } .listivo-pagination__item:nth-last-child(2) { margin-right: 0; } } .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; } /* 3. Blog */ .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; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--e-global-color-lcolor4); cursor: pointer; transition: 0.3s ease-in-out; } .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; } /* 4. General */ @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); } .listivo-box-arrow:last-child { margin-left: var(--e-global-size-6); } .listivo-box-arrow svg { transition: 0.3s ease-in-out; } .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; } .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: 25px; height: 25px; 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; } .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; } .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: -45px; 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; height: var(--e-global-size-3); padding: 0 10px; 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: -46px; } .listivo-menu-v2__submenu-inner { position: relative; padding: 5px 0; box-shadow: var(--e-global-shadow); background: var(--e-global-color-lcolor5); -webkit-clip-path: inset(-1px -1000px -30px -30px); clip-path: inset(-1px -1000px -30px -30px); 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 { height: var(--e-global-size-1); display: flex; 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); } .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); } /* Phone */ .listivo-phone-v3 { transition: 0.3s ease-in-out; } .listivo-social-icons { display: inline-flex; flex-wrap: wrap; gap: var(--e-global-size-6); } @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 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); } /* Sosial Share */ .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; } } /* Separator */ .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__button { display: none; } } .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); } .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); } /* 5. Terms */ /* 6. Search */ .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__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; } @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: 20; 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-select { position: relative; height: 64px; } .listivo-select--disabled .listivo-select__dropdown { display: none; } .listivo-select--disabled * { cursor: not-allowed !important; } .listivo-select--disabled .listivo-select__field { color: #444444 !important; background-color: #f6f6f6 !important; } .listivo-select--disabled .listivo-field__icon--arrow { display: none; } .listivo-select__active-text { background: var(--e-global-color-lprimary1); color: var(--white); } .listivo-select__count { margin-left: auto; padding-left: 3px; } .listivo-select__value { word-break: break-word; } .listivo-select__field { color: var(--text-1); font-size: 16px; line-height: 28px; width: 100%; background: var(--white); padding: 17px 30px 17px 27px; border-radius: var(--radius-l); border: 1px solid var(--border-color); font-family: inherit; padding-right: 60px; cursor: pointer; height: 100%; } .listivo-select__field > div { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .listivo-select__field--active .listivo-select__field { border: 1px solid var(--content-dark); color: var(--content-dark); } .listivo-select__no-options { margin-bottom: -46px; padding: 30px 27px; } .listivo-select__option--disabled { cursor: not-allowed !important; background: transparent !important; opacity: 0.5 !important; } .listivo-select__option--disabled:active, .listivo-select__option--disabled:focus, .listivo-select__option--disabled:hover { color: initial; } .listivo-select__placeholder { position: absolute; top: 50%; left: 58px; height: 32px; line-height: 32px; margin-top: -16px; background: var(--white); } .listivo-select__search { margin-top: 7px; padding: 0 15px 0; } @media (min-width: 1024px) { .listivo-select__search { padding: 25px 30px 0; } } .listivo-select__search input[type=text] { cursor: pointer; } .listivo-select__search input[type=text] { line-height: 33px; } .listivo-select__search__inner { position: relative; } .listivo-select__search__inner input[type=text] { padding-top: 5px !important; padding-bottom: 5px !important; } .listivo-select__dropdown { box-shadow: var(--shadow-s); padding: 0; border-radius: var(--radius-l); background-color: var(--white); position: absolute; margin-top: 5px; top: 100%; left: 0; width: 100%; z-index: 10000; } .listivo-select__options { padding-bottom: 23px; padding-top: 23px; max-height: 360px; overflow-y: auto; } .listivo-select__options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; background-color: #f1f1f1; } .listivo-select__options::-webkit-scrollbar { width: 10px; background-color: #DBDBDB; } .listivo-select__options::-webkit-scrollbar-thumb { background-color: var(--content-dark); border-radius: var(--radius-m) !important; } .listivo-select__option { cursor: pointer; padding: 12px 30px; display: flex; } .listivo-select__option .fa-square, .listivo-select__option .fa-check-square { position: relative; top: 1px; margin-right: 10px; font-size: 20px; } .listivo-select__option .fa-chevron-right { font-size: 9px; position: relative; top: -2px; margin: 0 3px; } .listivo-select__option:hover { color: var(--e-global-color-lprimary1); } .listivo-select__option--active { color: var(--e-global-color-lprimary1); } .listivo-select__option--highlight-row { background: var(--nonary); } .listivo-select__option--highlight-text { color: var(--e-global-color-lprimary1); } .listivo-select__in-category { font-weight: 400; } .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: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; } .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__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__label:last-child { background: var(--e-global-color-lprimary2); margin-right: 0; } .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 { 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__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 { min-height: 25px; background: var(--e-global-color-lcolor4); border-radius: 2px; padding: 0 var(--e-global-size-7); 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); } .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; height: var(--e-global-size-5); 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__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: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; } .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__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__label:last-child { background: var(--e-global-color-lprimary2); margin-right: 0; } .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 { 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__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 { min-height: 25px; background: var(--e-global-color-lcolor4); border-radius: 2px; padding: 0 var(--e-global-size-7); 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); } .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; height: var(--e-global-size-5); 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__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: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; } .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__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__label:last-child { background: var(--e-global-color-lprimary2); margin-right: 0; } .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 { 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__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 { min-height: 25px; background: var(--e-global-color-lcolor4); border-radius: 2px; padding: 0 var(--e-global-size-7); 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); } .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; height: var(--e-global-size-5); 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: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; } .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__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__label:last-child { background: var(--e-global-color-lprimary2); margin-right: 0; } .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 { 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__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 { min-height: 25px; background: var(--e-global-color-lcolor4); border-radius: 2px; padding: 0 var(--e-global-size-7); 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); } .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; height: var(--e-global-size-5); 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; } .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); height: 29px; 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; } /* 7. Listings */ .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: var(--e-global-color-lcolor4); 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: var(--e-global-color-lcolor4); 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; } } /* 8. Listing Page */ .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 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-4); } .listivo-listing-section__text p:first-child { margin-top: 0; } .listivo-listing-section__embed { position: relative; padding-top: 56.25%; height: 0; } .listivo-listing-section__embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .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-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%; 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; } .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; } @media (max-width: 1024px) { .listivo-gallery-v2__image--last:before { display: none; } } .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-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; 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); } .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; } .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: 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: 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-large); padding: var(--e-global-size-2); 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 { 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-loan-calculator__fields { 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); margin-top: var(--e-global-size-3); } @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 { margin-top: var(--e-global-size-4); 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); } /* 9. User */ .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); } /* 10. Panel */ .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; } } .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; } @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-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; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } @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; /* Safari and Chrome */ } .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: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); 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)); margin-left: calc(-1 * var(--e-global-size-7)); } @media (max-width: 767px) { .listivo-panel-tabs { white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ flex-wrap: nowrap; } .listivo-panel-tabs::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } .listivo-panel-tabs__tab { margin-top: var(--e-global-size-7); margin-left: 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__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__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: var(--e-global-color-lcolor4); 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); } .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; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 30px; } @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; } .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 { 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; } .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 { 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-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); } .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-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-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__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); } .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; } .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; margin-top: 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); } .listivo-panel-actions__action:hover { color: var(--e-global-color-lprimary2); } .listivo-panel-actions__action:first-child { margin-top: 0; } .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); } } .listivo-panel-head__label span { color: var(--e-global-color-lprimary2); } .listivo-panel-head__label--center { text-align: center; } .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 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; 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__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); color: var(--e-global-color-lcolor1); } .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 .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); } .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 > 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; } @media (max-width: 767px) { .listivo-packages-bar { display: none; } } .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); margin-left: var(--e-global-size-6); 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-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); } .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-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; margin-left: -10px; } @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); margin-left: var(--e-global-size-7); } .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); } } /* 11. Other */ .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; /* Chrome, Safari, Edge */ color-adjust: exact; /*Firefox*/ } .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; /* Chrome, Safari, Edge */ color-adjust: exact; /*Firefox*/ } .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; } /* Attributes */ .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); } /* Template Content */ .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; } } /* 13. Load at the end */ .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; } /* Tags */ .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 { 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 { display: inline-flex; align-items: flex-end; height: 50px; position: relative; width: 100%; } @media (max-width: 1024px) { .listivo-search-form-v2__tabs { margin-left: 6px; } } .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; } .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; } @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)); } } @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)); } } @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); } .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); } .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); } .listivo-input-v2__error { display: none; position: absolute; top: 0; right: var(--e-global-size-6); } .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: 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-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--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); } .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) var(--e-global-size-5); position: relative; display: flex; align-items: center; cursor: pointer; max-width: 100%; width: 600px; } .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: 100%; 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); width: calc(100% + 2px); min-width: 300px; padding: var(--e-global-size-3) var(--e-global-size-4); 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: 370px; overflow-y: auto; } .listivo-select-v2__dropdown--auto-width { width: auto; min-width: calc(100% + 2px); } .listivo-select-v2__searchable { margin: 0 var(--e-global-size-6) var(--e-global-size-4); } .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-6); 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; margin-bottom: var(--e-global-size-7); 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: var(--e-global-size-6); 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-4) var(--e-global-size-3); min-width: 300px !important; } .pac-item { border: none !important; cursor: pointer; margin-bottom: var(--e-global-size-5); 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-lprimary2); } .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-lprimary2); } .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)); } } @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-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); margin-left: var(--e-global-size-7); } .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; } .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: block; 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 { 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) var(--e-global-size-5); cursor: text; position: relative; } .listivo-autocomplete-input--active { border-color: var(--e-global-color-lprimary1); z-index: 10; } .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__placeholder { position: absolute; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background-color: var(--e-global-color-lcolor5); } .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; } .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: 20px 10px 35px; background: var(--e-global-color-lcolor5); box-shadow: var(--e-global-shadow); border-radius: var(--e-global-lborder-radius); z-index: 30; min-width: 300px; } .listivo-autocomplete-input__option { padding: 10px 35px; font-family: var(--e-global-l-font-2); font-size: 16px; color: var(--e-global-color-lcolor1); display: flex; justify-content: space-between; cursor: pointer; } .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; } .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; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } } @media (max-width: 767px) { .listivo-tabs-v2 { margin: 0 auto; padding: 0 var(--e-global-size-6); } } .listivo-tabs-v2::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .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__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; } } .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; /* Chrome, Safari, Edge */ color-adjust: exact; /*Firefox*/ } .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-4) 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 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 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); } .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; } .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); } @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; flex-wrap: wrap; gap: var(--e-global-size-6); width: 100%; justify-content: space-between; } } @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 { margin-right: var(--e-global-size-7); } .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; } .listivo-newsletter-form__button:hover svg { transform: scale(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__bottom { margin-top: var(--e-global-size-7); display: flex; justify-content: space-between; flex-wrap: wrap; } @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__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 { 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); } .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); } .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; } .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)); } @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; 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,"); 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: inline; } .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); } .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: inline; } .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); } .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); } .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; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ 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; /* IE and Edge */ scrollbar-width: none; /* Firefox */ -webkit-overflow-scrolling: touch; } .listivo-hero-search-v8__tabs::-webkit-scrollbar { display: none; } } .listivo-hero-search-v8__tab { min-width: var(--e-global-size-1); height: var(--e-global-size-1); padding: 0 var(--e-global-size-5); display: flex; align-items: center; justify-content: center; flex-direction: column; background: var(--e-global-color-lcolor5); cursor: pointer; position: relative; z-index: 9; } .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)); } } @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: inline; } .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; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ 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; overflow: hidden; 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); } @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; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ 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__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__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: 16px; text-align: justify; 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__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__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__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__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); } .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 2px 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: 10px; margin-right: 10px; transition: 0.3s ease-in-out; } .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: -70px; 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); } .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--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); } .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); } .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-preview-wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 199; overflow-y: auto; } .listivo-quick-preview-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-preview-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-preview { display: flex; position: relative; z-index: 199; } @media (max-width: 1250px) { .listivo-quick-preview { flex-direction: column; } } .listivo-quick-preview__close { position: absolute; top: -20px; right: -20px; width: var(--e-global-size-5); height: var(--e-global-size-5); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: var(--e-global-color-lprimary1); } .listivo-quick-preview__close path { fill: var(--e-global-color-lcolor5); } .listivo-quick-preview:hover .listivo-quick-preview__gallery .listivo-swiper-container { transform: scale(1); } .listivo-quick-preview:hover .listivo-quick-preview__gallery:before { opacity: 1; } .listivo-quick-preview:hover .listivo-quick-preview__next--active, .listivo-quick-preview:hover .listivo-quick-preview__prev--active { opacity: 1; } .listivo-quick-preview:hover .listivo-quick-preview__next--active:hover, .listivo-quick-preview:hover .listivo-quick-preview__prev--active:hover { transform: translateX(0); } .listivo-quick-preview:hover .listivo-quick-preview__prev { transform: translateX(-5px); } .listivo-quick-preview:hover .listivo-quick-preview__next { transform: translateX(5px); } .listivo-quick-preview:hover .listivo-swiper-pagination-bullet-active-main, .listivo-quick-preview:hover .listivo-swiper-pagination-bullet-active-next, .listivo-quick-preview:hover .listivo-swiper-pagination-bullet-active-next-next, .listivo-quick-preview:hover .listivo-swiper-pagination-bullet-active-prev, .listivo-quick-preview:hover .listivo-swiper-pagination-bullet-active-prev-prev { opacity: 1 !important; } .listivo-quick-preview__prev-holder, .listivo-quick-preview__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-preview__prev-holder { left: 0; } .listivo-quick-preview__next-holder { right: 0; } .listivo-quick-preview__prev, .listivo-quick-preview__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-preview__prev { left: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; transform: translateX(-45px); filter: var(--e-global-shadow-filter); } .listivo-quick-preview__next { right: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px; transform: translateX(45px); filter: var(--e-global-shadow-filter); } .listivo-quick-preview__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-preview__gallery .listivo-swiper-container { transition: 0.3s ease-in-out transform; transform: scale(1.05); } .listivo-quick-preview__gallery img { display: block !important; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 360/240; } .listivo-quick-preview__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-preview__gallery--image-count-1:before { display: none; } .listivo-quick-preview__pagination { position: absolute; bottom: 20px; height: 12px; left: 50%; transform: translateX(-50%); z-index: 10; } .listivo-quick-preview__pagination .listivo-swiper-pagination { position: relative; bottom: 0; } .listivo-quick-preview__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-preview__pagination .listivo-swiper-pagination-bullet-active-prev, .listivo-quick-preview__pagination .listivo-swiper-pagination-bullet-active-next { transform: scale(0.66) !important; } .listivo-quick-preview__pagination .listivo-swiper-pagination-bullet-active-prev-prev, .listivo-quick-preview__pagination .listivo-swiper-pagination-bullet-active-next-next { transform: scale(0.33) !important; } .listivo-quick-preview__pagination .listivo-swiper-pagination-bullet-active { position: relative; } .listivo-quick-preview__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-preview__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-preview__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-preview__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-preview__icon svg path { transition: 0.3s ease-in-out; fill: var(--e-global-color-lcolor1); } .listivo-quick-preview__icon:hover:not(.listivo-quick-preview__icon--active) { border-color: var(--e-global-color-lprimary1); } .listivo-quick-preview__icon:hover:not(.listivo-quick-preview__icon--active) svg path { fill: var(--e-global-color-lprimary1); } .listivo-quick-preview__icon:hover:not(.listivo-quick-preview__icon--active) .listivo-quick-preview__icon-label { opacity: 1; transform: translateX(-50%) translateY(0); visibility: visible; } .listivo-quick-preview__icon--active { border-color: var(--e-global-color-lprimary1); background-color: var(--e-global-color-lprimary1); } .listivo-quick-preview__icon--active svg path { fill: var(--e-global-color-lcolor5); } .listivo-quick-preview__icon--active .listivo-quick-preview__icon-label { opacity: 0 !important; } .listivo-quick-preview__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-preview__gallery img { display: block; width: 555px; height: 445px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1250px) { .listivo-quick-preview__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-preview__gallery { width: 360px; height: 288px; } .listivo-quick-preview__gallery img { width: 360px; height: 288px; } } .listivo-quick-preview__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-preview__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-preview__content { width: 360px; } } .listivo-quick-preview__body { overflow-y: auto; flex: 1; padding-right: 10px; } @media (max-width: 1250px) { .listivo-quick-preview__body { overflow-y: visible; } } .listivo-quick-preview__top { display: flex; justify-content: space-between; align-items: center; } .listivo-quick-preview__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-preview__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-preview__meta-icon path { fill: var(--e-global-color-lcolor1); } .listivo-quick-preview__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-preview__categories { margin-top: var(--e-global-size-6); display: flex; flex-wrap: wrap; gap: var(--e-global-size-7); } .listivo-quick-preview__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-preview__category:first-child { border-color: var(--e-global-color-lprimary1); color: var(--e-global-color-lprimary1); } .listivo-quick-preview__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-preview__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-preview__address-icon path { fill: var(--e-global-color-lcolor1); } .listivo-quick-preview__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-preview__attributes { margin-top: var(--e-global-size-6); display: flex; flex-wrap: wrap; gap: var(--e-global-size-7); } .listivo-quick-preview__attribute { display: flex; align-items: center; 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-preview__bottom { padding-right: 10px; margin-top: 25px; display: flex; align-items: center; justify-content: space-between; } .listivo-quick-preview__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: var(--e-global-size-7); height: auto; border: none; 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-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%; } .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__avatar { width: var(--e-global-size-2); height: var(--e-global-size-2); 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); } .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__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); } .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: 15px; gap: var(--e-global-size-6); } .listivo-listing-user-v2__bottom button { width: 100%; } .listivo-listing-user-v2__button { width: 100%; } .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 { width: var(--e-global-size-4); height: var(--e-global-size-4); margin-right: var(--e-global-size-6); } .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; } .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); } /* Sections */ .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); } .listivo-menu-sticky--active .listivo-menu-v2 { /*background: rgb(0 0 0 / 70%);*/ background: rgb(255 255 255); } /*.listivo-menu-v2__avatar { display: none !important; }*/ .listivo-menu-sticky--active .listivo-menu-v2 .listivo-menu-v2__items > .listivo-menu-v2__item > a { color: #000 !important; } .listivo-menu-sticky--active .listivo-menu-v2__account-link { color: #000 !important; } .listivo-menu-sticky--active .listivo-menu-v2__avatar { border: 1px solid #000 !important; } .listivo-menu-sticky--active .listivo-menu-v2__avatar svg path { fill: #000 !important; } .listivo-menu-v2__avatar { padding: 4px; } .page-template-default .elementor-element .elementor-widget-container .listivo-content-v2__text { font-size: 16px; text-align: justify; } .listivo-menu-v2__container .listivo-menu-v2__right .listivo-menu-v2__button .listivo-button { padding: 0 2px 0 15px; } .listivo-menu-v2__container .listivo-menu-v2__right .listivo-menu-v2__button { margin-left: 15px; } .listivo-listing-card-row__attribute { width: 100%; } .elementor-kit-6548 .listivo-highlight-featured-listings .listivo-listing-card-row { border: 1px solid; border-color: #d5d8dc; } .listivo-listing-user-v2__avatar, .listivo-listing-user-v2__see-all { display: none; } .listivo-listing-user-v2__info { display: none; } .listivo-listing-address__icon22222 .listivo-listing-attribute-v3__icon { background-color: var(--e-global-color-lprimary2 ); padding: 5px; border-radius: 50%; height: 22px; width: 22px; text-align: center; } .listivo-listing-address__icon22222 .listivo-listing-attribute-v3__icon i.fas.fa-map-marker-alt { color: #fff; } .AhkkdjfKJHKnrezer .listivo-listing-attribute-v3 { padding: 2px 10px !important; }