:root {
    --theme-dark-blue: #313A6A;
    --theme-light-blue: #9DBBE0;
    --theme-dark-red: #961417;
    --button-bg: var(--theme-light-blue);
    --button-hover-bg: var(--theme-dark-blue);
    --menu-link-color: var(--theme-dark-blue);
    --header-height: 220px;
}

body {
    background: var(--theme-dark-blue);
}

#banner {
    width: 100%;
    margin: 0;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
}

#banner .banner-filter {
    width: 100%;
    height: 150px;
}

div.alternative  a.logo-link {
    position: absolute;
    width: 300px;
    top: 0px;
}

div.alternative  a.logo-link img {
    background: rgba(49, 58, 106, 0.9);
    height: 130px;
    margin-top: 10px;
}

.content-main {
    background: #fff;
    padding: 1rem;
    border: 2rem solid var(--theme-light-blue);
}

.content-header {
    background: var(--theme-dark-blue);
}

div.wrapper-logo {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.wrapper-logo img {
    background: rgba(49, 58, 106, 0.8);
}

@media (min-width: 769px) {
    .main-nav {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 4rem;
    }
    .sm-clean a.current span,
    .sm-clean a.active span {
        color: var(--theme-dark-red);
        border-bottom: 2px solid var(--theme-dark-red);
    }

    .sm-clean a.highlighted.current span,
    .sm-clean a.highlighted.active span,
    .sm-clean a:hover.current span,
    .sm-clean a:hover.active span,
    .sm-clean a:focus.current span,
    .sm-clean a:focus.active span {
        color: #fff;
        border-bottom: 2px solid #fff;
    }
}

.main-menu-btn-icon,
.main-menu-btn-icon::before,
.main-menu-btn-icon::after {
    background: #fff !important;
}

.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active,
.sm-clean a.highlighted {
    background: var(--theme-dark-blue);
    color: #fff !important;
}

.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active,
.sm-clean ul a.highlighted  {
    background: var(--theme-dark-blue);
    color: #fff  !important;
}

.skip-to-content {
    display: none;
}

.ce-uploads img {
    margin-right: 0;
    padding-right: 0.5rem;
}
.ce-uploads .ce-uploads-fileName {
    font-size: 1rem;
}

.content-footer {
    background: #222;
}

.content-footer .wrapper {
    padding: 2rem;
}

.content-footer .align-center_sm {
    text-align: center;
}

.content-footer .entry {
    margin-right: 2rem;
}

.scrollToTop > a {
    background: var(--button-bg);
    border-radius: 50%;
    border: 2px solid  var(--button-hover-bg);
    color: var(--button-color);
    display: block;
    line-height: var(--base-size-double)
}

.scrollToTop > a:hover, .scrollToTop > a:focus, .scrollToTop > a:active {
    background: var(--button-hover-bg);
    color: var(--button-hover-color);
    border-radius: 50%;
    border: 2px solid  var(--button-bg);
}