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

/* Menu Login button */
.menu-login {
  background-color: var(--wit);
  border-radius: var(--ruimte-l);
  padding-top: 0px;
  padding-right: 1.3em;
  padding-bottom: 0.1em;
  padding-left: 1.3em;
  transition: 0.3s;
}
.menu-login:hover {
  transition: 0.3s;
  opacity:0.9;
}

.menu-login a {
  color: var(--dblauw) !important;
  font-size: var(--tekst-m);
  text-align: center;
  font-family: "Cairo";
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .menu-login {
    margin-left: var(--ruimte-m);
    margin-right: var(--ruimte-m);
    margin-top: var(--ruimte-l);
  }
}

/* Buttons Fix */
a.button-groen,
a.button-blauw{
  color:var(--wit) !important;
  text-decoration:none !important;
}
a.button-groen:hover,
a.button-blauw:hover {
  opacity:0.95;
}


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

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

/* Achtergrond projectslider Homepage */
.projectslider-bg {
  background: linear-gradient(to bottom, #1e60ff 0%, #ffffff 100%) right / 50% 100% no-repeat, #ffffff;
}
.projectslider-bg {
  background:
    linear-gradient(to bottom,
      var(--dblauw) 0%,
      var(--dblauw) 80%,  /* tot 80% blauw */
      var(--wit) 80%,  /* vanaf 80% wit */
      var(--wit) 100%
    ) right / 50% 100% no-repeat,
    var(--wit);
}
.projectslider-bg-breed {
  background:
    linear-gradient(to bottom,
      var(--dblauw) 0%,
      var(--dblauw) 80%,  /* tot 80% blauw */
      var(--wit) 80%,  /* vanaf 80% wit */
      var(--wit) 100%
    );
}


/* Projectfilter */
.projectfilter--div-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
a.projectfilter--div {
  text-decoration:none !important;
}
.projectfilter--div:hover {
  opacity:0.9 !important;
  transition:.3s;
}



/* Zoekresultaat */
.zoekresultaat a { text-decoration:none !important; }