.elementor-4787 .elementor-element.elementor-element-5d8f0515{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-5d8f0515 *//* =========================================================
   CORAL GABLES GAZETTE
   SINGLE POST MASTER LAYOUT
   ========================================================= */


/* =========================================================
   DESKTOP — 1024px+
   ========================================================= */

@media (min-width: 1024px) {

    /* -----------------------------------------------------
       MAIN SINGLE-POST CONTENT REGION
       Pull the entire gray article/sidebar area inward
       ----------------------------------------------------- */

    body.single-post .site-main {
        width: 85% !important;
        max-width: 85% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       ARTICLE CONTENT
       Keep the working 18% offset
       ----------------------------------------------------- */

    body.single-post .entry-content {
        margin-left: 18% !important;
        margin-right: 0 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       HEADLINE
       ----------------------------------------------------- */

    body.single-post .entry-title {
        margin-left: 18% !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       META / BYLINE
       ----------------------------------------------------- */

    body.single-post .entry-meta,
    body.single-post .post-meta {
        margin-left: 18% !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       SIDEBAR
       Keep the sidebar inside the 85% post region
       ----------------------------------------------------- */

    body.single-post .sidebar,
    body.single-post .widget-area,
    body.single-post #secondary {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       WIDGETS
       Slightly narrower than the available sidebar
       ----------------------------------------------------- */

    body.single-post .sidebar .widget,
    body.single-post .widget-area .widget,
    body.single-post #secondary .widget {
        width: 88% !important;
        max-width: 88% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       WIDGET CONTENT
       ----------------------------------------------------- */

    body.single-post .sidebar .widget > *,
    body.single-post .widget-area .widget > *,
    body.single-post #secondary .widget > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       IMAGES
       ----------------------------------------------------- */

    body.single-post .sidebar .widget img,
    body.single-post .widget-area .widget img,
    body.single-post #secondary .widget img {
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

}


/* =========================================================
   TABLET — 768px–1023px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    body.single-post .site-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .entry-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    body.single-post .entry-title,
    body.single-post .entry-meta,
    body.single-post .post-meta {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .sidebar .widget,
    body.single-post .widget-area .widget,
    body.single-post #secondary .widget {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    body.single-post .site-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .entry-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    body.single-post .entry-title,
    body.single-post .entry-meta,
    body.single-post .post-meta {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .sidebar .widget,
    body.single-post .widget-area .widget,
    body.single-post #secondary .widget {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   SMALL PHONES — 480px AND BELOW
   ========================================================= */

@media (max-width: 480px) {

    body.single-post .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-post .sidebar .widget,
    body.single-post .widget-area .widget,
    body.single-post #secondary .widget {
        width: 100% !important;
        max-width: 100% !important;
    }

}/* End custom CSS */