* {
	box-sizing: border-box;
}

.carousel_wait_wrap {
	/* basicall jsut a container for the waiter & carousle */
	max-width:1920px;
	margin:0 auto;
	position:relative;
}



.carousel_outer_flex {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	flex-flow:row nowrap;
	position:relative;
	z-index:2;

	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	overflow:hidden;
}

.carousel_outer_flex>div {
	
}

.carousel_left_control,
.carousel_right_control {
	flex:0 0 50px;
	position:relative;
	z-index:2;
}


.carousel_viewport {
	flex:1 1 100%;
	position:relative;
	max-width:1920px;
	height:380px;
	xoverflow:hidden;

}


.carousel_wait_overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.65);
	z-index:999;
}

.carousel_loader {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	border-radius:500px;
	animation: carousel_spin 1s linear infinite;
}

.carousel_swipe_hint_overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:998;
	pointer-events:none;
	display:none;
}

.carousel_swipe_hint_overlay>div {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 

	font-size:2em;
	font-weight:900;
	color:yellow;
	width:100%;
	padding:20px;
	background-color:rgba(14,24,61,.75);
	text-align:center;
}


.carousel_loader span {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	margin:10px;
}

.carousel_loader span:nth-child(1) { top: 0; left: 0; }
.carousel_loader span:nth-child(2) { top: 0; right: 0; }
.carousel_loader span:nth-child(3) { bottom: 0; left: 0; }
.carousel_loader span:nth-child(4) { bottom: 0; right: 0; }

@keyframes carousel_spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.carousel_track {
	display:flex;
	xoverflow:hidden;
	cursor:grab;
	position: absolute;
	user-select: none;
}

.group_set {
	border-left:2px solid rgba(255,255,255,.25);
}

.group_set_flex {
	display:flex;
}

.carousel_item {
	white-space: nowrap;
	display:inline-flex;
	flex-direction: column;
	flex:1 1 200px;
	padding:0 20px;
}

.carousel_item img {
	height:250px;
	width:auto;
	pointer-events: none;
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.26));
	display:block;
}

.carousel_item a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.carousel_item a span {
	position:absolute;
	top:50%;
	right:-20px;
	padding:0;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
}

.carousel_item a svg {
	width:100%;
	height:auto;
	max-width:30px;
	display:block;
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.75));
	opacity:0;
	transition: opacity .25s;
}
.carousel_item a svg polygon {
	/*fill:#6dbae3;*/
	fill:#99FFFF;

}

.carousel_item a:hover svg {
	opacity:1;
}


.carousel_item a:hover+img {
	filter: drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1));
	transform: scale(1.05);
}

.coming_date {
	font-size:1.25em;
	text-align:center;
	color:white;
	margin:10px 0 0 0;
}

.carousel_item>div:nth-child(1){
	/* top */
	position:relative;
}

.carousel_item>div:nth-child(2){
	/* img */
}

.carousel_item>div:nth-child(3){
	/* when */
}

.group_title {
	font-size:2rem;
	font-weight:700;
	height:3.75rem;
	position:relative;
	color:#9fd3ef;
	opacity:1;
}

.group_title_text {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	max-width: 100%;
	width: auto; 
	margin:0px 20px 20px 20px;
}

.carousel_left_control,
.carousel_right_control {
	cursor:pointer;
	position:relative;
}

.carousel_button {
	background-color:#0e183d;
	border:3px solid white;
	border-radius: 400px;
	padding:25px;

	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
	transform-origin:center;
	z-index:3;

	line-height:0;

	box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);

	transition: background-color .25s, box-shadow .25s;

}

.carousel_button:hover {
	background-color:#7bbceb;
	box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
	
}

.carousel_button svg {
	width:100%;
	height:auto;
	max-width:100px;
	display:block;
	margin:0;
	padding:0;

	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 

}


.carousel_left_control .carousel_button {
	right:-20px;
}

.carousel_right_control .carousel_button {
	left:-20px;
}


@media all and (max-width:600px) {
	.carousel_item {
		flex:1 1 200px;
		padding:0 10px;
	}

	.carousel_item img {
		height:175px;
		width:auto;
	}

	.group_title {
		font-size:1.5rem;
		height:2.5rem;
	}

	.group_title_text {
		top:6px;
		margin:0 10px;
	}


	.carousel_left_control,
	.carousel_right_control {
		flex:0 0 25px;
	}

	.carousel_viewport {
		height:260px;
	}

	.coming_date {
		font-size:1.25em;
		text-align:center;
	}
}


.bedtime_header {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color:#062e42;
	background-image: url(/wp-content/uploads/star_bkg.webp);
	background-size: cover;
	background-position: center center;
	position:relative;
	overflow:hidden;
}

.bed_hills {
	width:100%;
	height:auto;
	max-width:1920px;

	position:absolute;
	bottom:0;
	left:0;
}

.bedtime_top_img {
	width:100%;
	height:auto;
	max-width:1100px;
	display:block;
	margin:25px auto;
	position:relative;
}

.blur_overlay {
	backdrop-filter: blur(4px);
	webkit-backdrop-filter: blur(4px); /* for Safari */
}




@media all and (max-width:650px) {

	.carousel_left_control {
		display:none;
	}
	.carousel_right_control {
		display:none;
	}

	.carousel_swipe_hint_overlay {
		display:block;
	}

	
}