/******************************************
** SEATHERNY PROPERTIES LISTING CUSTOM STYLESHEET
** version 1.0.0
** by iManila | shanehleng
**
** Last Updated: January 2026
******************************************/

/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
} */

/*Colors*/
:root {
    --st-color-primary: #117F83;
    --st-color-primary-accent: #C3DFE0;
    --st-color-secondary: #AD245D;
    --st-color-secondary-accent: #DDB2C4;
}

.elementor-5710 {
    z-index: 1;
    position: relative;
}


/* Search Fields*/
.st-listing-fields .search-filter-input-text {
    border-width: 0;
    border-radius: 12px;
}
.st-listing-fields .search-filter-input-text input[type=text].search-filter-input-text__input,
.st-listing-fields .search-filter-component-combobox {
    background-color: #fff;
    font-size: 0.75rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
.st-listing-fields .search-filter-input-text input[type=text].search-filter-input-text__input {
    color: #626161;
    height: 48px;
    padding: 14px 20px;
    box-sizing: border-box;
}
.st-listing-fields .search-filter-input-text input[type=text].search-filter-input-text__input::placeholder,
.st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder {
    font-size: 0.75rem !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
.st-listing-fields .search-filter-component-combobox {
    border-width: 0;
    border-radius: 12px;
}
.st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
    height: 48px;
    padding: 14px 20px;
    box-sizing: border-box;
}
.st-listing-fields .search-filter-input-text input[type=text].search-filter-input-text__input:focus::placeholder,
.st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input:focus::placeholder {
    color: var(--st-color-primary);
}
.search-filter-component-popup {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    font-size: 0.75rem;
    color: #5B5B5B;
    padding: 20px 30px;
    border-width: 0;
    margin-top: 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.search-filter-component-combobox-base__listbox-option--selected {
    color: var(--st-color-primary);
    font-weight: 500;
}
.search-filter-component-combobox-base__listbox-option--active:hover, .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected {
    background-color: transparent;
    color: var(--st-color-primary);
}
.search-filter-component-combobox .search-filter-component-combobox__selection {
    padding: 0 0 0 10px;
}
.search-filter-component-combobox:not(.search-filter-component-combobox--focused).search-filter-component-combobox--mode-single .search-filter-component-combobox__selection span {
    color: var(--st-color-primary);
}
.st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input,
.search-filter-component-combobox:not(.search-filter-component-combobox--focused).search-filter-component-combobox--mode-single .search-filter-component-combobox__selection span,
.st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__selection, .search-filter-component-combobox input[type=text] {
    font-size: 0.75rem !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
.st-listing-fields .search-filter-base {
    font-size: 0.75rem;
}
.search-filter-component-combobox-base__listbox-option--active {
    background-color: transparent;
    color: var(--st-color-primary);
}
.search-filter-component-combobox-base__listbox-option {
    padding: 7px 0;
}
.st-listing-fields.filter-conditions .search-filter-component-combobox {
    background-color: rgb(196 223 224 / 0%);
    border: 1px solid #083738;
}
.st-listing-fields.filter-conditions .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder {
    color: #083738;
}
.st-listing-fields.filter-conditions .search-filter-component-combobox__listbox-toggle svg {
    color: #083738;
    fill: #083738;
}
.st-listing-fields.filter-conditions .search-filter-component-combobox-base--focused .search-filter-component-combobox__listbox-toggle svg {
    color: var(--st-color-primary);
    fill: var(--st-color-primary);
}
.st-listing-fields.filter-conditions .search-filter-component-combobox-base--focused {
    background-color: #fff;
    border: 1px solid #117F83;
}
.st-listing-fields.filter-conditions .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input:focus::placeholder {
    color: var(--st-color-primary);  
}
.st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input {
    background: var(--st-color-primary) url('../img/icon-search-white.png') no-repeat 45% 50% !important;
    border: 1px solid var(--st-color-primary);
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 800;
    transition: 0.3s all ease;
}
.st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input:hover {
    background: #ffbc59 url('../img/icon-search-white.png') no-repeat 45% 50% !important;
    border: 1px solid #ffbc59;
    transition: 0.3s all ease;
}
.st-listing-fields.btn-submit .search-filter-input-button:focus, .st-listing-fields.btn-submit .search-filter-input-button:active {
    box-shadow: none;
}
.search-filter-icon--destructive .search-filter-icon__svg {
    color: #083738;
    fill: #083738;
}
.st-listing {
    z-index: 500 !important;
    border-bottom: 20px solid #fff;
}

/*Properties Listing*/
.st-properties-selection {
    height: 695px;
    overflow-y: scroll;
    padding: 0 10px;
}
.st-properties-selection::-webkit-scrollbar {
    width: 0;
}
.st-properties .uk-card-default {
    background-color: #fff;
    border-radius: 11px;
    border: 2px solid rgba(17, 127, 131, 0.10);
    box-shadow: none;
    transition: background 0.4s ease;
}
.st-properties > .uk-card-default.uk-active {
    background-color: var(--st-color-primary);
    border: 2px solid var(--st-color-primary);
    transition: background 0.4s ease;
}
.listing-status-for-sale .st-properties > .uk-card-default.uk-active {
    background-color: var(--st-color-secondary);
    border: 2px solid var(--st-color-secondary);
}
.st-properties > .uk-card-default.uk-active:hover {
    cursor: default;
}
.st-properties > .uk-card-default:not(.uk-active):hover {
    background-color: var(--st-color-primary-accent);
    border: 2px solid #a3cacb;
    cursor: pointer;
}
.listing-status-for-sale .st-properties > .uk-card-default:not(.uk-active):hover {
    background-color: var(--st-color-secondary-accent);
    border: 2px solid #af8b9a;
}
.st-properties > .uk-card-default.uk-active .st-property-title,
.st-properties > .uk-card-default.uk-active .st-property-code,
.st-properties > .uk-card-default.uk-active .st-property-meta li {
    color: #fff;
}
.st-properties .uk-card-body {
    padding: 20px;
}
.st-property-item {
    font-family: 'Inter', sans-serif;
}
.st-property-item:hover > * {
    text-decoration: none;
}
.st-property-item-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
}
.st-property-title {
    color: #000;
    font-weight: 700;
    font-size: 1.2rem;
}
.st-property-pet-friendly img {
    width: 22px;
    height: 22px;
}
.st-property-code .divider::after,
.st-property-meta .divider::after,
.st-property-meta-info .divider::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #B0B0B0;
    margin: 0 5px;
}
.st-properties > .uk-card-default.uk-active .st-property-code .divider::after {
    background: #fff;
}
.st-property-code .divider::after {
    margin: 0 10px;
}
.st-property-meta.uk-list > :nth-child(n+2) {
    margin-top: 2px;
}
.st-property-meta li {
    color: #000;
    font-size: 0.9rem;
    text-transform: uppercase;
}
.st-property-meta img {
    filter: invert(34%) sepia(100%) saturate(483%) hue-rotate(136deg) brightness(93%) contrast(87%);
}
.listing-status-for-sale .st-property-meta img {
    filter: invert(22%) sepia(34%) saturate(4355%) hue-rotate(311deg) brightness(90%) contrast(95%);
}
.st-properties > .uk-card-default.uk-active .st-property-meta img {
    filter: invert(100%);
}
.st-property-item-image img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/*Listing Pagination*/
.st-properties-pagination {
    display: flex;
    justify-content: center;
    margin: 50px auto 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 0 !important;
    color: var(--st-color-primary);
    font-size: 1.125rem;
    font-weight: 700;
    display: inline-block;
    padding: 0 !important;
    margin: 0 5px !important;
    border: 1px solid transparent !important;
    transition: 0.3s all ease-in;
}
.listing-status-for-sale .wp-pagenavi a, .listing-status-for-sale .wp-pagenavi span {
    color: var(--st-color-secondary);
}
.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink),
.wp-pagenavi span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
}
.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):hover {
    border: 1px solid #a3cacb !important;
    color: var(--st-color-primary);
    background-color: var(--st-color-primary-accent);
    transition: 0.3s all ease-in;
}
.listing-status-for-sale .wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):hover {
    border: 1px solid #af8b9a!important;
    color: var(--st-color-secondary);
    background-color: var(--st-color-secondary-accent);
}
.wp-pagenavi span.current {
    color: #fff;
    background-color: var(--st-color-primary);
}
.listing-status-for-sale .wp-pagenavi span.current {
    background-color: var(--st-color-secondary);
}



