.page-template-page-calendar .header {
    position: relative !important;
    background: linear-gradient(270deg, #02bff5, #795eab, #f25836, #ffca02, #6ec03a);
    background-size: 1000% 1000%;
    -webkit-animation: gradient-animation 30s ease infinite;
    -moz-animation: gradient-animation 30s ease infinite;
    animation: gradient-animation 30s ease infinite;
    transition: 0.4s;
}

.page-template-page-calendar .header {
    background-color: var(--header-bg-color, #4caf50)!important;
    background: none;
    background-size: inherit;
    -webkit-animation: none;
    -moz-animation: none;
    transition: 0.4s;
}

.page-template-page-calendar .header__wrapper {
    padding-bottom: 1.5rem;
}

.page-template-page-calendar .breadcrumb {
    background-color: rgba(255, 255, 255, 0.1) !important;
    mix-blend-mode: overlay;
    webkit-mix-blend-mode: overlay;
}

.page-template-page-calendar .breadcrumb {
    display: none
}

@-webkit-keyframes gradient-animation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes gradient-animation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}