.upcoming_event h2{font-size:36px;}
.conts h4{
margin-bottom:1px;
text-transform:uppercase;
}
.thefoots{
padding:20px 1px;
display:block;
}
.thefoots .types{
display:inline-block;
border: 1px solid #efeaea;
padding:0.7em 1.4em;
margin:0 0.3em 0.3em 0;
font-style:normal;
border-radius:0.15em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
text-transform:uppercase;
font-weight:400;
color:#040404; box-shadow:inset 0 -0.5em 0 -0.35em rgba(0,0,0,0.17);
text-align:center;
position:relative;
font-size:11px;
}
.events h4{font-size:22px;}
.event-ish{   display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}   .event-ish .col{
font-family: 'open sans', 'arial narrow';
background:#fafafa;
border:1px solid #ededed; border-top-left-radius:15px;
border-top-right-radius:15px;
padding:5px;
box-shadow:-3px 3px 16px 1px rgb(219 217 217 / 28%);
}
.agrid{   color:#6B6B6B;
}
.agrid .__info{
padding:8px;
}
.agrid .thedate,.agrid .conts {
padding:2px 2px;     }    .thedate .sdate{
font-size:20px; font-weight:800;
font-style:normal;
}
.thedate .edmth{
font-style:normal;
text-transform:uppercase;
}
.conts{
display:block;
}
.butt{
border: 2px solid #e7e7e7;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
color:#000;
background:#fff;
}
.butt:hover{
background-color:#e7e7e7;
}
.disable{
opacity: 0.3;
cursor: not-allowed;
}
.disable:hover{
background-color:#fff;
}
.highlight{
background-color:#e7e7e7;
}
@media only screen and (max-width: 860px) {
.event-ish {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 400px) {
.event-ish {
grid-template-columns: repeat(1, 1fr);
}
}
.events_disclaimer {
position: relative;      
margin: 3em auto; padding: 1em 1.5em;
border-radius: .6em;
color: black;
background-color: rgba(226, 162, 76, .86);      
}
.events_disclaimer a {
color: white;
padding: 0;
line-height: 0;
border-bottom: 1px dashed white;
}
.events_disclaimer a:hover {
color: red;   
border-bottom: 1px solid red;         
}