.dragnis-calendar{
    max-width:1200px;
    margin:40px auto;
    font-family: Arial, sans-serif;
}

/* HEADER */
.dragnis-calendar-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.dragnis-calendar-header-title h3 {
    color: #23377a;
}

.dragnis-calendar-header-month{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
	gap:20px;
	padding: 10px 20px;
	background: #20387c;
}

.dragnis-calendar-header h4{
    font-size:16px;
    margin:0;
	text-transform:uppercase;
	padding-top:5px;
	color: #fff;
}

.dragnis-calendar-header a{
    font-size:26px;
    text-decoration:none;
    color: #fff!important;
}

/* GRID */
.dragnis-calendar-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
}

/* DAYS HEADER */
.dragnis-calendar-weekday{
    color: #0f2a4a;
    text-align: center;
    padding: 14px;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Moderustic';
}

/* DAY CELL */
.dragnis-calendar-day{
    min-height:140px;
    border:1px solid #ddd;
    background:#eac471;
    position:relative;
    padding:8px;
}

.dragnis-calendar-day.empty{
    background:#f3f3f3;
}

.dragnis-calendar-number{
    position:absolute;
    top:8px;
    left:10px;
	font-size: 40px;
    font-family: 'DehutiAlt';
    font-weight: 400;
	color:#332927;
}

/* EVENTS */
.dragnis-calendar-mini-event{
    background:#ffffff;
    border-left:3px solid #0f2a4a;
    padding:3px 6px;
    margin-top:22px;
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.dragnis-calendar-mini-event.bar{
    background:#20354a;
    color:#fff;
    padding:4px 6px;
    margin-top:22px;
    font-size:11px;
    border-radius:2px;
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.dragnis-calendar-bars{
    position:absolute;
    top:18%;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-auto-rows:23px;
    pointer-events:none;
    z-index:5;

}

.dragnis-calendar-event-bar{
    background:#20387c;
    color:#fff;
	font-family: 'Moderustic';
    font-size:11px;
    padding:2px 6px;
    border-radius:0px;
    margin:2px;
    white-space:nowrap;
}

.dragnis-calendar-overlay{

    position:relative;

}