.elementor-313 .elementor-element.elementor-element-f0cf748{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-1fb47ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-78a6063{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-7540800{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-313 .elementor-element.elementor-element-78a6063{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-313 .elementor-element.elementor-element-f0cf748{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-78a6063{--padding-top:20px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}}/* Start custom CSS for container, class: .elementor-element-f0cf748 *//* =========================================================
   ANTHONY OKOCHU LEGAL PRACTICE
   POST HEADER CONTAINER
   ELEMENTOR CONTAINER FIX
========================================================= */


/* =========================================================
   MAIN ELEMENTOR CONTAINER
========================================================= */

.aolp-post-header-container {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    /*
     * 100PX CLEARANCE FOR STICKY HEADER
     */
    padding-top: 300px !important;

    padding-right: 0 !important;

    padding-bottom: 0 !important;

    padding-left: 0 !important;

    margin: 0 !important;

    overflow: visible !important;

    position: relative !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR INNER CONTAINER
========================================================= */

.aolp-post-header-container > .e-con,
.aolp-post-header-container > .e-con-inner {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR WIDGET
========================================================= */

.aolp-post-header-container
.elementor-widget {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HTML WIDGET CONTAINER
========================================================= */

.aolp-post-header-container
.elementor-widget-container {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTUAL POST HEADER
========================================================= */

.aolp-post-header-container
#aolp-post-header {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HEADER INNER
========================================================= */

.aolp-post-header-container
.aolp-post-header-inner {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITLE — NEVER CROP
========================================================= */

.aolp-post-header-container
.aolp-post-title {

    width: min(1180px, 100%) !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

    overflow: visible !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITLE CHILD ELEMENTS
========================================================= */

.aolp-post-header-container
.aolp-post-title * {

    overflow: visible !important;

    max-height: none !important;

}


/* =========================================================
   META
========================================================= */

.aolp-post-header-container
.aolp-post-meta {

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: visible !important;

}


/* =========================================================
   ELEMENTOR FLEX SAFETY
========================================================= */

.aolp-post-header-container.e-con {

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: visible !important;

    align-items: stretch !important;

    justify-content: flex-start !important;

}


/* =========================================================
   PREVENT ELEMENTOR FROM CLIPPING ANIMATED CONTENT
========================================================= */

.aolp-post-header-container,
.aolp-post-header-container *,
.aolp-post-header-container *::before,
.aolp-post-header-container *::after {

    box-sizing: border-box;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .aolp-post-header-container {

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        padding-top: 100px !important;

        overflow: visible !important;
    }


    .aolp-post-header-container
    > .e-con,
    .aolp-post-header-container
    > .e-con-inner {

        height: auto !important;

        min-height: 0 !important;

        overflow: visible !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .aolp-post-header-container {

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        /*
         * KEEP 100PX TOP CLEARANCE
         */
        padding-top: 100px !important;

        padding-right: 0 !important;

        padding-bottom: 0 !important;

        padding-left: 0 !important;

        overflow: visible !important;
    }


    .aolp-post-header-container
    > .e-con,
    .aolp-post-header-container
    > .e-con-inner {

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        padding: 0 !important;

        overflow: visible !important;
    }


    .aolp-post-header-container
    .elementor-widget {

        height: auto !important;

        min-height: 0 !important;

        overflow: visible !important;
    }


    .aolp-post-header-container
    .elementor-widget-container {

        height: auto !important;

        min-height: 0 !important;

        overflow: visible !important;
    }


    .aolp-post-header-container
    .aolp-post-title {

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        overflow: visible !important;

        white-space: normal !important;

        word-break: normal !important;

        overflow-wrap: normal !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .aolp-post-header-container {

        padding-top: 100px !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        overflow: visible !important;
    }

}


/* =========================================================
   SAFETY OVERRIDE
   Elementor sometimes applies overflow:hidden directly
   to generated container wrappers.
========================================================= */

.aolp-post-header-container
.e-con.e-child {

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: visible !important;
}/* End custom CSS */