/* Responsive layout for prosilver / prosilver_se */

/* Base adjustments */
html, body {
    overflow-x: hidden;
}

/* Wrap full width on mobile */
#wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px !important;
}

/* Header adjustments */
.headerbar {
    padding: 8px !important;
}

#site-description h1, 
#site-description p {
    text-align: center !important;
}

/* Navigation */
#nav-main {
    display: none;
}

.responsive-menu-link {
    display: block !important;
    padding: 10px;
    background: #1a4fa3;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/* Forums list */
.forumlist {
    width: 100% !important;
}

.forumlist .row {
    display: block !important;
    padding: 10px !important;
}

/* Topic list */
.topiclist {
    width: 100% !important;
}

.topiclist .row {
    display: block !important;
    padding: 10px !important;
}

/* Posts */
.post {
    width: 100% !important;
    margin: 0 !important;
}

.postprofile {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

.postbody {
    width: 100% !important;
    float: none !important;
}

/* Buttons */
.button, .buttons {
    width: 100% !important;
    text-align: center !important;
    margin: 5px 0 !important;
}

/* Forms */
fieldset {
    width: 100% !important;
}

input[type="text"],
input[type="password"],
textarea,
select {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Images */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Tables */
table {
    width: 100% !important;
    display: block !important;
    overflow-x: auto !important;
}

/* Footer */
#page-footer {
    padding: 10px !important;
    text-align: center !important;
}

/* Breakpoints */
@media (min-width: 701px) {
    .responsive-menu-link {
        display: none !important;
    }
}