@import url('../../../fonts/_/gotham/font.css');


:root{
    --rm-blue: #1A3668;
    --rm-gray: #e8e8ec;
    --rm-red: #dc1c2e;
    --font: "Gotham", sans-serif;
}

.heading-part{
    color: var(--rm-blue);
    font-weight: 500;
    font-size: 26px;
}
.bg-color-1,.bg-color-2{
    background: unset !important;
}
.text-color-1,.text-color-2,.text-color-3,.text-color-4{
    color: unset !important;
}
.presentation-event-block-inner{
    background: var(--rm-gray) !important;
}
.view_order_of_sale_btn_bar,.icon-month{
    background: var(--rm-blue) !important;
    color: white !important;
}

.calendar-icon .icon-date{
    color: var(--rm-blue) !important;
}

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


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

.presentation-info-text{
    color: var(--rm-blue) !important;
}

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

.property-container{
    color: var(--rm-blue) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Gotham', 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;
}

.auction-item-buttons-bar{
    display: none;
    position: absolute;
    right: 0;
    bottom: 55px;
    .view_property{
        display: none !important;
    }
}

.selling_agents_names{
    display: none !important;
}

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

.property-link-over-image img{
    transition: all 1s ease;
}

.property-link-over-image img:hover{
    transform: scale(1.025, 1.025);
}

.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: 15px !important;
    padding: .5rem 1rem !important;
    content: '' !important;
    left: 0 !important;
    top: 0 !important;
}
/*.live-overlay:after{*/
/*    visibility: visible !important;*/
/*    content: 'LIVE';*/
/*    font-weight: bold;*/
/*    font-size: 16px;*/
/*    animation: blinker 1s cubic-bezier(0.5, 0, 1, 1) infinite;*/
/*}*/

.address-container{
    display: flex !important;
    flex-direction: column !important;
    color: var(--rm-blue) !important;
    max-width: 65%;
    flex: 1 0 65%;

    div:first-child{
        font-weight: normal;
        font-size: 1.3em !important;
        &:hover{
            color: var(--rm-red) !important;
        }
    }

    span.comma{
        display: none !important;
    }

    div:last-child{
        font-size: 0.85rem !important;
        text-transform: uppercase !important;
        &:hover{
            color: var(--rm-red) !important;
        }
        margin: 10px 0 0 0;
    }
}

.auction-date-time-wrapper{
    display: flex !important;
    flex: 0 1 100%;
    margin-top: 10px;
    font-size: 14px !important;
    color: var(--rm-blue) !important;
    gap: 5px;
}


.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: 60px !important;
    position: absolute;
    width: 100%;
    left: 10px;
}

.auction-status-overlay,
.auction-item-info-overlay{
    padding: 5px 10px !important;
    border-radius: 30px;
}

.auction-status-overlay{
    background: white !important;
    color: var(--rm-blue) !important;
    font-size: 15px !important;
}

.auction-item-info-overlay{
    position: absolute !important;
    background: var(--rm-blue) !important;
    top: 60px !important;
    right: 10px !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

.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;
    padding: 15px 25px;
}

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

.auction-description-inner .features{
    display: flex !important;
    flex: 1 0 35%;
    max-width: 35%;
    justify-content: right !important;
    gap: 15px;
    font-size: 14px !important;
    color: var(--rm-blue) !important;
    flex-wrap: wrap;
}

#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(--rm-blue) !important;
}

#part-description .feature:before{
    content: "";
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 1px;
}

.auction-description-inner .features .feature:before {
    content: ' ';
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    margin-bottom: 4px;
}

#part-description .feature[aria-label="bedrooms"]:before,
.auction-description-inner .features .feature.bed:before{
    background: url("icons/bed.png");
    width: 20px;
    height: 13px;
}

#part-description .feature[aria-label="bathrooms"]:before,
.auction-description-inner .features .feature.bath:before{
    background: url("icons/bath.png");
    width: 16px;
    height: 21px;
}

#part-description .feature[aria-label="total_car_spaces"]:before,
.auction-description-inner .features .feature.car:before{
    background: url("icons/car.png");
    width: 16px;
    height: 14px;
}

.auction-description-inner .features .feature.lot-area{
    display: inline !important;
}

#part-description .feature[aria-label="land_area"]:before,
.auction-description-inner .features .feature.lot-area:before{
    background: url("icons/lot.png");
    width: 16px;
    height: 16px;
}

.full-address-line{
    color: var(--rm-blue) !important;
}

#part-right-sidebar .btn:not(.widgetFields a, #calendarTypes .btn){
    padding: 15px 25px !important;
}

.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,
.load-more-btn,
.submitBtn{
    background: var(--rm-blue) !important;
    box-shadow: none !important;
    border: none !important;
    color: white !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    &:hover{
        background: var(--rm-red) !important;
        box-shadow: none !important;
        border: none !important;
    }
}

#status-field div {
    font-weight: bold !important;
    border-radius: 30px !important;
}

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

.widget-orderofsale a.list-group-item{
    #status-field div{
        background: var(--rm-blue) !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(--rm-blue) !important;
    color: white !important;
    .address-divs{
        color: white !important;
        font-weight: normal !important;
    }

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

.widget-orderofsale a.list-group-item:hover{
    background: var(--rm-gray) !important;
    color: var(--rm-blue) !important;
    .address-divs{
        color: var(--rm-blue) !important;
    }
}

#part-right-sidebar{
    #status-field div{
        background: var(--rm-blue) !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(--rm-blue) !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;

    h5{
        font-size: 18px;
    }

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

#read-more, #read-less, #read-more-mobile, #read-less-mobile{
    background-color: var(--rm-blue);
    padding: 5px 16px;
    font-size: 14px;
    font-weight: normal;
    color: white;
    border-radius: 3px !important;
}

#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: border-color 0.3s ease-in-out;
    background: var(--rm-red);
}


#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%;
    }
}