@supports (display:-webkit-box){
    #livewhale-calendar-bar .truncate-lines{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden
    }
    @media print,screen and (min-width:40em){
        #livewhale-calendar-bar .medium-truncate-lines{
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:3;
            overflow:hidden
        }
        #livewhale-calendar-bar .medium-truncate-1-line{
            -webkit-line-clamp:1
        }
        #livewhale-calendar-bar .medium-truncate-2-lines{
            -webkit-line-clamp:2
        }
        #livewhale-calendar-bar .medium-truncate-4-lines{
            -webkit-line-clamp:4
        }
    }
}
#livewhale-calendar-bar {
    color:#fefefe;
    background-color:#2a2a2a;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#livewhale-calendar-bar .livewhale-container {
    gap: 1rem;
    margin-bottom: 0;
}

#livewhale-calendar-bar p{
    hyphens:auto;
}

#livewhale-calendar-bar a{
    color:#fefefe;
    text-decoration:none;
    text-transform: uppercase;
}
#livewhale-calendar-bar a:hover{
    color:#ffbf66;
    text-decoration:underline;
}

/*
#livewhale-calendar-bar .h2,#livewhale-calendar-bar .h3{
    margin-bottom:0;
    line-height:1;
    text-transform:uppercase;
    font-weight:700
}
*/

#livewhale-calendar-bar .event .date{
    border-right:2px solid #707070;
    text-align:center;
    margin:0;
    padding: .2rem 0;
    flex-basis: 30% !important;
}

#livewhale-calendar-bar .event .month{
    font-size:1.6rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    text-transform:uppercase;
}


#livewhale-calendar-bar .day {
    font-family: 'Bennet Banner', serif;
    font-size: 3rem;
    font-weight: 400;
    color: #fff;
    margin-top: 3px;
}

#livewhale-calendar-bar .event .title{
    margin:0;
    padding-top:.1rem;
    padding-bottom:.1rem;
    padding-left: 1rem;
    flex-basis: 70% !important;
}

#livewhale-calendar-bar .event p.event-title, #livewhale-calendar-bar .event .event-title{
    font-weight:700;
    /*text-transform:uppercase; */
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0;
}



#livewhale-calendar-bar .events-all a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 1rem 2rem;
    border: 2px solid;
    border-color: #fff;
}
#livewhale-calendar-bar .events-all a:hover {
    color: #ffbf66;
    border-color:#ffbf66;
    text-decoration: underline;
}

#livewhale-calendar-bar .livewhale-container, #livewhale-calendar-bar .event .wp-block-columns {
    align-items: center !important;
}
#livewhale-calendar-bar .event .wp-block-columns {
    margin-bottom: 0;
}

#livewhale-calendar-bar p.location {
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.1rem;
    color: #fff;
}
@media (min-width:1180px){
    #livewhale-calendar-bar {
        padding: 2rem 0;
    }
    #livewhale-calendar-bar .events-all {
        max-width: 15% !important;
    }

}

@media (min-width:781px) and (max-width:1179px) {
    #livewhale-calendar-bar .livewhale-container {
        flex-wrap: wrap !important;
        margin: 1rem auto;
    }
    #livewhale-calendar-bar .event, #livewhale-calendar-bar .events-all {
        flex-basis: 48%;
        max-width: 48%;
    }
    #livewhale-calendar-bar .events-all {
        text-align: center;
    }
}

@media (max-width:780px){
    #livewhale-calendar-bar {
        padding: 1rem 0;
    }
    #livewhale-calendar-bar .event {
        max-width: 80%;
        margin: .5rem auto;
    }
    #livewhale-calendar-bar .events-all {
        text-align: center;
        margin-bottom: 1rem;
    }
    #livewhale-calendar-bar .events-all a {
        padding: 0.5rem 2rem;
    }
}

@media (min-width:481px) and (max-width:780px) {
    #livewhale-calendar-bar .event .date {
        text-align: right;
        padding-right: 2rem;
    }
}

@media (max-width: 480px) {
    #livewhale-calendar-bar .event .date {
        text-align: right;
        padding-right: 0;
    }
    #livewhale-calendar-bar .event .month {
        font-size: 1.6rem;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }
    #livewhale-calendar-bar .day {
        font-family: 'Bennet Banner', serif;
        font-size: 3rem;
        font-weight: 400;
        color: #fff;
        margin-top: 3px;
        text-align: center;
    }
}