/* ==========================================
   SDJ AT TAQWA - CASSIOPEIA CUSTOM THEME
   ========================================== */


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

.container-header{
    background:
        linear-gradient(
            45deg,
            rgba(255,255,255,0.04) 25%,
            transparent 25%
        ),
        linear-gradient(
            -45deg,
            rgba(255,255,255,0.04) 25%,
            transparent 25%
        ),
        #006847 !important;

    background-size:80px 80px;

    box-shadow:none !important;
}


/* ==========================================
   NAVIGATION AREA
   ========================================== */

.container-nav{
    background:transparent !important;
}

.mod-menu{
    background:transparent !important;
}


/* ==========================================
   MENU LINKS
   ========================================== */

.mod-menu li a{
    color:#ffffff !important;
    font-weight:600;
    transition:all .3s ease;
}

.mod-menu li a:hover{
    color:#ffd166 !important;
}


/* ACTIVE MENU */

.mod-menu .active > a,
.mod-menu .current > a{
    color:#ffd166 !important;
}


/* ==========================================
   FOOTER CONTAINER
   ========================================== */

.footer,
.container-footer,
.footer.full-width{
    background:#0e6486 !important;
    border:none !important;
}


/* ==========================================
   MODULE FOOTER V4
   ========================================== */

.atqf-wrap{
    background:#0e6486 !important;
}

.atqf-copy{
    font-size:16px !important;
    font-weight:600 !important;
}

.atqf-info{
    font-size:15px !important;
}

.atqf-contact{
    font-size:15px !important;
}


/* ==========================================
   VISITOR COUNTER
   ========================================== */

.counter{
    background:#111 !important;
    color:#ffffff !important;
    border-radius:6px;
}


/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width:768px){

    .container-header{
        background-size:60px 60px;
    }

    .mod-menu{
        text-align:center;
    }

}