/*********************events****************/
.center_event {
    background-image: url(../img/gallery.jpeg);
   
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

/* opacity layer */
.center_event::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6); /* adjust opacity here */
    z-index: 1;
}

/* keep content above overlay */
.center_event > * {
    position: relative;
    z-index: 2;
}
.event_1i2{
width:90%;
left:5%;
bottom:-15%;
border-radius:20px 0px 20px 20px;
}
.event_1i3{
width:90%;
bottom:32%;
right:5%;
 }
.event_1i3 span{
line-height:1.4em;
width:60px;
border-radius:20px 20px 0px 0px;
 }
.event_1o{
margin-top:70px!important; 
 }
 
.center_event_dt {
    background-image: url(../img/3.jpg);
    background-position: center center;
    background-size: cover;
}

.event_dt1l1l h5 span{
width:60px;
height:70px;
line-height:70px;
border-radius:0px 0px 30px 30px; 
 }
.event_dt1r1 ul li a{
width:35px;
height:35px;
line-height:35px;
background:#022147; 
color:#fff;
font-size:14px;
border-radius:50%;
transition: 0.3s;
 }
.event_dt1r1 ul li a:hover{
background:#f74f22;
 }
#event{
padding-bottom:150px!important; 
}
#event_dt{
padding-bottom:150px!important; 
}
/*********************events_end****************/


@media screen and (max-width : 767px){
.event_1i1 img{
min-height:240px; 
 }
.event_1i2   h5{
font-size:16px; 
 }
.event_1i2 {
bottom:0;
text-align:center;
 }
.event_1i3 {
top:0;
 }
.event_1i {
margin-top:15px; 
 }
.event_1o{
margin-top:20px!important;  
 }
#event{
padding-bottom:40px!important; 
 }
 
.event_dt1l1l {
margin-top:15px; 
 }
#event_dt{
width:90%!important;
 }
#event_dt h2{
text-align:center;
 }
.event_dt1r{
margin-top:20px;  
 }
#event_dt{
padding-bottom:40px!important; 
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.event_1i1 img{
min-height:240px; 
 }
.event_1i2   h5{
font-size:16px; 
 }

.event_1i2 {
bottom:0;
 }
.event_1i3 {
top:0;
 }
.event_1o{
margin-top:30px!important;  
 }
#event_dt{
width:100%!important;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.event_1i1 img{
min-height:240px; 
 }
#event_dt{
width:100%!important;
 }
 }

@media (min-width:1400px) and (max-width:2000px) {
.event_1i3 {
    bottom: 25%;
}
 }


    /* Calendar Container */
    #calendar {
        background: #ffffff;
        padding: 20px;
        border-radius: 15px;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    }

    /* ------------------------------
   FULLCALENDAR HEADER (Blue + Orange)
------------------------------ */
    .fc-toolbar-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #022147 !important;
        /* Dark Blue */
    }

    .fc .fc-button-primary {
        background: #f48842 !important;
        /* Orange */
        border: none !important;
        color: white !important;
        border-radius: 25px !important;
        padding: 4px 30px !important;
        font-weight: 600;
    }

    .fc .fc-button-primary:hover {
        background: #e56f00 !important;
    }

    .fc .fc-button-group .fc-button {
        margin-right: 5px !important;
    }

    /* Month Dropdown */
    .fc-header-toolbar select {
        background-color: #0d47a1 !important;
        color: white !important;
        border: none !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
    }

    /* ------------------------------
   DAY GRID
------------------------------ */
    .fc-daygrid-day-number {
        color: #022147 !important;
        /* Blue date numbers */
        font-weight: 600 !important;
        padding-right: 6px !important;
    }

    /* Today Highlight */
    .fc-day-today {
        background: rgba(255, 127, 0, 0.45) !important;
        /* Light orange */
    }

    /* ------------------------------
   EVENT COLORS
------------------------------ */
    .fc-event {
        background: #FA4141 !important;
        /* RED */
        border: none !important;
        color: white !important;
        padding: 3px 6px !important;
        border-radius: 7px !important;
        font-weight: 600 !important;
    }

    .fc .fc-list-event:hover td {
        background-color: #FA4141 !important;
    }


    /* ------------------------------
   MOBILE RESPONSIVE FIX
------------------------------ */

    /* FIX MOBILE HEIGHT CUTTING ISSUE */
    .fc {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    @media (max-width: 768px) {

        /* Calendar container padding fix */
        #calendar {
            padding: 10px;
        }

        /* Reduce header font for mobile */
        .fc-toolbar-title {
            font-size: 18px !important;
        }

        /* Better event display */
        .fc-event {
            font-size: 11px !important;
            padding: 2px 4px !important;
        }

        /* Show FULL calendar (fix cut issue) */
        .fc-view-harness {
            min-height: 600px !important;
            height: auto !important;
        }

        .fc-scrollgrid {
            height: auto !important;
        }
    }

    @media (max-width: 480px) {

        /* Even better compact view */
        .fc-daygrid-day-number {
            font-size: 12px !important;
            padding: 2px !important;
        }

        .fc-event {
            font-size: 10px !important;
            padding: 1px 3px !important;
        }

        .fc-toolbar-title {
            font-size: 16px !important;
        }

        /* Fix any possible cropping */
        .fc-view-harness {
            min-height: 700px !important;
            height: auto !important;
        }

        .fc .fc-button-primary {
            background: #f48842 !important;
            border: none !important;
            color: white !important;
            border-radius: 25px !important;
            padding: 2px 2px !important;
            font-weight: 600;
            font-size: 10px !Important;
        }

        .fc .fc-col-header-cell-cushion {
            display: inline-block;
            padding: 2px 4px;
            font-size: 10px !important;
        }
    }