/*
Events
*/

.cal-linkdetails {
    display: flex;
    gap: 10px;
}
.cal-linkdetails a:hover, .cal-linkdetails a:focus, .cal-linkdetails a:active {
    background: #345889d6;
	color: #fff;
}

.cal-linkdetails a {
    background: #345889;
    padding: 6px 9px;
    border-radius: 4px;
    color: #fff;
}
.cal-linkdetails {
    margin-bottom: 10px;
}
.tippy-box {box-shadow:1px 1px 2px hsl(0deg 0% 0% / 0.05), 2px 2px 4px hsl(0deg 0% 0% / 0.05), 3px 3px 6px hsl(0deg 0% 0% / 0.05);
	border: 1px solid #ddd;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -10px;
    left: 0;
    border-width: 0 9px 9px;
    border-bottom-color: #ddd;
    transform-origin: center bottom;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    border-width: 0 9px 9px;
    border-bottom-color: #ffffff;
    border-style: solid;
    transform-origin: center bottom;
    color: #ff000000;
}


.tippy-box[data-placement^=top] > .tippy-arrow:before {
    left: 0;
    bottom: -10px; /* 1px more than the after element to create border */
    border-width: 9px 9px 0; /* Triangle pointing down */
    border-top-color: #ddd;
    transform-origin: center top;
	    filter: drop-shadow(0 1px 0.5px rgba(221,221,221,0.3))
            drop-shadow(0 2px 1px rgba(221,221,221,0.2))
            drop-shadow(0 3px 1.5px rgba(221,221,221,0.1));
}

.tippy-box[data-placement^=top] > .tippy-arrow:after {
    content: "";
    position: absolute;
    bottom: -8px; /* Slightly less than the before element */
    left: 0;
    border-width: 8px 8px 0; /* Slightly smaller than the border */
    border-top-color: #ffffff; /* Main arrow color */
    border-style: solid;
    transform-origin: center top;
		color: transparent;
}

.simcal-calendar-grid {
    background-color: #ffffff
}


.simcal-nav {
    background-color: #ffd204
}

.simcal-default-calendar-dark .simcal-nav-button {
    background-color: #5990C4 !important;
	color: #ffffff;
}

.simcal-default-calendar-dark .simcal-nav-button:hover {
    background-color: #0054a4 !important;
	color: #ffffff;
}