@import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");
@import url("navbar.css");
@import url("hero.css");
@import url("services.css");
@import url("footer.css");
@import url("course_offert.css");
@import url("corsi_di_formazione.css");
@import url("login.css");
@import url("profile.css");
@import url("cart.css");

body {
  font-family: "Quicksand", sans-serif !important;
  background-color: #f2f1ef;
}

.dropdown-item.active {
  background-color: #bdc3c7 !important;
}

.delay-1 {
  animation-delay: 0.25s;
}
.delay-2 {
  animation-delay: 0.5s;
}
.delay-3 {
  animation-delay: 0.75s;
}
.delay-4 {
  animation-delay: 1s;
}
.delay-5 {
  animation-delay: 1.25s;
}
.delay-6 {
  animation-delay: 1.5s;
}
.delay-7 {
  animation-delay: 1.75s;
}
.delay-8 {
  animation-delay: 2s;
}

.btn-primary {
  background-color: rgb(4, 32, 83) !important;
  border-color: rgb(4, 32, 83) !important;
}

.pdf_file {
  background-color: #c0392b !important;
  border-color: #c0392b !important;
}

.login_mobile {
  display: none;
}

.nav-link p {
  margin: 0 !important;
}

.centered {
  text-align: center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .hero_text {
    padding: 20px 40px;
  }

  .hero_text h1 {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .categoria_profile_section {
    width: 100%;
  }

  .fa-shopping-cart {
    display: none !important;
  }

  .login_mobile {
    display: block !important;
  }

  .fa-user {
    display: none !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .hero_text {
    padding: 20px 40px;
  }

  .hero_text h1 {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .fa-shopping-cart {
    display: none !important;
  }

  .login_mobile {
    display: block !important;
  }

  .fa-user {
    display: none !important;
  }

  .categoria_profile_section {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .hero_text {
    padding: 20px 40px;
    width: 100%;
  }

  .hero_text h1 {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .col-4 h1 {
    font-size: 14px;
    text-align: center;
  }

  ol,
  ul {
    padding-left: 0px !important;
  }

  .col-4 ul > li > a {
    padding: 8px 8px;
  }

  .navbar-brand img {
    width: 60%;
  }

  .fa-shopping-cart {
    display: none !important;
  }

  .fa-user {
    display: none !important;
  }

  .login_mobile {
    display: block !important;
  }

  .categoria_profile_section {
    width: 100%;
  }
}