/*
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");

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ --lh: 1; font-weight: 400; letter-spacing: .025em; }
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) strong{ font-weight: 400; color: var(--clr-primary); }

h1, .h1 { --fs: clamp(4rem, 4vw, 5.4rem); word-break: break-word; hyphens: auto; }
h2, .h2 { --fs: clamp(3rem, 3vw, 4.2rem); }

i[class*="fa-"]{ --clr-icon: var(--icon-clr); transition: background var(--wpb-timing) ease; }

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

.wpb-text p code{ display: block; padding: 1rem 1.5rem; border-radius: var(--wpb-br--small); border: 1px solid rgb(var(--clr-primary-rgb), .2); font-size: clamp(1.4rem, 1.3vw, 1.6rem); margin-top: .4em; }
.wpb-text p a{ transition: color var(--wpb-timing) ease; }
.wpb-text p a:hover{ color: var(--clr-primary); }

.btn.btn--tag{ --clr: var(--clr-primary); --hover-clr: rgb(var(--clr-primary-rgb), .6); --bg-clr: transparent; --hover-bg-clr: var(--bg-clr); --p: 0; border: none !important; min-height: auto; text-decoration: underline; }

.social-share-icons h3{ font-family: var(--wpb-font-primary); }

.wb-pagination :is(button.wb-prev, button.wb-next){ --bg-clr: var(--clr-dark); border-radius: 0; }

/* Cards */
.wpb-card--portfolio .wpb-card__body h3{ font-family: var(--wpb-font-primary); font-weight: 700; font-size: clamp(1.8rem, 2vw, 2.2rem); }
.wpb-card--category .wpb-card__body h3 i{ --clr: #FFF6; }

/* Header */
.wpb-header .wpb-breadcrumbs > span{ padding: .6rem 1.2rem; background-color: #fff2; width: fit-content; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); margin-bottom: 2.4rem; }
.wpb-header.wpb-header--home{ background: linear-gradient(to bottom, var(--clr-primary), var(--clr-primary) 1rem, var(--clr-dark) 1rem, var(--clr-dark)); }
.wpb-header.wpb-header--home.wpb-var--articles h1{ --fs: clamp(3.2rem, 4.5vw, 7.4rem); }
.wpb-header.wpb-header--home .wpb-articles-group{ --gap: 1.2rem; }
.wpb-header.wpb-header--home .wpb-articles-group > *:not(:first-child) .badge span{ display: flex; }
.wpb-header.wpb-header--home .wpb-articles-group .wpb-card__title{ font-size: clamp(1.8rem, 2vw, 2.4rem); text-wrap: balance; }
.wpb-header.wpb-header--home .wpb-articles-group > *:first-child .wpb-card__title{ font-size: clamp(2.4rem, 3vw, 3.8rem); }

.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: 56rem; --h: 32rem; }
}

body.archive.tag .wpb-header--subpage{ background: linear-gradient(to right bottom, var(--clr-primary-hover), var(--clr-primary)); }
body.archive.tag .wpb-header--subpage .wpb-breadcrumbs > span{ background-color: transparent; border: 2px solid #fff2; }


/* Blocks */
.wpb-block .wpb-text p{ font-size: clamp(1.5rem, 1.5vw, 1.8rem); opacity: .8; }
.wpb-block--carousel .wpb-section__header .wpb-text{ max-width: 72rem; }
.wpb-block--carousel .wpb-section__header .wpb-text h2{ text-wrap: pretty; }


.has-background-image::after{ border-top: 1rem solid var(--clr-primary); background: linear-gradient(50deg, rgb(var(--clr-dark-rgb), .8), rgb(var(--clr-dark-rgb), .4) 40%, transparent); }
section.wpb-blog-content,
section.wpb-archive, 
.wpb-contact,
body.page-template-default .wpb-pagewrapper > *:has(+ .wpb-footer){ border-bottom: .2rem solid var(--clr-border); }

.wpb-blog-content .content .btn-group:has(.btn--tag){ border-top: 0; padding-top: 0; padding-bottom: 4.8rem; }

.wpb-footer .wpb-footer-menu li a{ font-family: var(--wpb-font-secondary); font-size: clamp(1.6rem, 2vw, 2rem); align-items: center; }
.wpb-footer .wpb-footer-menu li a i{ transition: transform var(--wpb-timing) ease; }
.wpb-footer .wpb-footer-menu li a:hover i{ transform: rotate(-45deg); }


/* Media queries */
@media (min-width: 992px){
    .wpb-navigation .wpb-collapse__body > .wpb-menu > *:first-child{ display: none; }
    .wpb-header.wpb-header--home.wpb-var--articles .container{ --col-1-w: 36rem; }
    .wpb-block--categories .wpb-section__body .container{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .wpb-block--categories .wpb-section__body .container > *{ grid-column: span 2; }
    .wpb-block--categories .wpb-section__body .container > *:is(:nth-child(1), :nth-child(2)){ grid-column: span 3; }
}
@media (min-width: 1200px){
    .wpb-header.wpb-header--home.wpb-var--articles .container{ --col-1-w: 48rem; }
}
@media (min-width: 1400px){
    .wpb-header.wpb-header--home.wpb-var--articles .container{ --col-1-w: 64rem; gap: 8rem; }
}


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


/* Inhoudsopgave */
.wpb-inhoudsopgave .wpb-article-index .index a{ gap: 1rem; text-decoration: none; align-items: center; }
.wpb-inhoudsopgave .wpb-article-index .index a .wpb-icon-wrapper{ --size: 2.8rem; width: var(--size); height: var(--size); min-width: var(--size);  }
.wpb-inhoudsopgave .wpb-article-index .index a:hover { --icon-clr: #FFF; }
.wpb-inhoudsopgave .wpb-article-index > .index + .index{ margin-top: .6rem; }