/*** Body CSS */
body {
    background: var(--site-background);
    color: var(--site-color);
}

/*** Header CSS */
header {
    background: var(--header-background);
    color: var(--header-color);
    font-family: var(--header-font-family);
    text-transform: var(--header-text-transform);
    font-size: var(--header-font-size);
    line-height: var(--header-line-height);
}

header .navbar {
    padding: var(--header-padding);
    border-bottom: var(--header-border-width) solid var(--header-border-color);
}

header .navbar .navbar-nav .nav-link {
    padding: var(--header-item-padding);
    margin: var(--header-item-margin);
    color: inherit;
}

header .navbar .navbar-nav .nav-link:hover {
    color: var(--header-hover-color);
}

@media(max-width: 991px) {
    body .navbar-nav {
        background: var(--header-background);
        color: var(--header-color);
    }

    body .navbar-icons a {
        color: var(--header-color);
    }
}