/* STYLESHEET */

/* FONTS ADDENDUM */

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

@import "css.css?v=20260914141158";
@import "fonts/fonts.css?v=20260914141158";

:root {
    --clr-brand:            #4a4947;
    --clr-highlight:        #C6B383;
    --clr-light:            #FFFFFF;
    
    --clr-background:       #4a4947;
    --clr-background-light: #eeedeb;
    

    --clr-txt:              #000000;

    --font-brand:           'Silka', 'Open Sans', Arial, sans-serif; 
    
    --box-shadow:           0 0 3px 1px  hsl(from var(--clr-brand) h s l / 40% );
    --basegap:              1rem;
    --basepadding:          1.5rem;    
}

@media only screen and (min-width: 992px) {
    * {
        --basegap:          1.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    * {
        --basegap:          2.5rem;
    }
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* BASE SETTINGS */

html,
body {
    background-color: var(--clr-background);
    color: var(--clr-txt);
    font-family: var(--font-brand);
    font-weight: 400;
    overflow-x: clip;
}

@media only screen and (max-width: 1199px) {
    body.overflow {
        overflow-y: hidden;
    }
}

.loading * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

h1 {
    font-size: clamp(1.75rem, calc(1rem + 1.5vw), 3rem);
    margin-bottom: var(--gap);
    color: var(--clr-highlight);

    @media only screen and (min-width: 1200px) {
        margin-bottom: calc(var(--gap) / 2);
    }
}


h2 {
    font-size: clamp(1.5rem, calc(1rem + 1.25vw), 1.8rem);
}

h3 {
    font-size: clamp(1.3rem, calc(.7rem + 1.25vw), 1.5rem);
}

h2,
h3,
h4,
h5,
h6,
.blokheader {
    font-weight: 700;
    color: var(--clr-highlight);
}

.blokheader {
    font-size: clamp(.8rem, calc(.7rem + 0.75vw), 1.25rem);
    z-index: 2;
}

main {
    background-color: var(--clr-light);
    padding-bottom: 4rem;
}

.pagination {

    --bs-pagination-active-bg: var(--clr-brand);
    --bs-pagination-color: var(--clr-highlight);
    --bs-pagination-active-border-color: var(--clr-highlight);
    --bs-pagination-border-color: var(--clr-highlight);
    --bs-pagination-hover-bg: var(--clr-highlight);
    --bs-pagination-hover-color: var(--clr-brand);
    --bs-pagination-focus-color: var(--clr-highlight);
    --bs-pagination-focus-bg: var(--clr-brand);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem hsl(from var(--clr-highlight) h s calc(l + 30));
}
/* BOOTSTRAP OVERRULES */
a {
    color: var(--clr-highlight);
    text-decoration: underline;
}

.btn {
    border-radius: 0 !important
}

.btgrid .row {
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .btgrid .row:nth-child(2n) *:nth-child(1) {
        order: 2;
    }
    .btgrid .row:nth-child(2n) *:nth-child(2) {
        order: 1;
    }
}

.bg-brand {
    background-color: var(--clr-brand);
}

.badge {
    --bs-badge-font-size: .75rem;
    --bs-badge-border-radius: 0;
}

a:has(.badge) {
    text-decoration: none !important;
}

.title-large {
    font-size: clamp(2rem, 14vw, 20vw);
}

@media only screen and (min-width: 992px) {
    .grid-stack {
        display: grid;
        align-items: end;
    }

    .grid-stack > * {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
}
.btn-extra {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
    text-transform: uppercase;
}

.lead {
    font-weight: 500;
}

/* MAIN LAYOUT */
.contentwrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}
@media only screen and (min-width: 1200px) {
    body {
        display: grid;
        grid-template-rows: auto max-content;
        min-height: 100vh;
        min-height: 100svh;
    }
    #sitewrapper {
        display: grid;  
        grid-template-columns: minmax(300px, 20%) 1fr;
        background-color: var(--clr-light);
    }
    main {    
        background-color: var(--clr-light);
    }
    
    
    main > img,
    main > .no-margin > img {   
        width: 100%;
    }
}

.image-hero {
    margin-bottom: var(--basepadding);
}

.no-margin .image-hero {
    margin-bottom: 0;
}

.no-margin {
    margin-bottom: var(--basepadding);
}

/* SITE HEADER & MENU */
h1.page-header {
    margin-bottom: 0;
    font-weight: 700;
}

hgroup:has(h1.page-header) {
    margin-bottom: var(--basepadding);
}

#site-header {
    display: block;
    z-index: 9;
    top: 0;
    background: url('/sites/BPDE/templates/img/background.jpg'); // hsl(from var(--clr-highlight) h s calc(l + 30)) ,
    padding-left: var(--basepadding);
    padding-right: var(--basepadding);
    position: sticky;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    background-position: bottom right;
    background-size: 100% auto;
    background-repeat: repeat;
}

#site-header > .site-header-inner-wrapper > .site-header-inner {
    display: flex;
    justify-content: space-between;  
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}
#site-header > .site-header-inner-wrapper > .site-header-inner #mainMenuContainer {
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

