/*
MARK: Header
*/

.specials-header { min-height:230px;background-size:cover;background-position:center center; }

.specials-navigation a { transition:padding var(--speed); }
.specials-navigation.scroll a { padding:10px 0 !important; }
.specials-navigation a.active,
.specials-navigation a:hover { background-color:var(--primary-light); }

.scroll-header { margin-top:-250px;padding-top:250px; }

/*
MARK: CTAs
*/

.package-ctas-item { height:200px; }
.package-ctas-item > div { background-size:cover;background-position:center center; }

/*
MARK: Prices
*/

.specials-price { cursor:pointer; }
.specials-price.selected,
.specials-price:hover { background-color:var(--secondary); }
.specials-price span.selected { opacity:0;left:10px;bottom:-2px;font-size:10px;transform-origin:left; }
.specials-price.selected span.selected { opacity:1; }

.specials-price .title { color:var(--green); }
.specials-price.selected .title { color:#fff; }

/*
MARK: Itinerary
*/

.itinerary-desc-control { transition:all var(--speed); }
.itinerary-desc-control.active,
.itinerary-desc-control:hover { background-color:var(--green) !important; }

.itinerary-desc-control i { transition:all var(--speed); }
.itinerary-desc-control.active i { transform:rotate(180deg)}

/*
MARK: Map modal
*/

#map-modal #cruise-map { height:500px; }

/*
MARK: Ship
*/

.ship-slider { width:100%;height:600px;border-radius:var(--radius); }
	.ship-slider .swiper-controls { right:0;bottom:calc(50% - 25px);display:flex;justify-content:space-between; }
		.ship-slider .swiper-controls .swipe-prev,
		.ship-slider .swiper-controls .swipe-next { width:50px;height:50px;font-size:16px;border:0;border-radius:99px;background:var(--PR-white); }
		.ship-slider .swiper-controls .swipe-prev { margin-right:10px; }

#ship-facilities {  }
	#ship-facilities ul {z-index:1;position:relative; list-style: none; margin: 0; padding: 0;display: flex; gap: 4px;}
		#ship-facilities li {  }
			#ship-facilities button { 
				background: var(--PR-dark-navy);
				color: #fff;
				border-top: 1px solid var(--PR-dark-navy);
				border-right: 1px solid var(--PR-dark-navy);
				border-left: 1px solid var(--PR-dark-navy);
				border-bottom: none;
				border-radius: 4px 4px 0 0; 
			 }
			#ship-facilities button.active,
			#ship-facilities button:hover {     
				background: #fff;
				color: #002C33;
				border-top: 1px solid #BECED0;
				border-right: 1px solid #BECED0;
				border-left: 1px solid #BECED0;
				border-bottom: none;
				border-radius: 4px 4px 0 0; 
			}

	#ship-facilities .tab-content { 
		background:#fff;
		margin-top: -1px;
		border-radius: 0 4px 4px 4px;
		background: #fff;
		margin-top: -1px;
		border-radius: 0 4px 4px 4px;
		border: 1px solid #BECED0;
		padding: 24px;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 26px;
		color: #000;
	}

#ship-staterooms li .nav-link { background-color:var(--primary);color:#fff; }

#ship-staterooms {
	padding-bottom: 56px;
}

#ship-staterooms li .nav-link:hover { border-color:var(--primary-light);background-color:var(--primary-light); }

#ship-staterooms li .nav-link.active:hover { border-color:var(--bs-nav-tabs-link-active-border-color) !important; }
#ship-staterooms li .nav-link.active { background-color:#fff !important;color:var(--primary) !important; }

.staterooms-container {
    display: flex;
    gap: 24px;
}

.stateroom-card img {
    min-width: 100%;
    height: 260px;
    object-fit: cover;
	border-radius: 8px 8px 0 0;
}

.stateroom-card-content {
    padding: 24px;
    background: var(--PR-white);
    border: 1px solid #BECED0;
    border-radius: 0 0 8px 8px;
	min-height: 346px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.stateroom-title {
    color: var(--PR-dark-navy);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.staterooms {
    position: relative;
}

.stateroom-card {
	width: 25%;
}

.short-text, .full-text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.read-more-btn, .read-less-btn {
    color: var(--PR-dark-navy);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-decoration-line: underline;
}

.stateroom-card-content .show-more {
    margin-bottom: 16px;
}

.card-price-row {
    display: flex;
    flex-direction: column;
}

.card-price-row-from {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.card-price {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.card-price-pp {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: -5px;
}

.stateroom-card-select-button,
.frm_button_submit {
    padding: 12px 24px;
    min-width: 100%;
    background: var(--PR-dark-navy);
    color: var(--PR-white);
    border: 1px solid var(--PR-dark-navy);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
	transition: all 0.2s ease-in-out;
}

.stateroom-card-select-button:hover {
	background: #00000000;
	color: var(--PR-dark-navy);
}

.stateroom-card-book-button {
    padding: 12px 24px;
	background: var(--PR-dark-navy);
    color: var(--PR-white);
    border: 1px solid var(--PR-dark-navy);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
	transition: all 0.2s ease-in-out;
}

.selected-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.selected-container i::before {
	color: #0C6;
	font-size: 24px;
}

.selected-checkbox {
	color: var(--PR-dark-navy);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
}

.stateroom-card.active {
    border: 4px solid var(--PR-dark-navy);
    border-radius: 12px;
}



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



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



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



@media (max-width: 992px) { /* LG */
	#ship-facilities .tab-content { border-top-left-radius:var(--radius); }
	.scroll-header { margin-top:-0;padding-top:0; }
}

@media (max-width: 768px) { /* MD */
	#ship-facilities button.active, #ship-facilities button:hover {
		border-bottom: 1px solid #BECED0;
		border-radius: 4px;
	}

	#ship-facilities button {
		border-bottom: 1px solid var(--PR-blue);
		border-radius: 4px;
	}

	#ship-facilities .tab-content {
		padding: 20px;
		font-size: 16px;
		line-height: 22px;
		margin-top: 5px;
	}

	.staterooms-container {
		flex-direction: column;
		padding: 0 20px;
	}

	.stateroom-card {
		width: 100%;
	}

	.short-text, .full-text {
		font-size: 16px;
		line-height: 22px;
	}

	.read-more-btn, .read-less-btn {
		font-size: 16px;
	}

	.stateroom-card-content {
		padding: 20px;
		min-height: 0;
	}

}

@media (max-width: 576px) { /* SM */

}