.elementor-23095 .elementor-element.elementor-element-c5d81ed > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-23095 .elementor-element.elementor-element-513817b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23095 .elementor-element.elementor-element-6ea3115{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-513817b *//* ======================================================
   1. ELEMENTOR HEADER WRAPPER
   Floating over page — takes NO layout space
====================================================== */

.elementor-location-header{
    position:fixed !important;

    top:18px !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    z-index:99999 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;

    pointer-events:none;
}


/* Remove any Elementor/theme background */

.elementor-location-header,
.elementor-location-header .elementor,
.elementor-location-header .elementor-element,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.canaan-elementor-header{
    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    overflow:visible !important;
}


/* Elementor outer container */

.canaan-elementor-header{
    width:100% !important;

    padding:0 !important;

    pointer-events:none;
}


/* ======================================================
   2. HEADER WRAPPER
====================================================== */

.canaan-header-wrap{
    position:relative;

    width:100%;

    margin:0;

    padding:0 38px;

    background:transparent !important;

    pointer-events:none;
}


/* ======================================================
   3. ACTUAL FLOATING GLASS HEADER
====================================================== */

.canaan-header{
    position:relative;

    width:100%;
    max-width:1280px;

    min-height:82px;

    margin:0 auto;

    padding:12px 20px;

    display:grid;

    grid-template-columns:
        minmax(180px,1fr)
        auto
        minmax(260px,1fr);

    align-items:center;

    gap:25px;

    border-radius:22px;


    /* Client mockup dark navy glass */

    background:
        #ffffff12;

    border:1px solid rgba(255,255,255,.16);

    -webkit-backdrop-filter:blur(22px);
    backdrop-filter:blur(22px);

    box-shadow:
        0 15px 45px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);

    pointer-events:auto;
}


/* ======================================================
   4. LOGO
====================================================== */

.canaan-logo{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    width:max-content;

    text-decoration:none !important;
}


.canaan-logo-img{
    display:block;

    width:auto;

    height:48px;

    max-width:190px;

    object-fit:contain;

    transition:transform .3s ease;
}


.canaan-logo:hover .canaan-logo-img{
    transform:scale(1.03);
}


/* ======================================================
   5. CENTER MENU
====================================================== */

.canaan-nav{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

    white-space:nowrap;
}


.canaan-nav a{
    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:42px;

    color:#F4F4F4 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:700;

    letter-spacing:.7px;

    text-transform:uppercase;

    white-space:nowrap;

    transition:.3s ease;
}


.canaan-nav a::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:1px;

    width:0;
    height:2px;

    transform:translateX(-50%);

    border-radius:10px;

    background:#D4AF37;

    transition:width .3s ease;
}


.canaan-nav a:hover{
    color:#F3D36A !important;
}


.canaan-nav a:hover::after{
    width:100%;
}


/* ======================================================
   6. RIGHT ACTION AREA
====================================================== */

.canaan-header-actions{
    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:12px;
}


/* Prayer */

.canaan-prayer-link{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:44px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #D4AF37;

    background:transparent;

    color:#D4AF37 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:800;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:.3s ease;
}


.canaan-prayer-link:hover{
    background:#D4AF37;

    color:#071226 !important;

    transform:translateY(-2px);
}


/* Watch Live */

.canaan-watch-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:46px;

    padding:0 20px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #D4AF37,
            #F3D36A
        );

    color:#071226 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;

    white-space:nowrap;

    box-shadow:
        0 8px 24px rgba(212,175,55,.17);

    transition:.3s ease;
}


.canaan-watch-btn:hover{
    color:#071226 !important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 30px rgba(212,175,55,.28);
}


.canaan-watch-icon{
    font-size:10px;
}


/* ======================================================
   7. MOBILE HAMBURGER
====================================================== */

.canaan-mobile-toggle{
    display:none;

    width:44px;
    height:44px;

    padding:9px;

    border-radius:11px;

    border:1px solid rgba(212,175,55,.35);

    background:rgba(212,175,55,.06);

    cursor:pointer;
}


.canaan-mobile-toggle span{
    display:block;

    width:100%;
    height:2px;

    margin:5px 0;

    background:#D4AF37;

    border-radius:20px;

    transition:.3s ease;
}


.canaan-mobile-toggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.canaan-mobile-toggle.active span:nth-child(2){
    opacity:0;
}

.canaan-mobile-toggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}


/* ======================================================
   8. SMALL DESKTOP
====================================================== */

@media(max-width:1180px){

    .canaan-header-wrap{
        padding:0 24px;
    }

    .canaan-header{
        grid-template-columns:
            auto
            1fr
            auto;

        gap:17px;
    }

    .canaan-logo-img{
        height:43px;
        max-width:165px;
    }

    .canaan-nav{
        gap:15px;
    }

    .canaan-nav a{
        font-size:10px;
    }

    .canaan-prayer-link{
        padding:0 13px;
    }

    .canaan-watch-btn{
        padding:0 15px;
    }

}


