legend {
  font-size: .9rem;
  font-weight: bold;
  margin-bottom: 0;
}
.block-overlay {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.text-justify, .text-justify *{
  text-align: justify;
}
.font-xs{
  font-size: var(--c-xs-font-size)!important;
}

.font-s{
  font-size: var(--c-s-font-size)!important;
}
.font-m{
  font-size: var(--c-m-font-size)!important;
}
.font-l{
  font-size: var(--c-l-font-size)!important;
}
.font-xl{
  font-size: var(--c-xl-font-size)!important;
}

.font-xxl{
  font-size: var(--c-xxl-font-size)!important;
}

.font-xxxl{
  font-size: var(--c-xxxl-font-size)!important;
}
.zoom-style img{
  transform: scale(1);
  transition: var(--c-transition);
}
.zoom-style:hover img{
  transform: scale(1.2);
}
.main-color{
  color:var(--c-maincolor)!important;
}
.body-color{
  color:var(--c-body-color)!important;
}
.white, .white *{
  color: var(--c-white)!important;

}
.block-content--type-contattaci .btn-arrow{
    transform: rotate(315deg);
}
.line-bottom{
  border-bottom: 1px solid var(--c-secondary-color);
}
.line-top{
  border-top: 1px solid var(--c-secondary-color);
}
html{
  font-size: 20px;
}
body {
    /*font-family: "Futura", sans-serif;*/
    font-optical-sizing: auto;
    /*font-weight: <weight>;*/
    font-style: normal;
    font-size: var(--c-body-font-size);
        line-height: 1.7;
  }
  .no-underline{
    text-decoration: none;
  }

  textarea, input, button, select, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none!important;
  }
  .bold{
    font-weight: bold;
  }
  .text-shadow{
    text-shadow: 2px 1px 5px #000;
  }
  .body-wrapper {
      overflow: hidden;
  }
  img {
      max-width: 100%;
      height: auto;
  }
  /*img[src*=".svg"] {
      width: 100%;
  }*/
  .h1, h1 {
    font-size: var(--c-xxxl-font-size);  
    font-weight: 800;
  }
  .h2, h2  {
      font-size: var(--c-xxxl-font-size)!important;
    font-weight:bold!important;
    color: var(--c-title-color)!important;
    line-height: 1.5;
  }
  .h3, h3 {
    font-size: 1.05rem;
      font-weight: bold;
  }
  .h4, h4, h4 * {
  font-weight: 700;
  font-size: 1rem;
  }
  .h5, h5 {
      font-size: 17px;
    font-weight: 800;
  }
  .h6, h6 {
      font-size: /*.7rem*/14px;
      font-weight: 400;
    line-height: 1.4;
  }
  .parallax {/*background-image: url("img/parallax.jpg");*/background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
  
  .parallax-text {       padding: 10rem 0 4rem 3rem;
      text-align: justify;}
  .paragraph--type--due-colonne .parallax-text {
    padding:14rem 0 14rem 0;
  }
  
  strong {
      font-weight: 800!important;
  }
  .z-under{
    z-index: 0;
  }
  .z-over{
    z-index: 1;
  }
  #header {
      position: fixed;
      top: 0;
      height: var(--c-header-height);
      z-index: 999;
      width: 100%;
      transition: .2s ease-in-out;
      top: 0;
      left: 0;
  
  }
  .menu li a, .menu li a:hover, .menu li a:active, .menu li a:focus {
      text-decoration: none;
  }
#navbar-top{
  height: var(--c-top-header-height);
  transition: 1s ease-in-out;
  /*-background-color: var(--c-primary-color);*/
  background-color: var(--c-blue);
  padding: 0;
}

