@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Line Awesome Free';
    src: url('./fonts/la-solid-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

:root {
    --fs-primary: #394456;
    --fs-green: #00b9be;
    --rm-red: #dc1c2e;
    --font: "Poppins", sans-serif;
}

body:not(.property-detail) {
    font-family: var(--font);
    background: #efefef !important;
}

/*header background*/
.bg-color-1.text-center:not(.rounded.d-inline-block) {
    background: var(--fs-primary) !important;
}

.bg-color-1, .bg-color-2 {
    background: unset !important;
}

.search-part .search-slt {
    border: 1px solid var(--fs-primary) !important;
    border-radius: 0 !important;
    border-right: none !important;
}

.search-part .submitBtn {
    background: white !important;
    border-left: none !important;
    color: var(--fs-green);
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 24px;
}

.heading-part {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.text-color-1, .text-color-2, .text-color-3, .text-color-4 {
    color: unset !important;
}

.view_order_of_sale_btn_bar, .icon-month {
    background: var(--fs-primary) !important;
    color: var(--fs-green) !important;
}

.calendar-icon {
    background: var(--fs-green) !important;
}

.calendar-icon .icon-date {
    color: white !important;
}

.view_order_of_sale_btn_bar .btn {
    font-size: 16px !important;
}


.view_order_of_sale_btn_bar span {
    letter-spacing: normal !important;
}

.presentation-event-block-inner {
    background: white !important;
}

.presentation-info-text {
    color: var(--fs-primary) !important;
}

body, .agency-container {
    font-family: 'Poppins', sans-serif;
}

.property-container {
    color: var(--fs-primary) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif;
}

.text-color-black {
    color: #000000 !important;
}

.form-control {
    border-radius: 3px;
}

.widget-footer {
    position: relative;
}

.agency-auction-item {
    sup {
        display: none;
    }
}

.auction-description {
    background: #ffffff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    &.p-4 {
        padding: 15px 10px !important;
    }
}

.auction-item-buttons-bar {
    display: block;
    min-height: 36px;

    .bidder_registration {
        display: flex;
        font-size: 11px !important;
        align-items: center;
        justify-content: space-between;
        height: 36px;

        i {
            font-size: 1rem
        }
    }

    .view_property {
        display: none !important;
    }
}

.selling_agents_names {
    display: none !important;
}

.property-link-over-image {
    overflow: hidden;
}

.agency-auction-item .live-overlay {
    transform: none !important;
}

.agency-auction-item .live-overlay .red-dot {
    width: 15px !important;
    height: 15px !important;
}

.live-overlay {
    background: var(--rm-red) !important;
    color: white !important;
    font-size: 12px !important;
    content: '' !important;
    left: 0 !important;
    top: 0 !important;
}

.auction-date-time-wrapper {
    display: flex !important;
    margin-top: 2px;
    font-size: 14px !important;
    color: var(--fs-primary) !important;
    width: 100%;
    min-height: 42px;
}

.auction-tiem-date-time {
    display: none;
}

.auction-tiem-date-time-label {
    display: none;
}

.auction-item-online-bidding-info-overlay {
    display: none !important;
}

.auction-status-overlay-wrapper {
    bottom: 0px !important;
    position: absolute;
    width: 100%;
}

.auction-status-overlay {
    padding: 3px 0 !important;
}

.auction-status-overlay {
    background: var(--fs-green) !important;
    color: white !important;
    font-size: 15px !important;
    position: relative !important;
    text-align: center;
    top: unset !important;
    max-width: 100% !important;
    text-transform: uppercase;
}

.auction-item-info-overlay {
    display: none !important;
}

.auction-type-info {
    display: block !important;
    color: var(--fs-primary);
    font-size: 14px;
    margin-top: 2px;
}

.agentlogo-overlay {
    display: none !important;
}

.load-more-btn {
    border-radius: 3px !important;
    border: none !important;
    font-size: 15px;
    font-weight: normal !important;
    text-transform: capitalize;
}

.auction-description-inner {
    display: flex !important;
    flex-wrap: wrap;
}

.auction-description-inner .address-container {
    display: none;
}

.auction-description-inner .address-parts-spans {
    display: block !important;
    min-height: 75px;

    #address-parts-suburb {
        display: block;
        color: var(--fs-green);
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        transition: all 0.5s;

        &:hover {
            color: var(--fs-primary);
        }
    }

    #address-parts-street_parts {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        color: var(--fs-primary);
    }

    #address-parts-state {
        display: none;
    }

    #address-parts-postcode {
        display: none;
    }
}

#part-description > .features {
    display: flex !important;
    font-size: 14px !important;
}

#part-description .feature[aria-label="garages"],
#part-description .feature[aria-label="swimming_pools"],
#part-description .feature[aria-label="living_rooms"],
#part-description .feature[aria-label="toilets"],
#part-description .feature[aria-label="off_street_parking"],
#part-description .feature[aria-label="car_ports"],
#part-description .feature[aria-label="energy_efficiency_rating"],
#part-description .feature[aria-label="stories"],
#part-description .feature[aria-label="home_size"],
#part-description .feature[aria-label="building_area"],
#part-description .feature[aria-label="lot_size"] {
    display: none !important;
}

#part-description .features .feature i {
    display: none !important;
}

#part-description .features .feature strong {
    font-weight: normal !important;
    color: var(--fs-primary) !important;
}

#part-description .feature:after,
.auction-description-inner .features .feature:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 18px;
    margin-left: 5px;
}

