:root{
    --primary:  #920086;
    --secondary: #0097bd;
    --hover : #009a04;
    --dark : #252525;
}

.hero-header {
    min-height: 20rem;
	height: 50vh; 
    background: url('/img/header.jpg') center/cover no-repeat;
}

.header-transparent {
    background: #25252533;
    transition: background-color 0.3s ease;
}

.header-solid {
    background-color: var(--dark);
}


header, header a, .nav-link, .nav-link:hover, .nav-link.active, .nav-link:focus, .navbar-toggler-icon{
    color: white;
}

.nav-link{
    background: var(--secondary);
}

.nav-link:hover{
    background: var(--hover);
}

.nav-link.active{
    background-color: var(--primary) !important;
}

.nav-link:focus{
    border:white;
}

.nav-link:focus-visible{
    box-shadow: 0 0 0 .1rem white;
}

.navbar-toggler-icon{
    background: var(--primary);
}

h1, h2, h3, h4, h5{
    color: var(--primary);
}

a{
    color: var(--secondary);
}

a:hover{
    color: var(--hover);
}

.subtitle, .subtitle h1, .subtitle h2, .subtitle h3, .subtitle h4, .subtitle h5{
    color: white;
}