.scrolled #navbar-top{
  width: 0;
}
  #header #navbar-main{
    margin: 35px 15px;
    
      height: var(--c-header-height) /*calc(var(--c-header-height) - var(--c-top-header-height))*/;
      /*background: #ffffffa6!important;*/
      /*background-color: var(--c-yellow);*/
      background: #ffffffb8 !important;
      z-index: 999;
      border-radius: 10px;
      padding: 0 15px;
    transition: .2s ease-in-out;
    /*position: fixed;
    width: 100%;*/
    top: var(--c-top-header-height);
    left: 0;

  }
  .scrolled{
    --c-header-height:3rem;
  }
  .navbar-toggler {
    border: none;
}
  .navbar-toggler:focus {
      box-shadow: none!important;
  }
 
  .navbar-collapse {
  
    width: fit-content;
    width:-moz-fit-content;
      margin: 0 auto;
      justify-content: space-between;
  }
  .navbar-brand{
    /*height: 100%;*/
      display: flex;
      padding: 10px 0;
  }
  .navbar-brand img{
    transition: var(--c-transition);
    height: calc(var(--c-header-height) - .5rem) ;
  }
  ul.sf-menu a, ul.sf-menu span.nolink{
    padding: 0;
  }
  
  #superfish-main  li.sf-depth-1 {
    font-weight: 500;
    padding: 1.4rem 1.25rem!important;
  }
  /*
  #superfish-main  li.sf-depth-1:first-child .sf-depth-1 {
      padding-left: 4rem!important;
  }
  #superfish-main  li.sf-depth-1:last-child .sf-depth-1 {
      padding-right: 4rem!important;
  }*/
  .highlighted .container-fluid {
      padding: 0;
  }
  .highlighted .view {
      margin-bottom: 50px;
    overflow: hidden;
  }
  .highlighted .header-cover img {
      width: 100%;
  }
  .page-vocabulary-tipologia-prodotto .highlighted .view {
      margin-bottom: 0;
  }
  .header-cover{
    margin-bottom: 0px!important;
  }
  .field--type-entity-reference {
      margin: 0;
  }
  .nav-link {
   
   /*--bs-nav-link-padding-y:0;*/
   --bs-nav-link-padding-x:0;
  }
  .dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: .85rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fffffff7;
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-border-radius: 0;
  }
  .img-cover, .img-cover-box img{
  position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
   /* min-height: 40vh;*/
  /*max-height: 90vh;*/
  }
  .view-cover{
    padding-top: 20rem;
    padding-bottom: 20rem;
    overflow: hidden;
  }
  .cover-overlay {
    background-color: #00000066;
    content: ",";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
  #main {
    /*padding-top: 2rem;*/
  }
  /*ONSCROLL*/
    
  .scrolled #header #navbar-main{

    background: #fffffffa !important;
    border-radius: 0;

      margin: 0;
      /*height: 60px;*/
      top: 0;
/*      border-top: 5px solid var(--c-blue);*/
      /*background: #fffffffa!important;*/
      border-radius: 0;
      box-shadow: 0px 0 50px -25px #000;
  }
.navbar-expand-lg .navbar-nav .nav-item {
      font-size: .9rem;
      transition: var(--c-transition);
  }
  
  .scrolled .navbar-expand-lg .navbar-nav .nav-item {
      font-size: .8rem;
  }
  /*END ONSCROLL*/
  .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(0.75) !important;
  }
  .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  }
  
   .search-help-link{
    display: none!important;
  }
  #footer_before{
    background-color: var(--bs-gray-900);
    /*padding: 2rem 0;*/
}
.webform-submission-form {
    margin: 1rem;
}
.site-footer {
  font-family: 'Open Sans', sans-serif;
}
 
  .site-footer .block, .site-footer__bottom{
    margin: 0;
  }
  .site-footer__top p {
     margin-top:0;
}
  .special-radius, .special-radius img{
    border-radius: 0px 45px;
  }
  /*SHADOWS*/
  .shadows-img{
    box-shadow: 0px 0px 30px #6A5D5D33;
  }
  .shadows-box-big{
  box-shadow: 20px 0px 20px #00000066;
  }
  .shadows-box-medium{
    box-shadow: 0px 0px 50px #6A5D5D80;
  }
  .shadows-box-small{
    box-shadow: 0px 0px 30px #6A5D5D4D;
  }
  .shadows-prodotto{
    box-shadow: 0px 0px 50px #0000000F;
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 10px;
    }
  
    /* Track */
    ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.801);
    border-radius: 20px;
    }
  
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #b8bbc0;
    border-radius: 10px;
    }
  
  a, a:hover, a:active, a:focus{
    text-decoration: none!important;
    transition: var(--c-transition);
  }
