body {font-family: "Mulish", sans-serif!important;}
.banner-green h1 {font-size: 28px!important;font-family: "Mulish", sans-serif!important;font-weight: normal!important; }
a.button, a:link.button, a:visited.button {font-family: "Mulish", sans-serif!important;font-weight: normal!important;  }
.home h2 span {text-transform: lowercase!important;font-family: "Mulish", sans-serif!important; text-transform:lowercase!important; font-weight: normal!important}
.main-navigation ul li a, .main-navigation ul li a:link, .main-navigation ul li a:visited {font-family: "Mulish", sans-serif!important; text-transform:lowercase!important; }
.blog h3 { font-family: "Mulish", sans-serif!important;}
.search h3 { font-family: "Mulish", sans-serif!important;}
.uk-overlay h3 { font-family: "Mulish", sans-serif!important;font-weight: normal!important;color:#fff!important; font-size: 26px!important; margin-bottom: 15px}
.uk-overlay p { font-family: "Mulish", sans-serif!important;font-weight: normal!important; color:#fff!important; font-size:16px!important }
.uk-overlay p.small { font-family: "Mulish", sans-serif!important;font-weight: normal!important; color:#fff!important; font-size:13px!important; font-style:italic!important; }
.banner {overflow: visible!important;max-height: auto!important; min-height:auto!important }
.home .banner {max-height: auto!important; min-height:auto!important }
a.readmore, a:link.readmore, a:visited.readmore { font-family: "Mulish", sans-serif!important;}
.azienda p { font-family: "Mulish", sans-serif!important;}
a, a:link, a:visited {font-family: "Mulish", sans-serif!important; }

img.medaglione {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.image-box {
  position: relative;
  width: 100%; /* Imposta la larghezza del box a tua scelta */
  height: 300px; /* Imposta l'altezza del box a tua scelta */
  perspective: 1000px; /* Imposta la prospettiva per l'effetto 3D */
}

.card {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 0.75s;
}
.card { display:block;background-color: #cd9500; width:100%; height:100%;  border-radius: 20px; }
.card { }
.front, .back {
  width: 100%;
  height: 100%;
  position: absolute;
 
  border-radius: 20px;
}

.front {
  background-color: #fff; /* Colore del fronte */
  overflow: hidden; /* Nasconde il contenuto che esce dall'area del front */
  backface-visibility: hidden; /* Assicurati che il retro non sia visibile quando ruotato */
}

.front img {
  width: 100%;
  height: 100%;
}

.front-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0); /* Trasparente */
}

.back {
  background-color: #cd9500; /* Colore del retro */
  color: #231f20; /* Colore del testo */
  transform: rotateY(180deg); /* Ruota il retro all'indietro */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden; /* Assicurati che il retro non sia visibile quando ruotato */
  visibility: hidden; /* Nasconde il retro inizialmente */
  transition: visibility 0s, transform 0.85s; /* Transizione di visibilità e trasformazione */
  padding: 0 20px;
}

.overlay {
  text-align: center;
  transform: rotateY(-180deg); /* Ruota il testo nella direzione opposta */
}
.overlay a {color: #231f20!important; transition: 0!important; display: block;}
.overlay a:hover {color: #fff!important; text-decoration: none!important;}
.image-box:hover .card {
  transform: rotateY(180deg); /* Ruota la carta al passaggio del mouse */
}

.image-box:hover .back {
  visibility: visible; /* Rende visibile il retro al passaggio del mouse */
}

.image-box:hover .front-overlay {
  background-color: rgba(255, 255, 255, 0.7); /* Opacità del 70% per nascondere il testo */
}
.hover .back {  backface-visibility: visible!important; /* Assicurati che il retro non sia visibile quando ruotato */}
.uk-slider-nav li a:hover {background-color: #fff;}

.negative {background: #fff; width: 90%; margin: 0 auto; position: relative; top:-120px;}
.negative span {padding: 20px 20px 0;color: #231f20;display: block;}
.negative span.data {padding: 0 20px 10px;color: #231f20;display: block; font-size: 14px; font-style: italic;}

.negative h4 {margin:0; margin-top:15px; padding:0 20px;}
.negative .data { color:#333; font-size:14px; }
.negative span.readmore {color:#cd9500}
.negative span.readmore svg {color:#cd9500; font-size: 2rem;}

.news-container {/*background:linear-gradient( #000000 0%, #ffffff 100%);*/  padding: 125px 0 5px; color: #fff}
.news-container a.prezoom {transition: all 0.5s; display: block;}
.news-container a.prezoom:hover {text-decoration: none; margin-top:-20px; }
.news-container h3 {text-transform: uppercase; color: #fff;  font-size: 3rem; margin-bottom: 75px; text-align: center; font-weight: bold}
.news-container .article {background: #cd9500; height: 215px; position: relative; padding: 20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px; }
.news-container .article span {color: #fff; font-size: 1.4rem; font-weight: normal}
.news-container .article span.cat {text-decoration: underline;}
.news-container .article span.link { position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 2rem }
.news-container .article span.link:hover {opacity: 0.7}
.news-container .image img {width: 100%!important; border-top-left-radius: 10px;border-top-right-radius: 10px; object-fit: cover; height: 250px}
.news-container a.prezoom h5:hover{ margin-top:0; }
.news-container .article h5 {color: #fff; font-size: 1.8rem; text-transform: uppercase; margin-top:0; font-weight: bold; margin-bottom:10px; }
.news-container .article h5 a{color: #fff;  }
.news-container .article ul {margin: 0; display: inline-block!important; padding: 0;}
.news-container .article ul li { list-style-type: none; }
.news-container .article ul li a {color: #575756; text-decoration: underline; display: inline-block!important;}
.news-container .article ul li a:hover {text-decoration: none;}
.news-container a.button {display: inline-block; margin:35px auto; display: table; color: #fff; border:2px solid #fff; font-weight: bold }
.news-container a.button:hover {color: #4DAEB5;}
.overlays {  
  position: absolute;width: 100%;height: 50%;bottom: 0;left: 0;opacity: 1;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100&1+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(205,149,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(205,149,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(205,149,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.image {
    position: relative;
}
.home .news-container {background:url('img/bg_trasp.png') no-repeat top #ffffff;}
.page-template-page-clienti .content-area {background: url(img/bg_trasp.png) no-repeat bottom center;}

.box-photo .photo {z-index: 3;position: relative;}

.box-color-right {background: #cd9500;position: absolute;width: 100%;height: 100%;top: -20px;right: -20px;}
.big-text {
    line-height: 1.8;
    font-size: 2.1rem;
    padding-bottom: 75px;
    text-align: justify;

}
.page-template-page-chisiamo .content-area {padding-bottom: 100px}
.azienda p {font-size: 19px;   font-family: "Mulish", sans-serif; text-align: justify; margin-bottom:0;padding:0!important}
.azienda p.big-text {font-size: 22px}
.azienda a.button:hover {background-color: #cd9500!important; color: #fff!important;}

.archive h3 { font-size: 21px !important;line-height: 29px !important;margin: 10px 0 !important;font-weight: 600; }

.archive .site-main {}
.archive .news-container p {
    margin: 10px 0 !important;
    color: #54565B;
    line-height: 23px;
    font-family: barlow;
}
.archive a.img img { object-fit:cover; height:225px }

.blog h3 { font-size: 21px !important;line-height: 29px !important;margin: 10px 0 !important;font-weight: 600; }
.search h3 { font-size: 21px !important;line-height: 29px !important;margin: 10px 0 !important;font-weight: 600; }

.blog .site-main {}
.blog .news-container p {
    margin: 10px 0 !important;
    color: #54565B;
    line-height: 23px;
    font-family: barlow;
}
.search .news-container p {
    margin: 10px 0 !important;
    color: #54565B;
    line-height: 23px;
    font-family: barlow;
}
.blog a.img img { object-fit:cover; height:225px }
.search a.img img { object-fit:cover; height:225px }

.page-template-page-contatti iframe {z-index: 111; position: relative;}
.page-template-page-contatti p.big-text{ padding:0; margin:0 }
.page-template-page-contatti a.button {margin-top:0!important; margin-bottom: 10px;}
.page-template-page-contatti a.block {display: block;}
.page-template-page-contatti .content-area {padding-bottom: 100px}
.page-template-page-contatti a.button:hover {background-color: #cd9500!important; color: #fff!important;}
/*--------------------------------------------------------------
## SEARCH fullscreen
--------------------------------------------------------------*/

.fullscreen-search:hover {color:#cd9500!important;}
.fullscreen-search {min-height: 0; width:40px;right:0; top:50px; position: absolute;-moz-transform-origin: 100% 0;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-moz-transition-property: min-height, width, top, right;-webkit-transition-property: min-height, width, top, right;transition-property: min-height, width, top, right;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.campo-ricerca:focus {outline: none!important;}
#searchform:hover {color:#cd9500!important; }
.icon-search:hover {color:#cd9500!important; }
.fullscreen-search .search-close { position: absolute; right: 8px;top: 1em;overflow: hidden; cursor: pointer;pointer-events: none;opacity: 0;}
.fullscreen-search .search-close:hover {color:#cd9500!important; }
.fullscreen-search .campo-ricerca { position: absolute;top: 0;right: 0; border: none;padding: 0; margin: 0; z-index: 3; background-color: transparent; -moz-transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);cursor: pointer;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
.fullscreen-search #searchform { width: 100%; height: 26px;position: relative;-moz-transition-property: width, height, -webkit-transform;-webkit-transition-property: width, height, -webkit-transform;transition-property: width, height, transform;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s;transition-duration: 0.5s;-moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);border-left:1px solid #231f20}
.fullscreen-search #searchsubmit {width: 1px;height: 1px;opacity: 0;margin: 0;}
.fullscreen-search .icon-search {display: inline-block; float: right; height: 46px; width: 26px; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.fullscreen-search.open {width: 100%;min-height: 100%; top: 0px; right: 0px;z-index: 10000;float: none;position: fixed;display: flex; display: -moz-flex;display: -webkit-flex;display: flexbox;display: box;align-items: center;-webkit-align-items: center;-moz-align-items: center;margin-right: 40px}
.fullscreen-search.open ~ .overlay {opacity: 1; z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);pointer-events: none;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.fullscreen-search.open #searchform .campo-ricerca {font-size: 3.5rem;background-color: transparent;border-bottom: 2px solid #fff;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;color: #fff;width: 90%;height: 100%;padding: 0 60px 0 10px;}
.fullscreen-search.open .search-close { opacity: 1; pointer-events: auto; -moz-transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s;-moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s;transition-delay: 0.5s;color: #fff;font-size: 40px;}
.fullscreen-search.open #searchform .icon-search { right: 8px;bottom: 10px;font-size: 40px;color: #fff;position: absolute;background-color: transparent; padding: 3px;cursor: pointer;}
.fullscreen-search.open #searchsubmit { width: 46px; height: 46px; position: absolute; right:0; z-index:1111;}

@media screen and (max-width: 959px) { 
   .uk-overlay h3 {font-size: 25px!important}
.about-container{ height:950px!important; }

.big-text { padding-bottom: 30px!important}


.about-container .box-about p {font-size: 17px!important;}
.about-container .box-about .in {padding:40px!important;}
}
@media screen and (max-width: 759px) { 
 .uk-overlay h3 {font-size: 23px!important}
  .site-footer .uk-text-left {text-align: center!important}
  .news-container .article h5 { line-height:1; font-size:1.7rem }
  .news-container .article span {line-height: 1.3}
  section.chisono {padding-top:50px!important}
  .page-template-page-contatti .uk-flex {margin-top: 50px!important; text-align: center;}
  .page-template-page-contatti .uk-flex .big-text { text-align: center!important; margin-top:35px!important}
  .paginazione {padding-bottom: 40px!important}
  .site-footer ul {margin:0 auto!important; display: table;}
  .banner-green {margin-bottom: 35px!important}
  .azienda div.uk-text-center {margin-bottom:35px!important}
  .big-text { padding-bottom: 0!important}
  .news-container a.button {margin:0 auto!important}
  .about-container .box-about p {font-size: 16px!important;}
  .banner-green {margin-bottom:50px;}
 
  .site-footer {padding: 40px 0 40px!important;}

}
@media screen and (max-width: 639px) { 
.uk-overlay h3 {font-size: 19px!important}
.uk-overlay p {font-size: 13px!important}
 a.menu-open {display: block;line-height:82px!important;}
 .site-branding img{ width:255px!important; }
 }

 @media screen and (max-width: 480px) { 

 a.menu-open {display: block;line-height:82px!important;}
 .site-branding img{ width:255px!important; max-width:100%!important }
 }