/*Property Details*/
.st-property-details-wrapper {
    height: 660px;
    overflow-y: scroll;
}
.st-property-details-wrapper::-webkit-scrollbar {
    width: 0;
}
.st-property-container {
    overflow: hidden;
}
.st-property-details-header {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    border-radius: 10px 10px 0 0;
}
.st-property-meta-title {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
}
.st-property-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 650px;
}
.st-property-loader .uk-spinner svg circle {
    color: var(--st-color-primary);
    stroke-width: 0.9px !important;
}
.listing-status-for-sale .uk-spinner svg circle {
    color: var(--st-color-secondary);
}
.st-propery-meta-book-now {
    background-color: var(--st-color-primary);
    padding: 12px 30px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    align-self: flex-start;
    font-family: 1rem;
    font-weight: 700;
    line-height: 1;
}
.listing-status-for-sale .st-propery-meta-book-now {
    background-color: var(--st-color-secondary);
}
.st-propery-meta-book-now:hover {
    text-decoration: none;
    background-color: #ffbc59;
    color: #fff;
}
.st-property-meta-info {
    font-family: 'Inter';
    font-size: 0.94rem;
    line-height: 1.6;
    text-transform: capitalize;
}
.st-property-meta-info .divider::after {
    background-color: #000;
}
.st-property-details-gallery .uk-slideshow-items > div > img {
    object-fit: contain !important;
    object-position: top !important;
    height: 600px;
    /* border-radius: 10px; */
}
.st-property-details-gallery .uk-slidenav {
    color: #FFBC59;
}
.st-property-details-gallery .uk-slidenav svg polyline {
    stroke-width: 4;
}
.st-property-details-gallery .uk-thumbnav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 970px;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 10px;
}
.st-property-details-gallery .uk-thumbnav::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #eee;
}
.st-property-details-gallery .uk-thumbnav::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: var(--st-color-primary-accent);
}
.st-property-details-gallery .uk-thumbnav::-webkit-scrollbar-thumb {
	background-color: var(--st-color-primary-accent);
}
.st-property-details-gallery .uk-thumbnav::-webkit-scrollbar-thumb:window-inactive {
	background: #ffbc59;
}

