/**.n2-ss-22-align {
   display: none !important;

    }
**/



td {
  border-width: 1px;
}

/* Color the dropdown menu in the menu with the class .metismenu.mod-menu .mm-collapse */

.metismenu.mod-menu .mm-collapse {
  color: #848687 !important;  
  background-color: white;
}



@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-BoldItalic.woff2') format('woff2'),
        url('../fonts/ComicNeue-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-Italic.woff2') format('woff2'),
        url('../fonts/ComicNeue-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/*Menu bold*/
ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
  font-weight:bold;
} 

@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-Bold.woff2') format('woff2'),
        url('../fonts/ComicNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-Light.woff2') format('woff2'),
        url('../fonts/ComicNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-LightItalic.woff2') format('woff2'),
        url('../fonts/ComicNeue-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Comic Neue';
    src: url('../fonts/ComicNeue-Regular.woff2') format('woff2'),
        url('../fonts/ComicNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Use the importend font (See first lines of the document) on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

body {
    font-family: 'Comic Neue', sans-serif;

}

h1, h2, h3, h4, h5, h6{font-family: 'Comic Neue';font-weight: bold;font-style: italic; font-weight: 700; color:#455C99}




/* Cassiopeia changes */

/**.footer {
    background-image: url('../images/potlode2aomgekeerd.png');
}**/

.container-header {
 background-color: white;
 background-image: none;
}


 .container-header .mod-menu {
 color: #000;
 font-size: 1.5rem;
 flex: unset;
 
}
.container-header .navbar-toggler {
 color: #000;
 border: 1px solid #000;
}



/*Menu colors   verwyder die c aan die einde van al die items om dit weer te laat werk*/
.item-101, .item-101 > a{
  color: #3fa16b !important;
}
.item-107, .item-107 > a{
  color: #4219c3 !important;
}
.item-110, .item-110 > a{
  color: #c03296 !important;
}
.item-111, .item-111 > a{
  color: #0097b2 !important;
}
.item-180, .item-127 > a{
  color: #fa002a !important;
}
.item-128, .item-128 > a{
  color: #4ecc97 !important;
}
.item-129, .item-129 > a{
  color: #fa9522 !important;
}
.item-130, .item-130 > a{
  color: #456c9d !important;

}