/* COLORS */
:root{
    --nav-color: white;
    --text-color: black;
    --main-color: #099a25;
    --hover-color: #076d1b;

}
.material-icons{ /* hamburger icon */
    color: black;
}
body{
    flex-wrap: wrap;
    display: flex;
    min-height: 100vh;
} 
nav{
    background-color: var(--nav-color);
    min-width: 1500px;
    height: 120px 
}
nav ul a{
    color: var(--text-color);
}
#nav-options{
    margin-right: 20%; /*original 25% */
    margin-top: 30px;
}
.card-panel{
    margin-top: 64px;
    opacity: 0.9;
}
.carousel-item img{
    height: 100%;
    width: 100%;
}
.page-footer{
    background-color: var(--nav-color);
    /* position: absolute; */
    align-self: flex-end;
    width: 100%;
    height: auto;
    bottom: 0px;
}
.imgrosario{
    height: 120px;
}
.sidenav{
    background-color: var(--nav-color);
}
.sidenav li a{
    color: var(--text-color);
}
.sidenav li:hover{
    color: white;
    background-color: var(--hover-color);/*blue*/
    transition: 0.3s ease-in-out;
}
.carousel{
    background-color: #eceff1; /*blue-grey lighten-5*/
    width: 100%;
}
#btnScrollToTop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--main-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
}
#btnScrollToTop:active{
    background-color: var(--nav-color);
}
@media (max-width: 993px){
    .imgrosario{
        display: none;
    }  
}




/* Edgar Ivan Villalobos Reza  */