@import "../config";

.board-header {
  line-height: 3rem;
  flex-grow: 1;
  font-family: "Bungee", sans-serif;
  font-weight: normal;
  font-size: 1.1rem;
  padding-left: 0.3rem;
}

.board-card {
  background-color: var(--background-card-color);
  box-shadow: 0 0.1rem 0.2rem var(--shadow-color);
  border-radius: $border-radius;
  overflow: hidden;
}

.board {
  padding: 1rem 0.4rem 2rem;
  display: flex;
  overflow: hidden;
  height: calc(100vh - 0.5rem);

  & > div {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0 0.4rem;

    &:nth-child(1) {
      flex-grow: 5;
    }

    &:nth-child(2) {
      flex-grow: 4;
    }

    &:nth-child(3) {
      flex-grow: 4;
    }
  }
}

.board-twitter {
  .board-card {
    height: calc(100% - 1.3rem);

    & > * {
      margin-top: -1px !important;
    }
  }
}

.board-post {
  margin-bottom: 0.5rem;

  .post-name {
    top: 0.5rem;
  }

  padding-top: 2.5rem;
  padding-bottom: 0.5rem;
}

.board-schedule-box {
  margin-bottom: 0.5rem;
  padding: 1rem;
  padding-bottom: 0.5rem;

  table {
    border-collapse: collapse;
  }
}

.board-card-header {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 1.5rem;
}

.board-schedule {
  line-height: 1.3rem;
  height: 2rem;

  &:not(:last-child) {
    border-bottom: solid 1px var(--table-border-color)
  }
}

.board-schedule-color {
  width: 1.2rem;

  span {
    display: block;
    background-color: var(--primary-color);
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    margin-top: 0.1rem;
  }
}

.board-schedule-time {
  width: 7rem;
  color: var(--text-secondary-color)
}

.board-schedule-name {
}

.board-schedule-room {
  width: 4rem;
  text-align: right;
  color: var(--text-secondary-color)
}