.navbar{
    background-color: #fff;
    border-bottom: 1px solid #d6b469;
}

.navbar-brand img{
    max-height: 50px;
    max-width: 250px;
}

.navbar .navbar-nav .nav-item.active{
    color: #d6b469;
}


/*  SPOTLIGHT */
.spotlight .carousel-item img{
    width: 100%;
    height: calc(100vh - 65.88px);
}

.spotlight .carousel-caption :not(.btn){
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}



/*  PAGE NAVIGATION */
.page-navigation{
    background-color: #d6b469;
    color: #fff;
}

.page-navigation a{
    color: #fff;
    border-bottom: 2px solid transparent;

    -webkit-transition: border-color 1s ease;
    -moz-transition: border-color 1s ease;
    -o-transition: border-color 1s ease;
    -ms-transition: border-color 1s ease;
    transition: border-color 1s ease;  
}

.page-navigation a:hover{
    color: #ddd;
    border-bottom: 2px solid transparent;
}

.page-navigation a.active{
    border-bottom: 2px solid #fff;
}