/****************************************************************************
 * Images
 ****************************************************************************/
/*img:not([class*="wp-image"]){
    display: block; width: 100%;
}*/
img.alignnone {
    width: 100%;
}

/****************************************************************************
 * Captions
 ****************************************************************************/
.wp-caption{
    display: block; width: 100% !important; position: relative;
    margin: 0 0 1rem; 
}
.wp-caption .wp-caption-text{
    margin: 0; text-align: center;
    padding: .5rem 0 0;
}
/****************************************************************************
* Gallery
****************************************************************************/
.gallery{
    margin: -1rem -1rem 0;
    font-size: 0; clear: both;
}
.gallery:last-child{
    margin-bottom: -1rem;
}
.gallery .gallery-item{
    display: inline-block; width: 100%;
    padding: 1rem; vertical-align: middle;
    font-size: 1rem;
}
.gallery.gallery-columns-2 .gallery-item,
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item{
    width: 50%;
}
.gallery .gallery-item .data_ratio{
    padding-bottom: 100%; display: block;
}

.gallery-icon{
    padding-bottom: 100%; width: 100%;
    position: relative;  overflow: hidden;
}
.gallery-icon img{
    position: absolute; left: 50%; top: 50%;
    height: auto; width: auto; display: block;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.gallery-icon.landscape img{
    height: 100%; max-width: none;
}
.gallery-icon.portrait img{
    width: 100%;
}

@media screen and (min-width:40em){
    /****************************************************************************
    * Captions
    ****************************************************************************/
    img.alignleft,
    .wp-caption.alignleft{
        float: left;
        padding-right: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    img.alignright,
    .wp-caption.alignright{
        float: right;
        padding-left: 1rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
    }
    
    
    /****************************************************************************
    * Gallery
    ****************************************************************************/
    .gallery{ margin: 0 -1rem 1rem; }
    .gallery .gallery-item{ padding: 1rem; }
    .gallery.gallery-columns-2 .gallery-item{ width: 50%;}
    .gallery.gallery-columns-3 .gallery-item{ width: 33.333%;}
    .gallery.gallery-columns-4 .gallery-item,
    .gallery.gallery-columns-5 .gallery-item,
    .gallery.gallery-columns-6 .gallery-item,
    .gallery.gallery-columns-7 .gallery-item,
    .gallery.gallery-columns-8 .gallery-item,
    .gallery.gallery-columns-9 .gallery-item{
        width: 25%;
    }
}


@media screen and (min-width:64em){
    /****************************************************************************
    * Gallery
    ****************************************************************************/
    .gallery.gallery-columns-2 .gallery-item{ width: 50%;}
    .gallery.gallery-columns-3 .gallery-item{ width: 33.333%; }
    .gallery.gallery-columns-4 .gallery-item{ width: 25%;}
    .gallery.gallery-columns-5 .gallery-item{ width: 20%;}
    .gallery.gallery-columns-6 .gallery-item{ width: 16.666%;}
    .gallery.gallery-columns-7 .gallery-item{ width: 14.285%;}
    .gallery.gallery-columns-8 .gallery-item{ width: 12.5%;}
    .gallery.gallery-columns-9 .gallery-item{ width: 11.111%;}
}