/* ==========================================================================
   1. WORDPRESS CUSTOMIZER ENHANCEMENTS
   ========================================================================== */

/* Widens the Customizer sidebar so you have more room to work */
.wp-full-overlay-sidebar {
    min-width: 436px;
    max-width: 600px;
    width: 18%;
}

/* Increases the height of the Custom CSS code editor inside the Customizer */
.customize-control-code_editor .CodeMirror, 
.customize-control-code_editor textarea {
    height: 27vh !important;
}

/* Adjusts the mobile preview frame size inside the standard WP Customizer */
.preview-mobile .wp-full-overlay-main {
    margin: 50px 0 auto -160px;
    margin-top: 50px; /* Note: This overrides the margin shorthand above it */
    width: 422px;
    height: 717px;
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    position: absolute !important;
    top: 100px !important;
}


/* ==========================================================================
   2. FLATSOME UX BUILDER OVERRIDES
   ========================================================================== */

/* UX Builder Mobile Preview Customization */
body app.media-sm app-wrapper.sidebar-visible app-content app-content-iframe iframe.iframe-frame {
    left: 50%;
    margin-left: -187.5px;
    max-height: 889px !important;
    height: 889px !important;
    min-height: 888px !important;
    width: 451px !important;
    min-width: 451px !important;
}

/* UX Builder iPad Pro 12.9" Preview Force Override */
html#ux-builder body app.media-md app-wrapper.sidebar-visible app-content app-content-iframe iframe.iframe-frame,
html#ux-builder body app.media-md app-wrapper.sidebar-visible app-content app-content-iframe div.iframe-tools {
    left: 50% !important;
    margin-left: -512px !important;
    max-height: 1366px !important;
    height: 1366px !important;
    min-height: 1366px !important;
    width: 1024px !important;
    min-width: 1024px !important;
}


/* ==========================================================================
   3. WORDPRESS MEDIA LIBRARY
   ========================================================================== */

/* Increases the size of image thumbnails in the Media Library 'List' view */
table.media .column-title .media-icon {
    float: left;
    min-height: 100px;
    margin: 0 9px 0 0;
}

.media-icon {
    width: 100px;
    text-align: center;
}

table.media .column-title .media-icon img {
    max-width: 100px;
    height: auto;
    vertical-align: top;
}