@media only screen and (min-width: 320px) {
    :root{
        --label-color: #ACABA7;
        --input-color: black;
        --font-size: 14px;
        --border-radius: 4px;
    }
    /*Color & typography stuff*/
    #hostaway-booking-widget{
        color:#000000;
        font-family:var(--main-font);
        max-width:500px;
        margin:0 auto;
        box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    }
    
    #hostaway-booking-widget .hsbw-button{
        border:0px;
        background:none;
    }

    #hostaway-booking-widget .hsbw-main-button{
        background-color:var(--blue);
    }
    #hostaway-booking-widget .hsbw-main-button:hover{
        background-color:none;
    }
    #hostaway-booking-widget .hsbw-label{
        color:var(--label-color);
        font-weight:500;
        font-size:calc(var(--font-size) - 2px);
    }
    #hostaway-booking-widget .hsbw-main-button{
        font-size:12px;
        background:none;
        color:var(--blue);
        border:0px;
        height:auto;
        border-radius:0px;
        display:inline;
        justify-content:flex-start;
    }
    #hostaway-booking-widget .hsbw-main-button:after{
        background-color:var(--blue);
    }
    /*General stuff*/
    #hostaway-booking-widget .hsbw{
        border-radius:var(--border-radius);
        padding:25px 0px;
    }
    #hostaway-booking-widget .hsbw-grid--locations{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
    }
    
    .hsbw-grid--locations .hsbw-field{
        align-items: center;
        justify-content: center;
        padding:0px;
        min-height:0px;
        border-radius:0px;
    }
    .hsbw-grid--locations .hsbw-field-content{
        text-align: center;
        color:var(--input-color);
        font-size:var(--font-size);
    }
    .hsbw-grid--locations .hsbw-field-content input, .hsbw-grid--locations .hsbw-field-content .hsbw-value{
        text-align: center;
        font-family:var(--main-font);
        color:var(--input-color);
        font-size:var(--font-size);
        line-height:unset;
        padding:0px;
    }
    /*Form items*/
    .hsbw-grid--locations .hsbw-grid_locations{
        order:1;
        width:48%;
        position: relative;
    }
    
    .hsbw-grid_locations .hsbw-label:not(:has(input))::after{
        content: "Any";
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:21px;
        color:var(--input-color);
        font-size:var(--font-size);
    }
    html[lang="en-US"] .hsbw-grid_locations .hsbw-label:not(:has(input))::after{
        content: "All";
    }
    
    /* Check-in/Check-out placeholder text when empty */
    .hsbw-grid_checkin .hsbw-value:empty::after,
    .hsbw-grid_checkout .hsbw-value:empty::after{
        content: "Select";
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:21px;
        color:var(--input-color);
        font-size:var(--font-size);
    }
    html[lang="en-US"] .hsbw-grid_checkin .hsbw-value:empty::after,
    html[lang="en-US"] .hsbw-grid_checkout .hsbw-value:empty::after{
        content: "Select";
    }
    .hsbw-grid_locations .hsbw-location-search{
        background:none;
        border:none;
    }
    .hsbw-grid--locations .hsbw-dates{
        order:3;
        display:flex;
        justify-content:center;
        gap:10px;
        width: 100%;
    }
    .hsbw-grid--locations .hsbw-dates > div{
        width:48%;
    }
    .hsbw-grid--locations .hsbw-grid_guests{
        order:2;
        width:48%
    }
    .hsbw-grid--locations .hsbw-grid_buttons{
        order:4;
        padding:0px;
        align-self:center;
        text-align: center;
    }
    #hostaway-booking-widget .hsbw-field-icon{
        display:none;
    }
    .hsbw-location-item{
        cursor:pointer;
    }
    /*Popups*/
    #hostaway-booking-widget .hsbw-popup_inner{
        border-radius:var(--border-radius);
    }
    #hostaway-booking-widget .hsbw-count-btn{
        border:0px;
        background:none;
    }

    /*Calendar*/
    #hostaway-booking-widget table{
        border:0px;
    }
    #hostaway-booking-widget td, #hostaway-booking-widget th{
        border:0px;
    }
    #hostaway-booking-widget th{
        border:0px;
        border-bottom:1px solid var(--grey);
        font-family:var(--title-font);
    }
    #hostaway-booking-widget thead tr:first-child th{
        border:0px;
    }
    #hostaway-booking-widget .hsbw-calendar-clear{
        font-weight:500;
        color:var(--blue);
        font-family:var(--main-font);
    }
    #hostaway-booking-widget .hsbw-calendar-clear:hover{
        text-decoration:underline;
    }
}

@media only screen and (min-width: 900px) {
    #hostaway-booking-widget{
        max-width:880px
    }
    #hostaway-booking-widget .hsbw{
        padding:10px 0px;
    }
    #hostaway-booking-widget .hsbw-grid--locations{
        padding:0px;
        flex-direction: row;
        display:flex;
        gap:0px;
        align-items:stretch;
    }
    #hostaway-booking-widget .hsbw-grid--locations .hsbw-field .hsbw-field-content{ 
        height:42px;
        cursor:pointer;
    }
    .hsbw-grid--locations .hsbw-grid_locations{
        width:20%;
        border-right:1px solid #707070;
    }
    .hsbw-grid--locations .hsbw-grid_guests{
        width:20%;
        border-right:1px solid #707070;
    }
    .hsbw-grid--locations .hsbw-grid_buttons{
        width:20%;
    }
    .hsbw-grid--locations .hsbw-dates{
        width:40%;
        border-right:1px solid #707070;
    }
    .hsbw-grid--locations .hsbw-dates .hsbw-grid_checkin{
        border-right:1px solid #707070;
    }
}

@media only screen and (min-width: 1280px) {
    /*body.single-post .dynamic-content-template .color-section{
        padding: var(--section-padding);
    }*/
}