.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #000000;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
.container-header {
  background-color: #000000;
  background-image: none; }
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}
:root {
    --website-color-1: #000000;
    --website-color-2: #000000;
    --website-color-3: #a78040;
}
@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-3) !important;
        --cassiopeia-color-hover: var(--website-color-2) !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: #ffffff;
    background-color: #53595e;
    }
    #cf_1 { /* Convert Forms also uses CSS Variables */
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
}
}
.container-footer {
  background-color: #000000;
  background-image: none; }
}