.elementor-521 .elementor-element.elementor-element-86035dc{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-521 .elementor-element.elementor-element-a47585a{width:auto;max-width:auto;}.elementor-521 .elementor-element.elementor-element-a47585a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:5rem;font-weight:100;letter-spacing:-2px;color:var( --e-global-color-18a5b93 );}.elementor-521 .elementor-element.elementor-element-071f175{width:auto;max-width:auto;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-521 .elementor-element.elementor-element-071f175 .elementor-heading-title{font-family:"Newsreader", Sans-serif;font-size:6rem;font-weight:200;font-style:italic;letter-spacing:-2px;color:var( --e-global-color-18a5b93 );}#elementor-popup-modal-521 .dialog-widget-content{background-color:var( --e-global-color-primary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-521{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-521 .dialog-message{width:800px;height:auto;padding:60px 60px 60px 60px;}#elementor-popup-modal-521 .dialog-close-button{display:flex;font-size:25px;}#elementor-popup-modal-521 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-521 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-521 .elementor-element.elementor-element-a47585a{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-521 .elementor-element.elementor-element-a47585a .elementor-heading-title{font-size:3rem;}.elementor-521 .elementor-element.elementor-element-071f175{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-521 .elementor-element.elementor-element-071f175 .elementor-heading-title{font-size:3rem;}}/* Start custom CSS for html, class: .elementor-element-0e0b841 *//* 1. LAYOUT: Force the main row */
#search-widget_IO312PWQ form {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 12px !important; /* Space between the 4 boxes */
    align-items: center !important;
}

/* Strip native Guesty wrappers */
#search-widget_IO312PWQ form > div {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* THE DATES (1st block) -> Takes 50% of the space, holds 2 inputs */
#search-widget_IO312PWQ form > div:nth-of-type(1) {
    flex: 2 !important; 
    display: flex !important;
    gap: 12px !important;
}
#search-widget_IO312PWQ form > div:nth-of-type(1) > div {
    flex: 1 !important; 
}

/* THE CALENDAR (2nd block) -> Hide it from the flex grid so it doesn't break the layout */
#search-widget_IO312PWQ form > div:nth-of-type(2) {
    position: absolute !important; 
}

/* THE GUESTS (3rd block) -> Takes exactly 25% of the space */
#search-widget_IO312PWQ form > div:nth-of-type(3) {
    flex: 1 !important; 
}

/* THE BUTTON -> Takes exactly 25% of the space */
#search-widget_IO312PWQ form > button {
    flex: 1 !important; 
}


/* 2. STYLE: 60px Height, Black BG, Slight Border, Square Edges */
/* We target ONLY the Inputs, the 3rd block Select (Guests), and Button */
#search-widget_IO312PWQ input,
#search-widget_IO312PWQ form > div:nth-of-type(3) select, 
#search-widget_IO312PWQ button {
    width: 100% !important;
    height: 60px !important; 
    background-color: #111913 !important; /* Your Black Background */
    color: #ffffff !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Slight border */
    border-radius: 0px !important; /* No border radius */
    padding: 0 15px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 3. Dropdown Menu Fixes (Ensures Guests is styled, protects Calendar) */
#search-widget_IO312PWQ form > div:nth-of-type(3) select {
    appearance: none !important; 
    -webkit-appearance: none !important;
    cursor: pointer !important;
}

#search-widget_IO312PWQ form > div:nth-of-type(3) select option {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* UPDATED PLACEHOLDER RULE */
#search-widget_IO312PWQ input::placeholder {
    color: #ffffff !important;
    opacity: 1 !important; 
    text-transform: uppercase !important; /* Forces placeholder to be ALL CAPS */
}

/* 4. The Search Button */
#search-widget_IO312PWQ button {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background-color: transparent !important; /* Forces it to use the black from step 2 */
}

#search-widget_IO312PWQ button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.guests-dropdown .selectr-container .selectr-selected {
    background: transparent;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #555;
    border-radius: 0;
    padding: 20px 20px 38px 20px;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-521 .dialog-message { overflow: unset !important; }/* End custom CSS */