#wskWidget {
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 30px 60px;
}

#wskWidget .widget_row {
    display: grid;
    grid-template-columns: 170px calc(100% - 320px) 150px;
    grid-template-areas:
        "date location links";
    text-align: left;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    letter-spacing: 0;
    border: none;
    align-items: center;
    padding: 0 0 25px;
  
}
#wskWidget .widget_row.nodates {
    display: block;
    text-align: center;
	padding: 0;
	text-transform: initial;
}
#wskWidget .widget_row > div {
    width: 100%;
    padding: 0;
    color: #000;
}

#wskWidget .event_date {
    grid-area: date;
    width: 200px;
}

#wskWidget .event_location {
    grid-area: location;
    display: grid;
    grid-template-columns: 1fr 0fr;
    grid-template-areas:
        "specialEvent"
        "venue"
        "loc"
        "featArtists";
    text-align: left;
    align-items: center;
    justify-content: center;
}

#wskWidget .special-event {
    grid-area: specialEvent;
}

#wskWidget .venue {
    grid-area: venue;
}

#wskWidget .location {
    grid-area: loc;
}

#wskWidget .event_location .featuring-artists {
    grid-area: featArtists;
}

#wskWidget .event_links {
    grid-area: links;
}
#wskWidget .plain_text{
color: #fff !important;
}
#wskWidget .event_links a {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    border: 1px solid #fff;
    background-color: transparent;
    color: #000;
    background: #fff;

}

#wskWidget .event_links a:hover {
    color: #fff;
    background: #000;
    border-color: #fff;
	opacity: 0.7;
}

#wskWidget .event_links a.no-link {
    display: none;
}

#wskWidget .widget_row > .featuring-artists {
    display: none;
}

#wskWidget .featuring-artists:empty,
#wskWidget #event_id-39746228, 
#wskWidget #event_id-39746230 {
    display: none;
}

@media only screen and (max-width: 767px) {
    #wskWidget {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding: 40px 20px 0%;
    }

    #wskWidget .event_links {
        transform: none;
        position: static;
        min-width: 41vw;
    }

    #wskWidget .widget_row {
        text-align: center;
        grid-template-columns: unset;
        grid-template-rows: auto;

        grid-template-areas:
            "date" 
            "location"
            "links";
        justify-content: center;
        padding-bottom:40px;
    }
    
    #wskWidget .event_location {
        text-align: center;
        grid-template-rows: 1fr;
        grid-template-areas:
            "specialEvent"
            "loc"
            "venue"
            "featArtists";
    }
    
    #wskWidget .event_location > div {
        padding-bottom: 3px;
    }
    
    #wskWidget .event_links a {
        max-width: 150px;
    }
}