/****************************************************************************
 * Structure
 ****************************************************************************/
.grid_wrapper{
    padding: 0;
}

.grid{
    position: relative; display: block;
    margin-top: -0.9375rem; margin-bottom: -0.9375rem;
    -webkit-transition: width .25s linear, height .25s linear;
    -moz-transition: width .25s linear, height .25s linear;
    -ms-transition: width .25s linear, height .25s linear;
    -o-transition: width .25s linear, height .25s linear;
    transition: width .25s linear, height .25s linear;
}

.grid_item{
    padding: .9375rem; overflow: hidden;
    -webkit-transition: opacity .25s linear, visibility .25s linear;
    -moz-transition:  opacity .25s linear, visibility .25s linear;
    -ms-transition:  opacity .25s linear, visibility .25s linear;
    -o-transition:  opacity .25s linear, visibility .25s linear;
    transition:  opacity .25s linear, visibility .25s linear;
}
.grid_item.grid_item_width0{
    height: 0 !important; width: 0 !important;
    padding: 0 .9375rem !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.grid_item:not(.columns){
   width: 100%; display: block;
}

.grid_sizer{
    overflow: hidden !important;
    height: 0 !important;
    padding: 0 !important;
}




/************************************************
 * Items-Stylings
 ************************************************/
.grid_item .grid_image{
    display: block; margin-bottom: 1rem;
}
.grid_item .grid_image[data-ratio]{
    position: relative; padding-bottom: 56.25%;
}



/************************************************
 * Contents
 ************************************************/
.grid_item .grid_inner > *:last-child{
    margin-bottom: 0;
}

@media screen and (min-width:40em){
    /****************************************************************************
     * Structure
     ****************************************************************************/
    .grid_item:not(.columns){
        width: 50%;
    }
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Structure
     ****************************************************************************/
    .grid_item:not(.columns){
        width: 33.333%;
    }
}