/*###################################################################################*/
/*###################################################################################*/
/*################################ DESKTOP INTEGRATION ##############################*/
/*###################################################################################*/
/*###################################################################################*/
main{
    background:  url('/cgpr_lms/static/CGPR_Backgroud.png') !important;
    background-size: cover;
}
.events-banner{
    position:relative !important;
    display:flex !important;
    flex-direction: row;
    /* justify-content:center !important; */
    align-items:center !important;
    /* margin-bottom:100px !important; */
    height:20vh !important;
    background-image: url('/cgpr_lms/static/modern-blue-halftone-banner-background.jpg') !important;
    background-size: cover !important; 
    background-position: 55% 65% !important; 

}
.back-filter{
    position:absolute !important; 
    top:0 !important;
    width:100% !important;
    height:100% !important;
    background:rgba(0, 0, 0, 0.233) !important;
}

.Topbar{
width: 100%;
}
.enrp-image{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10%;
    width:10%;
}
.events-title{
    position: absolute;
    /* top: 50%; */
    left: 15%;
    font-weight: 700;
}
.events-description{
    background-color:transparent !important;
    backdrop-filter: blur(10px);

}
.nav-items-list{
    display:flex !important;
    flex-direction:row !important; 
    /* background:red !important;  */
    width:70% !important;
    margin-left:10% !important;

 }
 .user-drop-down-button{
    display: flex;
    flex-direction: row;

   margin-left:0% !important;
   width: 20%;
   /* background: red !important; */
}


 .language-button-navbar_en{
    position: absolute;
    top:0%;
    left:20%;
    transform: translateY(58%);
    z-index: 1000;
     /* background: yellow !important; */
 }
.language-button-navbar_ar{
    position: absolute;
    top:0%;
    right:30%;
    transform: translateY(58%);
    z-index: 1000;
}
/*###################################################################################*/
/*###################################################################################*/
/*################################ RESPONSIVE INTEGRATION ###########################*/
/*###################################################################################*/
/*###################################################################################*/
@media screen and (max-width:700px) {
    .enrp-image{
        position:absolute;
        top:30%;
        /* transform:translateY(-50%); */
        right:2%;
        width:20%;
    }
    .events-title{
        position: absolute;
        /* top: 50%; */
        left: 5%;
        font-weight: 700;
    }
     /*################################### TEMPLATE ID=navbar_toggler_inherited #################################################*/
 .menu-button-label{
    font-size:12px !important ;
    font-weight: 700;
    /* margin-right:1% ; */
}
 /*################################### TEMPLATE ID=template_header_default_inherited #################################################*/

 .nav-items-list{
    display:flex !important;
    flex-direction:column !important; 
    /* background:red !important;  */
    width:70% !important;
    margin-left:7% !important;

 }
 .user-drop-down-button{
    margin-left:7% !important;
 }
 .language-button-navbar_en{
    position: absolute;
    top:0%;
    left:10%;
    transform: translateY(58%);
    z-index: 1000;
     /* background: yellow !important; */
 }
 .language-button-navbar_ar{
    position: absolute;
    top:0%;
    left:10%;
    transform: translateY(58%);
    z-index: 1000;
}
}