#site-header > .site-header-inner-wrapper > .site-header-inner #mainMenuContainer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 75.7 52.3'%3E%3Cpath fill='var(--clr-primary)' opacity='.05' d='M56.8,7.2c-6,0-11.4,2.8-14.9,7.2h0l-.2.3c0,.1-.2.3-.3.4l-5.7,7.8-6.8,9.3c-2.1,3.4-5.8,5.6-10,5.6-6.5,0-11.7-5.3-11.7-11.7s0,0,0,0h0v-.9c.5-6,5.6-10.7,11.7-10.7s11.2,4.7,11.7,10.7l5.3-7.4c-3.1-6.3-9.5-10.6-17-10.6s-8.4,1.5-11.7,4V0H0v24.8c0,.4,0,.9,0,1.3,0,10.5,8.5,18.9,18.9,18.9s11.4-2.8,14.9-7.2h0s4.8-6.5,4.8-6.5c0,0,0,0,0,0l7.5-10.4,1.5-2c2.1-2.8,5.5-4.5,9.2-4.5,6.5,0,11.7,5.3,11.7,11.7s-5.3,11.7-11.7,11.7-11.2-4.7-11.7-10.7l-5.3,7.3h0l-1.9,2.6v15.2h7.2v-11.3c3.2,2.5,7.3,4.1,11.7,4.1,10.5,0,18.9-8.5,18.9-18.9s-8.5-18.9-18.9-18.9Z'/%3E%3C/svg%3E");
    align-items: start;
}

@media only screen and (min-width: 1200px) {
    #site-header > .site-header-inner-wrapper > .site-header-inner #mainMenuContainer {
         background-image: none;    
    }
    #site-header > .site-header-inner-wrapper > .site-header-inner{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 75.7 52.3'%3E%3Cpath fill='var(--clr-primary)' opacity='.05' d='M56.8,7.2c-6,0-11.4,2.8-14.9,7.2h0l-.2.3c0,.1-.2.3-.3.4l-5.7,7.8-6.8,9.3c-2.1,3.4-5.8,5.6-10,5.6-6.5,0-11.7-5.3-11.7-11.7s0,0,0,0h0v-.9c.5-6,5.6-10.7,11.7-10.7s11.2,4.7,11.7,10.7l5.3-7.4c-3.1-6.3-9.5-10.6-17-10.6s-8.4,1.5-11.7,4V0H0v24.8c0,.4,0,.9,0,1.3,0,10.5,8.5,18.9,18.9,18.9s11.4-2.8,14.9-7.2h0s4.8-6.5,4.8-6.5c0,0,0,0,0,0l7.5-10.4,1.5-2c2.1-2.8,5.5-4.5,9.2-4.5,6.5,0,11.7,5.3,11.7,11.7s-5.3,11.7-11.7,11.7-11.2-4.7-11.7-10.7l-5.3,7.3h0l-1.9,2.6v15.2h7.2v-11.3c3.2,2.5,7.3,4.1,11.7,4.1,10.5,0,18.9-8.5,18.9-18.9s-8.5-18.9-18.9-18.9Z'/%3E%3C/svg%3E");
    }
}

#site-header > .site-header-inner-wrapper > .site-header-inner .navbar-brand img {
    width: 120px;
    transform: translateX(25%) scale(1.5);
}

#mainMenuContainer {
    --logo-height: calc( 145px / 300 * 120 );
    position: fixed;
    bottom: 0; 
    left: 100%;
    height: calc( 100vh - var(--logo-height) );  
    height: calc( 100svh - var(--logo-height) );   
    transform: translateX(0); 
    transition: transform .25s;
    padding: 1rem 2rem 1rem 1rem;
    background: var(--clr-light);
    box-shadow: 0px 7px 3px 0px var(--clr-highlight);
}

#site-header > .site-header-inner-wrapper > .site-header-inner:has(.hamburger.active) #mainMenuContainer {
    transform: translateX(-100%);
}

#mainMenu > ul > li > a {
    font-weight: 600;
}

#mainMenu > ul > li > a:link, 
#mainMenu > ul > li > a:visited {
    color: var(--clr-brand);
    text-decoration: none;
}

#mainMenu > ul > li > a:hover, 
#mainMenu > ul > li > a:active {
    color: var(--clr-highlight);
    text-decoration: none;
}


#mainMenu > ul > li > a:has(.menu-icon) {
    display: grid;    
    grid-template-columns: 4ch auto;
    column-gap: 1.5ch;
    font-size: 1rem;
    line-height: 1.2;
    align-items: center;
    white-space: nowrap;
}

#mainMenu > ul > li.extra-menu-icon + li:not(:has(.menu-icon)) {
    margin-top: calc( 1.5 * var(--basepadding) );
}

#mainMenu > ul > li > a .menu-icon {
    width: 4ch;
}

#mainMenu > ul > li:has( > a .menu-icon) {
    margin-bottom: calc( .5 * var(--basepadding) );
}

@media only screen and (min-width: 1200px) {
    #mainMenu > ul > li > a:has(.menu-icon) {
        display: grid;    
        grid-template-columns: 4ch auto;
        column-gap: 1.5ch;
        font-size: 1rem;
        line-height: 1.2;
        align-items: center;
        white-space: wrap;
    }
    #site-header > .site-header-inner-wrapper > .site-header-inner .navbar-brand img {
        width: 180px;
        transform: translateX(0) scale(1);
    }
    #mainMenuContainer {
        position: initial;   
        height: auto;
        background: transparent;
        padding: 1rem 0;
        box-shadow: none;
        padding: calc( 2 * var(--basepadding) ) 0 0 0rem;
    }
    
    #site-header > .site-header-inner-wrapper > .site-header-inner:has(.hamburger.active) #mainMenuContainer {
        position: initial; 
        transform: translateY(0);    
        padding: 0;
    }
    
    #site-header {
        display: block;
        justify-content: unset;
        align-items: unset;
        background-color: var(--clr-background-light);
        padding-left: var(--basepadding);
        padding-right: var(--basepadding);
    }
        
    #site-header > .site-header-inner-wrapper > .site-header-inner {
        flex-direction: column;        
        background-color: var(--clr-light);
        padding-left: var(--basepadding);
        padding-right: var(--basepadding);
        padding-bottom: var(--basepadding);
    }
    
   
}
    
