
body.light-mode {
    background: white;
}


.navbar a.light-mode {
    color: black;
}

.navbar a.light-mode:hover {
    color: black;
    border-bottom: .1rem solid black;
}
.header.light-mode .navbar.active {
    
    background: white;
}
.header.light-mode .navbar-links.active {
    color:black;
    border-bottom: .1rem solid black;
    
    
}

.header.light-mode {
    background: white;
    border-bottom: .15rem solid black;
    position: fixed;
}

/* .logo .header-logo.light-mode {
    content: url("/images/logowhite.png");
    background-size: cover;


} */

.content h6.light-mode {
    color: black;
}

.content p.light-mode {
    color: black;
    font-weight: 300;
}

.home.light-mode {
    background: url(../images/whitebackgroundguitar1.jpg) no-repeat;

    background-size: cover;

}

@media screen and (max-width:991px) {
    /* .home.light-mode {
        background: url(../images/gitar2-removebg-preview.png) no-repeat;
        

    } */
    .home.light-mode {
        min-height: 80vh;
        
        align-items: center;
        background: linear-gradient(rgba(0, 0, 0, 0.0),
                rgba(0, 0, 0, 0.0)),
            
            url(../images/GrandPianoLowOpacity.jpg) no-repeat;
            




        background-size: cover;
        background-position: center;
        
        
    }
    
    .home .content h6.light-mode, .home .content p.light-mode{
      font-weight:500; 
      
    }

}

.gallery-items span.light-mode {





    /* color: #007bff; */
    color: black;
    border-radius: 50px;
    /* border: 2px solid #007bff; */
    border: 2px solid black;
    transition: all 0.3s ease;
}

.gallery-items span.light-mode.active,
.gallery-items span.light-mode:hover {
    color: white;
    background: rgba(0, 0, 0, 0.9);

}

.heading.light-mode {
    color: black;
}

.gallery .box-container img.light-mode {

    border: 1px solid black;

    /* height:30px;
    width:40px; */
}

.footer.light-mode {
    background: rgba(205, 205, 205, 0.721);

}

.about .row.light-mode {
    /* background: rgba(128, 128, 128, 0.859) */
    background: rgba(205, 205, 205, 0.721)
}

.about .content h3.light-mode,
.about .content p.light-mode {
    color: black;
}

#transition-border.light-mode {
    position: relative;
    /* top:25px; */
    /* border-bottom: .1rem solid black; */


}

h5.heading.light-mode , h5.heading span.light-mode{
    color:black;
    
}
h5.heading, h5.heading span{
    font-weight:500;
    
}
.footer .share a.light-mode{
    
    
    color: black;
    
    border : .15rem solid black;
    border-radius:50%;
   
   
}
.footer .share a.light-mode:hover {
    color:white;
    background-color: black;
  
    
}
.credit.light-mode{
    color:black;
    font-weight: 300;

}
.credit span.light-mode{
    font-weight: 400;

}
.about .heading , .gallery .heading {
    font-weight:350;
}
#menu-btn.light-mode ,#menu-btn.light-mode:hover {
color:black;
}
.logo-text.light-mode{
    color:black;
}




/* .header .navbar a.light-mode:hover {
    color: var(--main-color);
    border-bottom: .1rem solid var(--main-color);
    padding-bottom: .5rem;
} */