/*calendar events styles*/

.c-event-cards { display: grid;  grid-template-columns: 1fr; grid-gap: 1em; margin: 1.5em 0;}
.c-event-card { min-width: 150px; position: relative; }
.event-img { background: #efefef;  } 
.event-date { padding: .3em; background-color: white; text-align: center; max-width: 100px; position: absolute; top: 5px; right: 5px;  }
.event-month { text-transform: uppercase; }
.event-day { font-size: 1.3em;  padding-top: 0; margin-top: -.3em; }
.event-category { display: none; }
.event-title { font-size: 1.2em; }
.event-date-full { font-size: .9em; color: gray; }
div.event-title a { color: black; text-decoration: none; }
div.event-title a:hover, div.event-title a:active { color: black; text-decoration: underline;  text-underline-offset: 0.25em; }
@media only screen and (min-width: 400px), print { .c-event-cards { grid-template-columns: 1fr 1fr; } }
@media only screen and (min-width: 600px), print { .c-event-cards { grid-template-columns: 1fr 1fr 1fr; }}
@media only screen and (min-width: 800px), print {  .c-event-cards { grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media only screen and (min-width: 1000px), print { .c-event-cards { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }

.event-breadcrumb { text-transform: uppercase; font-weight: bold; }
div.event-detail-grid { display: grid; grid-template-columns: 1fr; column-gap: 1em;  row-gap: 1em;  margin-top: 1em; }
.event-backlink2 { display: block; margin-bottom: 1em;}
@media only screen and (min-width: 600px), print {
   div.event-detail-grid  { grid-template-columns: 1fr 1fr; column-gap: 3em;  }
    .event-image { margin-top: 2em; }
    .event-backlink2 { display: none;  }
}

.cal-cg-tag-cloud { display: flex; flex-wrap: wrap; row-gap: 1em; column-gap: 2em; padding: 15px; }
.cal-cg-tag-item input[type="checkbox"] { display: none; }
.cal-cg-tag-item label { display: inline-block; padding: 8px 16px;
  background-color: #efefef; border: 1px solid #A9A9A9;  border-radius: 20px;
  cursor: pointer;  transition: all 0.2s ease-in-out; }
.cal-cg-tag-item input[type="checkbox"]:checked + label {
  background-color: #001F54; color: #ffffff; border-color: #001F54;
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3); }