* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 00; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {

}
.site-footer {
	background: #0b0b0b; 
}




/* ----------- Hide HEADER on VIP PAGE  ------------- */
.page-id-153 .video-background {
    display: none;
}


/* ----------- Mobile Menu Title  ------------- */

.mble_tphd {
	display: flex;
	align-items: center;
}
.mble_logo {
    width: auto;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
	display: none;
}
.mble_logo p {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
    margin-left: -40px;
	display: none;
}
.mble_logo img {
	height: 60px;
	width: auto; 
	padding-right: 40px;
	display: none;
}

@media screen and (max-width: 900px) {
    .content {
    margin-top: 15px;
}
	.video-background .menu_overlay {
		background-color: transparent;
		border: 0px;
	}
	.video_title_overlay_small {
		width: 100%;
	}
	.video_title_overlay_small h1 {
		display: inline;
	}
}


/* ----------- Mobile Menu Extra Section ------------- */


#navigation.desktop {
    display: block;
}
#navigation.mobile_scn, .mob-mnu {
 display: none;
}
#navigation-mob, #dex {
 display: none; /* Initially hide the navigation menu */
}

#navigation-mob.show, #dex.show {
 display: block; /* Show the navigation menu when the 'show' class is present */
	   
}
 nav a#pullx {
    display: none;
}

@media (max-width: 900px) {
#navigation.desktop {
    display: none !important;
}

#navigation.mobile_scn {
    display: block;
}
	nav a#pullx {
		display: block;
	    text-decoration: none;
margin-top:2%;
	}
	a#pull:hover, a#pull:focus {
    background: none;
    color: #f0cb46;
}

	nav #pullx {
    padding: 0px 0px 15px 10px;
    width: 35px;
    height: 35px;
    font-size: 2em;
    color: #000;
}
	
	
	
	div#navigation.mobile_scn {
    position: absolute;
    z-index: 999;
    background: transparent;
}

	#navigation ul {
    position: relative;
    width: 100%;
	background-color: rgba(0, 0, 0, 0.9);
}
	
	.logo_img img {
    margin: 6% 0 3%;
}
	
	.socials_lnks a {
    width: 40px;
    display: inline !important;
		    margin: 3% 0 3%;

}
	
	
#navigation-mob ul {
    display: block;
	padding: 0 2%;
	    text-align: left;

}
	#navigation-mob ul a {
    font-size: 1.3em;
    color: #000;
    text-decoration: none;
    /* outline: none; */
    border: none;
}
	#navigation-mob li {
    margin: 7px 0;
    padding: 7px 0;
    border-bottom: 1px solid #000;
}
	#navigation-mob li ul li {
    border: none;
}

 .mob-mnu {
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 3% 5%;
  box-sizing: border-box;
  row-gap: 1em;
  text-align: center;
	 float: right;
	  opacity: 0;
    animation: fadeIn 1s ease-in both;
 }
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, 0%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	

}

 .logo_img img {
  height: 40px;
  width: auto;
 }
 .socials_lnks img {
  height: 40px;
  width: auto;
 }
 .txt {
  margin: 0;
  line-height: 1.2;
 }
}



.fallback-image {
    display: none; /* Hide the image by default */
    width: 100%; /* Make sure the image covers the div */
    height: auto;
}

/* Show video on desktop and hide fallback image */
@media screen and (min-width: 768px) {
    .video {
        display: block; /* Show video on desktop */
    }
    .fallback-image {
        display: none; /* Hide fallback image on desktop */
    }
}

/* Show fallback image on mobile and hide video */
@media screen and (max-width: 767px) {
    .video {
        display: none; /* Hide video on mobile */
    }
    .fallback-image {
        display: block; /* Show fallback image on mobile */
    }
}