/* tooltips formatting and content for ICS Calendars */

div.ics-calendar-color-key-item {
  position: relative;
}

div.ics-calendar-color-key-item,
div.ics-calendar-color-key-item label, 
div.ics-calendar-color-key-item input {
  cursor: help;
}

div.ics-calendar-color-key-item ::before {
  background-color: #0099ff;
  border-radius: 5rem;
  color: #fff;
  content: "?";
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: .8em;
  height: 1.5em;
  line-height: 1.5em;
  position: absolute;
  top: -1.5em;
  text-align: center;
  width: 1.5em;
  margin-bottom: -8px;
  left: 0em;
  cursor: help !important;
}


div.ics-calendar-color-key-item:hover::after {
  background-color: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 0rem;
  color:black;
  display: inline-block;
  font-size: .5em
  font-style: normal;
/*   font-weight: 700; */
  height: .5em;
  line-height: .5em;
  padding: .45em;
  position: absolute;
  top: -1.6em;
  left: 2em;
  text-align: left;
  z-index: 10000;
}

div.ics-calendar-color-key-item[data-feed-key="0"]:hover::after {
  content: "Click here to show/hide scheduled Advice Clinics between Camprbell River and Bowser.";
  width: 41em; /* clamp(12em,20vw,32em); */
}

div.ics-calendar-color-key-item[data-feed-key="1"]:hover::after {
  content: "Click here to show/hide scheduled Advice Clinics between Bowser and Nanoose Bay.";
  width: 40em; /* clamp(12em,20vw,32em); */
}