/****************************************************************************
 * 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: 0 -0.625rem 1rem;
    font-size: 0; clear: both;
}
.gallery .gallery-item{
    display: inline-block; width: 100%;
    padding: .625rem; 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;
}

@media screen and (min-width:40em){
    /****************************************************************************
     * Captions
     ****************************************************************************/
    .wp-caption.alignleft{
        float: left; width: 50% !important;
        padding-right: .9375rem;
        margin-right: .9375rem;
    }
    .wp-caption.alignright{
        float: right; width: 50% !important;
        padding-left: .9375rem;
        margin-left: .9375rem;
    }
    
    
    /****************************************************************************
     * Gallery
     ****************************************************************************/
    .gallery{
        margin: 0 -0.9375rem 1rem;
    }
    .gallery .gallery-item{
        padding: .9375rem;
    }
    .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%;}
}