@charset "UTF-8";

:root {
--bs-primary-rgb: transparent;
--bs-dark-rgb: 44, 62, 80;
--bs-secondary-rgb: 33, 37, 41;
}

body {
    background: black;
    background-image: url(../assets/img/grunge.jpg);
}

.masthead {
    padding-bottom: 0em;
}

.masthead .masthead-avatar {
    width: 17em;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    background-color: rgba(var(--bs-dark-rgb));
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    background-color: rgba(var(--bs-dark-rgb));
}

.footer, .copyright {
    background-color: rgba(var(--bs-secondary-rgb));
}

.page-section .page-section-subheading {
font-size: 1.5rem;
line-height: 3rem;
}
@media (min-width: 992px) {
    .page-section .page-section-subheading {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
}

.masthead .masthead-avatar {
    width: 15rem;
}
@media (min-width: 992px) {
    .masthead .masthead-avatar {
        width: 20rem;
    }
}

.masthead .masthead-cover {
    width: 20rem;
}
@media (min-width: 992px) {
    .masthead .masthead-cover {
        width: 25rem;
    }
}

.img-hover { 
    /* filter: grayscale(75%) brightness(95%); */
    filter: none;
}

.img-hover:hover { 
    /* filter: none; */
    filter: grayscale(20%);
}

/* Video Embed */
.video {
  max-width: 900px;   
  margin: 1rem auto;  
  aspect-ratio: 16 / 9;
}

.video iframe{
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  border-radius: 12px; 
}