/*
Theme Name: Riksen Bouw
Theme URI:  https://www.riksenbouw.nl/
Author:     Klok Media
Author URI: https://www.klokmedia.nl/
Template:   Divi
Version:    1.0
License:    GNU General Public License v2 or later
*/

span.rb-bruin{
	color:#926c4b;
}

span.rb-zwart{
	color:#000000;
}

/* Riksen Bouw – mobile/tablet menu altijd full-width (start links, niet na logo) */
@media (max-width: 980px) {

  /* 1) Zorg dat het mobile menu aan de viewport hangt */
  header.et-l.et-l--header .et_pb_menu .mobile_nav .et_mobile_menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;

    /* 2) Zet het paneel onder de header (pas dit getal aan indien nodig) */
    top: 116px !important;

    /* 3) Netjes scrollbaar */
    height: calc(100vh - 116px) !important;
    overflow-y: auto !important;

    /* 4) Volledige breedte: geen “kaartje” look */
    border-radius: 0 !important;

    /* 5) Altijd boven content */
    z-index: 99999 !important;

    /* Voorkom horizontale scroll door 100vw */
    box-sizing: border-box;
  }

  /* Optioneel: padding zoals in je design */
  header.et-l.et-l--header .et_pb_menu .mobile_nav .et_mobile_menu{
    padding-left: 28px;
    padding-right: 28px;
  }
}