/* Banner Image */
.mybanner {
  min-width: 80%;
}
/* Menu */
/* Override the lila background  */
.container-header {
  background-color: #121416;
  background-image: none;
}
/* Text should be black - white*/
.container-header .mod-menu {
  color: #f8f9fa;
}
/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 6px;
  color: #f8f9fa;
}
/* On hover there should be another background*/
.container-header .mod-menu a:hover {
  background-color: #272727;
  color: #f8f9fa;
}
.level-1:hover {
  background-color: #272727;
  color: #f8f9fa;
}
.level-2 {
  background-color: #121416;
  color: #f8f9fa;
}
.level-2:hover {
  background-color: #272727;
  color: #f8f9fa;
}

/* We need to change the color of the Hamburger Menu */
.container-header .navbar-toggler {
  color: #ffffff;
  border: 1px solid #ffffff;
}
#back-top { position: fixed; }
    
.back-to-top-link {
        color: white !important;
}

:root {
	--website-color-1: #212529;
	--website-color-2: #212529;
	--website-color-3: #f8f9fa;
    /*
	--website-color-1: #D95F69;
	--website-color-2: #F29544;*/
	--body-font-size: 1.0rem;
}
@media screen and (prefers-color-scheme: dark) { /* to override the Dark Mode Colors defined in the Dark Magic plugin */
    
	:root {
        --cassiopeia-color-primary: var(--website-color-1) !important;
        --cassiopeia-color-link: var(--website-color-1) !important;
        --cassiopeia-color-hover: var(--website-color-3) !important;
        --cassiopeia-color-gradient-end: var(--website-color-1) !important;
        --cassiopeia-color-gradient-start: var(--website-color-2) !important;
    }
	
    .btn-primary {
        background-color: var(--website-color-1) !important;
    }
    .btn-primary:focus, .btn-primary:hover {
        background-color: var(--website-color-2) !important;
    }
    .back-to-top-link {
        color: white !important;
    }
    #cf_1 { /* Convert Forms also uses CSS Variables */
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
}