/*
    - Name: "meetings.scss"
    - Description: "Add custom styles to view Meetings Today"
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.today-tab-block {
  animation: fade-in 1s;
}

.today-tab-block .nav-tabs {
  padding-inline: 24px;
  border: 0;
}

@media (min-width: 480px) {
  .today-tab-block .nav-tabs {
    display: flex;
    justify-content: center;
    padding-inline: 0;
    border-top: 1px solid var(--gray-border);
  }
}
@media (min-width: 1024px) {
  .today-tab-block .nav-tabs {
    display: block;
    border-top: 0;
  }
}
.today-tab-block .nav-tabs .nav-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 0;
  border: 1px solid var(--gray-border);
  border-radius: 0;
  text-transform: capitalize;
  cursor: default;
}

.today-tab-block .nav-tabs .nav-link p {
  color: var(--red);
  font-weight: 500;
  font-size: 1.375rem;
  line-height: var(--font-28);
  text-align: center;
}

@media (min-width: 480px) {
  .today-tab-block .nav-tabs .nav-link {
    width: 176px;
    margin: 0;
    padding: var(--spacing-lg) 0 var(--spacing-2xs);
    border-top: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*# sourceMappingURL=today-tab.css.map */