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

@import url("../wux-blogs/style.css");


:is(h1, h2, h3, h4, h5){ font-weight: 500; }

h1, .h1{ --fs: clamp(4rem, 3.5vw, 5.4rem); }


.badge.badge--primary{ --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-secondary-hover); }

.wpb-navigation .logo img{ width: 14rem; }
.wpb-navigation__collapse .wpb-collapse__footer .btn{ --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-secondary-hover); }

@media (min-width: 1200px) {
    .wpb-navigation .logo img { width: 18rem; }
}

.wpb-header.wpb-header--subpage:is(.wpb-bg-clr--primary, .wpb-bg-clr--dark, .has-background-image)::before{ --w: 34rem; --h: 34rem; opacity: .2; filter: invert(0); }

@media(min-width: 992px) {
    .wpb-header.wpb-header--subpage:is(.wpb-bg-clr--primary, .wpb-bg-clr--dark, .has-background-image)::before{ --w: 48rem; --h: 48rem; }
}


/* Sidebar fix */
.wpb-blog-content .sidebar .wp-block-group .wp-block-heading{ --fs: clamp(2.2rem, 2vw, 2.8rem); padding-bottom: 1.2rem; }
.wpb-blog-content .sidebar .wp-block-group ul{ padding-left: 0; margin-left: .2rem; display: flex; flex-direction: column; gap: 1rem; }
.wpb-blog-content .sidebar .wp-block-group ul li{ margin-left: 1.8rem; line-height: 1; }
.wpb-blog-content .sidebar .wp-block-group ul li a{ line-height: 1.2; font-size: clamp(1.5rem, 1.5vw, 1.7rem); opacity: .8; }