| Current File : /home/kelaby89/listingslad.com/wp-content/themes/listivo/assets/css/style-legacy.css |
/*
Theme Name: Listivo
Theme URI: https://listivotheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: The Most Flexible Classified Ads Theme
Version: 1.0.24
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
Table of contents:
1. Scripts
2. Global
3. Blog
4. General
5. Terms
6. Search
7. Listings
8. Listing Page
9. User
10. Panel
11. Other
12. WooCommerce
13. Load at the end
*/
/* Abstract */
:root {
--white: #fff;
--black: #000;
--primary: #da1c2e;
--primary-light: #fff3f4;
--primary-dark: #b81726;
--secondary: #ffc14a;
--secondary-dark: #f2af2f;
--tertiary: #b15dff;
--quaternary: #245666;
--senary: #84b3c2;
--septenary: #2f3b48;
--octonary: #0f141e;
--nonary: #e8f6fa;
--content-light: #F2FAFC;
--content-medium: #e6f4f8;
--content-dark: #0b4355;
--radius-xs: 4px;
--radius-s: 5px;
--radius-m: 8px;
--radius-l: 10px;
--radius-xl: 15px;
--radius-xxl: 22px;
--radius-rounded: 50%;
--shadow-s: 0 7px 19px 1px rgba(7, 48, 61, 0.07);
--shadow-m: 0 0 28px 2px rgba(0, 0, 0, 0.08);
--shadow-l: 0 5px 38px 7px rgba(0, 0, 0, 0.09);
--text-1: #222222;
--text-2: #444444;
--text-3: #878787;
--text-4: #437cc3;
--text-5: #5b818e;
--border-color: #e4ebf0;
}
:root {
--e-global-color-lprimary1: #da1c2e;
--e-global-color-lprimary2: #b81726;
--e-global-color-lprimary3: #fff3f4;
--e-global-color-lsecondary1: #ffc14a;
--e-global-color-lsecondary2: #f2af2f;
--e-global-color-lsupport1: #b15dff;
--e-global-color-lcardlabel: #ffa800;
}
:root {
--font-heading: "Comfortaa", cursive;
--font-text: "Inter", sans-serif;
}
/* 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 {
-webkit-box-sizing: border-box;
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],
input[type=email],
input[type=number],
input[type=tel],
input[type=text],
input[type=url],
input[type=password],
textarea {
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;
}
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;
}
select {
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
padding: 17px 60px 17px 27px;
font-size: 16px;
line-height: 28px;
font-family: inherit;
margin: 0;
background: url(assets/img/arrow-down.png) no-repeat right transparent;
background-color: var(--white);
background-size: 11px 7px;
-webkit-appearance: none;
background-position: right 30px top 27px;
cursor: pointer;
transition: 0.2s ease;
}
select:hover {
border-color: var(--e-global-color-lprimary1);
}
/* Layout */
/* Container */
/*.listivo-container {*/
/* width: 1140px;*/
/* margin: 0 auto;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-container {*/
/* width: calc(100% - 40px);*/
/* }*/
/*}*/
/*@media (min-width: 900px) and (max-width: 1320px) {*/
/* .listivo-container {*/
/* width: 900px;*/
/* }*/
/*}*/
/* 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;
}
/* Components */
/* 1. Scripts */
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
line-height: 1.27;
font-family: var(--font-heading);
font-family: var(--font-text);
font-size: 42px;
line-height: 48px;
font-weight: 700;
}
@media (min-width: 1025px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
font-size: 70px;
line-height: 77px;
font-weight: 800;
}
}
.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
font-size: 54px;
letter-spacing: -1.35px;
}
}
.elementor-widget-heading .elementor-heading-title.elementor-size-large {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 28px;
letter-spacing: -0.28px;
}
@media screen and (min-width: 768px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-large {
font-size: 42px;
letter-spacing: -1.05px;
}
}
.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px !important;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
font-size: 36px !important;
letter-spacing: -0.36px;
}
}
.elementor-widget-heading .elementor-heading-title.elementor-size-small {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px !important;
letter-spacing: -0.24px;
}
@media screen and (min-width: 768px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-small {
font-size: 30px !important;
letter-spacing: -0.3px;
}
}
.elementor-widget-heading .elementor-heading-title.elementor-size-default {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
}
@media screen and (min-width: 768px) {
.elementor-widget-heading .elementor-heading-title.elementor-size-default {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-font-xxl {
line-height: 1.27;
font-family: var(--font-heading);
font-family: var(--font-text);
font-size: 42px;
line-height: 48px;
font-weight: 700;
}
@media (min-width: 1025px) {
.listivo-font-xxl {
font-size: 70px;
line-height: 77px;
font-weight: 800;
}
}
.listivo-font-xl {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.listivo-font-xl {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.listivo-font-xl {
font-size: 54px;
letter-spacing: -1.35px;
}
}
.listivo-font-l {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 28px;
letter-spacing: -0.28px;
}
@media screen and (min-width: 768px) {
.listivo-font-l {
font-size: 42px;
letter-spacing: -1.05px;
}
}
.listivo-font-m {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-font-m {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-font-s {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
}
@media screen and (min-width: 768px) {
.listivo-font-s {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-font-xs {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
}
@media screen and (min-width: 768px) {
.listivo-font-xs {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.elementor-widget-container .elementor-counter .elementor-counter-number-wrapper {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.elementor-widget-container .elementor-counter .elementor-counter-number-wrapper {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.elementor-widget-container .elementor-counter .elementor-counter-number-wrapper {
font-size: 54px;
letter-spacing: -1.35px;
}
}
.elementor-widget-container .elementor-counter .elementor-counter-title {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
}
@media screen and (min-width: 768px) {
.elementor-widget-container .elementor-counter .elementor-counter-title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.elementor-custom-embed-play {
text-shadow: none !important;
opacity: 1 !important;
border-radius: var(--radius-rounded) !important;
width: 75px !important;
height: 75px !important;
box-shadow: var(--shadow-l) !important;
background-color: var(--white) !important;
transition: 0.2s ease;
}
.elementor-custom-embed-play i {
opacity: 1;
font-size: 25px;
line-height: 75px;
color: var(--e-global-color-lprimary1);
text-shadow: none;
transition: 0.2s ease;
}
.elementor-custom-embed-play i:before {
content: "\f04b";
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.elementor-custom-embed-play:hover {
background-color: var(--e-global-color-lprimary1) !important;
}
.elementor-custom-embed-play:hover i {
color: #fff;
}
.elementor-widget-text-editor {
font-size: 16px;
line-height: 28px;
}
.listivo-user-contact textarea {
height: 204px;
}
a.listivo-user__name {
transition: 0.2s ease;
}
a.listivo-user__name:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-user-contact-form textarea {
height: 130px;
}
.listivo-user-contact-form .listivo-button {
width: auto;
}
.listivo-user-phone-whatsapp-buttons .listivo-phone-hidden,
.listivo-user-phone-whatsapp-buttons .listivo-whatsapp a {
border-color: #cee1e6;
}
.woocommerce-checkout-payment {
background: transparent !important;
padding: 0;
border: 0 solid transparent;
}
.woocommerce-checkout-payment > .wc_payment_methods {
padding: 0 !important;
}
.woocommerce-checkout-payment > .wc_payment_methods > li:last-of-type:first-of-type {
padding-left: 0 !important;
}
.woocommerce-checkout-payment > .wc_payment_methods > li:last-of-type:first-of-type label:after,
.woocommerce-checkout-payment > .wc_payment_methods > li:last-of-type:first-of-type label:before {
display: none !important;
}
.woocommerce-checkout-payment > .wc_payment_methods > li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
padding-left: 50px !important;
}
.woocommerce-checkout-payment #payment div.form-row {
padding: 25px 10px 0px 10px !important;
}
.woocommerce-checkout-payment .wc-stripe-elements-field,
.woocommerce-checkout-payment .wc-stripe-iban-element-field {
border: 1px solid var(--border-color);
border-radius: 10px;
margin: 5px 0;
padding: 10px 35px;
background-color: transparent;
outline: 0;
}
.woocommerce-checkout-payment fieldset {
padding: 0;
}
.woocommerce-checkout-payment label[for=card-element] {
display: none;
}
/*
Swiper 6.7.5 ( Released on: July 1, 2021 )
Below you can find original Swiper css file prefixed by .listivo-
Do not customize CSS code here to keep future Swiper update compatibility
*/
@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") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
/*.listivo-swiper-container {*/
/* margin-left: auto;*/
/* margin-right: auto;*/
/* position: relative;*/
/* overflow: hidden;*/
/* list-style: none;*/
/* padding: 0;*/
/* z-index: 1;*/
/*}*/
/*.listivo-swiper-container-vertical > .listivo-swiper-wrapper {*/
/* flex-direction: column;*/
/*}*/
/*.listivo-swiper-wrapper {*/
/* position: relative;*/
/* width: 100%;*/
/* height: 100%;*/
/* z-index: 1;*/
/* display: flex;*/
/* transition-property: transform;*/
/* box-sizing: content-box;*/
/*}*/
/*.listivo-swiper-container-android .listivo-swiper-slide, .listivo-swiper-wrapper {*/
/* transform: translate3d(0px, 0, 0);*/
/*}*/
/*.listivo-swiper-container-multirow > .listivo-swiper-wrapper {*/
/* flex-wrap: wrap;*/
/*}*/
/*.listivo-swiper-container-multirow-column > .listivo-swiper-wrapper {*/
/* flex-wrap: wrap;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-swiper-container-free-mode > .listivo-swiper-wrapper {*/
/* transition-timing-function: ease-out;*/
/* margin: 0 auto;*/
/*}*/
/*.listivo-swiper-container-pointer-events {*/
/* touch-action: pan-y;*/
/*}*/
/*.listivo-swiper-container-pointer-events.listivo-swiper-container-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-container-autoheight, .listivo-swiper-container-autoheight .listivo-swiper-slide {*/
/* height: auto;*/
/*}*/
/*.listivo-swiper-container-autoheight .listivo-swiper-wrapper {*/
/* align-items: flex-start;*/
/* transition-property: transform, height;*/
/*}*/
/*.listivo-swiper-container-3d {*/
/* perspective: 1200px;*/
/*}*/
/*.listivo-swiper-container-3d .listivo-swiper-cube-shadow, .listivo-swiper-container-3d .listivo-swiper-slide, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-bottom, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-left, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-right, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-top, .listivo-swiper-container-3d .listivo-swiper-wrapper {*/
/* transform-style: preserve-3d;*/
/*}*/
/*.listivo-swiper-container-3d .listivo-swiper-slide-shadow-bottom, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-left, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-right, .listivo-swiper-container-3d .listivo-swiper-slide-shadow-top {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* pointer-events: none;*/
/* z-index: 10;*/
/*}*/
/*.listivo-swiper-container-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-container-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-container-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-container-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-container-css-mode > .listivo-swiper-wrapper {*/
/* overflow: auto;*/
/* scrollbar-width: none;*/
/* -ms-overflow-style: none;*/
/*}*/
/*.listivo-swiper-container-css-mode > .listivo-swiper-wrapper::-webkit-scrollbar {*/
/* display: none;*/
/*}*/
/*.listivo-swiper-container-css-mode > .listivo-swiper-wrapper > .listivo-swiper-slide {*/
/* scroll-snap-align: start start;*/
/*}*/
/*.listivo-swiper-container-horizontal.listivo-swiper-container-css-mode > .listivo-swiper-wrapper {*/
/* scroll-snap-type: x mandatory;*/
/*}*/
/*.listivo-swiper-container-vertical.listivo-swiper-container-css-mode > .listivo-swiper-wrapper {*/
/* scroll-snap-type: y mandatory;*/
/*}*/
/*: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-container-rtl .listivo-swiper-button-next {*/
/* left: 10px;*/
/* right: auto;*/
/*}*/
/*.listivo-swiper-button-prev:after, .listivo-swiper-container-rtl .listivo-swiper-button-next:after {*/
/* content: "prev";*/
/*}*/
/*.listivo-swiper-button-next, .listivo-swiper-container-rtl .listivo-swiper-button-prev {*/
/* right: 10px;*/
/* left: auto;*/
/*}*/
/*.listivo-swiper-button-next:after, .listivo-swiper-container-rtl .listivo-swiper-button-prev:after {*/
/* content: "next";*/
/*}*/
/*.listivo-swiper-button-next.listivo-swiper-button-white, .listivo-swiper-button-prev.listivo-swiper-button-white {*/
/* --swiper-navigation-color: #ffffff;*/
/*}*/
/*.listivo-swiper-button-next.listivo-swiper-button-black, .listivo-swiper-button-prev.listivo-swiper-button-black {*/
/* --swiper-navigation-color: #000000;*/
/*}*/
/*.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-testimonials .listivo-swiper-pagination {
display: none;
}
/*.listivo-swiper-container-horizontal > .listivo-swiper-pagination-bullets, .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: 8px;*/
/* height: 8px;*/
/* display: inline-block;*/
/* border-radius: var(--radius-rounded);*/
/* background: #000;*/
/* opacity: 0.2;*/
/*}*/
/*button.listivo-swiper-pagination-bullet {*/
/* border: none;*/
/* margin: 0;*/
/* padding: 0;*/
/* box-shadow: none;*/
/* -webkit-appearance: none;*/
/* appearance: none;*/
/*}*/
/*.listivo-swiper-pagination-clickable .listivo-swiper-pagination-bullet {*/
/* cursor: pointer;*/
/*}*/
/*.listivo-swiper-pagination-bullet-active {*/
/* opacity: 1;*/
/* background: var(--swiper-pagination-color, var(--swiper-theme-color));*/
/*}*/
/*.listivo-swiper-container-vertical > .listivo-swiper-pagination-bullets {*/
/* right: 10px;*/
/* top: 50%;*/
/* transform: translate3d(0px, -50%, 0);*/
/*}*/
/*.listivo-swiper-container-vertical > .listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet {*/
/* margin: 6px 0;*/
/* display: block;*/
/*}*/
/*.listivo-swiper-container-vertical > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic {*/
/* top: 50%;*/
/* transform: translateY(-50%);*/
/* width: 8px;*/
/*}*/
/*.listivo-swiper-container-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-container-horizontal > .listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet {*/
/* margin: 0 4px;*/
/*}*/
/*.listivo-swiper-container-horizontal > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic {*/
/* left: 50%;*/
/* transform: translateX(-50%);*/
/* white-space: nowrap;*/
/*}*/
/*.listivo-swiper-container-horizontal > .listivo-swiper-pagination-bullets.listivo-swiper-pagination-bullets-dynamic .listivo-swiper-pagination-bullet {*/
/* transition: 0.2s transform, 0.2s left;*/
/*}*/
/*.listivo-swiper-container-horizontal.listivo-swiper-container-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-container-rtl .listivo-swiper-pagination-progressbar .listivo-swiper-pagination-progressbar-fill {*/
/* transform-origin: right top;*/
/*}*/
/*.listivo-swiper-container-horizontal > .listivo-swiper-pagination-progressbar, .listivo-swiper-container-vertical > .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-progressbar-opposite {*/
/* width: 100%;*/
/* height: 4px;*/
/* left: 0;*/
/* top: 0;*/
/*}*/
/*.listivo-swiper-container-horizontal > .listivo-swiper-pagination-progressbar.listivo-swiper-pagination-progressbar-opposite, .listivo-swiper-container-vertical > .listivo-swiper-pagination-progressbar {*/
/* width: 4px;*/
/* height: 100%;*/
/* left: 0;*/
/* top: 0;*/
/*}*/
/*.listivo-swiper-pagination-white {*/
/* --swiper-pagination-color: #ffffff;*/
/*}*/
/*.listivo-swiper-pagination-black {*/
/* --swiper-pagination-color: #000000;*/
/*}*/
/*.listivo-swiper-pagination-lock {*/
/* display: none;*/
/*}*/
/*.listivo-swiper-scrollbar {*/
/* border-radius: var(--radius-l);*/
/* position: relative;*/
/* -ms-touch-action: none;*/
/* background: rgba(0, 0, 0, 0.1);*/
/*}*/
/*.listivo-swiper-container-horizontal > .listivo-swiper-scrollbar {*/
/* position: absolute;*/
/* left: 1%;*/
/* bottom: 3px;*/
/* z-index: 50;*/
/* height: 5px;*/
/* width: 98%;*/
/*}*/
/*.listivo-swiper-container-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: var(--radius-l);*/
/* 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%;*/
/* 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%;*/
/* animation: swiper-preloader-spin 1s infinite linear;*/
/* box-sizing: border-box;*/
/* border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));*/
/* border-radius: 50%;*/
/* border-top-color: transparent;*/
/*}*/
/*.listivo-swiper-lazy-preloader-white {*/
/* --swiper-preloader-color: #fff;*/
/*}*/
/*.listivo-swiper-lazy-preloader-black {*/
/* --swiper-preloader-color: #000;*/
/*}*/
/*@keyframes swiper-preloader-spin {*/
/* 100% {*/
/* transform: rotate(360deg);*/
/* }*/
/*}*/
/*.listivo-swiper-container .listivo-swiper-notification {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* pointer-events: none;*/
/* opacity: 0;*/
/* z-index: -1000;*/
/*}*/
/*.listivo-swiper-container-fade.listivo-swiper-container-free-mode .listivo-swiper-slide {*/
/* transition-timing-function: ease-out;*/
/*}*/
/*.listivo-swiper-container-fade .listivo-swiper-slide {*/
/* pointer-events: none;*/
/* transition-property: opacity;*/
/*}*/
/*.listivo-swiper-container-fade .listivo-swiper-slide .listivo-swiper-slide {*/
/* pointer-events: none;*/
/*}*/
/*.listivo-swiper-container-fade .listivo-swiper-slide-active, .listivo-swiper-container-fade .listivo-swiper-slide-active .listivo-swiper-slide-active {*/
/* pointer-events: auto;*/
/*}*/
/*.listivo-swiper-container-cube {*/
/* overflow: visible;*/
/*}*/
/*.listivo-swiper-container-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-container-cube .listivo-swiper-slide .listivo-swiper-slide {*/
/* pointer-events: none;*/
/*}*/
/*.listivo-swiper-container-cube.listivo-swiper-container-rtl .listivo-swiper-slide {*/
/* transform-origin: 100% 0;*/
/*}*/
/*.listivo-swiper-container-cube .listivo-swiper-slide-active, .listivo-swiper-container-cube .listivo-swiper-slide-active .listivo-swiper-slide-active {*/
/* pointer-events: auto;*/
/*}*/
/*.listivo-swiper-container-cube .listivo-swiper-slide-active, .listivo-swiper-container-cube .listivo-swiper-slide-next, .listivo-swiper-container-cube .listivo-swiper-slide-next + .listivo-swiper-slide, .listivo-swiper-container-cube .listivo-swiper-slide-prev {*/
/* pointer-events: auto;*/
/* visibility: visible;*/
/*}*/
/*.listivo-swiper-container-cube .listivo-swiper-slide-shadow-bottom, .listivo-swiper-container-cube .listivo-swiper-slide-shadow-left, .listivo-swiper-container-cube .listivo-swiper-slide-shadow-right, .listivo-swiper-container-cube .listivo-swiper-slide-shadow-top {*/
/* z-index: 0;*/
/* -webkit-backface-visibility: hidden;*/
/* backface-visibility: hidden;*/
/*}*/
/*.listivo-swiper-container-cube .listivo-swiper-cube-shadow {*/
/* position: absolute;*/
/* left: 0;*/
/* bottom: 0px;*/
/* width: 100%;*/
/* height: 100%;*/
/* opacity: 0.6;*/
/* z-index: 0;*/
/*}*/
/*.listivo-swiper-container-cube .listivo-swiper-cube-shadow:before {*/
/* content: "";*/
/* background: #000;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* bottom: 0;*/
/* right: 0;*/
/* filter: blur(50px);*/
/*}*/
/*.listivo-swiper-container-flip {*/
/* overflow: visible;*/
/*}*/
/*.listivo-swiper-container-flip .listivo-swiper-slide {*/
/* pointer-events: none;*/
/* -webkit-backface-visibility: hidden;*/
/* backface-visibility: hidden;*/
/* z-index: 1;*/
/*}*/
/*.listivo-swiper-container-flip .listivo-swiper-slide .listivo-swiper-slide {*/
/* pointer-events: none;*/
/*}*/
/*.listivo-swiper-container-flip .listivo-swiper-slide-active, .listivo-swiper-container-flip .listivo-swiper-slide-active .listivo-swiper-slide-active {*/
/* pointer-events: auto;*/
/*}*/
/*.listivo-swiper-container-flip .listivo-swiper-slide-shadow-bottom, .listivo-swiper-container-flip .listivo-swiper-slide-shadow-left, .listivo-swiper-container-flip .listivo-swiper-slide-shadow-right, .listivo-swiper-container-flip .listivo-swiper-slide-shadow-top {*/
/* z-index: 0;*/
/* -webkit-backface-visibility: hidden;*/
/* backface-visibility: hidden;*/
/*}*/
/*!**/
/*Swiper Listivo Customizitation*/
/* *!*/
/*.listivo-swiper-container .listivo-swiper-pagination {*/
/* position: relative;*/
/* bottom: auto;*/
/* margin-top: 35px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-swiper-container .listivo-swiper-pagination {*/
/* margin-top: 50px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-swiper-container .listivo-swiper-pagination {*/
/* margin-top: 70px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1200px) {*/
/* .listivo-swiper-container .listivo-swiper-pagination {*/
/* margin-top: 90px;*/
/* }*/
/*}*/
/*.listivo-swiper-pagination-bullets .listivo-swiper-pagination-bullet {*/
/* width: 15px;*/
/* height: 3px;*/
/* border-radius: 0;*/
/* background-color: rgba(0, 0, 0, 0.14);*/
/* opacity: 1;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-swiper-pagination-bullet {*/
/* margin: 0 5px !important;*/
/*}*/
/*.listivo-swiper-pagination-bullet.listivo-swiper-pagination-bullet-active {*/
/* width: 25px;*/
/* background-color: var(--e-global-color-lprimary1);*/
/*}*/
/* Contact Form 7 */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=number],
.wpcf7 input[type=tel],
.wpcf7 input[type=text],
.wpcf7 input[type=url],
.wpcf7 textarea {
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 20px 24px;
font-family: var(--font-text);
margin-bottom: 15px;
width: 100%;
float: left;
}
.wpcf7 .ajax-loader {
display: none;
}
.wpcf7__heading {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.24px;
font-family: var(--font-heading);
margin-bottom: 35px;
}
.wpcf7 .wpcf7-submit {
justify-content: space-between;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.wpcf7 .wpcf7-submit {
margin-top: 35px;
}
}
.wpcf7 .wpcf7-submit[disabled]:hover {
background-color: var(--e-global-color-lprimary1);
color: var(--white);
}
.wpcf7 .wpcf7-submit[disabled]:hover .listivo-button__icon {
background-color: var(--e-global-color-lprimary2);
}
.listivo-checkbox-policy {
float: left;
}
.listivo-checkbox-policy span.wpcf7-list-item {
display: inline-block;
}
.listivo-checkbox-policy .wpcf7-form-control-wrap {
display: block;
margin-bottom: 10px;
margin-top: -4px;
}
.listivo-checkbox-policy .wpcf7-list-item {
display: block;
margin: 0;
top: 15px;
position: relative;
}
@media (min-width: 1025px) {
.listivo-checkbox-policy .wpcf7-list-item {
top: 20px;
position: relative;
}
}
.listivo-checkbox-policy .wpcf7-list-item a {
text-decoration: underline;
transition: 0.2s ease;
}
@media (min-width: 1024px) {
.listivo-checkbox-policy .wpcf7-list-item a:hover {
color: var(--e-global-color-lprimary1);
}
}
.listivo-checkbox-policy .wpcf7-acceptance label {
position: relative;
cursor: pointer;
width: 100%;
float: left;
font-weight: 700;
margin-bottom: 6px;
display: block;
}
.listivo-checkbox-policy .wpcf7-acceptance input[type=checkbox] {
position: absolute;
visibility: hidden;
width: 20px;
height: 20px;
top: 0;
left: 0px;
}
.listivo-checkbox-policy .wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: "";
border-radius: var(--radius-xs);
height: 20px;
width: 20px;
left: 0px;
top: 0px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: var(--white);
}
.listivo-checkbox-policy .wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\f00c";
position: absolute;
font-family: "Font Awesome 5 Free";
left: 5px;
font-weight: 900;
color: var(--white);
font-size: 11px;
top: 2px;
height: 20px;
width: 20px;
top: 0px;
left: 0;
visibility: hidden;
text-align: center;
background: var(--e-global-color-lprimary1);
border-radius: var(--radius-xs);
}
.listivo-checkbox-policy .wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: transparent;
}
.listivo-checkbox-policy .wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}
.listivo-checkbox-policy .wpcf7-list-item-label {
padding-left: 31px;
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: normal;
float: left;
}
.listivo-contact-3-fields {
display: flex;
align-items: center;
flex-direction: column;
}
.listivo-contact-3-fields:after {
clear: both;
content: "";
display: table;
}
.listivo-contact-3-fields > div {
float: left;
width: 100%;
margin: 0 8px;
}
@media screen and (min-width: 768px) {
.listivo-contact-3-fields {
margin: 0 -8px;
flex-direction: row;
justify-content: space-between;
}
.listivo-contact-3-fields > div {
float: left;
width: 33.33%;
margin: 0 8px;
}
}
.listivo-contact-2-fields {
display: flex;
align-items: center;
flex-direction: column;
}
.listivo-contact-2-fields:after {
clear: both;
content: "";
display: table;
}
.listivo-contact-2-fields > div {
float: left;
width: 100%;
margin: 0 8px;
}
@media screen and (min-width: 768px) {
.listivo-contact-2-fields {
margin: 0 -8px;
flex-direction: row;
justify-content: space-between;
}
.listivo-contact-2-fields > div {
float: left;
width: 50%;
margin: 0 8px;
}
}
.listivo-checkbox-policy-white .wpcf7-list-item-label {
color: var(--white) !important;
}
@media screen and (min-width: 768px) {
.listivo-contact-additional-spacings input[type=text],
.listivo-contact-additional-spacings input[type=email],
.listivo-contact-additional-spacings input[type=number],
.listivo-contact-additional-spacings input[type=tel],
.listivo-contact-additional-spacings input[type=text],
.listivo-contact-additional-spacings input[type=url],
.listivo-contact-additional-spacings textarea {
margin-bottom: 30px;
}
.listivo-contact-additional-spacings .wpcf7-submit {
margin-top: 15px;
}
.listivo-contact-additional-spacings .listivo-contact-3-fields > div {
margin: 0 15px;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.listivo-contact-additional-spacings .listivo-contact-3-fields {
margin: 0 -15px;
}
.listivo-contact-additional-spacings .listivo-contact-3-fields > div {
margin: 0 15px;
}
}
.wpcf7-form-control-wrap {
display: block;
position: relative;
}
.wpcf7-form-control-wrap:after {
clear: both;
content: "";
display: table;
}
.wpcf7-not-valid {
border: 1px solid red !important;
}
.wpcf7-not-valid::placeholder {
color: red !important;
}
.wpcf7-not-valid-tip {
white-space: nowrap;
box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24);
position: absolute;
left: 0;
bottom: -15px;
display: inline-block;
background: #232732;
padding: 7px 15px;
font-size: 14px !important;
line-height: 1 !important;
color: #fff;
margin: 4px 12px -6px 8px;
border-radius: 4px;
z-index: 2;
}
.wpcf7-not-valid-tip:after {
content: "";
position: absolute;
top: -9px;
left: 20px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #232732;
}
.wpcf7-response-output {
margin: 20px 0 0 0 !important;
border: 1px solid var(--e-global-color-lprimary1) !important;
background: var(--e-global-color-lprimary3);
color: var(--e-global-color-lprimary1);
font-size: 14px;
line-height: 16px;
padding: 15px !important;
border-radius: 10px;
text-align: center;
min-height: 48px !important;
}
/* Sweet Alert 2 customization */
/*.swal2-container {*/
/* z-index: 999999;*/
/*}*/
/*body.swal2-shown {*/
/* padding-right: 0 !important;*/
/*}*/
/*.swal2-container input[type=text],*/
/*.swal2-container input[type=email],*/
/*.swal2-container input[type=number],*/
/*.swal2-container input[type=tel],*/
/*.swal2-container input[type=text],*/
/*.swal2-container input[type=url],*/
/*.swal2-container input[type=password],*/
/*.swal2-container textarea {*/
/* width: initial;*/
/* max-width: 100%;*/
/*}*/
/*.swal2-container h1, .swal2-container h2, .swal2-container h3, .swal2-container h4, .swal2-container h5, .swal2-container h6 {*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* color: #222;*/
/*}*/
/*.swal2-container .swal2-html-container {*/
/* color: var(--text-2);*/
/* padding: 0;*/
/* margin: 35px 30px;*/
/* font-weight: 400;*/
/*}*/
/*.swal2-container .swal2-styled.swal2-confirm {*/
/* background: var(--e-global-color-lprimary1);*/
/*}*/
/* Subscribe Form */
.listivo-subscribe {
background: var(--white);
border-radius: var(--radius-xl);
max-width: 540px;
padding: 15px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.listivo-subscribe {
max-width: none;
padding: 0 10px 0 30px;
margin: 0;
height: 85px;
display: flex;
align-items: center;
}
}
.listivo-subscribe input[type=email] {
border: none;
font-weight: 400;
flex-grow: 1;
font-size: 18px;
width: 100%;
text-align: center;
}
.listivo-subscribe input[type=email]::placeholder {
font-size: 18px;
}
@media (max-width: 767px) {
.listivo-subscribe input[type=email] {
border: 1px solid var(--border-color);
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) {
.listivo-subscribe input[type=email] {
width: auto;
padding-left: 0;
text-align: left;
}
}
@media (max-width: 767px) {
.listivo-subscribe .listivo-button {
padding-right: 15px;
padding-left: 15px;
}
.listivo-subscribe .listivo-button .listivo-button__icon {
display: none;
}
}
@media screen and (max-width: 767px) and (min-width: 768px) {
.listivo-subscribe {
margin-top: 0;
width: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-subscribe .listivo-button {
width: auto;
}
}
@media (min-width: 1025px) and (max-width: 1100px) {
.listivo-heading-mc4wp .elementor-heading-title.elementor-size-large {
font-size: 32px !important;
max-width: 420px;
}
}
@media (min-width: 1101px) and (max-width: 1199px) {
.listivo-heading-mc4wp .elementor-heading-title.elementor-size-large {
font-size: 36px !important;
max-width: 470px;
}
}
/* 2. Global */
.listivo-button-outline-v1 {
position: relative;
background-color: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--radius-m);
font-weight: 500;
height: 46px;
padding: 0 15px 0 23px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
font-size: 14px;
line-height: 25px;
cursor: pointer;
}
.listivo-button-outline-v1__icon {
height: calc(100% + 2px);
display: flex;
align-items: center;
color: var(--white);
background-color: var(--content-medium);
padding: 0 13px 0 22px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: 0.2s ease;
margin-right: -15px;
margin-left: 16px;
}
.listivo-button-outline-v1__icon svg {
transition: 0.2s ease;
fill: var(--senary);
}
.listivo-button-outline-v1:hover {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1);
color: var(--white);
}
.listivo-button-outline-v1:hover .listivo-button-outline-v1__icon {
background: var(--e-global-color-lprimary2);
}
.listivo-button-outline-v1:hover svg {
fill: var(--white);
}
.listivo-button-outline {
position: relative;
background-color: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--radius-m);
font-weight: 600;
height: 57px;
padding: 0 20px 0 25px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
font-size: 16px;
line-height: 25px;
cursor: pointer;
}
.listivo-button-outline:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-button-outline .listivo-button-outline__icon {
border-top-right-radius: var(--radius-m);
border-bottom-right-radius: var(--radius-m);
height: calc(100% + 2px);
display: flex;
align-items: center;
color: var(--white);
background-color: var(--e-global-color-lprimary1);
padding: 0 22px 0 35px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: 0.2s ease;
margin-right: -21px;
margin-left: 21px;
position: relative;
right: -1px;
}
.listivo-button-outline--v2 .listivo-button-outline__icon {
background-color: var(--content-dark);
}
.listivo-button-outline--v2:hover {
border-color: var(--content-dark);
}
.listivo-button-outline--v3 {
font-size: 14px;
padding: 0 15px 0 23px;
height: 46px;
}
.listivo-button-outline--v3 .listivo-button-outline__icon {
background-color: var(--content-medium);
padding: 0 13px 0 22px;
margin-right: -16px;
margin-left: 16px;
}
.listivo-button-outline--v3 .listivo-button-outline__icon svg {
transition: 0.2s ease;
fill: var(--senary);
}
.listivo-button-outline--v3 .listivo-button-outline__icon i {
transition: 0.2s ease;
color: var(--senary);
}
.listivo-button-outline--v3:hover {
border-color: var(--content-dark);
}
.listivo-button-outline--v3:hover .listivo-button-outline__icon {
background: var(--content-dark);
}
.listivo-button-outline--v3:hover svg {
fill: var(--white);
}
.listivo-button-outline--v4 {
padding-right: 89px;
text-align: center;
width: 100%;
height: 54px;
text-transform: uppercase;
}
.listivo-button-outline--v4 .listivo-button-outline__icon {
height: 100%;
position: absolute;
right: 0;
top: 0;
margin-right: 0;
}
.listivo-button-outline--v4 .listivo-button-outline__icon svg {
height: 20px;
stroke: #fff;
}
.listivo-button-outline--v5 {
font-size: 14px;
padding: 0 15px 0 23px;
height: 50px;
}
.listivo-button-outline--v5 .listivo-button-outline__icon {
background-color: var(--content-medium);
padding: 0 13px 0 22px;
margin-right: -16px;
margin-left: 16px;
}
.listivo-button-outline--v5 .listivo-button-outline__icon i {
transition: 0.2s ease;
color: var(--content-dark);
}
.listivo-button-outline--v5:hover {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1);
color: var(--white);
}
.listivo-button-outline--v5:hover .listivo-button-outline__icon {
background: var(--e-global-color-lprimary2);
}
.listivo-button-outline--v5:hover i {
color: var(--white);
}
.listivo-button-outline-v6 {
position: relative;
background-color: var(--white);
border: 2px solid var(--e-global-color-lprimary1);
border-radius: var(--radius-m);
font-weight: 600;
height: 61px;
padding: 0 20px 0 25px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
font-size: 16px;
line-height: 25px;
cursor: pointer;
text-transform: uppercase;
}
.listivo-button-outline-v6:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-button-outline-v6 .listivo-button-outline__icon {
border-top-right-radius: var(--radius-m);
border-bottom-right-radius: var(--radius-m);
height: calc(100% + 2px);
display: flex;
align-items: center;
color: var(--white);
background-color: var(--e-global-color-lprimary1);
padding: 0 22px 0 35px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: 0.2s ease;
margin-right: -21px;
margin-left: 21px;
}
.listivo-button-outline-v6:hover {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 767px) {
.listivo-button--envelope-animation {
width: 100% !important;
padding: 0 !important;
text-align: center !important;
display: block;
}
.listivo-button--envelope-animation .listivo-button__icon {
display: none;
}
}
.listivo-button--envelope-animation .fa-envelope {
display: none;
position: relative;
top: 2px;
}
.listivo-button--envelope-animation:not(:disabled):hover .fa-envelope {
display: inline;
}
.listivo-button--envelope-animation:not(:disabled):hover .fa-envelope-open {
display: none;
}
.listivo-button-pill {
padding: 13px 27px;
background: var(--e-global-color-lprimary1);
border-radius: var(--radius-xxl);
color: var(--white);
font-size: 14px;
line-height: 18px;
font-weight: 500;
transition: 0.2s ease;
}
.listivo-button-pill:hover {
background-color: var(--e-global-color-lsecondary1);
}
.listivo-button--with-progress-animation {
min-width: 120px;
}
.listivo-button--with-progress-animation span {
transition: 0.2s ease;
}
.listivo-button--with-progress-animation .listivo-loader {
position: absolute;
opacity: 0;
z-index: 0;
}
.listivo-button--with-progress-animation.listivo-button--with-progress-animation--active span {
opacity: 0;
}
.listivo-button--with-progress-animation.listivo-button--with-progress-animation--active .listivo-loader {
opacity: 1;
z-index: 5;
transform: scale(0.6);
}
.listivo-loader {
z-index: 2;
opacity: 1;
position: absolute;
left: 0;
height: 30px;
margin: 0 auto;
right: 0;
width: 120px;
transition: 0.2s ease;
background-image: url("data:image/svg+xml, %3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='listivo-animation-svg' %3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
}
.listivo-loader-big {
display: block;
width: 100%;
padding: 100px 0 130px 0;
}
.listivo-loader-big .listivo-loader {
background-image: url("data:image/svg+xml, %3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%230b4355' class='listivo-animation-svg' %3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
}
.listivo-loader-chat {
display: block;
width: 100%;
position: relative;
padding: 0;
}
.listivo-loader-chat .listivo-loader {
background-image: url("data:image/svg+xml, %3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%230b4355' class='listivo-animation-svg' %3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
}
.listivo-primary-button, .wp-block-search .wp-block-search__button,
.widget.widget_search.widget_block .wp-block-search__button, .woocommerce-form-coupon button.button,
.listivo-post input[type=submit] {
background-color: var(--e-global-color-lprimary1);
color: #ffffff;
font-family: var(--font-text);
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
display: inline-flex;
align-items: center;
padding: 0;
border-radius: 8px;
overflow: hidden;
transition: 0.2s ease;
min-height: 57px;
height: 1px;
}
.listivo-primary-button:hover, .wp-block-search .wp-block-search__button:hover,
.widget.widget_search.widget_block .wp-block-search__button:hover, .woocommerce-form-coupon button.button:hover,
.listivo-post input[type=submit]:hover {
background-color: var(--e-global-color-lsecondary1);
}
.listivo-primary-button:hover .listivo-primary-button__icon, .wp-block-search .wp-block-search__button:hover .listivo-primary-button__icon,
.widget.widget_search.widget_block .wp-block-search__button:hover .listivo-primary-button__icon, .woocommerce-form-coupon button.button:hover .listivo-primary-button__icon,
.listivo-post input[type=submit]:hover .listivo-primary-button__icon {
background-color: var(--e-global-color-lsecondary2);
}
.listivo-primary-button__text {
padding: 0 30px;
font-weight: 500;
display: block;
flex: 1;
text-align: center;
}
.listivo-primary-button__icon {
padding-left: 31px;
padding-right: 21px;
background-color: var(--e-global-color-lprimary2);
display: flex;
height: 100%;
align-items: center;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: 0.2s ease;
}
.listivo-primary-button__icon svg {
stroke: #ffffff;
width: 24px;
}
.listivo-primary-button__icon img {
width: 24px;
}
.listivo-primary-button--full-width {
width: 100%;
}
@media only screen and (max-width: 767px) {
.listivo-primary-button--mobile-full-width {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.listivo-primary-button--tablet-full-width {
width: 100%;
}
}
.listivo-primary-button--icon .listivo-primary-button__text {
padding-right: 20px;
}
@media (max-width: 768px) {
.listivo-primary-button--hide-icon-mobile .listivo-primary-button__text {
padding: 0 30px;
}
.listivo-primary-button--hide-icon-mobile .listivo-primary-button__icon {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.listivo-primary-button--hide-icon-tablet .listivo-primary-button__text {
padding: 0 30px;
}
.listivo-primary-button--hide-icon-tablet .listivo-primary-button__icon {
display: none;
}
}
.listivo-primary-button--loading {
position: relative;
}
.listivo-primary-button--loading:before {
content: "";
position: absolute;
width: 120px;
height: 30px;
z-index: 2;
transform: scale(0.6);
left: 50%;
top: 50%;
margin-left: -60px;
margin-top: -15px;
background-image: url("data:image/svg+xml, %3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='listivo-animation-svg' %3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
}
.listivo-primary-button--loading:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: var(--e-global-color-lprimary1);
}
.listivo-primary-button--height-46 {
height: 47px;
min-height: 47px;
}
.listivo-primary-button--height-61 {
height: 61px;
min-height: 61px;
}
.listivo-primary-button--height-65 {
height: 65px;
min-height: 65px;
}
.listivo-primary-outline-button {
border-radius: 8px;
border: 1px solid #e4ebf0;
background-color: #ffffff;
color: #222222;
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
display: inline-flex;
transition: 0.2s ease;
min-height: 54px;
height: 1px;
align-items: center;
overflow: hidden;
}
.listivo-primary-outline-button:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-primary-outline-button__text {
padding: 0 20px;
display: block;
flex: 1;
text-align: center;
transition: 0.2s ease;
font-weight: 600;
}
.listivo-primary-outline-button__icon {
color: #fff;
background-color: var(--e-global-color-lprimary1);
display: flex;
height: calc(100% + 1px);
align-items: center;
justify-content: center;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
transition: 0.2s ease;
width: 55px;
padding-left: 7px;
position: relative;
right: -1px;
top: -1px;
}
.listivo-primary-outline-button__icon svg {
width: 24px;
stroke: #fff;
}
.listivo-primary-outline-button__icon img {
width: 24px;
}
.listivo-primary-outline-button--full-width {
width: 100%;
}
.listivo-primary-outline-button--height-57 {
height: 57px;
}
/* Checkbox*/
.listivo-checkbox:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 1024px) {
.listivo-checkbox:hover {
color: var(--e-global-color-lprimary1) !important;
}
.listivo-checkbox:hover label {
color: var(--e-global-color-lprimary1) !important;
}
}
.listivo-checkbox label {
transition: 0.2s ease;
}
.listivo-checkbox input {
position: absolute;
opacity: 0;
}
.listivo-checkbox input + label {
font-size: 16px;
line-height: 20px;
display: block;
position: relative;
cursor: pointer;
min-height: 20px;
padding: 0 0 0 30px;
}
.listivo-checkbox input + label:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: var(--white);
border: 1px solid #ddd;
border-radius: var(--radius-xs);
}
.listivo-checkbox input:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.listivo-checkbox input:disabled + label:before {
box-shadow: none;
background: red;
}
.listivo-checkbox input:checked + label:before {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-checkbox input:checked + label:after {
content: "\f00c";
position: absolute;
font-family: "Font Awesome 5 Free";
left: 5px;
font-weight: 900;
color: var(--white);
font-size: 11px;
top: 0;
}
.listivo-checkbox input:checked + label {
color: var(--septenary);
}
.listivo-checkbox--big input + label:before {
width: 30px;
height: 30px;
}
.listivo-checkbox--big input + label {
padding-top: 5px;
padding-left: 48px;
}
.listivo-listing-carousel-with-tabs .listivo-arrow {
border-radius: var(--radius-rounded);
width: 3.75rem;
height: 3.75rem;
background-color: var(--white);
border: 0.0625rem solid var(--border-color);
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-m);
transition: all 0.3s;
}
.listivo-listing-carousel-with-tabs .listivo-arrow svg {
color: #222;
}
.listivo-listing-carousel-with-tabs .listivo-arrow i, .listivo-listing-carousel-with-tabs .listivo-arrow svg {
transition: 0.2s ease;
}
@media (min-width: 1024px) {
.listivo-listing-carousel-with-tabs .listivo-arrow:hover {
background-color: var(--content-dark);
border: 0.0625rem solid var(--content-dark);
}
.listivo-listing-carousel-with-tabs .listivo-arrow:hover svg {
fill: #fff !important;
}
.listivo-listing-carousel-with-tabs .listivo-arrow:hover i {
color: var(--white);
transition: 0.2s ease;
}
}
.listivo-pagination .listivo-pagination-desktop {
display: none;
}
@media (min-width: 768px) {
.listivo-pagination .listivo-pagination-desktop {
display: flex;
}
}
.listivo-pagination .listivo-pagination-mobile {
display: none;
}
@media (max-width: 767px) {
.listivo-pagination .listivo-pagination-mobile {
display: block;
margin-top: -10px;
margin-bottom: -10px;
}
}
.listivo-pagination--blog {
margin-top: 70px;
margin-bottom: 70px;
}
@media screen and (min-width: 1025px) {
.listivo-pagination--blog {
margin-top: 90px;
margin-bottom: 50px;
}
}
.listivo-pagination--listings {
margin-top: 70px;
}
@media (max-width: 767px) {
.listivo-pagination--listings {
margin-top: 50px;
}
}
.listivo-pagination-desktop {
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
line-height: 55px;
color: var(--septenary);
display: none;
}
.listivo-pagination-desktop .listivo-pagination-desktop__inner {
margin: 0 auto -10px auto;
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow {
display: inline-block;
float: left;
width: 50px;
height: 50px;
line-height: 48px;
border-radius: var(--radius-rounded);
cursor: pointer;
text-align: center;
border: 1px solid transparent;
transition: 0.2s ease;
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow i {
font-size: 14px;
line-height: 50px;
vertical-align: top;
}
@media (min-width: 1024px) {
.listivo-pagination-desktop .listivo-pagination-desktop__arrow:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow:hover * {
color: var(--e-global-color-lprimary1);
}
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow--left {
margin-right: 5px;
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow--right {
margin-left: 5px;
}
.listivo-pagination-desktop .listivo-pagination-desktop__arrow--disabled {
visibility: hidden;
}
.listivo-pagination-desktop .listivo-pagination-desktop__page {
display: inline-block;
width: 50px;
text-align: center;
float: left;
font-size: 16px;
line-height: 48px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
margin-left: 5px;
transition: 0.2s ease;
border-radius: var(--radius-rounded);
border: 1px solid var(--border-color);
cursor: pointer;
}
@media (min-width: 1024px) {
.listivo-pagination-desktop .listivo-pagination-desktop__page:hover {
color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-pagination-desktop .listivo-pagination-desktop__page:hover a {
color: var(--e-global-color-lprimary1);
}
}
.listivo-pagination-desktop .listivo-pagination-desktop__page:first-child {
margin-left: 0px;
}
.listivo-pagination-desktop .listivo-pagination-desktop__page:last-child {
margin-right: 0px;
}
.listivo-pagination-desktop .listivo-pagination-desktop__page:not(.listivo-pagination-desktop__page--active):hover {
color: var(--e-global-color-lprimary1);
border: 1px solid var(--e-global-color-lprimary1);
}
.listivo-pagination-desktop .listivo-pagination-desktop__page--active {
background: var(--e-global-color-lprimary1) !important;
border-color: var(--e-global-color-lprimary1) !important;
color: var(--white) !important;
}
.listivo-pagination-desktop .listivo-pagination-desktop__page--active:hover {
color: var(--white);
}
.listivo-pagination-desktop .listivo-pagination-desktop__page--dots {
border-color: transparent !important;
color: #222 !important;
cursor: initial;
}
.listivo-pagination-desktop .listivo-pagination-desktop__page--dots:hover {
color: #222;
border-color: transparent;
cursor: initial;
}
.listivo-pagination-mobile {
font-size: 24px;
line-height: 24px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.listivo-pagination-mobile span {
display: inline-block;
}
.listivo-pagination-mobile .listivo-pagination-mobile__start {
color: var(--e-global-color-lprimary1);
margin-right: 10px;
}
.listivo-pagination-mobile .listivo-pagination-mobile__end {
margin-left: 10px;
}
.listivo-pagination-mobile .listivo-pagination-mobile__arrow {
display: inline-block;
min-width: 50px;
line-height: 48px;
border-radius: var(--radius-rounded);
height: 50px;
text-align: center;
font-size: 16px;
cursor: pointer;
border: 1px solid var(--border-color);
}
.listivo-pagination-mobile .listivo-pagination-mobile__arrow--disabled {
opacity: 0;
z-index: -1;
}
.listivo-pagination-mobile .listivo-pagination-mobile__arrow--left {
margin-right: 17px;
}
.listivo-pagination-mobile .listivo-pagination-mobile__arrow--right {
margin-left: 17px;
}
/* Static Menu */
.listivo-menu-classic {
min-height: 100px;
background: var(--content-dark);
/* Before Creating Menu */
}
.listivo-menu-classic .listivo-menu__wrapper .listivo-logo {
min-width: 0;
padding-right: 50px;
}
.listivo-menu-classic .listivo-menu__container > .menu > ul > div > a {
color: #fff;
}
.listivo-menu-classic .listivo-menu-classic__inner {
max-width: 1650px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1200px) {
.listivo-menu-classic .listivo-menu > .menu-item > .listivo-menu__link {
text-align: center;
}
}
.listivo-menu-classic .listivo-logo,
.listivo-menu-classic .listivo-menu > .menu-item > .listivo-menu__link {
color: var(--white) !important;
}
@media (max-width: 1199px) {
.listivo-menu-classic .listivo-logo {
justify-content: start;
}
}
.listivo-menu-classic .listivo-menu-icon {
fill: var(--white);
}
@media (min-width: 1200px) {
.listivo-menu-classic .listivo-menu > .menu-item {
margin-right: 35px;
}
}
.listivo-menu-classic .listivo-menu-icon-wrapper {
background: #FFFFFF1A;
}
.listivo-menu-classic .listivo-menu-hover + .menu > ul {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 40px;
padding-bottom: 40px;
}
.listivo-menu-classic .listivo-menu-hover + .menu > ul > div {
font-size: 16px;
font-weight: 500;
margin-right: 35px;
}
@media (max-width: 1199px) {
.listivo-menu-classic .listivo-mobile-menu__nav > .menu ul > div {
padding-top: 21px;
padding-bottom: 21px;
border-bottom: 1px solid var(--content-dark);
}
.listivo-menu-classic .listivo-mobile-menu__nav > .menu ul > div .listivo-menu__link {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: var(--white);
padding-left: 25px;
padding-right: 25px;
}
.listivo-menu-classic .listivo-mobile-menu__nav > .menu ul > div:last-of-type {
border: none;
margin-bottom: -35px;
}
}
/* Static Layout */
.listivo-layout {
padding: 0 15px;
}
@media screen and (min-width: 1025px) {
.listivo-layout {
padding: 0 30px;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
}
.listivo-layout__content {
padding-right: 0;
margin: 50px auto 0;
width: 100%;
max-width: 750px;
}
@media screen and (min-width: 1025px) {
.listivo-layout__content {
margin-top: 70px;
margin-bottom: 50px;
max-width: 780px;
margin-left: initial;
margin-right: initial;
padding-right: 30px;
}
}
.listivo-layout__content--no-sidebar {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
/*.listivo-layout__content--no-sidebar .listivo-comments {*/
/* max-width: 750px;*/
/* margin-left: auto;*/
/* margin-right: auto;*/
/*}*/
.listivo-layout__sidebar {
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
max-width: 750px;
}
@media screen and (min-width: 1025px) {
.listivo-layout__sidebar {
margin-top: 70px;
margin-bottom: 100px;
margin-left: initial;
margin-right: initial;
width: 360px;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.listivo-layout__sidebar {
min-width: 360px;
}
}
.listivo-layout__sidebar .wp-block-calendar {
padding: 0 !important;
margin: 0 !important;
}
.listivo-layout__sidebar .wp-block-quote {
margin: 0;
}
.listivo-layout__sidebar .wp-block-quote cite {
margin-top: 10px;
display: block;
}
.listivo-layout__sidebar .widget.widget_block > ul {
list-style-type: disc;
}
.listivo-layout__sidebar .widget.widget_block > ol {
list-style-type: disc;
}
.listivo-layout__sidebar .widget.widget_block > ul, .listivo-layout__sidebar .widget.widget_block > ol {
margin-left: 20px;
}
.listivo-layout__sidebar .widget.widget_block > ul li, .listivo-layout__sidebar .widget.widget_block > ol li {
list-style: initial;
}
.listivo-posts--archive {
margin-bottom: 50px;
}
/* Single Post General */
.listivo-post {
color: var(--text-2);
font-size: 16px;
line-height: 1.75;
}
.listivo-post a {
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-post {
overflow: hidden;
border: 1px solid var(--border-color);
padding: 0 45px;
border-radius: var(--radius-l);
margin-bottom: 50px;
}
}
.listivo-post-inner:after {
clear: both;
content: "";
display: table;
}
.listivo-post-inner > *:last-child {
margin-bottom: 35px;
}
.listivo-post-inner > *:last-child:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.listivo-post-inner > *:last-child {
margin-bottom: 35px;
}
}
.listivo-post-inner iframe {
max-width: 100%;
}
.listivo-post-inner pre, .listivo-post-inner code {
font-family: monospace;
white-space: pre-wrap;
word-wrap: break-word;
}
.listivo-post-inner .wp-block-latest-posts,
.listivo-post-inner .wp-block-archives {
margin-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
.listivo-post-inner .wp-block-latest-posts,
.listivo-post-inner .wp-block-archives {
margin-bottom: 35px !important;
}
}
.listivo-post-content {
padding-bottom: 25px;
}
.listivo-post-text {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post-text {
margin-top: 35px;
margin-bottom: 35px;
}
}
.listivo-post-text > *:last-child {
margin-bottom: 0;
}
.listivo-post-text:after {
clear: both;
content: "";
display: table;
}
.listivo-post-widget-image {
height: 400px;
position: relative;
margin-bottom: 25px;
border-radius: var(--radius-l);
}
@media screen and (min-width: 768px) {
.listivo-post-widget-image {
margin-bottom: 0;
margin-left: -45px;
margin-right: -45px;
}
}
.listivo-post-widget-image img {
display: block;
border-radius: var(--radius-l);
transition: 0.2s ease;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.listivo-post-image {
margin-bottom: 25px;
border-radius: var(--radius-l);
}
@media screen and (min-width: 768px) {
.listivo-post-image {
margin-bottom: 0;
margin-left: -45px;
margin-right: -45px;
}
}
.listivo-post-image img {
display: block;
border-radius: var(--radius-l);
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-post-content-end {
display: flex;
justify-content: space-between;
}
}
.listivo-post-social-share {
margin: 35px 0 0px 0;
}
@media screen and (min-width: 768px) {
.listivo-post-social-share {
margin: 15px 0 35px 0;
}
}
@media (max-width: 767px) {
.listivo-post-social-share .listivo-social-share {
text-align: left;
}
}
@media screen and (min-width: 768px) {
.page .listivo-post {
padding-top: 25px;
padding-bottom: 25px;
}
}
/*.listivo-comment__text:after,*/
/*.listivo-post:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
.listivo-post h1,
.listivo-post h2,
.listivo-post h3,
.listivo-post h4,
.listivo-post h5,
.listivo-post h6 {
font-family: var(--font-heading);
color: #222732;
line-height: 1.24;
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post h1,
.listivo-post h2,
.listivo-post h3,
.listivo-post h4,
.listivo-post h5,
.listivo-post h6 {
margin-top: 35px;
margin-bottom: 35px;
}
}
.listivo-post h1 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 28px;
letter-spacing: -0.28px;
}
@media screen and (min-width: 768px) {
.listivo-post h1 {
font-size: 42px;
letter-spacing: -1.05px;
}
}
.listivo-post h2 {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-post h2 {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-post h3 {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
}
@media screen and (min-width: 768px) {
.listivo-post h3 {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-post h4 {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
}
@media screen and (min-width: 768px) {
.listivo-post h4 {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-post h5 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
}
.listivo-post h6 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
font-size: 18px;
}
.listivo-post > a {
color: var(--e-global-color-lprimary1);
}
.listivo-post > a:hover {
text-decoration: underline;
}
.listivo-post hr {
border: none;
border-bottom: 1px solid #444;
}
.listivo-post ul li {
list-style-type: disc;
}
.listivo-post ol li {
list-style-type: decimal;
}
.listivo-post ul,
.listivo-post ol {
padding: 0 0 0 20px;
line-height: 20px;
margin-left: 0;
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post ul,
.listivo-post ol {
margin-top: 35px;
margin-bottom: 35px;
}
}
.listivo-post ul ul,
.listivo-post ul ol,
.listivo-post ol ul,
.listivo-post ol ol {
margin-top: 10px;
margin-bottom: 10px;
}
.listivo-post ul li,
.listivo-post ol li {
margin-bottom: 10px;
}
.listivo-post ul li:last-of-type,
.listivo-post ol li:last-of-type {
margin-bottom: 0;
}
.listivo-post p {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post p {
margin-top: 35px;
margin-bottom: 35px;
}
}
.listivo-post input[type=password] {
max-width: 300px;
margin-right: 7px;
margin-left: 12px;
}
.listivo-post input[type=submit] {
padding: 0 30px;
cursor: pointer;
height: 64px;
}
.listivo-post big {
font-size: 2em;
font-weight: 700;
}
.listivo-post table {
color: #181d28;
text-align: left;
border-collapse: collapse;
font-size: 16px;
line-height: 20px;
}
.listivo-post table th,
.listivo-post table td {
padding: 10px;
border: 1px solid #e5e5e5;
}
.listivo-post figure.alignleft {
margin-right: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post figure.alignleft {
margin-right: 35px;
}
}
.listivo-post figure.alignright {
margin-left: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post figure.alignright {
margin-left: 35px;
}
}
.listivo-post figure.aligncenter {
margin-left: auto;
margin-right: auto;
}
.listivo-post dl {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.listivo-post dl dt {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
padding: 0;
margin: 0 0 15px 0;
}
.listivo-post dl dd {
padding: 0;
margin: 0 0 35px 0;
}
.listivo-post table {
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post table {
margin-bottom: 35px;
}
}
.listivo-post-author {
display: flex;
align-items: center;
}
.listivo-post-author img {
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
margin-right: 12px;
}
.listivo-post-author-image img {
margin-right: 12px;
}
.listivo-styled-list {
margin-left: 9px !important;
}
.listivo-styled-list:after {
clear: both;
content: "";
display: table;
}
.listivo-styled-list li {
width: 100%;
position: relative;
padding: 0 40px 0 0;
margin-right: -30px;
float: left;
text-align: left;
color: var(--text-2);
font-weight: 500;
}
.listivo-styled-list li::marker {
color: transparent;
}
.listivo-styled-list li:before {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='13px' viewBox='0 0 121.000000 121.000000' preserveAspectRatio= 'xMidYMid meet' ><g transform= 'translate(0.000000,121.000000) scale(0.100000,-0.100000)' fill= 'rgb(218, 28, 46)' stroke= 'none'> <path d= 'M1127 1196 c-3 -8 -23 -18 -44 -21 -21 -3 -67 -14 -103 -25 -124 -35 -185 -51 -240 -64 -30 -7 -71 -18 -90 -24 -40 -13 -128 -37 -210 -56 -30 -7 -77 -21 -103 -30 -26 -9 -57 -16 -67 -16 -11 0 -46 -9 -77 -19 -32 -11 -76 -22 -98 -26 -46 -8 -65 -21 -65 -44 0 -21 820 -841 841 -841 23 0 36 19 44 65 4 22 15 66 26 98 10 31 19 66 19 77 0 10 7 41 16 67 9 26 23 73 30 103 19 82 43 170 56 210 6 19 17 60 24 90 13 55 29 116 64 240 11 36 22 82 25 103 3 21 13 41 21 44 9 3 14 19 14 44 0 39 0 39 -39 39 -25 0 -41 -5 -44 -14z m-78 -149 c11 -14 -1 -90 -32 -192 -19 -65 -35 -126 -51 -195 -7 -30 -20 -77 -29 -105 -20 -63 -44 -151 -62 -234 -15 -64 -38 -111 -55 -111 -12 0 -610 598 -610 610 0 17 47 40 111 55 83 18 171 42 234 62 28 9 75 22 105 29 70 16 131 32 195 52 48 14 148 38 171 41 6 0 17 -5 23 -12z '/></g></svg>");
display: block;
width: 13px;
height: 13px;
margin: 0 0 0 -27px;
position: absolute;
left: 0;
top: 0;
}
.listivo-blog-heading-content {
margin-bottom: -12px !important;
}
@media screen and (min-width: 768px) {
.listivo-blog-spacing-big {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
}
.listivo-blog-remove-content-gaps {
display: flex;
}
@media screen and (min-width: 768px) {
.listivo-blog-remove-content-gaps {
margin-right: -45px;
margin-left: -45px;
}
}
.listivo-blog-remove-content-gaps > .wp-block-column:first-of-type {
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-blog-remove-content-gaps > .wp-block-column:first-of-type {
margin-bottom: 0;
margin-right: 15px;
}
}
@media screen and (min-width: 768px) {
.listivo-blog-remove-content-gaps > .wp-block-column:last-of-type {
margin-left: 15px;
}
}
.listivo-post-meta {
border-bottom: 1px solid var(--border-color);
padding-bottom: 13px;
margin-bottom: 25px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.listivo-post-meta a {
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-post-meta {
padding: 20px 0 8px 0;
}
}
.listivo-post-meta:after {
clear: both;
content: "";
display: table;
}
.listivo-post-meta__single {
margin-bottom: 12px;
display: inline-block;
font-size: 14px;
line-height: 18px;
margin-right: 15px;
font-weight: 500;
position: relative;
}
@media screen and (min-width: 768px) {
.listivo-post-meta__single {
margin-right: 35px;
width: auto;
}
.listivo-post-meta__single span {
float: left;
}
}
.listivo-post-meta__single a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-post-meta__single i {
font-size: 16px;
line-height: 18px;
color: var(--e-global-color-lprimary1);
margin-right: 8px;
float: left;
}
@media (min-width: 768px) {
.listivo-post-meta__single:after {
content: "";
position: absolute;
top: 50%;
margin-top: -2px;
right: -19px;
height: 5px;
width: 5px;
border-radius: 50%;
background: var(--e-global-color-lsupport1);
}
.listivo-post-meta__single:last-of-type:after {
display: none;
}
}
.listivo-post-meta__single svg {
position: relative;
top: 1px;
height: 16px;
float: left;
fill: var(--e-global-color-lprimary1);
margin-right: 7px;
}
.listivo-post-meta__single--date svg {
height: 16px;
}
.listivo-post-meta__single--user svg {
height: 16px;
}
.listivo-post-meta__single--comments svg {
top: 2px;
height: 13px;
}
.listivo-post-meta__single--categories i {
font-size: 14px;
position: relative;
top: 3px;
line-height: 13px;
color: var(--e-global-color-lprimary1);
margin-right: 8px;
}
.listivo-post-meta__single--categories span {
float: initial;
display: inline;
}
.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.2s ease;
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;
}
h1.listivo-post-title {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 28px;
letter-spacing: -0.28px;
margin-bottom: 25px;
word-break: break-word;
}
@media screen and (min-width: 768px) {
h1.listivo-post-title {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 768px) {
h1.listivo-post-title {
margin-top: 40px;
margin-bottom: 35px;
}
}
h1.listivo-post-title b, h1.listivo-post-title strong {
font-weight: 900;
}
.listivo-post-tags {
margin: 25px 0 0 0 !important;
}
@media screen and (min-width: 768px) {
.listivo-post-tags {
margin: 15px 0 35px 0 !important;
}
}
.listivo-post-tags:after {
clear: both;
content: "";
display: table;
}
/* Blockquote */
.listivo-post blockquote:not(.has-text-color) {
color: var(--white);
background: var(--content-dark);
}
.listivo-post .listivo-post-inner > blockquote {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-post .listivo-post-inner > blockquote {
margin-top: 35px;
margin-bottom: 35px;
margin-left: -45px;
margin-right: -45px;
}
}
.listivo-post blockquote {
position: relative;
font-size: 24px;
font-family: var(--font-heading);
line-height: 1.333;
font-weight: 700;
overflow: hidden;
padding: 30px 20px !important;
background: var(--white);
}
.listivo-post blockquote cite {
font-style: normal;
}
@media screen and (min-width: 768px) {
.listivo-post blockquote {
padding: 75px 70px !important;
}
}
.listivo-post blockquote p {
padding: 0;
margin: 0 0 25px 0;
}
.listivo-post blockquote a:hover {
text-decoration: underline;
}
.listivo-post blockquote strong {
font-weight: 900;
}
.listivo-post blockquote cite, .listivo-post blockquote em {
font-family: var(--font-heading);
font-size: 18px;
font-weight: 700;
display: block;
}
.listivo-post blockquote cite {
text-align: left;
}
.listivo-post blockquote br {
display: none;
}
.listivo-post blockquote:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='71' viewBox='0 0 95 71'%3E%3Cg%3E%3Cg clip-path='url(%23clip-7263)' opacity='.1'%3E%3Cpath fill='%23fff' d='M41.365.685c0 18.168-.248 28.483-.445 32.137-.589 18.369-3.458 31.774-8.608 40.216-5.15 8.443-14.149 12.664-27.001 12.664L1.044 70.594c7.063 0 11.845-2.395 14.346-7.183 2.502-4.792 3.43-12.807 3.43-22.781H.03V.685zm52.607 0c0 18.168.198 28.681 0 32.336-.588 18.368-2.92 31.575-8.07 40.017-5.15 8.443-14.15 12.664-27.001 12.664l-4.268-15.108c7.064 0 11.846-2.395 14.347-7.183 2.502-4.792 4.325-12.807 4.325-22.781H52.638V.685z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
font-size: 95px;
position: absolute;
bottom: 0px;
right: 45px;
height: 71px;
width: 95px;
text-align: left;
}
.wp-block-quote {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.wp-block-quote {
margin-top: 35px;
margin-bottom: 35px;
margin-left: -45px;
margin-right: -45px;
}
}
.wp-block-quote.blockquote {
margin-top: 25px;
margin-bottom: 25px;
background: var(--content-dark);
color: var(--white);
}
@media screen and (min-width: 768px) {
.wp-block-quote.blockquote {
margin-top: 35px;
margin-bottom: 35px;
margin-left: -45px;
margin-right: -45px;
}
}
.wp-block-quote.blockquote cite, .wp-block-quote.blockquote em {
color: #85a1aa;
}
.wp-block-quote cite, .wp-block-quote em {
color: #85a1aa;
}
.wp-block-pullquote {
padding: 0;
background: var(--content-light);
text-align: left;
}
.wp-block-pullquote blockquote {
max-width: none !important;
}
.wp-block-pullquote[style*=border-color] {
border: 5px solid transparent;
}
.wp-block-column .wp-block-quote {
margin-left: 0;
margin-right: 0;
padding: 30px 25px !important;
}
.wp-block-column .wp-block-quote p {
margin-bottom: 5px;
}
.has-background {
position: relative;
}
.has-background blockquote {
position: static;
background: inherit;
}
.has-background blockquote cite {
color: inherit;
}
/* Static Blog Title */
.listivo-blog-title {
margin: 0;
text-align: center;
padding: 70px 15px;
background: url("assets/img/header-bg.jpg") no-repeat;
background-size: cover;
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.listivo-blog-title {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.listivo-blog-title {
font-size: 54px;
letter-spacing: -1.35px;
}
}
@media screen and (min-width: 1200px) {
.listivo-blog-title {
padding-top: 120px;
padding-bottom: 120px;
}
}
/* Static 404 Page */
.listivo-404 {
text-align: center;
margin: 50px 0;
}
@media screen and (min-width: 768px) {
.listivo-404 {
margin: 70px 0;
}
}
.listivo-404 .listivo-shape svg {
width: 219px !important;
}
.listivo-404-img {
width: 100%;
}
@media (max-width: 767px) {
.listivo-404-img {
max-width: 360px;
}
}
.listivo-404-title {
color: var(--content-dark);
font-size: 178px;
font-weight: 900;
line-height: 1em;
margin-top: -129px;
}
@media (max-width: 767px) {
.listivo-404-title {
margin-top: -60px;
font-size: 100px;
}
}
.listivo-404-subtitle {
font-family: var(--font-heading);
font-weight: 700;
font-size: 30px;
line-height: 1.27;
letter-spacing: -0.3px;
margin: 21px 0 60px 0;
}
@media (max-width: 767px) {
.listivo-404-subtitle {
margin-bottom: 30px;
}
}
/* Static Footer */
.listivo-footer {
background: #061b23;
padding: 70px 15px;
}
@media screen and (min-width: 1200px) {
.listivo-footer {
padding-top: 100px;
padding-bottom: 100px;
}
}
.listivo-footer__inner {
text-align: center;
color: #bababa;
}
/* WordPress Core */
.alignleft {
display: inline;
float: left;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
.wp-caption {
margin-bottom: 35px !important;
}
}
.wp-block-separator {
background: var(--border-color);
height: 1px;
margin-top: 35px;
margin-bottom: 35px;
}
.wp-block-separator.is-style-dots {
border: none;
border-style: dashed;
border-left: 0;
border-right: 0;
border-top: 0;
}
.wp-block-separator.is-style-dots:before {
content: none;
}
.wp-block-image {
margin-top: 25px;
margin-bottom: 25px;
line-height: 0;
}
@media screen and (min-width: 768px) {
.wp-block-image {
margin-top: 35px;
margin-bottom: 35px;
}
}
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-image figure {
margin-top: 5px;
margin-bottom: 5px;
}
.wp-block-image figcaption {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 17px;
margin-top: 5px;
}
.wp-block-image figcaption,
.wp-block-embed figcaption {
margin-bottom: 0;
color: var(--text-2);
font-family: Inter;
font-size: 12px;
font-weight: 500;
margin-top: 10px;
}
.wp-block-gallery .blocks-gallery-grid {
padding-left: 0;
}
.wp-block-gallery .blocks-gallery-caption {
margin-bottom: 30px;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 6px 0 0 0;
font-size: 13px;
}
.wp-caption-text {
text-align: left;
}
.wp-caption.alignleft {
margin: 0;
padding: 5px 0 5px 0;
}
.wp-caption.alignright {
margin: 0;
padding: 5px 0 5px 0;
}
.screen-reader-text {
display: none;
overflow: hidden;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.iframe-wrapper iframe {
max-height: 500px;
}
.bypostauthor {
display: block;
}
.mejs-container {
margin-bottom: 30px;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.wp-block-gallery:after {
clear: both;
content: "";
display: table;
}
.wp-block-embed {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.wp-block-embed {
margin-top: 35px;
margin-bottom: 35px;
}
}
.gallery {
margin: 0 -5px 35px;
}
.gallery .gallery-item {
padding: 0 5px;
margin: 0 0 15px 0;
}
.gallery a {
position: relative;
display: block;
}
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
width: 100%;
max-width: 100%;
}
.gallery-item img {
width: 100%;
display: block;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
@media (max-width: 767px) {
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 100%;
}
}
.gallery-caption {
display: block;
font-size: 12px;
line-height: 14px;
margin: 0;
font-style: italic;
text-align: center;
padding: 10px 10px 0 10px;
}
.tiled-gallery-item a {
position: relative;
display: block;
overflow: hidden;
}
.tiled-gallery-item a:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
display: block;
height: 99%;
opacity: 0;
width: 99%;
background: var(--black);
}
@media (min-width: 1024px) {
.tiled-gallery-item a:hover:after {
background: var(--black);
opacity: 0.3;
}
}
.sticky {
border-color: var(--e-global-color-lprimary1) !important;
}
.wp-block-button a {
border-radius: var(--radius-l);
font-size: 17px;
line-height: 21px;
font-weight: 600;
padding: 16px 25px 16px 25px;
margin-bottom: 10px;
}
.wp-block-button a:hover {
text-decoration: none;
}
.wp-block-button.is-style-squared a {
border-radius: 0 !important;
}
.wp-block-button:not(.is-style-outline) a {
background: var(--e-global-color-lprimary1);
}
.wp-block-button:not(.is-style-outline) a:hover {
background: var(--e-global-color-lsecondary1);
}
.wp-block-button.is-style-outline a {
border-color: var(--e-global-color-lprimary1);
color: var(--e-global-color-lprimary1);
}
.wp-block-button.is-style-outline a:hover {
background: var(--e-global-color-lprimary1);
color: #fff;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
color: var(--white);
}
.wp-block-button__link {
transition: 0.2s ease;
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: var(--e-global-color-lprimary1);
}
.wp-block-columns {
margin-top: 25px;
margin-bottom: 25px;
}
@media (min-width: 1200px) {
.wp-block-columns {
margin-top: 35px;
margin-bottom: 35px;
}
}
.wp-block-columns-no-gaps {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.wp-block-columns-no-gaps {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 1200px) {
.wp-block-columns-no-gaps {
margin-left: -45px;
margin-right: -45px;
}
}
.wp-block-cover {
margin-top: 25px;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.wp-block-cover {
margin-top: 35px;
margin-bottom: 35px;
}
}
.wp-block-cover p.wp-block-cover-text {
color: #fff;
}
.wp-block-cover.alignleft, .wp-block-cover.alignright {
margin-top: 5px;
margin-bottom: 5px;
}
/* Hide LI markers */
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-archives {
padding-left: 0 !important;
}
.wp-block-latest-posts li::marker,
.wp-block-latest-comments li::marker,
.wp-block-archives li::marker {
color: transparent !important;
}
/* 3. Blog */
.listivo-blog-card-wrapper {
width: 100%;
}
.listivo-blog-card-wrapper:last-child .listivo-blog-card {
margin-bottom: 0;
}
.listivo-blog-card {
border-radius: var(--radius-l);
overflow: hidden;
border: 1px solid var(--border-color);
background-color: var(--white);
margin-bottom: 30px;
}
.listivo-blog-card img {
border-radius: var(--radius-l);
}
@media screen and (min-width: 1200px) {
.listivo-blog-card {
margin-bottom: 70px;
}
}
.listivo-blog-card__image-static img {
display: block;
}
.listivo-blog-card__content {
padding: 25px 20px;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__content {
padding: 45px;
}
}
@media (min-width: 1025px) and (max-width: 1100px) {
.listivo-blog-card__content {
padding: 25px 20px;
}
}
.listivo-blog-card__title {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
text-align: center;
margin-bottom: 15px;
display: block;
word-wrap: break-word;
}
@media screen and (min-width: 768px) {
.listivo-blog-card__title {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-blog-card__title a {
transition: 0.2s ease;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__title {
text-align: left;
margin-bottom: 20px;
}
}
.listivo-blog-card__title a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-blog-card__author {
margin: 0 6px 15px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.listivo-blog-card__author:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__author {
display: flex;
align-items: center;
margin: 0;
float: left;
}
.listivo-blog-card__author:after {
content: none;
}
}
.listivo-blog-card__author img {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
}
.listivo-blog-card__author a {
transition: 0.2s ease;
white-space: nowrap;
}
.listivo-blog-card__author a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-blog-card__author i {
float: left;
color: var(--e-global-color-lprimary1);
margin-right: 7px;
top: 1px;
position: relative;
font-size: 16px;
}
.listivo-blog-card__author span {
float: left;
}
.listivo-blog-card__author svg {
float: left;
fill: var(--e-global-color-lprimary1);
margin-right: 8px;
width: 16px;
transition: 0.2s ease;
}
.listivo-blog-card__author-avatar-link {
margin-right: 12px;
}
.listivo-blog-card__author-avatar-link img {
transition: 0.2s ease;
}
.listivo-blog-card__author-avatar-link:hover img {
filter: brightness(1.05);
}
.listivo-blog-card__date {
font-size: 14px;
line-height: 18px;
text-align: center;
margin: 0 6px 15px;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__date {
margin: 0;
text-align: left;
}
}
.listivo-blog-card__date span {
float: left;
}
.listivo-blog-card__date svg {
float: left;
fill: var(--e-global-color-lprimary1);
margin-right: 8px;
width: 16px;
transition: 0.2s ease;
}
.listivo-blog-card__date i {
float: left;
color: var(--e-global-color-lprimary1);
margin-right: 7px;
font-size: 16px;
}
.listivo-blog-card__excerpt {
color: var(--text-2);
margin-bottom: 25px;
text-align: center;
font-size: 15px;
line-height: 26px;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__excerpt {
margin-bottom: 35px;
text-align: left;
font-size: 16px;
line-height: 28px;
}
}
.listivo-blog-card__bottom {
width: 100%;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__bottom {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--border-color);
padding-top: 35px;
margin-top: 35px;
}
}
.listivo-blog-card__meta--top {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}
.listivo-blog-card__meta--top:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__meta--top {
display: none;
}
}
.listivo-blog-card__meta--top .listivo-blog-card__author img {
float: left;
width: 30px;
margin-top: -5px;
height: 30px;
}
.listivo-blog-card__meta--bottom {
display: none;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__meta--bottom {
display: flex;
align-items: center;
}
}
.listivo-blog-card__bottom-button {
margin-left: auto;
text-align: center;
margin-top: 25px;
}
@media screen and (min-width: 600px) {
.listivo-blog-card__bottom-button {
margin-top: 0;
text-align: center;
}
}
.listivo-blog-card__dot {
display: none;
width: 5px;
height: 5px;
margin-left: 15px;
margin-right: 15px;
background: var(--e-global-color-lsupport1);
border-radius: var(--radius-rounded);
}
@media screen and (min-width: 600px) {
.listivo-blog-card__dot {
display: inline-block;
}
}
@media (min-width: 1024px) {
.elementor-widget-container .listivo-blog-card__image-static {
position: relative;
height: 400px;
display: block;
}
.elementor-widget-container .listivo-blog-card__image-static img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.elementor-widget-container .listivo-post-image {
position: relative;
height: 400px;
display: block;
}
.elementor-widget-container .listivo-post-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
/*.listivo-comments .comment-respond {*/
/* position: relative;*/
/* float: left;*/
/* border-radius: var(--radius-l);*/
/* margin-left: -15px;*/
/* margin-right: -15px;*/
/* width: calc(100% + 30px);*/
/* margin-top: 30px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments .comment-respond {*/
/* margin-top: 50px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-respond:first-child {*/
/* margin-bottom: 0;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments .comment-form {*/
/* display: flex;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* width: 100%;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .comment + .comment-respond {*/
/* margin-top: 70px;*/
/* margin-bottom: 20px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-reply-title {*/
/* width: 100%;*/
/* float: left;*/
/* text-align: left;*/
/* position: relative;*/
/* margin-bottom: 10px;*/
/* margin-top: 0;*/
/* padding-left: 15px;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-comments .comment-reply-title small {*/
/* width: 100%;*/
/* margin: 10px 0;*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-comments .comment-reply-title a {*/
/* color: var(--e-global-color-lprimary1);*/
/* padding-right: 140px;*/
/*}*/
/*.listivo-comments .comment-reply-title a:hover {*/
/* text-decoration: underline;*/
/*}*/
/*.listivo-comments .comment-reply-title #cancel-comment-reply-link {*/
/* font-family: var(--font-text);*/
/* border-radius: var(--radius-m);*/
/* border: 1px solid var(--border-color);*/
/* background-color: var(--white);*/
/* font-size: 14px;*/
/* font-weight: 600;*/
/* display: inline-block;*/
/* color: #222;*/
/* line-height: 38px;*/
/* padding-left: 18px;*/
/* padding-right: 18px;*/
/* letter-spacing: -0.5px;*/
/* transition: 0.2s ease;*/
/* margin-top: 10px;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comments .comment-reply-title #cancel-comment-reply-link {*/
/* top: 0;*/
/* margin-top: 0;*/
/* position: absolute;*/
/* right: 15px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-reply-title #cancel-comment-reply-link:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/* border-color: var(--e-global-color-lprimary1) !important;*/
/* text-decoration: none;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comments .comment-reply-title {*/
/* margin-bottom: 30px;*/
/* padding-right: 150px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments .comment-reply-title {*/
/* font-size: 30px;*/
/* letter-spacing: -0.3px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-reply-title:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*!* Comment notes - e.g. "Your email address will not be published. Required fields are marked" *!*/
/*.comment-notes {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* width: 100%;*/
/* font-size: 15px;*/
/* font-weight: 300;*/
/* line-height: 20px;*/
/* text-align: left;*/
/* color: var(--septenary);*/
/* margin-bottom: 20px;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .comment-notes {*/
/* margin-top: -20px;*/
/* margin-bottom: 30px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-form-comment {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* width: 100%;*/
/* margin-bottom: 20px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments .comment-form-comment {*/
/* margin-bottom: 30px;*/
/* }*/
/*}*/
/*.listivo-comments .comment-form-comment textarea {*/
/* resize: vertical;*/
/* height: 140px;*/
/* vertical-align: top;*/
/* width: 100%;*/
/* padding: 25px 30px;*/
/* min-height: 44px;*/
/*}*/
/*.listivo-comments .comment-form-author,*/
/*.listivo-comments .comment-form-email,*/
/*.listivo-comments .comment-form-url {*/
/* width: 100%;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* margin-bottom: 20px;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comments .comment-form-author,*/
/* .listivo-comments .comment-form-email,*/
/* .listivo-comments .comment-form-url {*/
/* width: 33.333%;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments .comment-form-author,*/
/* .listivo-comments .comment-form-email,*/
/* .listivo-comments .comment-form-url {*/
/* margin-bottom: 30px;*/
/* }*/
/*}*/
/*!* Logged in - only textarea + post comment button *!*/
/*.comment-form-comment + .form-submit {*/
/* margin-top: 0 !important;*/
/*}*/
/*!* Comment cookie consent - e.g. "Save my name, email, and website in this browser for the next time I comment." *!*/
/*.listivo-comments .comment-form-cookies-consent {*/
/* margin: 0px 15px 10px 15px;*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* color: #6d6d6d;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-comments .comment-form-cookies-consent:hover {*/
/* color: var(--e-global-color-lprimary1) !important;*/
/* }*/
/* .listivo-comments .comment-form-cookies-consent:hover label {*/
/* color: var(--e-global-color-lprimary1) !important;*/
/* }*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input {*/
/* position: absolute;*/
/* opacity: 0;*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input + label {*/
/* line-height: 23px;*/
/* display: block;*/
/* position: relative;*/
/* cursor: pointer;*/
/* min-height: 20px;*/
/* padding: 0 0 0 30px;*/
/* color: var(--text-2);*/
/* font-size: 16px;*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input + label:before {*/
/* position: absolute;*/
/* top: 2px;*/
/* left: 0;*/
/* content: "";*/
/* display: inline-block;*/
/* vertical-align: text-top;*/
/* width: 20px;*/
/* height: 20px;*/
/* background: var(--white);*/
/* border: 1px solid var(--border-color);*/
/* border-radius: var(--radius-xs);*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input:disabled + label {*/
/* color: #b8b8b8;*/
/* cursor: auto;*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input:disabled + label:before {*/
/* box-shadow: none;*/
/* background: #ddd;*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input:checked + label:after {*/
/* content: "\f00c";*/
/* position: absolute;*/
/* font-family: "Font Awesome 5 Free";*/
/* left: 5px;*/
/* font-weight: 900;*/
/* color: var(--white);*/
/* font-size: 11px;*/
/* top: 0;*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input:checked + label {*/
/* color: var(--septenary);*/
/*}*/
/*.listivo-comments .comment-form-cookies-consent input:checked + label:before {*/
/* background: var(--e-global-color-lprimary1) !important;*/
/* border-color: var(--e-global-color-lprimary1) !important;*/
/*}*/
/*.listivo-comments .form-submit {*/
/* margin-bottom: 0;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* display: block;*/
/* width: 100%;*/
/* margin-left: auto;*/
/* margin-top: 20px;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comments .form-submit {*/
/* display: inline-block;*/
/* }*/
/*}*/
/*!* Comments *!*/
/*.listivo-comments {*/
/* display: flex;*/
/* width: 100%;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* margin-bottom: 50px;*/
/*}*/
/*.listivo-comments:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.comment-navigation {*/
/* margin-top: 35px;*/
/*}*/
/*.comment-navigation a {*/
/* transition: 0.2s ease;*/
/*}*/
/*.comment-navigation a:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-comments__heading-top-count {*/
/* margin-bottom: 10px;*/
/* margin-top: 50px;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-comments__heading-top-count {*/
/* margin-bottom: 0;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comments__heading-top-count {*/
/* font-size: 30px;*/
/* letter-spacing: -0.3px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .comment-respond + .listivo-comments__heading-top-count {*/
/* margin-top: 100px;*/
/* }*/
/*}*/
/*.listivo-comment {*/
/* position: relative;*/
/* float: left;*/
/* width: 100%;*/
/*}*/
/*.listivo-comment:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-comment .listivo-comment__content {*/
/* display: inline-block;*/
/* float: left;*/
/* width: 100%;*/
/* position: relative;*/
/* padding-top: 30px;*/
/* padding-bottom: 0;*/
/*}*/
/*.listivo-comment .listivo-comment__content:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content {*/
/* padding-top: 50px;*/
/* }*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content {*/
/* padding-left: 90px;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__avatar {*/
/* margin-bottom: 5px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__avatar > img {*/
/* border-radius: var(--radius-rounded);*/
/* width: 70px;*/
/* height: 70px;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__avatar > img {*/
/* border: 1px solid var(--border-color);*/
/* }*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__avatar {*/
/* margin-bottom: 24px;*/
/* position: absolute;*/
/* top: 30px;*/
/* left: 0;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) and (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__avatar {*/
/* top: 50px;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__bg {*/
/* padding: 25px 25px 80px 25px;*/
/* border-radius: var(--radius-l);*/
/* background-color: var(--content-light);*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__bg {*/
/* padding: 45px;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__bg a:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__top {*/
/* width: 100%;*/
/* display: flex;*/
/* align-items: center;*/
/* margin-bottom: 3px;*/
/* flex-wrap: wrap;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__top {*/
/* position: relative;*/
/* padding-right: 100px;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__user-name {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-size: 20px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.2px;*/
/* line-height: 24px;*/
/* margin-right: 13px;*/
/* margin-bottom: 25px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__user-name a {*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text {*/
/* font-size: 16px;*/
/* line-height: 27px;*/
/* color: var(--text-2);*/
/* word-break: break-word;*/
/* width: 100%;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text p {*/
/* margin-top: 0;*/
/* margin-bottom: 25px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text p:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text pre {*/
/* white-space: pre-wrap;*/
/* word-wrap: break-word;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text table {*/
/* color: #181d28;*/
/* text-align: left;*/
/* border-collapse: collapse;*/
/* font-size: 14px;*/
/* line-height: 20px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__text table th, .listivo-comment .listivo-comment__content .listivo-comment__text table td {*/
/* padding: 10px;*/
/* border: 1px solid #e5e5e5;*/
/* min-width: 80px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__date {*/
/* color: var(--text-2);*/
/* font-family: Inter;*/
/* font-size: 12px;*/
/* font-weight: 500;*/
/* margin: 0 13px 0 0;*/
/* position: relative;*/
/* top: -12px;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__date a {*/
/* background: rgba(0, 0, 0, 0.05);*/
/* border: 1px solid var(--border-color);*/
/* color: #6d6d6d;*/
/* padding: 4px;*/
/* font-size: 12px;*/
/* border-radius: var(--radius-xs);*/
/* margin-left: 5px;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__date a:hover {*/
/* color: var(--black);*/
/* border-color: var(--black);*/
/* background: rgba(0, 0, 0, 0.1);*/
/* }*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__date a:hover {*/
/* color: var(--black);*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__date i {*/
/* color: var(--e-global-color-lprimary1);*/
/* position: relative;*/
/* margin-right: 6px;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__date {*/
/* width: 100%;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__reply {*/
/* margin-bottom: 10px;*/
/* position: absolute;*/
/* bottom: 15px;*/
/* left: 25px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-comment .listivo-comment__content .listivo-comment__reply {*/
/* right: 0;*/
/* left: initial;*/
/* bottom: initial;*/
/* top: -8px;*/
/* }*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__reply a {*/
/* border-radius: var(--radius-m);*/
/* border: 1px solid var(--border-color);*/
/* background-color: var(--white);*/
/* font-size: 14px;*/
/* font-weight: 600;*/
/* display: inline-block;*/
/* float: left;*/
/* margin: 0;*/
/* line-height: 38px;*/
/* padding-left: 18px;*/
/* padding-right: 18px;*/
/* letter-spacing: -0.5px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__reply a svg {*/
/* fill: var(--e-global-color-lprimary1);*/
/* margin-right: 8px;*/
/* width: 16px;*/
/* position: relative;*/
/* top: 3px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-comment .listivo-comment__content .listivo-comment__reply a:hover {*/
/* border-color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-comment.pingback .listivo-comment__avatar, .listivo-comment.trackback .listivo-comment__avatar {*/
/* background: var(--content-light);*/
/* height: 70px;*/
/* width: 70px;*/
/* border-radius: var(--radius-rounded);*/
/*}*/
/*.listivo-comment.pingback .listivo-comment__avatar:after, .listivo-comment.trackback .listivo-comment__avatar:after {*/
/* content: "\f35d";*/
/* font-weight: 900;*/
/* font-family: "Font Awesome 5 Free";*/
/* right: 50px;*/
/* position: absolute;*/
/* top: 26px;*/
/* left: 29px;*/
/* z-index: 40;*/
/*}*/
/*.listivo-comment__moderate {*/
/* padding: 0 0 25px;*/
/* margin-top: -15px;*/
/* background: var(--e-global-color-lprimary3);*/
/* color: var(--e-global-color-lprimary1);*/
/* width: 100%;*/
/* font-weight: bold;*/
/*}*/
/*.listivo-comment {*/
/* position: relative;*/
/*}*/
/*.listivo-comment.depth-2 .listivo-comment__content {*/
/* margin-left: 23px;*/
/* width: calc(100% - 23px);*/
/*}*/
/*@media (min-width: 1400px) {*/
/* .listivo-comment.depth-2 .listivo-comment__content {*/
/* margin-left: 45px;*/
/* width: calc(100% - 45px);*/
/* }*/
/*}*/
/*.listivo-comment.depth-3 .listivo-comment__content {*/
/* margin-left: 45px;*/
/* width: calc(100% - 45px);*/
/*}*/
/*@media (min-width: 1400px) {*/
/* .listivo-comment.depth-3 .listivo-comment__content {*/
/* margin-left: 90px;*/
/* width: calc(100% - 90px);*/
/* }*/
/*}*/
/*.listivo-comment.depth-4 .listivo-comment__content {*/
/* margin-left: 68px;*/
/* width: calc(100% - 68px);*/
/*}*/
/*@media (min-width: 1400px) {*/
/* .listivo-comment.depth-4 .listivo-comment__content {*/
/* margin-left: 135px;*/
/* width: calc(100% - 135px);*/
/* }*/
/*}*/
/*.listivo-comment.depth-5 .listivo-comment__content {*/
/* margin-left: 90px;*/
/* width: calc(100% - 90px);*/
/*}*/
/*@media (min-width: 1400px) {*/
/* .listivo-comment.depth-5 .listivo-comment__content {*/
/* margin-left: 180px;*/
/* width: calc(100% - 180px);*/
/* }*/
/*}*/
.listivo-user-address-wrapper {
display: flex;
width: 100%;
}
.listivo-user-address {
display: flex;
padding-left: 30px;
position: relative;
}
.listivo-user-address svg {
stroke: var(--e-global-color-lprimary1);
height: 20px;
position: absolute;
left: 0;
top: 0;
}
/* 4. General */
/* Hero Section V1 */
.listivo-hero:after {
clear: both;
content: "";
display: table;
}
.listivo-hero .listivo-popular-wrapper {
margin-top: 30px;
}
@media (min-width: 1025px) {
.listivo-hero .listivo-popular-wrapper {
margin-top: 45px;
}
}
@media (max-width: 1024px) {
.listivo-hero .listivo-popular {
color: #fff;
margin-bottom: 5px;
max-width: 548px;
margin-left: auto;
margin-right: auto;
}
.listivo-hero .listivo-popular a {
color: #fff;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-hero .listivo-popular {
max-width: none;
justify-content: center;
}
}
.listivo-hero .listivo-shape-triangle {
position: absolute;
top: -10px;
left: 46px;
}
.listivo-hero .listivo-shape-triangle svg {
fill: var(--e-global-color-lsupport1);
}
@media (max-width: 1024px) {
.listivo-hero {
min-width: auto !important;
}
}
.listivo-hero__inner {
max-width: 1710px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
@media screen and (min-width: 1025px) {
.listivo-hero__inner {
padding-left: 30px;
padding-right: 30px;
}
}
.listivo-hero__top {
position: relative;
}
@media (min-width: 1025px) {
.listivo-hero__top {
display: inline-block;
}
}
.listivo-hero__top h1 {
color: #fff;
text-align: center;
}
@media (min-width: 1025px) {
.listivo-hero__top h1 {
color: #222;
text-align: left;
}
}
.listivo-pretty-heading {
font-family: var(--font-heading);
font-weight: 700;
font-style: normal;
line-height: normal;
font-size: 20px;
text-align: center;
color: #fff;
position: relative;
z-index: 2;
letter-spacing: -0.6px;
}
@media (min-width: 1025px) {
.listivo-pretty-heading {
font-size: 24px;
text-align: left;
color: var(--e-global-color-lprimary1);
}
}
.listivo-pretty-heading svg {
position: absolute;
right: 33px;
top: -64px;
width: 36px;
height: 39px;
fill: #eff9fc;
}
@media (max-width: 1024px) {
.listivo-pretty-heading svg {
display: none;
}
}
.listivo-hero__main {
position: relative;
display: inline-block;
z-index: 20;
margin-top: 45px;
margin-bottom: 45px;
width: 100%;
}
@media (min-width: 768px) {
.listivo-hero__main {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media (min-width: 1025px) {
.listivo-hero__main {
margin-top: 100px;
margin-bottom: 100px;
}
}
.listivo-hero__search-form {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1024px) {
.listivo-hero__search-form {
max-width: 540px;
}
}
@media (min-width: 1025px) {
.listivo-hero__search-form {
max-width: none;
margin-top: 60px;
}
}
.listivo-hero__cloud {
display: none;
}
@media (min-width: 1025px) {
.listivo-hero__cloud {
display: block;
position: absolute;
top: -30px;
left: -59px;
}
}
.listivo-hero__images {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1025px) {
.listivo-hero__images {
opacity: 1;
left: 50%;
height: 645px;
}
}
@media (min-width: 1025px) {
.listivo-hero__images {
left: 630px;
}
}
@media (min-width: 1400px) {
.listivo-hero__images {
left: 700px;
}
}
@media (min-width: 1724px) {
.listivo-hero__images {
left: 820px;
}
}
.listivo-hero__image:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 3;
}
@media (min-width: 1025px) {
.listivo-hero__image:after {
display: none;
}
}
.listivo-hero__images-container {
display: flex;
position: relative;
height: 100%;
}
.listivo-hero__circle-pattern {
position: absolute;
top: 6px;
left: -102px;
background: url("assets/img/pattern.png") no-repeat;
width: 121px;
height: 133px;
z-index: 0;
}
.listivo-hero__image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
@media (min-width: 1025px) {
.listivo-hero__image {
width: 600px;
clip-path: url(#listivo-hero-image);
}
}
@media (min-width: 1200px) {
.listivo-hero__image {
width: 300px;
}
}
@media (min-width: 1260px) {
.listivo-hero__image {
width: 350px;
}
}
@media (min-width: 1281px) {
.listivo-hero__image {
width: 400px;
}
}
@media (min-width: 1500px) {
.listivo-hero__image {
width: 450px;
}
}
@media (min-width: 1600px) {
.listivo-hero__image {
width: 500px;
}
}
@media (min-width: 1800px) {
.listivo-hero__image {
width: 600px;
}
}
.listivo-hero__image img {
width: 100%;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.listivo-hero__image--second {
display: none;
}
.listivo-hero__image--second img {
display: none;
}
@media (min-width: 1200px) {
.listivo-hero__image--second {
display: block;
margin-top: 15px;
margin-left: 25px;
}
.listivo-hero__image--second img {
display: block;
}
}
.listivo-hero__arrow {
display: none;
}
@media (min-width: 1025px) {
.listivo-hero__arrow {
display: block;
position: absolute;
right: -97px;
bottom: -13px;
}
.listivo-hero__arrow svg {
fill: var(--e-global-color-lprimary1);
width: 71px;
height: 71px;
transform: scaleX(-1);
}
}
.listivo-hero__image-clip {
z-index: -1;
position: absolute;
right: 100vw;
pointer-events: none;
width: 600px;
height: 630px;
transform: translateZ(0) !important;
will-change: transform !important;
}
.listivo-hero__subheading {
position: relative;
margin-bottom: 10px;
}
@media (min-width: 1025px) {
.listivo-hero__subheading {
margin-bottom: 15px;
}
}
.listivo-hero__wave svg {
fill: var(--e-global-color-lsupport1);
position: absolute;
bottom: 35px;
left: -95px;
}
@media (max-width: 1024px) {
.listivo-hero__wave {
display: none;
}
}
.listivo-hero__arrow-up svg {
fill: var(--e-global-color-lsupport1);
position: absolute;
bottom: -81px;
left: 53px;
}
@media (max-width: 1024px) {
.listivo-hero__arrow-up {
display: none;
}
}
.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.2s ease;
}
.listivo-hero-search-v2__term:hover {
background-color: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v2__icon {
width: 35px;
}
.listivo-hero-search-v2__icon svg {
width: 100%;
height: auto;
fill: #ffffff;
}
.listivo-hero-search-v3 {
margin: 0 auto;
position: relative;
max-width: 1650px;
display: flex;
}
@media (min-width: 1200px) {
.listivo-hero-search-v3 {
min-height: 775px;
padding-top: 175px;
}
}
.listivo-hero-search-v3__content {
max-width: 1200px;
width: 100%;
padding: 0 15px;
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
margin: 0 auto;
}
@media (max-width: 1199px) {
.listivo-hero-search-v3__content {
align-items: center;
padding-bottom: 60px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__search-form {
margin-top: 60px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__heading {
font-size: 42px;
line-height: 48px;
font-weight: 700;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__small-heading {
font-size: 30px;
margin-bottom: 12px;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__wave {
display: none;
}
.listivo-hero-search-v3__content .listivo-hero-search-v3__circle {
display: none;
}
}
@media (min-width: 1200px) {
.listivo-hero-search-v3__content {
flex-direction: row;
justify-content: space-between;
}
}
.listivo-hero-search-v3__heading-container {
display: flex;
flex-direction: column;
margin-top: 170px;
position: relative;
}
.listivo-hero-search-v3__small-heading {
color: var(--e-global-color-lprimary1);
font-family: var(--font-text);
font-size: 38px;
font-weight: 400;
letter-spacing: -0.95px;
margin-bottom: 24px;
}
.listivo-hero-search-v3__heading {
color: var(--text-1);
font-family: var(--font-text);
font-size: 70px;
line-height: 77px;
font-weight: 800;
position: relative;
}
@media (max-width: 1199px) {
.listivo-hero-search-v3__heading {
text-align: center;
}
}
.listivo-hero-search-v3__heading span {
position: relative;
}
.listivo-hero-search-v3__heading span:after {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 913.000000 42.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,42.000000) scale(0.100000,-0.100000)' fill='rgb(255, 193, 74)' stroke='none'><path d='M7962 404 c-11 -12 -33 -14 -100 -12 -48 1 -240 -1 -427 -5 -187 -4 -506 -10 -710 -13 -354 -5 -415 -7 -603 -19 -185 -11 -867 -23 -1392 -25 -124 -1 -360 -6 -525 -11 -385 -14 -451 -15 -1170 -23 -411 -5 -646 -12 -745 -22 -86 -9 -301 -17 -530 -20 -244 -3 -422 -10 -485 -19 -90 -13 -202 -18 -640 -30 -77 -2 -189 -11 -250 -19 -60 -9 -151 -16 -202 -16 -50 0 -103 -4 -116 -9 -33 -13 -40 -47 -21 -109 l17 -52 193 0 c123 0 194 4 194 10 0 6 14 10 30 10 17 0 30 -4 30 -10 0 -15 107 -13 112 2 5 13 100 18 562 32 115 4 263 11 330 16 67 5 312 14 546 20 234 5 529 14 655 20 234 10 529 16 1255 25 637 8 931 14 1270 25 173 5 506 15 740 21 675 17 689 17 820 28 69 5 217 10 330 11 271 1 727 18 815 30 39 5 254 9 478 10 452 0 580 9 635 46 l32 22 -32 23 c-20 14 -50 24 -77 26 -26 1 -111 7 -191 13 -80 5 -187 10 -238 11 -65 0 -96 5 -106 15 -17 16 -106 19 -106 4 0 -5 -9 -10 -20 -10 -11 0 -20 5 -20 10 0 6 -61 10 -162 10 -133 -1 -165 -4 -176 -16z '/></g></svg>");
width: 85%;
position: absolute;
bottom: -12px;
left: 0;
margin-top: -15px;
z-index: -1;
}
.listivo-hero-search-v3__circle {
position: absolute;
width: 158px;
height: 175px;
bottom: -202px;
left: 433px;
}
.listivo-hero-search-v3__circle svg {
width: 100%;
height: 100%;
}
.listivo-hero-search-v3__wave {
position: absolute;
left: -101px;
top: -63px;
width: 65px;
height: 35px;
}
.listivo-hero-search-v3__wave svg {
width: 100%;
}
.listivo-hero-search-v3__search-form {
max-width: 540px;
width: 100%;
}
.listivo-hero-search-v3__search-form .listivo-field {
display: flex;
flex-direction: column;
}
.listivo-hero-search-v3__search-form .listivo-field--1 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--2 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--3 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__search-form .listivo-field--4 {
grid-area: unset;
grid-gap: 20px;
}
.listivo-hero-search-v3__mask-outer {
position: absolute;
top: -823px;
left: 195px;
z-index: 2;
width: 100%;
}
.listivo-hero-search-v3__mask-outer svg {
width: 1984px;
height: 1613px;
}
.listivo-hero-search-v3__mask-outer svg path {
fill: var(--e-global-color-lprimary3);
}
.listivo-hero-search-v3__mask-inner {
position: absolute;
top: -853px;
left: 174px;
z-index: 3;
}
.listivo-hero-search-v3__mask-inner svg {
width: 1984px;
height: 1613px;
}
.listivo-hero-search-v3__mask-inner svg path {
fill: var(--e-global-color-lprimary1);
}
.listivo-hero-search-v3__mask-left {
position: absolute;
top: -50px;
left: -790px;
}
.listivo-hero-search-v3__mask-left svg {
width: 909px;
height: 810px;
}
.listivo-hero-search-v3__mask-left svg path {
fill: var(--e-global-color-lprimary3);
}
.listivo-hero-search-v3 .listivo-field--double {
grid-area: span 1/span 1;
}
/* Breadcrumbs */
.listivo-breadcrumbs-wrapper {
overflow: hidden;
max-width: 100%;
margin-bottom: -7px;
display: flex;
}
.listivo-breadcrumbs-wrapper--center .listivo-breadcrumbs {
justify-content: center;
}
.listivo-breadcrumbs-wrapper--right .listivo-breadcrumbs {
justify-content: flex-end;
}
.listivo-breadcrumbs-wrapper:after {
clear: both;
content: "";
display: table;
}
.listivo-breadcrumbs {
min-height: 10px;
display: flex;
flex-wrap: wrap;
}
.listivo-breadcrumbs:after {
clear: both;
content: "";
display: table;
}
.listivo-breadcrumbs__single {
display: inline-block;
color: var(--text-5);
white-space: nowrap;
}
.listivo-breadcrumbs__link {
display: inline-block;
margin-bottom: 7px;
float: left;
transition: 0.2s ease;
}
.listivo-breadcrumbs__link:hover {
color: var(--e-global-color-lprimary1) !important;
}
.listivo-breadcrumbs__last {
color: var(--text-5);
margin-bottom: 7px;
}
@media (max-width: 767px) {
.listivo-breadcrumbs__last {
padding-right: 15px;
margin-right: 15px;
}
}
.listivo-breadcrumbs__separator {
display: inline-block;
position: relative;
margin-left: 13px;
margin-right: 13px;
}
.listivo-breadcrumbs__separator svg {
fill: var(--e-global-color-lprimary1);
}
.listivo-breadcrumbs {
width: 100%;
}
@media (max-width: 767px) {
.listivo-breadcrumbs {
display: flex;
overflow-x: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
.listivo-breadcrumbs > * {
width: auto;
display: inline-flex;
}
.listivo-breadcrumbs > *:first-child {
margin-left: 15px;
}
.listivo-breadcrumbs > *:last-child {
margin-right: 15px;
padding-right: 0;
}
}
/* Tabs general */
.listivo-tabs {
display: flex;
flex-wrap: wrap;
margin-bottom: -15px;
}
.listivo-tabs .listivo-tab {
border-radius: var(--radius-m);
cursor: pointer;
height: 41px;
line-height: 41px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
text-align: center;
padding: 0 30px;
margin-right: 15px;
transition: 0.2s ease;
background: var(--white);
margin-bottom: 15px;
}
@media screen and (min-width: 1025px) {
.listivo-tabs .listivo-tab {
background: transparent;
}
}
.listivo-tabs .listivo-tab:last-of-type {
margin-right: 0;
}
@media screen and (min-width: 1025px) {
.listivo-tabs .listivo-tab:hover {
color: var(--white);
background-color: var(--e-global-color-lprimary1);
box-shadow: var(--shadow-m);
}
}
.listivo-tabs .listivo-tab--active {
color: var(--white);
background-color: var(--e-global-color-lprimary1) !important;
box-shadow: var(--shadow-m);
border-radius: var(--radius-m);
}
@media (max-width: 767px) {
.listivo-tabs {
display: flex;
overflow-x: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
.listivo-tabs .listivo-tab {
border: 1px solid var(--border-color);
background: #fff;
}
.listivo-tabs .listivo-tab--active {
background: var(--e-global-color-lprimary1);
border-color: var(--e-global-color-lprimary1);
}
.listivo-tabs > * {
width: auto;
display: inline-flex;
}
.listivo-tabs > *:first-child {
margin-left: 15px;
}
.listivo-tabs > *:last-child {
margin-right: 15px !important;
}
}
/* Services */
.listivo-services {
margin: 0 -15px -35px;
}
@media (min-width: 768px) {
.listivo-services {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.listivo-service-wrapper {
padding: 0 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 35px;
}
@media screen and (min-width: 1025px) {
.listivo-service-wrapper {
display: flex;
width: 33.333%;
padding: 0 5px;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 1025px) {
.listivo-service-wrapper {
padding: 0 15px;
}
}
.listivo-service {
max-width: 100%;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
display: flex;
align-items: center;
margin: 0 auto 0 auto;
position: relative;
padding: 40px 30px;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.listivo-service {
flex-direction: row;
padding: 45px;
}
}
@media screen and (min-width: 1025px) {
.listivo-service {
flex-direction: column;
padding: 50px 35px;
}
}
@media (min-width: 1100px) {
.listivo-service {
padding: 70px 35px;
}
}
.listivo-service--no-border {
border: 0 solid transparent !important;
}
@media screen and (min-width: 1025px) {
.listivo-service__arrow {
content: "";
position: absolute;
top: 50%;
margin-top: -52px;
right: -4.0625rem;
width: 8.25rem;
height: 2.75rem;
z-index: 1;
}
.listivo-service__arrow svg {
width: 132px;
height: 44px;
}
.listivo-service__arrow path {
fill: var(--e-global-color-lprimary1);
}
}
.listivo-service .listivo-service__image {
padding: 0 0 30px 0;
}
@media screen and (min-width: 768px) {
.listivo-service .listivo-service__image {
padding: 0 35px 0 0;
}
}
@media screen and (min-width: 1025px) {
.listivo-service .listivo-service__image {
padding: 0 10px 45px 10px;
}
}
.listivo-service .listivo-service__image img {
display: block;
}
@media (max-width: 767px) {
.listivo-service .listivo-service__image img {
height: 190px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-service .listivo-service__image img {
height: initial;
min-width: 190px;
}
}
@media screen and (min-width: 1025px) {
.listivo-service .listivo-service__image img {
height: 190px;
}
}
.listivo-service__content {
display: flex;
flex-direction: column;
align-items: center;
max-width: 320px;
}
@media screen and (min-width: 768px) {
.listivo-service__content {
max-width: none;
}
}
.listivo-service__title {
width: 100%;
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
margin-bottom: 15px;
text-align: center;
display: block;
}
@media screen and (min-width: 768px) {
.listivo-service__title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
@media screen and (min-width: 768px) {
.listivo-service__title {
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.listivo-service__title {
font-size: 30px;
letter-spacing: -0.3px;
width: 90%;
margin-right: auto;
}
}
@media screen and (min-width: 1025px) {
.listivo-service__title {
margin-bottom: 20px;
text-align: center;
}
}
.listivo-service__text {
color: var(--text-2);
line-height: 28px;
text-align: center;
}
@media screen and (min-width: 768px) {
.listivo-service__text {
text-align: left;
}
}
@media screen and (min-width: 1025px) {
.listivo-service__text {
text-align: center;
}
}
.listivo-testimonials {
position: relative;
max-width: 1920px;
margin-top: -30px;
margin-left: auto;
margin-right: auto;
}
.listivo-testimonials__inner {
width: 100%;
margin: 0;
}
.listivo-testimonials__arrows {
display: none;
flex-wrap: wrap;
position: absolute;
top: 50%;
margin-top: -4rem;
z-index: 1;
width: 100%;
}
@media (min-width: 1024px) {
.listivo-testimonials__arrows {
display: flex;
}
}
.listivo-testimonials__arrow-prev {
position: absolute;
left: 15px;
}
.listivo-testimonials__arrow-next {
position: absolute;
right: 15px;
}
@media (min-width: 1200px) {
.listivo-testimonials .listivo-swiper-slide-prev .listivo-testimonial {
margin-left: 45px;
margin-right: -15px;
}
.listivo-testimonials .listivo-swiper-slide-active .listivo-testimonial {
margin-left: 15px;
margin-right: 15px;
}
.listivo-testimonials .listivo-swiper-slide-next .listivo-testimonial {
margin-right: 45px;
margin-left: -15px;
}
}
.listivo-testimonials .listivo-swiper-slide-prev,
.listivo-testimonials .listivo-swiper-slide-next {
cursor: pointer;
}
.listivo-testimonials .listivo-swiper-slide-active .listivo-testimonial {
box-shadow: var(--shadow-m);
}
.listivo-testimonials .listivo-swiper-slide-active .listivo-testimonial__icon i {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 767px) {
.listivo-testimonials .listivo-swiper-slide {
padding-left: 15px;
padding-right: 15px;
}
.listivo-testimonials .listivo-swiper-slide .listivo-testimonial {
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}
.listivo-testimonial {
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
background-color: var(--white);
padding: 50px 30px;
margin-left: 15px;
margin-right: 15px;
margin-top: 30px;
transition: box-shadow 0.2s;
position: relative;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial {
padding: 45px 55px;
}
}
@media (min-width: 768px) {
.listivo-testimonial {
margin-left: auto;
margin-right: auto;
}
}
.listivo-testimonial__top {
text-align: center;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial__top {
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
}
.listivo-testimonial__image {
width: 100px;
height: 100px;
border-radius: var(--radius-rounded);
overflow: hidden;
margin: 0 auto 20px;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial__image {
margin: 0 25px 0 0;
}
}
.listivo-testimonial__image img {
display: block;
object-fit: cover !important;
width: 100px !important;
height: 100px !important;
}
.listivo-testimonial__top-content {
margin-right: auto;
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
}
.listivo-testimonial__top-content .listivo-testimonial__top-content__name {
font-size: 20px;
letter-spacing: -0.2px;
font-family: var(--font-heading);
font-weight: 700;
margin-bottom: 4px;
}
.listivo-testimonial__top-content .listivo-testimonial__top-content__title {
font-size: 14px;
color: var(--text-2);
}
.listivo-testimonial__text {
margin-right: auto;
display: flex;
flex-direction: column;
color: var(--text-2);
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial__text {
text-align: left;
}
}
.listivo-testimonial__icon {
position: absolute;
z-index: 1;
top: 35px;
right: 45px;
}
@media (min-width: 1400px) {
.listivo-testimonial__icon {
top: 73px;
right: 55px;
}
}
.listivo-testimonial__icon i {
transition: color 0.2s ease;
color: #e4f5f9;
font-size: 45px;
}
.listivo-testimonial__stars {
margin: 10px auto 0;
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial__stars {
margin: 10px 0 0 0;
}
}
.listivo-testimonial__star {
margin-right: 0.1875rem;
color: #edb510;
font-size: 11px;
}
.listivo-testimonial__star:last-child {
margin-right: 0;
}
.listivo-testimonial__bottom {
margin-top: 2rem;
text-align: center;
}
@media screen and (min-width: 1025px) {
.listivo-testimonial__bottom {
text-align: left;
}
}
.listivo-testimonial__via {
margin-top: 34px;
position: relative;
background-color: var(--content-light);
font-size: 14px;
border-radius: var(--radius-m);
height: 50px;
padding: 0 25px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
}
.listivo-testimonial__via--with-icon {
padding: 0 25px 0 25px;
}
.listivo-testimonial__via-icon {
margin-left: 15px;
margin-right: -25px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--senary);
background-color: var(--content-medium);
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
padding: 18px 16px 17px 21px;
transition: 0.2s ease;
}
/* Testimonials Loading */
@media (min-width: 1280px) {
.listivo-app .listivo-testimonials .listivo-swiper-slide {
width: 33.333%;
}
.listivo-app .listivo-testimonials .listivo-swiper-slide:nth-child(1) {
padding-left: 45px;
}
.listivo-app .listivo-testimonials .listivo-swiper-slide:nth-child(2) {
padding-right: 22px;
padding-left: 22px;
}
.listivo-app .listivo-testimonials .listivo-swiper-slide:nth-child(3) {
padding-right: 45px;
}
}
a.listivo-testimonial__via:hover {
background: var(--e-global-color-lprimary1);
color: #fff;
}
a.listivo-testimonial__via:hover .listivo-testimonial__via-icon {
background-color: var(--e-global-color-lprimary2);
color: #fff;
}
@media (min-width: 1280px) and (max-width: 1500px) {
.listivo-testimonial {
padding: 50px 40px;
}
.listivo-testimonial__image {
width: 80px;
height: 80px;
margin: 0 15px 0 0;
}
.listivo-testimonial__image img {
display: block;
object-fit: cover !important;
width: 80px !important;
height: 80px !important;
}
.listivo-testimonial__icon {
position: absolute;
z-index: 1;
top: 68px;
right: 41px;
}
}
/* Phone */
.listivo-phone {
transition: 0.2s ease;
}
.listivo-phone-with-icon {
color: var(--e-global-color-lprimary1);
position: relative;
padding-left: 40px;
min-height: 41px;
}
.listivo-phone-with-icon svg {
position: absolute;
top: 0;
left: 0;
fill: var(--content-dark);
height: 41px;
}
.listivo-phone-with-icon span {
font-size: 30px;
font-weight: 700;
float: left;
font-family: var(--font-text);
}
/* Hidden phone */
.listivo-phone-hidden {
width: 100%;
height: 95px;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
}
.listivo-phone-hidden > * {
transition: 0.2s ease;
}
.listivo-phone-hidden svg {
margin-right: 14px;
font-size: 35px;
color: var(--content-dark);
color: var(--e-global-color-lprimary1);
}
.listivo-phone-hidden:hover {
border-color: var(--content-dark);
}
.listivo-phone-hidden__placeholder,
.listivo-phone-hidden__number {
font-size: 24px;
line-height: 24px;
font-weight: 800;
color: var(--e-global-color-lprimary1);
}
.listivo-phone-hidden__reveal {
font-size: 18px;
font-weight: 400;
padding-left: 20px;
color: #222222;
}
@media screen and (min-width: 768px) {
.listivo-user__hidden-phone--v2 svg {
height: 47px !important;
width: auto !important;
}
.listivo-user__hidden-phone--v2 .listivo-phone-hidden__col {
display: flex;
flex-direction: column;
text-align: left;
}
.listivo-user__hidden-phone--v2 .listivo-phone-hidden__col .listivo-phone-hidden__reveal {
margin-top: 5px;
padding-left: 0;
}
}
/* Call to action section */
.listivo-cta {
position: relative;
width: 100%;
background-size: cover;
display: flex;
}
@media screen and (min-width: 1025px) {
.listivo-cta {
height: 600px;
}
}
.listivo-cta__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
z-index: 2;
}
.listivo-cta__top {
display: inline-block;
position: relative;
}
.listivo-cta__triangle {
position: absolute;
right: 15px;
top: -29px;
}
@media screen and (min-width: 768px) {
.listivo-cta__triangle {
right: -48px;
}
}
.listivo-cta__triangle svg {
fill: var(--e-global-color-lsupport1);
width: 29px;
height: 29px;
}
.listivo-cta__inner {
position: relative;
max-width: 1200px;
z-index: 10;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media screen and (min-width: 1025px) {
.listivo-cta__inner {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 1025px) {
.listivo-cta__inner {
text-align: left;
}
}
.listivo-cta__arrow {
position: absolute;
top: 195px;
width: 8.25rem;
height: 10.75rem;
z-index: 1;
}
@media screen and (min-width: 768px) {
.listivo-cta__arrow {
right: 191px;
}
}
@media screen and (min-width: 1025px) {
.listivo-cta__arrow {
right: 206px;
}
}
.listivo-cta__arrow svg {
fill: var(--e-global-color-lsecondary1);
}
@media (max-width: 1024px) {
.listivo-cta__arrow {
display: none;
}
}
.listivo-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: 9;
}
.listivo-cta__first-image {
position: absolute;
overflow: hidden;
z-index: 1;
top: 126px;
width: 92px;
height: 92px;
border-radius: var(--radius-rounded);
border: 6px solid var(--white);
right: 360px;
}
@media screen and (min-width: 1025px) {
.listivo-cta__first-image {
right: 375px;
}
}
.listivo-cta__first-image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-cta__first-image {
display: none;
}
}
.listivo-cta__second-image {
position: absolute;
overflow: hidden;
z-index: 1;
top: 342px;
right: 15px;
width: 136px;
height: 136px;
border-radius: var(--radius-rounded);
border: 8px solid var(--white);
}
@media screen and (min-width: 768px) {
.listivo-cta__second-image {
right: 30px;
}
}
.listivo-cta__second-image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
object-fit: cover;
}
@media (max-width: 1024px) {
.listivo-cta__second-image {
display: none;
}
}
.listivo-cta__left {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-top: 70px;
padding-bottom: 70px;
}
@media screen and (min-width: 1025px) {
.listivo-cta__left {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1025px) {
.listivo-cta__left {
padding-top: 184px;
padding-bottom: 160px;
}
}
.listivo-cta__small-text {
color: var(--white);
font-size: 24px;
font-weight: 700;
letter-spacing: -0.6px;
margin-bottom: 20px;
display: inline-block;
font-family: var(--font-heading);
}
.listivo-cta__text {
position: relative;
color: var(--white);
margin-bottom: 30px;
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.listivo-cta__text {
margin-bottom: 40px;
}
}
@media screen and (min-width: 768px) {
.listivo-cta__text {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.listivo-cta__text {
font-size: 54px;
letter-spacing: -1.35px;
}
}
@media (max-width: 414px) {
.listivo-cta__text {
font-size: 26px;
}
}
.listivo-cta__text span {
position: relative;
white-space: nowrap;
}
.listivo-cta__text span:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 364 9' %3E%3Cpath d='M 40.01 0.75 C 76.35 0.99 112.64 1.27 148.98 1.82 C 166.98 1.74 185.00 1.93 203.00 2.01 C 223.22 2.31 243.46 2.02 263.68 2.48 C 281.79 3.26 299.91 2.62 318.00 3.57 C 328.67 3.99 339.34 3.84 349.99 4.48 C 354.44 4.64 358.78 4.44 363.14 5.56 C 362.37 6.72 361.59 7.87 360.78 9.00 L 359.90 9.00 C 351.89 8.35 344.01 8.66 336.00 8.45 C 309.34 7.82 282.66 7.38 256.00 7.01 C 208.01 6.61 159.98 6.66 112.00 5.80 C 92.00 5.77 72.00 5.01 52.00 4.97 C 40.33 4.76 28.66 4.72 17.00 4.30 C 11.09 4.02 5.76 4.73 0.00 2.87 L 0.00 2.65 C 13.13 0.90 26.78 0.94 40.01 0.75 Z' fill='%23ffc14a'/%3E%3C/svg%3E");
width: 100%;
position: absolute;
left: 0;
margin-top: -15px;
z-index: 4;
bottom: -10px;
}
@media screen and (min-width: 768px) {
.listivo-cta__text span:after {
bottom: -13px;
}
}
@media screen and (min-width: 1200px) {
.listivo-cta__text span:after {
bottom: -17px;
}
}
/* Social profiles */
.listivo-social-profiles__single {
display: inline-block;
width: 32px;
height: 32px;
border-radius: var(--radius-rounded);
background: var(--content-dark);
color: var(--white);
margin-right: 7px;
font-size: 14px;
text-align: center;
line-height: 34px;
transition: 0.2s ease;
}
.listivo-social-profiles__single:hover {
background: var(--e-global-color-lprimary1);
}
.listivo-social-profiles--user .listivo-social-profiles__single {
width: 35px;
height: 35px;
background: var(--white);
color: rgba(11, 67, 85, 0.6);
}
.listivo-social-profiles--user .listivo-social-profiles__single:hover {
color: var(--white);
background: var(--e-global-color-lprimary1);
}
/* 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.2s ease;
}
.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;
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.2s ease;
}
.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-column-gap: 30px;
grid-row-gap: 40px;
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-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: 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 {
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;
}
/* 5. Terms */
/* Terms with images */
.listivo-terms {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -15px -45px -15px;
}
@media screen and (min-width: 768px) {
.listivo-terms {
margin: 0 -15px -60px -15px;
}
}
.listivo-term-single-wrapper {
padding: 0 15px;
width: 100%;
max-width: 360px;
}
.listivo-term-single-wrapper:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 500px) {
.listivo-term-single-wrapper {
max-width: initial;
width: 50%;
}
}
@media (min-width: 1024px) {
.listivo-term-single-wrapper {
width: 33.33333%;
}
}
.listivo-term-single-wrapper > svg {
position: absolute;
right: 100vw;
pointer-events: none;
z-index: -1;
}
.listivo-term-container {
position: relative;
padding-top: 91.7%;
margin-bottom: 45px;
}
@media (min-width: 768px) and (max-width: 780px) {
.listivo-term-container {
margin-bottom: 45px;
}
}
@media screen and (min-width: 768px) {
.listivo-term-container {
margin-bottom: 60px;
}
}
.listivo-term-single {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.listivo-term-single__image {
width: 100%;
height: 100% !important;
object-fit: cover;
}
@media (min-width: 1199px) {
.listivo-term-single__image {
height: 325px !important;
}
}
.listivo-term-single__name {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-heading);
color: var(--white);
position: absolute;
left: 0;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
}
@media screen and (min-width: 768px) {
.listivo-term-single__name {
font-size: 30px;
letter-spacing: -0.3px;
}
}
@media (min-width: 768px) and (max-width: 780px) {
.listivo-term-single__name {
font-size: 24px;
}
}
.listivo-term-single__count {
position: absolute;
left: 0;
bottom: -90px;
width: 100%;
height: 5.625rem;
background-color: var(--e-global-color-lprimary1);
display: flex;
padding-top: 0.875rem;
justify-content: center;
transition: bottom 300ms ease;
}
.listivo-term-single__count span {
color: var(--white);
font-weight: 500;
}
.listivo-term-single:hover .listivo-term-single__count {
bottom: 0px;
}
/* Main categories */
.listivo-main-categories-wrapper {
margin: 0 -15px;
}
.listivo-main-categories {
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
.listivo-main-categories {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
.listivo-main-categories .listivo-main-category-wrapper {
padding: 0 15px 30px;
position: relative;
}
@media (min-width: 359px) and (max-width: 500px) {
.listivo-main-categories .listivo-main-category-wrapper {
width: 100%;
max-width: 360px;
}
.listivo-main-categories .listivo-main-category-wrapper .listivo-main-category {
padding-top: 45px;
padding-bottom: 45px;
}
}
.listivo-main-categories .listivo-main-category {
display: flex;
flex-direction: column;
align-items: center;
min-width: 204px;
border-radius: var(--radius-l);
padding: 1.75rem;
box-shadow: var(--shadow-s);
transition: all 500ms ease;
}
@media (min-width: 1200px) {
.listivo-main-categories .listivo-main-category {
width: 100%;
}
}
@media screen and (min-width: 1025px) {
.listivo-main-categories .listivo-main-category:hover {
background-color: var(--content-dark);
}
.listivo-main-categories .listivo-main-category:hover .listivo-main-category__bottom span {
color: var(--white);
}
.listivo-main-categories .listivo-main-category:hover .listivo-main-category__overlay, .listivo-main-categories .listivo-main-category:hover .listivo-main-category__icon-m {
fill: var(--quaternary) !important;
}
.listivo-main-categories .listivo-main-category:hover .listivo-main-category__icon {
color: #fff;
fill: var(--white);
}
}
.listivo-main-categories .listivo-main-category__top {
position: relative;
width: 6.625rem;
height: 6.4375rem;
margin-bottom: 1.375rem;
}
.listivo-main-categories .listivo-main-category__bottom span {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-main-categories .listivo-main-category__bottom span {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-main-categories .listivo-main-category__overlay {
position: absolute;
top: 0;
left: 0;
width: 6.625rem;
height: 6.4375rem;
z-index: 0;
-webkit-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
fill: var(--content-light);
}
.listivo-main-categories .listivo-main-category__icon {
position: relative;
z-index: 1;
width: 4.375rem;
margin-top: 1.125rem;
margin-left: 1.25rem;
fill: var(--text-1);
transition: all 300ms ease;
text-align: center;
}
.listivo-main-categories .listivo-main-category__icon i {
font-size: 54px;
line-height: 61px;
}
.listivo-main-categories .listivo-main-category__icon svg {
height: 54px;
width: 54px;
}
.listivo-main-categories .listivo-main-category__icon-m {
position: absolute;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
fill: var(--content-light);
}
.listivo-main-categories .listivo-main-category__icon-m--left-top {
top: -9px;
left: -36px;
}
.listivo-main-categories .listivo-main-category__icon-m--left-bottom {
bottom: -26px;
left: -36px;
}
.listivo-main-categories .listivo-main-category__icon-m--right-bottom {
bottom: -26px;
right: -36px;
}
.listivo-main-categories .listivo-main-category__icon-m--right-top {
right: -9px;
top: -36px;
}
.listivo-main-category .listivo-icon-standard {
display: block;
}
.listivo-main-category .listivo-icon-hovered {
display: none;
}
@media screen and (min-width: 1025px) {
.listivo-main-category:hover .listivo-icon-standard {
display: none;
}
.listivo-main-category:hover .listivo-icon-hovered {
display: block;
}
}
/* 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-field__icon {
position: absolute;
height: 80%;
top: 10%;
width: 60px;
right: 1px;
text-align: right;
padding-right: 36px;
border-top-right-radius: var(--radius-l) !important;
border-bottom-left-radius: var(--radius-l) !important;
cursor: pointer;
}
.listivo-field__icon:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -10px;
height: 20px;
font-size: 14px;
line-height: 20px;
}
.listivo-field__icon--clear:after {
content: "\f00d";
display: inline-block;
font-size: 14px;
transition: 0.2s ease;
z-index: 3;
}
.listivo-field__icon--clear:hover:after {
color: var(--e-global-color-lprimary1);
}
.listivo-field__icon--arrow:after {
content: "\f078";
display: inline-block;
}
.listivo-field__location .listivo-field__icon--clear {
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
}
.listivo-field--active input {
border: 1px solid var(--content-dark);
color: var(--content-dark);
}
.listivo-field--active .listivo-field__location {
border: 1px solid var(--content-dark);
}
.listivo-field--keyword {
position: relative;
}
.listivo-field--keyword .listivo-keyword-icon svg {
position: absolute;
left: 27px;
top: 50%;
margin-top: -12px;
z-index: 2;
width: 24px;
height: 24px;
}
.listivo-field--keyword input[type=text] {
padding-left: 60px !important;
}
.listivo-field--keyword .listivo-select__option {
font-weight: 700;
}
@media (min-width: 1024px) {
.listivo-field--keyword .listivo-select__options {
max-height: none;
}
}
.listivo-field__location {
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;
display: flex;
padding: 0;
}
.listivo-field__location-input {
position: relative;
width: 100%;
}
.listivo-field__location-input--my-location input[type=text] {
padding-left: 60px;
}
.listivo-field__location-input input[type=text] {
width: 100%;
border: none !important;
}
.listivo-field__location-input svg {
position: absolute;
top: 50%;
margin-top: -12px;
left: 27px;
z-index: 2;
cursor: pointer;
width: 24px;
height: 24px;
}
.listivo-field__set-my-location i {
position: absolute;
top: 50%;
margin-top: -14px;
left: 24px;
z-index: 20;
font-size: 16px;
cursor: pointer;
padding: 6px;
}
.listivo-field__set-my-location:hover i {
color: var(--e-global-color-lprimary1);
}
.listivo-field__set-my-location .listivo-field__set-my-location-label {
opacity: 0;
white-space: nowrap;
box-shadow: var(--shadow-s);
position: absolute;
left: 0;
bottom: -19px;
display: inline-block;
background: #232732;
padding: 7px 15px;
font-size: 14px !important;
line-height: 1 !important;
color: var(--white);
margin: 4px 12px -6px 8px;
border-radius: var(--radius-xs);
z-index: 9998;
transition: all 0.2s ease;
}
.listivo-field__set-my-location .listivo-field__set-my-location-label:after {
content: "";
position: absolute;
top: -9px;
left: 20px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #232732;
}
@media (min-width: 1024px) {
.listivo-field__set-my-location svg:hover + .listivo-field__set-my-location-label,
.listivo-field__set-my-location i:hover + .listivo-field__set-my-location-label {
opacity: 1;
}
}
.listivo-field__location-radius {
white-space: nowrap;
position: relative;
}
.listivo-field__location-radius .listivo-select {
box-shadow: none !important;
}
.listivo-field__location-radius .listivo-select__dropdown {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.listivo-field__location-radius:after {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -14px;
height: 28px;
width: 1px;
background: var(--border-color);
}
.listivo-field__location-radius .listivo-select__field {
border: none;
min-width: 150px;
padding-right: 63px;
text-align: center;
}
.listivo-fields {
display: flex;
width: 100%;
flex-direction: column;
}
.listivo-fields-primary {
background: var(--nonary);
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.listivo-fields-primary {
padding-top: 30px;
padding-bottom: 30px;
}
}
.listivo-fields-primary input[type=text], .listivo-fields-primary input[type=number] {
line-height: 32px;
}
@media screen and (min-width: 1025px) {
.listivo-fields-primary {
padding-left: 15px;
padding-right: 15px;
}
}
.listivo-fields-primary:after {
clear: both;
content: "";
display: table;
}
.listivo-fields-primary .listivo-field__location,
.listivo-fields-primary .listivo-field--keyword input[type=text] {
box-shadow: 0 0 28px 2px rgba(6, 46, 59, 0.15) !important;
}
.listivo-fields-primary__inner {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative;
padding: 0 15px;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
@media (min-width: 1024px) {
.listivo-fields-primary__inner {
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
}
.listivo-fields-primary__inner .listivo-field .listivo-relative > input {
box-shadow: 0 0 28px 2px rgba(6, 46, 59, 0.15) !important;
}
.listivo-fields-primary__inner .listivo-field .listivo-field__fields {
grid-gap: 30px;
}
.listivo-fields-primary__inner .listivo-field .listivo-select {
box-shadow: 0 0 28px 2px rgba(6, 46, 59, 0.15);
border-radius: var(--radius-l);
}
.listivo-fields-primary__inner .listivo-field--1 {
display: grid;
grid-gap: 30px;
}
.listivo-fields-primary__inner .listivo-field--2 {
display: grid;
grid-gap: 30px;
}
.listivo-fields-primary__inner .listivo-field--3 {
display: grid;
grid-gap: 30px;
}
.listivo-fields-primary__inner .listivo-field--4 {
display: grid;
grid-gap: 30px;
}
.listivo-fields-primary__inner .listivo-field__fields {
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.listivo-fields-primary__inner .listivo-field__fields {
grid-template-columns: repeat(2, 0.5fr);
}
}
.listivo-fields-secondary {
background: var(--content-light);
}
.listivo-fields-secondary__inner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 0.5fr));
grid-gap: 30px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.listivo-fields-secondary__inner .listivo-field .listivo-field__fields {
grid-gap: 30px;
}
.listivo-fields-secondary__inner .listivo-field--1 {
grid-gap: 30px;
}
.listivo-fields-secondary__inner .listivo-field--2 {
grid-gap: 30px;
}
.listivo-fields-secondary__inner .listivo-field--3 {
grid-gap: 30px;
}
.listivo-fields-secondary__inner .listivo-field--4 {
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.listivo-fields-secondary__inner {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media screen and (min-width: 1025px) {
.listivo-fields-secondary__inner {
padding-left: 30px;
padding-right: 30px;
}
}
/*@media (min-width: 1360px) {*/
/* .listivo-map-search .listivo-fields-secondary__inner {*/
/* padding-left: 0;*/
/* padding-right: 0;*/
/* }*/
/*}*/
.listivo-results-bar {
display: flex;
margin: 0 auto;
padding: 20px 15px 0px;
flex-direction: column;
align-items: start;
}
@media screen and (min-width: 768px) {
.listivo-results-bar {
flex-direction: row;
padding: 35px 15px 0;
justify-content: space-between;
}
}
@media screen and (min-width: 1025px) {
.listivo-results-bar {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 1200px) {
.listivo-results-bar {
padding: 45px 15px 0;
max-width: 1170px;
}
}
.listivo-results-bar__count {
margin-bottom: 20px;
}
.listivo-results-bar__count-big {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
padding-bottom: 20px;
padding-top: 4px;
margin-right: 10px;
}
@media screen and (min-width: 768px) {
.listivo-results-bar__count-big {
font-size: 36px;
letter-spacing: -0.36px;
}
}
@media (min-width: 768px) {
.listivo-results-bar__count-big {
display: inline-block;
}
}
.listivo-results-bar__count-big svg {
display: block;
width: 117px;
fill: var(--e-global-color-lsecondary1);
position: absolute;
}
.listivo-results-bar__count h1 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
display: inline-block;
}
@media (min-width: 768px) {
.listivo-results-bar__count h1 {
padding-right: 10px;
}
}
@media screen and (min-width: 768px) {
.listivo-results-bar__count {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.listivo-results-bar__right {
display: flex;
margin-left: auto;
align-items: center;
}
}
.listivo-results-bar__sort {
min-width: 100%;
}
.listivo-results-bar__sort .listivo-select {
min-width: 215px;
height: 60px;
}
@media (min-width: 600px) {
.listivo-results-bar__sort {
min-width: initial;
}
}
@media screen and (min-width: 768px) {
.listivo-results-bar__sort {
display: flex;
align-items: center;
margin-right: 20px;
}
}
.listivo-results-bar__sort-label {
font-weight: 600;
margin-right: 25px;
display: none;
}
@media screen and (min-width: 768px) {
.listivo-results-bar__sort-label {
display: block;
min-width: 100px;
text-align: right;
}
}
.listivo-results-bar__grids {
display: none;
}
@media (min-width: 500px) {
.listivo-results-bar__grids {
display: flex;
}
}
.listivo-results-bar__grid {
width: 60px;
height: 60px;
text-align: center;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
cursor: pointer;
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-results-bar__grid {
margin-left: 8px;
}
}
.listivo-results-bar__grid svg {
position: relative;
top: 14px;
height: 30px;
cursor: pointer;
transition: 0.2s ease;
}
.listivo-results-bar__grid:hover {
border-color: var(--e-global-color-lprimary1);
}
.listivo-results-bar__grid:hover svg {
stroke: var(--e-global-color-lprimary1);
}
.listivo-results-bar__grid--active {
border-color: var(--e-global-color-lprimary1);
background: var(--e-global-color-lprimary1);
}
.listivo-results-bar__grid--active svg {
stroke: var(--white);
}
.listivo-results-bar__grid--active:hover svg {
stroke: var(--white);
}
@media (max-width: 767px) {
.listivo-results-bar {
position: relative;
}
.listivo-results-bar__grids {
position: absolute;
top: 20px;
right: 15px;
}
.listivo-results-bar__grid {
right: 10px;
width: 42px;
height: 42px;
margin-left: 6px;
}
.listivo-results-bar__grid svg {
height: 17px;
top: 12px;
}
}
.listivo-results-user {
margin-bottom: -20px;
}
@media screen and (min-width: 768px) {
.listivo-results-user {
margin-bottom: -45px;
}
}
.listivo-results-user .listivo-results-bar {
padding-top: 0;
}
.listivo-user-results {
margin-left: -15px;
margin-right: -15px;
}
.listivo-user-results .listivo-cards {
max-width: none;
}
.listivo-user-results .listivo-listing-card__user {
display: none;
}
/*.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: 0 9px 39px 1px rgba(0, 0, 0, 0.1);*/
/* 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-html-map-sticky {*/
/* overflow: initial;*/
/*}*/
/*.listivo-map-search {*/
/* display: flex;*/
/* width: 100%;*/
/*}*/
/*@media (min-width: 1200px) {*/
/* .listivo-map-search .listivo-fields-primary__inner {*/
/* padding-top: 0;*/
/* padding-bottom: 0;*/
/* }*/
/* .listivo-map-search .listivo-fields-secondary__inner {*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* }*/
/* .listivo-map-search .listivo-listings {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* }*/
/* .listivo-map-search .listivo-results-bar {*/
/* padding-left: 30px !important;*/
/* padding-right: 30px !important;*/
/* }*/
/* .listivo-map-search .listivo-pagination-desktop {*/
/* margin-bottom: 0px;*/
/* }*/
/*}*/
/*.listivo-map-search__left {*/
/* margin-bottom: 50px !important;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-map-search__left {*/
/* margin-bottom: 70px !important;*/
/* }*/
/*}*/
/*@media (min-width: 1025px) and (max-width: 1500px) {*/
/* .listivo-map-search__left .listivo-results-bar__sort-label {*/
/* display: none;*/
/* }*/
/*}*/
/*.listivo-map-search__left h1 {*/
/* display: block;*/
/* font-size: 16px;*/
/* margin-top: -10px;*/
/*}*/
/*@media (min-width: 1025px) and (max-width: 1100px) {*/
/* .listivo-map-search__left {*/
/* min-width: 700px;*/
/* }*/
/*}*/
/*@media (min-width: 1101px) and (max-width: 1345px) {*/
/* .listivo-map-search__left {*/
/* min-width: 750px;*/
/* }*/
/*}*/
/*@media (min-width: 1346px) {*/
/* .listivo-map-search__left {*/
/* min-width: 840px;*/
/* }*/
/*}*/
/*@media (min-width: 1025px) {*/
/* .listivo-map-search__left .listivo-fields-secondary__inner,*/
/* .listivo-map-search__left .listivo-fields-primary {*/
/* grid-gap: 20px !important;*/
/* padding-top: 20px !important;*/
/* padding-bottom: 20px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary__inner {*/
/* grid-gap: 20px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field__location,*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field--keyword input[type=text] {*/
/* box-shadow: none !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field--keyword input[type=text] {*/
/* padding-left: 48px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field--keyword .listivo-keyword-icon svg {*/
/* left: 20px !important;*/
/* width: 20px;*/
/* height: 20px;*/
/* margin-top: -10px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-select__placeholder {*/
/* left: 48px;*/
/* font-size: 14px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field__location-input svg {*/
/* left: 20px !important;*/
/* width: 20px;*/
/* height: 20px;*/
/* margin-top: -10px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary .listivo-field__location-input--my-location input[type=text] {*/
/* padding-left: 48px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary input[type=text],*/
/* .listivo-map-search__left .listivo-fields-primary input[type=number] {*/
/* padding: 10px 20px 10px 20px;*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-primary input[type=text]::placeholder,*/
/* .listivo-map-search__left .listivo-fields-primary input[type=number]::placeholder {*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner {*/
/* grid-template-columns: repeat(auto-fill, minmax(200px, 0.5fr));*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner .listivo-field--1,*/
/* .listivo-map-search__left .listivo-fields-secondary__inner .listivo-field__fields {*/
/* grid-gap: 20px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner input[type=text],*/
/* .listivo-map-search__left .listivo-fields-secondary__inner input[type=number] {*/
/* padding: 10px 20px 10px 20px;*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner input[type=text]::placeholder,*/
/* .listivo-map-search__left .listivo-fields-secondary__inner input[type=number]::placeholder {*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner .listivo-select {*/
/* height: 50px;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner .listivo-select__field {*/
/* padding: 10px 20px 10px 20px !important;*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-fields-secondary__inner .listivo-select .listivo-field__icon:after {*/
/* font-size: 10px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar {*/
/* padding-top: 20px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__count {*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__count svg {*/
/* display: block;*/
/* width: 90px;*/
/* fill: var(--e-global-color-lsecondary1);*/
/* margin-top: 0;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__sort {*/
/* margin-right: 2px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__sort .listivo-select {*/
/* height: 50px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__sort .listivo-select__field {*/
/* padding: 10px 20px 10px 20px !important;*/
/* font-size: 14px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__grid {*/
/* width: 50px;*/
/* height: 50px;*/
/* }*/
/* .listivo-map-search__left .listivo-results-bar .listivo-results-bar__grid svg {*/
/* height: 20px;*/
/* }*/
/*}*/
/*@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {*/
/* .listivo-map-search__left .listivo-cards-list {*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* }*/
/*}*/
/*@media (min-width: 1025px) and (min-width: 1200px) {*/
/* .listivo-map-search__left .listivo-cards-list-v2 {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* }*/
/*}*/
/*@media (min-width: 1025px) {*/
/* .listivo-map-search__left .listivo-listing-card-row {*/
/* padding-left: 0 !important;*/
/* padding-right: 0 !important;*/
/* margin-bottom: 0;*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__left {*/
/* border-radius: 4px !important;*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__inner {*/
/* min-height: 220px;*/
/* border: 0;*/
/* box-shadow: none !important;*/
/* margin-bottom: 20px;*/
/* padding-bottom: 20px;*/
/* border-radius: 0 !important;*/
/* border-bottom: 1px solid var(--border-color);*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__content {*/
/* padding: 20px;*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__name {*/
/* font-size: 22px;*/
/* letter-spacing: -0.22px;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* margin-bottom: 12px;*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__price {*/
/* font-size: 22px;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* color: var(--content-dark);*/
/* display: block;*/
/* }*/
/* .listivo-map-search__left .listivo-listing-card-row__text {*/
/* display: none;*/
/* }*/
/*}*/
/*.listivo-map-search__right {*/
/* width: 100%;*/
/*}*/
/*.listivo-map-results {*/
/* width: 100%;*/
/* height: 100%;*/
/* display: flex;*/
/*}*/
/*.listivo-map__search-as-i-move-wrapper {*/
/* position: relative;*/
/*}*/
/*.listivo-map__search-as-i-move {*/
/* top: 10px;*/
/* left: 15px;*/
/* background: var(--white);*/
/* padding: 0 9px;*/
/* position: absolute;*/
/* z-index: 401;*/
/* font-weight: 600;*/
/* box-shadow: var(--shadow-s);*/
/* border-radius: var(--radius-xs);*/
/* color: var(--octonary);*/
/* font-size: 16px;*/
/*}*/
/*@media (min-width: 1450px) {*/
/* .listivo-map__search-as-i-move {*/
/* left: 50%;*/
/* transform: translateX(-50%);*/
/* }*/
/*}*/
/*.listivo-map__search-as-i-move .listivo-checkbox {*/
/* margin: 11px 0 !important;*/
/*}*/
/*.listivo-map__search-as-i-move .listivo-checkbox:hover {*/
/* color: var(--octonary) !important;*/
/*}*/
/*.listivo-map__search-as-i-move__loader {*/
/* position: absolute;*/
/* top: 3px;*/
/* left: 0;*/
/* width: 100%;*/
/* text-align: center;*/
/* right: 0;*/
/* opacity: 0;*/
/*}*/
/*.listivo-map__search-as-i-move__loader svg {*/
/* transform: scale(0.5);*/
/* display: inline-block;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-map-container {*/
/* position: sticky;*/
/* top: 0;*/
/* }*/
/*}*/
/*.listivo-map-search .listivo-results-bar {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/*}*/
/*@media (min-width: 1025px) {*/
/* .listivo-map-search .listivo-results-bar {*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* }*/
/*}*/
/*@media (max-width: 1024px) {*/
/* .listivo-map-search__mobile-buttons {*/
/* display: block;*/
/* position: fixed;*/
/* bottom: 30px;*/
/* text-align: center;*/
/* z-index: 100001;*/
/* width: 100%;*/
/* }*/
/* .listivo-map-search__mobile-buttons .listivo-button {*/
/* box-shadow: var(--shadow-m);*/
/* }*/
/* .listivo-map-search__right {*/
/* display: none;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-map-view .listivo-map-search__left {*/
/* display: none;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-map-view .listivo-map-search__right {*/
/* display: block;*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100vh;*/
/* z-index: 100000;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-map-view .listivo-map-calculate-height {*/
/* height: 100vh !important;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-map-view .listivo-button--map-view {*/
/* display: none;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-listings-view .listivo-map-search__left {*/
/* width: 100%;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-listings-view .listivo-map-search__right {*/
/* display: none;*/
/* }*/
/* .listivo-map-search-wrapper--mobile-listings-view .listivo-button--listings-view {*/
/* display: none;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-map-search__mobile-buttons {*/
/* 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-label--clicked {*/
/* z-index: 100 !important;*/
/*}*/
/*.leaflet-marker-icon.listivo-marker-label--active {*/
/* z-index: 101 !important;*/
/*}*/
/*.listivo-marker-label {*/
/* transition: transofrm 0.2s ease;*/
/* transform: translateX(-50%);*/
/* overflow: visible !important;*/
/* z-index: 99999;*/
/* padding-top: 5px;*/
/* width: auto !important;*/
/* height: auto !important;*/
/* white-space: nowrap;*/
/*}*/
/*.listivo-marker-label--active {*/
/* z-index: 99999999999 !important;*/
/*}*/
/*.listivo-marker-label--active .listivo-marker-label-icon,*/
/*.listivo-marker-label--active .listivo-marker-label-price {*/
/* background: var(--content-dark);*/
/* color: var(--white);*/
/*}*/
/*.listivo-marker-label--clicked {*/
/* z-index: 99999999999 !important;*/
/*}*/
/*.listivo-marker-label--clicked .listivo-marker-label-icon,*/
/*.listivo-marker-label--clicked .listivo-marker-label-price {*/
/* color: var(--white);*/
/* background: var(--content-dark);*/
/*}*/
/*.listivo-marker-label:hover {*/
/* z-index: 99999999999 !important;*/
/*}*/
/*.listivo-marker-label:hover .listivo-marker-label-icon,*/
/*.listivo-marker-label:hover .listivo-marker-label-price {*/
/* background: var(--content-dark);*/
/* color: var(--white);*/
/*}*/
/*.leaflet-marker-icon .listivo-marker-label {*/
/* position: absolute;*/
/*}*/
/*.listivo-marker-label-price {*/
/* padding: 5px 8px;*/
/* background: var(--white);*/
/* border-radius: 20px;*/
/* border-color: 1px solid var(--border-color);*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* font-weight: 700;*/
/* position: relative;*/
/* transform: 0.2s ease;*/
/*}*/
/*.listivo-marker-label-price:hover {*/
/* background: var(--content-dark);*/
/* color: var(--white);*/
/* z-index: 99999999999 !important;*/
/*}*/
/*.listivo-marker-label-icon {*/
/* background: var(--white);*/
/* border-radius: var(--radius-rounded);*/
/* font-size: 18px;*/
/* line-height: 34px;*/
/* width: 34px;*/
/* text-align: center;*/
/* border-color: 1px solid var(--border-color);*/
/* position: relative;*/
/* z-index: 99999;*/
/* transform: 0.2s ease;*/
/*}*/
/*.listivo-marker-label-icon:before {*/
/* content: "\f3c5";*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* font-size: 18px;*/
/*}*/
/*.listivo-listing-infowindow {*/
/* display: block;*/
/* background: var(--white);*/
/* border-radius: var(--radius-l) !important;*/
/* box-shadow: var(--shadow-m) !important;*/
/* transition: all 0.2s ease;*/
/* min-width: 250px;*/
/* overflow: hidden;*/
/* position: relative;*/
/* text-align: center;*/
/* top: 20px;*/
/*}*/
/*.infoBox > img[src="https://www.google.com/intl/en_us/mapfiles/close.gif"] {*/
/* display: none;*/
/*}*/
/*.listivo-listing-infowindow__close {*/
/* position: absolute;*/
/* top: 17px;*/
/* right: 17px;*/
/* border-radius: var(--radius-rounded);*/
/* z-index: 3;*/
/* text-align: center;*/
/* background: var(--white);*/
/*}*/
/*.listivo-listing-infowindow__close:after {*/
/* display: block;*/
/* content: "\f00d";*/
/* font-family: "Font Awesome 5 Free";*/
/* font-size: 16px;*/
/* font-weight: 900;*/
/* width: 32px;*/
/* line-height: 32px;*/
/* color: var(--black);*/
/*}*/
/*.listivo-listing-infowindow__image {*/
/* position: relative;*/
/* height: 150px;*/
/*}*/
/*.listivo-listing-infowindow__image img {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* max-width: 100%;*/
/* max-height: 100%;*/
/* object-fit: cover;*/
/* width: 100%;*/
/*}*/
/*.listivo-listing-infowindow__image--placeholder {*/
/* background: #eff0f1;*/
/*}*/
/*.listivo-listing-infowindow__image--placeholder .listivo-car-card__image__icon:after {*/
/* font-size: 32px;*/
/*}*/
/*.listivo-listing-infowindow__name {*/
/* padding: 15px 30px;*/
/* overflow: hidden;*/
/* text-overflow: ellipsis;*/
/* white-space: nowrap;*/
/* font-weight: 700;*/
/* color: #222732;*/
/* font-size: 14px;*/
/* line-height: 20px;*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-listing-infowindow__label {*/
/* position: absolute;*/
/* z-index: 2;*/
/* background: var(--e-global-color-lprimary1);*/
/* width: auto;*/
/* padding: 3px 0px;*/
/* font-weight: 600;*/
/* text-align: center;*/
/* color: var(--white);*/
/* transform: rotate(-41deg);*/
/* margin-left: 0;*/
/* left: -64px;*/
/* top: 16px;*/
/* min-width: 200px;*/
/* max-width: 200px;*/
/*}*/
/*@media (min-width: 1023px) {*/
/* .listivo-listing-infowindow__label {*/
/* font-size: 16px;*/
/* line-height: 1.75;*/
/* }*/
/*}*/
/*.listivo-search-mobile-more-button {*/
/* padding: 20px 15px;*/
/*}*/
/*.listivo-search-mobile-more-button button {*/
/* height: 64px;*/
/* box-shadow: 0 0 28px 2px rgba(5, 35, 44, 0.13);*/
/* 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-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__mobile-dropdown-top {
padding: 30px 15px 0;
min-height: 90px;
}
@media (min-width: 1024px) {
.listivo-select__mobile-dropdown-top {
display: none;
}
}
.listivo-select__mobile-title {
padding-right: 60px;
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.listivo-select__mobile-title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-select__mobile-close {
position: absolute;
text-align: center;
line-height: 30px;
top: 30px;
right: 15px;
width: 30px;
height: 30px;
}
.listivo-select__mobile-dropdown-bottom {
margin-top: auto;
text-align: center;
padding: 0 15px 35px;
}
@media (min-width: 1024px) {
.listivo-select__mobile-dropdown-bottom {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.listivo-select__mobile-dropdown-bottom {
display: none;
}
}
.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;
}
/*!* Pac - Google Maps Adress Dropdown *!*/
/*.pac-container {*/
/* z-index: 9999 !important;*/
/* border-radius: var(--radius-l) !important;*/
/* border: none !important;*/
/* margin-top: 5px;*/
/* padding: 10px 0;*/
/* box-shadow: var(--shadow-s);*/
/* font-family: inherit;*/
/*}*/
/*.pac-container .pac-item {*/
/* border: none !important;*/
/* cursor: pointer;*/
/* line-height: 40px;*/
/* padding-left: 30px;*/
/* padding-right: 0px;*/
/* color: var(--octonary);*/
/*}*/
/*.pac-container .pac-item:last-child {*/
/* margin-bottom: 6px;*/
/*}*/
/*.pac-container .pac-item-query {*/
/* font-size: 16px;*/
/* font-weight: 700;*/
/*}*/
/*.pac-container .pac-item {*/
/* font-size: 12px;*/
/*}*/
/*.pac-container .pac-item-selected {*/
/* background: var(--nonary);*/
/* font-weight: initial !important;*/
/*}*/
/*.pac-container .pac-item-selected span {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.pac-container .pac-icon {*/
/* display: none;*/
/*}*/
/*.pac-container .pac-matched {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .pac-container {*/
/* z-index: 100000 !important;*/
/* }*/
/*}*/
/*.pac-container .pac-item:hover {*/
/* background: transparent;*/
/*}*/
/*.pac-container .pac-item:hover span {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.pac-logo:after {*/
/* margin-right: 30px !important;*/
/* margin-bottom: 5px !important;*/
/*}*/
/* Popular terms */
.listivo-popular-wrapper:after {
clear: both;
content: "";
display: table;
}
.listivo-popular {
color: var(--black);
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.listivo-popular {
justify-content: center;
}
}
.listivo-popular__label {
font-weight: 600;
display: inline-block;
float: left;
margin-right: 11px;
}
@media (max-width: 599px) {
.listivo-popular__label {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
text-align: center;
}
}
.listivo-popular__comma {
display: inline-block;
margin-right: 5px;
}
.listivo-popular__glue {
white-space: nowrap;
}
.listivo-popular a {
color: var(--black);
display: inline-block;
white-space: nowrap;
transition: 0.2s ease;
position: relative;
}
@media screen and (min-width: 768px) {
.listivo-popular a {
color: var(--text-2);
}
.listivo-popular a:after {
content: "";
background: var(--e-global-color-lprimary1);
height: 1px;
width: 80%;
bottom: -3px;
display: block;
position: absolute;
left: 0;
right: 0;
opacity: 0;
margin: 0 auto;
transition: 0.2s ease;
}
.listivo-popular a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-popular a:hover:after {
width: 100%;
bottom: -1px;
opacity: 1;
}
}
/* Searches List */
.listivo-searches-list {
margin: 0 -15px;
}
.listivo-searches-list__inner {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.listivo-searches-list__column {
width: 100%;
padding: 0 15px;
}
@media (max-width: 767px) {
.listivo-searches-list__column {
margin-bottom: 45px;
}
}
@media screen and (min-width: 768px) {
.listivo-searches-list__column {
width: 33.333%;
}
}
.listivo-searches-list__column a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listivo-searches-list__column a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-searches-list__title {
display: flex;
flex-direction: column;
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-searches-list__title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-searches-list__title svg {
margin-top: 12px;
width: 117px;
fill: var(--e-global-color-lsecondary1);
}
.listivo-cards-list {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.listivo-cards-list {
margin-top: 35px;
}
}
@media screen and (min-width: 1025px) {
.listivo-cards-list {
padding-left: 15px;
padding-right: 15px;
}
}
.listivo-cards-list__inner {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
@media screen and (min-width: 768px) {
.listivo-cards-list__inner {
margin-bottom: -45px;
}
}
.listivo-cards-list__inner .listivo-listing-card {
padding: 0 15px;
}
@media (min-width: 500px) {
.listivo-cards-list__inner .listivo-listing-card {
width: 50%;
}
}
@media (min-width: 1023px) {
.listivo-cards-list__inner .listivo-listing-card {
width: 33.33333333%;
}
}
/*.listivo-cards-list__inner .listivo-listing-card,*/
/*.listivo-cards-list__inner .listivo-listing-card-row {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/*}*/
/*@media (min-width: 500px) and (max-width: 767px) {*/
/* .listivo-cards-list {*/
/* margin-left: -5px;*/
/* margin-right: -5px;*/
/* padding: 0 15px;*/
/* }*/
/* .listivo-cards-list .listivo-listing-card,*/
/* .listivo-cards-list .listivo-listing-card-row {*/
/* padding-left: 5px;*/
/* padding-right: 5px;*/
/* }*/
/*}*/
.listivo-cards-list-v2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
grid-column-gap: 30px;
grid-row-gap: 45px;
margin: 0 auto;
padding: 0 15px;
margin-top: 20px;
}
@media (min-width: 1200px) {
.listivo-cards-list-v2 {
max-width: 1140px;
}
}
.listivo-cards-list-v2 .listivo-listing-card {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.listivo-cards-list-v2 {
margin-top: 35px;
}
}
@media (min-width: 1025px) {
.listivo-cards-list-v2 {
padding: 0 30px;
}
}
@media (min-width: 1200px) {
.listivo-cards-list-v2 {
padding: 0;
}
}
.listivo-listing-card {
width: 100%;
margin-bottom: 25px;
}
@media screen and (min-width: 700px) {
.listivo-listing-card {
margin-bottom: 45px;
}
}
.listivo-listing-card__inner {
display: flex;
flex-direction: column;
background-color: var(--white);
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
overflow: hidden;
height: 100%;
justify-content: space-between;
position: relative;
transition: box-shadow 0.2s ease;
}
.listivo-listing-card__inner:hover {
cursor: pointer;
box-shadow: var(--shadow-s);
}
.listivo-listing-card__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.listivo-listing-card__top {
position: relative;
overflow: hidden;
border-radius: var(--radius-l);
background-color: #cccccc;
padding-bottom: 75%;
display: flex;
}
.listivo-listing-card__top::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
height: 122px;
z-index: 1;
}
.listivo-listing-card__preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
z-index: 0;
}
.listivo-listing-card__favorite {
z-index: 335;
margin-left: auto;
text-align: right;
min-width: 40px;
padding: 0 !important;
}
.listivo-listing-card__favorite svg {
width: 24px;
height: 24px;
}
.listivo-listing-card__labels {
left: 0;
top: 0;
width: 100%;
padding: 25px;
position: absolute;
pointer-events: none;
display: flex;
flex-wrap: wrap;
}
.listivo-listing-card__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;
margin-right: 10px;
margin-bottom: 10px;
}
.listivo-listing-card__user {
position: absolute;
z-index: 2;
bottom: 25px;
left: 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.listivo-listing-card__user-image {
width: 50px;
height: 50px;
border-radius: var(--radius-rounded);
overflow: hidden;
margin-right: 9px;
}
.listivo-listing-card__user-name {
color: var(--white);
font-weight: 500;
font-size: 14px;
}
.listivo-listing-card__main {
position: relative;
}
.listivo-listing-card__main-head {
padding: 25px 25px 0;
}
.listivo-listing-card__footer {
position: relative;
border-top: 1px solid var(--border-color);
margin-top: 20px;
padding: 21px 25px;
display: flex;
width: 100%;
align-items: center;
align-content: space-between;
}
.listivo-listing-card__name {
font-size: 22px;
letter-spacing: -0.22px;
font-family: var(--font-heading);
font-weight: 700;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.2s ease;
}
.listivo-listing-card__features {
width: 100%;
}
.listivo-listing-card__features ul {
display: flex;
flex-wrap: wrap;
position: relative;
max-height: 28px;
overflow: hidden;
}
.listivo-listing-card__features ul > li {
font-size: 14px;
line-height: 28px;
font-weight: 400;
display: block;
}
.listivo-listing-card__features ul > li:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
max-width: 6px;
max-height: 6px;
top: -2px;
margin-left: 10px;
margin-right: 10px;
background: var(--content-dark);
border-radius: var(--radius-rounded);
position: relative;
}
.listivo-listing-card__features ul > li:first-of-type:before {
display: none;
}
.listivo-listing-card__features ul > li:last-child {
margin-right: 0;
}
@media (min-width: 500px) and (max-width: 700px) {
.listivo-listing-card__features {
display: none;
}
}
.listivo-listing-card__price {
font-size: 22px;
font-family: var(--font-heading);
font-weight: 700;
color: var(--content-dark);
display: block;
margin-top: 20px;
}
.listivo-listing-card__location {
font-size: 14px;
line-height: 16px;
font-weight: 400;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
padding-left: 20px;
}
.listivo-listing-card__location svg {
height: 18px;
position: absolute;
left: -2px;
top: -1px;
}
.listivo-listing-card__added {
font-size: 12px;
color: var(--text-3);
display: block;
}
.listivo-swiper-slide .listivo-listing-card {
height: 100% !important;
margin-bottom: 0;
}
/*.listivo-listing-no-image .listivo-listing-card-row__left::before,*/
/*.listivo-listing-no-image .listivo-listing-card__top::before {*/
/* display: none !important;*/
/*}*/
/*.listivo-listing-no-user .listivo-listing-card-row__left::before,*/
/*.listivo-listing-no-user .listivo-listing-card__top::before {*/
/* display: none !important;*/
/*}*/
.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%;
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-row {*/
/* width: 100%;*/
/* margin-bottom: 45px;*/
/*}*/
/*.listivo-listing-card-row__inner {*/
/* display: flex;*/
/* width: 100%;*/
/* flex-direction: row;*/
/* background-color: var(--white);*/
/* border: 1px solid var(--border-color);*/
/* transition: box-shadow 0.2s ease;*/
/* overflow: hidden;*/
/* position: relative;*/
/* border-radius: var(--radius-l);*/
/* min-height: 300px;*/
/*}*/
/*.listivo-listing-card-row__inner:hover {*/
/* cursor: pointer;*/
/* box-shadow: var(--shadow-s);*/
/*}*/
/*.listivo-listing-card-row__left {*/
/* min-width: 300px;*/
/* position: relative;*/
/* overflow: hidden;*/
/* border-top-left-radius: var(--radius-l);*/
/* border-bottom-left-radius: var(--radius-l);*/
/* min-height: 100%;*/
/* background-color: #cccccc;*/
/* padding: 30px;*/
/* display: flex;*/
/*}*/
/*.listivo-listing-card-row__left::before {*/
/* content: "";*/
/* position: absolute;*/
/* bottom: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);*/
/* height: 122px;*/
/* z-index: 1;*/
/*}*/
/*.listivo-listing-card-row__preview {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100% !important;*/
/* object-fit: cover;*/
/* z-index: 0;*/
/*}*/
/*.listivo-listing-card-row__favorite {*/
/* z-index: 335;*/
/* margin-left: 10px;*/
/* text-align: right;*/
/* min-width: 40px;*/
/* padding: 0 !important;*/
/*}*/
/*.listivo-listing-card-row__favorite svg {*/
/* width: 24px;*/
/* height: 24px;*/
/*}*/
/*.listivo-listing-card-row__labels {*/
/* pointer-events: none;*/
/* position: absolute;*/
/* z-index: 20;*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* padding: 30px;*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/*}*/
/*.listivo-listing-card-row__label {*/
/* font-weight: 400;*/
/* background-color: var(--e-global-color-lcardlabel);*/
/* color: #fff;*/
/* font-size: 12px;*/
/* letter-spacing: 0.4px;*/
/* line-height: 18px;*/
/* border-radius: 5px;*/
/* padding: 5px 9px;*/
/* margin-right: 10px;*/
/* margin-bottom: 10px;*/
/*}*/
/*.listivo-listing-card-row__user {*/
/* position: absolute;*/
/* z-index: 2;*/
/* bottom: 30px;*/
/* left: 30px;*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/* align-items: center;*/
/*}*/
/*.listivo-listing-card-row__user-image {*/
/* width: 50px;*/
/* height: 50px;*/
/* border-radius: var(--radius-rounded);*/
/* overflow: hidden;*/
/* margin-right: 9px;*/
/*}*/
/*.listivo-listing-card-row__user-name {*/
/* color: var(--white);*/
/* font-weight: 500;*/
/* font-size: 14px;*/
/*}*/
/*.listivo-listing-card-row__content {*/
/* width: 100%;*/
/* flex-direction: column;*/
/* display: flex;*/
/* padding: 30px;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-listing-card-row__content {*/
/* padding: 40px 45px;*/
/* }*/
/*}*/
/*.listivo-listing-card-row__top {*/
/* flex-direction: column;*/
/* display: flex;*/
/* width: 100%;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-listing-card-row__top {*/
/* flex-direction: row;*/
/* }*/
/*}*/
/*.listivo-listing-card-row__text {*/
/* font-size: 16px;*/
/* line-height: 28px;*/
/* color: var(--text-2);*/
/* margin-bottom: 34px;*/
/* position: relative;*/
/* display: block;*/
/*}*/
/*.listivo-listing-card-row__name {*/
/* font-size: 30px;*/
/* letter-spacing: -0.3px;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* margin-bottom: 22px;*/
/* display: block;*/
/* transition: color 0.2s ease;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-listing-card-row__name {*/
/* font-size: 22px;*/
/* letter-spacing: -0.22px;*/
/* }*/
/*}*/
/*.listivo-listing-card-row__features {*/
/* margin-bottom: 15px;*/
/* width: 100%;*/
/*}*/
/*.listivo-listing-card-row__features ul {*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/* position: relative;*/
/* max-height: 28px;*/
/* overflow: hidden;*/
/*}*/
/*.listivo-listing-card-row__features ul > li {*/
/* font-size: 14px;*/
/* line-height: 28px;*/
/* font-weight: 400;*/
/* display: block;*/
/*}*/
/*.listivo-listing-card-row__features ul > li:before {*/
/* content: "";*/
/* display: inline-block;*/
/* width: 6px;*/
/* height: 6px;*/
/* max-width: 6px;*/
/* max-height: 6px;*/
/* top: -2px;*/
/* margin-left: 10px;*/
/* margin-right: 10px;*/
/* background: var(--content-dark);*/
/* border-radius: var(--radius-rounded);*/
/* position: relative;*/
/*}*/
/*.listivo-listing-card-row__features ul > li:first-of-type:before {*/
/* display: none;*/
/*}*/
/*.listivo-listing-card-row__features ul > li:last-child {*/
/* margin-right: 0;*/
/*}*/
/*@media (min-width: 500px) and (max-width: 700px) {*/
/* .listivo-listing-card-row__features {*/
/* display: none;*/
/* }*/
/*}*/
/*.listivo-listing-card-row__bottom {*/
/* margin-top: auto;*/
/* display: flex;*/
/* width: 100%;*/
/* justify-content: space-between;*/
/*}*/
/*.listivo-listing-card-row__price {*/
/* font-size: 30px;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* color: var(--content-dark);*/
/* display: block;*/
/* margin-bottom: 25px;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-listing-card-row__price {*/
/* margin-left: auto;*/
/* }*/
/*}*/
/*.listivo-listing-card-row__location {*/
/* font-size: 14px;*/
/* line-height: 16px;*/
/* font-weight: 400;*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/* padding-top: 5px;*/
/* align-items: flex-start;*/
/* position: relative;*/
/* padding-left: 20px;*/
/* min-height: 28px;*/
/*}*/
/*.listivo-listing-card-row__location svg {*/
/* height: 18px;*/
/* position: absolute;*/
/* left: -2px;*/
/* top: 3px;*/
/*}*/
/*.listivo-listing-card-row__added {*/
/* font-size: 12px;*/
/* color: var(--text-3);*/
/* display: block;*/
/*}*/
/*.listivo-listing-card-row__link {*/
/* width: 100%;*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* height: 100%;*/
/* z-index: 2;*/
/*}*/
/*.listivo-user-image-placeholder {*/
/* width: 48px;*/
/* height: 48px;*/
/* border-radius: var(--radius-rounded);*/
/* border: 1px solid #e4ebf0;*/
/* background: var(--content-light);*/
/* line-height: 48px;*/
/* text-align: center;*/
/*}*/
/*.listivo-user-image-placeholder i {*/
/* color: var(--content-dark);*/
/* font-size: 16px;*/
/*}*/
/*.listivo-map-search .listivo-listing-card-row__top {*/
/* flex-direction: column;*/
/*}*/
/*.listivo-map-search .listivo-listing-card-row__top .listivo-listing-card-row__price {*/
/* margin-left: 0;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-listing-card-row {*/
/* margin-bottom: 25px;*/
/* }*/
/* .listivo-listing-card-row__text {*/
/* display: none;*/
/* }*/
/*}*/
/*@media (max-width: 500px) {*/
/* .listivo-listing-card-row__inner {*/
/* flex-direction: column;*/
/* }*/
/* .listivo-listing-card-row__left {*/
/* padding-bottom: 62.5%;*/
/* }*/
/* .listivo-listing-card-row__favorite {*/
/* top: 30px;*/
/* bottom: initial;*/
/* right: 30px;*/
/* }*/
/*}*/
/*@media (min-width: 501px) and (max-width: 767px) {*/
/* .listivo-listing-card-row__left {*/
/* min-width: 50%;*/
/* }*/
/* .listivo-listing-card-row__favorite {*/
/* top: 30px;*/
/* bottom: initial;*/
/* right: initial;*/
/* left: 30px;*/
/* }*/
/* .listivo-listing-card-row__features {*/
/* display: none;*/
/* }*/
/*}*/
/* 7. Listings */
/* Listing carousel simple */
.listivo-listing-carousel--simple {
max-width: 1560px;
margin: 0 auto;
}
.listivo-listing-carousel--simple .listivo-listing-carousel__header {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__header {
margin-bottom: 60px;
justify-content: space-between;
flex-direction: row;
}
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav {
display: flex;
align-items: center;
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav .listivo-button-pill {
margin-right: 25px;
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav .listivo-arrow:last-of-type {
margin-left: 5px;
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav--desktop {
display: none;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__nav--desktop {
display: flex;
}
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav--mobile {
display: flex;
text-align: center;
justify-content: center;
margin: 0 auto;
width: 100%;
}
.listivo-listing-carousel--simple .listivo-listing-carousel__nav--mobile .listivo-arrow {
margin: 0 5px;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__nav--mobile {
display: none;
}
}
.listivo-listing-carousel--simple .listivo-button-pill {
display: none;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-button-pill {
display: inline-block;
}
}
.listivo-listing-carousel--simple .listivo-listing-carousel__more-button-mobile {
margin-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__more-button-mobile {
display: none;
}
}
.listivo-listing-carousel--simple .listivo-listing-carousel__heading {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__heading {
font-size: 30px;
letter-spacing: -0.3px;
}
}
@media (max-width: 767px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__heading {
margin-bottom: 30px;
text-align: center;
}
}
.listivo-listing-carousel--simple .listivo-listing-carousel__heading svg {
margin-top: 5px;
width: 157px;
fill: var(--e-global-color-lsecondary1);
}
@media (max-width: 767px) {
.listivo-listing-carousel--simple .listivo-listing-carousel__heading svg {
margin-left: auto;
margin-right: auto;
}
}
.listivo-listing-carousel--simple .listivo-swiper-slide {
height: auto;
}
.listivo-listing-carousel--simple .listivo-swiper-container {
padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel--simple .listivo-swiper-container {
margin-bottom: -35px;
}
}
@media (min-width: 500px) {
.listivo-listing-carousel--simple .listivo-swiper-container {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
}
.listivo-listing-carousel-with-tabs:after {
clear: both;
content: "";
display: table;
}
.listivo-listing-carousel-with-tabs__header {
display: none;
}
.listivo-listing-carousel-with-tabs__header .listivo-heading__small-text {
padding-left: 0;
max-width: fit-content;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel-with-tabs__header {
display: flex;
justify-content: space-between;
}
}
.listivo-listing-carousel-with-tabs__nav {
display: none;
align-items: flex-end;
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel-with-tabs__nav {
display: flex;
}
}
.listivo-listing-carousel-with-tabs__nav button:first-of-type {
margin-right: 10px;
}
.listivo-listing-carousel-with-tabs__tabs {
margin-top: 30px;
}
@media screen and (min-width: 1200px) {
.listivo-listing-carousel-with-tabs__tabs {
margin-top: 60px;
}
}
.listivo-listing-carousel-with-tabs__carousel {
margin-top: 45px;
position: relative;
}
@media (max-width: 767px) {
.listivo-listing-carousel-with-tabs__carousel {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 1200px) {
.listivo-listing-carousel-with-tabs__carousel > .listivo-swiper-container {
width: 1570px;
left: 0;
top: 0;
padding: 0 20px 20px;
margin: 0 -20px;
}
}
.listivo-listing-carousel-with-tabs__carousel .listivo-swiper-slide {
margin-right: 30px;
height: auto;
width: 100%;
}
.listivo-listing-carousel-with-tabs__carousel .listivo-listing-card-v3__gallery .listivo-swiper-slide {
margin-right: 0;
}
@media (min-width: 500px) {
.listivo-listing-carousel-with-tabs__carousel > .listivo-swiper-container .listivo-swiper-wrapper .listivo-swiper-slide {
width: calc(50% - 15px);
}
}
@media (min-width: 1024px) {
.listivo-listing-carousel-with-tabs__carousel .listivo-swiper-slide {
width: calc(33.3333% - 20px);
}
}
@media (min-width: 1280px) {
.listivo-listing-carousel-with-tabs__carousel .listivo-swiper-slide {
width: calc(25% - 23px);
}
}
.listivo-listing-carousel-with-tabs-heading-mobile .listivo-heading__small-text {
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 40px;
width: fit-content;
}
.listivo-listing-carousel-with-tabs-heading-mobile h2 {
padding-left: 15px;
text-align: left !important;
}
@media screen and (min-width: 768px) {
.listivo-listing-carousel-with-tabs-heading-mobile {
display: none;
}
}
.listivo-listing-carousel__listings .listivo-swiper-slide {
margin-right: 30px;
height: auto;
width: 100%;
}
@media (min-width: 500px) {
.listivo-listing-carousel__listings .listivo-swiper-slide {
width: calc(50% - 15px);
}
}
@media (min-width: 1024px) {
.listivo-listing-carousel__listings .listivo-swiper-slide {
width: calc(33.3333% - 20px);
}
}
@media (min-width: 1280px) {
.listivo-listing-carousel__listings .listivo-swiper-slide {
width: calc(25% - 23px);
}
}
/*.listivo-mini-listings__single {*/
/* margin-bottom: 25px;*/
/*}*/
/*.listivo-mini-listings__single:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-mini-listings__single:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*@media (max-width: 767px) {*/
/* .listivo-mini-listings__single {*/
/* display: flex;*/
/* flex-direction: column;*/
/* }*/
/*}*/
/*.listivo-mini-listings__image {*/
/* display: block;*/
/* text-align: center;*/
/* margin-bottom: 10px;*/
/*}*/
/*.listivo-mini-listings__image img {*/
/* overflow: hidden;*/
/* width: 100px !important;*/
/* height: 100px !important;*/
/* border-radius: var(--radius-rounded) !important;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-mini-listings__image img {*/
/* display: block;*/
/* text-align: left;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-mini-listings__image {*/
/* position: absolute;*/
/* }*/
/* .listivo-mini-listings__image img {*/
/* min-width: 50px !important;*/
/* width: 50px !important;*/
/* height: 50px !important;*/
/* }*/
/*}*/
/*.listivo-mini-listings__placeholder {*/
/* display: block;*/
/* min-width: 50px !important;*/
/* width: 50px !important;*/
/* height: 50px !important;*/
/* border-radius: var(--radius-rounded) !important;*/
/* background: #f4f4f4;*/
/* text-align: center;*/
/* line-height: 50px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-mini-listings__placeholder {*/
/* position: absolute;*/
/* }*/
/*}*/
/*.listivo-mini-listings__placeholder:after {*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* content: "\f03e";*/
/* color: #061b23;*/
/* font-size: 16px;*/
/* display: block;*/
/*}*/
/*.listivo-mini-listings__info {*/
/* max-width: 100%;*/
/* text-align: center;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-mini-listings__info {*/
/* padding-left: 70px;*/
/* float: left;*/
/* text-align: left;*/
/* }*/
/*}*/
/*.listivo-mini-listings__title {*/
/* text-align: center;*/
/* displaY: block;*/
/* margin-bottom: 5px;*/
/* width: 100%;*/
/* font-weight: 500;*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* overflow: hidden;*/
/* text-overflow: ellipsis;*/
/* white-space: nowrap;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-mini-listings__title {*/
/* float: left;*/
/* text-align: left;*/
/* }*/
/*}*/
/*.listivo-mini-listings__title:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-mini-listings__subtitle {*/
/* line-height: 18px;*/
/* font-size: 14px;*/
/* font-weight: 400;*/
/*}*/
/*.listivo-mini-listings__price {*/
/* display: inline;*/
/* color: #bababa;*/
/*}*/
/*.listivo-mini-listings__in {*/
/* display: inline;*/
/* color: #bababa;*/
/*}*/
/*.listivo-mini-listings__categories {*/
/* color: #bababa;*/
/* display: inline;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-mini-listings__categories:hover {*/
/* color: #fff;*/
/*}*/
/*@media (min-width: 500px) and (max-width: 767px) {*/
/* .listivo-mini-listings {*/
/* margin-bottom: -35px;*/
/* display: flex;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* }*/
/* .listivo-mini-listings .listivo-mini-listings__single {*/
/* max-width: 50%;*/
/* padding: 10px;*/
/* }*/
/*}*/
/* 8. Listing Page */
/* Attachments */
/*.listivo-attachments {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-attachment-single-wrapper {*/
/* margin-bottom: 15px;*/
/*}*/
/*.listivo-attachment-single-wrapper:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-attachment-single-wrapper:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-attachment {*/
/* display: inline-flex;*/
/* align-items: center;*/
/*}*/
/*.listivo-attachment:hover .listivo-attachment__icon {*/
/* filter: brightness(1.03);*/
/*}*/
/*.listivo-attachment:hover .listivo-attachment__name {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-attachment__icon {*/
/* min-width: 50px;*/
/* min-height: 50px;*/
/* width: 50px;*/
/* height: 50px;*/
/* margin-right: 15px;*/
/* margin-left: -2px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-attachment__name {*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* color: #222732;*/
/* transition: 0.2s ease;*/
/*}*/
.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-description {
color: var(--text-2);
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.listivo-listing-description p {
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.listivo-listing-description p {
margin-bottom: 35px;
}
}
.listivo-listing-description p:last-of-type {
margin-bottom: 0;
}
.listivo-listing-description ul li {
padding-left: 27px;
position: relative;
}
.listivo-listing-description ul li:before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 13px;
height: 13px;
background-image: url('data:image/svg+xml;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.000000 29.000000"><g transform="translate(0.000000,29.000000) scale(0.100000,-0.100000)" stroke="red"><path d="M185 259 c-38 -11 -94 -27 -124 -35 l-54 -15 99 -100 c64 -65 101 -94 105 -86 6 11 69 240 69 251 0 9 -20 6 -95 -15z m73 -16 c-36 -142 -54 -203 -58 -203 -9 0 -164 159 -159 163 6 5 191 55 208 56 8 1 12 -6 9 -16z"></path></g> </svg>');
}
.listivo-listing-image {
height: 360px;
position: relative;
cursor: pointer;
}
.listivo-listing-image:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 450px) {
.listivo-listing-image {
height: 480px;
}
}
.listivo-listing-image img {
border-radius: var(--radius-l);
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.listivo-listing-meta {
font-size: 14px;
line-height: 28px;
font-weight: 400;
}
.listivo-listing-meta__value {
font-weight: 800;
}
.listivo-whatsapp 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.2s ease;
}
.listivo-whatsapp a i {
margin-right: 5px;
font-size: 35px;
color: var(--content-dark);
line-height: 0;
top: 5px;
position: relative;
}
.listivo-whatsapp a strong {
font-weight: 800;
}
.listivo-whatsapp a:hover {
border-color: var(--content-dark);
}
.listivo-whatsapp--v2 a {
border-color: #cee1e6;
}
@media screen and (min-width: 768px) {
.listivo-whatsapp--v2 a {
display: flex;
flex-direction: row;
justify-content: center;
padding: 0;
align-items: center;
height: 95px;
}
.listivo-whatsapp--v2 a i {
top: 0;
font-size: 47px;
margin-right: 14px;
line-height: initial !important;
}
.listivo-whatsapp--v2 a .listivo-whatsapp__text-chat-via {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px;
font-weight: 400;
}
.listivo-whatsapp--v2 a .listivo-whatsapp__text-whatsapp {
font-size: 24px;
line-height: 24px;
font-weight: 800;
}
.listivo-whatsapp--v2 a .listivo-whatsapp__texts {
display: flex;
flex-direction: column;
text-align: left;
}
}
.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-gallery {*/
/* border-radius: 10px;*/
/* overflow: hidden;*/
/* position: relative;*/
/*}*/
/*.listivo-listing-gallery .listivo-swiper-container {*/
/* max-height: 300px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-listing-gallery .listivo-swiper-container {*/
/* max-height: 360px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-listing-gallery .listivo-swiper-container {*/
/* max-height: 480px;*/
/* }*/
/*}*/
/*.listivo-listing-gallery .listivo-swiper-slide {*/
/* position: relative;*/
/* width: 100%;*/
/* height: 300px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-listing-gallery .listivo-swiper-slide {*/
/* height: 360px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-listing-gallery .listivo-swiper-slide {*/
/* height: 480px;*/
/* }*/
/*}*/
/*.listivo-listing-gallery .listivo-swiper-slide img {*/
/* width: 100%;*/
/* height: 100%;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* object-fit: cover;*/
/* cursor: pointer;*/
/*}*/
/*.listivo-listing-gallery__arrows {*/
/* flex-wrap: wrap;*/
/* position: absolute;*/
/* top: 50%;*/
/* margin-top: -30px;*/
/* z-index: 1;*/
/* width: 100%;*/
/* display: none;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-listing-gallery__arrows {*/
/* display: flex;*/
/* }*/
/*}*/
/*.listivo-listing-gallery__arrow-prev {*/
/* position: absolute;*/
/* left: 25px;*/
/*}*/
/*.listivo-listing-gallery__arrow-next {*/
/* position: absolute;*/
/* right: 25px;*/
/*}*/
/*.listivo-listing-gallery__count {*/
/* position: absolute;*/
/* left: 25px;*/
/* bottom: 25px;*/
/* font-size: 16px;*/
/* font-weight: 500;*/
/* border-radius: 5px;*/
/* background-color: rgba(0, 0, 0, 0.5);*/
/* padding: 0 21px;*/
/* line-height: 50px;*/
/* z-index: 3;*/
/* color: var(--white);*/
/*}*/
/*.listivo-listing-gallery__count i {*/
/* font-size: 20px;*/
/* margin-right: 6px;*/
/* position: relative;*/
/* top: 2px;*/
/*}*/
/*.listivo-listing-gallery__zoom {*/
/* position: absolute;*/
/* right: 25px;*/
/* bottom: 25px;*/
/* height: 50px;*/
/* width: 50px;*/
/* text-align: center;*/
/* font-weight: 500;*/
/* border-radius: 5px;*/
/* background-color: rgba(0, 0, 0, 0.5);*/
/* padding: 0;*/
/* z-index: 3;*/
/* color: var(--white);*/
/* transition: 0.2s ease;*/
/* cursor: pointer;*/
/*}*/
/*.listivo-listing-gallery__zoom svg {*/
/* fill: #fff;*/
/* width: 24px;*/
/* height: 24px;*/
/* margin-top: 13px;*/
/*}*/
/*.listivo-listing-gallery__zoom i {*/
/* font-size: 20px;*/
/* line-height: 50px;*/
/*}*/
/*.listivo-listing-gallery__zoom:hover {*/
/* background: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-gallery-v2__images {*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/*}*/
/*.listivo-gallery-v2__images img {*/
/* display: block;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* height: 100% !important;*/
/* object-fit: cover;*/
/* cursor: pointer;*/
/* transition: all 0.3s ease;*/
/*}*/
/*.listivo-gallery-v2__images img:hover {*/
/* filter: brightness(1.1);*/
/*}*/
/*.listivo-gallery-v2__image-big {*/
/* width: 50%;*/
/* height: 500px;*/
/* position: relative;*/
/* overflow: hidden;*/
/*}*/
/*.listivo-gallery-v2__image-big img {*/
/* border-top-left-radius: var(--radius-l);*/
/* border-bottom-left-radius: var(--radius-l);*/
/* overflow: hidden;*/
/* padding-right: 6px;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__image-big {*/
/* width: 100%;*/
/* padding-bottom: 10px;*/
/* height: 300px;*/
/* }*/
/* .listivo-gallery-v2__image-big img {*/
/* padding-right: 0;*/
/* border-top-left-radius: var(--radius-l);*/
/* border-top-right-radius: var(--radius-l);*/
/* border-bottom-left-radius: 0px;*/
/* border-bottom-right-radius: 0px;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper {*/
/* width: 50%;*/
/* height: 500px;*/
/* overflow: hidden;*/
/* padding-left: 6px;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 50%;*/
/* height: 250px;*/
/* position: relative;*/
/* float: left;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img, .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) img {*/
/* padding-right: 6px;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* border-top-right-radius: var(--radius-l);*/
/* padding-left: 6px;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(4) img {*/
/* border-bottom-right-radius: var(--radius-l);*/
/* padding-left: 6px;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img, .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding-bottom: 6px;*/
/*}*/
/*.listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) img, .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(4) img {*/
/* padding-top: 6px;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__image-small-wrapper {*/
/* width: 100%;*/
/* padding-left: 0;*/
/* }*/
/* .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 50%;*/
/* }*/
/* .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img, .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding-top: 12px;*/
/* border-radius: 0px;*/
/* }*/
/* .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) img {*/
/* padding-top: 6px;*/
/* border-radius: 0px;*/
/* border-bottom-left-radius: var(--radius-l);*/
/* }*/
/* .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(4) img {*/
/* padding-top: 6px;*/
/* border-radius: 0px;*/
/* border-bottom-right-radius: var(--radius-l);*/
/* }*/
/*}*/
/*.listivo-gallery-v2__count--1 .listivo-gallery-v2__image-big {*/
/* width: 100%;*/
/*}*/
/*.listivo-gallery-v2__count--1 .listivo-gallery-v2__image-big img {*/
/* border-radius: var(--radius-l);*/
/*}*/
/*.listivo-gallery-v2__count--1 .listivo-gallery-v2__image-small-wrapper {*/
/* display: none;*/
/*}*/
/*.listivo-gallery-v2__count--2 .listivo-gallery-v2__image-big {*/
/* width: 50%;*/
/* padding: 0 !important;*/
/* border-top-left-radius: var(--radius-l);*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: var(--radius-l);*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--2 .listivo-gallery-v2__image-big img {*/
/* padding: 0 6px 0 0px !important;*/
/* border-top-left-radius: 0px;*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: 0px;*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--2 .listivo-gallery-v2__image-small-wrapper {*/
/* width: 50%;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__count--2 .listivo-gallery-v2__image-small-wrapper {*/
/* height: 300px;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__count--2 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 100%;*/
/* height: 100%;*/
/* padding: 0 !important;*/
/*}*/
/*.listivo-gallery-v2__count--2 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small img {*/
/* padding: 0 0px 0 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-big {*/
/* width: 50%;*/
/* padding: 0 !important;*/
/* border-top-left-radius: var(--radius-l);*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: var(--radius-l);*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-big img {*/
/* padding: 0 6px 0 0px !important;*/
/* border-top-left-radius: 0px;*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: 0px;*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper {*/
/* width: 50%;*/
/* padding: 0 0 0 6px !important;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper {*/
/* height: 300px;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 100%;*/
/* height: 50%;*/
/* padding: 0 !important;*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img {*/
/* padding: 0 0 6px 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/*}*/
/*.listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding: 6px 0 0 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-big {*/
/* width: 100%;*/
/* padding-right: 0 !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-big img {*/
/* padding: 0px 0 6px 0 !important;*/
/* border-top-left-radius: var(--radius-l) !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper {*/
/* width: 100%;*/
/* padding: 0 !important;*/
/* }*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 50%;*/
/* height: 100%;*/
/* padding: 0 !important;*/
/* }*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img {*/
/* padding: 6px 6px 0 0px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--3 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding: 6px 0px 0 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-big {*/
/* width: 50%;*/
/* padding: 0 !important;*/
/* border-top-left-radius: var(--radius-l);*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: var(--radius-l);*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-big img {*/
/* padding: 0 6px 0 0px !important;*/
/* border-top-left-radius: 0px;*/
/* border-top-right-radius: 0px;*/
/* border-bottom-left-radius: 0px;*/
/* border-bottom-right-radius: 0px;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper {*/
/* width: 50%;*/
/* padding: 0 0 0 6px !important;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper {*/
/* height: 300px;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* width: 50%;*/
/* height: 50%;*/
/* padding: 0 !important;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img {*/
/* padding: 0 6px 6px 0px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding: 0 0 6px 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) {*/
/* width: 100%;*/
/*}*/
/*.listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) img {*/
/* padding: 6px 0 0 0px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-big {*/
/* width: 100%;*/
/* padding-right: 0 !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-big img {*/
/* padding: 0px 0 6px 0 !important;*/
/* border-top-left-radius: var(--radius-l) !important;*/
/* border-top-right-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper {*/
/* width: 100%;*/
/* padding: 0 !important;*/
/* height: auto;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small {*/
/* height: 300px;*/
/* padding: 0 !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) {*/
/* width: 50%;*/
/* padding: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(1) img {*/
/* padding: 6px 6px 6px 0px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) {*/
/* width: 50%;*/
/* padding: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(2) img {*/
/* padding: 6px 0px 6px 6px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) {*/
/* width: 100%;*/
/* padding: 0px !important;*/
/* }*/
/* .listivo-gallery-v2__count--4 .listivo-gallery-v2__image-small-wrapper .listivo-gallery-v2__image-small:nth-child(3) img {*/
/* padding: 6px 0px 0 0px !important;*/
/* border-top-left-radius: 0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/* border-bottom-left-radius: var(--radius-l) !important;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__more-button {*/
/* position: absolute;*/
/* bottom: 25px;*/
/* right: 35px;*/
/* padding: 13px 18px 13px 13px;*/
/* border-radius: var(--radius-s);*/
/* border: 1px solid var(--black);*/
/* background-color: var(--white);*/
/* line-height: 14px;*/
/* font-size: 14px;*/
/* font-weight: 500;*/
/* transition: 0.2s ease;*/
/*}*/
/*@media (max-width: 650px) {*/
/* .listivo-gallery-v2__more-button {*/
/* display: none;*/
/* }*/
/*}*/
/*.listivo-gallery-v2__more-button svg {*/
/* height: 14px;*/
/* float: left;*/
/* fill: #222;*/
/* margin-right: 8px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-gallery-v2__more-button:hover {*/
/* color: var(--content-dark);*/
/* border-color: var(--content-dark);*/
/*}*/
/*.listivo-gallery-v2__more-button:hover svg {*/
/* fill: var(--content-dark);*/
/*}*/
/*.listivo-gallery-v3 {*/
/* overflow: hidden;*/
/* border-radius: 10px;*/
/* position: relative;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-gallery-v3 {*/
/* border-radius: 0;*/
/* }*/
/*}*/
/*.listivo-gallery-v3 .listivo-swiper-wrapper {*/
/* transform: translate3d(20%, 0px, 0px);*/
/*}*/
/*.listivo-gallery-v3 img {*/
/* min-width: 100%;*/
/*}*/
/*.listivo-gallery-v3--count-1 .listivo-gallery-v3__arrows,*/
/*.listivo-gallery-v3--count-2 .listivo-gallery-v3__arrows {*/
/* display: none;*/
/*}*/
/*.listivo-gallery-v3--count-1 .listivo-swiper-wrapper,*/
/*.listivo-gallery-v3--count-2 .listivo-swiper-wrapper {*/
/* transform: none !important;*/
/*}*/
/*.listivo-gallery-v3__slide {*/
/* width: 100%;*/
/* position: relative;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-gallery-v3__slide {*/
/* width: 50%;*/
/* }*/
/*}*/
/*.listivo-gallery-v3__slide img {*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* left: 0;*/
/* top: 0;*/
/* object-fit: cover;*/
/*}*/
/*.listivo-gallery-v3--count-1 .listivo-gallery-v3__slide {*/
/* width: 100% !important;*/
/*}*/
/*.listivo-gallery-v3--count-2 .listivo-gallery-v3__slide {*/
/* width: 50% !important;*/
/*}*/
/*.listivo-gallery-v3__image-wrapper {*/
/* display: block;*/
/* width: 100%;*/
/* position: relative;*/
/* cursor: pointer;*/
/* height: 360px;*/
/*}*/
/*@media (min-width: 450px) {*/
/* .listivo-gallery-v3__image-wrapper {*/
/* height: 480px;*/
/* }*/
/*}*/
/*.listivo-gallery-v3__image {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* height: 100% !important;*/
/* object-fit: cover;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-gallery-v3__count-zoom {*/
/* display: none;*/
/* }*/
/*}*/
/*!* Accordion *!*/
/*.listivo-accordion {*/
/* border-radius: var(--radius-l);*/
/* background-color: var(--white);*/
/* margin-bottom: 20px;*/
/* border: 1px solid var(--border-color);*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__text {*/
/* margin-top: -15px;*/
/* padding-top: 0;*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-accordion--big .listivo-accordion__text {*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* }*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__title-bar {*/
/* padding: 10px 20px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-accordion--big .listivo-accordion__title-bar {*/
/* padding: 30px;*/
/* }*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__heading {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 22px;*/
/* letter-spacing: -0.22px;*/
/* line-height: 50px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-accordion--big .listivo-accordion__heading {*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/* }*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__arrow {*/
/* line-height: 50px;*/
/* padding-left: 45px;*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__arrow i {*/
/* line-height: 28px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-accordion--big .listivo-accordion__arrow i {*/
/* line-height: 35px;*/
/* }*/
/*}*/
/*.listivo-accordion--big .listivo-accordion__arrow:after {*/
/* top: 0;*/
/* height: 50px;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-accordion--big {*/
/* margin-bottom: 45px;*/
/* }*/
/* .listivo-accordion--big .listivo-accordion__text {*/
/* padding-top: 10px;*/
/* padding-bottom: 45px;*/
/* }*/
/* .listivo-accordion--big .listivo-accordion__arrow {*/
/* line-height: 28px;*/
/* }*/
/*}*/
/*.listivo-accordion:hover .listivo-accordion__title-bar {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-accordion {*/
/* margin-bottom: 35px;*/
/* }*/
/*}*/
/*.listivo-accordion:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-accordion--active .listivo-accordion__title-bar {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-accordion__title-bar {*/
/* display: flex;*/
/* width: 100%;*/
/* padding: 27px 30px 27px 30px;*/
/* cursor: pointer;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-accordion__title-bar {*/
/* padding: 27px 40px 27px 40px;*/
/* }*/
/*}*/
/*.listivo-accordion__heading {*/
/* font-size: 16px;*/
/* line-height: 21px;*/
/* font-weight: 700;*/
/* transition: 0.2s ease;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-accordion__heading {*/
/* padding-right: 30px;*/
/* font-size: 18px;*/
/* line-height: 21px;*/
/* }*/
/*}*/
/*.listivo-accordion__arrow {*/
/* margin-left: auto;*/
/* padding-left: 40px;*/
/* position: relative;*/
/* line-height: 21px;*/
/* display: none;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-accordion__arrow {*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-accordion__arrow:after {*/
/* display: block;*/
/* content: "";*/
/* background: var(--border-color);*/
/* width: 1px;*/
/* height: calc(100% + 5px);*/
/* min-height: 31px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: -5px;*/
/*}*/
/*.listivo-accordion__arrow i {*/
/* transform: rotate(0);*/
/* transition: 0.5s;*/
/* font-size: 18px;*/
/* line-height: 18px;*/
/*}*/
/*.listivo-accordion__text {*/
/* color: var(--text-2);*/
/* font-size: 16px;*/
/* line-height: 28px;*/
/* font-weight: 400;*/
/* padding: 0 30px 20px 30px;*/
/* margin-top: -17px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-accordion__text {*/
/* margin-top: 0;*/
/* padding: 0 40px 30px 40px;*/
/* }*/
/*}*/
/*.listivo-accordion--open .listivo-accordion__heading {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-accordion--open .listivo-accordion__arrow i {*/
/* color: var(--e-global-color-lprimary1);*/
/* transform: rotate(-90deg);*/
/*}*/
/*!* Loan Calculator *!*/
/*.listivo-loan-calculator {*/
/* padding: 30px 20px 30px 20px;*/
/* background-color: var(--content-light);*/
/* border-radius: 10px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-loan-calculator {*/
/* padding: 60px 45px 60px 45px;*/
/* }*/
/*}*/
/*.listivo-loan-calculator-anchor {*/
/* position: absolute;*/
/* top: 30px;*/
/*}*/
/*.listivo-loan-calculator__title {*/
/* width: 100%;*/
/* margin-bottom: 35px;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-loan-calculator__title {*/
/* font-size: 30px;*/
/* letter-spacing: -0.3px;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__subtitle {*/
/* max-width: 730px;*/
/* margin: 0 auto 66px auto;*/
/* text-align: Center;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-loan-calculator__subtitle {*/
/* max-width: 520px;*/
/* margin: 0 auto 30px auto;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__end-text {*/
/* max-width: 730px;*/
/* margin: 30px auto 0 auto;*/
/* text-align: Center;*/
/* font-size: 12px;*/
/* line-height: 15px;*/
/* padding: 0 15px;*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-loan-calculator__end-text {*/
/* max-width: 520px;*/
/* margin-left: auto;*/
/* margin-right: auto;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__fields {*/
/* width: 100%;*/
/* margin: 0 auto;*/
/*}*/
/*.listivo-loan-calculator__error {*/
/* text-align: center;*/
/* margin: 0px auto 25px auto;*/
/*}*/
/*.listivo-loan-calculator__error:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*.listivo-loan-calculator__error__inner {*/
/* display: inline-block;*/
/* background: var(--e-global-color-lprimary1);*/
/* border: 1px solid var(--e-global-color-lprimary1);*/
/* background: var(--e-global-color-lprimary3);*/
/* color: var(--e-global-color-lprimary1);*/
/* font-size: 14px;*/
/* line-height: 16px;*/
/* padding: 15px 50px;*/
/* border-radius: var(--radius-l);*/
/*}*/
/*.listivo-loan-calculator__fields__inner {*/
/* display: flex;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* margin: 0 -15px;*/
/*}*/
/*.listivo-loan-calculator__field-wrapper {*/
/* width: 100%;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* margin-bottom: 35px;*/
/*}*/
/*@media (min-width: 900px) {*/
/* .listivo-loan-calculator__field-wrapper {*/
/* width: 50%;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__field-wrapper h4 {*/
/* margin-bottom: 15px;*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* font-weight: 400;*/
/*}*/
/*.listivo-loan-calculator__field-wrapper--is-error h4 {*/
/* color: #F44336;*/
/*}*/
/*.listivo-loan-calculator__field-wrapper--is-error input {*/
/* border-color: #F44336;*/
/* background-color: #FFEBEE;*/
/*}*/
/*.listivo-loan-calculator__field-wrapper--is-error i {*/
/* color: #F44336;*/
/*}*/
/*.listivo-loan-calculator__field-wrapper--is-error .listivo-loan-calculator__field:before {*/
/* background: #F44336;*/
/*}*/
/*.listivo-loan-calculator__field {*/
/* position: relative;*/
/*}*/
/*.listivo-loan-calculator__field .listivo-loan-calculator__sign {*/
/* position: absolute;*/
/* font-size: 19px;*/
/* color: var(--text-2);*/
/* top: 2px;*/
/* right: 7px;*/
/* width: 50px;*/
/* text-align: center;*/
/* height: 60px;*/
/* line-height: 60px;*/
/* background: var(--white);*/
/*}*/
/*.listivo-loan-calculator__field .listivo-loan-calculator__sign svg {*/
/* position: relative;*/
/* height: 19px;*/
/* top: 3px;*/
/*}*/
/*.listivo-loan-calculator__field:before {*/
/* content: "";*/
/* height: 30px;*/
/* width: 1px;*/
/* background: #e7e9ee;*/
/* position: absolute;*/
/* top: 17px;*/
/* right: 60px;*/
/*}*/
/*.listivo-loan-calculator__results {*/
/* border-radius: var(--radius-m);*/
/* border: 1px solid #CEE1E6;*/
/*}*/
/*@media (min-width: 900px) {*/
/* .listivo-loan-calculator__results {*/
/* display: flex;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__results__col {*/
/* padding: 30px 15px;*/
/* position: relative;*/
/*}*/
/*@media (min-width: 900px) {*/
/* .listivo-loan-calculator__results__col {*/
/* width: 33.33%;*/
/* padding: 53px 10px;*/
/* }*/
/*}*/
/*.listivo-loan-calculator__results__col h3 {*/
/* font-size: 18px;*/
/* font-weight: 600;*/
/* margin-bottom: 15px;*/
/* text-align: center;*/
/*}*/
/*.listivo-loan-calculator__results__col h4 {*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* color: var(--e-global-color-lprimary1);*/
/* word-break: break-all;*/
/* margin-bottom: 0;*/
/* text-align: center;*/
/* letter-spacing: 0.24px;*/
/*}*/
/*@media (min-width: 800px) {*/
/* .listivo-loan-calculator__results__col:nth-child(1):after,*/
/* .listivo-loan-calculator__results__col:nth-child(2):after {*/
/* display: block;*/
/* content: "";*/
/* height: 90px;*/
/* width: 1px;*/
/* position: absolute;*/
/* right: 0;*/
/* top: 40px;*/
/* background: #CEE1E6;*/
/* }*/
/*}*/
/*.listivo-loan-calculator-link a {*/
/* display: block;*/
/* color: var(--text-4);*/
/* transition: 0.2s ease;*/
/*}*/
/*.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.2s ease;
}
.listivo-user-image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
object-fit: cover;
}
a.listivo-user-image:hover {
filter: brightness(1.1);
}
/* 10. Panel */
.listivo-panel__header {
padding: 30px 15px;
}
.listivo-panel__header h1 {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-panel__header h1 {
font-size: 36px;
letter-spacing: -0.36px;
}
}
@media (min-width: 900px) {
.listivo-panel__header {
padding-top: 50px;
padding-bottom: 50px;
}
}
.listivo-panel__header-inner {
max-width: 1140px;
margin: 0 auto;
display: flex;
align-items: center;
}
@media (max-width: 900px) {
.listivo-panel__header-inner {
flex-direction: column;
}
}
.listivo-panel__header-buttons {
display: flex;
margin-left: auto;
}
.listivo-panel__header-buttons a {
margin-left: 25px;
}
@media (max-width: 900px) {
.listivo-panel__header-buttons {
display: none;
}
}
.listivo-panel__menu-wrapper {
background-color: #edf8fb;
padding: 15px;
}
@media screen and (min-width: 768px) {
.listivo-panel__menu-wrapper {
padding: 22px 15px;
}
}
.listivo-panel__menu {
margin: 0 auto;
max-width: 1140px;
display: flex;
}
@media (max-width: 1170px) {
.listivo-panel__menu-wrapper {
padding-left: 0;
padding-right: 0;
}
.listivo-panel__menu {
overflow: auto;
}
.listivo-panel__menu-pill:first-of-type {
margin-left: 15px;
}
}
.listivo-panel__menu-pill {
padding: 20px 28px;
border-radius: 6px;
font-size: 18px;
line-height: 21px;
margin-right: 15px;
font-weight: 500;
background: #d9edf2;
white-space: nowrap;
display: flex;
align-items: center;
transition: 0.2s ease;
}
.listivo-panel__menu-pill svg {
transition: 0.2s ease;
height: 24px;
margin-right: 10px;
}
.listivo-panel__menu-pill i {
transition: 0.2s ease;
margin-right: 10px;
line-height: 21px;
}
.listivo-panel__menu-pill:hover {
background: var(--content-dark);
color: #fff;
}
.listivo-panel__menu-pill:hover svg {
stroke: #fff;
}
.listivo-panel__menu-pill:hover i {
color: #fff;
}
.listivo-panel__menu-pill--active {
background: var(--e-global-color-lprimary1) !important;
color: #fff;
}
.listivo-panel__menu-pill--active svg {
stroke: #fff;
}
.listivo-panel__menu-pill--current-package, .listivo-panel__menu-pill--buy-package {
display: none;
}
@media (max-width: 900px) {
.listivo-panel__menu-pill--current-package, .listivo-panel__menu-pill--buy-package {
display: flex;
}
}
.listivo-panel__menu-pill--logout {
display: none;
}
@media (max-width: 1199px) {
.listivo-panel__menu-pill--logout {
display: flex;
}
}
.listivo-panel-card {
margin-bottom: 25px;
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-panel-card {
margin-bottom: 45px;
}
}
.listivo-panel-card:last-of-type {
margin-bottom: 0;
}
.listivo-panel-card__inner {
display: flex;
width: 100%;
flex-direction: column;
transition: 0.2s ease;
background-color: var(--white);
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
height: 100%;
position: relative;
margin-bottom: 35px;
}
@media (min-width: 500px) {
.listivo-panel-card__inner {
flex-direction: row;
}
}
.listivo-panel-card__inner:hover {
box-shadow: var(--shadow-s);
}
.listivo-panel-card__left {
position: relative;
min-height: 100%;
}
@media (min-width: 500px) {
.listivo-panel-card__left {
display: flex;
}
}
.listivo-panel-card__preview {
display: block;
padding-bottom: 75%;
min-width: 120px;
position: relative;
border-radius: var(--radius-l);
overflow: hidden;
background-color: #cccccc;
}
@media (min-width: 360px) {
.listivo-panel-card__preview {
min-width: 130px;
}
}
@media (min-width: 400px) {
.listivo-panel-card__preview {
min-width: 170px;
}
}
@media (min-width: 500px) {
.listivo-panel-card__preview {
min-width: 170px;
}
}
@media (min-width: 600px) {
.listivo-panel-card__preview {
min-width: 220px;
}
}
@media screen and (min-width: 768px) {
.listivo-panel-card__preview {
min-width: 300px;
}
}
@media (min-width: 500px) {
.listivo-panel-card__preview {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.listivo-panel-card__preview:hover > img {
filter: brightness(1.05);
}
.listivo-panel-card__preview img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
transition: 0.2s ease;
}
.listivo-panel-card__content {
width: 100%;
padding: 20px;
flex-direction: column;
display: flex;
}
@media screen and (min-width: 768px) {
.listivo-panel-card__content {
padding: 45px 50px;
}
}
.listivo-panel-card__top {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.listivo-panel-card__top {
flex-direction: row;
justify-content: space-between;
}
}
.listivo-panel-card__name {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
margin-bottom: 20px;
display: block;
transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
.listivo-panel-card__name {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.listivo-panel-card__name:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-card__price {
font-size: 30px;
margin-bottom: 20px;
font-family: var(--font-heading);
font-weight: 700;
color: var(--content-dark);
display: block;
}
@media screen and (min-width: 1025px) {
.listivo-panel-card__price {
padding-left: 15px;
}
}
.listivo-panel-card__dates {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
line-height: 28px;
}
.listivo-panel-card__date {
display: flex;
flex-wrap: wrap;
margin-right: 15px;
}
.listivo-panel-card__date-label {
font-weight: 700;
margin-right: 5px;
}
.listivo-panel-card__actions {
margin-top: 15px;
margin-bottom: 35px;
}
.listivo-panel-card__actions a, .listivo-panel-card__actions button {
display: inline-block;
position: relative;
line-height: 30px;
font-size: 18px;
color: var(--text-5);
margin-right: 50px;
transition: 0.2s ease;
}
.listivo-panel-card__actions a:hover, .listivo-panel-card__actions button:hover {
color: var(--e-global-color-lprimary1);
}
@media (max-width: 767px) {
.listivo-panel-card__actions a, .listivo-panel-card__actions button {
margin-right: 20px;
}
}
.listivo-panel-card__actions a:after, .listivo-panel-card__actions button:after {
content: "";
display: block;
position: absolute;
right: -25px;
top: 0;
width: 1px;
height: 30px;
background-color: #dddddd;
}
@media (max-width: 767px) {
.listivo-panel-card__actions a:after, .listivo-panel-card__actions button:after {
display: none;
}
}
.listivo-panel-card__actions a:last-child:after, .listivo-panel-card__actions button:last-child:after {
display: none;
}
.listivo-panel-card__bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media (min-width: 500px) {
.listivo-panel-card__bottom {
margin-bottom: -15px;
}
}
.listivo-panel-card__bottom-left {
display: flex;
margin-bottom: 15px;
}
@media (max-width: 500px) {
.listivo-panel-card__bottom-left {
width: 100%;
}
}
.listivo-panel-card__bottom-right {
display: none;
}
@media (min-width: 500px) {
.listivo-panel-card__bottom-right {
margin-bottom: 15px;
display: flex;
}
}
.listivo-panel-card__bottom-mobile {
padding: 10px 0;
width: 100%;
}
.listivo-panel-card__bottom-mobile:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 500px) {
.listivo-panel-card__bottom-mobile {
display: none;
}
}
.listivo-panel-card__stat {
position: relative;
padding: 12px 17px;
line-height: 22px;
border-radius: var(--radius-s);
background-color: #edf8fb;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
white-space: nowrap;
}
@media (max-width: 500px) {
.listivo-panel-card__stat {
width: 100%;
text-align: center;
}
}
.listivo-panel-card__stat i {
font-size: 16px;
color: var(--e-global-color-lprimary1);
margin-right: 7px;
}
.listivo-panel-card__stat:hover > .listivo-panel-card__stat-label {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
.listivo-panel-card__stat-label {
position: absolute;
bottom: -54px;
padding: 10px 20px;
font-size: 14px;
line-height: 17px;
font-weight: 500;
color: #fff;
border-radius: var(--radius-l);
white-space: nowrap;
z-index: 2;
box-shadow: var(--shadow-s);
transition: all 0.25s ease;
transform: translate3d(0, 15px, 0);
visibility: hidden;
opacity: 0;
background: #222;
}
.listivo-panel-card__stat-label:before {
transition: all 0.25s ease;
position: absolute;
content: "";
display: block;
left: 22px;
top: -8px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 8px solid #222222;
}
.listivo-panel-card__label {
position: absolute;
top: 30px;
left: 30px;
font-size: 16px;
color: var(--white);
border-radius: 5px;
padding: 7px 13px;
z-index: 2;
}
.listivo-panel-card__label--active {
background: #10b981;
}
.listivo-panel-card__label--pending {
background: #fbbf24;
}
.listivo-panel-card__label--draft {
background: #1d4ed8;
}
.listivo-package-name-inner {
border-radius: 22px;
background: var(--content-dark);
font-size: 14px;
line-height: 20px;
padding: 12px 24px;
color: #fff;
margin-bottom: 20px;
display: inline-block;
}
.listivo-package-name-inner i {
margin-right: 3px;
}
.listivo-panel-listings-bar {
display: flex;
width: 100%;
max-width: 1170px;
padding: 0 15px;
margin: 30px auto 35px;
}
@media screen and (min-width: 768px) {
.listivo-panel-listings-bar {
margin-top: 50px;
}
}
@media screen and (min-width: 1025px) {
.listivo-panel-listings-bar {
padding-left: 30px;
padding-right: 30px;
}
}
.listivo-panel-listings-bar .listivo-simplest-search {
min-width: 100%;
}
@media (min-width: 600px) {
.listivo-panel-listings-bar .listivo-simplest-search {
min-width: initial;
}
}
@media (max-width: 1023px) {
.listivo-panel-listings-bar .listivo-results-bar__sort {
margin-right: 20px;
margin-bottom: 20px;
}
}
.listivo-panel-listings-bar .listivo-results-bar__sort-label {
display: none;
}
@media (min-width: 1200px) {
.listivo-panel-listings-bar .listivo-results-bar__sort-label {
display: block;
}
}
@media (max-width: 1023px) {
.listivo-panel-listings-bar {
margin-bottom: 0;
flex-wrap: wrap;
}
}
.listivo-panel-listings-bar__left {
display: flex;
}
.listivo-panel-listings-bar__right {
display: flex;
margin-left: auto;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.listivo-panel-listings-bar__right {
width: 100%;
margin-bottom: 20px;
}
}
.listivo-panel-listings-bar__menu {
display: flex;
align-items: center;
}
.listivo-panel-listings-bar__menu-link {
font-size: 18px;
font-weight: 500;
margin-right: 25px;
margin-bottom: 25px;
transition: 0.2s ease;
cursor: pointer;
}
@media (min-width: 1024px) {
.listivo-panel-listings-bar__menu-link {
margin-right: 35px;
margin-bottom: 0;
}
}
.listivo-panel-listings-bar__menu-link svg {
transition: 0.2s ease;
fill: #eeeeee;
display: inline;
}
.listivo-panel-listings-bar__menu-link:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-listings-bar__menu-link:hover svg {
fill: var(--e-global-color-lsecondary1);
}
.listivo-panel-listings-bar__menu-link--active {
color: var(--e-global-color-lprimary1);
}
.listivo-panel-listings-bar__menu-link--active svg {
fill: var(--e-global-color-lsecondary1);
}
.listivo-panel-listings-bar__menu-link-text {
display: block;
}
@media (min-width: 1024px) {
.listivo-panel-listings-bar__menu-link-text {
padding: 0 11px;
margin-bottom: 0;
}
}
.listivo-panel-count {
padding: 0 15px;
max-width: 1170px;
}
@media screen and (min-width: 768px) {
.listivo-panel-count {
margin: 45px auto;
}
}
.listivo-favorite-list {
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.listivo-favorite-list {
margin-bottom: 70px !important;
}
}
.listivo-add-listing-wrapper {
background: var(--content-light);
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 1025px) {
.listivo-add-listing-wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
.listivo-add-listing-wrapper:after {
clear: both;
content: "";
display: table;
}
.listivo-add-listing {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.listivo-add-listing {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 768px) {
.listivo-add-listing {
padding-top: 50px;
}
}
.listivo-add-listing-fields {
max-width: 1170px;
margin: 0 auto;
}
.listivo-add-listing-section {
padding: 30px 25px;
background: #fff;
border-radius: 10px;
margin-bottom: 30px;
}
.listivo-add-listing-section .listivo-checkbox {
margin: 20px 0;
}
@media (min-width: 700px) {
.listivo-add-listing-section .listivo-checkbox {
margin: 35px 0 35px 10px;
}
}
.listivo-add-listing-section__map {
height: 400px;
}
@media (min-width: 900px) {
.listivo-add-listing-section {
padding: 50px 45px;
margin-bottom: 45px;
}
}
.listivo-add-listing-notice {
width: 100%;
border-radius: 10px;
border: 1px solid rgba(83, 163, 193, 0.2);
background-color: #e6f6fc;
margin-bottom: 60px;
text-align: center;
padding: 28px 15px;
}
.listivo-add-listing-notice a {
color: var(--content-dark);
text-decoration: underline;
}
.listivo-required-asterisk {
color: #da1c2d;
}
.listivo-submit-fields-wrapper {
margin: 0 -15px;
margin-bottom: -25px;
}
@media (min-width: 900px) {
.listivo-submit-fields-wrapper {
margin-bottom: -35px;
}
}
.listivo-submit-fields-wrapper:after {
clear: both;
content: "";
display: table;
}
.listivo-submit-field {
float: left;
width: 100%;
margin-bottom: 25px;
padding: 0 15px;
position: relative;
}
@media (min-width: 900px) {
.listivo-submit-field {
width: 33.3333%;
margin-bottom: 35px;
}
}
.listivo-submit-field-label-small {
display: block;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #222;
margin-bottom: 15px;
}
.listivo-submit-field-label-small::after {
content: " ";
white-space: pre;
}
.listivo-submit-field--number input[type=text], .listivo-submit-field--price input[type=text] {
padding-right: 90px;
}
.listivo-submit-field-sign {
position: absolute;
right: 30px;
bottom: 0px;
line-height: 64px;
}
.listivo-submit-field-label-big {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-submit-field-label-big {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-submit-field-label-big .fa-check-circle {
color: green;
position: relative;
margin-right: 3px;
}
.listivo-submit-field--name {
width: 100%;
}
@media screen and (min-width: 768px) {
.listivo-submit-field--name .listivo-submit-field-name-inner {
width: calc(66.66% - 10px);
}
}
@media (max-width: 899px) {
.listivo-submit-field-multi .listivo-submit-field-label-small {
display: none;
}
.listivo-submit-field-multi .listivo-submit-field:first-of-type .listivo-submit-field-label-small {
display: block;
}
}
.listivo-submit-field-active .listivo-submit-field-sign {
display: none;
}
.listivo-submit-field-active input[type=text] {
color: var(--content-dark);
border: 1px solid var(--content-dark);
}
@media screen and (min-width: 768px) {
.listivo-submit-field-name-inner {
width: calc(50% - 10px);
}
}
.listivo-has-error input[type=text] {
border: 1px solid red !important;
color: red !important;
}
.listivo-has-error input[type=text]::placeholder {
color: red !important;
}
.listivo-has-error .listivo-select__field {
border: 1px solid red !important;
color: red !important;
}
.listivo-has-error .listivo-submit-field-sign,
.listivo-has-error .listivo-field__icon:after,
.listivo-has-error .listivo-submit-field-label-small,
.listivo-has-error .listivo-submit-field-label-big {
color: red;
}
.listivo-panel-plain-header {
background: #fff;
padding: 60px 0;
}
.listivo-panel-plain-header__inner {
margin: 0 auto;
max-width: 1200px;
padding-right: 15px;
padding-left: 15px;
}
@media screen and (min-width: 1025px) {
.listivo-panel-plain-header__inner {
padding-right: 30px;
padding-left: 30px;
}
}
.listivo-panel-plain-header h1 {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-panel-plain-header h1 {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-add-video__description {
margin-top: -15px;
margin-bottom: 20px;
}
@media (min-width: 730px) {
.listivo-add-video__input {
width: 640px;
}
}
@media (min-width: 900px) {
.listivo-add-video__input {
width: calc(50% - 10px);
}
}
.listivo-add-video__preview {
margin-top: 20px;
max-width: 640px;
margin-right: auto;
}
.listivo-add-video__preview iframe {
width: 640px;
height: 382px;
}
@media (max-width: 500px) {
.listivo-add-video__preview iframe {
height: 250px;
}
}
@media (max-width: 730px) {
.listivo-add-video__preview iframe {
height: 300px;
}
}
.listivo-multi-checkbox {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: -20px;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.listivo-multi-checkbox {
margin-bottom: -35px;
flex-direction: row;
}
}
.listivo-multi-checkbox .listivo-checkbox {
margin: 0 0 20px 0;
padding-right: 15px;
padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
.listivo-multi-checkbox .listivo-checkbox {
margin-bottom: 35px;
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.listivo-multi-checkbox .listivo-checkbox {
width: 33.33%;
}
}
.listivo-multi-checkbox .listivo-checkbox input:checked + label:after {
left: 9px;
font-size: 12px;
top: 6px;
}
.listivo-multi-checkbox-button {
width: 100%;
margin-top: 15px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.listivo-multi-checkbox-button {
margin-bottom: 35px;
}
}
.listivo-add-listing-submit-button {
text-align: right;
}
.listivo-form__section {
border-radius: 20px;
padding: 30px 15px 30px 15px;
border: 1px solid var(--border-color);
}
@media (min-width: 900px) {
.listivo-form__section {
padding: 65px 15px 101px 15px;
}
}
.listivo-form__section--dropzone {
padding: 0;
position: relative;
overflow: hidden;
}
.listivo-form__section--dropzone .vue-dropzone {
display: flex;
flex-wrap: wrap;
border: 0;
font-family: inherit !important;
position: relative;
z-index: 2;
padding: 30px 15px 80px 15px;
background: transparent;
}
@media (min-width: 900px) {
.listivo-form__section--dropzone .vue-dropzone {
padding: 30px 20px 80px 20px;
}
}
.listivo-form__section--dropzone .vue-dropzone .dz-default.dz-message {
transition: all 0.2s ease;
}
.listivo-form__section--dropzone .vue-dropzone:hover {
background: transparent;
}
.listivo-form__section--dropzone .vue-dropzone:hover .dz-default.dz-message {
color: var(--e-global-color-lprimary1);
}
.listivo-form__section--dropzone .vue-dropzone:hover + .listivo-form__gallery__bottom .listivo-form__gallery__add-photos {
color: var(--e-global-color-lprimary1);
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-image-preview {
background: transparent !important;
}
.listivo-form__section--dropzone .vue-dropzone .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 10px;
left: 50%;
top: 50%;
margin-top: -4px;
width: 100px;
margin-left: -50px;
background: #fff;
-webkit-transform: scale(1);
border-radius: 4px;
overflow: hidden;
}
.listivo-form__section--dropzone .vue-dropzone .dz-progress .dz-upload {
background-color: var(--e-global-color-lprimary1) !important;
}
.listivo-form__section--dropzone .vue-dropzone .dz-error .dz-error-message {
opacity: 1 !important;
position: absolute;
top: 10px !important;
height: calc(100% - 20px);
width: calc(100% - 20px);
padding: 15px;
display: flex !important;
vertical-align: middle !important;
left: 10px;
margin: 0;
display: flex;
align-items: center;
font-size: 13px;
line-height: 16px;
}
.listivo-form__section--dropzone .vue-dropzone .dz-error .dz-error-message span {
display: block;
text-align: center;
width: 100%;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview {
position: relative;
width: 50%;
margin: 0;
padding: 10px;
border-radius: 10px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.listivo-form__section--dropzone .vue-dropzone .dz-preview {
width: 25%;
}
}
@media screen and (min-width: 1025px) {
.listivo-form__section--dropzone .vue-dropzone .dz-preview {
width: 20%;
}
}
@media screen and (min-width: 1200px) {
.listivo-form__section--dropzone .vue-dropzone .dz-preview {
width: 16.666%;
}
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-remove {
border: 0;
font-size: 0;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-image {
border-radius: 10px !important;
position: relative;
padding-bottom: 100%;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-image img {
display: block;
position: absolute;
width: 100%;
height: 100% !important;
left: 0;
top: 0;
object-fit: cover;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-image img[src$=svg] {
width: 50px !important;
height: 50px !important;
top: 50% !important;
left: 0 !important;
margin: -25px auto 0 !important;
right: 0 !important;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete .dz-remove {
right: 10px;
top: 10px;
padding: 10px 0 0 0;
width: 50px;
height: 50px;
opacity: 1;
text-align: center;
display: flex;
position: absolute !important;
background: rgba(255, 255, 255, 0.5) !important;
transition: all 0.2s ease;
}
@media (max-width: 767px) {
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete .dz-remove {
width: 100%;
height: 100%;
border: 0 solid transparent !important;
}
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete .dz-remove:hover {
text-decoration: none !important;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete .dz-remove:after {
border: 1px solid var(--border-color);
display: block;
padding: 0 !important;
margin: 0 !important;
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-size: 20px;
background: #fff;
height: 40px;
line-height: 40px;
color: #000;
text-align: center;
width: 40px;
border-radius: 50%;
}
@media (max-width: 767px) {
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete .dz-remove:after {
position: absolute;
left: 15px;
right: 0;
top: 50%;
margin: -37px auto 0 !important;
border: 1px solid var(--border-color);
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
}
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-details {
display: none;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-image {
border-radius: 10px;
overflow: hidden;
background: #222732 !important;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-image img {
border-radius: 10px;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-error-mark,
.listivo-form__section--dropzone .vue-dropzone .dz-preview .dz-success-mark {
display: none;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview:hover .dz-image img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-filter: none;
filter: none;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete img {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview.dz-complete img:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.listivo-form__section--dropzone .vue-dropzone .dz-preview img {
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.listivo-form__section--dropzone .dz-remove {
z-index: 1001 !important;
}
.listivo-form__section--dropzone .dz-default.dz-message {
font-size: 24px;
color: #444;
margin: 37px auto 0 auto;
display: flex;
align-items: center;
transition: color 0.2s ease;
}
.listivo-form__section--dropzone .dz-default.dz-message span {
display: inline-flex;
align-items: center;
}
.listivo-form__section--dropzone .dz-default.dz-message span i {
color: var(--e-global-color-lprimary1);
font-size: 30px;
margin-right: 14px;
}
.listivo-form__gallery__bottom {
position: absolute;
padding: 0 20px;
bottom: 35px;
display: flex;
width: 100%;
justify-content: flex-end;
}
@media (min-width: 900px) {
.listivo-form__gallery__bottom {
padding: 0 30px;
}
}
.listivo-form__gallery__counter {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #444444;
}
.listivo-form__gallery__add-photos {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #99a1b2;
cursor: pointer;
margin-right: auto;
transition: 0.2s ease;
}
.listivo-form__gallery__add-photos i {
color: var(--e-global-color-lprimary1);
font-size: 22px;
margin-right: 13px;
right: 1px;
top: -7px;
}
.listivo-form__gallery__add-photos:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-form__section--attachments .dz-image img {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 25px !important;
width: 60px !important;
height: 60px !important;
margin: 0 auto !important;
}
.listivo-form__section--attachments .dz-details {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center;
flex-direction: column;
opacity: 1 !important;
width: calc(100% - 20px) !important;
min-width: initial !important;
height: calc(100% - 20px) !important;
border-radius: 10px !important;
left: 10px !important;
top: 10px !important;
background: rgba(0, 0, 0, 0.7) !important;
padding: 15px 10px !important;
line-height: 1.2 !important;
cursor: move !important;
cursor: grab !important;
cursor: -moz-grab !important;
cursor: -webkit-grab !important;
}
.listivo-form__section--attachments .dz-size {
opacity: 0;
margin-bottom: 0;
transition: 0.2s ease;
}
.listivo-form__section--attachments .dz-size span {
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listivo-form__section--attachments .dz-filename {
opacity: 0;
max-width: 130px !important;
transition: 0.2s ease;
}
.listivo-form__section--attachments .dz-filename span {
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listivo-form__section--attachments .dz-success .dz-size,
.listivo-form__section--attachments .dz-success .dz-filename {
opacity: 1;
}
.listivo-settings {
display: flex;
width: 100%;
max-width: 1170px;
margin: 50px auto 0 auto;
flex-direction: column;
padding: 0 15px;
margin-bottom: 50px !important;
margin: 30px auto 0 auto;
}
@media screen and (min-width: 768px) {
.listivo-settings {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 768px) {
.listivo-settings {
margin-top: 50px;
}
}
.listivo-settings-fields-wrapper {
margin: 0 -15px;
}
.listivo-settings-fields {
display: flex;
width: 100%;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: -15px;
}
@media screen and (min-width: 768px) {
.listivo-settings-fields {
margin-bottom: -35px;
}
}
.listivo-settings-fields__button {
margin-top: 35px;
}
.listivo-settings-field {
margin-bottom: 35px;
padding: 0 15px;
position: relative;
}
@media screen and (min-width: 768px) {
.listivo-settings-field {
width: 50%;
}
}
.listivo-settings-field-label {
display: block;
width: 100%;
margin-bottom: 15px;
font-size: 18px;
font-weight: 500;
color: #222;
}
.listivo-settings-field-label i {
display: none;
}
@media (min-width: 420px) {
.listivo-settings-field-label i {
display: inline;
color: var(--content-dark);
margin-right: 4px;
}
}
.listivo-settings-field-label svg {
display: none;
height: 24px;
position: relative;
top: 6px;
margin-right: 0px;
stroke: var(--content-dark);
}
@media (min-width: 420px) {
.listivo-settings-field-label svg {
display: inline;
}
}
.listivo-settings-field--full {
width: 100%;
}
.listivo-settings-field--change-email {
margin-top: 35px;
}
.listivo-settings-field--description {
width: 100%;
}
.listivo-settings-field--description:after {
clear: both;
content: "";
display: table;
}
.listivo-settings-field--description textarea {
float: left;
min-height: 250px;
}
.listivo-settings-field--map {
width: 100%;
}
.listivo-settings-field--map .listivo-checkbox {
padding: 35px 0 35px 15px;
}
.listivo-settings-map {
width: 100%;
height: 400px;
border-radius: 10px;
}
.listivo-settings-avatar {
padding: 30px;
border-radius: 10px;
border: 1px solid #e4ebf0;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
flex-direction: column;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.listivo-settings-avatar {
flex-direction: row;
}
}
.listivo-settings-avatar:hover {
background: #f4f4f4;
}
.listivo-settings-avatar--transparent-bg .listivo-settings-avatar__image {
background-color: transparent;
}
.listivo-settings-avatar__image {
min-width: 150px;
height: 150px;
overflow: hidden;
border-radius: 8px;
background-color: var(--content-dark);
text-align: center;
position: relative;
}
.listivo-settings-avatar__image img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.listivo-settings-avatar__image svg {
height: 150px;
}
.listivo-settings-avatar__text {
margin-top: 20px;
width: 100%;
text-align: center;
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
}
@media screen and (min-width: 768px) {
.listivo-settings-avatar__text {
font-size: 24px;
letter-spacing: -0.24px;
}
}
@media screen and (min-width: 768px) {
.listivo-settings-avatar__text {
margin-left: 60px;
margin-right: auto;
text-align: left;
width: auto;
margin-top: 0;
}
}
.tdf-panel-remove-button {
position: absolute;
top: 41px;
cursor: pointer;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
border-radius: 50%;
border: 1px solid #e4ebf0;
background-color: #fff;
left: 139px;
z-index: 3;
outline: 0 solid transparent !important;
transition: 0.2s ease;
}
.tdf-panel-remove-button:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00d";
color: #000;
font-size: 20px;
}
.tdf-panel-remove-button:hover {
background: #f2f2f2;
}
.listivo-settings-whats-app {
margin-top: 15px;
}
.listivo-chat-send-form textarea {
height: 280px;
margin-bottom: 30px;
}
.listivo-chat-wrapper {
padding: 0 15px;
}
.listivo-chat {
display: flex;
max-width: 1140px;
padding: 30px 25px;
border-radius: 10px;
margin-bottom: 50px !important;
position: relative;
}
@media (max-width: 899px) {
.listivo-chat {
margin-top: 30px;
padding: 25px;
border: 1px solid var(--border-color);
}
}
@media (min-width: 900px) {
.listivo-chat {
padding: 0 30px;
margin: 50px auto 0 auto;
border: 1px solid var(--border-color);
}
}
@media screen and (min-width: 768px) {
.listivo-chat {
margin-bottom: 70px !important;
}
}
.listivo-chat .listivo-chat__loader {
left: 0;
text-align: center;
right: 0;
height: 38px;
margin-bottom: 30px;
}
.listivo-chat .listivo-chat__loader svg {
width: 50px;
height: 34px;
fill: var(--e-global-color-lprimary1);
}
.listivo-chat .listivo-chat__users {
display: flex;
width: 360px;
flex-direction: column;
margin-right: 30px;
}
@media (min-width: 900px) {
.listivo-chat .listivo-chat__users {
padding-bottom: 30px;
padding-top: 30px;
padding-right: 30px;
border-right: 1px solid var(--border-color);
}
}
@media (min-width: 1024px) {
.listivo-chat .listivo-chat__users {
width: 450px;
}
}
.listivo-chat .listivo-chat__user {
display: flex;
cursor: pointer;
margin-bottom: 10px;
padding: 25px 0 25px 0;
width: 100%;
align-items: center;
transition: 0.2s ease;
}
@media (min-width: 900px) {
.listivo-chat .listivo-chat__user {
padding: 25px 30px 25px 25px;
border-left: 3px solid transparent;
}
.listivo-chat .listivo-chat__user:hover {
border-color: var(--content-dark);
}
}
@media (max-width: 899px) {
.listivo-chat .listivo-chat__user {
border-bottom: 1px solid var(--border-color);
}
.listivo-chat .listivo-chat__user:first-of-type {
margin-top: 10px;
}
.listivo-chat .listivo-chat__user:last-of-type {
border-bottom: none;
}
}
@media (min-width: 900px) {
.listivo-chat .listivo-chat__user--active {
border-color: var(--content-dark);
background: var(--nonary);
}
.listivo-chat .listivo-chat__user--active .listivo-chat__avatar-big__placeholder {
background: #fff;
}
}
.listivo-chat .listivo-chat__user--not-seen {
background-color: var(--e-global-color-lprimary3) !important;
}
.listivo-chat .listivo-chat__user-details {
padding-left: 85px;
width: 100%;
}
@media screen and (min-width: 1025px) {
.listivo-chat .listivo-chat__user-details {
padding-left: 100px;
}
}
.listivo-chat .listivo-chat__user-name {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
margin-bottom: 11px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listivo-chat .listivo-chat__intro {
font-size: 12px;
font-weight: 500;
color: #444;
display: flex;
}
.listivo-chat .listivo-chat__intro-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listivo-chat .listivo-chat__intro-date {
white-space: nowrap;
}
.listivo-chat .listivo-chat__conversation {
display: flex;
flex-direction: column;
flex: 1;
padding-top: 30px;
padding-bottom: 30px;
}
.listivo-chat .listivo-chat__messages {
background: var(--nonary);
}
.listivo-chat .listivo-chat__message-wrapper {
display: flex;
flex-direction: column;
}
.listivo-chat .listivo-chat__message-wrapper--me {
justify-content: flex-end;
}
.listivo-chat .listivo-chat__message-wrapper--me .listivo-chat__text {
background: rgba(0, 112, 250, 0.1);
}
.listivo-chat .listivo-chat__message-wrapper:nth-last-child(1) .listivo-chat__text {
margin-bottom: 50px;
}
.listivo-chat .listivo-chat__message-wrapper:nth-last-child(1) .listivo-chat__avatar-small img,
.listivo-chat .listivo-chat__message-wrapper:nth-last-child(1) .listivo-chat__avatar-small__placeholder {
bottom: 50px;
}
.listivo-chat .listivo-chat__text {
padding: 10px 15px;
background: #fff;
margin-bottom: 10px;
border-radius: 10px;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
word-break: break-word;
}
.listivo-chat .listivo-chat__text a {
text-decoration: underline !important;
}
.listivo-chat .listivo-chat__editor {
background: #FFFFFF;
height: 138px;
width: 100%;
resize: vertical;
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;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07) !important;
border-radius: 10px !important;
font-size: 16px !important;
line-height: 27px !important;
padding: 20px !important;
margin: 0 0 15px 0;
float: left;
}
.listivo-chat .listivo-chat__editor-label {
font-weight: bold;
font-size: 22px;
line-height: 32px;
color: #1E232C;
}
.listivo-chat .listivo-chat__button {
margin-top: 7px;
text-align: right;
}
.listivo-chat__message {
display: flex;
position: relative;
}
@media (min-width: 900px) {
.listivo-chat__message {
width: calc(50% + 60px);
}
}
.listivo-chat__message-wrapper--me .listivo-chat__message {
margin-left: auto;
}
.listivo-chat__message-wrapper--other .listivo-chat__message {
margin-right: auto;
}
.listivo-chat__time {
text-align: center;
color: #6F6F6F;
font-size: 11px;
line-height: 1.3;
margin: 0 0 10px 0;
width: 100%;
}
.listivo-chat__avatar-big {
min-width: 70px;
min-height: 70px;
max-width: 70px;
max-height: 70px;
overflow: hidden;
border-radius: 50%;
position: absolute;
}
.listivo-chat__avatar-big__placeholder {
border-radius: 50%;
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--nonary);
text-align: center;
font-size: 20px;
line-height: 70px;
background-size: cover;
z-index: 0;
color: var(--content-dark);
}
.listivo-chat__avatar-small__placeholder {
border-radius: 50%;
display: block;
content: "";
width: 45px;
height: 45px;
position: absolute;
bottom: 10px;
left: 0;
text-align: center;
font-size: 16px;
line-height: 45px;
background: #fff;
color: var(--content-dark);
background-size: cover;
z-index: 0;
}
.listivo-chat__avatar-small {
margin-right: 15px;
width: 45px;
height: 45px;
}
.listivo-chat__avatar-small img {
border-radius: 50%;
position: absolute;
bottom: 10px;
width: 45px;
height: 45px;
}
.listivo-chat__message-wrapper--me .listivo-chat__text {
margin-left: auto;
}
.listivo-chat__message-wrapper--me .listivo-chat__avatar-small {
display: none;
}
.listivo-chat__load-more {
text-align: center;
margin-bottom: 30px;
}
.listivo-chat__load-more .listivo-button {
font-weight: 600;
height: 40px;
padding: 0 20px;
border-radius: 8px;
font-size: 14px;
text-transform: initial;
}
@media (min-width: 900px) {
.listivo-chat__listing-info__arrow {
display: none;
}
}
.listivo-chat__listing-info__arrow__inner {
height: 50px;
width: 50px;
text-align: center;
background: #f2f5fb;
color: var(--content-dark);
margin-right: 24px;
border-radius: 50%;
line-height: 50px;
}
.listivo-chat__listing-info__user-actions__inner {
display: flex;
align-items: center;
}
@media (min-width: 900px) {
.listivo-chat__listing-info__user-actions__inner {
justify-content: space-between;
}
}
@media (max-width: 899px) {
.listivo-chat__listing-info__user-actions__inner {
margin-bottom: 15px;
padding-left: 15px;
flex-wrap: wrap;
}
}
.listivo-chat__listing-info__heading {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.listivo-chat__listing-info__heading {
font-size: 24px;
letter-spacing: -0.24px;
}
}
@media (min-width: 900px) {
.listivo-chat__listing-info__heading {
margin-bottom: 30px;
}
}
@media (min-width: 900px) {
.listivo-chat__listing-info__heading--mobile {
display: none;
}
}
@media (max-width: 899px) {
.listivo-chat__listing-info__heading--desktop {
display: none;
}
}
.listivo-chat__top {
margin-bottom: 5px;
border-radius: 5px;
}
.listivo-chat__top select {
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;
}
.listivo-chat__top__options {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.listivo-chat__messages-top {
min-height: 200px;
padding: 30px 28px 0px 45px;
height: 50vh;
overflow-y: scroll;
}
.listivo-chat__messages-bottom {
padding: 30px 45px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: var(--content-dark);
}
@media (max-width: 899px) {
.listivo-chat__messages-bottom .listivo-button,
.listivo-chat__messages-bottom textarea {
display: none;
}
.listivo-chat__messages-bottom input[type=text] {
padding: 15px !important;
}
}
@media (min-width: 900px) {
.listivo-chat__messages-bottom form {
width: 100%;
flex-direction: row;
}
.listivo-chat__messages-bottom form .listivo-chat__editor {
height: 159px;
}
.listivo-chat__messages-bottom form input[type=text] {
display: none;
}
.listivo-chat__messages-bottom form .listivo-chat__button {
margin-left: 10px;
margin-top: auto;
}
.listivo-chat__messages-bottom form .listivo-chat__button i {
margin-right: 0;
}
}
@media (max-width: 899px) {
.listivo-chat__tab--users .listivo-chat__conversation {
display: none;
}
.listivo-chat__tab--users .listivo-chat .listivo-chat__users {
width: 100% !important;
margin-right: 0 !important;
}
.listivo-chat__tab--messages .listivo-chat__users {
display: none;
}
.listivo-chat__tab--messages .listivo-chat .listivo-chat__conversation {
display: flex;
background: #fff;
padding: 15px 0px;
flex-direction: column;
flex: 1;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 9999999999999;
overflow-y: scroll;
}
.listivo-chat__tab--messages .listivo-chat__listing-info {
position: fixed;
padding-top: 15px;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 2;
}
.listivo-chat__tab--messages .listivo-chat__messages-top {
padding: 15px 15px 30px 15px;
min-height: initial !important;
max-height: none !important;
height: calc(100vh - 97px - 80px);
}
.listivo-chat__tab--messages .listivo-chat__messages-bottom {
padding: 15px;
}
}
.listivo-chat__title-chats {
color: #222732;
font-size: 30px;
line-height: 38px;
font-weight: 900;
margin-bottom: 20px;
}
@media (max-width: 899px) {
.listivo-chat__title-chats {
margin-top: 40px;
}
}
.listivo-chat__dot {
min-width: 5px;
max-width: 5px;
min-height: 5px;
max-height: 5px;
margin-left: 5px;
position: relative;
top: 5px;
margin-right: 5px;
display: inline-block;
background: var(--e-global-color-lsupport1);
border-radius: var(--radius-rounded);
}
@media (max-width: 899px) {
.listivo-chat__visit-profile {
display: none;
}
}
@media (min-width: 900px) {
.listivo-chat__visit-profile {
margin-left: auto;
margin-bottom: 30px;
}
}
@media (max-width: 899px) {
.listivo-chat .listivo-chat__messages {
background: var(--nonary);
top: 80px;
position: fixed;
width: 100%;
left: 0;
}
.listivo-chat__conversation {
padding-left: 0;
padding-right: 0;
padding-bottom: 97px !important;
}
.listivo-chat__conversation .listivo-chat__messages-bottom {
position: fixed;
bottom: 0px;
left: 0;
right: 15px;
width: 100%;
border-radius: 0;
}
}
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-wrapper {*/
/* margin-left: -10px;*/
/* margin-right: -10px;*/
/* }*/
/*}*/
/*.listivo-moderation {*/
/* width: 100%;*/
/* display: flex;*/
/* flex-direction: column;*/
/* box-shadow: var(--shadow-1);*/
/* text-align: left;*/
/* margin-top: 0;*/
/* margin-bottom: 35px;*/
/* border-radius: var(--radius-xs);*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation {*/
/* margin-top: 35px;*/
/* }*/
/*}*/
/*@media (min-width: 1350px) {*/
/* .listivo-moderation-main {*/
/* padding-left: 50px !important;*/
/* }*/
/*}*/
/*.listivo-moderation-main__mobile-category {*/
/* display: none;*/
/*}*/
/*@media (max-width: 1279px) {*/
/* .listivo-moderation-main__mobile-category {*/
/* display: block;*/
/* margin-bottom: 15px;*/
/* padding-left: 23px;*/
/* position: relative;*/
/* }*/
/* .listivo-moderation-main__mobile-category i {*/
/* position: absolute;*/
/* top: 2px;*/
/* left: 0;*/
/* }*/
/*}*/
/*.listivo-moderation-main__mobile-status {*/
/* display: none;*/
/* text-align: center;*/
/* z-index: 3;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-main__mobile-status {*/
/* position: absolute;*/
/* top: 10px;*/
/* left: 20px;*/
/* display: block;*/
/* margin-bottom: 10px;*/
/* }*/
/*}*/
/*.listivo-moderation-main__mobile-user {*/
/* display: none;*/
/*}*/
/*@media (max-width: 1279px) {*/
/* .listivo-moderation-main__mobile-user {*/
/* display: flex;*/
/* align-items: center;*/
/* margin-bottom: 10px;*/
/* position: relative;*/
/* padding-left: 23px;*/
/* }*/
/* .listivo-moderation-main__mobile-user i {*/
/* position: absolute;*/
/* top: 2px;*/
/* left: 0;*/
/* }*/
/* .listivo-moderation-main__mobile-user .listivo-moderation-user-avatar {*/
/* margin-right: 10px;*/
/* }*/
/*}*/
/*.listivo-moderation-user {*/
/* max-width: 150px;*/
/*}*/
/*@media (min-width: 1280px) {*/
/* .listivo-moderation-user {*/
/* max-width: 200px;*/
/* }*/
/*}*/
/*.listivo-moderation-category {*/
/* max-width: 150px;*/
/*}*/
/*@media (min-width: 1280px) {*/
/* .listivo-moderation-category {*/
/* max-width: 200px;*/
/* }*/
/*}*/
/*.listivo-moderation-status {*/
/* display: none;*/
/* text-align: center;*/
/* max-width: 150px;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation-status {*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-moderation-actions {*/
/* text-align: center;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-actions {*/
/* padding-top: 5px;*/
/* margin-top: auto;*/
/* }*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation-actions {*/
/* margin-left: auto;*/
/* max-width: 220px;*/
/* }*/
/*}*/
/*@media (min-width: 1350px) {*/
/* .listivo-moderation-actions {*/
/* padding-right: 50px !important;*/
/* }*/
/*}*/
/*.listivo-moderation__head {*/
/* border-radius: 10px;*/
/* background-color: var(--e-global-color-lprimary3);*/
/* padding: 35px 0;*/
/* display: none;*/
/* flex-direction: column;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation__head {*/
/* display: flex;*/
/* flex-direction: row;*/
/* }*/
/*}*/
/*.listivo-moderation__head-cell {*/
/* padding: 0 20px;*/
/* width: 100%;*/
/* font-weight: 600;*/
/* text-transform: uppercase;*/
/*}*/
/*.listivo-moderation__body {*/
/* display: flex;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation__body {*/
/* margin-bottom: -35px;*/
/* }*/
/*}*/
/*.listivo-moderation__row {*/
/* display: flex;*/
/* align-items: center;*/
/* width: 100%;*/
/* position: relative;*/
/* flex-direction: column;*/
/*}*/
/*@media (min-width: 600px) {*/
/* .listivo-moderation__row {*/
/* width: 50%;*/
/* }*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation__row {*/
/* padding: 40px 0;*/
/* width: 100%;*/
/* }*/
/* .listivo-moderation__row:nth-child(even) {*/
/* background-color: #f7fdff;*/
/* }*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation__row {*/
/* flex-direction: row;*/
/* }*/
/*}*/
/*.listivo-moderation__row-cell {*/
/* padding: 0 20px;*/
/* width: 100%;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation__row-cell {*/
/* padding: 0 10px 35px;*/
/* }*/
/*}*/
/*.listivo-moderation-action-button-wrapper {*/
/* position: relative;*/
/* display: inline;*/
/*}*/
/*.listivo-moderation-action-button {*/
/* padding: 15px 25px;*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* border-radius: 8px;*/
/* background-color: #d4eafc;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-moderation-action-button:after {*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* display: inline-block;*/
/* content: "\f078";*/
/* margin-left: 15px;*/
/* font-size: 9px;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-action-button {*/
/* margin-top: auto;*/
/* width: 100%;*/
/* }*/
/*}*/
/*.listivo-moderation-action-button--active, .listivo-moderation-action-button:hover {*/
/* background: var(--content-dark);*/
/* color: #fff;*/
/*}*/
/*.listivo-moderation-action-button--active svg, .listivo-moderation-action-button:hover svg {*/
/* fill: #fff;*/
/*}*/
/*.listivo-moderation-state-pill {*/
/* display: inline-block;*/
/* padding: 15px 25px;*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* border-radius: 8px;*/
/* background: #10b981;*/
/* color: #fff;*/
/* min-width: 120px;*/
/* text-align: center;*/
/*}*/
/*.listivo-moderation-state-pill--pending {*/
/* background: #fbbf24;*/
/*}*/
/*.listivo-moderation-state-pill--draft {*/
/* background: #1d4ed8;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-state-pill {*/
/* padding: 8px 16px;*/
/* min-width: auto;*/
/* }*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-main {*/
/* padding-bottom: 20px;*/
/* }*/
/*}*/
/*.listivo-moderation-main__inner {*/
/* display: flex;*/
/* align-items: center;*/
/* flex-direction: column;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation-main__inner {*/
/* flex-direction: row;*/
/* }*/
/*}*/
/*.listivo-moderation-main__image {*/
/* position: relative;*/
/* min-width: 100%;*/
/* padding-bottom: 62.5%;*/
/* margin-bottom: 20px;*/
/* overflow: hidden;*/
/* border-radius: 8px;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation-main__image {*/
/* min-height: 150px;*/
/* min-width: 150px;*/
/* margin-bottom: 0;*/
/* padding-bottom: 0;*/
/* margin-right: 35px;*/
/* }*/
/*}*/
/*@media (min-width: 1350px) {*/
/* .listivo-moderation-main__image {*/
/* min-height: 200px;*/
/* min-width: 200px;*/
/* }*/
/*}*/
/*.listivo-moderation-main__image img {*/
/* transition: 0.2s ease;*/
/* display: block;*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100% !important;*/
/* left: 0;*/
/* top: 0;*/
/* object-fit: cover;*/
/*}*/
/*.listivo-moderation-main__image:hover img {*/
/* filter: brightness(1.1);*/
/*}*/
/*.listivo-moderation-main__listing-name {*/
/* display: block;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-size: 20px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.2px;*/
/* font-weight: 700;*/
/* margin-bottom: 15px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-moderation-main__listing-name:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-main__listing-name {*/
/* margin-bottom: 20px;*/
/* }*/
/*}*/
/*.listivo-moderation-main__id {*/
/* font-weight: 500;*/
/* margin-bottom: 25px;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-main__id {*/
/* margin-bottom: 10px;*/
/* }*/
/*}*/
/*.listivo-moderation-main__dates {*/
/* display: flex;*/
/* flex-direction: column;*/
/* font-size: 16px;*/
/* line-height: 28px;*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-main__dates {*/
/* margin-bottom: 15px;*/
/* }*/
/*}*/
/*.listivo-moderation-user {*/
/* text-align: center;*/
/* display: none;*/
/*}*/
/*@media (min-width: 1280px) {*/
/* .listivo-moderation-user {*/
/* display: inline-block;*/
/* }*/
/*}*/
/*.listivo-moderation-user-name {*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-moderation-user-link {*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/*}*/
/*.listivo-moderation-user-link:hover .listivo-moderation-user-name {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-moderation-user-link:hover img {*/
/* filter: brightness(1.05);*/
/*}*/
/*.listivo-moderation-user-inner {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-moderation-user-avatar {*/
/* display: inline-block;*/
/* border-radius: 50%;*/
/* width: 100px;*/
/* height: 100px;*/
/* overflow: hidden;*/
/* position: relative;*/
/*}*/
/*@media (min-width: 1024px) {*/
/* .listivo-moderation-user-avatar {*/
/* margin-bottom: 15px;*/
/* }*/
/*}*/
/*.listivo-moderation-user-avatar img {*/
/* display: inline-block;*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* left: 0;*/
/* top: 0;*/
/* transition: 0.2s ease;*/
/* object-fit: cover;*/
/*}*/
/*@media (max-width: 1279px) {*/
/* .listivo-moderation-user-avatar {*/
/* width: 50px;*/
/* height: 50px;*/
/* }*/
/*}*/
/*.listivo-moderation-user-name {*/
/* display: block;*/
/*}*/
/*.listivo-moderation-category {*/
/* display: none;*/
/* text-align: center;*/
/*}*/
/*@media (min-width: 1280px) {*/
/* .listivo-moderation-category {*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-moderation-category a {*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-moderation-category a:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-moderation__dropdown {*/
/* background: var(--white);*/
/* box-shadow: var(--shadow-s);*/
/* color: var(--octonary);*/
/* text-align: center;*/
/* font-size: 16px;*/
/* min-width: 100%;*/
/* position: absolute;*/
/* z-index: 5;*/
/* right: 0;*/
/* border-radius: var(--radius-m);*/
/* margin-top: 5px;*/
/* display: flex;*/
/* flex-direction: column;*/
/* overflow: hidden;*/
/*}*/
/*.listivo-moderation__dropdown-option {*/
/* font-size: 16px;*/
/* line-height: 28px;*/
/* font-weight: 400;*/
/* white-space: nowrap;*/
/* border-bottom: 1px solid var(--border-color);*/
/*}*/
/*.listivo-moderation__dropdown-option a, .listivo-moderation__dropdown-option button {*/
/* padding: 15px 25px;*/
/* display: block;*/
/* width: 100%;*/
/* text-align: center;*/
/* font-size: 16px;*/
/* line-height: 18px;*/
/* font-weight: 600;*/
/* cursor: pointer;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-moderation__dropdown-option a:hover, .listivo-moderation__dropdown-option button:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation__dropdown {*/
/* width: 100%;*/
/* padding: 0;*/
/* }*/
/* .listivo-moderation__dropdown .listivo-moderation__dropdown-option a, .listivo-moderation__dropdown .listivo-moderation__dropdown-option button {*/
/* font-size: 20px;*/
/* line-height: 24px;*/
/* padding: 20px 25px;*/
/* }*/
/*}*/
/*@media (max-width: 1023px) {*/
/* .listivo-moderation-info {*/
/* width: 100%;*/
/* }*/
/*}*/
.listivo-card-image-placeholder {
width: 100%;
height: 100%;
background: #f9f9f9;
position: absolute;
top: 0;
left: 0;
z-index: 2;
text-align: center;
transition: 0.2s ease;
}
.listivo-card-image-placeholder:hover {
background: #f4f4f4;
}
.listivo-card-image-placeholder i {
font-size: 30px;
line-height: 30px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: -15px auto 0;
}
@media (min-width: 1024px) and (max-width: 1280px) {
.listivo-moderation-main {
height: 100%;
}
.listivo-moderation-main .listivo-moderation-main__inner {
height: 100%;
}
.listivo-moderation-main .listivo-moderation-main__image {
min-height: 100%;
}
.listivo-moderation-actions,
.listivo-moderation-status {
height: 100%;
justify-content: center;
display: flex;
align-items: center;
}
}
.listivo-panel-my-listings {
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.listivo-panel-my-listings {
margin-bottom: 70px !important;
}
}
.listivo-panel-content-wide {
max-width: 1650px;
margin: 0 auto;
padding: 0 15px;
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.listivo-panel-content-wide {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.listivo-panel-content-wide {
padding-left: 30px;
padding-right: 30px;
}
}
.listivo-simplest-search {
position: relative;
max-height: 60px;
overflow: hidden;
border-radius: 10px;
}
.listivo-simplest-search input[type=text] {
height: 60px;
}
.listivo-simplest-search__button {
position: absolute;
right: 0;
top: 0;
line-height: 60px;
height: 100px;
border: 0;
cursor: pointer;
background-color: #edf8fb;
color: #fff;
padding: 0 21px 0 32px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0% 100%);
border-top-right-radius: var(--radius-l);
border-bottom-left-radius: var(--radius-l);
}
.listivo-simplest-search__button svg {
height: 60px;
fill: var(--content-dark);
}
.listivo-panel-content-heading-wrapper {
border: 1px solid #e4ebf0;
border-radius: 10px;
margin-top: 50px;
padding: 50px 15px;
text-align: center;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.listivo-panel-content-heading-wrapper {
margin-bottom: 70px !important;
}
}
.listivo-panel-content-heading {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-panel-content-heading {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-panel-content-heading__arrow {
margin-top: 45px;
margin-bottom: 35px;
}
.listivo-panel-content-heading__arrow svg {
width: 83px;
color: var(--content-dark);
transform: rotate(180deg);
}
/*!* 11. Other *!*/
/*.listivo-print-listing {*/
/* margin: 0 auto;*/
/* max-width: 700px;*/
/* padding: 0 15px;*/
/*}*/
/*.listivo-listing-print-address svg {*/
/* position: relative;*/
/* top: 5px;*/
/* margin-right: 2px;*/
/* height: 24px;*/
/* line-height: 0px;*/
/* stroke: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-print-listing-description p {*/
/* margin-bottom: 35px;*/
/*}*/
/*.listivo-print-listing-description > *:last-child {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-print-listing-gallery__image {*/
/* margin-bottom: 15px;*/
/*}*/
/*.listivo-print-listing-gallery__image:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-print-listing-image {*/
/* display: flex;*/
/* width: 100%;*/
/*}*/
/*.listivo-print-listing-name {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-size: 28px;*/
/* letter-spacing: -0.28px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-print-listing-name {*/
/* font-size: 42px;*/
/* letter-spacing: -1.05px;*/
/* }*/
/*}*/
/*.listivo-print-listing-price {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* line-height: 1.2;*/
/* font-weight: 700;*/
/* font-size: 26px;*/
/* letter-spacing: -0.26px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-print-listing-price {*/
/* font-size: 36px;*/
/* letter-spacing: -0.36px;*/
/* }*/
/*}*/
/*.listivo-print-button {*/
/* width: 44px;*/
/* height: 44px;*/
/* line-height: 44px;*/
/* text-align: center;*/
/* background-color: #444;*/
/* border-radius: var(--radius-rounded);*/
/* display: inline-block;*/
/* color: var(--white);*/
/* padding-top: 7px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-print-button svg {*/
/* height: 24px;*/
/*}*/
/*.listivo-print-button:hover {*/
/* filter: brightness(140%);*/
/*}*/
/*.listivo-print-section-heading {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 22px;*/
/* letter-spacing: -0.22px;*/
/* margin-bottom: 20px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-print-section-heading {*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/* }*/
/*}*/
/*.listivo-print-user {*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*.listivo-print-user__image {*/
/* padding-right: 20px;*/
/* height: 100px;*/
/*}*/
/*.listivo-print-user__image img {*/
/* width: 100px;*/
/* height: 100px;*/
/* border-radius: 4px;*/
/*}*/
/*.listivo-print-user__info {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-print-user__info svg {*/
/* stroke: #444;*/
/* height: 18px;*/
/* position: relative;*/
/* top: 5px;*/
/* margin-right: 2px;*/
/*}*/
/*.listivo-print-user__name {*/
/* width: 100%;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 22px;*/
/* letter-spacing: -0.22px;*/
/* margin-bottom: 6px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-print-user__name {*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/* }*/
/*}*/
/*.listivo-print-user__contact-row {*/
/* width: 100%;*/
/* margin-bottom: 4px;*/
/* color: var(--text-2);*/
/* font-size: 16px;*/
/* text-align: left;*/
/*}*/
/*.listivo-print-user__contact-row:last-of-type {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-print-listing-attributes {*/
/* display: grid;*/
/* grid-template-columns: repeat(2, 1fr);*/
/* grid-column-gap: 20px;*/
/* grid-row-gap: 20px;*/
/*}*/
/*.listivo-print-listing-attributes {*/
/* color: #222732;*/
/* font-size: 16px;*/
/* line-height: 20px;*/
/* display: grid;*/
/* grid-column-gap: 30px;*/
/* grid-row-gap: 15px;*/
/*}*/
/*.listivo-print-listing-attributes__attribute {*/
/* display: flex;*/
/*}*/
/*.listivo-print-listing-attributes__name {*/
/* font-weight: 700;*/
/* width: 150px;*/
/* padding-right: 6px;*/
/*}*/
/*.listivo-print-listing-features {*/
/* display: grid;*/
/* grid-template-columns: repeat(2, 1fr);*/
/* grid-column-gap: 10px;*/
/* grid-row-gap: 15px;*/
/*}*/
/*.listivo-print-listing-features svg {*/
/* margin-right: 2px;*/
/* height: 24px;*/
/* top: 7px;*/
/* position: relative;*/
/* stroke: green;*/
/*}*/
/*.listivo-print-listing-break-page {*/
/* outline: 1px solid yellow;*/
/* page-break-before: always;*/
/* clear: both;*/
/*}*/
/*@media print {*/
/* .listivo-print-listing-break-page h3 {*/
/* outline: 1px solid pink;*/
/* page-break-before: always;*/
/* clear: both;*/
/* }*/
/*}*/
.listivo-main-menu {
display: none;
}
.listivo-header {
position: relative;
z-index: 10000;
}
.listivo-menu__desktop {
position: relative;
}
.listivo-menu__desktop .listivo-menu__container {
top: -1px;
}
.listivo-menu__desktop .listivo-submenu .menu-item-has-children:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
transition: all 0.2s ease;
position: absolute;
z-index: 2;
top: 19px;
right: 35px;
pointer-events: none;
font-size: 9px;
}
.listivo-menu__container {
position: relative;
}
.listivo-menu-hover {
height: 1px;
background-color: var(--e-global-color-lprimary1);
position: absolute;
left: 0;
top: 20px;
margin-top: 1px;
z-index: 10;
transition: all ease 0.5s;
}
.listivo-menu-mobile-sticky-active .listivo-mobile-menu__wrapper {
background: var(--white);
}
.listivo-menu-sticky-active .listivo-menu__wrapper {
position: fixed;
background: var(--white);
animation: listivo-slide-down 0.5s;
box-shadow: var(--shadow-s);
}
@keyframes listivo-slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.listivo-menu-sticky-active .listivo-menu__wrapper:before {
height: 0;
}
.admin-bar.listivo-menu-sticky-active .listivo-menu__wrapper {
top: 32px;
}
.admin-bar.listivo-menu-sticky-active .listivo-menu__wrapper .listivo-menu__more {
display: flex;
}
.listivo-menu__wrapper {
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
left: 0;
top: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 1025px) {
.listivo-menu__wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.listivo-menu__wrapper .listivo-logo {
min-width: 200px;
}
}
@media (min-width: 1536px) {
.listivo-menu__wrapper .listivo-logo {
min-width: 168px;
}
}
@media (min-width: 1600px) {
.listivo-menu__wrapper .listivo-logo {
min-width: 200px;
}
}
@media (min-width: 1710px) {
.listivo-menu__wrapper .listivo-logo {
min-width: 255px;
}
}
.listivo-menu__wrapper .listivo-logo img {
width: auto;
height: 40px;
}
.listivo-menu__wrapper .listivo-menu-item-depth-0 > a {
position: relative;
white-space: nowrap;
}
.listivo-menu__wrapper .listivo-logo.listivo-logo--sticky {
display: none;
}
.listivo-menu__wrapper .listivo-menu__left {
display: flex;
align-items: center;
}
.listivo-menu__wrapper .listivo-menu__left svg {
margin-top: 7px;
margin-right: 20px;
}
.listivo-menu .listivo-menu__link {
transition: 0.2s ease;
align-items: center;
height: 100%;
padding: 0;
display: flex;
font-size: 16px;
font-weight: 500;
border-top: 1px solid transparent;
}
.listivo-menu .menu-item {
z-index: 2;
height: 100%;
position: relative;
}
.listivo-menu .menu-item:hover > .listivo-menu__link {
color: var(--e-global-color-lprimary1);
}
@media screen and (min-width: 1200px) {
.listivo-menu .menu-item.menu-item-has-children:hover:after {
color: var(--e-global-color-lprimary1);
}
}
.listivo-menu .menu-item:hover > .listivo-submenu {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
@media screen and (min-width: 1200px) {
.listivo-menu > .menu-item-has-children > .listivo-menu__link:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
content: "\f078";
margin-left: 15px;
transition: 0.2s ease;
font-size: 9px;
}
}
.listivo-menu > .menu-item:first-child {
margin-left: 0;
}
.listivo-menu-sticky-active .listivo-logo {
display: none;
}
.listivo-menu-sticky-active .listivo-logo.listivo-logo--sticky {
display: block;
}
body.listivo-menu-transparent:not(.listivo-menu-sticky-active):not(.listivo-menu-mobile-sticky-active) .listivo-mobile-menu__wrapper,
body.listivo-menu-transparent:not(.listivo-menu-sticky-active):not(.listivo-menu-mobile-sticky-active) .listivo-menu__wrapper {
background-color: transparent !important;
}
body.listivo-menu-transparent {
margin-top: -1px !important;
}
body.listivo-menu-transparent .listivo-header__container {
position: relative;
}
body.listivo-menu-transparent .listivo-header__inner {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.elementor-editor-mode.listivo-menu-transparent .listivo-mobile-menu__wrapper,
.elementor-editor-mode.listivo-menu-transparent .listivo-menu__wrapper {
position: relative !important;
background: transparent !important;
}
.elementor-editor-mode.listivo-menu-transparent .listivo-header {
pointer-events: none !important;
}
.elementor-editor-mode.listivo-menu-transparent .listivo-header * {
pointer-events: none !important;
}
.elementor-editor-mode.listivo-menu-transparent .listivo-header:after {
content: "TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON TRANSPARENT MENU TURNED ON";
white-space: normal !important;
display: block;
background: black !important;
height: 100%;
width: 150%;
font-size: 24px;
position: absolute;
font-weight: 700;
color: rgba(255, 255, 255, 0.2);
top: 0;
left: 0;
overflow: hidden;
}
.elementor-editor-mode.listivo-menu-transparent .listivo-header__inner {
position: relative !important;
}
.listivo-menu-sticky-active .listivo-menu__wrapper {
height: 107px !important;
}
.listivo-menu__more {
display: flex;
height: 107px;
align-items: center;
padding-right: 1px;
}
.listivo-menu-desktop-login-register-link {
position: relative;
display: flex;
align-items: center;
margin-right: 25px;
}
.listivo-menu-desktop-login-register-link:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 1710px) {
.listivo-menu-desktop-login-register-link {
margin-right: 50px;
}
}
.listivo-menu-desktop-dashboard-link {
display: flex;
align-items: center;
}
.listivo-menu-desktop-login-register-link a {
transition: 0.2s ease;
}
.listivo-menu-desktop-login-register-link a:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-menu-desktop-login-register-link__user-icon {
margin-right: 12px;
}
.listivo-menu-desktop-login-register-link__register-text,
.listivo-menu-desktop-login-register-link__login-text {
display: inline-block;
}
.listivo-menu-desktop-login-register-link__separator {
display: inline-block;
height: 18px;
width: 1px;
background: #50514f;
margin-left: 20px;
margin-right: 20px;
}
.listivo-menu__desktop .listivo-menu {
height: 107px;
display: flex;
align-items: center;
}
.listivo-menu__desktop .listivo-menu .listivo-menu-item-depth-0 {
margin: 0 30px 0 0;
}
.listivo-menu__desktop .listivo-menu .listivo-menu-item-depth-0:last-child {
margin-right: 0;
}
.listivo-menu__more .listivo-menu-item-depth-0 {
display: inline;
}
.listivo-menu__more .listivo-menu-item-depth-0 .far {
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
}
.listivo-menu__more .listivo-menu-item-depth-0 .fas {
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
}
.listivo-logo {
font-size: 30px;
font-weight: 700;
font-family: var(--font-heading);
}
.listivo-logo img {
margin-top: -7px;
}
@media (max-width: 1024px) {
.listivo-logo {
display: flex;
align-items: center;
justify-content: center;
}
.listivo-logo a {
display: flex;
align-items: center;
justify-content: center;
}
}
.listivo-menu__limit-width {
max-width: 1650px;
margin-left: auto !important;
margin-right: auto !important;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.listivo-menu-mobile-sticky-active .listivo-mobile-menu__wrapper {
position: fixed;
width: 100%;
z-index: 99999999;
top: 0;
left: 0;
}
@media (min-width: 601px) {
.listivo-menu-mobile-sticky-active .admin-bar .listivo-hide-desktop {
top: 46px;
}
}
@media (min-width: 783px) {
.listivo-menu-mobile-sticky-active .admin-bar .listivo-hide-desktop {
top: 32px;
}
}
html:not(.listivo-menu-sticky-active) .listivo-menu-static-dark .listivo-mobile-menu__wrapper,
html:not(.listivo-menu-sticky-active) .listivo-menu-static-dark .listivo-menu__wrapper {
background: var(--content-dark);
}
.listivo-button--menu-submit {
text-transform: uppercase;
}
.listivo-button--menu-submit svg {
width: 18px;
height: 18px;
fill: #fff;
}
.listivo-mobile-menu__wrapper {
position: relative;
z-index: 100000;
display: flex;
flex-direction: row;
align-items: center;
padding: 25px 15px;
}
@media screen and (min-width: 1025px) {
.listivo-mobile-menu__wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo, .listivo-mobile-menu__wrapper .listivo-mobile-menu__hamburger, .listivo-mobile-menu__wrapper .listivo-mobile-menu__login {
height: 50px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__login {
text-align: right;
width: 50px;
max-width: 50px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__login i {
font-size: 24px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__hamburger {
width: 50px;
max-width: 50px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo {
text-align: center;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo.listivo-mobile-menu__logo--right {
text-align: right;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo.listivo-mobile-menu__logo--left {
text-align: left;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo img {
height: 40px;
width: auto;
}
@media (min-width: 1200px) {
.listivo-mobile-menu__wrapper .listivo-mobile-menu__logo img {
height: 32px;
}
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__nav {
margin-bottom: 35px;
text-align: left;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open__content {
padding: 0;
margin-bottom: 20px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open {
transform: translateX(-100%);
transition: 0.2s all ease-out;
position: fixed;
background-color: #05232d;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
z-index: 999999;
}
@media (min-width: 450px) {
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open {
max-width: 400px;
}
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open.listivo-active {
transform: translateX(0);
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-menu > .menu-item-has-children > .listivo-menu__link {
display: flex;
align-items: center;
justify-content: space-between;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .menu-item-has-children {
position: relative;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .menu-item-has-children:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
color: var(--white);
font-size: 16px;
position: absolute;
right: 28px;
top: 25px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-mobile-menu__open__top {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--content-dark);
height: 100px;
padding-left: 25px;
padding-right: 25px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-menu > .menu-item {
border-bottom: 1px solid var(--content-dark);
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-menu > .menu-item > a {
padding-top: 21px;
padding-bottom: 21px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .menu-item .listivo-menu__link {
display: block;
font-size: 20px;
line-height: 28px;
font-weight: 300;
color: var(--white);
padding-left: 25px;
padding-right: 25px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .menu-item.menu-item-has-children--open > .listivo-submenu {
display: block;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-submenu {
display: none;
padding: 0;
margin-top: 0;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-submenu .listivo-menu__link {
border-top: 1px solid var(--content-dark);
padding: 21px 20px 21px 50px;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-mobile-menu__currency-switcher {
border-top: 1px solid #e2e3e7;
padding-top: 20px;
color: #99a1b2;
font-size: 20px;
display: flex;
align-items: center;
height: 60px;
cursor: pointer;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-mobile-menu__currency-switcher select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
padding: 0 30px 0 0;
margin-left: 10px;
margin-right: 5px;
font-size: 20px;
border: none;
color: var(--octonary);
font-weight: bold;
z-index: 2;
}
.listivo-mobile-menu__wrapper .listivo-mobile-menu__open .listivo-mobile-menu__currency-switcher .fa-angle-down {
position: relative;
left: -30px;
}
.listivo-mobile-menu__wrapper .listivo-submenu--level-1 {
padding-left: 20px !important;
}
.listivo-mobile-menu__wrapper .listivo-submenu--level-2 {
padding-left: 20px !important;
}
.listivo-mobile-menu__wrapper .listivo-submenu--level-3 {
padding-left: 20px !important;
}
.listivo-mobile-menu__wrapper .listivo-submenu--level-4 {
padding-left: 20px !important;
}
.listivo-mobile-menu__info {
margin-bottom: 35px;
padding-left: 20px;
padding-right: 20px;
font-weight: 300;
color: #bbb;
font-size: 20px;
line-height: 28px;
}
.listivo-mobile-menu__info a {
font-weight: 300;
color: #fff;
margin-bottom: 15px;
display: block;
}
.listivo-mobile-menu__info-social {
display: flex;
}
.listivo-mobile-menu__info-email,
.listivo-mobile-menu__info-phone {
margin-bottom: 22px;
}
.listivo-mobile-menu__info-social {
margin-top: 35px;
}
.listivo-mobile-menu-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 0px;
float: left;
height: 100%;
background: var(--black);
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1000;
}
@media (min-width: 450px) {
.listivo-mobile-menu__open.listivo-active + .listivo-mobile-menu-mask {
width: 100%;
opacity: 0.7;
}
}
.listivo-mobile-menu__open__top__x {
position: relative;
top: 4px;
padding-left: 5px;
margin-left: auto;
}
.listivo-mobile-menu__open__top__x svg {
fill: var(--white);
}
@media (max-width: 1200px) {
.listivo-mobile-menu__wrapper--mobile-simple-menu {
flex-direction: row-reverse !important;
}
.listivo-mobile-menu__wrapper--mobile-simple-menu .listivo-logo {
text-align: left;
}
.listivo-mobile-menu__wrapper--mobile-simple-menu .listivo-mobile-menu__hamburger {
width: 50px;
text-align: right;
}
}
.listivo-menu-icon-wrapper {
width: 50px;
height: 50px;
border-radius: 8px;
background-color: var(--content-dark);
text-align: center;
align-content: center;
justify-content: center;
display: flex;
}
.listivo-menu-icon-wrapper svg {
height: 100%;
display: flex;
fill: #fff;
}
.listivo-user-icon-wrapper {
width: 50px;
height: 50px;
border-radius: 8px;
background-color: var(--content-dark);
text-align: center;
margin-left: auto;
}
.listivo-user-icon-wrapper svg {
height: 26px;
margin-top: 12px;
margin-right: 0;
fill: #fff;
}
@media screen and (min-width: 1200px) {
.listivo-submenu {
transition: all 0.25s;
transform: translate3d(0, 15px, 0);
visibility: hidden;
opacity: 0;
background: var(--white);
border: 1px solid var(--border-color);
box-shadow: var(--shadow-s);
color: var(--octonary);
font-size: 16px;
position: absolute;
left: -20px;
min-width: 260px;
border-radius: var(--radius-m);
padding: 21px 0;
margin-top: -11px;
}
.listivo-submenu .listivo-submenu {
left: calc(100% - 10px);
top: -11px !important;
}
.listivo-submenu .listivo-submenu.listivo-submenu--level-2 {
top: 0;
}
.listivo-submenu .menu-item {
padding: 0 35px;
}
.listivo-submenu .listivo-menu__link {
font-size: 16px;
line-height: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
font-weight: 400;
border-bottom: 1px solid #dddddd;
}
.listivo-submenu > .menu-item:last-child > .listivo-menu__link {
border-bottom: none;
padding-bottom: 13px;
}
.listivo-submenu.listivo-submenu--level-0: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-submenu.listivo-submenu--level-0: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;
}
}
.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.2s ease;
}
.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.2s ease;
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.2s ease;
}
.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.2s ease;
}
.listivo-desktop-user-menu__top-inner .listivo-avatar {
transition: 0.2s ease;
}
.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;
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.2s ease;
}
.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;
}
/* Links vertical */
.listivo-links-vertical a {
font-size: 16px;
line-height: normal;
font-weight: 400;
margin-bottom: 21px;
overflow: hidden;
position: relative;
display: inline-block;
transition: 0.2s ease;
text-transform: capitalize;
}
.listivo-links-vertical a:before {
content: "";
display: block;
position: absolute;
top: 7px;
left: 0;
background: var(--e-global-color-lprimary1);
border-radius: var(--radius-rounded);
width: 6px;
height: 6px;
transition: all 0.2s ease;
opacity: 0;
}
@media screen and (min-width: 1025px) {
.listivo-links-vertical a:hover {
padding-left: 15px;
}
.listivo-links-vertical a:hover:before {
opacity: 1;
}
}
.listivo-links-vertical li:last-of-type a {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.elementor-widget-lst_simple_menu .listivo-links-vertical {
margin-top: -20px;
margin-bottom: -20px;
}
.elementor-widget-lst_simple_menu .listivo-links-vertical li {
display: flex;
width: 100%;
}
.elementor-widget-lst_simple_menu .listivo-links-vertical li a {
border-bottom: 1px solid #E4EBF026;
padding-bottom: 20px;
padding-top: 20px;
padding-right: 25px;
display: block;
margin: 0;
width: 100%;
position: relative;
}
.elementor-widget-lst_simple_menu .listivo-links-vertical li a:before {
top: 50%;
margin-top: -3px;
right: 0;
}
.elementor-widget-lst_simple_menu .listivo-links-vertical li a:after {
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
content: "\f054";
font-size: 12px;
color: #fff;
margin-left: auto;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -7px;
right: 0;
}
.elementor-widget-lst_simple_menu .listivo-links-vertical li:last-of-type a {
border-bottom: none;
}
}
/*.listivo-address {*/
/* font-size: 16px;*/
/* font-weight: 400;*/
/* align-items: center;*/
/* position: relative;*/
/*}*/
/*.listivo-address svg {*/
/* stroke: var(--e-global-color-lprimary1);*/
/* height: 20px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/*}*/
/*.listivo-address span {*/
/* margin-right: 6px;*/
/*}*/
.listivo-address--with-icon .listivo-address__inner {
display: inline-block;
position: relative;
padding-left: 25px;
}
/* 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.2s ease;
}
.listivo-see-map:hover {
color: var(--content-dark);
}
.listivo-listing__map {
width: 100%;
height: 300px;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
.listivo-listing__map {
height: 360px;
}
}
@media screen and (min-width: 1025px) {
.listivo-listing__map {
height: 400px;
}
}
.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 {
position: relative;
z-index: 10;
}
@media screen and (min-width: 768px) {
.listivo-heading {
display: flex;
flex-direction: column;
}
}
.listivo-heading--left .listivo-heading__small-text-content {
text-align: left;
}
.listivo-heading--left .listivo-heading__text h2 {
text-align: left;
}
.listivo-heading--right .listivo-heading__small-text-content {
text-align: right;
}
.listivo-heading--right .listivo-heading__text h2 {
text-align: right;
}
.listivo-heading--center .listivo-heading__small-text-content {
text-align: center;
}
.listivo-heading--center .listivo-heading__text h2 {
text-align: center;
}
.listivo-heading__small-text {
position: relative;
display: flex;
align-items: center;
font-weight: 300;
color: #444;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.listivo-heading__small-text {
margin-bottom: 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 18px;
}
}
.listivo-heading__small-text__svg-1 {
width: 25px;
height: 1px;
margin-right: 20px;
}
.listivo-heading__small-text__svg-1 svg {
position: absolute;
fill: #666;
}
.listivo-heading__small-text__svg-2 {
width: 25px;
height: 1px;
margin-left: 20px;
}
.listivo-heading__small-text__svg-2 svg {
position: absolute;
fill: #666;
}
.listivo-heading__text h2 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 30px;
letter-spacing: -0.3px;
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 768px) {
.listivo-heading__text h2 {
font-size: 42px;
letter-spacing: -1.05px;
}
}
@media screen and (min-width: 1200px) {
.listivo-heading__text h2 {
font-size: 54px;
letter-spacing: -1.35px;
}
}
.listivo-heading__main {
position: relative;
text-align: center;
}
@media screen and (min-width: 768px) {
.listivo-heading__main {
text-align: left;
display: inline-flex;
}
}
.listivo-heading .listivo-heading__arrow {
width: 83px;
height: 62px;
}
.listivo-heading .listivo-heading__arrow svg {
fill: var(--e-global-color-lprimary1);
}
@media screen and (min-width: 768px) {
.listivo-heading .listivo-heading__arrow svg {
margin-top: -11px;
}
}
@media (max-width: 767px) {
.listivo-heading .listivo-heading__arrow {
position: static;
display: block;
text-align: center;
width: 100%;
height: 62px;
left: 0;
margin-top: 15px;
}
.listivo-heading .listivo-heading__arrow svg {
text-align: center;
width: 83px;
height: 63px;
}
}
@media screen and (min-width: 768px) {
.listivo-heading--arrow_right_bottom .listivo-heading__text {
padding-left: 137px;
padding-right: 137px;
}
}
.listivo-heading--arrow_right_bottom .listivo-heading__arrow {
transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
.listivo-heading--arrow_right_bottom .listivo-heading__arrow {
position: absolute;
bottom: 0;
right: 0;
}
}
@media screen and (min-width: 768px) {
.listivo-heading--arrow_left_bottom .listivo-heading__text {
padding-left: 137px;
padding-right: 137px;
}
}
@media screen and (min-width: 768px) {
.listivo-heading--arrow_left_bottom .listivo-heading__arrow {
position: absolute;
bottom: 0;
left: 0;
}
}
@media (max-width: 399px) {
.listivo-heading--triangle h2,
.listivo-heading--triangle_left h2 {
padding-left: 0;
padding-right: 0;
}
.listivo-heading--triangle .listivo-heading__triangle,
.listivo-heading--triangle_left .listivo-heading__triangle {
display: none;
}
}
@media (min-width: 400px) {
.listivo-heading--triangle h2,
.listivo-heading--triangle_left h2 {
padding-left: 34px;
padding-right: 34px;
}
}
@media screen and (min-width: 768px) {
.listivo-heading--triangle h2,
.listivo-heading--triangle_left h2 {
padding-left: 59px;
padding-right: 59px;
}
}
@media screen and (min-width: 1200px) {
.listivo-heading--triangle h2,
.listivo-heading--triangle_left h2 {
padding-left: 116px;
padding-right: 116px;
}
}
.listivo-heading--triangle_left .listivo-heading__triangle {
position: absolute;
top: -10px;
left: 0px;
width: 1.8125rem;
height: 1.8125rem;
}
.listivo-heading--triangle_left .listivo-heading__triangle svg {
fill: var(--e-global-color-lsecondary1);
}
@media (max-width: 399px) {
.listivo-heading--triangle_left .listivo-heading__triangle {
left: -10px;
}
}
.listivo-heading--triangle .listivo-heading__triangle {
position: absolute;
top: -10px;
right: 0px;
width: 1.8125rem;
height: 1.8125rem;
}
.listivo-heading--triangle .listivo-heading__triangle svg {
fill: var(--e-global-color-lprimary1);
}
@media (max-width: 400px) {
.listivo-heading--triangle .listivo-heading__triangle {
right: -10px;
}
}
.listivo-heading--center {
align-items: center;
margin: auto;
display: flex;
width: 100%;
flex-direction: column;
}
.listivo-heading--right {
align-items: flex-end;
}
.listivo-heading-listing-attachments {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-heading-listing-attachments {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-heading-listing-location {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 24px;
letter-spacing: -0.24px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-heading-listing-location {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-listing-location {
padding-top: 35px;
}
.listivo-heading-listing-embed {
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-heading-listing-embed {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-large-heading {
line-height: 1.27;
font-family: var(--font-heading);
font-family: var(--font-text);
font-size: 42px;
line-height: 48px;
font-weight: 700;
}
@media (min-width: 1025px) {
.listivo-large-heading {
font-size: 70px;
line-height: 77px;
font-weight: 800;
}
}
.listivo-large-heading span {
position: relative;
}
.listivo-large-heading span:after {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 913.000000 42.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,42.000000) scale(0.100000,-0.100000)' fill='rgb(255, 193, 74)' stroke='none'><path d='M7962 404 c-11 -12 -33 -14 -100 -12 -48 1 -240 -1 -427 -5 -187 -4 -506 -10 -710 -13 -354 -5 -415 -7 -603 -19 -185 -11 -867 -23 -1392 -25 -124 -1 -360 -6 -525 -11 -385 -14 -451 -15 -1170 -23 -411 -5 -646 -12 -745 -22 -86 -9 -301 -17 -530 -20 -244 -3 -422 -10 -485 -19 -90 -13 -202 -18 -640 -30 -77 -2 -189 -11 -250 -19 -60 -9 -151 -16 -202 -16 -50 0 -103 -4 -116 -9 -33 -13 -40 -47 -21 -109 l17 -52 193 0 c123 0 194 4 194 10 0 6 14 10 30 10 17 0 30 -4 30 -10 0 -15 107 -13 112 2 5 13 100 18 562 32 115 4 263 11 330 16 67 5 312 14 546 20 234 5 529 14 655 20 234 10 529 16 1255 25 637 8 931 14 1270 25 173 5 506 15 740 21 675 17 689 17 820 28 69 5 217 10 330 11 271 1 727 18 815 30 39 5 254 9 478 10 452 0 580 9 635 46 l32 22 -32 23 c-20 14 -50 24 -77 26 -26 1 -111 7 -191 13 -80 5 -187 10 -238 11 -65 0 -96 5 -106 15 -17 16 -106 19 -106 4 0 -5 -9 -10 -20 -10 -11 0 -20 5 -20 10 0 6 -61 10 -162 10 -133 -1 -165 -4 -176 -16z '/></g></svg>");
width: 85%;
position: absolute;
bottom: -12px;
left: 0;
margin-top: -15px;
z-index: -1;
}
.listivo-subheading {
position: relative;
text-align: center;
}
.listivo-subheading__text {
position: relative;
text-align: center;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.listivo-subheading__text {
font-size: 24px;
letter-spacing: -0.3px;
}
}
@media screen and (min-width: 1025px) {
.listivo-subheading__text {
font-size: 30px;
letter-spacing: -0.3px;
}
}
.listivo-subheading__arrow {
position: absolute;
width: 5.1875rem;
height: 3.875rem;
}
.listivo-subheading__arrow svg {
fill: var(--e-global-color-lprimary1);
}
.listivo-subheading__arrow--left-up {
top: -1.875rem;
left: 5rem;
transform: rotate(180deg) scaleX(-1);
}
.listivo-subheading__arrow--left-down {
bottom: -1.875rem;
left: 5rem;
}
.listivo-subheading__arrow--right-down {
bottom: -1.875rem;
right: 5rem;
transform: scaleX(-1);
}
@media screen and (min-width: 1200px) {
.listivo-subheading--right-up {
display: inline-block;
padding-left: 137px;
padding-right: 137px;
}
.listivo-subheading--right-up .listivo-subheading__arrow {
transform: rotate(180deg);
top: -30px;
right: 15px;
}
}
.listivo-subheading--right-up svg {
display: none;
}
@media screen and (min-width: 1200px) {
.listivo-subheading--right-up svg {
display: inline-block;
}
}
@media screen and (min-width: 1025px) {
.listivo-subheading--right-bottom {
display: inline-block;
padding-left: 137px;
padding-right: 137px;
}
.listivo-subheading--right-bottom .listivo-subheading__arrow {
transform: rotate(180deg);
top: -30px;
right: 15px;
}
}
.listivo-profiles {
display: flex;
flex-wrap: wrap;
margin: 0 -10px -20px -10px;
}
@media screen and (min-width: 1025px) {
.listivo-profiles {
margin: 0 -15px -50px -15px;
}
}
.listivo-profiles__col {
width: 100%;
padding: 0 10px;
}
@media screen and (min-width: 768px) {
.listivo-profiles__col {
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.listivo-profiles__col {
width: 33.33333%;
padding: 0 15px;
}
}
.listivo-profiles__col .listivo-profile {
margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
.listivo-profiles__col .listivo-profile {
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
.listivo-profiles__col .listivo-profile:hover .listivo-profile__image-wrapper:after {
background-image: linear-gradient(to top, #000000 15%, rgba(0, 0, 0, 0) 100%);
height: 100%;
}
}
@media (max-width: 1023px) {
.listivo-profiles__col .listivo-profile .listivo-profile__image-wrapper:after {
background-image: linear-gradient(to top, #000000 15%, rgba(0, 0, 0, 0) 100%);
height: 250px;
}
}
.listivo-profile {
display: block;
position: relative;
border-radius: var(--radius-l);
overflow: hidden;
cursor: pointer;
}
@media (min-width: 1024px) {
.listivo-profile:hover .listivo-profile__hidden {
opacity: 1;
bottom: 45px;
}
.listivo-profile:hover .listivo-profile__visible {
margin-bottom: 165px;
}
}
@media (max-width: 1023px) {
.listivo-profile .listivo-profile__hidden {
opacity: 1;
bottom: 20px;
}
.listivo-profile .listivo-profile__visible {
margin-bottom: 120px;
}
}
.listivo-profile__link-profile {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.listivo-profile__image-wrapper {
width: 100%;
padding-top: 100%;
}
.listivo-profile__image-wrapper img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.listivo-profile__image-wrapper:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 200px;
background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
opacity: 0.8;
transition: 0.2s ease;
}
.listivo-profile__details {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.listivo-profile__visible {
position: relative;
margin-bottom: 45px;
transition: 0.2s ease;
}
.listivo-profile__title {
color: var(--white);
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.listivo-profile__title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
@media (min-width: 1024px) {
.listivo-profile__title {
margin-bottom: 11px;
}
}
.listivo-profile__subtitle {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
color: var(--white);
}
.listivo-profile__hidden {
position: absolute;
width: 100%;
bottom: -105px;
transition: 0.2s ease;
}
.listivo-profile__phone {
display: inline-block;
position: relative;
z-index: 4;
margin: 0 auto 10px auto;
color: var(--white);
font-size: 16px;
font-weight: 500;
line-height: 40px;
border-radius: var(--radius-xxl);
padding: 0 20px;
background-color: rgba(255, 255, 255, 0.2);
transition: 0.2s ease;
}
@media (min-width: 1024px) {
.listivo-profile__phone {
margin-bottom: 25px;
}
}
.listivo-profile__phone:hover {
color: #fff;
background: rgba(255, 255, 255, 0.3);
}
.listivo-profile__phone i {
font-size: 16px;
margin-right: 4px;
}
.listivo-profile__phone svg {
width: 16px;
margin-right: 4px;
fill: var(--white);
position: relative;
top: 3px;
}
.listivo-profile__social-icon {
position: relative;
z-index: 4;
}
.listivo-profile__social-icon .listivo-social-profiles__single {
background: var(--white);
color: rgba(11, 67, 85, 0.6);
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
margin-right: 2px;
}
.listivo-profile__social-icon .listivo-social-profiles__single:hover {
background: var(--e-global-color-lprimary1);
color: #fff;
}
.listivo-social-profiles--user .listivo-social-profiles__single {
margin-right: 2px;
}
.listivo-social-profiles--user .listivo-social-profiles__single:last-of-type {
margin-right: 0;
}
.listivo-profile--single .listivo-profile__hidden {
opacity: 1;
bottom: 20px;
}
@media (min-width: 1024px) {
.listivo-profile--single .listivo-profile__hidden {
bottom: 45px;
}
}
.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.2s ease;
}
.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(--content-light);
padding: 100px 15px;
text-align: center;
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-template-placeholder {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-template-placeholder svg {
margin-bottom: 15px;
fill: #222;
}
/* Shapes */
.listivo-shape {
font-size: 0;
}
.listivo-shape-line:after {
clear: both;
content: "";
display: table;
}
.listivo-shape-line svg {
width: 112px;
fill: var(--e-global-color-lsecondary1);
}
.listivo-shape-triangle svg {
width: 29px;
fill: var(--e-global-color-lprimary1);
}
.listivo-shape-dots {
background: url("assets/img/pattern_2.png") no-repeat;
width: 119px;
height: 129px;
}
.listivo-shape-arrow-1 svg {
width: 83px;
fill: var(--e-global-color-lprimary1);
}
.listivo-shape-ox svg {
width: 36px;
fill: var(--e-global-color-lprimary1);
}
.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.2s ease;
}
.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-avatar {
background: url("assets/img/avatar.png") no-repeat;
background-size: cover;
z-index: 0;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--border-color);
min-height: 60px;
min-width: 60px;
display: flex;
align-items: center;
justify-content: center;
content: "";
background: #fff;
font-size: 20px;
background-size: cover;
color: var(--content-dark);
}
.listivo-avatar svg {
width: 40%;
height: 40%;
}
@media screen and (min-width: 1025px) {
.listivo-col-180px-width-desktop {
max-width: 185px !important;
min-width: 185px !important;
}
.listivo-col-180px-width-desktop + .elementor-column {
width: calc(100% - 185px) !important;
}
}
/*!* Access - Login / Register *!*/
/*.listivo-access {*/
/* max-width: 500px;*/
/* padding-bottom: 30px;*/
/* box-shadow: var(--shadow-s);*/
/* border-radius: var(--radius-l);*/
/* background-color: var(--white);*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access {*/
/* padding-bottom: 55px;*/
/* }*/
/*}*/
/*.listivo-access__tabs {*/
/* display: flex;*/
/* flex-wrap: nowrap;*/
/* width: 100%;*/
/*}*/
/*.listivo-access__tab {*/
/* font-size: 18px;*/
/* padding: 20px 5px;*/
/* font-weight: 700;*/
/* line-height: 27px;*/
/* text-align: center;*/
/* position: relative;*/
/* border-bottom: 1px solid var(--border-color);*/
/* margin-bottom: 25px;*/
/* width: 100%;*/
/* font-family: var(--font-heading);*/
/*}*/
/*@media (min-width: 360px) {*/
/* .listivo-access__tab {*/
/* font-size: 20px;*/
/* padding-top: 26px;*/
/* padding-bottom: 26px;*/
/* }*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__tab {*/
/* margin-bottom: 45px;*/
/* }*/
/*}*/
/*.listivo-access__tab:after {*/
/* margin: 0 auto;*/
/* content: "";*/
/* position: absolute;*/
/* font-weight: 700;*/
/* height: 3px;*/
/* background: var(--e-global-color-lprimary1);*/
/* bottom: 0;*/
/* left: 0;*/
/* right: 0;*/
/* width: 0;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-access__tab--active:after {*/
/* width: 100%;*/
/*}*/
/*.listivo-access__title-solo {*/
/* padding-top: 30px;*/
/* padding-bottom: 30px;*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* line-height: 1.2;*/
/* font-weight: 700;*/
/* font-size: 26px;*/
/* letter-spacing: -0.26px;*/
/* text-align: center;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-access__title-solo {*/
/* font-size: 36px;*/
/* letter-spacing: -0.36px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-access__title-solo {*/
/* padding-top: 50px;*/
/* padding-left: 50px;*/
/* padding-right: 50px;*/
/* }*/
/*}*/
/*.listivo-access__socials {*/
/* margin-bottom: -12px;*/
/* margin-left: 0;*/
/* margin-right: 0;*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-access__socials {*/
/* padding-left: 50px;*/
/* padding-right: 50px;*/
/* }*/
/*}*/
/*.listivo-access__social-button {*/
/* display: block;*/
/* margin-bottom: 12px;*/
/* transition: 0.2s ease;*/
/* width: 100%;*/
/* border-radius: var(--radius-l);*/
/* border: 1px solid var(--border-color);*/
/* font-size: 16px;*/
/* font-weight: 500;*/
/* text-align: center;*/
/* padding-top: 15px;*/
/* padding-bottom: 15px;*/
/* line-height: 28px;*/
/*}*/
/*.listivo-access__social-button i {*/
/* font-size: 26px;*/
/* color: #405f9d;*/
/* margin-right: 3px;*/
/* position: relative;*/
/* top: 3px;*/
/* margin-top: -2px;*/
/*}*/
/*@media (min-width: 414px) {*/
/* .listivo-access__social-button i {*/
/* margin-right: 9px;*/
/* }*/
/*}*/
/*.listivo-access__social-button svg {*/
/* position: relative;*/
/* top: 5px;*/
/* display: inline-block;*/
/* margin-right: 3px;*/
/* margin-top: -3px;*/
/*}*/
/*@media (min-width: 414px) {*/
/* .listivo-access__social-button svg {*/
/* margin-right: 9px;*/
/* }*/
/*}*/
/*.listivo-access__social-button img {*/
/* max-height: 25px;*/
/* position: relative;*/
/* top: 5px;*/
/*}*/
/*@media (min-width: 414px) {*/
/* .listivo-access__social-button {*/
/* font-size: 18px;*/
/* font-weight: 600;*/
/* }*/
/*}*/
/*.listivo-access__social-button:hover {*/
/* background: var(--content-light);*/
/*}*/
/*.listivo-access__or {*/
/* position: relative;*/
/* text-align: center;*/
/* margin-top: 25px;*/
/* margin-bottom: 25px;*/
/* font-size: 14px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__or {*/
/* margin-top: 45px;*/
/* margin-bottom: 45px;*/
/* }*/
/*}*/
/*.listivo-access__or:before {*/
/* content: "";*/
/* display: block;*/
/* position: absolute;*/
/* top: 50%;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 1px;*/
/* background: var(--border-color);*/
/*}*/
/*.listivo-access__or:after {*/
/* content: "";*/
/* width: 100%;*/
/* height: 1px;*/
/* background: var(--border-color);*/
/*}*/
/*.listivo-access__or-inner {*/
/* background: var(--white);*/
/* padding: 0 40px;*/
/* font-weight: 600;*/
/* position: relative;*/
/* z-index: 3;*/
/* display: inline-block;*/
/*}*/
/*.listivo-access__form {*/
/* display: block;*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__form {*/
/* padding-left: 50px;*/
/* padding-right: 50px;*/
/* }*/
/*}*/
/*.listivo-access__field {*/
/* margin-bottom: 12px;*/
/* position: relative;*/
/*}*/
/*.listivo-access__field input.listivo-access__field__input[type=tel],*/
/*.listivo-access__field input.listivo-access__field__input[type=text],*/
/*.listivo-access__field input.listivo-access__field__input[type=password] {*/
/* font-weight: 400 !important;*/
/* color: #222 !important;*/
/*}*/
/*.listivo-access__field input.listivo-access__field__input[type=tel]::placeholder,*/
/*.listivo-access__field input.listivo-access__field__input[type=text]::placeholder,*/
/*.listivo-access__field input.listivo-access__field__input[type=password]::placeholder {*/
/* font-weight: 300 !important;*/
/* color: var(--text-2) !important;*/
/*}*/
/*.listivo-access__additional-options {*/
/* display: flex;*/
/* width: 100%;*/
/* justify-content: space-between;*/
/* margin-top: 25px;*/
/* margin-bottom: 25px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__additional-options {*/
/* margin-top: 35px;*/
/* margin-bottom: 45px;*/
/* }*/
/*}*/
/*.listivo-access__lost-password {*/
/* padding: 15px;*/
/* text-align: center;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-access__lost-password {*/
/* padding: 55px 50px 0;*/
/* }*/
/*}*/
/*.listivo-access__lost-password .listivo-button {*/
/* margin-top: 35px;*/
/*}*/
/*.listivo-access__lost-password__title {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* font-weight: 700;*/
/* font-size: 24px;*/
/* letter-spacing: -0.24px;*/
/* margin-bottom: 35px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-access__lost-password__title {*/
/* font-size: 30px;*/
/* letter-spacing: -0.3px;*/
/* }*/
/*}*/
/*.listivo-access__lost-password-desktop {*/
/* display: none;*/
/* cursor: pointer;*/
/* position: relative;*/
/* top: -1px;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-access__lost-password-desktop:after {*/
/* content: "";*/
/* display: block;*/
/* width: 100%;*/
/* background: #222;*/
/* height: 1px;*/
/* position: absolute;*/
/* bottom: -1px;*/
/* left: 0;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-access__lost-password-desktop:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-access__lost-password-desktop:hover:after {*/
/* background: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__lost-password-desktop {*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-access__lost-password-mobile {*/
/* margin-top: 30px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__lost-password-mobile {*/
/* display: none;*/
/* }*/
/*}*/
/*.listivo-access__privacy-policy {*/
/* margin-top: 25px;*/
/* position: relative;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__privacy-policy {*/
/* margin-top: 35px;*/
/* }*/
/*}*/
/*.listivo-access__privacy-policy a {*/
/* text-decoration: underline !important;*/
/*}*/
/*.listivo-access__privacy-policy .listivo-error {*/
/* bottom: -30px;*/
/*}*/
/*.listivo-access__main-button {*/
/* margin-top: 30px;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__main-button {*/
/* margin-top: 45px;*/
/* }*/
/*}*/
/*.listivo-access__main-button .listivo-access__main-button-desktop {*/
/* display: none;*/
/*}*/
/*.listivo-access__main-button .listivo-access__main-button-desktop .listivo-button {*/
/* padding: 0 !important;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__main-button .listivo-access__main-button-desktop {*/
/* display: block;*/
/* }*/
/*}*/
/*.listivo-access__main-button .listivo-access__main-button-mobile {*/
/* display: block;*/
/*}*/
/*.listivo-access__main-button .listivo-access__main-button-mobile .listivo-button {*/
/* width: 100%;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .listivo-access__main-button .listivo-access__main-button-mobile {*/
/* display: none;*/
/* }*/
/*}*/
/*!* Error Information *!*/
/*.listivo-error {*/
/* box-shadow: var(--shadow-s);*/
/* position: absolute;*/
/* display: inline-block;*/
/* background: #222;*/
/* padding: 5px 15px;*/
/* max-width: 100%;*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* color: var(--white);*/
/* margin: -10px 12px -6px 8px;*/
/* border-radius: var(--radius-s);*/
/* z-index: 2;*/
/*}*/
/*.listivo-error:after {*/
/* content: "";*/
/* position: absolute;*/
/* top: -7px;*/
/* left: 20px;*/
/* width: 0;*/
/* height: 0;*/
/* border-left: 7px solid transparent;*/
/* border-right: 7px solid transparent;*/
/* border-bottom: 7px solid #232732;*/
/*}*/
/*.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: relative;*/
/* height: 600px;*/
/* width: 100%;*/
/* animation: mcpopupcheckbox 0.3s ease-in-out;*/
/* z-index: 10000000002;*/
/*}*/
/*.listivo-user-popup:before {*/
/* content: "";*/
/* display: block;*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* opacity: 0.39;*/
/* background: var(--octonary);*/
/* z-index: 10000000003;*/
/*}*/
/*.listivo-user-popup .listivo-access {*/
/* border: none;*/
/* box-shadow: none !important;*/
/*}*/
/*@keyframes mcuserpopup {*/
/* 0% {*/
/* opacity: 0;*/
/* }*/
/* 100% {*/
/* opacity: 1;*/
/* }*/
/*}*/
/*.listivo-user-popup__inner {*/
/* z-index: 10000000004;*/
/* position: fixed;*/
/* top: 0;*/
/* width: 100%;*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* height: 100vh !important;*/
/* min-height: 400px !important;*/
/* overflow-y: auto !important;*/
/* right: -20px !important;*/
/* padding-right: 20px !important;*/
/* padding-top: 30px;*/
/* padding-bottom: 30px;*/
/*}*/
/*@media (min-height: 400px) {*/
/* .listivo-user-popup__inner {*/
/* padding-top: 60px;*/
/* }*/
/*}*/
/*@media (min-height: 500px) {*/
/* .listivo-user-popup__inner {*/
/* padding-top: 100px;*/
/* }*/
/*}*/
/*@media (min-height: 600px) {*/
/* .listivo-user-popup__inner {*/
/* padding-top: 150px;*/
/* }*/
/*}*/
/*@media (min-height: 700px) {*/
/* .listivo-user-popup__inner {*/
/* padding-top: 0;*/
/* padding-bottom: 0;*/
/* justify-content: center;*/
/* }*/
/*}*/
/*.listivo-user-popup__position {*/
/* background: #fff;*/
/* border-radius: 10px;*/
/* width: 100%;*/
/* max-width: 500px;*/
/*}*/
/*.listivo-user-popup__close {*/
/* position: relative;*/
/*}*/
/*.listivo-user-popup__close .listivo-popup-checkbox__close {*/
/* position: absolute;*/
/* top: 7px;*/
/* right: 7px;*/
/* font-size: 14px;*/
/* z-index: 999;*/
/* cursor: pointer;*/
/* transition: 0.2s ease;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-user-popup__close .listivo-popup-checkbox__close {*/
/* top: -36px;*/
/* right: 0;*/
/* color: #fff;*/
/* font-size: 20px;*/
/* }*/
/*}*/
/*.listivo-user-popup__close .listivo-popup-checkbox__close:hover {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*@media (max-width: 899px) {*/
/* .listivo-user-popup .listivo-panel,*/
/* .listivo-user-popup .listivo-user-popup__position {*/
/* border-radius: 0 !important;*/
/* }*/
/* .listivo-user-popup .listivo-user-popup__inner {*/
/* padding: 0 !important;*/
/* min-height: 100vh !important;*/
/* right: 0 !important;*/
/* background: #fff;*/
/* }*/
/*}*/
/*.listivo-sidebar-widget {*/
/* display: flex;*/
/* flex-direction: column;*/
/* border-radius: 10px;*/
/* background-color: var(--content-light);*/
/* padding: 50px 45px;*/
/*}*/
/*.listivo-sidebar-widget__label {*/
/* color: #222222;*/
/* font-family: var(--font-heading);*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.24px;*/
/* position: relative;*/
/*}*/
/*.listivo-sidebar-widget__label > svg {*/
/* position: absolute;*/
/* left: 0;*/
/* bottom: -5px;*/
/* fill: var(--e-global-color-lsecondary1);*/
/* width: 117px;*/
/*}*/
/*.listivo-sidebar-widget__content {*/
/* margin-top: 35px;*/
/*}*/
/*.listivo-sidebar-widget .listivo-widget-posts {*/
/* padding: 0;*/
/* margin-bottom: 0;*/
/*}*/
/*.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-tags-cloud {*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/*}*/
/*.listivo-tags-cloud .tag-cloud-link {*/
/* padding: 16px 24px;*/
/* border-radius: 22px;*/
/* background-color: #fff;*/
/* box-shadow: 0 7px 19px 1px rgba(7, 48, 61, 0.07);*/
/* color: #444444;*/
/* font-size: 14px !important;*/
/* font-weight: 400;*/
/* transition: all 0.3s;*/
/* margin-bottom: 12px;*/
/* margin-right: 9px;*/
/*}*/
/*.listivo-tags-cloud .tag-cloud-link:hover {*/
/* background-color: var(--e-global-color-lprimary1);*/
/* color: #fff;*/
/*}*/
/*.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::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);*/
/* 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: 0 7px 19px 1px rgba(7, 48, 61, 0.07);
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%;
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;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-listing-top__left {*/
/* display: flex;*/
/* flex-direction: column;*/
/* width: 100%;*/
/* text-align: center;*/
/*}*/
/*.listivo-listing-top__right {*/
/* display: flex;*/
/* flex-direction: column;*/
/* width: 100%;*/
/* margin-top: 20px;*/
/* text-align: center;*/
/*}*/
/*.listivo-listing-top__name {*/
/* color: #222222;*/
/* font-family: var(--font-heading);*/
/* font-size: 36px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.9px;*/
/*}*/
/*.listivo-listing-top__address {*/
/* margin-top: 20px;*/
/*}*/
/*.listivo-listing-top__price {*/
/* color: #222222;*/
/* font-family: var(--font-heading);*/
/* font-size: 36px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.36px;*/
/*}*/
/*.listivo-listing-top__finance {*/
/* margin-top: 20px;*/
/* color: #437cc3;*/
/* font-family: var(--font-text);*/
/* font-size: 16px;*/
/* font-weight: 400;*/
/*}*/
/*@media (min-width: 1025px) {*/
/* .listivo-listing-top {*/
/* flex-direction: row;*/
/* justify-content: space-between;*/
/* }*/
/* .listivo-listing-top--no-price .listivo-listing-top__left {*/
/* width: 100%;*/
/* max-width: 100%;*/
/* }*/
/* .listivo-listing-top__left {*/
/* width: auto;*/
/* max-width: 755px;*/
/* text-align: left;*/
/* }*/
/* .listivo-listing-top__right {*/
/* width: auto;*/
/* margin-top: 0;*/
/* text-align: right;*/
/* }*/
/* .listivo-listing-top__price {*/
/* text-align: right;*/
/* }*/
/* .listivo-listing-top__finance {*/
/* text-align: right;*/
/* }*/
/*}*/
.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.2s ease;
}
.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.2s ease;
}
.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.2s ease;
}
.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.2s ease;
}
.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.2s ease;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 73px;
}
.listivo-hierarchical-term__link svg {
margin-left: 8px;
width: 20px;
}
.listivo-info-section {
display: flex;
}
@media (max-width: 960px) {
.listivo-info-section {
padding: 0 15px;
}
}
.listivo-info-section__image {
flex: 1;
height: 550px;
position: relative;
margin-right: 70px;
}
@media (max-width: 960px) {
.listivo-info-section__image {
display: none;
}
}
.listivo-info-section__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
}
.listivo-info-section__image-decoration {
position: absolute;
z-index: 2;
left: -80px;
bottom: -60px;
}
.listivo-info-section__image-decoration path {
fill: var(--e-global-color-lprimary3);
}
.listivo-info-section__content {
display: flex;
flex-direction: column;
max-width: 610px;
width: 100%;
}
@media (max-width: 960px) {
.listivo-info-section__content {
margin: 0 auto;
}
}
.listivo-info-section__heading {
display: flex;
flex-direction: column;
line-height: 1.27;
font-family: var(--font-heading);
line-height: 1.2;
font-weight: 700;
font-size: 26px;
letter-spacing: -0.26px;
}
@media screen and (min-width: 768px) {
.listivo-info-section__heading {
font-size: 36px;
letter-spacing: -0.36px;
}
}
.listivo-info-section__heading svg {
width: 117px;
margin-top: 15px;
}
.listivo-info-section__text {
color: var(--text-2);
font-family: var(--font-text);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 35px;
}
.listivo-info-section__text p {
margin-top: 25px;
}
.listivo-info-section__text p:first-child {
margin-top: 0;
}
.listivo-info-section__text strong {
color: var(--text-1);
font-family: var(--font-text);
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.listivo-info-section__attributes {
display: grid;
grid-gap: 20px;
margin-top: 50px;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 620px) {
.listivo-info-section__attributes {
grid-template-columns: repeat(2, 1fr);
}
}
.listivo-info-section__attribute {
display: flex;
align-items: center;
min-height: 65px;
}
@media (max-width: 619px) {
.listivo-info-section__attribute {
max-width: 300px;
}
}
.listivo-info-section__attribute-value {
color: var(--text-1);
font-family: var(--font-heading);
font-size: 72px;
font-weight: 400;
line-height: 30px;
letter-spacing: -5px;
}
.listivo-info-section__attribute-text {
color: var(--text-1);
font-family: var(--font-text);
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: -0.18px;
margin-left: 14px;
}
.listivo-info-section__button {
margin-top: 65px;
}
.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;
}
/* 12. WooCommerce */
/*.woocommerce-error,*/
/*.woocommerce-info,*/
/*.woocommerce-message {*/
/* font-size: 16px;*/
/* line-height: 20px !important;*/
/* font-weight: 600;*/
/* color: #222732;*/
/* border-radius: 20px;*/
/* border: none;*/
/* border-top-color: #1e85be;*/
/* background: #f2f5fb;*/
/* margin: 15px 0 15px 0;*/
/* padding: 20px 50px 20px 50px !important;*/
/*}*/
/*.woocommerce-error:before,*/
/*.woocommerce-info:before,*/
/*.woocommerce-message:before {*/
/* top: 20px;*/
/*}*/
/*.woocommerce-error li,*/
/*.woocommerce-info li,*/
/*.woocommerce-message li {*/
/* line-height: inherit !important;*/
/*}*/
/*.woocommerce-error p,*/
/*.woocommerce-info p,*/
/*.woocommerce-message p {*/
/* font-size: 16px;*/
/* line-height: 20px !important;*/
/* font-weight: 600;*/
/* color: #222732;*/
/* margin-bottom: 12px;*/
/*}*/
/*.woocommerce-error .showcoupon,*/
/*.woocommerce-info .showcoupon,*/
/*.woocommerce-message .showcoupon {*/
/* color: var(--e-global-color-lprimary1);*/
/* text-decoration: underline;*/
/*}*/
/*.woocommerce-info:before {*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* content: "\f05a";*/
/* font-size: 18px;*/
/* top: 21px;*/
/* left: 20px;*/
/*}*/
/*.woocommerce-error {*/
/* color: #b81c23;*/
/*}*/
/*.woocommerce-error:before {*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* content: "\f06a";*/
/* font-size: 18px;*/
/* top: 21px;*/
/* left: 20px;*/
/*}*/
.listivo-car-form__inner .woocommerce-error,
.listivo-car-form__inner .woocommerce-info,
.listivo-car-form__inner .woocommerce-message {
background: #fff;
border-radius: 5px;
border: 1px solid;
}
.listivo-car-form__inner .woocommerce-error {
background: #fff5f6;
}
/*.listivo-woocommerce-wrapper {*/
/* background: var(--content-light);*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* padding-top: 30px;*/
/* padding-bottom: 50px !important;*/
/*}*/
/*.listivo-woocommerce-wrapper:after {*/
/* clear: both;*/
/* content: "";*/
/* display: table;*/
/*}*/
/*@media screen and (min-width: 1025px) {*/
/* .listivo-woocommerce-wrapper {*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-woocommerce-wrapper {*/
/* padding-top: 100px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-woocommerce-wrapper {*/
/* padding-bottom: 70px !important;*/
/* }*/
/*}*/
/*.listivo-woocommerce {*/
/* max-width: 1140px;*/
/* margin: 0 auto;*/
/*}*/
/*.listivo-woocommerce-button-next {*/
/* margin-top: 80px;*/
/* text-align: right;*/
/*}*/
/*.listivo-woocommerce-form {*/
/* max-width: 1140px;*/
/* margin: auto;*/
/*}*/
/*.listivo-woocommerce-form__container {*/
/* padding: 30px 25px;*/
/* background: #fff;*/
/* border-radius: 10px;*/
/* margin-bottom: 30px;*/
/*}*/
/*@media (min-width: 900px) {*/
/* .listivo-woocommerce-form__container {*/
/* padding: 60px 45px;*/
/* margin-bottom: 80px;*/
/* }*/
/*}*/
/*.listivo-woocommerce-form__title {*/
/* line-height: 1.27;*/
/* font-family: var(--font-heading);*/
/* line-height: 1.2;*/
/* font-weight: 700;*/
/* font-size: 26px;*/
/* letter-spacing: -0.26px;*/
/* margin-bottom: 35px;*/
/*}*/
/*@media screen and (min-width: 768px) {*/
/* .listivo-woocommerce-form__title {*/
/* font-size: 36px;*/
/* letter-spacing: -0.36px;*/
/* }*/
/*}*/
/*.listivo-woocommerce-form__fields {*/
/* display: grid;*/
/* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/
/* grid-column-gap: 30px;*/
/* grid-row-gap: 35px;*/
/*}*/
/*.listivo-woocommerce-form__fields .form-row {*/
/* width: 100% !important;*/
/* float: none !important;*/
/*}*/
/*.listivo-woocommerce-form__fields label {*/
/* display: block;*/
/* width: 100%;*/
/* font-size: 16px;*/
/* line-height: normal;*/
/* font-weight: 400;*/
/* color: #222;*/
/* margin-bottom: 22px;*/
/* padding-left: 10px;*/
/*}*/
/*.listivo-woocommerce-form__fields .select2-selection.select2-selection--single {*/
/* color: var(--text-1);*/
/* font-size: 16px;*/
/* line-height: 28px;*/
/* width: 100%;*/
/* height: auto;*/
/* background: var(--white);*/
/* padding: 13px 30px 13px 27px;*/
/* border-radius: var(--radius-l);*/
/* border: 1px solid var(--border-color);*/
/* font-family: inherit;*/
/*}*/
/*.listivo-woocommerce-form__fields .select2-selection.select2-selection--single .select2-selection__rendered {*/
/* padding-left: 0;*/
/* padding-right: 0;*/
/*}*/
/*.listivo-woocommerce-form__fields .select2-selection.select2-selection--single .select2-selection__arrow {*/
/* height: 56px;*/
/* position: absolute;*/
/* top: 1px;*/
/* right: 1px;*/
/* width: 29px;*/
/*}*/
/*.listivo-woocommerce-form__fields .address-field {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-woocommerce-form__fields .address-field .woocommerce-input-wrapper {*/
/* width: 100%;*/
/* margin-top: auto;*/
/* height: 56px;*/
/*}*/
/*.woocommerce form .form-row.woocommerce-validated .select2-container,*/
/*.woocommerce form .form-row.woocommerce-validated input.input-text,*/
/*.woocommerce form .form-row.woocommerce-validated select {*/
/* border-color: initial !important;*/
/*}*/
/*.woocommerce-checkout-payment button[type=submit] {*/
/* position: relative;*/
/* color: var(--white) !important;*/
/* background: var(--e-global-color-lprimary1) !important;*/
/* border-radius: var(--radius-m);*/
/* font-weight: 500;*/
/* height: 61px;*/
/* padding: 0 25px 0 31px;*/
/* overflow: hidden;*/
/* text-transform: uppercase;*/
/* display: inline-flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* transition: 0.2s ease;*/
/* font-size: 18px;*/
/* line-height: 25px;*/
/* cursor: pointer;*/
/*}*/
/*.woocommerce-checkout-payment button[type=submit]:hover {*/
/* background-color: var(--e-global-color-lsecondary1) !important;*/
/*}*/
/*.woocommerce-notices-wrapper {*/
/* background: var(--content-light);*/
/*}*/
/*.woocommerce-form-coupon-toggle {*/
/* background: var(--content-light);*/
/*}*/
/*.woocommerce-form-coupon-toggle .woocommerce-info {*/
/* max-width: 1140px;*/
/* background: transparent;*/
/* margin: 0 auto 20px;*/
/*}*/
/*.woocommerce-checkout-review-order-table {*/
/* border-collapse: collapse !important;*/
/* border: 0 !important;*/
/*}*/
/*.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table tr {*/
/* padding: 0 !important;*/
/*}*/
/*.woocommerce-checkout-review-order-table td {*/
/* padding: 30px 0 !important;*/
/*}*/
/*.woocommerce-checkout-review-order-table thead tr th {*/
/* padding: 0 0 24px 0 !important;*/
/* text-transform: uppercase;*/
/*}*/
/*.woocommerce-checkout-review-order-table tfoot {*/
/* text-transform: uppercase;*/
/*}*/
/*.woocommerce-checkout-review-order-table thead tr:first-child th {*/
/* border-bottom: 1px solid var(--e-global-color-lprimary1);*/
/*}*/
/*.woocommerce-checkout-review-order-table th:last-child {*/
/* padding-left: 41px !important;*/
/*}*/
/*.woocommerce-checkout-review-order-table td:last-child {*/
/* padding-left: 41px !important;*/
/* position: relative;*/
/*}*/
/*.woocommerce-checkout-review-order-table td:last-child:before {*/
/* left: 0;*/
/* top: 22.5px;*/
/* content: "";*/
/* width: 1px;*/
/* height: 40px;*/
/* background-color: #dddddd;*/
/* position: absolute;*/
/*}*/
/*.woocommerce-checkout-review-order-table .order-total td, .woocommerce-checkout-review-order-table .order-total th {*/
/* border-bottom: 1px solid #dddddd !important;*/
/*}*/
/*.woocommerce-checkout-review-order-table th {*/
/* color: #222222;*/
/* font-size: 16px;*/
/* font-weight: 600 !important;*/
/* line-height: normal !important;*/
/* text-transform: uppercase;*/
/*}*/
/*.woocommerce-checkout-payment {*/
/* margin-top: 60px;*/
/*}*/
/*.wc_payment_method {*/
/* padding-bottom: 60px !important;*/
/* border-bottom: 1px solid #dddddd;*/
/* margin-bottom: 60px !important;*/
/* position: relative;*/
/* padding-left: 40px;*/
/*}*/
/*.wc_payment_method > .input-radio {*/
/* display: none;*/
/*}*/
/*.wc_payment_method > .input-radio:checked + label:before {*/
/* content: "";*/
/* position: absolute;*/
/* top: 1px;*/
/* left: 0;*/
/* width: 26px;*/
/* height: 26px;*/
/* box-shadow: 0 7px 19px 1px rgba(7, 48, 61, 0.07);*/
/* border-radius: 13px;*/
/* border: 2px solid var(--e-global-color-lprimary1);*/
/* background-color: #ffffff;*/
/*}*/
/*.wc_payment_method > .input-radio:checked + label:after {*/
/* content: "";*/
/* position: absolute;*/
/* top: 8px;*/
/* left: 7px;*/
/* width: 12px;*/
/* height: 12px;*/
/* border-radius: 6px;*/
/* background-color: var(--e-global-color-lprimary1);*/
/*}*/
/*.wc_payment_method:last-child {*/
/* padding-bottom: 0 !important;*/
/* border-bottom: 0 !important;*/
/* margin-bottom: 0 !important;*/
/*}*/
/*.wc_payment_method > label {*/
/* color: #222222;*/
/* display: block;*/
/* font-size: 20px;*/
/* line-height: 27px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.2px;*/
/* cursor: pointer;*/
/*}*/
/*.wc_payment_method > label:before {*/
/* content: "";*/
/* position: absolute;*/
/* width: 26px;*/
/* height: 26px;*/
/* border-radius: 13px;*/
/* border: 2px solid #e4ebf0;*/
/* background-color: #ffffff;*/
/* top: 1px;*/
/* left: 0;*/
/*}*/
/*.wc_payment_method .payment_box {*/
/* background-color: #fff !important;*/
/* padding: 0 !important;*/
/* margin: 0 !important;*/
/*}*/
/*.wc_payment_method .payment_box p {*/
/* max-width: 655px;*/
/* font-size: 16px !important;*/
/* font-weight: 300 !important;*/
/* line-height: 24px !important;*/
/* margin-top: 5px;*/
/* margin-bottom: 20px;*/
/*}*/
/*.wc_payment_method .payment_box:before {*/
/* content: none !important;*/
/*}*/
/*.woocommerce-privacy-policy-text {*/
/* color: #444444 !important;*/
/* font-size: 16px !important;*/
/* font-weight: 300 !important;*/
/* line-height: 28px !important;*/
/* max-width: 655px;*/
/*}*/
/*.wc_payment_methods {*/
/* border: 0 !important;*/
/*}*/
/*.place-order {*/
/* margin-top: 60px !important;*/
/* padding: 0 !important;*/
/*}*/
/*.place-order:before {*/
/* content: none !important;*/
/*}*/
/*.place-order:after {*/
/* content: none !important;*/
/*}*/
/*.place-order button {*/
/* font-weight: 500 !important;*/
/* margin-top: 20px !important;*/
/* float: none !important;*/
/*}*/
/*@media (min-width: 960px) {*/
/* .place-order {*/
/* display: flex !important;*/
/* justify-content: space-between !important;*/
/* align-items: center;*/
/* }*/
/* .place-order button {*/
/* margin-top: 0 !important;*/
/* }*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew {*/
/* position: relative;*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew input {*/
/* display: none !important;*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew label {*/
/* padding-left: 29px;*/
/* cursor: pointer;*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew label:before {*/
/* display: block;*/
/* position: absolute;*/
/* content: "";*/
/* border-radius: var(--radius-xs);*/
/* height: 20px;*/
/* width: 20px;*/
/* left: 0;*/
/* top: 9px;*/
/* border: 1px solid rgba(0, 0, 0, 0.1);*/
/* background: var(--white);*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew label:after {*/
/* display: block;*/
/* position: absolute;*/
/* content: "\f00c";*/
/* font-family: "Font Awesome 5 Free";*/
/* font-weight: 900;*/
/* color: var(--white);*/
/* font-size: 11px;*/
/* height: 20px;*/
/* width: 20px;*/
/* top: 9px;*/
/* left: 0;*/
/* visibility: hidden;*/
/* text-align: center;*/
/* background: var(--e-global-color-lprimary1);*/
/* border-radius: var(--radius-xs);*/
/*}*/
/*.woocommerce-SavedPaymentMethods-saveNew input:checked + label:after {*/
/* visibility: visible;*/
/*}*/
/*.wc-stripe-new-payment-method {*/
/* position: absolute;*/
/* visibility: hidden;*/
/* width: 20px;*/
/* height: 20px;*/
/* top: 0;*/
/* left: 0;*/
/*}*/
/*.wc-stripe-new-payment-method {*/
/* display: block;*/
/* position: absolute;*/
/* content: "";*/
/* border-radius: var(--radius-xs);*/
/* height: 20px;*/
/* width: 20px;*/
/* left: 0;*/
/* top: 0;*/
/* border: 1px solid rgba(0, 0, 0, 0.1);*/
/* background: var(--white);*/
/*}*/
/*.wc-credit-card-form {*/
/* display: grid;*/
/* grid-template-columns: repeat(1, 1fr);*/
/* grid-column-gap: 40px;*/
/* grid-row-gap: 20px;*/
/*}*/
/*.wc-credit-card-form .form-row-wide {*/
/* padding: 0 !important;*/
/*}*/
/*.wc-credit-card-form .form-row-first {*/
/* width: 100% !important;*/
/* padding: 0 !important;*/
/*}*/
/*.wc-credit-card-form .form-row-last {*/
/* width: 100% !important;*/
/* padding: 0 !important;*/
/*}*/
/*@media (min-width: 500px) {*/
/* .wc-credit-card-form {*/
/* grid-template-columns: repeat(2, 1fr);*/
/* }*/
/* .wc-credit-card-form .form-row-wide {*/
/* grid-column: 1/3;*/
/* }*/
/*}*/
/*.listivo-thank-you {*/
/* max-width: 945px;*/
/* margin: 0 auto;*/
/* border-radius: 10px;*/
/* background-color: #ffffff;*/
/* padding: 60px 45px;*/
/*}*/
/*.listivo-thank-you #juno-bank-slip-thankyou {*/
/* margin-bottom: 30px;*/
/* text-align: center;*/
/*}*/
/*.listivo-thank-you .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {*/
/* text-align: center;*/
/* margin-bottom: 20px;*/
/*}*/
/*.listivo-thank-you__title {*/
/* color: #222222;*/
/* font-size: 36px;*/
/* font-weight: 700;*/
/* text-align: center;*/
/* letter-spacing: -0.9px;*/
/* font-family: var(--font-heading);*/
/*}*/
/*.listivo-thank-you__title span {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-thank-you__order {*/
/* margin: 45px auto;*/
/* padding: 25px 0;*/
/* border-top: 1px solid #e4ebf0;*/
/* border-bottom: 1px solid #e4ebf0;*/
/* max-width: 645px;*/
/*}*/
/*.listivo-thank-you__product {*/
/* text-align: center;*/
/* color: #222222;*/
/* font-family: var(--font-text);*/
/* font-size: 18px;*/
/* font-weight: 400;*/
/*}*/
/*.listivo-thank-you__product span {*/
/* color: var(--content-dark);*/
/* font-family: var(--font-text);*/
/* font-size: 20px;*/
/* font-weight: 600;*/
/*}*/
/*.listivo-thank-you .woocommerce-order-details {*/
/* display: none;*/
/*}*/
/*.listivo-thank-you .woocommerce-customer-details {*/
/* display: none;*/
/*}*/
/*.listivo-thank-you__button {*/
/* display: flex;*/
/* justify-content: center;*/
/* margin-top: 60px;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {*/
/* text-align: center !important;*/
/* color: #222222 !important;*/
/* font-family: var(--font-text) !important;*/
/* font-size: 24px !important;*/
/* font-weight: 700 !important;*/
/* letter-spacing: 0.24px !important;*/
/* margin-bottom: 60px !important;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {*/
/* color: #222222 !important;*/
/* font-family: var(--font-text) !important;*/
/* font-size: 16px !important;*/
/* font-weight: 400 !important;*/
/* margin-bottom: 24px !important;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details .wc-bacs-bank-details {*/
/* border-radius: 10px !important;*/
/* border: 1px solid #e4ebf0 !important;*/
/* padding: 45px !important;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details ul {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details li {*/
/* display: block;*/
/* color: #444444 !important;*/
/* font-family: var(--font-text) !important;*/
/* font-size: 14px !important;*/
/* font-weight: 400 !important;*/
/* margin-bottom: 30px;*/
/* text-transform: none !important;*/
/* border-right: 0 !important;*/
/* margin-right: 0 !important;*/
/* padding-right: 0 !important;*/
/* word-break: break-all;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details li:last-child {*/
/* margin-bottom: 0;*/
/*}*/
/*.listivo-thank-you .woocommerce-bacs-bank-details li strong {*/
/* display: block !important;*/
/* color: #222222 !important;*/
/* font-family: var(--font-text) !important;*/
/* font-size: 18px !important;*/
/* font-weight: 400 !important;*/
/* letter-spacing: 0.18px !important;*/
/* margin-top: 8px;*/
/*}*/
/*.woocommerce-form-coupon {*/
/* font-size: 16px;*/
/* line-height: 20px !important;*/
/* font-weight: 600;*/
/* border-radius: 20px !important;*/
/* background-color: #fff !important;*/
/* padding: 30px 15px 10px 15px !important;*/
/* border: 1px solid #f2f5fb !important;*/
/* margin: 15px 0 15px 0 !important;*/
/* display: grid;*/
/* grid-template-columns: repeat(2, auto);*/
/* grid-row-gap: 20px;*/
/*}*/
/*@media (min-width: 900px) {*/
/* .woocommerce-form-coupon {*/
/* padding: 30px 50px 10px 50px !important;*/
/* min-height: 155px;*/
/* }*/
/*}*/
/*.woocommerce-form-coupon p {*/
/* width: 100% !important;*/
/*}*/
/*.woocommerce-form-coupon p:first-child {*/
/* grid-column: 1/3;*/
/*}*/
/*.woocommerce-form-coupon p.form-row-first {*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*.woocommerce-form-coupon input[type=text] {*/
/* 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;*/
/* min-height: 61px;*/
/*}*/
/*.woocommerce-form-coupon button.button {*/
/* margin-left: 12px;*/
/* padding-left: 30px;*/
/* padding-right: 30px;*/
/* background-color: var(--e-global-color-lprimary1);*/
/*}*/
/*.woocommerce-form-coupon button.button:hover, .woocommerce-form-coupon button.button:active, .woocommerce-form-coupon button.button:focus {*/
/* color: #fff;*/
/*}*/
/*.woocommerce-form-coupon button.button:hover {*/
/* background-color: var(--e-global-color-lsecondary1);*/
/*}*/
/*.listivo-package {*/
/* display: flex;*/
/* flex-direction: column;*/
/* box-shadow: 0 7px 19px 1px rgba(7, 48, 61, 0.07);*/
/* border-radius: 10px;*/
/* background-color: #ffffff;*/
/* padding: 60px;*/
/* border: 2px solid transparent;*/
/* cursor: pointer;*/
/* margin-top: 35px;*/
/* transition: border 0.3s;*/
/* position: relative;*/
/*}*/
/*.listivo-package:first-child {*/
/* margin-top: 0;*/
/*}*/
/*.listivo-package:hover {*/
/* border-color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-package:hover .listivo-package__radio-inner {*/
/* opacity: 1;*/
/*}*/
/*.listivo-package__left {*/
/* display: flex;*/
/* flex-direction: column;*/
/* justify-content: center;*/
/* transition: border-right-color 0.3s;*/
/*}*/
/*.listivo-package__label {*/
/* position: absolute;*/
/* left: 60px;*/
/* top: -16px;*/
/* height: 32px;*/
/* line-height: 32px;*/
/* border-radius: 5px;*/
/* background-color: var(--e-global-color-lcardlabel);*/
/* color: #ffffff;*/
/* font-family: var(--font-text);*/
/* font-size: 12px;*/
/* font-weight: 500;*/
/* text-transform: uppercase;*/
/* padding: 0 16px;*/
/*}*/
/*.listivo-package__right {*/
/* flex: 1;*/
/* display: flex;*/
/* align-items: center;*/
/* margin-top: 20px;*/
/*}*/
/*.listivo-package__name {*/
/* color: #222222;*/
/* font-family: var(--font-text);*/
/* font-size: 16px;*/
/* font-weight: 400;*/
/*}*/
/*.listivo-package__price {*/
/* color: #da1c2e;*/
/* font-family: var(--font-heading);*/
/* font-size: 36px;*/
/* font-weight: 700;*/
/* letter-spacing: -0.9px;*/
/* margin-top: 14px;*/
/*}*/
/*.listivo-package__details {*/
/* display: grid;*/
/* grid-template-columns: repeat(2, auto);*/
/* grid-row-gap: 15px;*/
/* grid-column-gap: 25px;*/
/*}*/
/*.listivo-package__param {*/
/* color: #444444;*/
/* font-family: var(--font-text);*/
/* font-size: 16px;*/
/* font-weight: 300;*/
/*}*/
/*.listivo-package__value {*/
/* color: #222222;*/
/* font-family: var(--font-text);*/
/* font-size: 16px;*/
/* font-weight: 500;*/
/*}*/
/*.listivo-package__radio-wrapper {*/
/* display: none;*/
/* align-items: center;*/
/*}*/
/*.listivo-package__radio {*/
/* position: relative;*/
/* width: 50px;*/
/* height: 50px;*/
/*}*/
/*.listivo-package__radio-outer {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 50px;*/
/* height: 50px;*/
/* border-radius: 25px;*/
/* border: 2px solid #e4ebf0;*/
/* transition: all 0.3s;*/
/*}*/
/*.listivo-package__radio-inner {*/
/* position: absolute;*/
/* left: 12px;*/
/* top: 12px;*/
/* width: 26px;*/
/* height: 26px;*/
/* border-radius: 13px;*/
/* background-color: var(--e-global-color-lprimary1);*/
/* opacity: 0;*/
/* transition: opacity 0.3s;*/
/*}*/
/*.listivo-package--active {*/
/* border-color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-package--active .listivo-package__radio-inner {*/
/* opacity: 1;*/
/*}*/
/*.listivo-package--active .listivo-package__radio-outer {*/
/* box-shadow: 0 7px 19px 1px rgba(7, 48, 61, 0.07);*/
/* border: 2px solid var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-package--free {*/
/* border-radius: 10px;*/
/* border: 2px solid rgba(83, 163, 193, 0.2);*/
/* background-color: transparent;*/
/* box-shadow: none;*/
/*}*/
/*.listivo-package--free .listivo-package__name {*/
/* color: #222222;*/
/* font-family: var(--font-heading);*/
/* font-size: 36px;*/
/* font-weight: 700;*/
/* text-transform: uppercase;*/
/* letter-spacing: -0.9px;*/
/*}*/
/*.listivo-package--free .listivo-package__left {*/
/* border-right-color: #d2e9f0;*/
/*}*/
/*.listivo-package--free .listivo-package__radio-inner {*/
/* background-color: #222222;*/
/*}*/
/*.listivo-package--free:hover {*/
/* border-color: #222;*/
/*}*/
/*.listivo-package--free:hover .listivo-package__radio-inner {*/
/* background-color: #222222;*/
/*}*/
/*.listivo-package--free.listivo-package--active {*/
/* border-color: #222222;*/
/*}*/
/*.listivo-package--free.listivo-package--active .listivo-package__radio-inner {*/
/* background-color: #222222;*/
/*}*/
/*.listivo-package--free.listivo-package--active .listivo-package__radio-outer {*/
/* border-color: #222222;*/
/*}*/
/*.listivo-package--disabled:hover {*/
/* border-color: transparent;*/
/* cursor: default;*/
/*}*/
/*@media (min-width: 660px) {*/
/* .listivo-package {*/
/* flex-direction: row;*/
/* height: 183px;*/
/* padding: 0 60px;*/
/* }*/
/* .listivo-package__left {*/
/* width: 250px;*/
/* border-right: 1px solid #dddddd;*/
/* }*/
/* .listivo-package__right {*/
/* padding-left: 44px;*/
/* margin-top: 0;*/
/* }*/
/* .listivo-package--free {*/
/* height: 127px;*/
/* }*/
/*}*/
/*@media (min-width: 820px) {*/
/* .listivo-package__radio-wrapper {*/
/* display: flex;*/
/* }*/
/* .listivo-package__left {*/
/* width: 312px;*/
/* }*/
/*}*/
/*.listivo-packages__button {*/
/* margin-top: 80px;*/
/* display: flex;*/
/* justify-content: right;*/
/*}*/
/*.listivo-car-form__switcher-wrapper {*/
/* font-weight: 500;*/
/* font-size: 15px;*/
/* text-align: center;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* margin-bottom: 80px;*/
/*}*/
/*.listivo-car-form__switcher-wrapper .listivo-car-form__switcher {*/
/* position: relative;*/
/* display: inline-block;*/
/* margin-left: 10px;*/
/* margin-right: 10px;*/
/* height: 24px;*/
/* width: 40px;*/
/*}*/
/*@media (min-width: 767px) {*/
/* .listivo-car-form__switcher-wrapper .listivo-car-form__switcher {*/
/* height: 45px;*/
/* width: 82px;*/
/* margin-left: 30px;*/
/* margin-right: 30px;*/
/* }*/
/*}*/
/*.listivo-car-form__switcher-wrapper .listivo-car-form__switcher input {*/
/* opacity: 0;*/
/* width: 0;*/
/* height: 0;*/
/*}*/
/*.listivo-car-form__switcher-wrapper .listivo-car-form__switcher__slider {*/
/* position: absolute;*/
/* cursor: pointer;*/
/* top: 0;*/
/* left: 0;*/
/* right: 0;*/
/* bottom: 0;*/
/* -webkit-transition: 0.3s;*/
/* transition: 0.3s;*/
/* background-color: #fff;*/
/* border-radius: 50px;*/
/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);*/
/*}*/
/*.listivo-car-form__switcher-wrapper .listivo-car-form__switcher__slider:before {*/
/* position: absolute;*/
/* content: "";*/
/* height: 14px;*/
/* width: 14px;*/
/* left: 5px;*/
/* bottom: 5px;*/
/* background-color: var(--e-global-color-lprimary1);*/
/* -webkit-transition: 0.4s;*/
/* transition: 0.4s;*/
/* border-radius: 50%;*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-car-form__switcher-wrapper .listivo-car-form__switcher__slider:before {*/
/* height: 29px;*/
/* width: 29px;*/
/* left: 8px;*/
/* bottom: 8px;*/
/* }*/
/*}*/
/*.listivo-car-form__switcher-wrapper input:checked + .listivo-car-form__switcher__slider:before {*/
/* -webkit-transform: translateX(16px);*/
/* -ms-transform: translateX(16px);*/
/* transform: translateX(16px);*/
/*}*/
/*@media (min-width: 768px) {*/
/* .listivo-car-form__switcher-wrapper input:checked + .listivo-car-form__switcher__slider:before {*/
/* -webkit-transform: translateX(26px);*/
/* -ms-transform: translateX(26px);*/
/* transform: translateX(26px);*/
/* }*/
/*}*/
/*.listivo-car-form__switcher__option {*/
/* display: inline;*/
/* font-size: 24px;*/
/* font-weight: 500;*/
/* transition: 0.2s ease;*/
/*}*/
/*.listivo-car-form__switcher__option:hover {*/
/* cursor: pointer;*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-car-form__switcher__option--active {*/
/* color: var(--e-global-color-lprimary1);*/
/*}*/
/*.listivo-car-form__switcher--buy .listivo-car-form__switcher__slider:before {*/
/* left: 20px;*/
/*}*/
/*@media (min-width: 767px) {*/
/* .listivo-car-form__switcher--buy .listivo-car-form__switcher__slider:before {*/
/* left: 46px;*/
/* }*/
/*}*/
/* 13. Load at the end */
.listivo-widget-posts,
.widget_tag_cloud,
.widget_pages,
.widget_meta,
.widget_recent_entries,
.widget_nav_menu,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_rss,
.widget_calendar,
.wp-block-group {
border-radius: var(--radius-l);
background-color: var(--content-light);
padding: 30px 25px;
}
@media screen and (min-width: 768px) {
.listivo-widget-posts,
.widget_tag_cloud,
.widget_pages,
.widget_meta,
.widget_recent_entries,
.widget_nav_menu,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_rss,
.widget_calendar,
.wp-block-group {
padding: 50px 45px;
}
}
.wp-block-latest-posts li,
.wp-block-archives-list li,
.wp-block-categories li {
list-style: none !important;
}
.wp-block-group:after {
clear: both;
content: "";
display: table;
}
.listivo-widget-posts,
.widget-area,
.widget {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.listivo-widget-posts,
.widget-area,
.widget {
margin-bottom: 45px;
}
}
.widget-area,
.widget {
width: 100%;
}
.widget-area svg, .widget-area a, .widget-area *:after, .widget-area *:before,
.widget svg,
.widget a,
.widget *:after,
.widget *:before {
transition: 0.2s ease;
}
.widget-area select,
.widget select {
width: 100%;
border-radius: var(--radius-l);
font-size: initial;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.widget-area .mejs-container,
.widget .mejs-container {
margin-bottom: 0;
}
.widget-area .sub-menu,
.widget .sub-menu {
margin-top: 12px;
}
.widget-area:after,
.widget:after {
clear: both;
content: "";
display: table;
}
.widget select:hover {
border-color: var(--e-global-color-lprimary1);
}
.widget:last-of-type {
margin-bottom: 0;
}
.widget_nav_menu ul li:last-child a {
border-bottom: 0;
}
.wp-block-calendar,
.wp-block-archives-dropdown {
margin-top: 35px;
margin-bottom: 35px;
}
.widget .listivo-widget-title,
.widget_pages .listivo-widget-title,
.widget_meta .listivo-widget-title,
.widget_recent_entries .listivo-widget-title,
.widget_nav_menu .listivo-widget-title,
.widget_categories .listivo-widget-title,
.widget_archive .listivo-widget-title {
margin-bottom: 0;
}
.widget .listivo-widget-title .listivo-widget-title__text,
.widget_pages .listivo-widget-title .listivo-widget-title__text,
.widget_meta .listivo-widget-title .listivo-widget-title__text,
.widget_recent_entries .listivo-widget-title .listivo-widget-title__text,
.widget_nav_menu .listivo-widget-title .listivo-widget-title__text,
.widget_categories .listivo-widget-title .listivo-widget-title__text,
.widget_archive .listivo-widget-title .listivo-widget-title__text {
margin-bottom: 0;
}
.wp-block-archives li {
margin-bottom: 0;
line-height: 20px;
}
/* Menu */
.wp-block-latest-posts,
.wp-block-archives,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul {
padding: 0;
margin: 0 !important;
width: 100%;
float: left;
list-style-type: none;
}
.wp-block-latest-posts li,
.wp-block-archives li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_archive ul li {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 27px;
color: rgba(68, 68, 68, 0.3);
font-size: 16px;
font-weight: 500;
text-align: right;
position: relative;
}
.wp-block-latest-posts li:after,
.wp-block-archives li:after,
.widget_pages ul li:after,
.widget_meta ul li:after,
.widget_recent_entries ul li:after,
.widget_nav_menu ul li:after,
.widget_categories ul li:after,
.widget_archive ul li:after {
clear: both;
content: "";
display: table;
}
.wp-block-latest-posts li:first-child,
.wp-block-archives li:first-child,
.widget_pages ul li:first-child,
.widget_meta ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_nav_menu ul li:first-child,
.widget_categories ul li:first-child,
.widget_archive ul li:first-child {
margin-top: 0;
}
.wp-block-latest-posts li:last-child,
.wp-block-archives li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
padding-bottom: 0;
border: none;
}
.wp-block-latest-posts li a,
.wp-block-archives li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_archive ul li a {
position: relative;
padding: 0 40px 0 0;
margin-right: -30px;
float: left;
text-align: left;
color: var(--text-2);
}
.wp-block-latest-posts li a:before,
.wp-block-archives li a:before,
.widget_pages ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li a:before,
.widget_nav_menu ul li a:before,
.widget_categories ul li a:before,
.widget_archive ul li a:before {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='13px' viewBox='0 0 121.000000 121.000000' preserveAspectRatio= 'xMidYMid meet' ><g transform= 'translate(0.000000,121.000000) scale(0.100000,-0.100000)' fill= 'rgb(218, 28, 46)' stroke= 'none'> <path d= 'M1127 1196 c-3 -8 -23 -18 -44 -21 -21 -3 -67 -14 -103 -25 -124 -35 -185 -51 -240 -64 -30 -7 -71 -18 -90 -24 -40 -13 -128 -37 -210 -56 -30 -7 -77 -21 -103 -30 -26 -9 -57 -16 -67 -16 -11 0 -46 -9 -77 -19 -32 -11 -76 -22 -98 -26 -46 -8 -65 -21 -65 -44 0 -21 820 -841 841 -841 23 0 36 19 44 65 4 22 15 66 26 98 10 31 19 66 19 77 0 10 7 41 16 67 9 26 23 73 30 103 19 82 43 170 56 210 6 19 17 60 24 90 13 55 29 116 64 240 11 36 22 82 25 103 3 21 13 41 21 44 9 3 14 19 14 44 0 39 0 39 -39 39 -25 0 -41 -5 -44 -14z m-78 -149 c11 -14 -1 -90 -32 -192 -19 -65 -35 -126 -51 -195 -7 -30 -20 -77 -29 -105 -20 -63 -44 -151 -62 -234 -15 -64 -38 -111 -55 -111 -12 0 -610 598 -610 610 0 17 47 40 111 55 83 18 171 42 234 62 28 9 75 22 105 29 70 16 131 32 195 52 48 14 148 38 171 41 6 0 17 -5 23 -12z '/></g></svg>");
display: block;
width: 13px;
height: 13px;
margin: 0 0 0 -27px;
position: absolute;
left: 0;
top: 0;
}
.wp-block-latest-posts li a:hover,
.wp-block-archives li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover {
color: var(--e-global-color-lprimary1);
}
.wp-block-latest-posts li .post-date,
.wp-block-archives li .post-date,
.widget_pages ul li .post-date,
.widget_meta ul li .post-date,
.widget_recent_entries ul li .post-date,
.widget_nav_menu ul li .post-date,
.widget_categories ul li .post-date,
.widget_archive ul li .post-date {
color: #98A4B1;
float: left;
width: 100%;
margin-top: -6px;
margin-bottom: 16px;
font-size: 12px;
}
.wp-block-latest-posts li:last-child,
.wp-block-archives li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
border: none;
}
.wp-block-latest-posts li:last-child .post-date,
.wp-block-archives li:last-child .post-date,
.widget_pages ul li:last-child .post-date,
.widget_meta ul li:last-child .post-date,
.widget_recent_entries ul li:last-child .post-date,
.widget_nav_menu ul li:last-child .post-date,
.widget_categories ul li:last-child .post-date,
.widget_archive ul li:last-child .post-date {
margin-bottom: 0;
}
.wp-block-latest-posts li ul,
.wp-block-archives li ul,
.widget_pages ul li ul,
.widget_meta ul li ul,
.widget_recent_entries ul li ul,
.widget_nav_menu ul li ul,
.widget_categories ul li ul,
.widget_archive ul li ul {
margin-top: 12px !important;
padding-left: 15px;
margin-left: -27px !important;
width: calc(100% + 27px);
}
.wp-block-latest-posts .menu, .wp-block-latest-posts > ul,
.wp-block-archives .menu,
.wp-block-archives > ul,
.widget_pages ul .menu,
.widget_pages ul > ul,
.widget_meta ul .menu,
.widget_meta ul > ul,
.widget_recent_entries ul .menu,
.widget_recent_entries ul > ul,
.widget_nav_menu ul .menu,
.widget_nav_menu ul > ul,
.widget_categories ul .menu,
.widget_categories ul > ul,
.widget_archive ul .menu,
.widget_archive ul > ul {
display: block;
margin-top: -12px;
}
.wp-block-latest-posts {
margin-top: -12px;
}
.wp-block-latest-posts > ul {
margin-top: 0;
}
.widget_pages > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_nav_menu > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_archive > ul > li:first-child,
ul.wp-block-latest-posts > li:first-child,
ul.menu > li:first-child {
padding-top: 0 !important;
}
.wp-block-latest-posts__list.is-grid li {
padding-top: 0 !important;
}
.wp-block-latest-posts,
.wp-block-archives {
padding-left: 0 !important;
}
.wp-block-latest-posts li,
.wp-block-archives li {
text-align: left;
line-height: 20px !important;
margin-bottom: 0 !important;
}
/* clears the 'X' from Internet Explorer */
.widget_search input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
.widget_search input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.widget_search input[type=search]::-webkit-search-decoration,
.widget_search input[type=search]::-webkit-search-cancel-button,
.widget_search input[type=search]::-webkit-search-results-button,
.widget_search input[type=search]::-webkit-search-results-decoration {
display: none;
}
.wp-block-search__inside-wrapper {
margin-top: 10px;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0 30px;
background: var(--white);
border: 1px solid #e5e5e5;
border-radius: var(--radius-l);
}
.listivo-blog-search {
width: 100%;
position: relative;
border-radius: var(--radius-l);
}
.listivo-blog-search input[type=submit] {
display: none;
}
.listivo-blog-search input[type=search] {
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
width: 100%;
background: var(--white);
padding: 17px 31px 17px 31px;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
}
.listivo-blog-search-no-results {
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
padding: 45px 45px;
}
.listivo-blog-search-no-results:after {
clear: both;
content: "";
display: table;
}
.listivo-blog-search-no-results h3 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 28px;
letter-spacing: -0.28px;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.listivo-blog-search-no-results h3 {
font-size: 42px;
letter-spacing: -1.05px;
}
}
.listivo-blog-search-no-results h4 {
line-height: 1.27;
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
margin-bottom: 35px;
}
.widget.widget_search:not(.widget_block) .listivo-blog-search__button-search {
position: absolute;
right: -1px;
top: 0;
line-height: 61px;
border: 0;
cursor: pointer;
background-color: var(--e-global-color-lprimary1);
color: var(--white);
padding: 0 25px 0 37px;
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
border-top-right-radius: var(--radius-l);
border-bottom-right-radius: var(--radius-l);
transition: 0.2s ease;
}
.widget.widget_search:not(.widget_block) .listivo-blog-search__button-search:hover {
background-color: var(--e-global-color-lsecondary1);
}
.widget.widget_search:not(.widget_block) .listivo-blog-search__button-search svg {
top: 4px;
position: relative;
}
.wp-block-search .wp-block-search__inside-wrapper,
.widget.widget_search.widget_block .wp-block-search__inside-wrapper {
margin-top: 22px;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
}
.wp-block-search input[type=search],
.widget.widget_search.widget_block input[type=search] {
color: var(--text-1);
font-size: 16px;
background: var(--white);
padding: 16px 30px 16px 30px;
font-family: inherit;
border-right: 0;
line-height: 25px;
border: none;
}
.wp-block-search .wp-block-search__button,
.widget.widget_search.widget_block .wp-block-search__button {
display: block;
line-height: 61px;
border: 0;
margin-left: 0;
cursor: pointer;
min-width: 132px;
background-color: var(--e-global-color-lprimary1);
color: var(--white);
padding: 0 30px;
transition: 0.2s ease;
}
.wp-block-calendar,
.widget_calendar {
max-width: 360px;
}
.wp-block-calendar table,
.widget_calendar table {
position: relative;
margin-bottom: 0;
table-layout: fixed;
word-wrap: normal;
width: 100%;
border: 0;
border-spacing: 6px;
}
.wp-block-calendar table caption,
.widget_calendar table caption {
font-size: 16px;
line-height: 16px;
padding-bottom: 15px;
margin-bottom: 9px;
font-weight: 600;
color: #444;
border-bottom: 1px solid #cee1e6;
}
.wp-block-calendar table th,
.widget_calendar table th {
background: transparent;
border: 0;
padding: 6px;
}
.wp-block-calendar table td,
.widget_calendar table td {
border: 0;
padding: 6px;
}
.wp-block-calendar table thead *,
.widget_calendar table thead * {
color: var(--text-2);
font-size: 16px;
font-weight: 700;
}
.wp-block-calendar table thead th,
.widget_calendar table thead th {
text-align: center;
}
.wp-block-calendar table tbody,
.widget_calendar table tbody {
cursor: default;
}
.wp-block-calendar table tbody *,
.widget_calendar table tbody * {
color: var(--text-2);
font-size: 16px;
font-weight: 400;
}
.wp-block-calendar table tbody td,
.widget_calendar table tbody td {
text-align: center;
position: relative;
}
.wp-block-calendar table tbody a,
.widget_calendar table tbody a {
color: #fff;
border-radius: 50%;
height: 30px !important;
margin-top: -5px;
margin-bottom: -5px;
line-height: 30px;
width: 30px !important;
background: var(--e-global-color-lprimary1);
display: block;
transition: 0.2s ease;
}
.wp-block-calendar table tbody a:hover,
.widget_calendar table tbody a:hover {
background: var(--e-global-color-lsecondary1);
}
.wp-block-calendar #today a,
.widget_calendar #today a {
color: #fff;
border-radius: 50%;
height: 30px !important;
margin-top: -5px;
margin-bottom: -5px;
line-height: 30px;
width: 30px !important;
background: var(--e-global-color-lprimary1);
display: block;
transition: 0.2s ease;
}
.wp-block-calendar #today a:hover,
.widget_calendar #today a:hover {
background: var(--e-global-color-lsecondary1);
}
.wp-block-calendar .wp-calendar-nav,
.widget_calendar .wp-calendar-nav {
padding: 0 25px;
border-radius: var(--radius-l);
border: 1px solid var(--border-color);
background-color: var(--white);
line-height: 50px;
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.wp-block-calendar .wp-calendar-nav,
.widget_calendar .wp-calendar-nav {
margin-top: 9px;
}
}
.wp-block-calendar .wp-calendar-nav a:hover,
.widget_calendar .wp-calendar-nav a:hover {
color: var(--e-global-color-lprimary1);
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
display: inline-block;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
float: left;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
float: right;
}
.wp-block-calendar .wp-calendar-nav tbody tr,
.widget_calendar .wp-calendar-nav tbody tr {
text-align: center;
}
.wp-block-calendar .wp-calendar-nav tfoot,
.widget_calendar .wp-calendar-nav tfoot {
width: 100%;
}
.wp-block-calendar .wp-calendar-nav tfoot td,
.widget_calendar .wp-calendar-nav tfoot td {
padding: 0 6px;
}
.wp-block-calendar .wp-calendar-nav #prev,
.widget_calendar .wp-calendar-nav #prev {
text-align: left;
}
.wp-block-calendar .wp-calendar-nav #next,
.widget_calendar .wp-calendar-nav #next {
text-align: right;
}
.wp-block-calendar {
padding: 25px;
border-radius: var(--radius-l);
background-color: var(--content-light);
}
@media screen and (min-width: 768px) {
.wp-block-calendar {
padding: 50px 45px;
}
}
.wp-block-calendar a {
text-decoration: none !important;
}
.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;
}
.widget_rss ul {
margin: 0;
list-style-type: none;
margin-bottom: 16px;
}
.widget_rss ul li {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #cee1e6;
}
.widget_rss ul li:after {
clear: both;
content: "";
display: table;
}
.widget_rss ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.widget_rss .rss-widget-icon {
display: none;
}
.widget_rss .rsswidget {
display: block;
}
.widget_rss ul {
margin-bottom: 0;
}
.widget_rss ul .rsswidget {
font-weight: 600;
font-size: 18px;
line-height: 20px;
margin-bottom: 13px;
}
.widget_rss ul .rsswidget:hover {
color: var(--e-global-color-lprimary1);
}
.widget_rss .rss-date {
margin-bottom: 24px;
float: left;
color: #222;
font-family: var(--font-text);
font-size: 12px;
line-height: 14px;
font-weight: 400;
}
.widget_rss .rssSummary {
float: left;
width: 100%;
color: var(--text-2);
font-size: 16px;
line-height: 28px;
margin-bottom: 24px;
}
.widget_rss cite {
float: left;
width: 100%;
font-size: 16px;
font-weight: 700;
font-style: normal;
color: var(--content-dark);
}
/* Block RSS Widget - /2018/11/01/blocks-widgets/ */
ul.wp-block-rss {
margin: 0;
padding-left: 0;
list-style-type: none;
margin-bottom: 16px;
}
ul.wp-block-rss a:hover {
color: var(--e-global-color-lprimary1);
}
ul.wp-block-rss li {
padding-bottom: 20px;
list-style-type: none;
margin-bottom: 20px;
border-bottom: 1px solid #cee1e6;
}
ul.wp-block-rss li:after {
clear: both;
content: "";
display: table;
}
ul.wp-block-rss li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 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.2s ease;
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);
}
}
.wp-block-search__label,
.widget.widget_block .wp-block-group__inner-container h2,
.listivo-widget-title {
line-height: 1.27;
font-family: var(--font-heading);
font-weight: 700;
font-size: 22px;
letter-spacing: -0.22px;
padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
.wp-block-search__label,
.widget.widget_block .wp-block-group__inner-container h2,
.listivo-widget-title {
font-size: 24px;
letter-spacing: -0.24px;
}
}
.wp-block-search__label:after,
.widget.widget_block .wp-block-group__inner-container h2:after,
.listivo-widget-title:after {
clear: both;
content: "";
display: table;
}
.wp-block-search__label:after,
.widget.widget_block .wp-block-group__inner-container h2:after,
.listivo-widget-title:after {
content: url("data:image/svg+xml; utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 913.000000 42.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,42.000000) scale(0.100000,-0.100000)' fill='rgb(255, 193, 74)' stroke='none'><path d='M7962 404 c-11 -12 -33 -14 -100 -12 -48 1 -240 -1 -427 -5 -187 -4 -506 -10 -710 -13 -354 -5 -415 -7 -603 -19 -185 -11 -867 -23 -1392 -25 -124 -1 -360 -6 -525 -11 -385 -14 -451 -15 -1170 -23 -411 -5 -646 -12 -745 -22 -86 -9 -301 -17 -530 -20 -244 -3 -422 -10 -485 -19 -90 -13 -202 -18 -640 -30 -77 -2 -189 -11 -250 -19 -60 -9 -151 -16 -202 -16 -50 0 -103 -4 -116 -9 -33 -13 -40 -47 -21 -109 l17 -52 193 0 c123 0 194 4 194 10 0 6 14 10 30 10 17 0 30 -4 30 -10 0 -15 107 -13 112 2 5 13 100 18 562 32 115 4 263 11 330 16 67 5 312 14 546 20 234 5 529 14 655 20 234 10 529 16 1255 25 637 8 931 14 1270 25 173 5 506 15 740 21 675 17 689 17 820 28 69 5 217 10 330 11 271 1 727 18 815 30 39 5 254 9 478 10 452 0 580 9 635 46 l32 22 -32 23 c-20 14 -50 24 -77 26 -26 1 -111 7 -191 13 -80 5 -187 10 -238 11 -65 0 -96 5 -106 15 -17 16 -106 19 -106 4 0 -5 -9 -10 -20 -10 -11 0 -20 5 -20 10 0 6 -61 10 -162 10 -133 -1 -165 -4 -176 -16z '/></g></svg>");
width: 119px;
margin-top: -15px;
}
.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.2s ease;
}
.listivo-widget-posts__title {
display: block;
min-height: 44px;
margin-bottom: 12px;
font-weight: 600;
font-size: 18px;
line-height: 22px;
transition: 0.2s ease;
}
.listivo-widget-posts__title:hover {
color: var(--e-global-color-lprimary1);
}
.listivo-widget-posts__date {
font-size: 12px;
font-weight: 400;
}
/*.listivo-loading .listivo-map__search-as-i-move:before {*/
/* content: "";*/
/* position: absolute;*/
/* width: 120px;*/
/* height: 30px;*/
/* z-index: 2;*/
/* transform: scale(0.45);*/
/* left: 50%;*/
/* top: 50%;*/
/* margin-left: -60px;*/
/* margin-top: -15px;*/
/* background-image: url("data:image/svg+xml, %3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23222' class='listivo-animation-svg' %3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");*/
/*}*/
/*.listivo-loading .listivo-map__search-as-i-move .listivo-checkbox {*/
/* opacity: 0;*/
/*}*/
/*.listivo-loading .listivo-listing-card-row__label,*/
/*.listivo-loading .listivo-listing-card__label,*/
/*.listivo-loading .listivo-listing-card-row__label {*/
/* display: none;*/
/*}*/
/*.listivo-loading .listivo-listing-card-v2,*/
/*.listivo-loading .listivo-listing-card-row__inner,*/
/*.listivo-loading .listivo-listing-card__inner {*/
/* box-shadow: none !important;*/
/*}*/
/*.listivo-loading .listivo-card-image-placeholder,*/
/*.listivo-loading .listivo-listing-card-row__name,*/
/*.listivo-loading .listivo-listing-card-v2__label,*/
/*.listivo-loading .listivo-listing-card__name {*/
/* transition: 0s all !important;*/
/*}*/
/*.listivo-loading .listivo-card-image-placeholder,*/
/*.listivo-loading .listivo-listing-card-v2__image,*/
/*.listivo-loading .listivo-listing-card-v2__label,*/
/*.listivo-loading .listivo-listing-card-v2__price,*/
/*.listivo-loading .listivo-listing-card-row__name,*/
/*.listivo-loading .listivo-listing-card-row__location,*/
/*.listivo-loading .listivo-listing-card-row__price,*/
/*.listivo-loading .listivo-listing-card-row__text,*/
/*.listivo-loading .listivo-listing-card__name,*/
/*.listivo-loading .listivo-listing-card__location,*/
/*.listivo-loading .listivo-listing-card__price {*/
/* color: transparent !important;*/
/* background: var(--border-color) !important;*/
/* border-radius: 10px;*/
/*}*/
/*.listivo-loading .listivo-card-image-placeholder *,*/
/*.listivo-loading .listivo-listing-card-v2__image *,*/
/*.listivo-loading .listivo-listing-card-v2__label *,*/
/*.listivo-loading .listivo-listing-card-v2__price *,*/
/*.listivo-loading .listivo-listing-card-row__name *,*/
/*.listivo-loading .listivo-listing-card-row__location *,*/
/*.listivo-loading .listivo-listing-card-row__price *,*/
/*.listivo-loading .listivo-listing-card-row__text *,*/
/*.listivo-loading .listivo-listing-card__name *,*/
/*.listivo-loading .listivo-listing-card__location *,*/
/*.listivo-loading .listivo-listing-card__price * {*/
/* color: transparent !important;*/
/* background: var(--border-color) !important;*/
/*}*/
/*.listivo-loading .listivo-listing-card-row__location svg,*/
/*.listivo-loading .listivo-listing-card__location svg {*/
/* display: none;*/
/*}*/
/*.listivo-loading .listivo-listing-card__features,*/
/*.listivo-loading .listivo-listing-card-row__features {*/
/* background: var(--border-color) !important;*/
/* border-radius: 10px;*/
/* height: 24px;*/
/*}*/
/*.listivo-loading .listivo-listing-card__features li,*/
/*.listivo-loading .listivo-listing-card-row__features li {*/
/* opacity: 0;*/
/*}*/
/*.listivo-loading .listivo-listing-card-v2__favorite svg,*/
/*.listivo-loading .listivo-listing-card-row__favorite svg,*/
/*.listivo-loading .listivo-listing-card__favorite svg {*/
/* color: transparent !important;*/
/* background: var(--border-color) !important;*/
/* border-radius: 50%;*/
/*}*/
/*.listivo-loading .listivo-listing-card-v2__image:after,*/
/*.listivo-loading .listivo-listing-card-row__left:after,*/
/*.listivo-loading .listivo-listing-card__top:after {*/
/* content: "";*/
/* width: 100%;*/
/* height: 100%;*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* background: var(--border-color) !important;*/
/*}*/
img.lazyload {
opacity: 0;
}
.listivo-email {
transition: 0.2s ease;
}
@media (min-width: 768px) and (max-width: 1199px) {
.listivio-tablet-order-1 {
order: 1;
}
.listivio-tablet-order-2 {
order: 2;
}
.listivio-tablet-order-3 {
order: 3;
}
.listivio-tablet-order-4 {
order: 4;
}
}
.listivo-clearfix:after,
.clearfix:after {
clear: both;
content: "";
display: table;
}
.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-clearfix:after,
.clearfix:after {
clear: both;
content: "";
display: table;
}
.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 screen and (min-width: 1025px) {
.listivo-no-wrap-desktop .elementor-widget-wrap {
flex-wrap: nowrap !important;
}
}
@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-posts {
display: grid;
}
.listivo-gallery-mosaic {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 12px;
}
@media (min-width: 850px) {
.listivo-gallery-mosaic {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.listivo-gallery-mosaic__main {
position: relative;
overflow: hidden;
}
@media (max-width: 849px) {
.listivo-gallery-mosaic__main {
border-radius: var(--radius-l);
}
}
@media (min-width: 850px) {
.listivo-gallery-mosaic__main {
border-top-left-radius: var(--radius-l);
border-bottom-left-radius: var(--radius-l);
}
}
.listivo-gallery-mosaic__main img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.listivo-gallery-mosaic__images {
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
display: none;
}
@media (min-width: 850px) {
.listivo-gallery-mosaic__images {
display: grid;
}
}
.listivo-gallery-mosaic__image-wrapper {
overflow: hidden;
}
@media (min-width: 850px) {
.listivo-gallery-mosaic__image-wrapper:nth-child(2) {
border-top-right-radius: var(--radius-l);
}
.listivo-gallery-mosaic__image-wrapper:nth-child(4) {
border-bottom-right-radius: var(--radius-l);
}
}
.listivo-gallery-mosaic__image {
position: relative;
}
.listivo-gallery-mosaic__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.listivo-gallery-mosaic__image--placeholder {
background-color: #f9f9f9;
}
.listivo-gallery-mosaic__preview {
cursor: pointer;
transition: all 0.3s ease;
}
.listivo-gallery-mosaic__preview:hover {
filter: brightness(1.1);
}
.listivo-gallery-mosaic__preview--hidden {
display: none;
}
.listivo-gallery-mosaic__button {
position: absolute;
bottom: 25px;
right: 35px;
padding: 13px 18px 13px 13px;
border-radius: var(--radius-s);
border: 1px solid var(--black);
background-color: var(--white);
line-height: 14px;
font-size: 14px;
font-weight: 500;
transition: 0.2s ease;
}
.listivo-gallery-mosaic__button svg {
height: 14px;
float: left;
fill: #222;
margin-right: 8px;
transition: 0.2s ease;
}
.listivo-gallery-mosaic__button:hover {
color: var(--content-dark);
border-color: var(--content-dark);
}
.listivo-gallery-mosaic__button:hover svg {
fill: var(--content-dark);
}
.listivo-listing-carousel-with-tabs__carousel .listivo-swiper-slide {
/*display: inline-block;*/
/*max-width: 360px;*/
}
.listivo-copyrights {
box-shadow: unset !important;
}