/* --- Custom Styles --- */
/* Global */
html, body { height:100%; padding: 0; margin: 0; }
body { /* display: flex; flex-direction: column;*/ font-family: Arial; font-size: 14px; }
/* 
    body {display: flex; flex-direction: column; 
    .wraper { flex: 1 0 auto;} /* wraper close before footer *###/
*/
@media (min-width:1025px) {
    .wraper {
        min-height: calc(100vh - 250px);
    }
    form { width: 100%; }
}

a { text-decoration: underline !important;}

dl>dd {
    margin-bottom:15px;
}
dl>dd:last-child {
    margin-bottom:inherit;
}
/* Brand Mark */
p.brand-mark {
    font-size:18px;
    color:#555;
}
/* Branding Bar Overrides */
.container, .content {
    padding-bottom:0!important;
    min-height:0!important;
}


/* Header & Footer */
header.site-header a {
    font-family:inherit;
    font-size:36px;
    font-weight:500;
    line-height:1.1;
    color:#fff;
}
header.site-header a:hover, header.site-header a:focus {
    text-decoration:none;
    color:#ccc;
}
header.site-header, footer.site-footer {
    width:100%;
    padding:4px 0;
    background-color:#272727;
    color:#fff;
}

footer.site-footer a {
    color:#ffba00;
}
footer.site-footer a:hover, footer a:focus {
    color:#e5a800;
}
/* Nav */
nav.site-nav {
    width:100%;
    background-color:#444;
}
nav.site-nav ul {
    padding:0;
    margin:0;
}
nav.site-nav ul>li {
    display:inline-block;
}
nav.site-nav p.nav-title {
    color:#fff;height:64px;margin:0;line-height:64px;
}
nav.site-nav .nav-toggle-links, nav.site-nav .nav-toggle-search {
    background-color:#272727;
    border-color:#272727;
}
nav.site-nav ul>li>a {
    display:block;
    color:#fff;
    padding:15px;
}
nav.site-nav ul>li>a:hover, nav.site-nav ul>li>a:focus {
    background-color:#666;
    text-decoration:none;
}
section.navigation-links {
    clear:both;
}
.credits {
    font-size:12px;
    margin-top:30px;
}

.mobile-closed {
    display: block;min-width:130px;
}
.visible-sm {
    display: none;
}
.topleftNav {
    margin-top: 10px;
}
.leftX { /*margin-left:-150px;*/ }
@media (max-width: 991px) {
    .mobile-closed {
        display: none;
    }

    .topleftNav {
        margin-top: 0px;
    }
    .leftX { /*margin-left: -100px; */ }
    .visible-sm {
        display: block;
    }
}

@media (max-width: 767px) {
    .navigation-items li {
        display: block !important;
        text-align: center;
    }

    .mobile-closed {
        display: none;
    }

    .topleftNav {
        margin-top: 0px;
    }
    .leftX { /*margin-left: 0px; */ }
}