/* CSS per fissare .et_pb_section_promo in cima */
.et_pb_section_promo {
    position: sticky;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #006A5B !important;
    color: #fff;
    padding: 1rem;
    line-height: 1em;
    font-weight: 400;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: top 0.3s ease;
	will-change: top;
}

#main-header.header_compressed + #et-main-area .et_pb_section_promo { padding: .5rem;}

#promobar strong {letter-spacing:.05rem; font-weight:500;}
/*
@media (max-width: 980px) {
    .et_pb_section_promo {
        top: 0 !important; 
    }
}
*/
@media (min-width:981px) {
	/* #main-header.et-fixed-header + #et-main-area .et_pb_section_promo {padding:4px 5px;} */
	#promobar {font-size:22px;}
	#promobar .marquee {display:none;}
}


@media (max-width:980px) {
	/* #main-header.et-fixed-header + #et-main-area .et_pb_section_promo {position:fixed; top:77px; padding:4px 5px;} */
	
	#promobar{
	  display: flex;
	  flex-flow: row nowrap;
	  align-items: center;
	  overflow: hidden;
	}
	#promobar .marquee {
	  white-space: nowrap;
	  animation: marquee 45s linear infinite;
	  max-width: none;
	  animation-delay: 2s;
	}
	#promobar .marquee {padding-right:30px;}
}
/*
@media (min-width:768px) and (max-width:979px){
	#main-header.et-fixed-header + #et-main-area .et_pb_section_promo {top:105px;}
}
@media (max-width:767px){
	#main-header.et-fixed-header + #et-main-area .et_pb_section_promo {top:58px;}
}
*/
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}