.simcal-calendar {
    > p {
        display: none;
    }
    
    .simcal-calendar-grid {
        .simcal-calendar-head {
            .simcal-nav {
                padding-bottom: 40px;
            }
        }

        .simcal-nav-button {
            text-align: right;

            &[disabled="disabled"] {
                opacity: 0.25;
            }

            .simcal-icon-left,
            .simcal-icon-right {
                
                &:before {
                    width: 39px;
                    height: 39px;
                    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39"><g transform="translate(39 39) rotate(180)"><g transform="translate(1028.506 3399) rotate(180)"><g transform="translate(989.506 3360)" fill="%23fff" stroke="%23000" stroke-width="1.5"><rect width="39" height="39" stroke="none"></rect><rect x="0.75" y="0.75" width="37.5" height="37.5" fill="none"></rect></g><path d="M.254,14.646a.816.816,0,0,1,0-1.185L6.49,7.446.254,1.43a.816.816,0,0,1,0-1.185.891.891,0,0,1,1.228,0L8.236,6.76a.818.818,0,0,1,.249.685.819.819,0,0,1-.249.685L1.483,14.646a.892.892,0,0,1-1.228,0Z" transform="translate(1006.008 3372.055)"></path></g></g></svg>');
                }
            }

            &.simcal-prev {
                text-align: left;

                .simcal-icon-left,
                .simcal-icon-right {
                    &:before {
                        transform: rotate(180deg);
                    }
                }
            }
        }
        
        .simcal-day {
            &:hover {
                background-color: transparent !important;
            }

            &.simcal-today {
                border: 0px !important;

                > div {
                    border: 0px !important;
                }

                .simcal-day-number {
                    background-color: var(--wp--preset--color--primary) !important;
                }
            }

            &.simcal-day-has-events {
                .simcal-day-number {
                    background-color: var(--wp--preset--color--tertiary) !important;
                }
            }
        }
        .simcal-day-number {
            padding: 5px;
            background-color: rgba(0, 0, 0, 0.05) !important;
        }
        .simcal-events {
            padding: 15px 0;

            > .simcal-event {
                font-size: var(--wp--preset--font-size--p);
                border-bottom: 0;
                padding-left: 38px;

                &:hover {
                    border-bottom: 0;
                }

                &::before {
                    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.142" height="12.526" viewBox="0 0 7.142 12.526"><path d="M.214,12.32a.687.687,0,0,1,0-1L5.46,6.263.214,1.2a.687.687,0,0,1,0-1,.749.749,0,0,1,1.033,0l5.681,5.48a.688.688,0,0,1,.21.576.689.689,0,0,1-.21.577L1.247,12.32a.75.75,0,0,1-1.033,0Z" fill="%23d30"/></svg>');
                    width: 7px;
                    height: 13px;
                    margin-right: 10px;
                    margin-top: 0px;
                    margin-left: -38px;
                    transition: all 0.25s;
                }
            }
        }
    }
}

.qtip-content {
    .simcal-events {
        padding: 15px;

        .simcal-event {
            margin-bottom: 15px;

            p {
                font-size: var(--wp--preset--font-size--h5);
                margin: 0 0 5px 0 !important;
    
                .simcal-event-title {
                    font-size: var(--wp--preset--font-size--p);
                }
    
                .simcal-event-start-date,
                .simcal-event-end-date {
                    opacity: 0.5;
                }
    
                &:last-child {
                    a {
                        padding-left: 38px;
    
                        &:hover {
                            border-bottom: 0;
                        }
    
                        &::before {
                            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.142" height="12.526" viewBox="0 0 7.142 12.526"><path d="M.214,12.32a.687.687,0,0,1,0-1L5.46,6.263.214,1.2a.687.687,0,0,1,0-1,.749.749,0,0,1,1.033,0l5.681,5.48a.688.688,0,0,1,.21.576.689.689,0,0,1-.21.577L1.247,12.32a.75.75,0,0,1-1.033,0Z" fill="%23d30"/></svg>');
                            width: 7px;
                            height: 13px;
                            margin-right: 10px;
                            margin-top: 0px;
                            margin-left: -38px;
                            transition: all 0.25s;
                        }
                    }
                }
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .simcal-calendar {
        .simcal-calendar-grid {
            .simcal-events {
                > .simcal-event {
                    font-size: 14px;
                    border-bottom: 0;
                    padding-left: 38px;
                }
            }
        }
    }
}

@media screen and (max-width: 991px) {
    .simcal-calendar {
        .simcal-calendar-grid {
            .simcal-events {
                padding: 5px 0;

                > .simcal-event {
                    font-size: 12px;
                    border-bottom: 0;
                    padding-left: 0;

                    &:before {
                        display: none;
                    }
                }
            }
        }
    }
}