:root {
    --my-color-primary: #3E2259;
    --my-color-secondary: #AEAE7C;
    --my-color-title-secondary: #595922;

    --my-color-text: rgb(33, 37, 41);
}
@font-face {
  font-family: 'Chalk';
  src: url('../font/Chalkboard-Regular.ttf'), 
       url('../font/Chalkboard-Regular.woff2') format('woff2'),
       url('../font/Chalkboard-Regular.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,300;0,400;0,700;1,400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* ========== Grupo dimensioni FONT ================= */
.cst-font-size-16 {
  font-size: 1rem;
}
.cst-font-size-20 {
  font-size: 1.25rem;
}
.cst-font-size-24 {
  font-size: 1.5rem;
}
.cst-font-size-28 {
  font-size: 1.75rem;
}
/* ========== END Gruppo dimensioni FONT ================= */

a {
  color: var(--my-color-secondary);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: var(--my-color-secondary);
}

  #my-top-bar a {
    color: white;
    text-decoration: none;
  }
  #my-top-bar a:hover {
    color: white;
    text-decoration: underline;
  }

ol li {
  margin: 0 0 0.4rem 0;
}

  h1, h2, h3, h4, h5, h6, label {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--my-color-primary);  
    
    
}
#corpo-singola-pagina h2 {
  font-size: 1.3rem;
  margin: 40px 0 10px 0;
}
.cst-border-left-title {
  border-left:10px solid var(--my-color-secondary);
  padding-left: 10px;
  margin: 16px 0 16px 0 !important;
}


  p, ul, li {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: var(--my-color-text);
  }
  p {
    margin-bottom: 0.9rem;
    line-height: 26px;
  }
  .my-bg-color-primary {
    background-color: var(--my-color-primary);
  }
  .my-bg-color-secondary {
    background-color: var(--my-color-secondary);
  }
  .my-color-white {
    color: white;
  }
  .my-color-primary {
    color:var(--my-color-primary);
  }
  .my-color-secondary {
    color:var(--my-color-secondary);
  }

  /* ============= TOP BAR ====================== */
.my-bg-top-bar {
    background-color: var(--my-color-secondary);
    padding: 6px 0.75rem;
}
#my-top-bar i {
    color: white;
    padding: 0 0.5rem;
    font-size: 1.05rem;
}
.header-mail span {
  color: white;
}
.header-mail span {
  font-size: 0.9rem;
}


/* ============= MENU ====================== */
#main-menu {
  margin: 0 0 0.3rem 0 !important;
}
#main-menu li {
  border-bottom: 2px solid white;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
#main-menu li:hover {
  border-bottom: 2px solid var(--my-color-secondary);
  text-decoration: none;
}
  #main-menu li a:hover {
    text-decoration: none;
  }
.linkAttivo {
  border-bottom: 2px solid var(--my-color-secondary);
}

/* ============= IMG Header ====================== */
.cst-h-20 {
  height: 30vh;
}
.cst-img-bg-header {
  background-image: url(../img/pexels-element-digital-1370295.jpg);
  filter: blur(1px);
}

.cst-box-titolo {
  background-color: var(--my-color-primary);
  padding: 0 !important;
}
.cst-box-titolo h2 {
  color: white;
  padding: 0.75rem 1.5rem;
  text-align: center;
  margin: 0 !important ;
}
/* ============= Box Succede a EST ====================== */
.cst-banda-box {
  background-color: var(--my-color-primary);
  color: white;
  padding:8px 12px 8px 12px;
  
}
/* ============= Box fasca fluida ====================== */
#fascia-fluid a {
  color: var(--my-color-secondary);
  text-decoration: none;
}
#fascia-fluid a:hover {
  text-decoration:underline
}
/* ============= Box Card ====================== */

.my-cst-card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: unset;
  border-right: unset;
}
.btn:hover {
  background-color: var(--my-color-primary);
}
/* ============= Catalogo ====================== */
.my-bg-search {
  background-color: rgba(174, 174, 124, 0.2);
}
.riga:hover {
  background-color: var(--my-color-secondary);
  color: white !important;
  cursor: pointer;
}


.my-button-primary {
  background-color: var(--my-color-secondary);
  color: white;
  border: none;
}