/*Desktop Calendar*/

.sugar-calendar-block__base-container .sugar-calendar-block__calendar-month .sugar-calendar-block__calendar-month__header .sugar-calendar-block__calendar-month__header__day{
    background-color: #4D706B;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 12px;
}

.sugar-calendar-block__base-container .sugar-calendar-block__calendar-month .sugar-calendar-block__calendar-month__header{
    border-radius: 4px 4px 0 0
}

.sugar-calendar-block__calendar-month__cell .sugar-calendar-block__calendar-month__body__day__events-container .sugar-calendar-block__event-cell{
    height: 30px !important;
}

.sugar-calendar-block__event-cell:not(.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-overflow-week):not(.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start-overflow) {
  border-radius: 100px;
}

.sugar-calendar-block__event-cell.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-overflow-week {
  border-radius: 100px 0 0 100px;
  width:100vw;
}

.sugar-calendar-block__event-cell.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start-overflow {
  border-radius: 0 100px 100px 0;
  width:100vw;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left{
    gap: 24px;
    height: 40px;
}

.sugar-calendar-block__controls .sugar-calendar-block__controls__left .sugar-calendar-block__controls__left__date .sugar-calendar-block__view-heading,.sugar-calendar-block__view-heading-mobile,.sugar-calendar-block__view-heading--year{
    font-family: 'lora', serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination .sugar-calendar-block__controls__left__pagination__current{
    font-size: 14px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination{
    border-radius: 0px;
    height: 100%;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination button.sugar-calendar-block__controls__left__pagination__current, .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination button.sugar-calendar-block__controls__left__pagination__next, .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination button.sugar-calendar-block__controls__left__pagination__prev{
    border-radius: 0px;
    text-transform: capitalize;
    line-height: 140%;
    letter-spacing: -2%;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left button.sugar-calendar-block__controls__left__date{
    text-transform: capitalize;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__settings__btn{
    border-radius: 2px;
    padding: 13px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type=text].sugar-calendar-block__controls__right__search__field{
    border-radius: 2px;
    padding: 10px 12px;
    max-width: 192px;
    width: 100%;
    text-indent: 0px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search{
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search__icon{
    position: absolute;
    left: calc(100% - 27px);
    width: 14px;
    height: 14px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search__clear{
    right: 39px;
    width: 22px;
    height: 22px;
}

.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__settings__btn svg{
    rotate: -90deg;
}

/*Mobile List Calendar*/

@media (max-width: 1024px) {

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block{
        background-color: #63876B;
        color: #fff;
        padding: 6px 12px;
    }
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name,
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-num{
        color:#ffffff;
        font-family: 'lora', serif;
        font-weight: 500;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name{
        font-size:12px;
    }
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-num{
        font-size: 18px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day{
        flex:0 0 51px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__image__container{
        height: auto;
        aspect-ratio: 16/9;
        border-radius: 3px;
        max-height: 200px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title a{
        font-family: 'lora', serif;
        font-weight: 500;
        font-size: 18px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__desc{
        font-family:'poppins', sans-serif;
        font-weight: 400;
        font-size: 14px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination{
        border-radius: 0px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination .sugar-calendar-block__controls__left__pagination__current{
        text-transform: capitalize;
        font-size: 12px;
        letter-spacing: -2%;
        line-height: 140%;
        padding: 11px 21px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination .sugar-calendar-block__controls__left__pagination__next, .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination .sugar-calendar-block__controls__left__pagination__prev{
        padding: 6px;
        width: auto;
    }

    .sugar-calendar-block__controls .sugar-calendar-block__controls__left .sugar-calendar-block__controls__left__date .sugar-calendar-block__view-heading, .sugar-calendar-block__view-heading-mobile, .sugar-calendar-block__view-heading--year{
        font-size: 24px;
        text-transform: capitalize;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left{
        gap: 12px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__settings__btn.sc-has-indicator{
        padding: 13px;
        border-radius: 2px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__settings__btn svg{
        rotate: -90deg;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type=text].sugar-calendar-block__controls__right__search__field{
        font-size: 12px;
        font-family: 'poppins', sans-serif;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -2%;
        border-radius: 2px;
        text-indent: 0px;
        padding: 11px 12px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search__icon{
        left: calc(100% - 27px);
    }

    .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search__clear{
        right: 32px;
        width: 22px;
        height: 22px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer button.sugar-calendar-event-list-block__footer__next_btn, .sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer button.sugar-calendar-event-list-block__footer__prev_btn{
        text-transform: capitalize;
        border-radius: 2px;
        line-height: 140%;
        letter-spacing: -2%;
        font-size: 12px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime span{
        font-size: 14px;
        font-family: 'poppins', sans-serif;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -2%;
        color: #18251C;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title a{
        letter-spacing: -0.5px;
        line-height: 110%;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime{
        flex-wrap: wrap;
        color: #18251C;
    }

    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime img{
        order: -1;
    }

}