.button { background-color: var(--nectar-accent-color); border-radius: 25px; color: var(--white); display: inline-block; font-size: 13px; font-weight: bold; line-height: 18px; padding: 12px 30px; text-transform: uppercase; }
.button:hover { background-color: var(--nectar-extra-color-1); color: var(--white); }

.d-none { display: none!important; }
.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

@media (min-width: 1000px) {
    .text-lg-right { text-align: right; }
}

.slick-slide { margin: 0 15px; }
.slick-list { margin: 0 -15px; } 

.slick-dots { bottom: -55px; }
.slick-dots > li, .slick-dots button { height: 11px!important; width: 11px!important; }
.slick-dots button { background-color: transparent!important; border: 1px solid #CCCCCC!important; border-radius: 50%!important; }
.slick-dots .slick-active button, .slick-dots button:hover { border-color: var(--nectar-extra-color-1); }
.slick-dots .slick-active button { background-color: var(--nectar-extra-color-1)!important; }
.slick-dots button:before { content: none!important; }

.archive-header { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; margin-bottom: 15px; padding-block: 90px; position: relative; }
.archive-header:before { content: ''; background: linear-gradient(to right, rgba(0,0,0,0.9), transparent); border-radius: 30px; height: 100%; left: 0; position: absolute; top: 0; width: 80%; z-index: 1; }
.archive-header .container { position: relative; z-index: 2; }
.archive-header .container *:not(.resaltar) { color: #ffffff; }
.archive-header .container h2, .archive-header .container p { max-width: 1050px; }
.archive-header .container h2 { margin-bottom: 20px; padding-bottom: 0; }
.archive-header .container p { font-size: 30px; line-height: 34px; margin-bottom: 0; padding-bottom: 0; }

.properties-search { background-color: #ffffff; border: 1px solid #EAEAEA; border-radius: 15px; display: inline-block; max-width: 450px; margin-bottom: 30px; padding: 25px; text-align: left; width: 100%; }
.properties-search .min-price select, .properties-search .min-rent-price select { display: inline-block; float: left; width: 100%; }
.properties-search .form-group { display: inline-block; float: left; width: 100%; }
.properties-search .form-group:not(:last-child) { margin-bottom: 10px; }
.properties-search .form-group label { color: black; display: inline-block; font-size: 0.85rem; font-weight: 600; margin-bottom: 2px; width: 100%; }
.properties-search label { cursor: pointer; }
.properties-search select, .properties-search input[type="text"] { background-color: #f5f5f5!important; border: 0; border-radius: 10px; border-right: 1px solid #EAEAEA; color: #000000!important; font-size: 0.9rem; padding: 11px 15px 13px; width: 100%; }
.properties-search input[type="text"]::placeholder { color: #000000!important; }
.properties-search input[type="text"] { padding: 9px 15px; }

.properties-search > .availability { width: 100%; }
.properties-search > .availability input { display: none; }
.properties-search > .availability > label { background-color: #f5f5f5; cursor: pointer; display: inline-block; float: left; font-size: 0.9rem; margin-bottom: 0; padding: 10px 30px; text-align: center; width: 50%; }
.properties-search > .availability > label:first-child { border-radius: 10px 0 0 10px; }
.properties-search > .availability > label:last-child { border-radius: 0 10px 10px 0; }
.properties-search > .availability > label.active { background-color: var(--nectar-accent-color); color: var(--white); }

body[data-button-style=rounded] .container-wrap .properties-search button[type=submit] { background-color: var(--nectar-accent-color)!important; border-radius: 10px!important; color: var(--white)!important; font-weight: bold; text-align: center; text-transform: uppercase; width: 100%; }
body[data-button-style=rounded] .container-wrap .properties-search button[type="submit"] .fa { margin-right: 5px; position: relative; top: -2px; }
body[data-button-style=rounded] .container-wrap .properties-search .button { background-color: #f2f2f2; border-radius: 10px; color: black!important; display: inline-block; font-weight: bold; margin-top: 10px; letter-spacing: 1px; padding: 15px!important; text-align: center; text-transform: uppercase; width: 100%; }
body[data-button-style=rounded] .container-wrap .properties-search button[type="submit"]:hover, body[data-button-style=rounded] .container-wrap .properties-search .button:hover { background-color: var(--nectar-extra-color-1)!important; color: #ffffff!important; opacity: 1!important; }

.properties, .properties > li { list-style: none; margin-left: 0; padding-left: 0; }
.properties { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); margin-bottom: 50px; }

.property-item { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 15px; padding: 15px; }
.property-item > a { display: inline-block; margin-bottom: 15px; width: 100%; }
.property-item img { aspect-ratio: 100/68; border-radius: 15px; filter: blur(0); object-fit: cover; margin-bottom: 0!important; }
.property-item > a:hover img { filter: blur(100%); }
.property-item h4 { text-transform: uppercase; }
.property-item h4 > a { color: var(--black); font-weight: 600; }
.property-item h4 > a:hover { color: var(--nectar-accent-color); }
.property-item h6 { color: var(--nectar-accent-color); font-size: 16px; font-weight: 500; letter-spacing: 0; margin-bottom: 10px; text-transform: none; }
.property-item h6:before { content: none; }
.property-item h6 i { font-size: 18px; margin-right: 5px; position: relative; top: -2px; }
.property-item h5 { color: var(--nectar-accent-color); font-weight: 600; letter-spacing: 0; text-transform: lowercase; }

.property-block_one-info, .property-block_one-info > li { list-style: none; margin-left: 0; }
.property-block_one-info { border-bottom: 1px solid var(--light); border-top: 1px solid var(--light); display: grid; grid-template-columns: repeat(3, 1fr); margin-block: 15px; padding: 12px 0; position: relative; }
.property-block_one-info li { border-right: 1px solid var(--light); font-size: 14px; font-weight: 500; line-height: 1em; margin-right: 15px; padding-right: 15px; position: relative; }
.property-block_one-info li:last-child { border: none; margin-right: 0; padding-right: 0; }
.property-block_one-info li span { display: inline-block; margin-right: 5px; position: relative; }
.property-block_one-info li img { aspect-ratio: unset; border-radius: 0; object-fit: unset; position: relative; top: 4px; }

.pagination { display: inline-block; margin-bottom: 60px; text-align: center; width: 100%; }
.pagination > * { border: 1px solid #eaeaea; border-radius: 50%; height: 30px; display: inline-block; line-height: 30px; text-align: center; width: 30px; }
.pagination > .next, .pagination > .prev { border-radius: 25px; padding-inline: 15px; width: auto; }
.pagination > .current { background-color: var(--nectar-extra-color-1); border-color: var(--nectar-extra-color-1); color: #000000; }
.pagination > a:hover { background-color: #EAEAEA; }

#home-search .properties-search { max-width: 100%; }

@media (min-width: 1000px) {
    #home-search { height: 330px; position: relative; }
    #home-search .properties-search { left: 0; position: absolute; top: 0; }
}

@media (max-width: 1399px) {
    .properties { gap: 20px; }
}

@media (max-width: 1199px) {
    .archive-header { padding-block: 75px; }

    .properties-search { padding: 15px; }
    .properties-search select, .properties-search input[type="text"] { font-size: 0.85rem; padding: 10px 14px 12px; }
    body[data-button-style=rounded] .container-wrap .properties-search button[type=submit] { padding: 12px 15px!important; }
    body[data-button-style=rounded] .container-wrap .properties-search .button { padding: 12px 15px!important; }

    .properties { grid-template-columns: repeat(2, 1fr); }

    .property-item { border-radius: 10px; padding: 10px; }
    .property-item img { border-radius: 10px; }
    .property-item h6 { font-size: 15px; }

    .property-block_one-info li { font-size: 13px; margin-right: 8px; padding-right: 8px; }
    .property-block_one-info li span { margin-right: 2px; }
    .property-block_one-info li img { max-width: 16px!important; top: 3px; }
}

@media (max-width: 999px) {
    .properties-search { margin-bottom: 10px; }
    .properties-search .form-fields { display: inline-block; width: 100%; }
    .properties-search .form-fields > .form-group { display: inline-block; float: left; }
    .properties-search .form-fields > .form-group:last-child, .properties-search .form-fields > .form-group:nth-last-child(2) { margin-left: 0!important; width: 100%; }
    .properties-search .form-fields > .form-group .col:last-child { margin-bottom: 0; }
    .properties-search select, .properties-search input[type="text"] { font-size: 13px; padding: 9px 12px 11px; }

    .properties { column-gap: 15px; grid-template-columns: repeat(2, 1fr); }

    .property-item h6 { font-size: 14px; }
}

@media (max-width: 690px) {
    .properties-search .form-group label { font-size: 13px; }
    body[data-button-style=rounded] .container-wrap .properties-search button[type=submit],
    body[data-button-style=rounded] .container-wrap .properties-search .button { font-size: 13px; }

    .properties { grid-template-columns: repeat(1, 1fr); }
}

/*********************
 PROPERTY
 *********************/
#property-details { margin-top: 30px; padding-bottom: 90px!important; padding-top: 0!important; }

.white-box { background-color: var(--light); border-radius: 20px; padding: 25px; }
.white-box + .white-box { margin-top: 20px; }
.white-box.sticky { position: sticky; top: 0; }
.white-box h4, .white-box h5 { color: #000000; font-weight: bold; line-height: 1.1em; }
.white-box > h4, .white-box > h5 { margin-top: 0; }

#property-details .property-main-image { aspect-ratio: 2/1; border-radius: 15px; margin-bottom: 20px; min-height: 250px; object-fit: cover; }

#property-details .tag { background-color: #ffffff; border-radius: 3px; color: #000000; display: inline-block; font-size: 12px; line-height: 16px; font-weight: bold; padding: 4px 10px; text-transform: uppercase; }
#property-details h1 { color: #000000; }

.white-box .description { margin-bottom: 50px; margin-top: 15px; }
.white-box p { font-size: 15px; line-height: 20px; text-align: justify; }

.property-main-features, .property-main-features > li { list-style: none; margin-left: 0; padding-left: 0; }
.property-main-features { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
.property-main-features > li { padding-left: 65px; position: relative; }
.property-main-features > li .fa { background-color: var(--white); border: 1px solid #EAEAEA; border-radius: 10px; color: var(--nectar-accent-color); font-size: 26px; height: 50px; left: 0; line-height: 50px; position: absolute; top: 50%; transform: translateY(-50%); width: 50px; }
.property-main-features > li h5 { color: #000000; margin-bottom: 0; padding-bottom: 0; }
.property-main-features > li h6 { color: #7a7a7a; font-size: 0.8rem; font-weight: normal; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; }

.property-main-features.filled .fa { background-color: var(--white); border-radius: 10px; color: var(--nectar-extra-color-1); }

.separator { margin-block: 45px; border-top: 1px solid #EAEAEA; }

.property-images, .property-images > li { list-style: none; margin-left: 0; padding-left: 0; }
.property-images { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); margin-bottom: 0; }
.property-images > li a, .property-images > li a img { display: inline-block; float: left; width: 100%; }
.property-images > li img { aspect-ratio: 4 / 3; border-radius: 12px; margin-bottom: 0!important; object-fit: cover; }

.property-features, .property-features > li { list-style: none; margin-left: 0; padding-left: 0; }
.property-features { display: grid; gap: 5px; grid-template-columns: repeat(3, 1fr); margin-block: 15px 0; }
.property-features > li { font-size: 1rem; }
.property-features > li i { color: var(--nectar-accent-color); margin-right: 5px; }

#property-map { border-radius: 12px; height: clamp(250px, 45vw, 500px); }

#property-details .actions { margin-top: 30px; }
#property-details .actions a { background-color: #EAEAEA; border-radius: 20px; color: #000000; display: inline-block; font-size: 13px; font-weight: 600; line-height: 19px; padding: 10px 24px; }
#property-details .actions a .fa { margin-right: 5px; }
#property-details .actions a + a { margin-left: 6px; } 
#property-details .actions a:hover { background-color: var(--nectar-extra-color-1); color: var(--white); }

#property-details .properties-search { border: 0; }

@media (min-width: 1500px) {
    .property-main-features { grid-template-columns: repeat(4, 1fr); }
    .property-main-features.filled { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1199px) {
    #property-details { padding-bottom: 80px!important; }
    .property-main-features, .property-features { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 999px) {
    #property-details { padding-bottom: 70px!important; }

    #property-details .main-image .container { bottom: 15px; }
    #property-details .main-image .col.span_4 { margin-bottom: 0; }
    #property-details .main-image .col.span_8 { margin-bottom: 15px; }
    #property-details .main-image p { padding-bottom: 0; }
    #property-details .main-image .tags { margin-bottom: 15px; }
    #property-details .tag { font-size: 11px; line-height: 15px; padding: 3px 8px; }
    #property-details .main-image .reference { font-size: 13px; line-height: 17px; }

    .property-images { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 690px) {
    #property-details { padding-bottom: 60px!important; }

    .white-box p { font-size: 14px; line-height: 19px; }

    .property-main-features, .property-features { grid-template-columns: repeat(1, 1fr); }
    .property-features > li { font-size: 0.9rem; }

    .property-images { gap: 10px; }
}
 

/***********************
 SHARE MODAL
 ***********************/
.share-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h5 { display: inline-block; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

@media (min-width: 577px) {
    .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
    .share-modal > .modal-box { border-radius: 0; min-height: 100vh; left: 0; max-width: 100%; top: 0; width: 100%; }
}

/***********************
PRINT
***********************/
@media print {
    #header-outer, #header-space, #footer-outer, .grecaptcha-badge, .print-none { display: none!important; }
    .col { width: 100%!important; }

    #property-details .main-image { height: auto; margin-bottom: 0; }
    #property-details .main-image .container { bottom: 0; position: relative; }
    #property-details .main-image * { color: #000000; }
    .white-box { padding: 0; }
    .property-main-features { grid-template-columns: repeat(3, 1fr); }
    .property-images { grid-template-columns: repeat(4, 1fr); }
    .property-features { grid-template-columns: repeat(3, 1fr); }
}