/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 4, 2024 */




.horozontal {
  border-top: 3px solid var(--dark-gray);
}
.vertical {
  border-left: 3px solid var(--dark-gray);
}

.theme-bl-and-white-bordered {
  background-color: var(--pure-white);
  border: 3px solid var(--dark-gray);
}

.theme-gray-bordered {  
  border: 3px solid var(--gray);
  color: var(--dark-gray);
}

.theme-bk-gray {
  background-color: var(--extra-light-gray);
}

.border-btm {
  border-bottom: 3px solid var(--dark-gray);
}

.no-border-top {
  border-top: none;
}

mark {
  background-color: var(--red);
  padding: 7px;
  color: var(--white);
  border-radius: 5px;
}

/* IMG border */
.img-border {
  border: 3px solid var(--dark-gray);
  padding: 0;
}
.img-border-round {
  border: 3px solid var(--red);
  border-radius: 50%;
  padding: 0;
}

.img-border-red {
  border: 3px solid var(--red);
  padding: 0;
}

.img-border-cyan {
  border: 3px solid var(--cyan);
  padding: 0;
}

.inner-link {
  color: var(--red);
}

/* color */
.label-red {
  background-color: var(--red);
  padding: 7px;
}

.label-cyan {
  background-color: var(--cyan);
  padding: 7px;
}

.label-red-round {
  background-color: var(--red);
  padding: 7px;
  border-radius: 5%;
}
.label-cyan-round {
  background-color: var(--cyan);
  padding: 7px;
  border-radius: 10px;
}

.vertical-text {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;  
}

/* text color */
.text-color-wh {
  color: var(--white);
}
.text-color-red {
  color: var(--red);
}
.text-color-cyan {
  color: var(--cyan);
}


/* LINKS */
a {
  text-decoration: none;
  color: var(--dark-gray);
}

a:hover {
  transition: 0.7s;
}

a.label-red:hover,
a.label-cyan:hover {
  padding: 10px;
  transition: 0.3s;

}

.aside-menu a:hover {
  color: var(--cyan);
  transition: 0.5s;
}

.active-link {
  background-color: var(--light-gray);
  color: var(--black);
}

.aside-menu a {
  color: var(--pure-white);
}

.aside-menu .active-link-side {
  color: var(--cyan);
  font-weight: 700;
}



@media screen and (max-width: 480px) {
  .vertical {
    border-left: none;
    border-top: 3px solid var(--dark-gray);
  }
}