.st-property-details-gallery .uk-thumbnav > li {
    width: 160px;
    height: 90px;
    border-radius: 10px;
    flex-shrink: 1;
}
.st-property-details-gallery .uk-thumbnav > li > a {
    width: 160px;
    height: 90px;
}
.st-property-details-gallery .uk-thumbnav img {
    width: 160px;
    height: 90px;
    border-radius: 10px;
}
.st-property-details-gallery .uk-thumbnav > li:not(.uk-active) > a:after {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px;
}
.st-property-details-map {
    margin-top: 20px;
}
.st-property-details-map iframe {
    width: 100%;
}
.st-property-details-description {
    margin-top: 25px;
}
.st-property-details-description p {
    margin-top: 20px;
}
.st-property-desc-title {
    font-family: 'Inter';
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.st-property-details-description p,
.st-property-feature p  {
    font-family: 'Inter';
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}
.st-property-feature {
    display: flex;
    gap: 2px;
    align-items: center;
    padding: 10px;
}
.st-property-feature img {
    width: 25px;
    height: 25px;   
}
.st-property-feature p {
    margin: 0;
}

/*Property Contact Form*/
.property-contact-form {
    border-radius: 9px;
}
.property-contact-form .property-contact-header {
    padding: 20px;
    background-color: var(--st-color-primary);
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    border-radius: 9px 9px 0 0;
    position: relative;
}
.property-contact-form .property-contact-header:after {
    content: '';
    position: absolute;
    display: block;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: url('../img/calendar.png') no-repeat center center;
    background-size: contain;
}
.property-contact-form .property-contact-header p {
    margin: 0;
}
.property-contact-form .property-contact-body {
    padding: 30px;
    background: #D7D7D7;
    border-radius: 0 0 9px 9px;
}
.wpcf7 .screen-reader-response {
    position: relative;
}
.property-contact-form .uk-input,
.property-contact-form .uk-select {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    outline: none;
    color: #000;
}
.property-contact-form .uk-select {
    color: #999;
}
.property-contact-form .uk-input:focus {
    border: 1px solid #fff;
}
.property-contact-form .uk-fields > *:not(.uk-label) {
    margin-bottom: 15px !important;
}
.property-contact-form .uk-label {
    background-color: transparent;
    padding: 0;
    color: #999;
    line-height: 0;
    font-size: 0.7rem;
}
.property-contact-form .uk-label p {
    margin-bottom: 3px;
}
.property-contact-form .wpcf7-list-item {
    margin: 0;
}
.property-contact-form .is-pet .wpcf7-list-item-label {
    font-size: 0.875rem;
}
.property-contact-form .uk-button {
    background-color: var(--st-color-secondary);
    color: #fff;
    border-radius: 24px;
    text-transform: none;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 0.95rem;
    font-family: 'Poppins', sans-serif;
}
.property-contact-form .uk-button:hover {
    background: #ffbc59;
    border: 1px solid #ffbc59
}


/*404*/
.st-property-no-results {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}
.st-property-no-results .no-result {
    width: 200px;
    height: 200px;
    background: url('../img/no-results.png') no-repeat center center;
    background-size: cover;
}
.st-property-no-results > * {
    font-style: italic;
    color: #77a5a7;
}
.st-property-no-results p {
    font-weight: 400;
    font-size: 1rem;
}
.st-property-no-results h3 {
    font-weight: 600;
    font-size: 1.25rem;
}
.st-listing-no-results .uk-card-default {
    background-color: #fff;
    border-radius: 11px;
    border: 2px solid rgba(17, 127, 131, 0.10);
    box-shadow: none;
    padding: 40px;
    text-align: center;
    font-size: 1.3rem;
    font-family: 'Inter';
    font-weight: 700;
}

/*Property Modal (Mobile) */
.property-modal {
    z-index: 10000;
}
.property-modal .uk-modal-body {
    padding: 20px;
    background: #F8F8F8;
    border-radius: 11px;
}
.property-modal .uk-modal-close-default {
    background-color: var(--st-color-secondary);
    border: 1px solid var(--st-color-secondary);
    color: #fff;
}
.property-modal .uk-modal-close-default:hover {
    background-color: transparent;
    color: var(--st-color-secondary);
}


@media (max-width: 1366px) {
    .st-property-meta li {
        font-size: 0.875rem;
    }
    .st-property-item-image img {
        height: 250px;
    }
    .st-listing .st-listing-overflow-wrapper {
        padding-bottom: 10px;
    }
}
@media (max-width: 1200px) {
    .st-listing .st-listing-overflow-wrapper {
        max-width: 1000px;
        width: 100%;
        overflow-x: scroll;
    }
    .st-listing .st-listing-overflow-wrapper::-webkit-scrollbar-track {
        background-color: #eee;
    }
    .st-listing .st-listing-overflow-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #ffbc59;
    }
    .st-listing .st-listing-overflow-wrapper::-webkit-scrollbar-thumb {
        background-color: #ffbc59;
    }
    .st-listing .st-listing-overflow-wrapper::-webkit-scrollbar-thumb:window-inactive {
        background: #ffbc59;
    }

    .st-listing .st-listing-overflow-wrapper .st-listing-fields {
        width: 1200px;
    }

    .st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input {
        background: var(--st-color-primary) url(../img/icon-search-white.png) no-repeat 43% 50% !important;
    }
    .st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input:hover {
        background: #ffbc59 url('../img/icon-search-white.png') no-repeat 43% 50% !important;
    }

    .search-filter-component-combobox--mode-single .search-filter-component-combobox__selection, 
    .search-filter-component-combobox--mode-single input[type=text] {
        min-height: 40px;
    }
    .st-listing-fields .search-filter-input-text input[type=text].search-filter-input-text__input {
        height: 40px;
    }
    .st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
        height: 40px;
    }
}
@media (max-width: 1199px) and (min-width: 1025px) {
    .st-property-item-image img {
        object-fit: contain;
        object-position: top;
        height: 100%;
    }
}
@media (max-width: 1024px) {
    .st-properties-selection {
        overflow: visible;
        height: 100%;
    }
}
@media (max-width: 1024px) and (min-width: 640px) {
    .st-property-item .st-property-item-info {
        width: 60%;
    }
    .st-property-item .st-property-item-image {
        width: 40%;
    }
}
@media (max-width: 768px) {
    .st-listing .st-listing-overflow-wrapper .st-listing-fields {
        width: 900px;
    }
    .st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input {
        background: var(--st-color-primary) !important;
        height: 35px;
        font-size: 1rem;
    }
    .st-listing-fields.btn-submit .search-filter-input-button.search-filter-field__input:hover {
        background: #ffbc59!important;
    }
    .search-filter-component-popup {
        font-size: 0.7rem;
    }
    .st-property-item-image img {
        height: 100%;
        object-position: bottom;
    }
    .st-property-details-gallery .uk-thumbnav > li,
    .st-property-details-gallery .uk-thumbnav > li > a,
    .st-property-details-gallery .uk-thumbnav img {
        width: 100px;
        height: 56px;
    }
}
@media (max-width: 640px) {
    .st-listing-fields .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
        padding: 14px 0 14px 5px;
    }
    .st-property-details-gallery .uk-slideshow-items {
        max-height: 400px !important;
    }
    .st-property-details-gallery .uk-slideshow-items > div > img {
        height: 400px;
    }
    .st-property-meta-title {
        font-size: 1.4rem;
    }
    .property-contact-form .property-contact-body {
        padding: 20px;
    }
}
@media (max-width: 480px) {
    .st-property-details-gallery .uk-slideshow-items > div > img {
        height: 280px;
    }
}
@media (max-width: 460px) {
    .st-property-item-image img {
        height: 200px;
        object-position: bottom;
    }
}
@media (max-width: 420px) {
    .st-property-details-gallery .uk-slideshow-items > div > img {
        height: 240px;
    }
}