/*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; line-height: 1.2;}
.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); }

ul.cal-cg-tag-cloud-display { display: flex; flex-wrap: wrap; row-gap: .5em; column-gap: .5em; }
ul.cal-cg-tag-cloud-display li { list-style-type: none; background-color: #001F54; color: #FFFFFF; border-color: #001F54; border-radius: 20px; padding: .5em; }

h1 {  font-size: 1.4em; margin: .8em 0 .5em 0; line-height: 1.1em; }
.lst-filter-jump { scroll-margin-top: 120px; }

p a.link-lstfilter-all.selected { font-weight: bold; }

#link-lstfilter-startover { display: inline-block; margin-left: 5em; }

ul.c-filterblock-location {  list-style: none; margin-top: .5em; margin-bottom: 1em; display: grid; grid-template-columns: 1fr; grid-gap: .3em; }
ul.c-filterblock-location  li { float: left; margin-top: .5em; text-align: center; }
ul.c-filterblock-location  li a { display: block;  padding: .5em .8em .5em .8em; background: #0A6871; border: 1px solid #0A6871; border-radius: 3px; 
   font-family: arial, sans-serif; font-weight: bold; color: #FFFFFF;  text-decoration: none;  }
ul.c-filterblock-location  li a.selected { background: #000000; border: #000000;  }
@media (min-width: 200px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr; } }
@media (min-width: 300px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr;} }
@media (min-width: 400px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} }
@media (min-width: 500px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
@media (min-width: 600px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }
@media (min-width: 800px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }
@media (min-width: 1000px) { ul.c-filterblock-location  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }

ul.c-filterblock-category, ul.c-filterblock-category2 {  list-style:none; margin-top: .5em; margin-bottom: 1em; display: flex;  flex-wrap: wrap; justify-content: center;}
ul.c-filterblock-category  li, ul.c-filterblock-category2  li  { margin-top: .5em; text-align: center; }
ul.c-filterblock-category  li a, ul.c-filterblock-category2  li a { display: block;  padding: .5em .7em .5em .7em; background: #000000; border: 1px solid #000000; border-radius: 3px; 
   font-family: arial, sans-serif; font-size: .7em; font-weight: bold; color: #FFFFFF;  text-decoration: none;   margin: .2em .4em; }
ul.c-filterblock-category  li a.selected, ul.c-filterblock-category2  li a.selected { background: #0A6871; border: #0A6871;  }

ul.c-filterblock-month {  list-style:none; margin-top: .5em; margin-bottom: 1em; display: grid; grid-template-columns: 1fr; grid-gap: .3em; }
ul.c-filterblock-month  li { float: left; margin-top: .5em; text-align: center; }
ul.c-filterblock-month  li a { display: block;  padding: .5em .8em .5em .8em; background: #001F54; border: 1px solid #001F54; border-radius: 3px; 
    font-family: arial, sans-serif; font-weight: bold; color: #FFFFFF;  text-decoration: none;  }
ul.c-filterblock-month  li a.selected { border: #0A6871; background: #0A6871; } 
@media (min-width: 200px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr; } }
@media (min-width: 300px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr;} }
@media (min-width: 400px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr 1fr;} }
@media (min-width: 500px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (min-width: 600px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }
@media (min-width: 800px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }
@media (min-width: 1000px) { ul.c-filterblock-month  {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }
