/****************************************************************************
 * Default Container
 ****************************************************************************/
*:focus{ outline: none !important; }
.wrapper{ position: relative; padding-top: 4rem; }
#content { position: relative; z-index: 0; }


/****************************************************************************
 * Content-Section
 ****************************************************************************/
.content_section{
    position: relative;
    padding: 2rem 1rem;
    margin: 0 auto;
}

.content_section.slim{
    padding: 1rem;
}
.content_section.no_padding{
    padding: 0 !important;
}
.content_section.no_padding_bottom{
    padding-bottom: 0 !important;
}
.content_section.no_padding_top{
    padding-top: 0 !important;
}
.content_section.no_padding_left{
    padding-left: 0 !important;
}
.content_section.no_padding_right{
    padding-right: 0 !important;
}


/****************************************************************************
 * Post-Content
 ****************************************************************************/
.post_content > *:last-child{
    margin-bottom: 0;
}


/****************************************************************************
 * Post-Thumbnails
 ****************************************************************************/
.post_thumbnail > img{
    width: 100%;
}
.post_thumbnail >  [data-ratio]{
    height: 100%;
}

.small-12 + .post_thumbnail >  [data-ratio]{
    padding-bottom: 56.25%;
}

@media screen and (min-width: 40em){
    /****************************************************************************
     * Content-Section
     ****************************************************************************/
    .content_section {
        padding: 3rem 2rem;
    }
    .content_section.slim{
        padding: 1rem 2rem;
    }
    

}

@media screen and (min-width: 64em){
     /****************************************************************************
     * Content-Section
     ****************************************************************************/
    .content_section {
        padding: 4rem 4rem;
    }
    .content_section.slim{
        padding: 1rem 4rem;
    }
    

}