@media only screen and (min-width: 1200px) and (min-height: 700px) {
    #site-header > .site-header-inner-wrapper {
        position: sticky;
        top: 0;
        max-width: 350px;
        margin: 0 auto;
    }
}
.hamburger {
    cursor: pointer;
    display: flex;
}
@media only screen and (min-width: 1200px) {
    .hamburger {
        display: none;
    }
}

.hamburger svg {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger.active svg {
    transform: rotate(90deg);
}
.hamburger svg path {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger svg  path:nth-child(1) {
    transform-origin: 36% 40%;
}
.hamburger svg path:nth-child(2) {
    stroke-dasharray: 29 299;
}
.hamburger svg path:nth-child(3) {
    transform-origin: 35% 63%;
}
.hamburger svg path:nth-child(4) {
    stroke-dasharray: 29 299;
}
.hamburger svg path:nth-child(5) {
    transform-origin: 61% 52%;
}
.hamburger svg path:nth-child(6) {
    transform-origin: 62% 52%;
}
.hamburger.active svg path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.hamburger.active svg path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.hamburger.active svg path:nth-child(3) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.hamburger.active svg path:nth-child(4) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}
.hamburger.active svg path:nth-child(5) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.hamburger.active svg path:nth-child(6) {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.headernav {
    z-index: 2; 
    display: flex;
    justify-self: center;
    align-items: center;
    column-gap: calc(var(--basepadding) / 2);
}

.headernav nav {
    display: flex;
}
    
.headernav p {
    font-weight: 700;
}
    
@media only screen and (min-width: 992px) {
    .headernav {
        justify-self: start;
    }
}

/* HOMEPAGE */
section.contentblock {
    background-size: cover;
}


@media only screen and (min-width: 992px) {
    section:has(.introblock) {
        margin-top: 0px;
        margin-bottom: -150px;
        position: relative;
        z-index: 2;
        translate: 0 -150px;
    }
    section.grid-stack:has(.introblock) {
        margin-bottom: 0;
        translate: 0 0;
    }
    .grid-stack .introblock {
        justify-self: end;
        margin: 0 1rem 0 0;
        padding: var(--basepadding);
        transform: translateY(50%);
        min-height: auto;
    }

}


section .introblock {
    display: flex;
    flex-direction: column;
    // min-height: 200px;
    justify-content: center;
    margin: 0 0 1rem 0;
    text-align: center;
}

section:has(.betweenblock) {
    padding: var(--basegap);
    background-size: cover !important;
    background-position-x: right !important;
}

section .introblock,
section .betweenblock {
    padding: var(--basepadding);
    background-color: var(--clr-brand);
    color: var(--clr-light);
}

section .betweenblock {
    width: min(90%, 600px);
    margin-left: calc(-1 * var(--basegap) );
}


section .introblock p:last-child,
section .betweenblock p:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
    section .introblock {
        width: min(50%, 600px);        
        margin: 0 0 5rem 0;
        text-align: left;
    }
}


section .introblock .lead,
section .betweenblock .lead,
section .introblock .sectionheader,
section .betweenblock .sectionheader  {
    color: var(--clr-highlight);
}

section .introblock .sectionheader,
section .betweenblock .sectionheader {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    font-weight: 500;
}

.contentblock__block_1x1 {    
    margin-top: calc(2 * var(--basegap));
    margin-bottom: calc(2 * var(--basegap));
}

#bigmenu article {
    padding: 1rem 0;
    border-bottom: 1px solid var(--clr-highlight);
}

#bigmenu article:last-child {
    border-bottom: none;
}



#bigmenu article .content_block__title {
    background-position: calc(100% - 1rem) center;
    background-size: 4ch;
    background-repeat: no-repeat;    
    color: var(--clr-highlight);
    font-size: 1.4rem;
    margin-bottom: .75rem;
    font-weight: 600;
    padding: var(--basepadding);
    background-color: var(--clr-background-light);
}


#bigmenu article .content_block__inner h2,
#bigmenu article section.content_block__inner > svg,
#bigmenu article section.content_block__inner > p > svg {
    display: none;
}

#bigmenu article section.content_block__inner > p:last-child {
    text-align: right;
}

#bigmenu article.galerijBlock {
    position: relative;
}

