/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* The Youtube Modal (background) */
.ytmodal {
	display: none;/* Hidden by default */
    justify-content:center;
    align-items:center;
    position: fixed; /* Stay in place */
	z-index: 99999 !important; /* Sit on top */
	padding-top: 30px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}
  
/* Youtube Modal Content */
.ytmodal-content {
	background-color: #fefefe;
    position: relative;        
    justify-content: center;
    overflow: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 300px; 
	height: 630px; 
	margin: auto;
	padding: 5px;
	border: 1px solid #888;
}

/* The Youtube Modal Close Button */
.ytclose {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.ytclose:hover,
.ytclose:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}