.elementor-462 .elementor-element.elementor-element-8a6c12e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-462 .elementor-element.elementor-element-56aaf56{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-462 .elementor-element.elementor-element-f76c73a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-462 .elementor-element.elementor-element-898af8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-462 .elementor-element.elementor-element-1b2639c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-462 .elementor-element.elementor-element-e1e69a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-462 .elementor-element.elementor-element-a68295c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for wp-widget-mod_vikbooking_horizontalsearch, class: .elementor-element-90d8724 *//* =========================================================
   IL BUGGHETTO
   VIKBOOKING SEARCH FORM
   CLEAN / NATIVE VIKBOOKING VERSION
   ========================================================= */


/* =========================================================
   FORM / OUTER WIDTH
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 50 !important;
}

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv > form {
    width: 100vw !important;
    max-width: 100vw !important;

    position: relative !important;
    left: 50% !important;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        31.5%
        29.5%
        25%
        14% !important;

    align-items: stretch !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.06) !important;

    overflow: visible !important;
}


/* =========================================================
   HIDDEN TECHNICAL INPUTS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv
> form
> input[type="hidden"] {
    display: none !important;
}


/* =========================================================
   CHECK-IN
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv {
    width: 100% !important;
    height: 108px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 60px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    background: #fff !important;

    border: 0 !important;
    border-right: 1px solid #e7e7e7 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   CHECK-OUT
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv {
    width: 100% !important;
    height: 108px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 60px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    background: #fff !important;

    border: 0 !important;
    border-right: 1px solid #e7e7e7 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   DATE LABELS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv > label,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv > label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #666 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 12px !important;

    letter-spacing: .25px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   ITALIAN DATE LABELS
   Only the LABEL is customized.
   The actual date input remains 100% VikBooking.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv > label {
    font-size: 0 !important;
}

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv > label::after {
    content: "DATA DI ARRIVO" !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 12px !important;
    letter-spacing: .25px !important;

    color: #666 !important;
}


.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv > label {
    font-size: 0 !important;
}

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv > label::after {
    content: "DATA DI PARTENZA" !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 12px !important;
    letter-spacing: .25px !important;

    color: #666 !important;
}


/* =========================================================
   DATE ROW
   Layout only.
   Do NOT alter VikBooking date functionality.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group {
    width: 100% !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    position: relative !important;

    overflow: visible !important;
}


/* =========================================================
   CALENDAR ICON
   Keep VikBooking's native trigger.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .vbo-caltrigger,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .vbo-caltrigger {

    order: 1 !important;

    flex: 0 0 20px !important;

    width: 20px !important;
    height: 22px !important;

    min-width: 20px !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    color: #6d6d6d !important;

    font-size: 18px !important;
    line-height: 22px !important;

    cursor: pointer !important;

    opacity: 1 !important;

    position: relative !important;

    /*
     * Do not interfere with VikBooking's
     * datepicker positioning.
     */
    z-index: 2 !important;
}


/* Keep native Font Awesome glyph */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .vbo-caltrigger::before,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .vbo-caltrigger::before {

    display: inline-block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #6d6d6d !important;

    font-size: 18px !important;
    line-height: 1 !important;
}


/* =========================================================
   REAL VIKBOOKING DATE INPUT
   =========================================================
   IMPORTANT:

   We DO NOT:
   - create date text
   - change the value
   - create a placeholder
   - simulate selected dates
   - add JavaScript

   VikBooking remains responsible for:
   - "Seleziona data" / native placeholder
   - selected date
   - date formatting
   - reset/default
   - calendar
   - date validation
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group > input,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group > input {

    order: 2 !important;

    flex: 1 1 auto !important;

    width: auto !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: none !important;

    box-shadow: none !important;

    color: #5f5f5f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    letter-spacing: 0 !important;

    cursor: pointer !important;

    /*
     * IMPORTANT:
     * Do not give the input its own positioning logic.
     */
    position: static !important;

    z-index: auto !important;
}


/* =========================================================
   NATIVE INPUT PLACEHOLDER
   =========================================================
   This ONLY styles VikBooking's real placeholder.
   It does NOT create one.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group > input::placeholder,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group > input::placeholder {

    color: #626262 !important;

    opacity: 1 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;
}


/* =========================================================
   IMPORTANT:
   NO ::before DATE TEXT
   NO ::after DATE TEXT
   ========================================================= */


