/****************************************************************************
 * Container
 ****************************************************************************/
.archive_container{
    display: block; font-size: 0;
    text-align: center; margin: 0;
}

.archive_container > * {
    display: inline-block; width: 100%;
    vertical-align: top; font-size: 1rem;
    text-align: left; padding: 0;
}

.archive_container .archive{
    margin-bottom: 1rem;;
}

/****************************************************************************
 * Archive-Items
 ****************************************************************************/
.archive_item{
    padding: 0; margin: 0;
}
.archive_item .archive_inner{
    position: relative;
}


/****************************************************************************
 * Archive-Items-Image
 ****************************************************************************/
.archive_item .archive_image {
    padding-bottom: 60%; display: block;
    margin: 0 0 1rem;
}

/****************************************************************************
 * Archive-Items-Title
 ****************************************************************************/
.archive_item .archive_title{
    display: inline-block; margin:0 0 1rem;
}
.archive_item .archive_title *{
    margin: 0;
}
/****************************************************************************
 * Archive-Items-Info
 ****************************************************************************/
.archive_item .archive_info{
    display: block; margin: 0 0 1rem;
}
.archive_item .archive_info > *{
    display: block;
}

/****************************************************************************
 * Archive-Items-CTA
 ****************************************************************************/
.archive_item .archive_cta{
    display: block;
}
.archive_item .archive_cta .button{
    margin: 0;
}


/****************************************************************************
 * With Padding
 ****************************************************************************/
/* Container */
.archive_container.has_padding {
    margin: 0 -0.625rem;
}
.archive_container.has_padding > * {
    padding: .625rem;
}
.archive_container.has_padding > * > .archive{
    margin: -0.625rem -0.625rem 0;
}
.archive_container.has_padding > *:first-child{
    padding-top: 0;
}
.archive_container.has_padding > *:last-child{
    padding-bottom: 0;
}
/* Items */
.has_padding .archive_item{
    padding: .625rem
}


/****************************************************************************
 * Modern-Styling
 ****************************************************************************/
.styling_modern .archive_inner .archive_image{ 
    position: absolute; left: 0; right: 0; bottom: 0; top: 0;
    padding: 0; margin: 0;
}
.styling_modern .archive_inner .archive_content_wrapper {
    position: relative; z-index: 10; padding: 33.333% 1rem 1rem;
}
.styling_modern .archive_inner .archive_info{
    margin: 0;
}


@media screen and (min-width:40em){
    /****************************************************************************
     * Container
     ****************************************************************************/
    .archive_container.sidebar_right_sidebar > .archive_wrapper ,
    .archive_container.sidebar_left_sidebar > .archive_wrapper {
        width: 66.666%; position: relative;
    }
    .archive_container.sidebar_right_sidebar  > .archive_sidebar,
    .archive_container.sidebar_left_sidebar  > .archive_sidebar{
        width: 33.333%; position: relative;
    }
    .archive_container.sidebar_left_sidebar > .archive_wrapper {
        left: 33.333%;
    }
    .archive_container.sidebar_left_sidebar > .archive_sidebar{
        left: -66.666%;
    }
    
    /****************************************************************************
     * Container with Padding
     ****************************************************************************/
    /* Container */
    .archive_container.has_padding {
        margin: 0 -0.9375rem;
    }
    .archive_container.has_padding > * {
        padding: 0 .9375rem;
    }
    .archive_container.has_padding > * > .archive{
        margin: -0.9375rem -0.9375rem 0;
    }
    /* Items */
    .has_padding .archive_item{
        padding: .9375rem
    }
    
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Modern-Styling
     ****************************************************************************/
    .styling_modern .archive_inner .archive_content_wrapper {
        padding: 33.333% 2rem 2rem;
    }
    .styling_modern.sidebar_no_sidebar .archive_inner .archive_content_wrapper {
        padding: 25% 2rem 2rem;
    }
}