/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* Menu */

/* Override the lila background with white */
.container-header {
    background-color: #172532;
    background-image: none;
}



/* We add padding and radius so that on hover there is a nice background liboven 0 rb 0 lo 6 ro 6 is boven rechte hoek*/
.container-header .mod-menu a {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px; 
    padding: 3px 15px;
    color: #21ade3;
}

/* On hover there should be a gray background #eee */
.container-header .mod-menu a:hover {
    background-color: #008cc8;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #21ade3;
    border: 1px solid #21ade3;
}

/*
h1,.h1 {
  color: #21ade3
}
*/
/*
h2,.h2 {
  color: #008cc8
}
h3,.h3 {
  color: #008cc8
}
*/

/* origineel staat in css/global/standard-min.css en standard.css */
/* wijzigt kleur maar hovert niet */

:root{
  --cassiopeia-color-primary:#21ade3
  --cassiopeia-color-link:#21ade3
  --cassiopeia-color-hover:#008cc8
}

/* geen idee kleur hoovert wel van donker naar licht */
 a {
  color: #008cc8;
  text-decoration: none;
  background-color: transparant; }

a:hover {
    color: #21ade3;
    text-decoration: underline; } 

/*--- horizontal ruler uit JCE is onzichtbaar op de frontend. Het css-blok hieronder geeft kleur en dikte ---*/
/* origineel staat in template-min.css */

hr{
      /* margin:1rem 0;color:inherit; */
      /* background-color:currentColor; */
  	  background-color:#008cc8;
	  color:#008cc8;
      border:0;
      opacity:1 /* was .25 ipv 1 */
	}
  
hr:not([size]){height:3px}

/*
:root {
    --body-font-size: 12pt;
	}
*/