/* =========================================================
   DATE CHEVRON
   Visual decoration only.
   It does not control the date.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group::after,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group::after {

    content: "" !important;

    order: 3 !important;

    flex: 0 0 7px !important;

    width: 7px !important;
    height: 7px !important;

    margin-left: auto !important;
    margin-right: 1px !important;

    border-right:
        1.5px solid #999 !important;

    border-bottom:
        1.5px solid #999 !important;

    transform:
        rotate(45deg)
        translateY(-2px) !important;

    pointer-events: none !important;

    position: relative !important;

    z-index: 1 !important;
}


/* =========================================================
   VIKBOOKING CALENDAR / DATEPICKER
   =========================================================
   Do NOT force a custom position.
   Do NOT transform the calendar.
   Only make sure it can appear above the form.
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv > form,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group {

    overflow: visible !important;
}


/* Keep common calendar containers above the form */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-calendar,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-calendar,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-calendars-container,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-calendar-container,
.elementor-462 .elementor-element.elementor-element-90d8724 .ui-datepicker {

    z-index: 999999 !important;
}


/* =========================================================
   GUEST AREA
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchrac {

    width: 100% !important;

    height: 108px !important;
    min-height: 108px !important;

    margin: 0 !important;
    padding: 0 40px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    border: 0 !important;
    border-right: 1px solid #e7e7e7 !important;

    position: relative !important;

    overflow: visible !important;
}


/* =========================================================
   HIDE ROOMS VISUALLY
   Keep actual VikBooking .elementor-462 .elementor-element.elementor-element-90d8724 in DOM
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchroomsel {

    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip:
        rect(0 0 0 0) !important;

    clip-path:
        inset(50%) !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   ROOM NAME HIDDEN VISUALLY
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchroomdentrfirst
> .horsrnum {

    display: none !important;
}


/* =========================================================
   ADULT / CHILDREN ROW
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchroomdentrfirst {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    column-gap:
        55px !important;

    align-items: center !important;
}


/* =========================================================
   ADULTS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumdiv {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: center !important;

    transform:
        translateY(1px) !important;
}


/* =========================================================
   CHILDREN
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumdiv {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: center !important;

    transform:
        translateY(1px) !important;
}


/* =========================================================
   GUEST LABELS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumlb,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumlb {

    display: block !important;

    width: 100% !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #666 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 12px !important;

    letter-spacing: .45px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   ITALIAN GUEST LABELS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumlb {
    font-size: 0 !important;
}

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumlb::after {

    content: "ADULTI" !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    letter-spacing: .45px !important;

    color: #666 !important;
}


.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumlb {
    font-size: 0 !important;
}

.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumlb::after {

    content: "BAMBINI" !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    letter-spacing: .45px !important;

    color: #666 !important;
}


/* =========================================================
   GUEST SELECT WRAPPERS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel {

    position: relative !important;

    width: 62px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* =========================================================
   GUEST SELECTS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel select,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel select {

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    -moz-appearance:
        none !important;

    width: 62px !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;

    padding:
        0 21px 0 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    color:
        #d59a5c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        28px !important;

    font-weight:
        400 !important;

    line-height:
        34px !important;

    cursor:
        pointer !important;
}


/* =========================================================
   GUEST CHEVRONS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel::after,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel::after {

    content: "" !important;

    position: absolute !important;

    right: 4px !important;
    top: 11px !important;

    width: 6px !important;
    height: 6px !important;

    border-right:
        1.5px solid #999 !important;

    border-bottom:
        1.5px solid #999 !important;

    transform:
        rotate(45deg) !important;

    pointer-events:
        none !important;
}


/* =========================================================
   GUEST HOVER
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel select:hover,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel select:hover {

    color:
        #c98b4e !important;
}


/* =========================================================
   GUEST FOCUS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel select:focus,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel select:focus {

    outline:
        none !important;

    box-shadow:
        none !important;
}


/* =========================================================
   GUEST OPTIONS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel select option,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel select option {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    color:
        #555 !important;

    background:
        #ffffff !important;

    text-align:
        center !important;

    padding:
        5px 0 !important;
}


.elementor-462 .elementor-element.elementor-element-90d8724 .horsanumsel select option:checked,
.elementor-462 .elementor-element.elementor-element-90d8724 .horscnumsel select option:checked {

    color:
        #d59a5c !important;

    font-weight:
        500 !important;

    background:
        #faf8f5 !important;
}


/* =========================================================
   SEARCH AREA
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv {

    width:
        100% !important;

    height:
        108px !important;

    min-height:
        108px !important;

    margin:
        0 !important;

    padding:
        0 28px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #fff !important;

    border:
        0 !important;
}


/* =========================================================
   SEARCH BUTTON
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv button {

    width:
        107px !important;

    min-width:
        107px !important;

    max-width:
        107px !important;

    height:
        38px !important;

    min-height:
        38px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #d8a064 !important;

    color:
        #fff !important;

    border:
        0 !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        0 !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .25px !important;

    text-transform:
        uppercase !important;

    cursor:
        pointer !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}


/* =========================================================
   SEARCH BUTTON TEXT
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv button::after {

    content:
        "CERCA" !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .25px !important;

    color:
        #fff !important;
}


/* =========================================================
   SEARCH HOVER
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv button:hover {

    background:
        #cb9155 !important;

    color:
        #fff !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   LOADING STATE
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv button:disabled {

    opacity:
        .75 !important;

    cursor:
        wait !important;
}


/* =========================================================
   VIKBOOKING GUEST POPUP / DROPDOWN REFINEMENT
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-numrooms,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-room-details,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-guests,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-adults,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-children,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-modhsearch-rac,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-modhsearch-room {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   GUEST POPUP INPUTS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-numrooms select,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-room-details select,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-guests select,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-adults select,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-children select {

    height:
        40px !important;

    min-height:
        40px !important;

    padding:
        0 34px 0 12px !important;

    background:
        #ffffff !important;

    border:
        1px solid #dedede !important;

    border-radius:
        5px !important;

    color:
        #444 !important;

    font-size:
        15px !important;

    box-shadow:
        0 2px 7px rgba(0,0,0,.04) !important;
}


/* =========================================================
   POPUP LABELS
   ========================================================= */

