/* beta raf */
input.sptxtam {
display:none !important;
}
#bg { transition: .5s; }
svg #bg { 
  fill: rgb(2, 120, 122); 
}
svg:hover #bg { 
  fill: rgb(2, 140, 100); 
  transform: scale(.95);
  transform-origin: 50% 50%;
}
text.svgWebButtonText {
	/*font: "bold 900px";  /* do not change, needed for edge */
  	font-weight: bold;
	font-family: "Comic Sans MS"; /* do not change, check in edge */
	fill: #fffffa;
}
text.delsvgWebButtonText {
  font-style:italic;
  font-variant:normal;
  font-weight:bold;
  font-stretch:normal;
  font-size:900px;
  font-family:'Comic Sans MS', cursive, sans-serif;
}
.body {
  font-size: 20px;
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;  
  color: #fff;
}
.well{
  background-color: #1f4566 !important;
}

.loadingText {
text-align: center;
position: absolute;

width: 160px;
height: 50px;
padding-top: 14px;
left: 50%;
margin-left: -80px;
top: 50%;
margin-top: -25px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAyCAYAAADbYdBlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQZJREFUeNrs3TFOAlEYhdEZKa2IWyAUxMKlUNi7DhZA4TKAhoKCxBW4BypDY2tirEgojPG+AIEFyLzCc5JLMXR/vhC6aZuz+2ycDbK7Bv7eZ7bN1tmmPGiPXzxmT+5Dh2bZqj3+8k2zGzehQz/ZpAT4nI3cgwo2JcBldusWVLArAb64A7X434cAESAIEAGCABEgCBABggARIAgQAYIAESAIEAGCABEgCBABggARIAgQAYIAESAIEAGCABEgCBABIkAQIAIEASJAECD/KMCdM1DJvgT47g5Usi0BLprDi+OgS6W5RS8fH9l39uAmdGievbYXD04vrB5mfffhCr6yt+bihdW/AgwA+yIa0DKTmhQAAAAASUVORK5CYII=) no-repeat;
  color: #fff;
font-weight: bold;
text-shadow: #000 0px 0px 0px;
}

/* beta raf */
/* Boxed layout wrapper with rounded border and subtle shadow */
.container-component {
  border: 1px #828201 solid;
  padding: 20px;
  /*box-shadow: 0 0 5px #000;*/
  border-radius: 2vh; /* Curvature of the corners */
  /*background-color: #fff;*/
  /*opacity: 0.8;*/
  }

body {
  background-color: #999a01; /* Replace with your background hex code */
}
:root {
  --body-bg: #999a01;
  --background-color: #999a01;
  --cassiopeia-color-primary: #999a01; /* Jouw gewenste hoofdkleur */
  --cassiopeia-color-hover: #999a01; /* Jouw gewenste hoofdkleur */
  --card-border-width:20;
  
}
.card {
  --card-border-width: 0;
}


.com-content-category-blog .item-content svg {
    max-width: 100%;
    width: auto;
    max-height: 40vh;
    height: auto;
    display: inline-block;
}

div.mod-languages ul li.lang-active {
    background-color: #999a01;
}
/* cookie alert */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327 url("cubes.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
/* cookie alert */