/*
Theme Name: Piemme 2025
Theme URI: 
Author: Emanuele Zabrizach
Author URI: 
Description: Piemme
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: piemme

*/
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
@import url('css/reset.css');
@import url('css/header.css');
@import url('css/fascione.css');
@import url('css/testo-grande.css');
@import url('css/blocco-prodotti.css');
@import url('css/slider.css');
@import url('css/macchinari.css');
@import url('css/referenze.css');
@import url('css/form.css');
@import url('css/builder-contatto.css');
:root {
  --ff-primary: "Roboto", serif;
  --ff-secondary: "Roboto Condensed", serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  /* Colors: */
  --cl-bianco: #fff;
  /*bianco*/
  --cl-rosso: #da2328;
  /*rosso*/
  --cl-grigio: #ededed;
  --cl-giallo: #ffd040;
  --cl-azzurro-primary: #0075C9;
  --cl-azzurro-secondary: #add3ee;
  --cl-azzurro-light: #e9f4fa;
  --cl-nero: #000;
  --cl-testo-secondary: #f0f0f0;
  --fs-h1: clamp(50px, calc(3.5vw + 1rem), 62px);
  --fs-h2: clamp(22px, calc(1.4vw + 1rem), 32px);
  --fs-h3: clamp(22px, calc(0.9vw + 1rem), 28px);
  --fs-h4: clamp(21px, calc(0.8vw + 0.7em), 26px);
  --fs-body: clamp(18px, calc(0.6vw + 0.7rem), 16px);
  --fs-bodylink: clamp(9px, calc(0.6vw + 0.6rem), 11px);
  --lh-p: 1.2;
  --lh-m: 1.3;
  /* 20 /28   1.4*/
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
/* COLORS AND BG*/
.bg-menu {
  background-color: var(--bg-menu);
}
.cl-bianco {
  color: var(--cl-bianco);
}
.bg-bianco {
  background-color: var(--cl-bianco);
}
.cl-rosso {
  color: var(--cl-rosso);
}
.bg-rosso {
  background-color: var(--cl-rosso);
}
.cl-nero {
  color: var(--cl-nero);
}
.bg-nero {
  background-color: var(--cl-nero);
}
.cl-nero-2 {
  color: var(--cl-nero-2);
}
.cl-grigio {
  color: var(--cl-grigio);
}
.cl-giallo {
  color: var(--cl-giallo);
}
.cl-azzurro-primary {
  color: var(--cl-azzurro-primary);
}
.cl-azzurro-secondary {
  color: var(--cl-azzurro-secondary);
}
.cl-testo-primary {
  color: var(--cl-testo-primary);
}
.cl-testo-secondary {
  color: var(--cl-testo-secondary);
}
.cl-grigio-2 {
  color: var(--cl-grigio-2);
}
.cl-grigio-titoli {
  color: var(--cl-grigio-titoli);
}
.cl-grigio-hover {
  color: var(--cl-grigio-hover);
}
.cl-grigio-chiaro {
  color: var(--cl-grigio-chiaro);
}
.cl-grigio-news {
  color: var(--cl-grigio-news);
}
.bg-nero {
  background-color: var(--cl-nero);
}
.bg-grigio {
  background-color: var(--cl-grigio);
}
.bg-grigio-hover {
  background-color: var(--cl-grigio-hover);
}
.bg-giallo {
  background-color: var(--cl-giallo);
}
.bg-azzurro-primary {
  background-color: var(--cl-azzurro-primary);
}
.bg-azzurro-secondary {
  background-color: var(--cl-azzurro-secondary);
}
.bg-azzurro-light {
  background-color: var(--cl-azzurro-light);
}
.bg-testo-primary {
  background-color: var(--cl-testo-primary);
}
.bg-testo-secondary {
  background-color: var(--cl-testo-secondary);
}
.img_container {
  overflow: hidden;
  position: relative;
}
.img_container > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
}
.imgp_65 {
  position: relative;
}
.imgp_65:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.imgp_70 {
  position: relative;
}
.imgp_70:before {
  content: "";
  display: block;
  padding-top: 70%;
}
.imgp_90 {
  position: relative;
}
.imgp_90:before {
  content: "";
  display: block;
  padding-top: 90%;
}
.imgp_120 {
  position: relative;
}
.imgp_120:before {
  content: "";
  display: block;
  padding-top: 120%;
}
.imgp_130 {
  position: relative;
}
.imgp_130:before {
  content: '';
  display: block;
  padding-top: 130%;
}
.imgp_150 {
  position: relative;
}
.imgp_150:before {
  content: '';
  display: block;
  padding-top: 150%;
}
.imgp {
  position: relative;
}
.imgp:before {
  content: '';
  display: block;
  padding-top: 100%;
}
/* FONTS & WEIGHTS*/
/*font family*/
.ff-primary {
  font-family: var(--ff-primary);
}
.ff-secondary {
  font-family: var(--ff-secondary);
}
/* FONT SIZE */
.fs-h1 {
  font-size: var(--fs-h1);
}
.fs-h2 {
  font-size: var(--fs-h2);
}
.fs-h3 {
  font-size: var(--fs-h3);
}
.fs-h4 {
  font-size: var(--fs-h4);
}
.fs-body {
  font-size: var(--fs-body);
}
.fs-bodylink {
  font-size: var(--fs-bodylink);
}
del {
  font-size: small;
  font-weight: 400;
  text-decoration: none;
}
.fw-regular {
  font-weight: var(--fw-regular);
}
.fw-medium {
  font-weight: var(--fw-medium);
}
.fw-bold {
  font-weight: var(--fw-bold);
}
.lh-p {
  line-height: var(--lh-p);
}
.lh-m {
  line-height: var(--lh-m);
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
/* POSITIONING and DISPLAY */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.no-wrap {
  flex-wrap: nowrap;
}
.gap {
  gap: 4%;
}
.center {
  text-align: center;
  width: 100%;
}
.fl-row {
  flex-direction: row;
}
.fl-row-rev {
  flex-direction: row-reverse;
}
.fl-start {
  align-content: flex-start;
}
.fl-end {
  justify-content: flex-end;
}
.fl-col {
  flex-direction: column;
}
.row-reverse {
  flex-direction: row-reverse;
}
.uppercase {
  text-transform: uppercase;
}
.sp-between {
  justify-content: space-between;
}
.al-center {
  align-items: center;
}
.ju-center {
  justify-content: center;
}
.txt-center {
  text-align: center;
}
.m-auto {
  margin: 0 auto;
}
.flex-50 {
  flex: 0 50%;
}
.flex-50 img {
  max-width: 100%;
}
.flex-70 {
  flex: 0 70%;
}
.flex-60 {
  flex: 0 60%;
}
.flex-40 {
  flex: 0 40%;
}
.flex-30 {
  flex: 0 30%;
}
.flex-35 {
  flex: 0 35%;
}
.flex-100 {
  flex-basis: 100%;
}
.flex-3 {
  flex: 0 calc(33.3% - 20px);
}
.flex-4 {
  flex: 0 calc(25% - 15px);
}
.w_100 {
  width: 100%;
}
.w_80 {
  width: 80%;
}
.w_70 {
  width: 70%;
}
.w_60 {
  width: 60%;
}
.w_50 {
  width: 50%;
}
.w_40 {
  width: 40%;
}
.w_33 {
  width: 33.3333%;
}
.w_30 {
  width: 30%;
}
.w_20 {
  width: 20%;
}
.w_10 {
  width: 10%;
}
.h_100 {
  height: 100%;
}
@media ((max-width: 600.5px)) {
  .w_port_100 {
    width: 100%;
  }
  .w_port_80 {
    width: 80%;
  }
  .w_port_70 {
    width: 70%;
  }
  .w_port_60 {
    width: 60%;
  }
  .w_port_50 {
    width: 50%;
  }
  .w_port_40 {
    width: 40%;
  }
  .w_port_30 {
    width: 30%;
  }
}
@media ((max-width: 480.5px)) {
  .w_phone_100 {
    width: 100%;
  }
}
/* CONTAINERS*/
.full {
  width: 100%;
}
.full-pad {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
@media ((max-width: 767.5px)) {
  .full-pad {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.cont-big {
  padding: 0 5%;
}
.cont-slider {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.container {
  padding: 0 2%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
@media ((max-width: 767.5px)) {
  .container {
    padding: 0 5%;
  }
}
.container.paddings {
  padding: 0 9.2%;
}
/* BUTTON */
.cta {
  border-radius: 6px;
  max-width: 180px;
  padding: 8px 32px;
  margin-bottom: 20px;
  -webkit-transition: all 0.6s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.6s;
  margin-top: 40px;
}
.cta:hover {
  background-color: var(--cl-giallo);
  color: var(--cl-azzurro-primary);
  -webkit-transition: all 0.6s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.6s;
}
/* PADDINGS */
.pb-15 {
  padding-block: 15px;
}
.pb-20 {
  padding-block: 20px;
}
.pb-30 {
  padding-block: 30px;
}
.pb-40 {
  padding-block: 40px;
}
.pb-50 {
  padding-block: 50px;
}
.pb-60 {
  padding-block: 60px;
}
.pb-70 {
  padding-block: 70px;
}
.pb-90 {
  padding-block: 90px;
}
.m_top_bottom_20 {
  margin-block: 20px;
}
@media only screen and (max-width: 600px) {
  .flex-50 {
    flex: 0 100%;
  }
  .flex-3 {
    flex: 0 100%;
  }
}
/*debug*/
.elemento-builder + .elemento-builder {
  padding-bottom: 0;
}
.elemento-builder:last-child {
  padding-bottom: 60px;
}