/*
 * The <style> blocks the old Laravel header and footer printed inside <body>.
 * Loaded after every other stylesheet so they still win the same way.
 */

/* ---- header.blade.php ---- */
.lanscapevideo_xl{display: block;}
.lanscapevideo_lg{display: none;}
.lanscapevideo_md{display: none;}
.lanscapevideo_sm{display: none;}

@media screen and (max-width: 1400px) {
	.lanscapevideo_xl{display: none;}
	.lanscapevideo_lg{display: block;}
	.lanscapevideo_md{display: none;}
	.lanscapevideo_sm{display: none;}
}
@media screen and (max-width: 991px) {
	.lanscapevideo_xl{display: none;}
	.lanscapevideo_lg{display: none;}
	.lanscapevideo_md{display: block;}
	.lanscapevideo_sm{display: none;}
}
@media screen and (max-width: 575px) {
	.lanscapevideo_xl{display: none;}
	.lanscapevideo_lg{display: none;}
	.lanscapevideo_md{display: none;}
	.lanscapevideo_sm{display: block;}
}
@media screen and (max-width: 991px) {
	.lang_drop{position: absolute !important;top: 15px;right: 55px;}
}
.header_top_line{padding: 0.7rem 0.5rem;
	background-color: var(--gray_dark);
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.2rem;
	position: relative;
	z-index: 9999;
	width: 100%;
}
.code_text{display: flex;align-items: center;justify-content: center;text-align: center;gap: 0.2rem}
.header_top_line p{
	opacity: 0.7;text-align: center;
	font-size: var(--fs_sm);
	color: var(--white_color);
	margin: 0px 0 0rem 0;
}
.homemodal_body span{
	opacity: 0.7;
	font-size: var(--fs_sm);
	color: var(--white_color);
	margin: 0px 0 0rem 0;
}
.homemodal_body b{
	font-size: var(--fs_sm);
	color: var(--white_color);
	margin: 0px 0 0rem 0;
}
body header.scrolled{top: 0;}
.primary_link{
	font-size: 12px;
	text-decoration: underline;
	color: var(--white_color);
	margin: 0px 0 0rem 1rem;
}

/* ---- footer.blade.php ---- */
.contact_box{height: 100%;}
@media screen and (max-width: 991px) {
	.contact_canvas .offcanvas_inner {
		padding: 40px 20px;
	}
	.contact_box{
		flex-direction: column;gap: 3rem;
	}
	.contact_left_inner{min-width: 100%;}
}
.homeModal .modal-dialog {max-width:350px;margin: 0 auto;}
.homemodal_body .btn{width: 90%;}
.homemodal_body p{
	text-align: center;
	opacity: 0.7;
	font-size: var(--fs_sm);
	color: var(--white_color);
	margin: 0px 0 0.4rem 0;
}
.homemodal_body img{
	max-width: 200px;
	margin: 0 auto 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.homemodal_btns{display: flex;gap: 1rem;margin: 1.5rem 0 0 0;flex-wrap: wrap;justify-content: center;}
.homeModal .modal-body{padding: 2.5rem 2.5rem;position: relative;}
.homeModal .btn_close{position: absolute;top:0.6rem;right:0.6rem;}
.homeModal .btn_close{background-color: transparent;}
.white_link{
	font-size: var(--fs_xs);
	color: var(--white_color);
	margin: 0px 0 0rem 0;
	text-align: center;
}
@media screen and (max-width: 991px) {
	#homeModal .modal-body{padding: 2.5rem 1.5rem;}
}

/* ---- contact.blade.php ---- */
@media screen and (max-width: 1023px) {
	.contact_box.contact_box_screen{gap: 2rem;flex-direction: column;padding: 50px 15px;}
	.contact_box.contact_box_screen .contact_left_inner {max-width: 100%;min-width: 100%;}
}

/* ---- new: the week schedule is filtered in the browser ---- */
.lessons_daylist li[hidden]{display: none !important;}
.schedule_empty{padding: 2rem 0; text-align: center; color: var(--white_color); opacity: 0.7;}