/*btn*/
.btn-style-box a, .btn, .btn-primary{
  background-color: var(--c-btn-bgcolor)!important;
  border: 2px solid var(--c-btn-color)!important;
  color: var(--c-btn-color)!important;
  border-radius: var(--c-special-radius)/*2rem*/;
  padding: .37rem 1rem;

  font-size: .9rem;
  transition: var(--c-transition);
  cursor: pointer;


}
.btn-style-box a:hover,.btn-style-box a:focus, .btn-style-box a:active,
.btn.btn-primary:hover,.btn.btn-primary:focus, .btn.btn-primary:active
{
  background-color: var(--c-btn-hover-bgcolor)!important;
  border: 2px solid var(--c-btn-hover-color)!important;
  color: var(--c-btn-hover-color)!important;
  
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.parallax-caption {
    /*position: absolute;
    bottom: 20px;
    left: 20px;*/
    position: ABSOLUTE !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

    color: #fff;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
}
/*BTN EFFECTS*/




/*.btn-draw-box a, button.btn, input.btn {
  box-shadow: inset 0 0 0 3px  var(--c-btn-color);
  color:  var(--c-btn-color);
  transition: color 0.25s 0.0833333333s;
  position: relative;
  border-radius: var(--c-special-radius);
  padding: 0.37rem 1.3rem;
}
.btn-draw-box a::before, .btn-draw-box a::after,
button.btn::before, input.btn::before,
button.btn::after, input.btn::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-radius: var(--c-special-radius)!important;
}
.btn-draw-box a::before,
button.btn::before, input.btn::before {
  border-bottom-width: 3px;
  border-left-width: 3px;
}
.btn-draw-box a::after,
button.btn::after, input.btn::after {
  border-top-width: 3px;
  border-right-width: 3px;
}
.btn-draw-box a:hover, .btn-draw-box a:active, .btn-draw-box a:focus,
button.btn:hover, button.btn:active, button.btn:focus, button.btn.active:focus, button.btn:active:focus,
input.btn:hover, input.btn:active, input.btn:focus, input.btn.active:focus, input.btn:active:focus {
  color: var(--c-btn-hover-color);
  background-color: var(--c-btn-hover-bgcolor);
  box-shadow:none;
}

.btn-draw-box a:hover::before, .btn-draw-box a:hover::after,
button.btn:hover::before, input.btn:hover::before,
button.btn:hover::after, input.btn:hover::after {
  border-color: var(--c-btn-hover-color);
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
  border-radius: var(--c-special-radius)!important;
}
.btn-draw-box a:hover::before,
button.btn:hover::before, input.btn:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}
.btn-draw-box a:hover::after,
button.btn:hover::after, input.btn:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}*/

.btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1.5;
/*  font: 700 1.2rem "Roboto Slab", sans-serif;
  padding: 1em 2em;
  letter-spacing: 0.05rem;*/
}/*
.btn-draw-box a:focus {
  outline: 2px dotted var(--c-btn-hover-color);
}*/
.form-submit::before {
  content: "";
  background-image: none!important;
  height: 0 !important;
  width: 0 !important;
}

/*END btn*/
.card, .special-border, .par-img img {
  border-radius: var(--c-special-radius);
}
.card .fieldset-legend{
  color: var(--c-body-bgcolor);
}
#block-page-title-block{
  margin-top: 1rem;
}
  /*Footer*/
  .site-footer__top h2 {
    border-bottom: none;
  }

.site-footer__bottom {
  background-color: var(--bs-primary);
}
.site-footer__bottom .region {
   margin-top: 5px; 
}
.site-footer {
  padding-bottom: 0;
  padding-top: 0;
  background: #1e1e1e;
  /*margin-top: 2rem;*/
}
.region-footer-before  .block{
  padding: 0;
}
section.row.region.region-footer-first {
  padding-top: 2rem;
}
.site-footer ul {
  list-style: none;
}
.site-footer .content, .site-footer__top, .site-footer__top .content li a{
  color: var(--c-white);
  text-decoration: none!important;
}
.site-footer__top .content li a{
padding: 0;
line-height: 1.35rem;
}
.site-footer__top .content li a:hover,
.site-footer__top .content li a:active,
.site-footer__top .content li a:focus,
.site-footer__top .content a:hover,
.site-footer__top .content a:active,
.site-footer__top .content a:focus{
  color: var(--c-secondary-color);
  background: none;
}
.site-footer__top .content li a {
  /*display: block;
  border-bottom: 1px solid #555;*/
  border: none;
  /*line-height: 1.2;
  padding: 0;
  text-indent: -15px;*/
}

.site-footer__top .region {
  width: 100%!important;
}
.site-footer .block {
  border: none;
}
.region-footer-fifth .content {
  color: white;
  font-size: .8rem;
}
/*END Footer*/
.node .field--type-image {
  float: none;
  margin: 0;
}

@media only screen and (max-width: 1200px) {
  html{
    font-size: 19px;
  }
}
@media only screen and (max-width: 768px) {
  html{
    font-size: 18px;
  }
  :root{
    --c-xxl-font-size: 3.5rem;
    --swiper-navigation-size: 1.5rem;
  }
}

@media only screen and (max-width: 575px) {
  html{
    font-size: 18px;
  }
  /*:root{
    --c-xxl-font-size: 1.5rem;
    --c-xxxl-font-size:2rem;
  }*/
}