/*
	Custom CSS for VNtura
		
*/

/* Fix Font Awesome 6 */

.fa,
.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
/*  font-family: 'Font Awesome 6 Free'; }*/
  font-family: inherit; }

.fa-brands,
.fab {
 /* font-family: 'Font Awesome 6 Brands'; }*/
  font-family: inherit; }


/* Navigation Icons */
	#header nav > ul > li > a.icon {
		font-size: 1em;
		padding: 0 0.5em;
	}
/*




/* Coming Soon page */

/*
	.hidden {
		display: none;
	}
*/
	body.coming #main > header {
		padding: 12em 0 10em 0 ;
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/peter-nguyen-soYzQJvctKI-unsplash.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/peter-nguyen-soYzQJvctKI-unsplash.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/peter-nguyen-soYzQJvctKI-unsplash.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/peter-nguyen-soYzQJvctKI-unsplash.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	

/* Footer */

	.email {
		font-weight: 400;
	}
	
	
/* Vietnam Festival 2025 */

	body.vietfes #main > header {
		padding: 12em 0 10em 0 ;
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/aj-McsNra2VRQQ-unsplash.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/aj-McsNra2VRQQ-unsplash.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/aj-McsNra2VRQQ-unsplash.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/aj-McsNra2VRQQ-unsplash.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}

	.video-container {
	  position: relative;
	  overflow: visible;
	  width: 100%;
	  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}

	/* Then style the iframe to fit in the video-container div with full height and width */
	.responsive-iframe {
	  position: absolute;
	  top: 0;
	  left: 0.5em;
	  bottom: 0;
	  right: 0.5em;
	  width: 100%;
	  height: 100%;
	}