/*
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.3;
}

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);
}

a{
    color: #1C1817;
}

/* 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;
}

.archive-intro {
    max-width: 800px;
    font-size: 1.1rem;
}

.selection-committee-archive {
    color: var(--color-primary);
}

.selection-committee-card {
    color: var(--color-primary);
}

.selection-committee-image img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

.selection-committee-name {
    font-size: clamp(2.4rem, 4vw, 4rem);
    line-height: 0.9;
    margin-bottom: 0.25rem;
}

.selection-committee-job-title {
    font-size: 1.2rem;
    line-height: 1.25;
    margin-bottom: 1rem;
}

.selection-committee-description {
    font-size: 1rem;
    line-height: 1.35;
}

@media (max-width: 767px) {
    .selection-committee-name {
        font-size: 2.5rem;
    }
}

.single-post-navigation {

    margin-top: 60px;


    .navigation-line {

        width:100%;
        height:1px;
        background-color:#1C1817;
        margin-bottom:20px;

    }


    .navigation-buttons {

        display:flex;
        justify-content:space-between;
        align-items:center;


        a {

            color:#1C1817;
            text-decoration:none;
            font-size:16px;

        }


        .navigation-next {

            text-align:right;

        }

    }

}
.featured-artist-full-width {

    width:100vw;

    position:relative;

    left:50%;

    right:50%;

    margin-left:-50vw;

    margin-right:-50vw;


}



.featured-artist {


    background-color:#1C1817;

    width:100%;


    color:#FDF9F0;



    h2 {

        color:#FDF9F0;

    }


    p {

        color:#FDF9F0;

    }



    img {

        width:100%;

        height:auto;

        object-fit:cover;

    }



    .featured-artist-button {

        display:flex;

        justify-content:flex-end;

        margin-top:25px;



        a {

            background:#FDF9F0;

            color:#1C1817 !important;

            padding:5px 30px;

            text-decoration:none;


        }

    }

}

.single-program,
.single-artist {


    h1 {
        margin-bottom:3rem;
    }



    .program-intro,
    .artist-intro {

        font-size:1.1rem;
        line-height:1.7;

    }



    img {

        object-fit:cover;

    }



    .program-content,
    .artist-content {

        margin-top:4rem;

    }


}
.open-call-navigation {

    border-top:1px solid #1C1817;

    padding-top:20px;

    display:flex;

    justify-content:space-between;

    align-items:center;


    .open-call-previous,
    .open-call-next {

        width:50%;

    }


    .open-call-next {

        text-align:right;

    }


    a {

        color:#1C1817;

        text-decoration:none;

        display:inline-flex;

        gap:10px;

        align-items:center;

    }



    .nav-divider {

        opacity:.5;

    }

}

.rp-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:8px 25px;

    background:#1C1817;

    color:#FDF9F0 !important;

    text-decoration:none;

    border:none;
    margin-top: 20px;
}

/* Menu sizing and plus-button spacing now live with the block, in
   src/myheader/style.scss — the submenu font-size is a clamp() and the plus
   sits inline beside the title, so the two overrides that used to be here
   (a 1.5rem mobile font-size and a 20px margin-bottom) were removed. */