#custom-search-form { position:relative;font:14px/24px "Poppins", sans-serif; color: #1e1e1e; }

#search-form-top { display:inline-grid;grid-template-columns:1fr 1fr;grid-column-gap:5px; }
#search-form-top p { margin:0; }
#search-form-top label { display:block;cursor:pointer;margin:0 !important;padding:5px 10px;background:rgba(59, 68, 150, 0.8);border-top-left-radius:5px;border-top-right-radius:5px;color:#fff; }
#search-form-top label:before { content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400; }
#search-form-top label.active:before { content:"\f058";font-weight:900;color:#E52222; }
#search-form-top label input { display:none; }

#custom-search-form .submit { text-align:center; font:14px/24px "Poppins", sans-serif;border:0;border-radius:5px;background:#E52222;color:#fff;font-weight:600 !important;transition:background .2s;margin:15px 0;cursor:pointer; display: flex; align-items: center; justify-content: center; }

    #custom-search-form .submit:hover { background:#E52222; }
    #custom-search-form .submit span { display:block;font-size:14px; }

#search-form-container { background:rgba(59, 68, 150, 0.8);border-radius:5px;border-top-left-radius:0;box-shadow:0px 3px 6px #00000029;padding-left:15px; padding-right:15px; }

    #search-form-container .search-form-meta { position:relative;margin:0 0 15px 0;display:flex;align-items:center;justify-content:space-between;color:#fff; }

    #search-form-container .search-form-controls { display: flex; width: 100%; gap: 10px; }
    #search-form-container .search-form-controls label,
    #search-form-container .search-form-controls a { color:#fff;font-weight:400;cursor:pointer;transition:color .2s; background-color: #003781; padding: 5px;}
    #search-form-container .search-form-controls label.reset { margin-left: auto; color: #003781; background-color: #fff; }
    #search-form-container .search-form-controls label:hover { text-decoration: underline; }
    #search-form-container.simple .search-form-controls span.simple,
    #search-form-container.advanced .search-form-controls span.advanced { display:none; }

    #search-form-container .search-form-controls label.checked { color:#E52222; }
    #search-form-container .search-form-controls label.checked:before { font-family:"Font Awesome 5 Free";content:"\f058";font-weight:900; }
        #search-form-container .search-form-controls label input { display:none; }

    #search-form-container.simple .search-form-controls span.advanced,
    #search-form-container.advanced .search-form-controls span.simple { display:inline-block; }

    #search-form-container .search-form-meta .child-ages { display:none;align-items:center;justify-content:flex-end;color:#fff; }
        #search-form-container .search-form-meta .child-ages strong { display:block; }
        #search-form-container .search-form-meta .child-ages .meta { margin:0 0 0 10px; }
        #search-form-container .search-form-meta .child-ages .nice-select { padding:2px 20px 2px 10px;line-height:30px;border-radius:5px; }

#search-form-container .search-form-container--fields { display: grid; grid-column-gap: 10px; }

#search-form-container.simple .search-form-container--fields { grid-template-columns: 2fr 1fr 0.8fr 1fr 1fr 0.6fr; }
    #search-form-container.simple .advanced { display:none; }
    #search-form-container.simple .search-form-meta { grid-column:span 8; }
