/*
Theme Name: Wux Blog Theme - Child
Template: wux-blogs
Description: A child theme for the Wux Blogs theme
Author: Wux B.V.
Author URI: https://wux.nl/
Version: 1.0.0
Text Domain: wux-blogs-child
*/

:root {
    --clr-dark: #17324d;
    --clr-dark-rgb: 23, 50, 77;
    --clr-light: #f5f2eb;
    --clr-light-rgb: 245, 242, 235;
    --clr-heading-dark: #ffffff;
    --clr-text-dark: #f4f4f4;
    --header-bg-clr: #ffffff;
    --footer-bg-clr: #f5f2eb;
    --radius--small: 6px;
    --radius: 10px;
    --radius--large: 16px;
    --header-logo-width: 4.8rem;
    --footer-logo-width: 4.8rem;
}

.navigation-logo,
.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: var(--clr-heading);
    text-decoration: none;
}

.navigation-logo img,
.wpb-footer .footer-logo img {
    width: 4.8rem;
    height: 4.8rem;
    flex: 0 0 auto;
    object-fit: contain;
}

.brand-wordmark {
    color: inherit;
    font-family: var(--font-secondary, sans-serif);
    font-size: clamp(1.8rem, 2vw, 2.4rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    white-space: nowrap;
}