/* ======================================================
   9. TABLET
====================================================== */

@media(max-width:950px){

    .elementor-location-header{
        top:12px !important;
    }

    .canaan-header-wrap{
        padding:0 16px;
    }

    .canaan-header{
        display:flex;

        min-height:72px;

        padding:10px 14px;

        border-radius:18px;
    }

    .canaan-logo{
        margin-right:auto;
    }

    .canaan-logo-img{
        height:42px;
        max-width:165px;
    }


    /* Dropdown */

    .canaan-nav{
        display:none;

        position:absolute;

        top:calc(100% + 12px);

        left:0;
        right:0;

        width:100%;

        padding:15px;

        flex-direction:column;

        align-items:stretch;

        gap:3px;

        border-radius:18px;

        background:rgba(8,21,47,.97);

        border:1px solid rgba(255,255,255,.14);

        -webkit-backdrop-filter:blur(22px);
        backdrop-filter:blur(22px);

        box-shadow:
            0 25px 60px rgba(0,0,0,.4);
    }


    .canaan-nav.active{
        display:flex;
    }


    .canaan-nav a{
        width:100%;

        min-height:48px;

        padding:0 15px;

        justify-content:flex-start;

        border-radius:10px;

        font-size:11px;
    }


    .canaan-nav a::after{
        display:none;
    }


    .canaan-nav a:hover{
        padding-left:20px;

        background:rgba(255,255,255,.05);
    }


    .canaan-mobile-toggle{
        display:block;
    }

}


/* ======================================================
   10. MOBILE
====================================================== */

@media(max-width:650px){

    .elementor-location-header{
        top:10px !important;
    }


    .canaan-header-wrap{
        padding:0 10px;
    }


    .canaan-header{
        min-height:66px;

        padding:8px 10px 8px 14px;

        border-radius:16px;
    }


    .canaan-logo-img{
        height:37px;

        max-width:140px;
    }


    .canaan-prayer-link{
        display:none;
    }


    .canaan-watch-btn{
        min-height:41px;

        padding:0 11px;

        font-size:9px;
    }


    .canaan-mobile-toggle{
        width:41px;
        height:41px;
    }

}


/* Very small phones */

@media(max-width:430px){

    .canaan-watch-btn{
        display:none;
    }

}


/* ======================================================
   WORDPRESS ADMIN BAR
   Keeps floating gap correct while logged in
====================================================== */

body.admin-bar .elementor-location-header{
    top:50px !important;
}


@media(max-width:782px){

    body.admin-bar .elementor-location-header{
        top:56px !important;
    }

}

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-513817b *//* ======================================================
   1. ELEMENTOR HEADER WRAPPER
   Floating over page — takes NO layout space
====================================================== */

.elementor-location-header{
    position:fixed !important;

    top:18px !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    z-index:99999 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;

    pointer-events:none;
}


/* Remove any Elementor/theme background */

.elementor-location-header,
.elementor-location-header .elementor,
.elementor-location-header .elementor-element,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.canaan-elementor-header{
    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    overflow:visible !important;
}


/* Elementor outer container */

.canaan-elementor-header{
    width:100% !important;

    padding:0 !important;

    pointer-events:none;
}


/* ======================================================
   2. HEADER WRAPPER
====================================================== */

.canaan-header-wrap{
    position:relative;

    width:100%;

    margin:0;

    padding:0 38px;

    background:transparent !important;

    pointer-events:none;
}


/* ======================================================
   3. ACTUAL FLOATING GLASS HEADER
====================================================== */

.canaan-header{
    position:relative;

    width:100%;
    max-width:1280px;

    min-height:82px;

    margin:0 auto;

    padding:12px 20px;

    display:grid;

    grid-template-columns:
        minmax(180px,1fr)
        auto
        minmax(260px,1fr);

    align-items:center;

    gap:25px;

    border-radius:22px;


    /* Client mockup dark navy glass */

    background:
        #ffffff12;

    border:1px solid rgba(255,255,255,.16);

    -webkit-backdrop-filter:blur(22px);
    backdrop-filter:blur(22px);

    box-shadow:
        0 15px 45px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);

    pointer-events:auto;
}


/* ======================================================
   4. LOGO
====================================================== */

.canaan-logo{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    width:max-content;

    text-decoration:none !important;
}


.canaan-logo-img{
    display:block;

    width:auto;

    height:48px;

    max-width:190px;

    object-fit:contain;

    transition:transform .3s ease;
}


.canaan-logo:hover .canaan-logo-img{
    transform:scale(1.03);
}


/* ======================================================
   5. CENTER MENU
====================================================== */

.canaan-nav{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

    white-space:nowrap;
}


.canaan-nav a{
    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:42px;

    color:#F4F4F4 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:700;

    letter-spacing:.7px;

    text-transform:uppercase;

    white-space:nowrap;

    transition:.3s ease;
}


.canaan-nav a::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:1px;

    width:0;
    height:2px;

    transform:translateX(-50%);

    border-radius:10px;

    background:#D4AF37;

    transition:width .3s ease;
}