#bigmenu article.galerijBlock::after {
    display: block;
    width: 3rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#bigmenu article.galerijBlock-totaalprojecten::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.02,8.74v-1.86c0-.2.12-.37.3-.45l1.55-.61c.25-.1.53.03.63.27.05.12.05.25,0,.37-.05.12-.15.21-.26.26l-1.24.49v1.53c0,.27-.22.48-.48.48s-.48-.22-.48-.48ZM7.74,5.69c.06,0,.12-.01.18-.03l2.07-.82c.12-.05.21-.14.26-.26.05-.12.05-.25,0-.37-.05-.12-.14-.21-.26-.26-.12-.05-.25-.05-.37,0l-2.07.82c-.12.05-.21.14-.26.26-.05.12-.05.25,0,.37.07.19.25.3.45.3ZM25.33,6.88v14.58c0,.2-.12.37-.3.45l-10.67,4.23c-.06.02-.12.03-.18.03s-.12-.01-.18-.03l-10.67-4.23c-.19-.07-.3-.25-.3-.45v-4.89c0-.27.22-.48.48-.48s.48.22.48.48v1.6l9.71-3.84V3.36l-1.2.48c-.26.1-.53-.03-.62-.27-.05-.12-.05-.25,0-.37.05-.12.14-.21.26-.26,0,0,1.82-.72,1.86-.74.12-.05.24-.04.36,0l10.67,4.22c.19.07.3.25.3.45ZM14.35,23.55c-.11.04-.24.04-.35,0l-10.02-3.97v1.55l10.19,4.03,10.19-4.03v-1.55l-10.02,3.96ZM14.17,22.59l9.37-3.71-9.37-3.71-9.37,3.71,9.37,3.71ZM22.24,10.96v6.37l2.13.84V7.21l-9.71-3.84v10.96l2.13.84v-5.99c0-.16.08-.31.21-.4.13-.09.3-.11.45-.05l4.5,1.78c.19.07.3.25.3.45ZM21.28,16.95v-5.67l-3.53-1.4v5.67l3.53,1.4ZM3.5,14.14c.27,0,.48-.22.48-.48v-2.33c0-.27-.22-.48-.48-.48s-.48.22-.48.48v2.33c0,.27.22.48.48.48Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-decoratieve-technieken::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %238e7b55; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.44,4.56v19.22c0,.27-.22.49-.49.49h-6.41c-.27,0-.49-.22-.49-.49s.22-.49.49-.49h5.92v-4.73l-3.12,3.12c-.19.19-.51.19-.69,0-.09-.09-.14-.22-.14-.35s.05-.25.14-.35l3.81-3.81v-5.02l-3.28,3.28c-.19.19-.51.19-.69,0-.09-.09-.14-.22-.14-.35s.05-.25.14-.35l3.97-3.97v-5.02l-3.8,3.8c-.19.19-.51.19-.69,0-.09-.09-.14-.22-.14-.35s.05-.25.14-.35l3.8-3.8h-5.02l-3.24,3.24c-.18.19-.51.19-.69,0-.09-.09-.14-.21-.14-.35s.05-.25.14-.35l2.54-2.54h-5.02l-3.24,3.24c-.18.19-.51.19-.69,0-.09-.09-.14-.21-.14-.35s.05-.25.14-.35l2.54-2.54h-4.73v3.29c0,.27-.22.49-.49.49s-.49-.22-.49-.49v-3.78c0-.27.22-.49.49-.49h19.22c.27,0,.49.22.49.49ZM16.52,14.16h-.27v9.63c0,.27-.22.49-.49.49H4.4c-.27,0-.49-.22-.49-.49v-12.12c0-1.38,1.12-2.5,2.5-2.5h10.12c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5ZM7.92,11.66c0-.84-.68-1.52-1.52-1.52s-1.52.68-1.52,1.52.68,1.52,1.52,1.52,1.52-.68,1.52-1.52ZM4.89,23.29h10.38v-9.14H6.4c-.56,0-1.09-.18-1.52-.52v9.65ZM8.39,13.18h8.13c.84,0,1.52-.68,1.52-1.52s-.68-1.52-1.52-1.52h-8.13c.33.43.52.96.52,1.52s-.18,1.09-.52,1.52ZM6.4,10.9c-.42,0-.76.34-.76.76s.34.76.76.76.76-.34.76-.76-.34-.76-.76-.76Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-mortex::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.69,11.32l.67-2.04c.41-1.24.28-2.28-.36-2.92-.64-.64-1.68-.77-2.92-.36l-2.04.67c-3.15-2.2-6.85-3.37-10.73-3.37-.27,0-.48.22-.48.48s.22.48.48.48c3.42,0,6.72.96,9.57,2.79l-2.95.97c-2.08-.98-4.3-1.48-6.62-1.48-.27,0-.48.22-.48.48s.22.48.48.48c1.82,0,3.58.33,5.26.98-.94.39-1.58,1.01-1.85,1.81-1.11-.32-2.25-.48-3.41-.48-.27,0-.48.22-.48.48s.22.48.48.48c1.12,0,2.22.16,3.29.49.06.75.44,1.5,1.11,2.17l1.77,1.77-1.24,1.24-.94-.94c-.18-.18-.5-.18-.68,0l-.64.64c-.14.14-.18.35-.1.53,0,.02.21.54-.28,1.04-.21.22-.92.67-1.61,1.1-1.08.68-2.3,1.45-2.99,2.14-.45.45-.7,1.06-.7,1.7,0,.64.25,1.25.7,1.7.45.45,1.06.7,1.7.7.64,0,1.25-.25,1.7-.7.69-.69,1.46-1.91,2.15-3,.43-.68.88-1.39,1.1-1.6.5-.49,1.02-.29,1.04-.28.18.08.39.04.53-.1l.64-.64c.19-.19.19-.49,0-.68l-.94-.93,1.24-1.24,1.77,1.77c.68.68,1.42,1.06,2.17,1.11.33,1.07.49,2.17.49,3.29,0,.27.22.48.48.48s.48-.22.48-.48c0-1.15-.16-2.3-.48-3.4.79-.26,1.41-.91,1.81-1.85.65,1.68.98,3.44.98,5.26,0,.27.22.48.48.48s.48-.22.48-.48c0-2.31-.5-4.54-1.48-6.62l.97-2.95c1.82,2.85,2.79,6.15,2.79,9.57,0,.27.22.48.48.48s.48-.22.48-.48c0-3.88-1.16-7.58-3.37-10.73ZM17.64,17.76c-.64.15-1.36-.13-2.03-.8l-1.77-1.77.87-.87c.09-.09.14-.21.14-.34s-.05-.25-.14-.34c-.09-.09-.21-.14-.34-.14h0c-.13,0-.25.05-.34.14l-.87.87-1.77-1.77c-.67-.67-.95-1.39-.8-2.03.15-.64.73-1.16,1.63-1.45l7.17-2.36c.87-.29,1.57-.24,1.94.13.37.37.42,1.06.13,1.94l-2.36,7.17c-.29.9-.81,1.47-1.45,1.63ZM9.85,16.63l.11-.11,1.87,1.87-.11.11c-.38-.07-1.09-.07-1.75.57-.3.29-.72.95-1.25,1.79-.62.98-1.39,2.21-2.01,2.82-.54.54-1.49.54-2.04,0-.27-.27-.42-.63-.42-1.02s.15-.75.42-1.02c.61-.62,1.84-1.39,2.82-2.01.83-.53,1.49-.94,1.79-1.25.64-.66.63-1.37.57-1.75Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-schilderwerken::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M18.61,9.06l6.28-6.28c.19-.19.49-.19.68,0,.19.19.19.49,0,.68l-6.28,6.28c-.09.09-.21.14-.34.14s-.25-.05-.34-.14c-.09-.09-.14-.21-.14-.34s.05-.25.14-.34ZM15.28,6.21c.13,0,.25-.05.34-.14l2.61-2.61c.19-.19.19-.49,0-.68-.19-.19-.49-.19-.68,0l-2.61,2.61c-.09.09-.14.21-.14.34s.05.25.14.34c.09.09.21.14.34.14ZM25.56,10.12c-.09-.09-.21-.14-.34-.14h0c-.13,0-.25.05-.34.14l-2.61,2.61c-.19.19-.19.49,0,.68.09.09.21.14.34.14s.25-.05.34-.14l2.61-2.61c.09-.09.14-.21.14-.34s-.05-.25-.14-.34ZM16.77,7.91h0c.09.09.21.14.34.14s.25-.05.34-.14l4.44-4.44c.19-.19.19-.49,0-.68-.19-.19-.49-.19-.68,0l-4.44,4.44c-.19.19-.19.49,0,.68ZM24.88,6.45l-4.44,4.44c-.19.19-.19.49,0,.68.09.09.21.14.34.14s.25-.05.34-.14l4.44-4.44c.19-.19.19-.49,0-.68-.19-.19-.49-.19-.68,0ZM24.27,16.67c.19.19.19.49,0,.68l-4.49,4.49c-.18.18-.5.18-.68,0L6.5,9.25c-.19-.19-.19-.49,0-.68l1.91-1.91-.38-.38c-.17-.17-.47-.17-.64,0l-2.36,2.36c-.09.09-.13.2-.13.32s.05.24.13.32l6.31,6.31c.28.28.44.65.44,1.05s-.15.77-.44,1.05l-.44.44.87.87c.09.09.14.21.14.34s-.05.25-.14.34l-.61.61c-.14.14-.35.18-.53.1-.01,0-.49-.19-.96.26-.21.2-.63.87-1.04,1.52-.65,1.03-1.38,2.19-2.04,2.85-.44.43-1.01.67-1.63.67s-1.2-.24-1.63-.68c-.44-.44-.68-1.02-.68-1.63,0-.62.24-1.2.68-1.63.65-.66,1.81-1.39,2.83-2.04.66-.41,1.33-.84,1.53-1.05.45-.47.27-.94.26-.96-.07-.18-.03-.39.11-.52l.61-.61c.18-.18.5-.19.68,0l.87.87.44-.44c.1-.1.15-.23.15-.37s-.05-.27-.15-.37l-6.31-6.31c-.55-.55-.55-1.45,0-2l2.36-2.36c.53-.53,1.47-.53,2,0l.38.38,1.91-1.91c.19-.19.49-.19.68,0h0l12.59,12.59ZM11.34,5.1l-3.81,3.81,11.91,11.91,3.81-3.81L11.34,5.1ZM8.37,19.35c-.28.29-.91.69-1.7,1.19-.93.59-2.09,1.32-2.67,1.91-.25.25-.39.59-.39.95s.14.7.39.95c.51.51,1.39.51,1.9,0,.58-.58,1.32-1.74,1.91-2.67.5-.79.9-1.42,1.19-1.7.63-.61,1.31-.61,1.67-.55l.08-.08-1.74-1.74-.08.08c.06.36.06,1.04-.55,1.67Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-gyproc-en-pleisterwerken::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.73,3.43c-.1-.1-.24-.15-.38-.14-.14.01-.27.09-.35.21l-2.66,3.86-.73.73c-.6.6-.68,1.37-.23,2.12.31.53.85,1.23,1.44,1.98,1,1.3,3.09,4,2.49,4.57-1.02.97-2.17,1.7-3.19,2.35-.84.53-1.56.99-2.05,1.49-.49.49-.76,1.15-.76,1.84s.27,1.35.76,1.84c.49.49,1.15.76,1.84.76s1.35-.27,1.84-.76c.5-.49.95-1.21,1.49-2.05.64-1.01,1.37-2.16,2.35-3.19.57-.59,3.27,1.49,4.57,2.5.74.57,1.45,1.12,1.98,1.43.75.45,1.53.36,2.13-.23l.7-.71,3.89-2.69c.12-.08.19-.21.21-.35.01-.14-.04-.28-.14-.38L9.73,3.43ZM9.96,17.46c1.22-1.17-.62-3.55-2.4-5.85-.56-.72-1.08-1.4-1.37-1.89-.22-.37-.19-.67.09-.95l.41-.41,13.3,13.3-.41.41c-.28.28-.58.31-.95.09-.48-.29-1.16-.81-1.89-1.37-2.2-1.7-4.69-3.62-5.85-2.4-1.04,1.09-1.8,2.28-2.47,3.33-.5.79-.93,1.47-1.35,1.89-.62.62-1.71.62-2.33,0-.31-.31-.48-.72-.48-1.16s.17-.85.48-1.17c.42-.42,1.1-.85,1.89-1.35,1.05-.67,2.24-1.43,3.33-2.47ZM23.82,18.89l-3.1,2.15L7.31,7.63l2.15-3.1,14.37,14.37ZM17.96,9.71l6.28-6.28c.18-.18.5-.18.68,0,.09.09.14.21.14.34s-.05.25-.14.34l-6.28,6.28c-.09.09-.21.14-.34.14s-.25-.05-.34-.14c-.09-.09-.14-.21-.14-.34s.05-.25.14-.34ZM14.29,6.72c-.19-.19-.19-.49,0-.68l2.61-2.61c.18-.18.5-.18.68,0,.09.09.14.21.14.34s-.05.25-.14.34l-2.61,2.61c-.09.09-.21.14-.34.14s-.25-.05-.34-.14ZM24.91,10.77c.09.09.14.21.14.34s-.05.25-.14.34l-2.61,2.61c-.09.09-.21.14-.34.14s-.25-.05-.34-.14c-.09-.09-.14-.21-.14-.34s.05-.25.14-.34l2.61-2.61c.19-.19.49-.19.68,0ZM16.12,7.87l4.44-4.44c.18-.18.5-.18.68,0,.09.09.14.21.14.34s-.05.25-.14.34l-4.44,4.44c-.09.09-.21.14-.34.14s-.25-.05-.34-.14c-.09-.09-.14-.21-.14-.34s.05-.25.14-.34ZM24.91,7.1c.09.09.14.21.14.34s-.05.25-.14.34l-4.44,4.44c-.09.09-.21.14-.34.14s-.25-.05-.34-.14c-.19-.19-.19-.49,0-.68l4.44-4.44c.19-.19.49-.19.68,0ZM5.37,22.98c-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.29-.29.77-.29,1.07,0,.14.14.22.33.22.53s-.08.39-.22.53c-.14.14-.33.22-.53.22s-.39-.08-.53-.22Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-vloerbedekking::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.07,13.7h-9.42V4.28c0-.26-.21-.47-.47-.47H4.28c-.26,0-.47.21-.47.47v19.79c0,.26.21.47.47.47h19.79c.26,0,.47-.21.47-.47v-9.89c0-.26-.21-.47-.47-.47ZM13.7,14.64v8.95H4.75v-8.95h8.95ZM13.7,4.75v8.95H4.75V4.75h8.95ZM14.64,23.6v-8.95h8.96v8.95h-8.96ZM15.51,8.42c-.18-.18-.18-.48,0-.66l2.14-2.14c.18-.18.48-.18.66,0,.18.18.18.48,0,.66l-2.14,2.14c-.09.09-.21.14-.33.14s-.24-.05-.33-.14ZM15.51,11.37c-.18-.18-.18-.48,0-.66l5.09-5.09c.18-.18.48-.18.66,0,.18.18.18.48,0,.66l-5.09,5.09c-.09.09-.21.14-.33.14s-.24-.05-.33-.14ZM16.98,12.18l5.09-5.09c.18-.18.48-.18.66,0,.18.18.18.48,0,.66l-5.09,5.09c-.09.09-.21.14-.33.14s-.24-.05-.33-.14c-.18-.18-.18-.48,0-.66ZM22.73,10.03c.18.18.18.48,0,.66l-2.14,2.14c-.09.09-.21.14-.33.14s-.24-.05-.33-.14c-.09-.09-.14-.21-.14-.33s.05-.24.14-.33l2.14-2.14c.18-.18.48-.18.66,0Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-systeemplafonds::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.95,21.94c-.2-.2-.52-.2-.71,0-.2.2-.2.52,0,.71l2.45,2.45c.1.1.22.15.36.15s.26-.05.36-.15c.2-.2.2-.52,0-.71l-2.45-2.45ZM25.24,24.56h0s0,0,0,0h0ZM25.74,21.66c-.08.18-.26.29-.46.29-.07,0-.15-.02-.21-.05l-1.44-.67c-.12-.06-.21-.16-.26-.28-.05-.13-.04-.26.02-.39.06-.12.16-.21.28-.26.13-.05.26-.04.38.02l1.44.67c.25.12.36.42.24.67ZM27.19,19.11c-.02.26-.24.46-.5.46h-.05s-2.73-.24-2.73-.24c-.13-.01-.26-.07-.34-.18-.09-.1-.13-.23-.12-.37.01-.13.08-.26.18-.34s.23-.13.37-.11l2.74.24c.28.02.48.27.46.55ZM22.21,24.77c.12.25,0,.55-.24.67-.07.03-.14.05-.21.05-.19,0-.37-.11-.46-.29l-.67-1.44c-.12-.25,0-.55.24-.67.12-.06.26-.06.39-.02.13.05.23.14.28.26l.67,1.44ZM19.08,23.15h0c-.13.01-.26.07-.34.18-.09.1-.13.23-.12.37l.24,2.74c.02.26.24.46.54.46h0c.13-.01.26-.07.34-.18.09-.1.13-.23.12-.37l-.24-2.74c-.02-.28-.27-.48-.54-.46ZM19.37,26.65s0,0,0,0h0s0,0,0,0ZM20.48,16.32l-3.86,3.86c-.1.1-.22.15-.36.15s-.26-.05-.36-.15c-.2-.2-.2-.52,0-.71l3.86-3.86c.2-.2.51-.2.71,0,.2.2.2.52,0,.71ZM19.01,14.85l-3.86,3.86c-.1.1-.22.15-.36.15s-.26-.05-.36-.15c-.2-.2-.2-.51,0-.71l3.86-3.86c.2-.2.52-.2.71,0,.2.2.2.52,0,.71ZM23.57,15.99l-7.3-7.3v-3.53h1.92c.17,0,.32-.08.42-.22l1.69-2.48h4.68c.28,0,.5-.23.5-.5s-.23-.5-.5-.5H1.66c-.28,0-.5.23-.5.5s.23.5.5.5h4.68l1.69,2.48c.09.14.25.22.42.22h1.92v2.56l-4.45,4.45c-.2.2-.2.52,0,.71l10.38,10.38c.09.1.22.15.36.15s.26-.05.36-.15l6.57-6.57c.2-.2.2-.52,0-.71ZM19.07,2.47l-1.15,1.69h-9.21l-1.15-1.69h11.51ZM10.36,9.15v3.33c0,1.63,1.33,2.95,2.95,2.95s2.95-1.33,2.95-2.95v-2.37l6.23,6.23-5.86,5.86L6.98,12.53l3.38-3.38ZM15.26,12.48c0,1.07-.87,1.95-1.95,1.95s-1.95-.87-1.95-1.95v-7.32h3.9v7.32ZM12.51,12.48c0-.45.36-.81.81-.81s.81.36.81.81-.36.81-.81.81-.81-.36-.81-.81Z'/%3E%3C/svg%3E");
}

