/*
Crafting Guide - classes.scss

Copyright (C) 2015 by Redwood Labs
All rights reserved.
*/

.adsbygoogle {
    margin-top: 3em;

    &:first-child {
        margin-top: 0;
    }
}

.centered {
    text-align: center;
}

.content {
    background: $color-content;
    box-shadow: 10px 10px 20px #666;
    margin: 2em auto;
    max-width: 96em;
    position: relative;
    width: 100%;
}

.error { background: $color-error !important; }

.error-new { background: $color-error-new !important; }

.sidebar {
    position: relative; width: 18.75%;

    display: inline-block;
    padding: 1em;
    vertical-align: top;

    .titleImage {
        margin-bottom: 2em;

        a {
            img {
                position: relative; width: 16em; min-height: 16em;
                @include pixel-image;
            }
        }
    }

    .externalLink {
        position: relative; width: 80%;
        margin: 0.5em 10%;
        display: none;

        p {
            font-family: $font-family-normal;
            font-size: $font-size-normal;
            text-align: center;
        }
    }
}

.mainBody {
    position: relative; width: 81.25%;

    display: inline-block;
    padding: 1em;
    padding-top: 2em;
    vertical-align: top;
}

.section {
    margin-top: 3em;

    h2 {
        font-family: $font-family-header;
        font-size: $font-size-large;
        margin-bottom: 0.5em;
    }

    h3 {
        font-family: $font-family-header;
        font-size: $font-size-normal;
        margin: 2em 0 0 0.5em;
    }

    .entry {
        position: relative; width: 100%;
        padding: 0 2em;
    }

    .panel {
        background: white;
        padding: 1em;
    }
}