/* Custom Skin CSS */

:root {
    --color-brand-1: #6D8AB9;
    --color-brand-2: #87C0B1;
    --color-brand-3: #6D8AB9;
    --color-brand-4: #87C0B1;
}

.ds-primary,
.ArnPrimarySearchOuterContainer #theSubmitButton,
.searchOptionsControls button.doneSearchOptions.submit {
    color: var(--color-white-white);
}


/* Custom Skin CSS */

.venueListContainer {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    float: left;
    position: relative;
}

.venueListContainer label {
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    top: -20px;
    left: 0;
}

@media screen and (max-width: 650px) {
    .SearchHotels .venueListContainer .venueList {
        padding: 4px;
    }
}

.SearchHotels.SearchMode-WBHotelListKeystone .venueListContainer .ArnPagerResult {
    margin: 0 !important;
}

/* Find this existing classes and change the values */
/* ************************************************ */
.SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax {
    padding: 6px 0 0 30px !important;
}

@media screen and (max-width: 1000px) {
    .SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax {
        padding: 25px 0 0 30px !important;
    }
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult {
    margin: 0 !important;
}

@media screen and (max-width: 1000px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .venueListContainer ~ #pagerTopAjax:not(:empty)+.ArnSortContainer {
        margin: 20px 0 0;
        text-align: left;
    }
}


.SearchHotels.SearchMode-WBHotelListKeystone .venueListContainer ~ .mapAndProps::before {
    content: "";
    display: table;
    clear: both;
}