/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Inizio personalizzazione menu prodotti e materiali */

.menu-container {
  display: flex;
  justify-content: center;
  /* Centra il contenuto orizzontalmente */
}

.sub-menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  /* Permette il ritorno a capo */
  gap: 10px;
  /* Distanza tra gli elementi */
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  font-family: 'Atlas Grotesk Web', Sans-serif;
}

.sub-menu li {
  padding: 5px 10px;
  line-height: 19px;
}

.sub-menu-item-1 {
  font-size: 17px !important;
  text-transform: uppercase;
  font-weight: 100;
}

.sub-menu-item-2 {
  font-size: 16px !important;
  font-weight: 100;
}

/* Fine personalizzazione menu prodotti e materiali */
/* Inizio card categorie matariali */
.my-card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  /* Spazio tra le card */
  justify-content: flex-start;
  /* Distanza tra le card */
}

/* Le card */
.my-card {
  /*background-color: #f4f4f4;*/
  /*padding: 20px;*/
  width: calc(25% - 30px);
  /* 4 colonne su desktop, considerando il gap */
  box-sizing: border-box;
  /*border: 1px solid #ddd;*/
  border-radius: 8px;
  text-align: center;
}
.my-card b a {
  font-family: 'Atlas Grotesk Web', Sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.my-card a {
  font-family: 'Atlas Grotesk Web', Sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 22px;
}

/* Stili per tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  .my-card {
    width: calc(33.33% - 20px);
    /* 3 colonne su tablet */
  }
}

/* Stili per smartphone (max-width: 768px) */
@media (max-width: 768px) {
  .my-card {
    width: calc(50% - 20px);
    /* 2 colonne su smartphone */
  }
}
/* Fine card categorie matariali */

/* Inizio personalizzazione paginatore di elemntor */
.page-numbers.current {
  background-color: #000000;
  color: #ffffff !important;
  display: inline-block;
  width: 30px;
  border-radius: 50%;
}

/* Fine personalizzazione paginatore di elemntor */

.is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: fit-content !important;
}

:root :where(.is-layout-constrained) > :last-child {
  margin-block-end: 50px !important;
}

:root :where(.is-layout-constrained) > :first-child {
  margin-block-start: 50px !important;
}

:root :where(.is-layout-flex) {
  gap: 50px !important;
}

/* Nascondi l'immagine mobile su desktop e viceversa */
.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  /* Regola la larghezza in pixel per il breakpoint mobile */
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }
}
.percent-10 {
  width: 10% !important;
}
.percent-20 {
  width: 20% !important;
}
.percent-30 {
  width: 30% !important;
}
.percent-40 {
  width: 40% !important;
}
.percent-50 {
  width: 50% !important;
}
.percent-60 {
  width: 60% !important;
}
.percent-70 {
  width: 70% !important;
}
.percent-80 {
  width: 80% !important;
}
.percent-90 {
  width: 90% !important;
}
.percent-100 {
  width: 100% !important;
}

.strong_bullet_point strong {
  font-size: 21px;
  font-weight: bold;
}
strong,
b {
  font-weight: bold !important;
}

.link a {
  text-decoration: underline !important;
}
.link a:hover {
  text-decoration: none !important;
}

/* Stili per smartphone (max-width: 768px) */
@media (max-width: 768px) {
  .percent-80,
  .percent-90 {
    width: 100% !important;
  }
}

#user-registration
  #ur-frontend-form.login
  .user-registration-form-row
  input.input-text,
#user-registration-form-142275.user-registration select {
  border-radius: 0 !important;
}