/* body {
    background-color: black;
} */

#header {
    background-color: #fff;
}

a, .text-blue {
    color: #25518e;
}

.text-alternative {
    color: #ebebeb;
}

h3 {
    color: #a5aecb;
}

.lead {
    color: #222a39;
}

a:hover {
    color: #a5aecb;
}

h2, .text-darkblue {
    color: #25518e;
}

.navbar .nav-pills .nav-link.active, .navbar .nav-pills .nav-link:focus {
    color: #fff;
}

.navbar.navbar-light .nav-pills .nav-link.active, .navbar.navbar-light .nav-pills .nav-link:focus {
    color: #a5aecb;
}

.navbar.navbar-light .nav-pills .nav-link.contact-link {
    background-color: #a5aecb;
    color: #fff;
    font-weight: 600;
}

.navbar.navbar-light .nav-pills .nav-link.contact-link.active {
    color: #25518e;
}


::selection {
  color: #FFF;
  background-color: #50a8d4;
}

.btn-blue {
    color: white;
    background-color: #25518e;
}
.btn-blue:hover {
    color: white;
    background-color: #a5aecb;
}

.text-lightgray {
    color: #e0e0e0;
}

#hero-home {
    background-image: url('../img/pages/home/hero.jpg');
    background-repeat: no-repeat;
    background-position: center center;

    height: 100vh;
    align-content: center;
}

#hero-nettoyage {
    background-image: url('../img/pages/nettoyage/hero.jpg');
    background-repeat: no-repeat;
    background-position: center center;

    /* height: 100vh; */
    align-content: center;
}


#hero-peinture {
    background-image: url('../img/pages/peinture/hero.jpg');
    background-repeat: no-repeat;
    background-position: center center;

    /* height: 100vh; */
    align-content: center;
}

#hero-couverture {
    background-image: url('../img/pages/couverture/hero.jpg');
    background-repeat: no-repeat;
    background-position: center center;

    /* height: 100vh; */
    align-content: center;
}




.shortcuts-container {
    display: none;

    background-color: #25518e; 
    position: fixed;
    right: 0px;
    top: 25%;
    z-index: 990; 
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;

    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    -webkit-box-shadow: 6px 5px 15px -9px #000000; 
    box-shadow: 6px 5px 15px -9px #000000;
}

.shortcuts-container .shortcut {
    display: block;
    padding: 10px 20px;
}

.footer-link {
    color: #a5aecb;
}

.footer-link:hover {
    color: white;
}



@media (min-width: 768px) {
    .shortcuts-container {
        display: block;
    }
}


@media (max-width: 991.98px) {
    .navbar-expand-lg.navbar-dark .navbar-nav {
        background-color: #25518e;
    }
}