:root {
    --kyriosEvent1Color: #FFE5D5;
    --kyriosEvent2Color: #D0E6E4;
    --kyriosEventbackgroundColor:#F2F2F2;
    --kyriosEventtextColor: rgb(87,87,89);
    --kyriosEventTypeSelectorTextColor: rgb(116,116,119);
    --kyriosEventGold: rgb(181,158,110);
}

#kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarPrev,
#kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarNext{
    width: 50px;
    cursor: pointer;
}
#kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarPrev:before,
#kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarNext:before{
    padding: 20px 15px;
    margin: -20px -15px;
}
#kyriosAgendaContainer #kyriosAgenda .calendarNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 47px;
}

#kyriosAgendaContainer .typeSelectors {
    display: -ms-grid;
    display: flex;
    grid-column-gap: 34px;
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    vertical-align: middle;
    max-width: 782px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 110px;
    margin-left: auto;
    margin-right: auto;
}

#kyriosAgendaContainer #loadMoreKyriosEvents {
    margin-top: 80px;
    margin-bottom: 80px;
} 

#kyriosAgendaContainer #loadMoreKyriosEvents .text  { 
    height: -webkit-fit-content; 
    height: -moz-fit-content; 
    height: fit-content;
    color: var(--kyriosEventGold);
    font-weight: 500;
}

#kyriosAgendaContainer #loadMoreKyriosEvents .box1 {
    /* background-color: red!important; */
    position: relative;
    opacity: 0.33;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
    height: 102px;
    width: 374px!important;
    max-width: 100%!important;
}
#kyriosAgendaContainer #loadMoreKyriosEvents .box2 {
    /* background-color: greenyellow!important; */
    position: relative;
    margin-top: -102px!important;
    opacity: 0.67;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";
    height: 85px;
    width: 408px!important;
    max-width: 100%!important;
}
#kyriosAgendaContainer #loadMoreKyriosEvents .box3 {
    /* background-color: blue!important; */
    position: relative;
    margin-top: -85px!important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height: 68px;
    width: 442px!important;
    max-width: 100%!important;
    margin: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; 
}

#kyriosAgendaContainer #kyriosCalendarMonthAndYear {
    text-align: center;
}
#kyriosAgendaContainer #loadMoreKyriosEvents .box1:hover,
#kyriosAgendaContainer #loadMoreKyriosEvents .box2:hover,
#kyriosAgendaContainer #loadMoreKyriosEvents .box3:hover {
    background-color:rgb(212, 212, 212);
}
#kyriosAgendaContainer #loadMoreKyriosEvents .box1,
#kyriosAgendaContainer #loadMoreKyriosEvents .box2,
#kyriosAgendaContainer #loadMoreKyriosEvents .box3 {
    background-color:rgb(236,236,233);
    margin: auto;
    cursor: pointer
}

#kyriosAgendaContainer .typeSelectors .eventType {
    color: var(--kyriosEventTypeSelectorTextColor);
    width: 272px;
    max-width: 100%;
    padding: 20px 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid var(--kyriosEventTypeSelectorTextColor);
    cursor: pointer;
}
#kyriosAgendaContainer .typeSelectors .selected {
    color: BLACK!important;
}

#kyriosAgendaContainer .eventType1 { 
    background-color: var(--kyriosEvent1Color)!important;
}
#kyriosAgendaContainer .eventType2 {
    background-color: var(--kyriosEvent2Color)!important;
}

#kyriosAgendaContainer #kyriosAgenda .calendarEventType1 {
    background-color: var(--kyriosEvent1Color)!important;
}
#kyriosAgendaContainer #kyriosAgenda .calendarEventType2 {
    background-color: var(--kyriosEvent2Color)!important;
}
#kyriosAgendaContainer #kyriosAgenda .calendarEventType12,
#kyriosAgendaContainer #kyriosAgenda .calendarEventType21 {
    background:  linear-gradient(bottom, var(--kyriosEvent1Color), var(--kyriosEvent1Color) 50%, var(--kyriosEvent2Color) 50%, var(--kyriosEvent2Color))!important;
    background:  -webkit-linear-gradient(bottom, var(--kyriosEvent1Color), var(--kyriosEvent1Color) 50%, var(--kyriosEvent2Color) 50%, var(--kyriosEvent2Color))!important;
}

