@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');

body {
    font-family: Outfit, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
}

nav {
    background-color: white;
    font-size: 1.35rem;
}

.nav-link.active {
    color: firebrick !important;
    border-bottom: firebrick 2px solid !important;
}

.nav-link {
    border-bottom: 2px solid transparent;
    color: black;
}

.nav-link:hover {
    color: firebrick !important;
    border-bottom: firebrick 2px solid !important;
}

.navbar-toggler {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

section h1,h2, h3, h4, nav ul li, .quintessential, .card-title {
    font-family: Quintessential, serif;
    color: firebrick;
    font-weight: bold;
}

section {
    padding: 20px;
}

.text-primary{
    color: firebrick !important;
}

.text-primary:hover{
    color: black !important;
}

footer{
    background-color: firebrick;
    padding: 20px;

    font-size: 1rem;
}

footer h4 {
    font-family: Quintessential, sans-serif;
    color: white;
    font-weight: bold;
}

footer ul li a {
    color: white;
    text-decoration: none;

}

footer ul li a:hover {
    color: black;
}

.btn-red-inline {
    background-color: firebrick;
    border-color: firebrick;
    color: white;
    transition: all 0.2s;
}

.btn-red-inline:hover,
.btn-red-inline:focus,
.btn-red-inline:active,
.btn-red-inline.active,
.show > .btn-red-inline.dropdown-toggle {
    background-color: white !important;
    border-color: firebrick !important;
    color: firebrick !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-black-inline {
    background-color: black;
    border-color: white;
    color: white;
    transition: all 0.2s;
}

.btn-black-inline:hover,
.btn-black-inline:focus,
.btn-black-inline:active,
.btn-black-inline.active,
.show > .btn-black-inline.dropdown-toggle {
    background-color: white !important;
    border-color: black !important;
    color: black !important;
    box-shadow: none !important;
    outline: none !important;
}

.contact {
    color: black;
}

.contact:hover {
    color: firebrick;
}