/* Menu Style */
#menu-festival-menu li{
	padding: 0px;
}
#menu-festival-menu li a{
	padding-left: 30px;
	padding-right: 30px;	
}
#menu-festival-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
}
#menu-festival-menu li:hover > a span{
	/* color: #fff; */
}
#menu-festival-menu li a.fusion-bar-highlight{
	border-top: none !important;
}
#menu-festival-menu li ul.sub-menu{
	border-top: none !important;
	/* margin-top: -10px; */
	background-color: rgba(0, 0, 0, 0);
	width: auto;  /* make sub-menu width to the same as parent width */
}
#menu-festival-menu li ul.sub-menu li ul.sub-menu{
	left: 100%; /* fix third level sub-menu position issue due to 100% width */
	min-width: 200px;
}
#menu-festival-menu li ul.sub-menu:before{
	/* content: ' ';
	height: 10px;
	width: 100%;
	display: block;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #F68C10;
	background-color: #fff; */
}
#menu-festival-menu li ul.sub-menu:after{
	/* content: ' ';
	height: 10px;
	width: 100%;
	display: block;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #fff; */
}
#menu-festival-menu li ul.sub-menu a{
	background-color: #fff;
}
#menu-festival-menu li ul.sub-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
	/* color: #fff; */
}
#menu-festival-menu li ul.sub-menu ul.sub-menu a{
	background-color: #fff;
}
#menu-festival-menu li ul.sub-menu ul.sub-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
	/* color: #fff; */
}
#menu-festival-menu > li:has(.sub-menu) > a:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f078";
	margin-left: 10px;
	font-size: 14px;
	color: #000;
}
#menu-festival-menu .menu-text{
	color: #000;   
	font-weight: 500;
	font-size: 14px;
}

/*
 * Festival Home
 */

/* Homepage Header and Menu */
body.page-id-7291 #menu-small-top-menu li:hover > a{
	background-color: #F68C10;
	color: #fff;
}
body.page-id-7291 #menu-small-top-menu li:hover > a:after{
	color: #fff;
}
body.page-id-7291 #menu-small-top-menu li ul li:hover > a{
	background-color: #F68C10;
	color: #fff;
}
body.page-id-7291 .fusion-header{
	position: absolute;                   /* Make menu overlay the homepage banner by using absolute position */
	width: 100%;                          /* menu will not be 100% width in absolute position, so need this to change back the menu to full width */
	background-color: rgba(0, 0, 0, 0); /* make overlay menu transparent */
	z-index: 1;                           /* lower down the z-index level so that the small top menu dropdown menu can be seen */
}
body.page-id-7291 header.fusion-header-wrapper.fusion-is-sticky .fusion-header{
	top: 0 !important;                    /* Fix scroll fix after updated the menu to absolute position */
}
body.page-id-7291 header.fusion-header-wrapper .fusion-header{
	top: auto !important;                 /* Fix scroll fix after updated the menu to absolute position */
}

/* homepage menu overlay the banner */
body.page-id-7291 .fusion-header #menu-festival-menu .menu-text{
	color: #fff;   
}
body.page-id-7291 .fusion-header #menu-festival-menu > li:has(.sub-menu) > a:after{
	color: #fff;   
}
body.page-id-7291 .fusion-header #menu-festival-menu li:hover a{
	background-color: rgba(0, 0, 0, 0.5);
}
body.page-id-7291 .fusion-header #menu-festival-menu li:hover > a{
	background-color: rgba(246, 140, 16, 0.9);
	color: #fff;
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu{
	margin-top: 0px;
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu:before{
	display: none;
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu:after{
	background-color: rgba(0, 0, 0, 0.5);
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu li a span{
	color: #fff;   
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu li:hover > a{
	background-color: rgba(0, 0, 0, 0.9);
	background-color: rgba(246, 140, 16, 0.9);
	color: #fff;
}
body.page-id-7291 .fusion-header #menu-festival-menu li ul.sub-menu ul.sub-menu li:hover > a{
	background-color: rgba(0, 0, 0, 0.9);
	background-color: rgba(246, 140, 16, 0.9);
	color: #fff;
}

/* homepage menu after scroll down */
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu .menu-text{
	color: #000;   
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu > li:has(.sub-menu) > a:after{
	color: #000;   
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li a{
	background-color: #fff;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
	background-color: #F68C10;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li:hover > a span{
	color: #fff;
	/* color: #000; */
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu{
	/* margin-top: -10px; */
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu:before{
	display: block;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu:after{
	background-color: #fff;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu li a span{
	color: #000;   
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu li:hover > a span{
	color: #fff;
	color: #000;   
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu ul.sub-menu li:hover > a{
	background-color: #f2f3f5;
	background-color: #F68C10;
	background-color: #E3D1D1;
}
body.page-id-7291 .fusion-header.fusion-sticky-shadow #menu-festival-menu li ul.sub-menu ul.sub-menu li:hover > a span{
	color: #fff;
	color: #000;   
}

.overlay-video-text{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.overlay-video-text h2{
	margin-bottom: 10px;
}

.count-down-align-left .fusion-countdown-counter-wrapper{
	justify-content: flex-start;
}

.count-down-align-left .fusion-dash-days{
	padding-left: 0px;
}

.count-down-align-left *{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

@media only screen and (max-width: 640px) {

	.video-banner-row{
		justify-content: space-between;
	}

	.left-block{
		order: 2;
		padding: 15px;
	}

	.right-block{
		order:1;
		padding: 15px;
		padding-bottom: 0px;
	}

	.right-block h3 span{
		font-size: 32px !important;		
	}
		
	.right-block h2 span{
		font-size: 42px !important;		
	}
	
	.right-block h1 span{
		font-size: 52px !important;		
	}

}

/* update button color */
a.button-flat, button.button-flat {
	background-color: #F68C10 !important;
}

ul#menu-festival-menu li.menu-item-home:hover a{
	background-color: #722311 !important;
}

/* add some shadow to the parade registration block */
body.page-id-7291 .left-block .fusion-column-has-shadow{
	box-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}