/* Animations */

.text-flash {
    color: blue;
}

/* Fobts */

.font-silkscreen {
    font-family: 'Silkscreen';
}

/* Utilities.css */

.mt-0 {
    margin-top: 0;
}

.mt-1-2 {
    margin-top: 0.5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.text-none {
    text-decoration: none;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-1-2 {
    gap: 0.5rem;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
  padding: 1rem;
}

.calendar-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-gray);
}

.calendar-dot--empty {
  background-color: transparent;
  pointer-events: none;
}

.calendar-dot--post {
  background-color: var(--color-blue);
}

.calendar-dot--future {
    background-color: var(--color-gray);
    opacity: 0.25;
}

.announcement, .announcement-sidebar {
    border-top: 4px solid var(--color-blue);
    border-left: 2px solid var(--color-section-header);
    border-right: 2px solid var(--color-section-header);
    border-bottom: 2px solid var(--color-section-header);
    padding: 1rem;
    border-radius: 4px;

    & p {
	margin: 0;
    }
}


@media screen and (min-width: 790px) {
    .two-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;
    }

    .mobile-visibility-only {
	display: none;
    }
}

@media screen and (min-width: 1200px) {
    .two-columns {
        grid-template-columns: 1fr 1fr 1fr;
    }
}