.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-numrooms label,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-room-details label,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-guests label,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-adults label,
.elementor-462 .elementor-element.elementor-element-90d8724 .vbo-search-children label {

    color:
        #666 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .5px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv > form {

        width:
            100vw !important;

        max-width:
            100vw !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        left:
            50% !important;

        margin-left:
            -50vw !important;

        margin-right:
            -50vw !important;

        grid-template-columns:
            1fr 1fr !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv {

        height:
            90px !important;

        min-height:
            90px !important;

        padding:
            0 30px !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv {

        border-right:
            0 !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchrac {

        height:
            100px !important;

        min-height:
            100px !important;

        padding:
            0 30px !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv {

        height:
            80px !important;

        min-height:
            80px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchmaindiv > form {

        display:
            block !important;

        width:
            100vw !important;

        max-width:
            100vw !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        left:
            50% !important;

        margin-left:
            -50vw !important;

        margin-right:
            -50vw !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchrac,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv {

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        padding:
            19px 24px !important;

        border-right:
            0 !important;

        border-bottom:
            1px solid #e7e7e7 !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv {

        min-height:
            82px !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchrac {

        min-height:
            105px !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv {

        min-height:
            78px !important;

        border-bottom:
            0 !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchbookdiv button {

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            48px !important;

        min-height:
            48px !important;
    }


    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .vbo-caltrigger,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .vbo-caltrigger {

        flex-basis:
            22px !important;

        width:
            22px !important;

        min-width:
            22px !important;

        margin-right:
            8px !important;
    }


    /* Native VikBooking placeholder styling only */

    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckindiv .input-group > input::placeholder,
    .elementor-462 .elementor-element.elementor-element-90d8724 .vbmodhorsearchcheckoutdiv .input-group > input::placeholder {

        font-size:
            16px !important;

        color:
            #626262 !important;

        opacity:
            1 !important;
    }

}/* End custom CSS */