#bigmenu article.galerijBlock-raamdecoratie::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%238e7b55;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.77,6.69v-2.64c0-.26-.21-.47-.47-.47H4.06c-.26,0-.47.21-.47.47v2.64c0,.26.21.47.47.47h.08l-.53,1.57c-.05.14-.03.3.06.43.09.12.23.2.39.2h.08l-.53,1.57c-.05.15-.03.31.06.43.09.12.23.2.39.2h.08l-.53,1.57c-.05.14-.03.3.06.43.09.12.23.2.39.2h.08l-.53,1.57c-.05.14-.03.3.06.43.09.12.23.2.39.2h.79v8.32c0,.26.21.47.47.47h18.18c.26,0,.47-.21.47-.47v-8.32h.32c.15,0,.3-.07.39-.2.09-.12.11-.28.06-.43l-.53-1.57h.08c.15,0,.3-.07.39-.2.09-.12.11-.28.06-.43l-.53-1.57h.08c.15,0,.3-.07.39-.2.09-.12.11-.28.06-.43l-.53-1.57h.08c.15,0,.3-.07.39-.2.09-.12.11-.28.06-.43l-.53-1.57h.08c.26,0,.47-.21.47-.47ZM17.91,18.5c.17-.2.15-.5-.05-.67h0c-.2-.17-.5-.15-.67.05l-3.3,3.81h-1.57l1.37-1.58c.17-.2.15-.5-.05-.67-.2-.17-.5-.15-.67.05l-1.9,2.2h-3.15v-5.72h12.97v5.72h-5.74l2.76-3.19ZM7.45,22.64h13.92c.26,0,.47-.21.47-.47v-6.19h1.18v7.85H5.79v-7.85h1.18v6.19c0,.26.21.47.47.47ZM23.82,4.53v1.69H4.53v-1.69h19.29ZM23.21,7.17l.42,1.25H4.72l.42-1.25h18.06ZM23.21,9.37l.42,1.25H4.72l.42-1.25h18.06ZM23.21,11.57l.42,1.25H4.72l.42-1.25h18.06ZM23.21,13.77l.42,1.25H4.72l.42-1.25h18.06Z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 992px) {
    #bigmenu article.galerijBlock a.btn {
        --bs-btn-padding-x: 1.5rem;
        --bs-btn-padding-y: 0.75rem;
    }

    #bigmenu article .content_block__title {
        padding: 0;
        background-color: transparent;
        background-size: contain;
        cursor: pointer;
    }

    #bigmenu article .content_block__inner h2,    
    #bigmenu article section.content_block__inner > svg,
    #bigmenu article section.content_block__inner > p > svg  {
        display: block;
    }
    
    #bigmenu article .content_block__inner h2 {
        color: var(--clr-highlight)
    }
    
    #bigmenu article section.content_block__inner > svg,
    #bigmenu article section.content_block__inner > p > svg {
        width: 40%;
    }

    #bigmenu {
        display: flex;
        height: 50ch;
    }
    
    #bigmenu article {
        display: grid;
        grid-template-columns: auto;
        justify-content: space-between;
        padding: 0 0;
        border-bottom: none;
        border-right: 1px solid;
        overflow: clip;
        width: calc(100%); 
        transition: width .25s;
    }
    
    #bigmenu article:last-child {
        border-right: none;
    }
    
    #bigmenu article.active {
        width: 300%; 
        transition: width .5s;
    }
    
    #bigmenu article .content_block__title {
        color: black;
        font-size: 1.25rem;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        writing-mode: tb;
        transform: rotate(-180deg);
        justify-self: center;
        background-position: bottom center;
        line-height: 2;
    }
    #bigmenu article section.content_block__inner {
        height: 0;
        max-height: 100%; 
        overflow-y: hidden;
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
        width: 100%; 
    }
    #bigmenu article.active section.content_block__inner {
        background-color: var(--clr-background-light);
        height: 100%; 
        z-index: 2;
        padding: var(--basepadding) 0 0 0;
        overflow-y: clip;
    }
    
    #bigmenu article.active section.content_block__inner > * {
        padding-left: var(--basepadding);
        padding-right: var(--basepadding);
    }
    #bigmenu article section.content_block__inner > p:last-child {
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        margin-bottom: 0;
    }
}

