/**
 * Home Bottom Module
 */

#content .homeBottom {
    width: 100%;
    background: url('../../../images/squairy_blue.jpg') repeat scroll 0 0 #1a62aa;

    .hWrapper {
        max-width: 1400px;
        margin: 0 auto;
        padding: 18px;
        overflow: hidden;

        .homeDescription,
        .homeNews {
            margin: 0;

            .csc_post_content {
                display: flex;
            }

            h1,
            h2 {
                color: #d5cb23;
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 1.5em;
                font-weight: 300;
                line-height: 1em;
                margin-bottom: 15px;
                margin-top: 12px;
            }

            p,
            em {
                color: #fff;
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                font-weight: 300;
                line-height: 1.25em;
                margin: 0 0 15px 0;
                padding-left: 0;
            }

            h3,
            h3 a {
                color: #fff;
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 20px;
                font-weight: 400;
                line-height: 1em;
                margin: 15px 0 8px 0;
                font-style: normal;

                &:hover {
                    color: #d5cb23;
                }
            }

            a,
            a em,
            a em strong {
                color: #e70000;
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                font-weight: 300;
                font-style: italic;
                text-decoration: none;

                &:hover {
                    color: #f0ff00;
                }
            }

            .csc_post_thumbnail {
                order: 2;
                margin: 0 0 5px 8px;
                background-color: #fff;
                border: 1px #bcbcbb solid;
                height: 87px;

                img,
                a {
                    padding: 0;
                    margin: 0;
                    line-height: 0;
                    max-width: none;
                }

                img {
                    float: right;
                }
            }

            .category-news {
                clear: both;
                overflow: hidden;
                margin-bottom: 12px;
            }

            &.homeDescription p,
            &.homeDescription em {
                font-size: 16px;
                line-height: 1.5em;
            }

            @media (min-width: 768px) {
                margin: 0;
                padding: 25px;
                width: 48%;

                &.homeDescription {
                    float: left;
                }

                &.homeNews {
                    float: right;
                }
            }
        }

        @media (min-width: 768px) {
            .homeDescription p,
            .homeDescription em {
                font-size: 16px;
                line-height: 1.5em;
            }
        }
    }
}

h5.homeNewsLink {
    font-size: 0.8em;
    line-height: 1em;
    padding: 0;
    background-color: #0294ca;
    text-align: center;
    clear: both;
    margin: 15px 0 10px;
    text-transform: uppercase;

    a {
        color: #fff !important;
        font-weight: 600 !important;
        padding: 8px 12px;
        display: block;

        &:hover {
            text-decoration: underline !important;
        }
    }
}