:root{
    --ff-manrope: 'Manrope', sans-serif;
    --raisin-black: hsla(216, 14%, 14%, 1);
}

body {
    min-height: 100vh;
}

html {
    font-family: var(--ff-manrope);
    scroll-behavior: smooth;
  }
/*============================
         NavBar
=============================*/
.logo-light {
    filter: brightness(0);
  }

.container-fluid{
    padding: 15px;
    background-color: #fff;
    max-width: 1400px;
    min-height: 75px;
}
.navbar .nav.navbar-nav.navbar-right li a {
    color: var(--raisin-black);
    font-family: var(--ff-manrope);
    gap: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 700;
}
.navbar .nav.navbar-nav.navbar-right li a:is(:hover, :focus-visible){
    background-color: white;
    text-decoration: underline;
}
  .container-fluid button span{
    background-color: var(--raisin-black);
}
.container-fluid button{
    margin-top: 15px;
}
  
/*=============================== 
        Gallery 
=================================*/

.container.gallery-container {
    background-color: #fff;
    color: var(--raisin-black);
    min-height: 100vh;
    margin-top: 75px;
}


.gallery-container h1 {
    text-align: center;
    font-family: var(--ff-manrope);
    font-size: 6rem;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}