/* This css contains specific theming for the base theme and will be overridden on subthemes. */
@import url('https://fonts.googleapis.com/css?family=Comfortaa|Open+Sans:400,400i,600&display=swap');

html{
  font-family: Open Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

/* Main menu item styles */
.main-menu li a{
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.main-menu li a:hover{
  color: var(--color-secondary);
  text-decoration-line: none;
}
.main-menu li a {
  font-family: 'Comfortaa', sans-serif;
}

/* Header menu item styles */
.header-menu li a{
  color: inherit;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.header-menu li a:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.footer-bottom-menu li span{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.footer-bottom-menu li a{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

  .footer-bottom-menu li a:hover{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
  }
}


/* Headers */
h1, h2, h3, h4 {
  font-family: 'Comfortaa', sans-serif;
}
h1, h2{
  color: var(--color-primary);
}

/* Buttons */
button, .button {
  font-family: 'Comfortaa', sans-serif;
}