/* Add custom CSS styles here */
/*.item {*/
/*    display: flex;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.left-part {*/
/*    flex: 1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/
/*.right-part {*/
/*    flex: 2;*/
/*    padding: 20px;*/
/*}*/
/*.map {*/
/*    !* Add styles for the Google Map container *!*/
/*    height: 300px; !* Adjust height as needed *!*/
/*    border: 1px solid #ccc;*/
/*}*/

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.d-none {
    display: none !important;
}

.bg-cc-blue {
    background-color: #30589A;
}

#loc-map {
    height: 650px;
}

#loc-listing {
    width: 650px;
    overflow: auto;
}

.locNumb {
    width: 25px;
    height: 25px;
}

.storeDetails {
    min-width: 273px;
}

#storeInfo {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#map-xs {
    min-height: 250px;
}

@media (min-width: 768px) {
    #storeDetails {
        max-width: 405px;
    }
}

@media (min-width: 992px) {
    #storeDetails {
        max-width: 273px;
    }
}

.font-arial {
    font-family: arial, sans-serif;
}

.placement {
    margin: 30px 8px;
    height: 40px;
    width: 40px;
}

.bg-grey1 {
    background-color: #e0e0e0;
}

.text-closing-soon {
    color: #fc5607;
}

.bg-special-hours {
    background-color: #ff9800;
}

#rotating-banner {
    margin-top: 25px;
}


.minH-48 { min-height: 48px; }

.btn.btn-primary {
    background-color: #1B4AC5;
}

select.form-control:focus,
input.form-control:focus, 
button.form-control:focus {
    border-color: transparent;
}

select.form-control:focus-visible,
input.form-control:focus-visible,
button.form-control:focus-visible {
    outline: none;
    border: 1px solid #BFBFBF;
}

select#province.form-control,
select#city.form-control {
    appearance: none;
}

.select-wrapper {
    position:relative;
}

.select-wrapper::after {    
    content: '\f0d7';
    font-family: "FontAwesome";
    position: absolute;
    top: 16px;
    right: 12px;
}

#allLocations {
    margin-top: 0 !important;
}

#allLocations > div:first-child {
    background-color: transparent;  
    border: none !important;
    padding-top: 0 !important;  
}

#allLocations .custom-file {
    width: 100%
}

#allLocations .custom-file input[type="text"],
#allLocations .custom-file ~ .input-group-append button.btn,
#province, #city {
    min-height: 48px !important;
}