.canaan-nav a:hover{
    color:#F3D36A !important;
}


.canaan-nav a:hover::after{
    width:100%;
}


/* ======================================================
   6. RIGHT ACTION AREA
====================================================== */

.canaan-header-actions{
    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:12px;
}


/* Prayer */

.canaan-prayer-link{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:44px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #D4AF37;

    background:transparent;

    color:#D4AF37 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:800;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:.3s ease;
}


.canaan-prayer-link:hover{
    background:#D4AF37;

    color:#071226 !important;

    transform:translateY(-2px);
}


/* Watch Live */

.canaan-watch-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:46px;

    padding:0 20px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #D4AF37,
            #F3D36A
        );

    color:#071226 !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;

    white-space:nowrap;

    box-shadow:
        0 8px 24px rgba(212,175,55,.17);

    transition:.3s ease;
}


.canaan-watch-btn:hover{
    color:#071226 !important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 30px rgba(212,175,55,.28);
}


.canaan-watch-icon{
    font-size:10px;
}


/* ======================================================
   7. MOBILE HAMBURGER
====================================================== */

.canaan-mobile-toggle{
    display:none;

    width:44px;
    height:44px;

    padding:9px;

    border-radius:11px;

    border:1px solid rgba(212,175,55,.35);

    background:rgba(212,175,55,.06);

    cursor:pointer;
}


.canaan-mobile-toggle span{
    display:block;

    width:100%;
    height:2px;

    margin:5px 0;

    background:#D4AF37;

    border-radius:20px;

    transition:.3s ease;
}


.canaan-mobile-toggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.canaan-mobile-toggle.active span:nth-child(2){
    opacity:0;
}

.canaan-mobile-toggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}


/* ======================================================
   8. SMALL DESKTOP
====================================================== */

@media(max-width:1180px){

    .canaan-header-wrap{
        padding:0 24px;
    }

    .canaan-header{
        grid-template-columns:
            auto
            1fr
            auto;

        gap:17px;
    }

    .canaan-logo-img{
        height:43px;
        max-width:165px;
    }

    .canaan-nav{
        gap:15px;
    }

    .canaan-nav a{
        font-size:10px;
    }

    .canaan-prayer-link{
        padding:0 13px;
    }

    .canaan-watch-btn{
        padding:0 15px;
    }

}


/* ======================================================
   9. TABLET
====================================================== */

@media(max-width:950px){

    .elementor-location-header{
        top:12px !important;
    }

    .canaan-header-wrap{
        padding:0 16px;
    }

    .canaan-header{
        display:flex;

        min-height:72px;

        padding:10px 14px;

        border-radius:18px;
    }

    .canaan-logo{
        margin-right:auto;
    }

    .canaan-logo-img{
        height:42px;
        max-width:165px;
    }


    /* Dropdown */

    .canaan-nav{
        display:none;

        position:absolute;

        top:calc(100% + 12px);

        left:0;
        right:0;

        width:100%;

        padding:15px;

        flex-direction:column;

        align-items:stretch;

        gap:3px;

        border-radius:18px;

        background:rgba(8,21,47,.97);

        border:1px solid rgba(255,255,255,.14);

        -webkit-backdrop-filter:blur(22px);
        backdrop-filter:blur(22px);

        box-shadow:
            0 25px 60px rgba(0,0,0,.4);
    }


    .canaan-nav.active{
        display:flex;
    }


    .canaan-nav a{
        width:100%;

        min-height:48px;

        padding:0 15px;

        justify-content:flex-start;

        border-radius:10px;

        font-size:11px;
    }


    .canaan-nav a::after{
        display:none;
    }


    .canaan-nav a:hover{
        padding-left:20px;

        background:rgba(255,255,255,.05);
    }


    .canaan-mobile-toggle{
        display:block;
    }

}


/* ======================================================
   10. MOBILE
====================================================== */

@media(max-width:650px){

    .elementor-location-header{
        top:10px !important;
    }


    .canaan-header-wrap{
        padding:0 10px;
    }


    .canaan-header{
        min-height:66px;

        padding:8px 10px 8px 14px;

        border-radius:16px;
    }


    .canaan-logo-img{
        height:37px;

        max-width:140px;
    }


    .canaan-prayer-link{
        display:none;
    }


    .canaan-watch-btn{
        min-height:41px;

        padding:0 11px;

        font-size:9px;
    }


    .canaan-mobile-toggle{
        width:41px;
        height:41px;
    }

}


/* Very small phones */

@media(max-width:430px){

    .canaan-watch-btn{
        display:none;
    }

}


/* ======================================================
   WORDPRESS ADMIN BAR
   Keeps floating gap correct while logged in
====================================================== */

body.admin-bar .elementor-location-header{
    top:50px !important;
}


@media(max-width:782px){

    body.admin-bar .elementor-location-header{
        top:56px !important;
    }

}

</style>/* End custom CSS */