/* ==================================================================
   Automatic Kunena mode for the single tpl_microplan3 template.
   Activated only when Joomla is rendering com_kunena.
   The main site keeps its normal 990px notebook layout.
   ================================================================== */

/* Original wide forum background. */
body.mp-forum-layout {
    background-image: url('../images/fon-forum.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

/* The forum uses its original 1190px graphical shell. */
body.mp-forum-layout #wrapper {
    width: 1190px;
}

body.mp-forum-layout #header {
    height: 118px;
    background-image: url('../images/head-forum.png');
    background-repeat: no-repeat;
}

body.mp-forum-layout #Menu {
    width: 1190px;
    height: 34px;
    background-image: url('../images/menu-forum.png');
    background-repeat: no-repeat;
}

body.mp-forum-layout #container {
    background-image: url('../images/body-forum.png') !important;
    background-repeat: repeat-y;
}

/* No site side modules inside the forum; Kunena gets the full 1136px area. */
body.mp-forum-layout #left,
body.mp-forum-layout #right {
    display: none !important;
}

body.mp-forum-layout #content {
    float: right;
    width: 1136px !important;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

/* The footer image is also the forum-width original. */
body.mp-forum-layout #footer {
    width: 1190px;
    min-height: 50px;
    height: 50px;
    background-image: url('../images/footer-forum.png');
    background-repeat: no-repeat;
    background-size: 1190px 50px;
}

/* Retain a usable view instead of a horizontal crop on smaller screens. */
@media (max-width: 1200px) {
    body.mp-forum-layout #wrapper,
    body.mp-forum-layout #Menu,
    body.mp-forum-layout #footer {
        width: 96%;
    }

    body.mp-forum-layout #header,
    body.mp-forum-layout #Menu,
    body.mp-forum-layout #footer {
        background-size: 100% auto;
    }

    body.mp-forum-layout #content {
        float: none;
        width: auto !important;
    }
}