// $Id$
// This file is for additional SCSS rules beyond what are in variables.scss.
$imagePath: "../images/";

$tiki-topmodules-row-sidemargins: 0;
$tiki-topbar-row-sidemargins: -15px;

.header_outer {
    margin-top: 24px;
}

body.fullscreen {
    .header_outer,
    #footer {
        display: none;
    }
}

// add media query for medium and large displays
.page-header .top_modules {
    min-height: 175px;
    background: url('#{$imagePath}header_background_ltr.jpg') 50% 0 no-repeat;
    background-size: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.siteloginbar_popup > .btn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.topbar {
    margin-bottom: 20px;
}

.topbar,
.navbar-dark,
.navbar-fixed-top {
    background: #473119 url('#{$imagePath}menubar-wood.jpg') 50% 50% no-repeat !important;
    background-size: cover;
    -webkit-box-shadow: inset 0 -3px 10px #331a00;
    box-shadow: inset 0 -3px 10px #331a00;
    border: none;
    border-radius: 0;
}

.topbar .navbar-dark,
.topbar .cssmenu_horiz ul,
.topbar .navbar-dark .navbar-nav > li,
.topbar .nav > li {
    background: transparent !important;
}

.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li > a:focus { background: transparent !important; }

.navbar-dark .navbar-nav > .active {
    > a,
    > a:hover,
    > a:focus {
        background: transparent;
    }
}

.topbar_modules {
    background: #473119 url('#{$imagePath}menubar-wood.jpg') 50% 50% no-repeat !important;
    background-size: cover;
    -webkit-box-shadow: inset 0 -3px 10px #331a00;
    box-shadow: inset 0 -3px 10px #331a00;
    border: none;
    border-radius: 0;
    .navbar-dark {
        background: transparent;
        border: none;
    }
    .mb-3 {
        margin-bottom: 0;
    }
}

.row-middle {
    background: url('#{$imagePath}page_background_ltr.jpg') repeat;
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

//.layout_fixed_top_modules #middle {
//    background: url('#{$imagePath}page_background_ltr.jpg') repeat;
//    padding-bottom: 20px;
//}

#page-data {
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
}

.panel-primary > .panel-heading {
    min-height: 52px;
    padding-top: 12px;
    background: #02913d url('#{$imagePath}box_header_bg.png') repeat-x 55% 100%;
    text-align: center;
    border: 1px solid #8bc541;
}

.panel-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #ffffff;
    text-shadow: #666 0 2px 3px;
}

.btn-default, input[type="reset"], input[type="submit"] {
    background: url('#{$imagePath}button_bck.jpg') 100% 50% repeat;
    //  border: solid 1px rgba(84, 60, 27, 0.64);
    -webkit-box-shadow: 2px 2px 3px 1px rgba(43, 43, 43, 0.65);
    box-shadow: 2px 2px 3px 1px rgba(43, 43, 43, 0.65);
    text-shadow: #f2e4ab 0 1px 1px;
}

.btn-default:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #a99278;
    background: url('#{$imagePath}button_bck_hover.jpg') 100% 50% repeat;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(84, 60, 27, 0.64);
    box-shadow: 1px 1px 2px 1px rgba(84, 60, 27, 0.64);
    text-shadow: #2b2b2b 0 1px 1px;
}

#footer .row.mx-0 {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 15px
}

footer.footer {
    margin-bottom: 20px;
}

.footer .modules {
    background: url('#{$imagePath}footer_bck.jpg');
    background-size: contain;
    color: #e0d6cc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 20px;
    h3 {
        a,
        a:visited {
            color: #b29980;
        }
        &:hover {
            color: #c48054;
        }
    }
}

.articletitle .titleb {
    color: #996633;
    font-size: 0.9em;
}

// /* Autosave Preview handle */
#autosave_preview {
    background: url('#{$imagePath}page_background_ltr.jpg') repeat;
    color: $body-color;
}

.postbody-title .title > .panel-title a.link,
.panel-primary > .panel-heading .blog-postbody-title,
.panel-primary > .panel-heading a {
    color: #ffffff;
}