/* OO Olivero — jouw overrides bovenop Olivero */

/* Voorbeelden: systeemkleuren met CSS-variabelen */
:root {
  /* eigen merk-kleuren (pas aan) */
  /* --oo-primary: #BD0F94; */
  --oo-accent:  #ff6a00;
  --oo-hoofding:  #39085a; /* donkere jaarkleur */


  --oo-header-max: 240px;
  --oo-header-min: 72px;
  --oo-collapse-distance: 500;
  --oo-bg-rgb: 0 0 0;        /* bv. zwart */
  --oo-bg-alpha-max: 0.95;   /* iets transparant aan start */
  --oo-bg-alpha-min: 0.1;    /* altijd subtiele tint */

  
}

/* Buttons iets ronder */
.button, .button--primary {
  border-radius: 9999px;
}

/* Site-naam wat zwaarder */
.site-name a {
  font-weight: 700;
  text-decoration: none;
}

/* Menu spacing */
.primary-nav__menu .menu-item > a {
  padding-inline: 1rem;

  

}
/* .primary-nav__menu .menu-item {
color:white;
}
.primary-nav__menu .menu-item > a:hover {
  background-color: var(--oo-accent);
  color: red;
} */

.primary-nav__menu-link{
  /* color: whitesmoke; */
  color: var(--color--primary-60, #3fcf13); 

}

.primary-nav__menu-link:hover{
  color: var(--oo-primary);
  color:var(--color--primary-80, #3fcf13)
}

/* Body */
body {
  font-family: 'Crimson Text', Georgia, Times, 'Times New Roman', serif;

  background-image: url("../img/oo_wallpaper.svg");
    background-size: 120px auto;      /* schaal logo */

}

.icon--menu-toggle{
   color: var(--color--primary-40, #3fcf13) !important; 
}

.block-search-wide__button {
   color: var(--color--primary-40, #3fcf13) !important; 
}

div#page-wrapper {
    box-shadow: 0 1px 36px rgb(0, 0, 0, 0.42);
}

.secondary-nav__menu-item--level-1{
  color:whitesmoke;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', 'Trebuchet MS', sans-serif;
}

/* Site naam + slogan */
.site-branding__name,
.site-branding__slogan {
  font-family: 'Roboto Slab', 'Trebuchet MS', sans-serif;
}

#block-oo-olivero-welkom{
  background-color: color-mix(in srgb, var(--oo-hoofding) 20%, white);
  /* color: var(--oo-primary); */
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 0;
}



/* titels van artikels in hoofdletters */
h2{
   /* text-transform: uppercase;*/
}
/* de auteur wat dichter bij titels */
.node__title{
margin-block-end: 0;
}

/* mottige selectie voor toetsenbord gebruikers uitgeschakeld */
a:focus,
button:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important;
}


/* frontpage */
/* variatie in achtergrond van nieuwsberichten */
/* .view-frontpage .views-row:nth-child(even)::before { */
.view-frontpage .views-row:not(:first-child)::before {

  content: "";
  display: block;
  border-top: 9px double color-mix(in srgb, var(--oo-hoofding) 30%, white);
  width: 42%;
  margin-bottom: 1rem;
}


/* wit vlak van header verwijderen */
#site-header__inner {
  /* background: none; */
 background: var(--oo-hoofding);

}

#header-nav{
  /* background: none; */
/* background: var(--oo-primary); */
  background: var(--oo-hoofding);

}

.site-branding{
  background:var(--oo-hoofding);

}

.site-branding__logo {
    width: 3rem;
}

.site-header__initial{
  background: var(--oo-hoofding);
}

.site-header__inner{
  background: var(--oo-hoofding);
  box-shadow: none !important;
  transition: background-color 100ms linear, box-shadow 200ms ease;
}

.icon--menu-toggle{
  background:none !important;
}