/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Bricks Back to top uitzetten */ 
.brxe-back-to-top.visible {
  opacity: 0 !important;
  display: none !important;
  visibility: hidden !important;
}

/* Force footer to bottom */
.brx-body {
  min-height:100vh;
  min-height:100dvh;
}

/* Hoofdmenu */
@media only screen and (max-width: 767px) {
  #menu-hoofdmenu-1 li:first-child {
    margin-top: var(--ruimte-m);
  }
}


/* Achtergrondkleuren voor o.a. ACF/GBR */
.bg-grijs-licht { background-color: var(--grijs-licht); }
.bg-rood-lichter { background-color: var(--rood-lichter); }

/* Uitlijnen voor o.a. buttons/GBR */
.align-left { align-items: flex-start; }
.align-right { align-items: flex-end; }
.align-center { align-items: center; }
.align-stretch { align-items: stretch; }


/* Hamburger icon */
.bricks-mobile-menu-toggle {
  transform: scale(1.4);
  margin-top:1.5rem;
}
:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span {
    height: 3px;
}


/* Koppen GBR */
.h1-groot {
    font-size: var(--kop-xl);
    font-weight: 400;
    color: var(--rood);
    margin-bottom: var(--ruimte-m);
}
.h2-groot {
    font-size: var(--kop-l);
    font-weight: 400;
    color: var(--zwart);
    margin-bottom: var(--ruimte-s);
}
.h3-middel {
    font-size: var(--kop-m);
    font-weight: 400;
    color: var(--zwart);
    margin-bottom: var(--ruimte-xs);
}
.h4-klein {
    font-size: var(--kop-m);
    font-weight: 700;
    color: var(--zwart);
    font-family: "PT Sans";
}



/* Dashboard Prevent */
body .prevent-tekst-button a {
  text-decoration: none;
  color:#ffffff;
}

body .geen-underline a {
  text-decoration: none;
  color:#999999;
}
body .geen-underline a:hover {
  text-decoration: none;
  color:#000000;
}