@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;700;800;900&display=swap");
.menuItem {
  font-family: "Kanit", sans-serif;
  color: var(--top-menu-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none; }

.dropDownMenuItem{
  font-family: "Kanit", sans-serif;
  color: var(--dropdown-menu-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
}

.itensList p {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--light-gray); }

label {
  font-family: 'Kanit', sans-serif;
  color: var(--dark-font);
}
.quemsomos_p{
  font-family: 'Kanit', sans-serif;
  color: var(--dark-font);
  text-align: justify;
}
footer p {
  font-family: 'Kanit', sans-serif;
  color: var(--secondary-dark-font);
  text-align: center; }

.bars {
  color: var( --top-menu-font);
  font-size: 2.7rem; }

h1 {
  font-family: "Kanit", sans-serif;
  font-weight: bolder;
  font-size: clamp(2rem, 3vw, 2.7rem); }


/* Carousel text */
h2 {
  font-family: "Kanit", sans-serif;
  color: var(--dark-font);
  font-weight: 800;
  font-size: clamp(2.5rem, 2vw, 4rem);
  text-decoration: none;
  text-align: center;
  line-height: 0.92;
 }

 h2:nth-of-type(2) {
  margin-bottom: 1rem !important;
}

h4{
  font-family: "Kanit", sans-serif;
  font-size: 1.2rem;
  color: var(--dark-font);
  font-weight: 600;
  margin: 1rem 0 0 0;
  padding: 0;
}

.alert {
  font-family: "Kanit", sans-serif;
  font-size: 0.7rem;
  color: var(--firtAccessAlert);
  text-align: justify; }

.alertContainer .alert:nth-child(n+2) {
  margin-top: -15px; }

.title {
  font-family: "Kanit", sans-serif;
  font-size: 2.5rem;
  color: var(--dark-font);
  font-weight: 800;
  margin: 0;
  padding: 0;
 }

form div .title:nth-child(2) {
  margin-top: -20px;
}

.caroselItem {
  float: right; }

.primaryButton{
  color: var(--light-font);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;  
}

.scroolPanelButton{
  color: var(--dark-font-color);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;  
  text-align: left;
}

.secondaryButton{
  color: var(--dark-font-color);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;  
}

.selectedPanelTitle{
  color: var(--light-font);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;  
}

.unselectedPanelTitle{
  color: var(--light-font);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;  
}

.tag{
  color: var(--secondary-dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.6rem;  
}

.formEmphasisText{
  color: var(--emphasis-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.8rem;  
  font-weight: 500;
}

.alertMessage{
  font-family: "Kanit", sans-serif;
}

.inputText{
  color: var(--dark-blue);
  font-family: "Kanit", sans-serif;
  font-size: 1rem; 
}

.panelFooter{
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.8rem;  
}

.scroolPanelSelectButton{
  color: var(--emphasis-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.8rem;  
}

.inputText::placeholder {
  text-align: center;
  color: var(--placeholder-input-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.8rem;
}

.tableList > thead > tr > th {
  color: var(--light-font);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;
}

.tableList > tbody > tr > td {
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
}

.horario_materia{
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-weight: 800;
  margin: 0;
}

.horario_nome_professor{
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  margin: 0;
}

.horario_vazio{
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 1.5rem;
}

.intervalAlert{
  color: var(--dark-font);
  font-family: "Kanit", sans-serif;
  font-size: 1rem;
}