/*header*/
/*.container-header .navbar-brand img {
  min-width: 1rem;
} */

.h1, h1 {
    font-size: calc(1rem + 0.75vw);
}

.h2, h2 {
    font-size: calc(1rem + 0.5vw);
    font-style: italic;
  
}

h3, .h3 {
    font-size: calc(.9rem + .4vw);
}


header.header.container-header.full-width.position-sticky.sticky-top {
  background: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.container-header .mod-menu {
    color: black;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
} 
.container-header .mod-menu>li>a {
  
    font-size: medium;
    
}
.container-header .metismenu>li.level-1.active>a, .container-header .metismenu>li.level-1.active>button, .container-header .metismenu>li.level-1>a:hover, .container-header .metismenu>li.level-1>button:hover {
    text-decoration:underline;
}

.container-header .navbar-toggler {
    border: 0px;
    color: #00c;
}
.navbar-toggler:focus {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.container-header .container-nav {
   
    flex-wrap: nowrap;
}  
  

/* menu mobiel
@media (max-width: 767px)
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    position: absolute;
    top: 90px;
    right: -20px;
}*/

.metismenu.mod-menu .metismenu-item>a, {
    font-size: medium;
   
}


/*footer */

.footer .grid-child {
       padding: 0rem 0em;

}

.offcanvas.show {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
}
@media (min-width: 992px) {
  .offcanvas-end {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
    --offcanvas-width: 300px;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    color: #fff;
     font-size: large;
  }
  .container-header .container-nav {
      justify-content: espace-between;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
--offcanvas-width: 300px;
}

/* Bootstrap 5 Breackpoints */
/* Desktop First */
@media (max-width: 1399px) {/*Your code goes here*/}
@media (max-width: 1199px) {/*Your code goes here*/}
@media (max-width: 991px) {/*Your code goes here*/}
@media (max-width: 767px) {/*
	.container-header .container-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: end;
    padding-bottom: 1em;
  } 
    .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 1em;
    justify-content: end;
  }
  ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    position: absolute;
    top: 50px;
    width: 322px;
    background: #ffffffe0;
    right: -20px;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 10%);
  }
  
  
  /*Your code goes here*/}
@media (max-width: 575px) {/*Your code goes here*/}
/* Mobile First */
@media (min-width: 576px) {/*Your code goes here*/}
@media (min-width: 768px) {  /*Your code goes here*/}
@media (min-width: 992px) {/*Your code goes here*/}
@media (min-width: 1200px) {/*Your code goes here*/}
@media (min-width: 1400px) {/*Your code goes here*/}






/*.container-header .grid-child {
    padding: 0px;
}
.container-header .navbar-brand{
    padding-top: 0px;
} 
 end header */

/* stephen header size fix */
/*header.header.container-header {
  height:max-content;
  min-height:108px;
}
header.header.container-header > *{
  max-height: max-content;
  height: min-content;
  padding-top: 5px!important;

}
header.header.container-header > *:first-child{
  width: fit-content;
  margin: auto;
}
header.header.container-header *:not(button):not(img){
  max-height: max-content;
  padding: 0px;
  height: min-content;
}
.container-banner.full-width {
  margin-top: 0px; /*28px
} */
/* end header size fix */
/* menu styling - Niek */
/*background dropdown menu - Niek
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  color: black;*/
  /* margin-bottom: 45px;
  background: #ffffffe0;
}

.grid-child.container-nav {
    float: right;
    margin: -45px 15px 0px 0px;
}

*/
/* menu 
.container-header .navbar-toggler {
  color: #8e2828;
  cursor: pointer;
  border: 1px solid #810d25;
}
.brand-logo img {
 max-width: 48%;
  height: auto;
 stephen logo size fix 
  max-width: 103px; */
 /* max-height: 103px;
}
li.nav-item {
  color: black;
}
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>button:hover:before {
  right: 2px;
  left: 0;
  background: rgb(129, 13, 37);
}*/

/* stephen underline in dropdown menu adjustment 
.container-header .metismenu>li.active>button:before {
  right: 2px;
  left: 0;
  background:none;
}
*/
/*niek, moving navbar upwards and centering 
div#navbar1 {*/
  /*margin-bottom: 40px;
  margin-right: 40px;
}*/
  
/* Footer 
  
.footer .grid-child {
    padding: unset;
    margin: auto;
  } */