/*!
 * Evo Calendar - Simple and Modern-looking Event Calendar Plugin
 *
 * Licensed under the MIT License
 *
 * Version: 1.1.2
 * Author: Edlyn Villegas
 * Docs: https://edlynvillegas.github.com/evo-calendar
 * Repo: https://github.com/edlynvillegas/evo-calendar
 * Issues: https://github.com/edlynvillegas/evo-calendar/issues
 *
*/
.royal-navy .calendar-sidebar{
    background-color:#090912;
    -webkit-box-shadow:5px 0 18px -3px #090912;
    box-shadow:5px 0 18px -3px #090912;
}
.royal-navy.sidebar-hide .calendar-sidebar{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.royal-navy .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{
    background:#fff7e1;
    }
.royal-navy .calendar-sidebar>.month-list>.calendar-months{
    padding:0 15px 0 0;
}
.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{
    padding:9px 30px;
    border-radius:0 25px 25px 0;
}
.royal-navy .calendar-sidebar>.month-list>.calendar-months>li:hover{
    background-color:rgba(255, 255, 255, 0.2);
}
.royal-navy .calendar-sidebar>.month-list>.calendar-months>li.active-month{
    background-color:rgba(255, 255, 255, 0.35);
}
.royal-navy .calendar-sidebar>span#sidebarToggler{
    width:35px;
    height:35px;
    top:10px;
    right:0;
    background-color:#090912;
    border-radius:50%;
    padding:8px;
    -webkit-transform:translate(50%,0);
    -ms-transform:translate(50%,0);
    transform:translate(50%,0);
    -webkit-box-shadow:0 5px 10px -3px #090912;
    box-shadow:0 5px 10px -3px #090912;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{
    -webkit-transform:translate(calc(100% + 10px),0);
    -ms-transform:translate(calc(100% + 10px),0);
    transform:translate(calc(100% + 10px),0);
}
.royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{height:3px}.royal-navy button.icon-button>span.bars::before{
    top:-6px
}
.royal-navy button.icon-button>span.bars::after{
    bottom:-6px;
}
.royal-navy .calendar-inner{
    color:#164255;
}
.royal-navy th[colspan="7"]{
    color:#ffffff;
}
.royal-navy th[colspan="7"]::after{
    background-color:rgba(255, 255, 255, 0.753);
}
.royal-navy tr.calendar-body .calendar-day .day:hover{
    background-color:rgb(255 255 255 / 25%);
    color:#ffffff;
}
.royal-navy tr.calendar-body .calendar-day .day.calendar-active,.royal-navy tr.calendar-body .calendar-day .day.calendar-active:hover{
    border-color:#ffffff;
}
.royal-navy tr.calendar-body .calendar-day .day.calendar-today{
    background-color:#090912;
    color:#fff;
    -webkit-box-shadow:0 5px 10px -3px #090912;
    box-shadow:0 5px 10px -3px #090912;
}
.royal-navy #eventListToggler{
    width:35px;
    height:35px;
    top:10px;
    background-color:#090912;
    border-radius:50%;
    padding:6px;
    -webkit-box-shadow:0 5px 10px -3px #090912;
    box-shadow:0 5px 10px -3px #090912;
    -webkit-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    transform:translateX(-10px);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.royal-navy .calendar-events{
    padding-top:50px;
    padding-bottom:40px;
    background-color:#090912;
    color:#fff;
}
.royal-navy .calendar-events::-webkit-scrollbar-thumb{
    background:#fff;
    border-radius:5px;
}
.royal-navy .calendar-events::-webkit-scrollbar-thumb:hover{
    background:#fff7e1;
}
.royal-navy .calendar-events>.event-header>p{
    text-transform:uppercase;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
    color:#fff;
}
.royal-navy .event-container:hover{
    background-color:#fff;
}
.royal-navy .event-container>.event-info>p{
    color:#fff;
}
.royal-navy .event-container:hover>.event-info>p{
    color:#164255;
}
.royal-navy .event-container>.event-info>p.event-title>span{
    color:#fff;
    border:1px solid #164255;
    border-radius:15px;
    background-color:rgb(22 66 85);
}
.royal-navy .event-list>.event-empty{
    background-color:rgba(255,255,255,.15);
    border:1px solid #fff;
}
.royal-navy .event-list>.event-empty>p{
    color:#fff;
}
@media screen and (max-width:768px){
    .royal-navy .calendar-sidebar>.month-list>.calendar-months>li{
        padding:6px 26px;
    }
    .royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{
        height:4px;
    }
    .royal-navy .calendar-inner::after{
        background-color:rgba(44,81,97,.5);
    }
    .royal-navy .calendar-sidebar>span#sidebarToggler,.royal-navy #eventListToggler{
        width:50px;
        height:50px;
        padding:15px 12px;
    }
    .royal-navy button.icon-button>span.bars::before{
        top:-8px;
    }
    .royal-navy button.icon-button>span.bars::after{
        bottom:-8px;
    }
    .royal-navy .calendar-events{
        -webkit-box-shadow:-5px 0 18px -3px #090912;
        box-shadow:-5px 0 18px -3px #090912;
    }
    .royal-navy.event-hide .calendar-events{
        -webkit-transform:translateX(calc(100% + 1px));
        -ms-transform:translateX(calc(100% + 1px));
        transform:translateX(calc(100% + 1px));
        -webkit-box-shadow:none;
        box-shadow:none;
    }
    .royal-navy #eventListToggler{
        -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
        transform:translateX(50%);
    }
    .royal-navy.event-hide #eventListToggler{
        right:10px;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
    .royal-navy.event-hide .calendar-events #eventListToggler{
        -webkit-transform:translateX(calc(-100% - 10px));
        -ms-transform:translateX(calc(-100% - 10px));
        transform:translateX(calc(-100% - 10px));
    }
}
@media screen and (max-width:768px) and (min-width:426px){
    .royal-navy .calendar-events{
        padding-top:60px;
    }
}
@media screen and (max-width:425px){
    .royal-navy .calendar-sidebar>.calendar-year{
        background-color:#090912;
        -webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);
        box-shadow:0 5px 8px -3px rgba(12,37,47,.65);
    }
    .royal-navy .calendar-sidebar>.month-list{
        background-color:#174d65;
    }
    .royal-navy .calendar-sidebar>.month-list>.calendar-months{
        padding:10px;
    }
    .royal-navy .calendar-sidebar>.month-list>.calendar-months>li{
        width:100%;
        padding:10px 20px;
        border-radius:25px;
        float:unset;
    }
    .royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{
        -webkit-transform:translate(-5px,10px) scale(.9);
        -ms-transform:translate(-5px,10px) scale(.9);
        transform:translate(-5px,10px) scale(.9);
    }
    .royal-navy .calendar-sidebar>span#sidebarToggler{
        -webkit-transform:translate(-5px,10px) scale(.9);
        -ms-transform:translate(-5px,10px) scale(.9);
        transform:translate(-5px,10px) scale(.9);
    }
    .royal-navy .calendar-inner{
        padding:63px 0 40px 0;
        -webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);
        box-shadow:0 5px 8px -3px rgba(12,37,47,.65);
    }
    .royal-navy.event-hide .calendar-events,.royal-navy .calendar-events{
        padding:20px 15px;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
    .royal-navy.event-hide .calendar-events{
        padding:0 15px;
    }
    .royal-navy.event-hide #eventListToggler,.royal-navy #eventListToggler{
        top:calc(100% - 185px);
        right:0;
        -webkit-transform:translate(-5px,-50%) scale(.9);
        -ms-transform:translate(-5px,-50%) scale(.9);
        transform:translate(-5px,-50%) scale(.9);
    }
    .royal-navy.event-hide #eventListToggler{top:100%;
        -webkit-transform:translate(0,-100%) scale(.8);
        -ms-transform:translate(0,-100%) scale(.8);
        transform:translate(0,-100%) scale(.8);
    }
}