@import url('https://use.typekit.net/wbp2hls.css?v=1.0.1');
#yesplan-agenda {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  transition: transform 0.5s ease;
}
body.rotate-clockwise #yesplan-agenda {
  height: 100vw;
  width: 100vh;
  transform: rotate(90deg);
  transform-origin: bottom left;
  top: -100vw;
}
body.rotate-counter-clockwise #yesplan-agenda {
  height: 100vw;
  width: 100vh;
  transform: rotate(-90deg) translate(-100vh, 0);
  transform-origin: top left;
}
#yesplan-agenda .header {
  text-align: center;
  padding: 5vw 0;
  border-bottom: 1px solid #ffffff;
}
body.rotate #yesplan-agenda .header {
  padding: 5vh 0;
}
#yesplan-agenda .header .clock {
  text-align: right;
  padding: 0 5vw;
  font-size: 3.25vw;
}
#yesplan-agenda .header h1 {
  font-size: 5vw;
  font-weight: 600;
  margin: 0 0 0.5vw 0;
}
body.rotate #yesplan-agenda .header h1 {
  font-size: 5vh;
  margin: 0 0 0.5vh 0;
}
#yesplan-agenda .header p {
  margin: 0;
  font-size: 3vw;
}
body.rotate #yesplan-agenda .header p {
  font-size: 3vh;
}
#yesplan-agenda .no-events {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
#yesplan-agenda .no-events p {
  font-size: 3vw;
}
body.rotate-clockwise #yesplan-agenda .no-events p,
body.rotate-counter-clockwise #yesplan-agenda .no-events p {
  font-size: 3vh;
}
#yesplan-agenda .events {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#yesplan-agenda .events .event {
  display: grid;
  grid-template-areas: "time title resource direction";
  grid-template-columns: 1fr 3fr 2fr 1fr;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ffffff;
  padding: 5vw 0;
}
body.rotate #yesplan-agenda .events .event {
  padding: 5vh 0;
}
#yesplan-agenda .events .event .time {
  grid-area: time;
  text-align: center;
  font-weight: 600;
  font-size: 3vw;
}
body.rotate #yesplan-agenda .events .event .time {
  font-size: 3vh;
}
#yesplan-agenda .events .event .title {
  grid-area: title;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
body.rotate #yesplan-agenda .events .event .title {
  gap: 1vh;
}
#yesplan-agenda .events .event .title h2 {
  font-size: 3vw;
  font-weight: 600;
  margin: 0;
}
body.rotate #yesplan-agenda .events .event .title h2 {
  font-size: 3vh;
}
#yesplan-agenda .events .event .title p {
  font-size: 2.15vw;
  line-height: 1.3;
  margin: 0;
}
body.rotate #yesplan-agenda .events .event .title p {
  font-size: 2.15vh;
}
#yesplan-agenda .events .event .resource {
  grid-area: resource;
  text-align: center;
  font-size: 2.25vw;
}
body.rotate #yesplan-agenda .events .event .resource {
  font-size: 2.25vh;
}
#yesplan-agenda .events .event .direction {
  grid-area: direction;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
#yesplan-agenda .events .event .direction .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
}
body.rotate-clockwise #yesplan-agenda .events .event .direction .arrow,
body.rotate-counter-clockwise #yesplan-agenda .events .event .direction .arrow {
  width: 4vh;
  height: 4vh;
}
#yesplan-agenda .events .event .direction .arrow svg {
  width: 100%;
  height: 100%;
}
#yesplan-agenda .events .event .direction .arrow svg path {
  fill: #ffffff;
}
#yesplan-agenda .events .event .direction .arrow[data-direction="north"] {
  transform: rotate(-90deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="north-east"] {
  transform: rotate(-45deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="east"] {
  transform: rotate(0);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="south-east"] {
  transform: rotate(45deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="south"] {
  transform: rotate(90deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="south-west"] {
  transform: rotate(135deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="west"] {
  transform: rotate(180deg);
}
#yesplan-agenda .events .event .direction .arrow[data-direction="north-west"] {
  transform: rotate(-135deg);
}
/*
body.rotate-clockwise {
    transform: rotate(90deg);
}

body.rotate-counter-clockwise {
    transform: rotate(-90deg);
}
    */
.ambio-info-screen .slides.slideshow .slide.event {
  align-items: flex-end;
  justify-content: flex-end;
}
.ambio-info-screen .slides.slideshow .slide.event .content {
  max-width: calc(50% - 2vw);
  min-width: 40%;
  background-color: rgba(0, 21, 78, 0.85);
  color: #fff;
  text-align: left;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  padding: 1.5vw;
  margin: 0 0 4.5vw 0;
}
body.rotate .ambio-info-screen .slides.slideshow .slide.event .content {
  padding: 1.5vh;
  margin: 0 0 4.5vh 0;
}
.ambio-info-screen .slides.slideshow .slide.event .content h2 {
  font-size: 2.15vw;
  font-weight: 600;
  margin-bottom: 0.5vw;
}
body.rotate .ambio-info-screen .slides.slideshow .slide.event .content h2 {
  font-size: 2.15vh;
  margin-bottom: 0.5vh;
}
.ambio-info-screen .slides.slideshow .slide.event .content p {
  font-size: 1.75vw;
}
body.rotate .ambio-info-screen .slides.slideshow .slide.event .content p {
  font-size: 1.75vh;
}