/*
 * Loaded after all parent theme styles.
 * Keeps the look of the site from Constructo 3.x after the update to 5.x.
 */

/* 3.x used light headings */
h1, h2, h3, h4, h5, h6,
.widget-title {
    font-weight: 300;
}

/* 3.x used the footer text color for footer headings */
.site-footer .row .widget-title {
    color: #d9d9d9;
}

/* [table] shortcode: 3.x had a dark header row and no outer border */
.table-responsive > .table {
    border: 0;
}
.table-responsive > .table > thead > tr > th {
    background-color: #292929;
    color: #fff;
    text-transform: none;
    text-align: left;
    font-weight: 300;
    border-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > td {
    padding: 19px 28px;
}
.table-responsive > .table > tbody > tr > td {
    border-top-color: #ececec;
}

/*
 * Slider Revolution 6.7 (SR7) scales the layer but not the theme button inside it.
 * Size the button relative to the layer (20px on desktop = 14px button, as before).
 */
sr7-txt > a.btn.slider {
    font-size: 0.7em;
    line-height: 1.5;
    padding: 0.786em 1.214em;
}

/* 5.x adds 60px above every section on mobile (except the home page); 3.x did not */
@media (max-width: 992px) {
    body:not(.home) section {
        margin-top: 0;
    }
}

/*
 * Revslider 5 wrapped the slider in its own stacking context (z-index: 0), so following rows
 * with a negative margin (the "Wir beschriften buchstäblich alles" banner) were drawn on top.
 * SR7 does not, which lets the slider layers cover the banner.
 */
sr7-module {
    z-index: 0;
}