.elementor-800 .elementor-element.elementor-element-abc647d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-efe737c *//* =========================================================
   FINAL RESPONSIVE FIX
   DESKTOP = KEEP ORIGINAL
   MOBILE = READABLE + SCROLLABLE IMPORTANT DATES
========================================================= */


/* =========================================================
   DESKTOP
   KEEP IMPORTANT DATES SCROLLING
========================================================= */

@media (min-width:768px){

    .apexCalendarSide{

        height:100% !important;

        min-height:0 !important;

        overflow:hidden !important;
    }


    .apexEventsCard{

        height:100% !important;

        min-height:0 !important;

        overflow:hidden !important;

        display:flex !important;

        flex-direction:column !important;
    }


    .apexEventsCard h3{

        flex:0 0 auto !important;

        font-size:20px !important;

        font-weight:800 !important;
    }


    .apexEventList{

        flex:1 1 auto !important;

        height:0 !important;

        min-height:0 !important;

        max-height:none !important;

        overflow-y:auto !important;

        overflow-x:hidden !important;

        display:flex !important;

        flex-direction:column !important;

        gap:8px !important;

        padding-right:5px !important;
    }


    /* Desktop scrollbar */

    .apexEventList::-webkit-scrollbar{

        width:6px !important;
    }


    .apexEventList::-webkit-scrollbar-track{

        background:#eef1f5 !important;

        border-radius:10px !important;
    }


    .apexEventList::-webkit-scrollbar-thumb{

        background:#8d98a8 !important;

        border-radius:10px !important;
    }


    /* RESTORE DESKTOP FONT SIZES */

    .apexEventContent h4{

        font-size:12px !important;

        font-weight:800 !important;
    }


    .apexEventContent p{

        font-size:10px !important;

        font-weight:400 !important;

        line-height:1.35 !important;
    }


    .apexEventDate strong{

        font-size:14px !important;

        font-weight:800 !important;
    }

}


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

@media (max-width:767px){

    /* -----------------------------------------------------
       MOBILE RIGHT COLUMN
    ----------------------------------------------------- */

    .apexCalendarSide{

        display:flex !important;

        flex-direction:column !important;

        width:100% !important;

        height:auto !important;

        min-height:0 !important;

        max-height:none !important;

        overflow:visible !important;

        gap:14px !important;
    }


    /* -----------------------------------------------------
       THIS MONTH
    ----------------------------------------------------- */

    .apexSummaryCard{

        height:135px !important;

        min-height:135px !important;

        max-height:135px !important;

        flex:0 0 135px !important;

        overflow:hidden !important;
    }


    .apexSummaryCard h3{

        font-size:20px !important;

        font-weight:700 !important;
    }


    .apexSummaryMonth{

        font-size:12px !important;

        font-weight:600 !important;
    }


    .apexStatNumber{

        font-size:20px !important;

        font-weight:600 !important;
    }


    .apexStatLabel{

        font-size:10px !important;

        font-weight:500 !important;
    }


    /* -----------------------------------------------------
       IMPORTANT DATES CARD
    ----------------------------------------------------- */

    .apexEventsCard{

        width:100% !important;

        height:430px !important;

        min-height:430px !important;

        max-height:430px !important;

        flex:0 0 430px !important;

        display:flex !important;

        flex-direction:column !important;

        overflow:hidden !important;

        padding:18px !important;

        margin:0 !important;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .apexEventsCard h3{

        flex:0 0 auto !important;

        margin:0 0 14px !important;

        font-size:21px !important;

        line-height:1.2 !important;

        font-weight:700 !important;
    }


    /* -----------------------------------------------------
       MOBILE INTERNAL SCROLL
    ----------------------------------------------------- */

    .apexEventList{

        flex:1 1 auto !important;

        height:0 !important;

        min-height:0 !important;

        max-height:none !important;

        overflow-y:auto !important;

        overflow-x:hidden !important;

        display:flex !important;

        flex-direction:column !important;

        gap:10px !important;

        padding:0 7px 5px 0 !important;

        margin:0 !important;

        -webkit-overflow-scrolling:touch !important;

        scrollbar-width:auto !important;

        scrollbar-color:
            #8d98a8
            #eef1f5 !important;
    }


    /* -----------------------------------------------------
       MOBILE SCROLLBAR
    ----------------------------------------------------- */

    .apexEventList::-webkit-scrollbar{

        width:7px !important;

        display:block !important;
    }


    .apexEventList::-webkit-scrollbar-track{

        background:#eef1f5 !important;

        border-radius:10px !important;
    }


    .apexEventList::-webkit-scrollbar-thumb{

        background:#8d98a8 !important;

        border-radius:10px !important;
    }


    /* -----------------------------------------------------
       DATE ITEM
    ----------------------------------------------------- */

    .apexEventItem{

        flex:0 0 auto !important;

        width:100% !important;

        min-height:72px !important;

        padding:11px !important;

        gap:12px !important;

        border-radius:12px !important;

        transform:none !important;
    }


    /* -----------------------------------------------------
       DATE BOX
    ----------------------------------------------------- */

    .apexEventDate{

        width:46px !important;

        height:46px !important;

        min-width:46px !important;

        flex:0 0 46px !important;
    }


    .apexEventDate strong{

        font-size:16px !important;

        font-weight:600 !important;
    }


    .apexEventDate span{

        font-size:9px !important;

        font-weight:600 !important;
    }


    /* -----------------------------------------------------
       MOBILE IMPORTANT DATE TEXT
    ----------------------------------------------------- */

    .apexEventContent h4{

        font-size:14px !important;

        line-height:1.35 !important;

        font-weight:600 !important;

        color:#08245f !important;
    }


    .apexEventContent p{

        margin-top:4px !important;

        font-size:12px !important;

        line-height:1.45 !important;

        font-weight:400 !important;

        color:#68758a !important;
    }


    /* -----------------------------------------------------
       MOBILE CALENDAR TEXT — LIGHTER
    ----------------------------------------------------- */

    .apexWeekday{

        font-weight:700 !important;
    }


    .apexDayNumber{

        font-weight:600 !important;
    }


    .apexDayLabel{

        font-size:8.5px !important;

        font-weight:500 !important;

        line-height:1.25 !important;
    }


    .apexLegendItem{

        font-weight:500 !important;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width:380px){

    .apexEventsCard{

        height:400px !important;

        min-height:400px !important;

        max-height:400px !important;

        flex-basis:400px !important;
    }


    .apexEventsCard h3{

        font-size:20px !important;
    }


    .apexEventContent h4{

        font-size:13.5px !important;
    }


    .apexEventContent p{

        font-size:11.5px !important;
    }

}/* End custom CSS */