/* CSS that will be loaded on the frontend of single posts (except Pages) */

@import 'variables';

#top{
    .single-hero-section,
    .single-content-section{
        .container{
            max-width: calc( #{$container-single} + 100px );
        }
    }
    .single-content-section{
        line-height: 1.8;
        @media only screen and (min-width: 990px){
            font-size: 20px;
        }
        h1, h2, h3, h4, h5, h6,
	    .h1, .h2, .h3, .h4, .h5, .h6{
            margin-top: 1.5em;
        }
        h1, .h1{
        }
        h2, .h2{
        }
        h3, .h3{
        }
        h4, .h4{
        }
        h5, .h5{
        }
        h6, .h6{
        }
        blockquote{
        }
        table{
            width: 100%;
            td{
                border: 1px solid;
                padding: 5px 15px;
            }
        }
    }
}