/*
--------------------------
RESPONSIVE NAV BURGER MENU
--------------------------
*/


/* STYLES ONLY APPLIED TO MOBILE AND TABLET SIZES */

@media (max-width: 991px) {
	
	/* The Overlay (background) */
	.overlay {
		/* Height & width depends on how you want to reveal the overlay (see JS below) */    
		width: 100%;
		height: 0%;
		position: fixed; /* Stay in place */
		z-index: 1080; /* Sit on top */
		top: 0;
		left: 0;
		bottom:0;
		right:0;
		background-color: rgb(51,51,51); /* Black fallback color */
		/*background-color: rgba(0,0,0, 0.9);*/ /* Black w/opacity */
		overflow-y: auto; /* Disable horizontal scroll */
		overflow-x: hidden; /* Disable horizontal scroll */
	
		-webkit-transition:  all 0.1s ease-in-out;
		-moz-transition:  all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	
	/* Position the content inside the overlay */
	.overlay-content {
		position: relative;
		top: 25%; /* 25% from the top */
		width: 100%; /* 100% width */
		text-align: center; /* Centered text/links */
		margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	}
	
	/* Position the close button (top right corner) */
	.closebtn {
		position:fixed;
		top:-27px;
		/*top:16px;*/
		right:27px;
		z-index:1100;
		opacity:0;
		transform:rotate(-90deg);
	
		-webkit-transition:  all 0.2s ease-in-out;
		-moz-transition:  all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.closebtn a {
		color:#fff;
		text-decoration:none !important;
	}
	.closebtn a:hover {
		text-decoration:none !important;
	}
	
	.closebtn-visible {
		top:16px;
		opacity:1;
		transform:rotate(0deg);
	}
	
	.openbtn-hide {
		opacity:0 !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}


/* FIXES FOR LOOSE ENDS AND IRREGULARITIES AT LARGER SIZES */

@media (min-width: 992px) {
	.closebtn {
		display:none;
	}
}