@import 'variables';
@import 'mixins';

#generic-page {
    .header {
        background-image:image-url('background-overlay-2.png');
        background-size:cover;
        background-color:$color-2;
        padding:40px 0 20px 0;
        margin-bottom:40px;
        h1 {
            @include font-size(38, 38);
            @include header-font;
            font-weight:600;
            letter-spacing:-0.3px;
            color:#fff;
        }
    }
    .lhs {
        padding-right:0;
        @include width-large() {
            padding-right:40px;
        }
    }
    .changes, .links {
        margin-top:50px;
        padding-top:20px;
        border-top:1px solid #eee;
    }

    h2,
    h3 {
        @include font-size(18, 18);
        font-weight:$fw-bold;
        margin:30px 0 10px 0;
        &:first-child {
            margin-top:0px;
        }
    }
    h4 {
        font-size: 15px;
        font-weight:$fw-bold;
        margin-bottom: 5px;
        text-decoration: underline;
    }
    img {
        display: block;
        max-width: 100%;
    }

    p+ul {
        margin-top:-10px;
    }

    .body {
        p,ul,ol {
            @include font-size(16, 23);
            margin-bottom:15px;
            strong {
                font-weight:$bold;
            }
            a {
                color:#333;
                text-decoration:none;
                border-bottom:1px solid #aaa;
            }
            li {
                margin-bottom:5px;
            }
        }
    }
    pre {
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    #widget-code-person {
        margin-left:30px;
        opacity:0.5;
        width:336px;
        height:265px;
        img {
            right:50px;
            width:150px;
        }
        display:none;
        @include width-large() {
            display:block;
        }
    }


    &.roadmap,
    &.strategy,
    &.faqs {
        h2 {
            @include font-size(20, 20);
        }
        h3 {
            @include font-size(17, 17);
            text-decoration:underline;
        }
    }
}
