/* Base styles (mobile first) */
/* Removing these from test for now

*/

div[class*="CruiseSearchWidget_resetIndex"] {
	z-index: unset;
}

.headerMainToolbar__background--transparent {
	z-index: 4;
}

.header__notifications {
	z-index: 9999;
}

.nebula_image_button {
	z-index: 9 !important;
	margin-bottom: 20px !important;
}

.basicHero__content {
	margin-top: -85px;
}

.heroRetarget__base {
	height: auto;
	margin: 0;
	min-height: 9.75rem;
	z-index: 11;
}

.findCruiseWidget {
	padding: 0px;
	margin-top: -85px;
}

/* Large phones */
@media screen and (min-width: 515px) {
}

/* Small Tablets */
@media screen and (min-width: 620px) {
}

/* Tablets */
@media screen and (min-width: 700px) {
}

/* Desktop Retargeting Start */
/* z-index set to 12 to stay behind side bar */
@media screen and (min-width: 750px) {
    .findCruiseWidget {
        z-index: 12; 
        position: relative;
    }

	div[class*="CruiseSearchWidget_resetIndex"] {
		z-index: unset;
	}

	.heroRetarget__base {
		height: 100%;
	}

	.heroRetarget__base:before {
		opacity: 0.85;
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
		width: 90%;
	}
}

/* Large Tablets */
@media screen and (min-width: 768px) {
	.HomeCruiseSearchWidget_content {
		background: #f7f8f9e6;
	}

	.heroRetarget__base {
		height: 100%;
		z-index: 11;
	}

	.heroRetarget__base:before {
		opacity: 0.85;
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
		width: 80%;
	}
}

/* Small desktops */
@media screen and (min-width: 1024px) {
	.basicHero__base {
		min-height: 650px;
	}

	.basicHero__imageContainer img {
		aspect-ratio: 12/5;
		min-height: 650px !important;
	}

	.basicHero__imageContainer {
		min-height: 650px !important;
	}

	.findCruiseWidget {
		margin-top: -260px;
	}

	.heroRetarget__base {
		height: 100%;
		z-index: 11;
	}

	.heroRetarget__base:before {
		opacity: 0.85;
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
		width: 80%;
	}
}

/* Large desktops */
@media screen and (min-width: 1280px) {
	.basicHero__imageContainer {
		min-height: 700px;
	}

	.basicHero__imageContainer img {
		min-height: 700px !important;
		aspect-ratio: 806/375;
	}

	.findCruiseWidget {
		margin-top: -270px;
	}

	.heroRetarget__base {
		height: 100%;
		z-index: 11;
		right: 0px;
	}

	.heroRetarget__base:before {
		opacity: 0.85;
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
		width: 80%;
	}
}