.elementor-767 .elementor-element.elementor-element-185f660{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--align-content:space-around;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-767 .elementor-element.elementor-element-185f660.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-767 .elementor-element.elementor-element-7b81722{width:100%;max-width:100%;}.elementor-767 .elementor-element.elementor-element-7b81722 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-767 .elementor-element.elementor-element-7b81722.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:651px){.elementor-767 .elementor-element.elementor-element-185f660{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-7b81722 *//* 1. Targets Elementor fields */
.elementor-kit-1297 input:not([type="button"]):not([type="submit"]), 
.elementor-kit-1297 textarea, 
.elementor-kit-1297 .elementor-field-textual {
    color: #333333 !important;
    text-align: left !important;
    padding-left: 15px !important; 
    /* Moves text away from the very edge */
}

/* 2. Targets the Boat Charter plugin fields (Departure, Return, Dates) */
.bcbs-main input, 
.bcbs-main select, 
.bcbs-main textarea,
.bcbs-main .ui-selectmenu-text {
    color: #333333 !important;
    text-align: left !important;
    /* Keeps text on the left */
    
    /* These three lines ensure vertical "centering" */
    height: 50px !important;            /* Adjust height if boxes look too tall/short */
    line-height: 50px !important;       /* Must match height to center vertically */
    padding: 0 15px !important;         /* 0 top/bottom, 15px left/right */
    
    display: flex !important;           /* Modern way to align center */
    align-items: center !important;
    border-radius: 14px;
    border-width: 3px;
    border-color: #333333;
}

/* 3. Specifically fix the Date Picker text alignment */
.bcbs-main .bcbs-form-field input[type="text"] {
    text-align: left !important;
    padding-left: 45px !important;      /* Extra space to avoid overlapping the calendar icon */
}


/* Targets labels, inputs, textareas, and dropdown buttons in the booking form */
.bcbs-main .bcbs-form-field.bcbs-form-field-icon > label, 
.bcbs-main .bcbs-form-field.bcbs-form-field-icon > input, 
.bcbs-main .bcbs-form-field.bcbs-form-field-icon > textarea, 
.bcbs-main .bcbs-form-field.bcbs-form-field-icon .ui-selectmenu-button {
   padding-bottom: 10px;
}

/* Capitalize labels and set size */
.bcbs-main .bcbs-form-field > label {
    text-transform: capitalize;
    font-size: 18px;
}

/* Capitalize h2 headers */
.bcbs-main h2 {
    text-transform: capitalize;
}

.elementor-kit-1297 input:not([type="button"]):not([type="submit"]), 
.elementor-kit-1297 textarea, 
.elementor-kit-1297 .elementor-field-textual {
    max-width: 400px;       /* Limits the width so it's not full-screen */
    width: 100%;            /* Allows it to be responsive on mobile */
    padding: 15px 12px;     /* Increases thickness/height internally */
    min-height: 55px;       /* Forces a taller vertical look */
    box-sizing: border-box; /* Ensures padding doesn't break the width */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-185f660 */.bcbs-main #bcbs-payment > ul > li > img {
    display: none !important;
}

.bcbs-main .bcbs-main-content .bcbs-main-content-step-3 > div > .bcbs-layout-column-right h3:first-child {
    display: none !important;
}

.bcbs-main #bcbs-payment > ul > li:first-child {
    display: none !important;
}/* End custom CSS */