@charset "utf-8";

:root{
    --topmenu-and-footer-color: #2F1D0D;
    --button-hover-color: var(--topmenu-and-footer-color);
    --topmenu-footer-link-color: #fff;
    --topmenu-link-hover-color: #e39c3a;
}
html {
    background : unset;
}

html, body {
    background-color: #dfd5bd;
    background-image: url('../../images/soth_general_bg.png');
}

h2 {
    color: #151721;
}

.layout {
    border-width: 0;
    box-shadow: 0px 5px 10px rgba(0,0,0, 0.2);
}

main {
    background-color: #fff;
    padding-top: 15px;
}

nav td.home a:after{
    background-image: none;
    background-color: var(--topmenu-footer-link-color);
    mask-image: url('../../../../images/layout_v3/house.svg');
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url('../../../../images/layout_v3/house.svg');
}

nav td.home a::after{
    background-image: none;
}

nav td.home a:hover::after{
    background-color: var(--topmenu-link-hover-color);
}

main nav td.home a:after{
    background-color: #fff;
    background-image: none;
}


header a.logo {
    width: 209px;
    height: 73px;
    top: 40px;
    left: 20px;
    background-image: url('../../images/layout_v2/logo.png');
    background-size: 100%;
}

header a:hover {
    color: #151721;
}

header .logged-box .password-change a:hover span,
header .logged-box .profile-edit a:hover span,
header .logged-box .sudo-back a:hover span {
    filter: contrast(1.7) brightness(0.7);
}

nav .topmenu {
    background-color: var(--topmenu-and-footer-color);
}

nav .topmenu a:hover{
    color: var(--topmenu-link-hover-color);
}

nav td.login{
    background-color: #54361b;
}

nav div.loginbox div.login-error {
    background-color: #151721;
}

nav div.loginbox div.login-error div span:after {
    color: #151721;
}

footer {
    background-color: #F2ECE0;
}

.copyright{
    background-color: transparent;
    color: #000;
    margin-top: 10px;
}

footer .box,
footer .box a {
    color: #73695b;
}

footer div.box:nth-child(2){
    border-color: #73695b;
}

footer .box {
    padding-right: 20px;
}

footer .contact .online{
    background-position-y: -32px;
}

.content .title {
    color: #2e2d2b;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiOHfuHBMDAwNAgAEADowCbdLDlPkAAAAASUVORK5CYII=') 0 8px repeat-x;
}

.content input[type=submit]:hover,
.content input[type=button]:hover,
.content .button:hover,
.content button:hover {
    background-color: var(--button-hover-color);
}

.content input[type=submit]:focus,
.content input[type=button]:focus,
.content .button:focus,
.content button:focus {
    color: #999;
}