#blocklist {
    margin-top: var(--basegap);
    display: flex;
    column-gap: var(--basegap);
}

#blocklist .blocklist-item {
    font-weight: 600;
    max-width: 20%; 
}

#blocklist .blocklist-item svg,
#blocklist .blocklist-item img {
    width: 5rem;
}

/* GALERIJ */
.galerijItem section .introblock {
    width: 100%;
    min-height: auto;
    padding-bottom: var(--basegap);
}

.galerijItem section .extraCattags {
    /*padding: var(--basegap) calc(var(--basegap) / 2) var(--basegap) var(--basegap);
    background-color: var(--clr-background-light);
    margin-top: var(--basegap);*/
    font-weight: 600;
}
.galerijItem section .extraCattags li {
    display: flex;
    column-gap: .75rem;
}
.galerijItem section .extraCattags li::before {
    content: "";
    display: block;
    height: 1rem;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C6B383' viewBox='0 0 448 512'%3E%3Cpath d='M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z'/%3E%3C/svg%3E");
}

.galerijItem .galerijItem-content {
    display: grid;
    column-gap: var(--basegap);
    row-gap: var(--basegap);
}

.galerijItem .galerijItem-content > a {
    object-fit: cover;
    height: 100%;
}
.galerijItem .galerijItem-content > a > img {
    object-fit: cover;
    height: 100%;
}

