@charset "UTF-8";
:root {
  --color-red: hsl(6, 70%, 70%);
  --color-orange: hsl(24, 100%, 68%);
  --color-yellow: hsl(42, 95%, 58%);
  --color-green: hsl(75, 55%, 45%);
  --color-blue: hsl(185, 55%, 55%);
  --color-indigo: hsl(229, 45%, 70%);
  --color-violet: hsl(282, 45%, 70%);
}

@layer page {
  .inner {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
  }
  .events.section {
    /* background-color: #2da9ad; */
    text-align: center;
    flex: 1;
    padding: 0 18px;
  }
  .events.section img {
    max-width: 60vw;
    max-height: 60vh;
  }
  .events.section .description img {
    max-width: 85vw;
    max-height: 85vh;
  }
  .sched-type.rounded.button {
    background-color: #647e8b;
    display: inline-block;
    margin-left: initial;
    margin-right: initial;
    padding: 1.5em;
    color: black;
    border-radius: 20px;
    cursor: pointer;
  }
  .sched-type.rounded.button.disabled {
    background-color: #d0d0d0;
    color: #666;
    pointer-events: none;
    cursor: default;
    font-weight: bold;
  }
  .dotted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAeCAYAAABdalL1AAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVoqDnYQcchQXbSLiggutQpFqBBqhVYdTC79giYNSYuLo+BacPBjserg4qyrg6sgCH6AuLo4KbpIif9LCi1iPDjux7t7j7t3gNAoM83qigGaXjVTibiYya6KgVeE0IsgZjEmM8uYk6QkPMfXPXx8vYvyLO9zf44+NWcxwCcSx5hhVok3iKc3qwbnfeIwK8oq8TnxuEkXJH7kuuLyG+eCwwLPDJvp1DxxmFgsdLDSwaxoasRTxBFV0ylfyLisct7irJVrrHVP/sJQTl9Z5jrNYSSwiCVIEKGghhLKqCJKq06KhRTtxz38Q45fIpdCrhIYORZQgQbZ8YP/we9urfzkhJsUigPdL7b9MQIEdoFm3ba/j227eQL4n4Erve2vNICZT9LrbS1yBPRvAxfXbU3ZAy53gMEnQzZlR/LTFPJ54P2MvikLDNwCwTW3t9Y+Th+ANHWVvAEODoHRAmWve7y7p7O3f8+0+vsB50ly1QZTqC4AAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfnDAkLAzaXrwqqAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAVdJREFUaN5jYBgFo2AUjIJRMApGwSgYBaNgFIyCUUAeYKSmYVrhUYzPz54O+v7mddTf33+EhkIAcAgI7BJSVetQ9vJm2FdW/H/QOMylbxIjl6joDAYGhs9DFTMyMz/VS0xmHDQplVtCovvrixcZQz/fMv62qqwRPtbWTFGKZabUHQYpaYyPDx1cO0yKQ+Yvz5/f/PHu3XVKDGGi1BUvL17gGE6VzPu7d2b7zFvIOKCB+uvzZ4thVXX//8/66/MXhgENVC4RkQPDKUyZmJk/cQgKDmygSpkNr4Qqpm9guCku6v+ABurJvu7/oto6jsOilmJnf6gdFfOa4tRODce8vnrljJievgkDA8P/oRqg7PwCuyzLq3T3lhRS7Aeq9qisqmoZX5w9w/Dt9WuBf79/SQ2BdukfDgGBW4IqqgwX5835zzAKRsEoGAWjYBSMglEwCkbBKBgFpAAAV2aIS4phV20AAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: 2em;
  }
  .dotted.hr {
    height: 1.5em;
    background-position: center;
  }
  .content > .dotted.hr {
    width: 100%;
    margin-top: 2em;
    background-size: 0;
  }
  .vdotted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABVCAYAAABer1QNAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVoqDnYQcchQXbSLiggutQpFqBBqhVYdTC79giYNSYuLo+BacPBjserg4qyrg6sgCH6AuLo4KbpIif9LCi1iPDjux7t7j7t3gNAoM83qigGaXjVTibiYya6KgVeE0IsgZjEmM8uYk6QkPMfXPXx8vYvyLO9zf44+NWcxwCcSx5hhVok3iKc3qwbnfeIwK8oq8TnxuEkXJH7kuuLyG+eCwwLPDJvp1DxxmFgsdLDSwaxoasRTxBFV0ylfyLisct7irJVrrHVP/sJQTl9Z5jrNYSSwiCVIEKGghhLKqCJKq06KhRTtxz38Q45fIpdCrhIYORZQgQbZ8YP/we9urfzkhJsUigPdL7b9MQIEdoFm3ba/j227eQL4n4Erve2vNICZT9LrbS1yBPRvAxfXbU3ZAy53gMEnQzZlR/LTFPJ54P2MvikLDNwCwTW3t9Y+Th+ANHWVvAEODoHRAmWve7y7p7O3f8+0+vsB50ly1QZTqC4AAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfnDAkNDBYv1EofAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAURJREFUaN7t2L1Lw0AYx/HnyVEjreK1kBLclERBpYIKgrhonSo42EHoIup/ILgICm7iKzg5O7i5OfkvaJyc3IstEQstqPRNF7tIqVe92OX3hdue3OdCMh0RQgghhDqdaPeB6c0tNoTgUDgyJwcG805qsZa794I9pTU6NkVEpe8rYtuHCydnHAgaT4wPN0MbK2xZ59rRme0dJqJiK5iISiMrGeW3NlSGct4dEdGPmz55t8ta4Vfflypzb89+Ritcr5T7VeZqlWpMKxxEgAEDBgwYMGDAgAEDBgwYMGDAgAH/O8xc7QjcLeWj4tyNVjjquEqbxdyhfe3fxOyTV9TiypiFyM4fHOu/LJ/d3WNhmg9NYeaXxNoGB/YnJo9O2Z6YjBtCZBtg1HHTXxfpbfWrUy5dXPJ7oUBdvT10vb76QQghhBD6S58S6lczeQgzKAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    background-size: 0.5em;
    background-position-x: -0.25em;
  }
  #schedule-content {
    flex: 1;
    margin-top: 1em;
  }
  #schedule-content .details-container .atom .code {
    font-size: 1.2em;
  }
  #schedule-content .details-container .atom img {
    max-width: 15vw;
    max-height: 15vh;
  }
  .sched-view {
    padding: 1em 0;
    display: none;
  }
  .sched-view.visible {
    display: block;
  }
  .sched-view.visible.details-container {
    display: inline-flex;
  }
  .sched-view.hidden {
    display: none !important;
  }
  #week {
    width: 100%;
    overflow-x: hidden;
    display: flex;
    flex-flow: row nowrap;
    gap: 1em;
  }
  .week-nav {
    padding-top: 0.5em;
  }
  .week-nav > .atom {
    padding: 0.5em;
    font-size: 2em;
    font-family: Arial;
    background-color: #eee;
  }
  #week-content {
    flex: 1;
    overflow-x: hidden;
    position: relative;
  }
  @media (hover: hover) {
    #week-content {
      cursor: grab;
    }
  }
  @media (hover: none) {
    #week-content {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x proximity;
    }
  }
  #days {
    display: flex;
    flex-flow: row nowrap;
    gap: 0;
    left: 0;
    position: relative;
    transition: left 1s ease-out;
  }
  @media (hover: none) {
    #days {
      position: static;
      transition: none;
    }
  }
  .atom {
    border-radius: 20px;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1rem 2rem;
    background-color: white;
  }
  .atom.big {
    font-size: 1.1em;
    padding-left: 1em;
    padding-right: 1em;
  }
  .atom.clickable {
    cursor: pointer;
    box-shadow: 0px 9px 18px -6px rgba(0, 0, 0, 0.35);
  }
  .atom.clickable.disabled {
    cursor: default;
    pointer-events: none;
    filter: grayscale(100%);
  }
  .atom.clickable:not(.disabled):hover {
    box-shadow: 0px 23px 16px -9px rgba(0, 0, 0, 0.56);
    transform: scale(1.1);
    transition: all 0.5s;
  }
  .atom.clickable:not(.disabled):active {
    transform: scale(1);
    box-shadow: initial;
    transition: all 0.5s;
  }
  .atom.description {
    max-width: 950px;
  }
  .day {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    align-items: center;
    transition: all 5s ease-out;
  }
  .day > .dotted.hr {
    margin-top: -1em;
    position: relative;
    top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    width: 80%;
  }
  .day > .date, .day > .day-events {
    background-color: #eee;
    width: 8rem;
  }
  .date:hover {
    z-index: 5;
  }
  .day-events.atom {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 0.5em;
    padding: 1em 0.5em;
    background-color: #eee;
  }
  .day-event {
    border-radius: 20px;
    white-space: nowrap;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
  }
  .day-event.red {
    color: white;
    background-color: var(--color-red);
  }
  .day-event.orange {
    color: white;
    background-color: var(--color-orange);
  }
  .day-event.yellow {
    color: white;
    background-color: var(--color-yellow);
  }
  .day-event.green {
    color: white;
    background-color: var(--color-green);
  }
  .day-event.blue {
    color: white;
    background-color: var(--color-blue);
  }
  .day-event.indigo {
    color: white;
    background-color: var(--color-indigo);
  }
  .day-event.violet {
    color: white;
    background-color: var(--color-violet);
  }
  .day-event > img {
    display: block;
    width: 66%;
    margin: 0.2em auto -0.2em;
    border-radius: 10px;
  }
  .day-event.clickable {
    cursor: pointer;
    box-shadow: 0px 9px 18px -6px rgba(0, 0, 0, 0.35);
  }
  .day-event.clickable:hover {
    box-shadow: 0px 23px 16px -9px rgba(0, 0, 0, 0.56);
    transform: scale(1.1);
    transition: all 0.5s;
  }
  .day-event.clickable:active {
    transform: scale(1);
    box-shadow: initial;
    transition: all 0.5s;
  }
  .code {
    /* color: white !important; */
    display: inline-block;
    width: 100%;
    font-size: 0.55em;
  }
  .code.small {
    font-size: 0.45em;
    white-space: break-spaces;
    line-height: 1em;
  }
  .day-container {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: start;
    justify-content: center;
    gap: 1em;
  }
  .day-tag > .date {
    width: 8rem;
  }
  .day-sched {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    gap: 0.5em;
  }
  .event-line {
    display: flex;
    flex-flow: row wrap;
  }
  .hours {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
  }
  .titles.atom {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 1em;
  }
  .titles.atom > .day-event {
    width: 7rem;
    position: relative;
  }
  .title-text {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
  }
  .day-nav {
    font-size: 2em;
    font-family: Arial;
  }
  .day-nav > .atom {
    font-family: Arial;
    background-color: #eee;
  }
  .details-container {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: start;
    justify-content: center;
    gap: 1em;
    max-width: 100%;
    overflow-x: auto;
  }
  .details-content {
    display: flex;
    flex-flow: column nowrap;
    gap: 1em;
  }
  div.details {
    flex: 1;
  }
  .occurrence {
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    gap: 1em;
  }
  .occurrence-day {
    display: flex;
    flex-flow: column nowrap;
    gap: 1em;
    align-items: stretch;
  }
  .occurrence-hours {
    display: flex;
    flex-flow: row nowrap;
  }
  .desc-title {
    font-size: 1.2em;
    margin-bottom: 1em;
  }
  .desc-text {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
  }
  .desc-text details, .desc-text summary, .desc-text ul, .desc-text li, .desc-text p, .desc-text table, .desc-text th, .desc-text td {
    font-size: 1em;
    line-height: 1.6;
    color: #333;
  }
  .event-actions {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.5em;
  }
  .event-actions .atom {
    padding: 0.2rem;
  }
  .event-actions img {
    display: inline-block;
    width: 66%;
  }
  .event-actions label {
    display: block;
    color: #647e8b;
    font-size: 1em;
  }
  .location {
    text-align: right;
    font-style: italic;
  }
  .location::before {
    left: 1em;
    font-style: italic;
    content: "Location:  ";
  }
  #ical {
    margin-top: 0.2em;
    text-align: right;
  }
  #activities {
    display: flex;
    justify-content: center;
  }
  .activities-list {
    max-width: 500px;
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 1em 0;
  }
  .activities-list li {
    font-size: 1.3em;
    padding: 0.5em 0;
    padding-left: 1.5em;
    position: relative;
  }
  .activities-list li::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: var(--color-blue);
  }
  @media (hover: none) {
    .week-nav {
      display: none;
    }
  }
}

/*# sourceMappingURL=events.css.map */