#website-search-form.loading { pointer-events:none; }
#website-search-form.loading .search-form-tabs,
#website-search-form.loading .search-form-container { opacity:0.6; }

#website-search-form .search-form-tabs,
#website-search-form .search-form-container { transition:opacity .2s; }

.search-form-container { background:#fff; display:grid; height:50px; grid-template-columns:3fr 1fr 1fr 1fr 1fr; gap:0.5rem; border-radius:4px; transition:border-radius .2s; font-family: 'DM Sans', sans-serif; }

	#website-search-form.autocomplete-open .search-form-container { border-bottom-left-radius:0;transition:border-radius 0s;}

.search-form-item { gap: 11px; font-size: 16px; color: #666; background:#fff;cursor:pointer;display:flex;align-items:center;padding:0 10px 0 20px;margin:0;position:relative;transition:all .2s;border-left:1px solid #ccc;border-radius:0; }
	.search-form-item .fa-chevron-up { display:none; }

	.search-form-item .arrows { margin-left:auto; color: var(--primary) }
	.search-form-item.open .fa-chevron-down { display:none; }
	.search-form-item.open .fa-chevron-up { display:block; }

	.search-form-item .fa-chevron-up,
	.search-form-item .fa-chevron-down {
		margin-left: auto;
	}

	.search-form-item > i { color:#3289C5; }

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



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########    ###    ########   ######
   ##      ## ##   ##     ## ##    ##
   ##     ##   ##  ##     ## ##
   ##    ##     ## ########   ######
   ##    ######### ##     ##       ##
   ##    ##     ## ##     ## ##    ##
   ##    ##     ## ########   ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-tabs { display: inline-block; }
	.search-form-tabs label { cursor:pointer;background:#2E3B79;color:#fff;display:inline-block;padding:5px 20px;border-top-left-radius:4px;border-top-right-radius:4px;text-transform:uppercase;font-weight:700;border-bottom:2px solid #18224a; }
	.search-form-tabs label:hover,
	.search-form-tabs label.checked { background:#fff;color:#2C3977;border-bottom-color:#fff; }
	.search-form-tabs label input { display:none; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



   ###    ##     ## ########  #######   ######   #######  ##     ## ########  ##       ######## ######## ########
  ## ##   ##     ##    ##    ##     ## ##    ## ##     ## ###   ### ##     ## ##       ##          ##    ##
 ##   ##  ##     ##    ##    ##     ## ##       ##     ## #### #### ##     ## ##       ##          ##    ##
##     ## ##     ##    ##    ##     ## ##       ##     ## ## ### ## ########  ##       ######      ##    ######
######### ##     ##    ##    ##     ## ##       ##     ## ##     ## ##        ##       ##          ##    ##
##     ## ##     ##    ##    ##     ## ##    ## ##     ## ##     ## ##        ##       ##          ##    ##
##     ##  #######     ##     #######   ######   #######  ##     ## ##        ######## ########    ##    ########



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-autocomplete-container { width:100%; }
.search-form-autocomplete-selected { display:flex;flex-wrap:wrap;white-space:nowrap;margin-bottom:10p }
.search-form-autocomplete-selected label { display:block;cursor:pointer;background:#e4e4e4;border-radius:5px;font-size:14px;padding:0 5px;margin:3px 5px 3px 0; }
.search-form-autocomplete-selected label span span { display:none; }
.search-form-autocomplete-selected label i.close { display:none; }
.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 { position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:4px;transition:border-radius .2s; }
	#website-search-form.autocomplete-open .search-form-autocomplete { border-bottom-left-radius:0;border-bottom-right-radius:0; }

.search-form-autocomplete-input { display:flex;align-items:center;width:100%; /*background-color: #efefef;*/ }

.search-form-autocomplete.has-items .search-form-autocomplete-selected { position: absolute; left: 40px; width:auto;margin-bottom:10px; }
.search-form-autocomplete.has-items .search-form-autocomplete-input { min-width:100px;flex:1; }

.search-icon { cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#3289C5; }

#cruiseappy-autocomplete { border:0;background:transparent;width:100%;font:16px/24px "DM Sans", sans-serif; }
#cruiseappy-autocomplete:focus { outline:none; }
#cruiseappy-autocomplete::placeholder { font-size:16px; font-family:'DM Sans', sans-serif; }

.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:#77262d;color:#fff; }

.search-form-autocomplete-selected label.item_search_manager,
.search-form-autocomplete-options li[data-type="search_manager"] span { background-color:#d37108;color:#fff; }

.search-form-autocomplete-options li span { padding:3px;text-transform:capitalize;border-right:4px;border-radius:4px;font-size:13px; }
.search-form-autocomplete-options li span i { margin-right:1px; }

.search-form-autocomplete-options li[data-type="search_manager"] span span { display:none; }
.search-form-autocomplete-options li[data-type="search_manager"] span i { margin-right:0; }

/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



 #######  ########  ######## ####  #######  ##    ##  ######
##     ## ##     ##    ##     ##  ##     ## ###   ## ##    ##
##     ## ##     ##    ##     ##  ##     ## ####  ## ##
##     ## ########     ##     ##  ##     ## ## ## ##  ######
##     ## ##           ##     ##  ##     ## ##  ####       ##
##     ## ##           ##     ##  ##     ## ##   ### ##    ##
 #######  ##           ##    ####  #######  ##    ##  ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



#search-form-options { position:absolute; z-index: 2; width: 100%; }
	#search-form-options .searching { opacity:0;visibility:hidden;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.9);text-align:center;color:var(--main_blue);font-weight:700;transition:all .2s; }
	#search-form-options .searching i { font-size:60px; }
	#search-form-options .searching p { margin:10px 0 0; }

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

	#website-search-form.loading #search-form-options.open .searching { opacity:1;visibility:visible; }

.search-options-item { display:none;padding:20px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px; border: 1px solid #e0e0e0; box-shadow: 0px 17px 16px #0000004D; }
	.search-options-item.open { display:block; }

	.search-options-container { display:grid;grid-template-columns:1fr 1fr 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 { background:#fff;border:0;width:100%;padding:0;margin:0 0 0 10px;font-size:16px; }

.search-options-item label { border: 1px solid #CCCCCC; font-weight:700;color:#2F5FAC;display:flex;align-items:center;justify-content:center;background:#fff;padding:15px;min-height:80px;border-radius:5px;cursor:pointer;transition:all .2s; }

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

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

.search-options-item label span { margin: auto; }
.search-options-item label i { margin-right: 0; }

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

.search-options-item label:hover,
.search-options-item label.checked { background:var(--primary);color:#fff; }

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

.search-options-item label i.close { align-self:flex-start;opacity:0;transition:opacity .2s; }
.search-options-item label.checked i.close { opacity:1; }

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

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

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

.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-close { position:relative;z-index:10;display:none;background:var(--primary);color:#fff;align-items:center;justify-content:center;border-radius:6px;padding:10px 0;cursor:pointer;font-weight:700; }
	.search-form-close i { display:block !important;margin-right:5px; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ######## ########     ###    ########  ########  ######
##     ## ##       ##     ##   ## ##   ##     ##    ##    ##    ##
##     ## ##       ##     ##  ##   ##  ##     ##    ##    ##
##     ## ######   ########  ##     ## ########     ##     ######
##     ## ##       ##        ######### ##   ##      ##          ##
##     ## ##       ##        ##     ## ##    ##     ##    ##    ##
########  ######## ##        ##     ## ##     ##    ##     ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-departs {background:#fff;border-radius:5px; }
	.search-form-departs.open { border-bottom-left-radius:0;border-bottom-right-radius:0; }
#easepick-departs { width:100%;white-space:nowrap;margin-right:5px; }

.container { border-radius:6px;border-top-left-radius:0;border-top-right-radius:0;left:-10px !important; }
.container.show { box-shadow:none;top:23px !important; }
.container > main { background:#fff; }

.container.range-plugin .calendar > .days-grid > .day.start,
.container.range-plugin .calendar > .days-grid > .day.end { background-color:var(--primary); }

.container.range-plugin .calendar > .days-grid > .day.start::after { border-left-color:var(--primary); }
.container.range-plugin .calendar > .days-grid > .day.end::after { border-right-color:var(--primary); }

.container.range-plugin .calendar > .days-grid > .day.in-range { background-color:var(--newblue);color:#fff; }

.calendar > .days-grid > .day:hover { border-color:var(--primary);color:var(--color-fg-default);cursor:pointer; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ########   #######  ########  ########   #######  ##      ## ##    ##  ######
##     ## ##     ## ##     ## ##     ## ##     ## ##     ## ##  ##  ## ###   ## ##    ##
##     ## ##     ## ##     ## ##     ## ##     ## ##     ## ##  ##  ## ####  ## ##
##     ## ########  ##     ## ########  ##     ## ##     ## ##  ##  ## ## ## ##  ######
##     ## ##   ##   ##     ## ##        ##     ## ##     ## ##  ##  ## ##  ####       ##
##     ## ##    ##  ##     ## ##        ##     ## ##     ## ##  ##  ## ##   ### ##    ##
########  ##     ##  #######  ##        ########   #######   ###  ###  ##    ##  ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



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

.search-form-dropdown { width:210px;transform:scale(0.8);transform-origin:top center;opacity:0;visibility:hidden;position:absolute;z-index:1;top:100%;left:0;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 { 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:var(--primary);color:#fff; }
	.search-form-dropdown .dropdown-item.disabled { opacity:0.5; }
.search-form-dropdown input { display:none; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



 ######  ##     ## ########  ##     ## #### ########
##    ## ##     ## ##     ## ###   ###  ##     ##
##       ##     ## ##     ## #### ####  ##     ##
 ######  ##     ## ########  ## ### ##  ##     ##
      ## ##     ## ##     ## ##     ##  ##     ##
##    ## ##     ## ##     ## ##     ##  ##     ##
 ######   #######  ########  ##     ## ####    ##



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



a.search-form-submit { width: 100%; background:var(--tertiary);color:#fff;display:flex;align-items:center;justify-content:center;border-top-right-radius:4px;border-bottom-right-radius:4px;transition: var(--transition);font-weight:700; }
a.search-form-submit:hover { background: #AD8724; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ########  ######  ########   #######  ##    ##  ######  #### ##     ## ########
##     ## ##       ##    ## ##     ## ##     ## ###   ## ##    ##  ##  ##     ## ##
##     ## ##       ##       ##     ## ##     ## ####  ## ##        ##  ##     ## ##
########  ######    ######  ########  ##     ## ## ## ##  ######   ##  ##     ## ######
##   ##   ##             ## ##        ##     ## ##  ####       ##  ##   ##   ##  ##
##    ##  ##       ##    ## ##        ##     ## ##   ### ##    ##  ##    ## ##   ##
##     ## ########  ######  ##         #######  ##    ##  ######  ####    ###    ########



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



#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: 920px) {

	#website-search-form { position:relative; }
	.search-form-container { display:block;height:unset; }
	#website-search-form.autocomplete-open .search-form-container { border-bottom-left-radius:6px; }
	.search-form-autocomplete { padding:15px 10px;border-bottom-left-radius:0;border-bottom-right-radius:0; }
	.search-form-item { border:0;padding:15px 10px;margin:0; }
	a.search-form-submit { border-top-right-radius:0;border-bottom-left-radius:6px;padding:15px 10px;height:54px; }
	#search-form-duration .search-form-dropdown { left:0;width:100%;border-top-right-radius:0; }

	.search-form-autocomplete .search-icon { margin-right:10px; }

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

	#search-form-options { position:absolute;top:0;z-index:1001;width:100%; }
		#search-form-options.open {  }
		#search-form-options.open #search-form-close { display:flex; }
		#search-form-options.open button { display:block; }

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

	.search-options-container { max-height:400px;overflow:auto; }
	.search-options-item label { min-height:unset; }
	.search-options-item label.more { display:flex; }
	.search-options-item label i.close { align-self:center; }
	.search-options-more { display:none; }
	.search-form-close { display:flex; }

	.start-search { position:relative; }

		#search-form-overlay.open { opacity:1;visibility:visible; }

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

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

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

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

}