.galerijItem .galerijItem-content > div { 
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
    .galerijItem .galerijItem-content {
        grid-template-columns: 1fr 1fr;
    }
    .galerijItem .galerijItem-content > div { 
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media only screen and (min-width: 2000px) {
    .galerijItem .galerijItem-content {
        column-gap: calc( var(--basegap) * 2 );
        grid-template-columns: 2fr 3fr;
    }
}

.backbutton {
    margin-bottom: calc( 3 * var(--basepadding) );
    justify-content: center;
    margin-left: -1rem;
}

@media only screen and (min-width: 1720px) {
    .gallery__overview h2 + img,
    .title-img {
        width: min(calc(1200px + 40vw), 78vw);
        width: 80vw;
        transform: translateX(calc((-1 * (80vw - 1200px + 2rem) / 2)));
    }
}
@media only screen and (min-width: 992px) {
    .backbutton {
        justify-content: start;
    }
}
@media only screen and (min-width: 1500px) {
    .backbutton {
        margin-left: 0;
        width: min(calc(1200px + 40vw), 78vw);
        transform: translateX(calc((-1 * (80vw - 1200px + 2rem) / 2)));
    }
}

/* MASONRY */
.gallery__content {
    margin: 0 -.5rem;
}

.gallery__content .masonry-item > a {
    display: grid;
    align-items: end;
    transition: box-shadow .25s;
}


.gallery__content .masonry-item > a {
    overflow: clip;
}

.gallery__content .masonry-item > a img {
    transition: transform .1s;
}

.gallery__content .masonry-item > a:hover,
.gallery__content .masonry-item > a:active  {
    box-shadow: var(--box-shadow);
}
.gallery__content .masonry-item > a:hover img,
.gallery__content .masonry-item > a:active img {
    transform: scale(110%);
    transition: transform .5s;
}

.gallery__content .masonry-item > a > * {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}


.gallery__content .masonry-item > a > .titel {
    padding: 1rem;
    font-size: 1.5rem;
    justify-self: end;
    z-index: 2;
}


.gallery__content .masonry-item,
.gallery__content .masonry-sizer {
    padding: .5rem;
    width: 50%;
}

@media (min-width: 992px) {
    .gallery__content .masonry-item,
    .gallery__content .masonry-sizer {
        width: 33.3333%;
    }
}

@media (min-width: 1600px) {
    .gallery__content .masonry-item,
    .gallery__content .masonry-sizer {
        width: 25%;
    }
}

@media (min-width: 2400px) {
    .gallery__content .masonry-item,
    .gallery__content .masonry-sizer {
        width: 20%;
    }
}

.listDense {
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(2, 2fr);
    margin-bottom: 12rem;
}

.listDense > *:nth-child(2n+2) { 
    transform: translateY(50%);
}

@media only screen and (min-width: 992px) {
    .listDense {
        grid-template-columns: repeat(3, 2fr);
    }
    .listDense > *:nth-child(2n+2) { 
        transform: translateY(0);
    }
    .listDense > *:nth-child(3n+2) { 
        transform: translateY(50%);
    }
}
    
.news-item a {
    display: grid;
    align-items: end;
    overflow: clip;
}
.news-item a > * {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 100%;
}

.news-item a header {
    padding: 1rem;
    text-align: center;
    background-color: var(--clr-brand);
    background-color: hsl(from var(--clr-brand) h s l / 80% );
    transition: background-color .25s;
}

.news-item a  {
    text-decoration: none;
    transition: box-shadow .25s;
}


.news-item a:hover,
.news-item a:active  {
    box-shadow: var(--box-shadow);
}


.news-item a img {
    transition: transform .1s;
}

.news-item a:hover img,
.news-item a:active img {
    transform: scale(110%);
    transition: transform .5s;
}

.news-item a:hover header,
.news-item a:active header {
    background-color: var(--clr-brand);
}


/* FOOTER */
#footer {
    color: var(--clr-light);
    font-size: .9rem;
}


#footer a:not(.btn):link,
#footer a:not(.btn):visited {
    color: var(--clr-light);
    text-decoration: none;
}

