/*
Theme Name: Music Lite Child
Template: music-lite
*/
@import url('https://fonts.googleapis.com/css?family=Oswald');

body {
	font-family: 'Oswald', sans-serif;
}
.sidr li a {
    text-transform: uppercase !important;
}
#side-menu{
	background:none;
    border: none;
    font-size: 30px !important;
	text-align:right;
	top:18%;
}
.social-icons li{
	border:none;
}
#nav-bar .row {
	border-bottom: none;
	position: fixed;
    bottom: 6%;
    right: 5%;
}

a img {
	border: none;
}
a, a:link, a:visited {
	color: #eaeaea;
	text-decoration: none;
	word-wrap: break-word;
}
a:focus, a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

.mute {
margin: 0 auto;
z-index: 999999999999;
bottom: 0;
margin-bottom: 35px;
position: fixed;
left: 5%;
opacity: 0.5;
}

.mute:hover {
margin: 0 auto;
z-index: 999999999999;
bottom: 0;
margin-bottom: 35px;
position: fixed;
left: 5%;
opacity: 1;
}

.music-lite-home-page .feature-img.banner-img {
display: none;
}

.content {
top: 45px;
}

.footer.music-lite-bg-dark {
display: none;
}

#nav-bar.music-lite-bg-dark {
    background: rgba(0, 0, 0, 0) !important;
    border: none;
}

.admin-bar.music-lite-home-page #nav-bar {
    margin-top: 32px;
    background: rgba(0, 0, 0, 0) !important;
    border: none;
}

.banner-img {
opacity: 0;
    /*display: none !important;*/
} 

#nav-bar {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

#wrapper .post-area {
    background: rgba(0, 0, 0, 0.3) !important;
}

.video-bg-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
}

/* Media queries to keep aspect ratio over different devices */
@media (min-aspect-ratio: 16/9) {
    .bg-video {
        height: 300%;
        top: -100%;
    }
}
@media (max-aspect-ratio: 16/9) {
    .bg-video {
        width: 300%;
        left: -100%;
        max-width: initial; /* reset for some themes that have predefined widths for <video> elements */
    }
}
/* Replace video with image on mobile devices */

@media all and (max-width: 767px) {
    .video-bg-container {
        background: url('poster.jpg') no-repeat 50% / cover;
    }
    .bg-video {
        display: none;
    }
    .mute {
    /*display: none; */
}
/* Mobile Setup */
#side-menu,
.icon-menu-close,
button.menu-toggle {
	display: none;
}
} 

#media_image-3 {
	text-align: center;
	margin-top: 150px;
}

#media_image-4 {
	text-align: center;
	margin-top: 50px;
}

#media_image-5 {
	text-align: center;
	margin-top: 15px;
	width: 150px;
	margin: 0 auto;
}