/* ==========================================================================
   editor.css loads on any screen where the Add Gallery button is output

   Any styles that will be used by the Insert Gallery modal should be put here
   ========================================================================== */

/* ==========================================================================
   Imports
   ========================================================================== */
@import "vars";
@import "mixins";

/* ==========================================================================
   Add Gallery Button
   ========================================================================== */
.envira-gallery-choose-gallery,
.envira-albums-choose-album {
    padding-left: .4em;

    span.envira-media-icon {
        background: url(images/menu-icon.png) transparent no-repeat scroll 0 0;
        width: 16px;
        height: 16px;
        display: inline-block; 
        vertical-align: text-top;
    }
}

/* ==========================================================================
   Retina
   ========================================================================== */
@media  only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx) { 
            #envira-media-modal-button .envira-media-icon[style] { 
                background-image: url(images/menu-icon@2x.png) !important; 
                background-size: 16px 16px !important; 
            } 
        }