/*
Theme Name: Rotterdam Photo
Description: Custom WordPress theme for Rotterdam Photo, with bespoke blocks and Bootstrap styling.
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rotterdamphoto
*/

:root {
    --color-primary: #1C1817;
    --color-light: #FDF9F0;
    --font-size-base: 1.125rem;
    --line-height-base: 1.6;
}

body {
    font-family: 'GT Super', sans-serif;
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-primary);
    background-color: var(--color-light);
}

/* Nav modal coloring */
.navigation-modal {
    background-color: var(--color-light);
}

/* Header color styling */
.header.hamburger-menu-button {
    --bg: var(--color-primary);
}

.hamburger-menu-button.inverted {
    --bg: var(--color-light);
}

/* Footer color styling */
footer.site-footer,
footer.bg-light {
    background-color: var(--color-primary) !important;
    color: var(--color-light) !important;
}

footer .nav-link,
footer .social-text,
footer p {
    color: var(--color-light) !important;
    text-decoration: none;
}

footer .nav-item .nav-link {
    display: flex;
    align-items: center;
}

footer .nav-item .nav-link svg {
    margin-right: 8px;
    margin-bottom: 5px;
    fill: var(--color-light);
    transition: fill 0.3s;
}