#kyriosAgendaContainer #kyriosAgenda .eventType1 {
    background-color: var(--kyriosEvent1Color)!important;
}
#kyriosAgendaContainer #kyriosAgenda .eventType2 {
    background-color: var(--kyriosEvent2Color)!important;
}

#kyriosAgendaContainer {
    font-size: 20;
    color: var(--kyriosEventtextColor);
    font-family: 'Montserrat';
}
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarCalendarPrev {
    margin-right:-30px;
}
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarCalendarNext {
    margin-left:-30px;
}
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarCalendarPrev,
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarCalendarNext {
    /*position: absolute;*/
    z-index: 10;
    height: 100%;
    cursor: pointer;
}
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarSliderContainer {
    width: -webkit-fill-available;
    margin-top: 20px;
 }
#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#kyriosAgendaContainer #kyriosAgenda .sidebarEvent span{
    cursor: pointer;
}

#kyriosAgendaContainer #kyriosAgenda .sidebarEvent {
    background-color: var(--kyriosEventbackgroundColor);
    padding: 10px 30px;
    /*min-width: 350px;*/
    min-height: 170px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#kyriosAgendaContainer #kyriosAgenda .event {
    background-color: var(--kyriosEventbackgroundColor);
    /* padding: 10px;
    min-width: 330px;
    min-height: 170px;
    cursor: pointer; */
    padding: 10px;
    width: 100%;
    /* height: 170px; */
    height: 11rem;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
}

#kyriosAgendaContainer #kyriosAgenda .eventSeparator {
    border-bottom: 1px solid var(--kyriosEventtextColor);
    padding: 0px;
    margin: 6px 0;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosSidebarSliderContainer .eventTitle {
    font-size: 1.25rem;
    line-height: 2em;
}

#kyriosAgendaContainer #kyriosAgenda .eventTitle {
    font-family: 'Playfair Display';
    font-size: 30px;
    line-height: 52.8px;
    line-height: 2.5rem;
}

#kyriosAgendaContainer #kyriosAgenda .calendarContainer {
    -ms-grid-row: 0;
        grid-row-start: 0;
    -ms-grid-row-span: 2;
        grid-row-end: span 2;
    background: var(--kyriosEventbackgroundColor);
}

#kyriosAgendaContainer #kyriosAgenda.sideBarMode {
    display: block;
}

#kyriosAgendaContainer #kyriosAgenda {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 34px;
    grid-row-gap: 34px;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin: 0;
    border: none;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar tr {
    border: none;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    height: 47px;
}

#kyriosAgendaContainer #kyriosAgenda.sideBarMode #kyriosCalendar tr,
#kyriosAgendaContainer #kyriosAgenda.sideBarMode #kyriosCalendar td {
    height: auto!important;
    width: auto!important;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    /* height: 47px;
    width: 47px; */
    border: 1px solid var(--kyriosEventbackgroundColor);
    margin: 1px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar td.day { 
    cursor: pointer;
}
/* #kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarPrev:hover,
#kyriosAgendaContainer #kyriosAgenda .calendarNav #kyriosCalendarNext:hover, */
#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar td.day:hover { 
    background-color: rgba(57,57,57,0.1);
}
#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar td.selected,
#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar td.today {
    font-weight: bold;
}

#kyriosAgendaContainer #kyriosAgenda #kyriosCalendar tr{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
}

@media only screen and (max-width: 765px) {
    #kyriosAgendaContainer #kyriosAgenda { 
        -ms-grid-columns: 1fr!important; 
            grid-template-columns: 1fr!important;
    }    

    #kyriosAgendaContainer .typeSelectors .eventType {
        width: 100%;
        padding: 20px 5px;
        font-size: 12px;   
    }

    #kyriosAgendaContainer .typeSelectors {
        -ms-grid-columns: auto auto auto;
            grid-template-columns: auto auto auto;
        
    }

  
}