.auction-description-inner .features {
    display: flex !important;
    font-size: 14px !important;
    color: var(--fs-primary) !important;
    width: 100%;
    gap: 10px;
    min-height: 34px;
    align-items: center;
}

#part-description .feature[aria-label="bedrooms"]:after,
.auction-description-inner .features .feature.bed:after {
    content: "\f236";
}

#part-description .feature[aria-label="bathrooms"]:after,
.auction-description-inner .features .feature.bath:after {
    content: "\f2cd";
}

#part-description .feature[aria-label="total_car_spaces"]:after,
.auction-description-inner .features .feature.car:after {
    content: "\f1b9";
}

.bidder_registration,
.widgetBackBtn,
.enquirySubmitButton,
a.btn.btn-primary.mt-4.text-capitalize.pt-1.pb-1.bg-color-2.text-color-3.border-0,
#calendarTypes .btn {
    background: var(--fs-primary) !important;
    box-shadow: none !important;
    border: none !important;
    color: var(--fs-green) !important;
    letter-spacing: normal !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;

    &:hover {
        background: var(--fs-green) !important;
        box-shadow: none !important;
        border: none !important;
        color: white !important;
    }
}

.load-more-btn {
    font-weight: 500 !important;

    &:hover {
        color: var(--fs-green) !important;
        transition: 0.3s !important;
    }
}

#status-field div {
    font-weight: 500 !important;
    border-radius: 0px !important;
    background: var(--fs-green) !important;
    color: white !important;
}

#bid-amount-field {
    font-weight: bold;
}

.widget-orderofsale a.list-group-item {
    #status-field div {
        background: var(--fs-primary) !important;
        color: white !important;
    }

    .red-dot {
        background: var(--rm-red) !important;
    }
}

#callField {
    color: var(--rm-red) !important;
}

.widget-orderofsale a.list-group-item.current-page-property,
.widget-orderofsale a.list-group-item.current-page-property:hover {
    background: var(--fs-primary) !important;
    color: var(--fs-green) !important;

    .address-divs {
        color: var(--fs-green) !important;
        font-weight: 500 !important;
    }

    #status-field div {
        background: var(--fs-green) !important;
        color: white !important;
    }
}

.widget-orderofsale a.list-group-item:hover {
    background: var(--fs-green) !important;
    color: white !important;

    .address-divs {
        color: white !important;
    }
}

#part-right-sidebar {
    #status-field div {
        background: var(--fs-primary) !important;
        color: white !important;
    }

    #status-field .live_bid_msg {
        background: var(--rm-red) !important;
        font-weight: bold !important;
    }
}

.widgetFields {
    .col {
        display: flex;
        flex-wrap: wrap;
        gap: 10px !important;
    }

    a {
        outline: 1px solid var(--fs-primary) !important;
        box-shadow: none !important;

        &:focus {
            box-shadow: none !important;
        }

        &:hover {
            color: white !important;
            background: var(--rm-red) !important;
            box-shadow: none !important;
            outline: none !important;
        }
    }
}

.contact-detail {
    align-items: center;
    flex-direction: column !important;

    div:nth-child(2) {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center;
        padding-left: 0 !important;
        margin-top: 10px;

        h5 {
            font-size: 20px !important;
            font-weight: 500 !important;
            color: var(--fs-green) !important;

            &:hover {
                color: var(--fs-primary) !important;
                transition: 0.3s all;
                cursor: pointer;
            }
        }
    }

    address.contact-info {
        text-align: center !important;
    }

    .flex-shrink-0 img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    h5 {
        font-size: 18px;
    }

    li a:hover {
        text-decoration: none !important;
    }
}

#read-more, #read-less, #read-more-mobile, #read-less-mobile {
    color: var(--fs-primary);
    font-size: 16px;
    border-radius: 0px !important;
    font-weight: 500;
}

#read-more i,
#read-less i,
#read-more-mobile i,
#read-less-mobile i {
    display: none;
}

#read-more:hover,
#read-less:hover,
#read-more-mobile:hover,
#read-less-mobile:hover {
    box-shadow: none !important;
    transition: 1s all;
    color: var(--fs-green);
}

#photoCarousel .carousel-inner.ratio-3-2.loading-skeleton,
#photoCarousel .carousel-inner.ratio-3-2 img {
    aspect-ratio: 3 / 2;
    object-fit: fill;
}

#photoCarousel .carousel-inner.ratio-4-3.loading-skeleton,
#photoCarousel .carousel-inner.ratio-4-3 img {
    aspect-ratio: 4 / 3;
    object-fit: fill;
}

#photoCarousel .carousel-inner.ratio-16-9.loading-skeleton,
#photoCarousel .carousel-inner.ratio-16-9 img {
    aspect-ratio: 16 / 9;
    object-fit: fill;
}

.loading-skeleton {
    z-index: 9999;
    background-color: #ededed;
    background: linear-gradient(
            100deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, .5) 50%,
            rgba(255, 255, 255, 0) 60%
    ) #ededed;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s loading ease-in-out infinite;
}

@keyframes loading {
    to {
        background-position-x: -20%;
    }
}

@media screen and (min-width: 800px) {
    .col-lg-4.property-list-item-div {
        max-width: 25%;
        flex: 0 0 25%;
        padding: 0 5px 40px !important;

        .property-link-over-image {
            min-height: auto !important;
        }
    }

    .agency-auction-item {
        margin-bottom: 30px !important;
    }
}