#search-form-container.advanced .search-form-container--fields { grid-template-columns:2.5fr 1fr 1fr 1.2fr 1fr; }
    #search-form-container.advanced .simple { display:none; }

    .search-form-autocomplete-container { width:100%;display:flex;align-items:center;flex-wrap:wrap;flex:1 0 auto; }
        .search-form-autocomplete-selected { display:flex;flex-wrap:wrap;padding:0 0 10px; }
            .search-form-autocomplete-selected label { display:block;cursor:pointer;background:#e4e4e4;border-radius:5px;font-size:13px;padding:0 5px;margin:0 5px 5px 0; }
            .search-form-autocomplete-selected label span span { display:none; }
                    .search-form-autocomplete-selected label i.close { display:none; color: #fff; font-size: 13px; height: 28px; line-height: 28px; opacity: 1; margin-left: 5px; }
                .search-form-autocomplete-selected label:hover { background:#f00;color:#fff; }
                    .search-form-autocomplete-selected label:hover i.icon { display:none; }
                    .search-form-autocomplete-selected label:hover i.close { display:inline-block; }
            .search-form-autocomplete-selected input { display:none; }

    .search-form-autocomplete { width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;margin:15px 0;background:#fff;border-radius:5px; }

        .search-form-autocomplete-input { display:flex;align-items:center;width:100%; }

            .search-icon { cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 0; }

            #cruiseappy-autocomplete { border:0;background:#fff;width:100%;font:14px/24px "Poppins", sans-serif; }
            #cruiseappy-autocomplete:focus { outline:none; }

        .search-form-autocomplete-options { position:absolute;top:100%;left:0;width:100%;z-index:9; }
            .search-form-autocomplete-options ul { margin:0;padding:0;list-style:none;max-height:400px;overflow:auto;background:#fff;box-shadow:0px 5px 6px #00000029; }
                .search-form-autocomplete-options li { padding:5px 10px;cursor:pointer; }
                    .search-form-autocomplete-options li.selected,
                    .search-form-autocomplete-options li:hover { background:#e4e4e4; }
                    .search-form-autocomplete-selected label.item_cruiseline,
                    .search-form-autocomplete-options li[data-type="cruiseline"] span {
                        background-color: #0E3246;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_destination,
                    .search-form-autocomplete-options li[data-type="destination"] span {
                        background-color: #008b44;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_ship,
                    .search-form-autocomplete-options li[data-type="ship"] span {
                        background-color: rgb(163, 3, 51);
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_cruise_type,
                    .search-form-autocomplete-options li[data-type="cruise_type"] span {
                        background-color: #6b94dd;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_cruise_code,
                    .search-form-autocomplete-options li[data-type="cruise_code"] span {
                        background-color: #f90;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_cruise_reference,
                    .search-form-autocomplete-options li[data-type="cruise_reference"] span {
                        background-color: #f90;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_departport,
                    .search-form-autocomplete-options li[data-type="departport"] span {
                        background-color: #77262d;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_visitport,
                    .search-form-autocomplete-options li[data-type="visitport"] span {
                        background-color: #3c0067;
                        color: #fff;
                    }
                    .search-form-autocomplete-selected label.item_searchmanager,
                    .search-form-autocomplete-options li[data-type="searchmanager"] span {
                        background-color: #E52222;
                        color: #fff;
                    }
                    .search-form-autocomplete-options li span {
                        padding:2px 5px;
                        text-transform: capitalize;
                        border-right: 4px;
                    }
                    .search-form-autocomplete-options li span i {
                        margin-right: 0px;
                    }

    .search-form-item { gap:10px; background:#fff;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px;margin:15px 0;min-height:68px;position:relative;transition:all .2s; }
        .search-form-item.last { border:0; }
        .search-form-item .fa-chevron-up { display:none; }

        .search-form-item.open .fa-chevron-down { display:none; }
        .search-form-item.open .fa-chevron-up { display:block; }

        .search-form-item.open.has-dropdown { border-bottom-left-radius:0;border-bottom-right-radius:0; }

        .search-form-item p { margin:0;font-size:14px; }
        .search-form-item p span { display:block;font-size:80%;line-height:14px;font-style:italic;color:#999; }

        .search-form-dropdown { transform:scale(0.8);transform-origin:top center;opacity:0;visibility:hidden;position:absolute;z-index:1;top:100%;left:0;width:100%;background:#fff;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:all .2s; }
            .search-form-item.open .search-form-dropdown { opacity:1;visibility:visible;transform:scale(1); }
        .search-form-dropdown .dropdown-item { color: var(--new-blue); display:block;padding:5px 15px;background:#e4e4e4;border-radius:5px;cursor:pointer;margin:0 0 5px; }
            .search-form-dropdown .dropdown-item:last-child { margin-bottom:0; }
            .search-form-dropdown .dropdown-item.checked,
            .search-form-dropdown .dropdown-item:not(.disabled):hover { background:#E52222;color:#fff; }
            .search-form-dropdown .dropdown-item.disabled { display:none;opacity:0.5; }
        .search-form-dropdown input { display:none; }

        #search-form-duration .search-form-dropdown { width:100%;     z-index: 2;}


#search-form-options { position:absolute;z-index:10;margin-top:15px;width:100%;background:#fff;border-radius:5px;box-shadow:0px 3px 6px #00000029;top:117px; }

    #search-form-close { display:none;position:absolute;top:-10px;right:-10px;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;font-size:25px;color:#E52222;background:#fff;cursor:pointer; }

    #search-form-options button { display:none;width:100%; }

    #custom-search-form .search-options-item { display:none;padding:20px; }
    #custom-search-form .search-options-item.open { display:block; }

    #custom-search-form .search-options-container { display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;grid-auto-rows:1fr;margin-bottom:10px; }

    .text-search-container > p { display:flex;align-items:center;margin:0 0 15px; }
        .text-search-container .container-search { border:0;width:100%;padding:0;margin:0 0 0 10px;font-size:16px; outline: none !important;}

    #custom-search-form .search-options-item label { color: #1e1e1e; display:flex;align-items:center;justify-content:space-between;background:#e4e4e4;padding:15px;min-height:80px;border-radius:5px;cursor:pointer;transition:all .2s; }


    #custom-search-form .search-options-item label.waiting { opacity:0.7;pointer-events:none; }

        #custom-search-form .search-options-item label.more { display:none; }

    .search-options-container.more { max-height:400px;overflow:auto; }
        .search-options-container.more label.more { display:flex; }

    #custom-search-form .search-options-item label:hover,
    #custom-search-form .search-options-item label.checked { background:#E52222;color:#fff; }

    #custom-search-form .search-options-item label i.custom { color:#E52222;transition:color .2s; }
    #custom-search-form .search-options-item label:hover i.custom,
    #custom-search-form .search-options-item label.checked i.custom { color:#fff; }

    #custom-search-form .search-options-item label i.close { opacity:0;transition:opacity .2s; color: #fff; }
    #custom-search-form .search-options-item label.checked i.close { opacity:1; }

    #custom-search-form .search-options-item label.disabled,
    #custom-search-form .search-options-item label.disabled:hover { background:#e4e4e4;color:#ccc;opacity:0.5;cursor:default; }
    #custom-search-form .search-options-item label.disabled.checked i { opacity:0; }

        #custom-search-form .search-options-item label input { display:none; }

    /* DEPART DATES */
    .search-options-container.calendar-view { grid-template-columns:1fr 1fr 1fr;grid-column-gap:30px;grid-auto-rows:unset; }
        .search-options-container .year-group {  }
        .search-options-container .month-group { display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;grid-auto-rows:1fr; }

        .search-options-container .month-group label { padding:10px;min-height:unset; }

    /* SHOW MORE / LESS */
    .search-options-more { width:100%;text-align:center; }
        .search-options-more span { cursor:pointer;display:inline-block;padding:10px 30px;font-weight:700;border-radius:5px; }
        .search-options-more span:hover { background:#e4e4e4; }
        .search-options-more span.show-less { display:none; }

#search-form-overlay { position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transition:all .2s; }

@media (max-width: 1120px) {

    #custom-search-form #quick-search-section { margin-top:-85px; }
#custom-search-form #search-form-container,
#custom-search-form .search-options-container,
#custom-search-form .search-options-container.calendar-view { grid-template-columns:1fr;/*grid-auto-rows:1fr;*/ }

#custom-search-form #search-form-options { top:0;z-index:1001; }
#custom-search-form #search-form-options.open {  }
#custom-search-form #search-form-options.open #search-form-close { display:flex; }
/* #custom-search-form #search-form-options.open button { display:block; } */

#custom-search-form .search-form-item,
#custom-search-form .search-form-autocomplete { border-right:0;border-bottom:1px solid #e4e4e4;padding:16px;margin:0; }
#custom-search-form .search-options-item { padding:15px 15px 0; }

#custom-search-form .search-options-container { max-height:400px;overflow:auto; }
#custom-search-form .search-options-item label { min-height:unset; pointer-events: auto; padding: 10px; }
#custom-search-form .search-options-item label.more { display:flex; }
.search-options-container .month-group { pointer-events: unset; }
#custom-search-form .search-options-more { display:none; }

#custom-search-form .start-search { position:relative; }

#custom-search-form #search-form-container .search-form-controls { display: flex; padding: 10px; flex-direction: column; } 
#custom-search-form #search-form-container .search-form-controls label.reset { margin-left: inherit; }

/* #custom-search-form { display:none; } */
/* #search-form-container.simple .search-form-meta { display: none; } */

#custom-search-form .submit { width:calc(100% - 32px);padding:10px 18px;margin:6px 16px 16px 16px;font:normal normal 600 14px/19px Open Sans!important; }
#custom-search-form #search-form-overlay.open { opacity:1;visibility:visible; }

#custom-search-form #search-form-duration .search-form-dropdown { width:100%;border-top-right-radius:0; }

#custom-search-form #search-form-container { display:block;background-color:#fff;padding-left:0; padding-right: 0;}
#custom-search-form #search-form-container .search-form-container--fields { display:block; }
#custom-search-form #search-form-container .search-form-item { background-color:#fff; }

#custom-search-form #search-form-container .search-form-meta { margin:0;display:block;color:#000;padding:0 0 10px;text-align:center; }

    #custom-search-form #search-form-container .search-form-meta .child-ages { flex-wrap:wrap; }
    #custom-search-form #search-form-container .search-form-meta .child-ages strong { display:block;width:100%;color:#000; }
    #custom-search-form #search-form-container .search-form-meta .child-ages .meta { display:block;width:100%;margin:0;padding:0 16px; }
    #custom-search-form #search-form-container .search-form-meta .child-ages .nice-select { border-left:0; }

}