/*Ogólne*/
#calendar-post .fc-scroller {
  overflow: hidden !important;
}

/*Ogólne*/

.row.calendar-front .col-3 {
  width: 15vw;
  height: 24vw;
  margin-right: 3%;
  padding: 2vw 1.5vw;
  border-radius: 4px;
}

.calendar-event-remnant-date {
  display: flex;
  flex-direction: column;
  font-size: 1vw;
  align-self: center;
  margin-left: 8%;
}
.fc-event-title {
  word-break: break-word;
  white-space: pre-wrap;
}

.calendar-event-date {
  display: flex;
  flex-direction: inherit;
}

.calendar-event-day {
  font-size: 3vw;
  font-weight: 600;
}

.col-3 .calendar-event-title h3 {
  font-size: 1.3vw;
  font-weight: 550;
  margin-top: 1vw;
}

.hour-and-place {
  position: absolute;
  bottom: 0;
  width: 11vw;
}

.calendar-event-hour,
.calendar-event-place {
  font-size: 0.9vw;
}

.calendar-event-hour::before {
  content: url(https://po.edu.pl/wp-content/uploads/2021/06/Icon-awesome-clock-1.svg);
  margin-right: 3%;
}

.calendar-event-place::before {
  content: url(https://po.edu.pl/wp-content/uploads/2021/06/Icon-material-location-on-1.svg);
  margin-right: 3%;
}

/*1-kolumna*/

.calendar-event-col-0 {
  background: #0059a0;
}

.calendar-event-col-0 .calendar-event-title h3 {
  color: white;
}

.calendar-event-col-0 .calendar-event-month-show,
.calendar-event-col-0 .calendar-event-day-show,
.calendar-event-col-0 .calendar-event-hour,
.calendar-event-col-0 .calendar-event-place,
.calendar-event-col-0 .calendar-event-day-of-week-show,
.calendar-event-col-0 .calendar-event-year-show {
  color: white;
}

.calendar-event-col-0 .calendar-event-date {
  border-bottom: solid 3px white;
}

.calendar-event-col-0 .calendar-event-hour::before {
  content: url(https://po.edu.pl/wp-content/uploads/2021/06/Icon-awesome-clock.svg);
  margin-right: 3%;
}

.calendar-event-col-0 .calendar-event-place::before {
  content: url(https://po.edu.pl/wp-content/uploads/2021/06/Icon-material-location-on.svg);
  margin-right: 3%;
}

.calendar-event-day-of-week-show {
  font-size: 0.9vw;
}

/*2-kolumna*/

.calendar-event-col-1 {
  background: #ffffff;
}

.calendar-event-col-1 .calendar-event-title h3 {
  color: #171f23;
}

.calendar-event-col-1 .calendar-event-month-show,
.calendar-event-col-1 .calendar-event-day-show,
.calendar-event-col-1 .calendar-event-hour,
.calendar-event-col-1 .calendar-event-place,
.calendar-event-col-1 .calendar-event-day-of-week-show,
.calendar-event-col-1 .calendar-event-year-show {
  color: #171f23;
}

.calendar-event-col-1 .calendar-event-date {
  border-bottom: solid 3px #171f23;
}

/*3-kolumna*/

.calendar-event-col-2 {
  background: #bef1bf;
}

.calendar-event-col-2 .calendar-event-title h3 {
  color: #171f23;
}

.calendar-event-col-2 .calendar-event-month-show,
.calendar-event-col-2 .calendar-event-day-show,
.calendar-event-col-2 .calendar-event-hour,
.calendar-event-col-2 .calendar-event-place,
.calendar-event-col-2 .calendar-event-day-of-week-show,
.calendar-event-col-2 .calendar-event-year-show {
  color: #171f23;
}

.calendar-event-col-2 .calendar-event-date {
  border-bottom: solid 3px #171f23;
}

/*4-kolumna*/

.calendar-event-col-3 {
  background: #dbe8f2;
}

.calendar-event-col-3 .calendar-event-title h3 {
  color: #171f23;
}

.calendar-event-col-3 .calendar-event-month-show,
.calendar-event-col-3 .calendar-event-day-show,
.calendar-event-col-3 .calendar-event-hour,
.calendar-event-col-3 .calendar-event-place,
.calendar-event-col-3 .calendar-event-day-of-week-show,
.calendar-event-col-3 .calendar-event-year-show {
  color: #171f23;
}

.calendar-event-col-3 .calendar-event-date {
  border-bottom: solid 3px #171f23;
}

/*mobilka*/

@media (max-width: 768px) {
  .row.calendar-front .col-3 {
    width: 100%;
    height: 100vw;
    margin-bottom: 10%;
    padding: 8vw 6vw;
    border-radius: 4px;
    position: relative;
  }

  .calendar-event-remnant-date {
    display: flex;
    flex-direction: column;
    font-size: 4.5vw;
    align-self: center;
    margin-left: 8%;
  }

  .calendar-event-date {
    display: flex;
    flex-direction: inherit;
  }

  .calendar-event-day {
    font-size: 12vw;
    font-weight: 600;
  }

  .col-3 .calendar-event-title h3 {
    font-size: 5vw;
    font-weight: 550;
    margin-top: 1vw;
  }

  .hour-and-place {
    position: absolute;
    bottom: 0;
    width: auto;
  }

  .calendar-event-hour {
    font-size: 4.5vw;
    margin-bottom: 5px;
  }

  /* .calendar-event-hour::before {
    content: url(http://po.test.local/wp-content/uploads/2021/06/Icon-awesome-clock-1.svg);
    margin-right: 3%;
  } */

  .calendar-event-place {
    font-size: 4.5vw;

    margin-bottom: 12vw;
  }
/* 
  .calendar-event-place::before {
    content: url(http://po.test.local/wp-content/uploads/2021/06/Icon-material-location-on-1.svg);
    margin-right: 3%;
  } */

  .calendar-event-day-of-week-show {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }

  .row.calendar-front .col-3 .calendar-event-date {
    margin-bottom: 5vw;
  }
}

@media (min-width: 769px) and (max-width: 1133px) {
  .row.calendar-front .col-3 {
    width: 20vw;
    height: 32vw;
    margin-right: 2%;
    padding: 2vw 1vw;
  }

  .calendar-event-place,
  .calendar-event-hour {
    font-size: 1.8vw;
    margin-bottom: 0.5vw !important;
  }

  .calendar-event-hour {
    margin-bottom: 0.5vw !important;
  }

  .calendar-event-place {
    margin-bottom: 1vw !important;
  }

  .col-3 .calendar-event-title h3 {
    font-size: 1.6vw;
  }

  .calendar-event-remnant-date {
    font-size: 1.8vw;
    padding-bottom: 20px;
  }

  .calendar-event-day-of-week-show {
    font-size: 1.8vw;
  }

  .calendar-event-day {
    font-size: 3.5vw;
  }

  .hour-and-place {
    position: absolute;
    bottom: 0;
    width: 18vw;
  }
}