#footer a:not(.btn):hover,
#footer a:not(.btn):active {
    color: var(--clr-highlight);
    text-decoration: underline;
}

.topfooter {
    padding: var(--basegap) 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
}

.topfooter .topfooter-inner {
    display: grid;
    column-gap: calc( 2 * var(--basegap) );    
    row-gap: calc( 2 * var(--basegap) );
}

.topfooter .topfooter-inner > img {
    width: min(50%, 300px);
    margin: 0 auto;
}

@media only screen and (min-width: 992px) {
    .topfooter {
        padding: var(--basegap) 0;
        color: var(--clr-light);
        text-align: start;
    }
    .topfooter .topfooter-inner {
        grid-template-columns: 25% 1fr 1fr;
    }
    .topfooter .topfooter-inner > img {
        width: 100%;
        margin: 0;
    }
}
 
#socials a {
    padding: 1rem;
    border-radius: 0;
}

#socials-top {
    display: none;
}

@media only screen and (min-width: 1200px) {
    #socials-top {
        display: block;
        margin-top: .5rem;
        text-align: center;
    }
}

#socials-top a {
    font-size: 1.75rem;
}

#socials-top a:link,
#socials-top a:visited {
    color: var(--clr-brand);
    text-decoration: none;
}

#socials-top a:hover,
#socials-top a:active {
    color: var(--clr-highlight);
    text-decoration: none;
}
    



form.form-vertical {
    display: grid;
    row-gap: 1rem;
}

form.form-vertical .form-control {
    border: 1px solid var(--clr-highlight);
    border-radius: 0;
    
}