/*
Theme Name: Gpress2025
Theme URI: https://www.sigla.it
Author: Sigla Comunicazione
Author URI: https://www.sigla.it
Description: Starter Theme, WooCommerce Ready
Version: 1.2
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpress2025
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* -------------------------------------------------------------------------------- */
/*   INDEX
      1. GENERAL
      2. HELPERS
      3. TYPOGRAPHY
      4. HEADER
      5. FOOTER
      6. GRID SYSTEM
      7. WORDPRESS
      8. MEDIA QUERIES
      9. PRELOADER
      10. ANIMATIONS
      11. PATTERNS
/* -------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------- */
/* ! 1. GENERAL */
/* -------------------------------------------------------------------------------- */

:root { --site-bg: #E4E4E4; --site-text-color: #000; --link-color: #048ea0; --link-color-hover: #105862; }

body {overflow-x: hidden}
body,
html{ font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;  position: relative;height: 100%; }
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p {margin: 0;padding: 0;}
a{text-decoration: none; cursor: pointer; color: unset}
.seo-title {display: none}

article {width: 100%}
body.admin-bar .header { position: fixed; top: 32px; z-index: 1000;}

/* Typography */
body{font-size: 16px; background-color: var(--site-bg); color: var(--site-text-color); font-family: 'Barlow'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body.custom-background.dark{background-color: var(--site-bg);}

body.menu-open{overflow: hidden;} /*block scrolling when menu is open*/

.wrapper{width: 100%;overflow: hidden; position: relative;}
.wp-block-spacer {margin-block-start: 0;}


/* -------------------------------------------------------------------------------- */
/* ! 2. HELPERS */
/* -------------------------------------------------------------------------------- */

.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mt-xs {margin-top: 10px;}
.mt-s {margin-top: 20px;}
.mt-1 {margin-top: 30px;}
.mt-2 {margin-top: 60px;}
.mt-3 {margin-top: 90px;}
.mt-4 {margin-top: 120px;}
.mtn-1 {margin-top: -30px; position: relative;z-index: -1;}
.mtn-2 {margin-top: -60px; position: relative;z-index: -1;}
.mtn-3 {margin-top: -90px; position: relative;z-index: -1;}
.mtn-4 {margin-top: -120px; position: relative;z-index: -1;}

.mr-0 {margin-right: 0;}
.mr-1 {margin-right: 30px;}
.mr-2 {margin-right: 60px;}
.mr-3 {margin-right: 90px;}
.mr-4 {margin-right: 120px;}

.mb-0 {margin-bottom: 0;}
.mb-xs {margin-bottom: 10px;}
.mb-s {margin-bottom: 20px;}
.mb-1 {margin-bottom: 30px;}
.mb-2 {margin-bottom: 60px;}
.mb-3 {margin-bottom: 90px;}
.mb-4 {margin-bottom: 120px;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 30px;}
.ml-2 {margin-left: 60px;}
.ml-3 {margin-left: 90px;}
.ml-4 {margin-left: 120px;}

.p-0 {padding: 0;}
.p-1 {padding: 15px}
.p-2 {padding: 30px;}
.p-3{padding: 55px;}
.pt-0 {padding-top: 0;}
.pt-xs {padding-top: 10px;}
.pt-s {padding-top: 20px;}
.pt-1 {padding-top: 30px;}
.pt-2 {padding-top: 60px;}
.pt-3 {padding-top: 90px !important;}
.pt-4 {padding-top: 120px;}

.pr-0 {padding-right: 0;}
.pr-1 {padding-right: 30px;}
.pr-2 {padding-right: 60px;}
.pr-3 {padding-right: 90px;}
.pr-4 {padding-right: 120px;}

.pb-0 {padding-bottom: 0;}
.pb-xs {padding-bottom: 10px;}
.pb-s {padding-bottom: 20px;}
.pb-1 {padding-bottom: 30px;}
.pb-2 {padding-bottom: 60px;}
.pb-3 {padding-bottom: 90px !important;}
.pb-4 {padding-bottom: 120px;}

.pl-0 {padding-left: 0;}
.pl-1 {padding-left: 30px;}
.pl-2 {padding-left: 60px;}
.pl-3 {padding-left: 90px;}
.pl-4 {padding-left: 120px;}

.auto {margin: 0 auto;}
.none {display: none;}
.hidden {visibility: hidden;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.img-res{width: 100%;height: auto;}
.centrato {display: flex; justify-content: center;}
.pt-page {padding-top: 93px;}
.maxw-80 {max-width: 80%;}
.arrotondati {border-radius: 12px;}
.bordodx {border-right: solid 1px #fff;}
.no-link {pointer-events: none !important;}
.z-indextop {z-index: 99999;}
@media (max-width: 768px) {
  .reverse {flex-direction: column-reverse;display: flex;flex-wrap: nowrap !important;}
}


/* -------------------------------------------------------------------------------- */
/* ! 3. TYPOGRAPHY */
/* -------------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem;line-height: 140%}

h1, h2{line-height: 110%;}

p, ul,li {font-size: 1.15rem;}

@media (max-width: 768px) {
  p, ul,li {font-size: 0.95rem;}
}



/* -------------------------------------------------------------------------------- */
/* ! 4. HEADER */
/* -------------------------------------------------------------------------------- */


.spacer{height: 140px;}

.header__topbar{ background-color: #333; width: 100%;padding: 4px 4px;color:#fff; text-align: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;}
@media (max-width: 794px) {
  .header__topbar{font-size: 13px;}
  .spacer{height: 110px;}

}  
.header{ background-color: var(--site-bg); position: fixed; top:0;  left:0; z-index: 9999; width: 100%;}
.header__content{width: 100%;margin: 0 auto; display: flex;justify-content: space-between; padding:10px 0;border-bottom: 1px solid #222; position: relative;}

.header__logo,
.header__cta{display: flex; align-items: center;color:var(--site-text-color);font-weight: bold;}
.header__cta a{color:var(--site-text-color);}

.header__logo-img,
.header__logo_white-img{width: 180px;height: auto;}
.header__cta ul{list-style-type: none;margin-bottom: 0; margin-top: 0;}
.header__cta ul li{display: inline-block;}
.header__cta ul li a{padding: 10px 5px;}

.menu {padding-left: 0; display: flex; align-items: center;}
.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative}
.menu li a{color:var(--site-text-color);display: block;padding: 16px;font-size: 15px;font-weight: bold;}

.icon-hamburger{display: none;}

/* hide classes (used on the logos) */
@media (min-width: 1190px) {
  .hide-desktop{display: none;}
}
@media (max-width: 1190px) {
  .hide-mobile{display: none;}
}

.hide-all{display: none;}

/* CTA search */

.cta-search{width: 140px;height: 38px;background: #fff;border-radius: 30px;opacity: 0.8;margin: 2px 0 0 0; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.cta-search form{display: flex;justify-content: center;align-items: center;}
.cta-search__icon{border:none; background: none;padding: 0;padding: 13px 2px}
input.cta-search__input[type=text]{padding: 10px 3px;font-size: 13px;margin:0;border:none;background: none}
input.cta-search__input[type=text]:focus{ outline: none;}
.cta-search:hover{opacity: 1;transform: scale(1.1);}

@media (max-width: 1290px) {
  .cta-search {width: 40px;position: relative;background-color: transparent;margin-right: 10px;}
  .cta-search form{width:38px;height: 38px;position: absolute;right:0;top:0;background: #fff;border-radius: 40px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .cta-search:hover form{width:138px;}
}


@media (max-width: 1190px) {

  .header__logo-img,
  .header__logo_white-img{width: 140px;height: auto;}

  .menu{   
    position: absolute; top:60px; left:0; right:0; background-color: var(--site-bg); min-width: 100%; 
    height: 100vh; margin: 0 -5% 0 -5%; 
    overflow: auto;transition: all 1s cubic-bezier(.215, .61, .355, 1);padding-left: 0; transform: translateX(-100%);
    display: block;
  }

  .header__icon {cursor: pointer;}
  .menu li{width: 90%;margin: 0 5%;}
  .menu-open .menu{transform: translateX(0%);}
  .menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}

  .menu--click  {transform: translateX(-100%);}

  .icon-hamburger{
    height: 50px;
        width: 50px;
        padding: 0;
        margin-left: 20px;
        position: relative;
        right: -20px;
        display: block;
        border: none;
        background: transparent;
        z-index: 9999;
        cursor: pointer;
  }
  .icon-hamburger strong{height: 1px;margin-top:-1px; overflow: hidden;width: 1px;display: block;margin: 0;padding: 0;}
  .icon-hamburger span{height: 2px; width: 30px;background: var(--site-text-color);position: relative;display: block;margin-bottom: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}
  
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translateY(9px);}
  .menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translateY(-9px);}
  .header__content{padding-right: 50px;height: 60px;}
  .header__cta{display: flex; justify-content: flex-end;}
  .header__cta ul{padding-left: 0;}

}

@media (max-width: 500px) {
  .header__cta .menu-item-type-custom{display: none;}
  .header__cta button{pointer-events: none;}
}

/* Menu transparent */
@media (min-width: 1190px) {
  .page-template-menu-trasparente .spacer{display: none;}
  .page-template-menu-trasparente .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .page-template-menu-trasparente .header__content{border:none}
  .page-template-menu-trasparente .header__logo-img,
  .page-template-menu-trasparente .header [class^='icon-']{filter: brightness(0) invert(1);}
  .page-template-menu-trasparente .header__logo{color:#fff}

  .page-template-menu-trasparente .menu li a,
  .page-template-menu-trasparente .header__cta ul li a {color:#fff}

  .page-template-menu-trasparente.scroll-down .menu li a,
  .page-template-menu-trasparente.scroll-down .header__cta ul li a {color:#000}

  .page-template-menu-trasparente.scroll-down .header{background: #FFF;}
  .page-template-menu-trasparente.scroll-down .header__logo-img,
  .page-template-menu-trasparente.scroll-down .header [class^='icon-']{filter: brightness(1) invert(0);}

}

@media (max-width: 1190px) {
  .page-template-menu-trasparente .spacer{height:44px}
  .page-template-menu-trasparente .header__content{border:none}
}

/* Menu trasparente positivo e vuoto */

@media (min-width: 1190px) {
  .page-template-menu-trasparente-positivo .spacer{display: none;}
  .page-template-menu-trasparente-positivo .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .page-template-menu-trasparente-positivo .header__content{border:none}
 
  .page-template-menu-trasparente-positivo.scroll-down .header{background-color: var(--site-bg)}
}

.page-template-vuota .spacer {height:75px}

@media (max-width: 1190px) {
  .page-template-vuota .spacer,
  .page-template-menu-trasparente-positivo .spacer {height:44px}
  .page-template-menu-trasparente-positivo .header__content{border:none}
} 



/* Menu Dropdown */
.menu > li > ul{
  background: #fff; 
  opacity: 0; 
  display: none; 
  min-width: 220px; 
  position: absolute; 
  transition: all 0.5s ease; 
  margin-top: 0px;
  left: 0; 
  padding: 10px;
  border-radius: 10px;
}

.menu li ul > li > a,
.page-template-menu-trasparente .menu li ul > li > a{color:#000; border-radius: 7px;}
.menu li ul > li > a:hover {color:#000}

/* Mega Menu */
.menu > li.mega-menu > .sub-menu a{padding: 12px;}
.menu > li.mega-menu > .sub-menu .sub-menu  {padding-left: 0;width: 180px;}
.menu > li.mega-menu > .sub-menu .sub-menu  li a{padding-top: 7px;padding-bottom: 8px;font-weight: normal;font-size: 14px;}


/* Open Menus */
@media (min-width: 1190px) {

  .menu > li:hover > ul,
  .menu > li > ul:hover { visibility: visible; opacity: 1; display: block; }
  .menu > li.mega-menu:hover > ul,
  .menu > li.mega-menu > ul:hover { visibility: visible; opacity: 1; display: flex; flex-wrap: wrap;width: 600px;}
  .menu > li.mega-menu > ul > li{width: 193px;}

} 

.menu li.open-dropdown > ul{visibility: visible; opacity: 1; display: block; }
.menu li.mega-menu.open-dropdown > ul{visibility: visible; opacity: 1; display: block;}

.menu li ul li { clear: both; width: 100%; }
.menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;}

.menu > li.menu-item-has-children > a::after{
  content:" ";width: 30px;height: 30px; background-size:30px;position: absolute;
  top:50%; right: 0; transform: rotate(90deg);margin-top: -15px;
  background-size:100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}

@media (min-width: 1190px) {
  .page-template-menu-trasparente .menu > li.menu-item-has-children > a::after{
    background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
    filter: invert(1);
  }
  .page-template-menu-trasparente.scroll-down .menu > li.menu-item-has-children > a::after{
    filter: invert(0);
  }
}


@media (max-width: 1190px) {

  .menu li ul{position: relative;background: none;display: block;opacity: 1;}
  .menu li ul li{border:none; width: 95%; }
  .menu li a {padding: 16px 1.5em;}
}


/* Hover Line animation */

.menu a {position: relative;cursor: pointer;}
.menu a:hover{text-decoration: none;opacity: 1;}
.menu a:before, a:after {content: '';position: absolute;width: 0%;height: 2px;bottom: -2px;background: #000;opacity: 1}
.menu a:before {left: 0}
.menu a:after {right: 0;transition: width 0.5s cubic-bezier(.215, .61, .355, 1)}
.menu a:hover:before {background: var(--link-color);width: 100%;transition: width 0.5s cubic-bezier(.215, .61, .355, 1)}
.menu a:hover:after {background: transparent;width: 100%;transition: 0s}
.menu-item-has-children a:after,
.menu-item-has-children a:hover:before {background: transparent;} 
.sub-menu a:hover:before {background: var(--link-color);}




/* !   ---4.1 Buttons */

.cta__button a{color:#fff!important; background-color: var(--link-color);border-radius: 100px;padding-left: 20px!important; padding-right: 20px!important;}

.bottone-cta a, .cta {
  background: var(--link-color);
  border-radius: 30px;
  color: #fff !important;
  padding: 8px 16px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.bottone-cta a:before, .bottone-cta a:after, .bottone-cta a:hover:before {background: transparent;}


/* Link color */
a { color: var(--link-color); }
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none; }

/* Button Link */
.wp-block-button__link{text-decoration: none!important;color:#fff}
.wp-block-button__link:hover{text-decoration: none!important;color:#fff}


/* !   ---4.4 Social Icons */

.social-icons { margin: 6px 0;  display: flex; padding: 0; justify-content: flex-end;}
.social-icons li {
  list-style-type: none; 
  padding-left: 20px;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  top: -5px;
}
.social-icons li a {position: relative;}
.social-icons > li a[href*="facebook.com"] { content: url(img/facebook.svg); }
.social-icons > li a[href*="youtube.com"] { content: url(img/youtube.svg); }
.social-icons > li a[href*="linkedin.com"] { content: url(img/linkedin.svg); }
.social-icons > li a[href*="instagram.com"] { content: url(img/instagram.svg); }




.scroll-down footer .social-icons > li a[href*="facebook.com"] { content: url(img/facebook.svg); }
.scroll-down footer .social-icons > li a[href*="linkedin.com"] { content: url(img/linkedin.svg); }
.scroll-down footer .social-icons > li a[href*="youtube.com"] { content: url(img/youtube.svg); }


/* -------------------------------------------------------------------------------- */
/* ! 5. FOOTER */
/* -------------------------------------------------------------------------------- */


footer {margin: 0 auto; padding: 90px 0 50px 0;position: relative; z-index: 0; }
footer .grid {border-top: solid 1px #000; padding-top: 40px;}
footer p {text-align: left; font-weight: 400; font-size: 16px !important;}
footer strong {font-style: unset; color: unset; font-weight: 600;}
.footer__logo img {width: 180px; height: auto;}
.footer-1, .footer-2, .footer-3 {padding-right: 30px;}
.footer-copyright {
  margin-top: 15px;
  border-top: solid 1px #fff;
}
.footer-copyright p {margin-top: 15px;}


@media (max-width: 1499px) {
  footer .grid {padding-left: 0;padding-right: 0;}
}

footer a {text-decoration: none;}




/* -------------------------------------------------------------------------------- */
/* ! 6. GRID SYSTEM */
/* -------------------------------------------------------------------------------- */

.grid { margin: 0 auto; display: flex; flex-flow: row; flex-wrap: wrap; max-width: 1350px;}
.grid--center{justify-content: center;}
.grid--full { max-width: 100% !important; }
.col{ flex: 1;}
.align-items-center {align-items: center;}

[class*='col-'] { position: relative;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-75{ width: 75%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 1530px) {

}

@media (max-width: 991px) {
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 767px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }

  .sma-hide{display:none}
}




/* -------------------------------------------------------------------------------- */
/* ! 7. WORDPRESS */
/* -------------------------------------------------------------------------------- */


/* Icons */
.logo-whats-app {
  display: block;
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: 43px;
  right: 43px;
  z-index: 999;
  border-radius: 100%;
  background: #25D366;
  border: 0px solid #25D366;
}
.icon-search{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath d='M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z'/%3E%3C/svg%3E");}
.icon-wa{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Whatsapp%3C/title%3E%3Cpath d='M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.logo-whats-app .icon-wa{width: 44px;height: 44px;margin: -3px 0 0 -3px;padding: 0;filter: invert(1);}






/* Ultimate blocks general styles 



/* Gutenberg general styles */

/*.wp-block-column {margin-right: 1em !important; margin-left: 1em !important;}
.wp-block-column:first-child {margin-left: 0 !important;}
.wp-block-column:last-child {margin-right: 0 !important;}*/
.prefooter .wp-block-column {margin-right: 0 !important; margin-left: 0 !important;}
.colonne-tab .wp-block-column {margin-right: 0 !important; margin-left: 0 !important;}

.footer-5 .wp-block-column {margin-right: 0 !important; margin-left: 0 !important;}


/* Gutenberg alignment */
@media only screen and (min-width: 960px) {
  body .alignfull {width: auto;max-width: 1000%;margin-right: calc(50% - 50vw) !important;margin-left: calc(50% - 50vw) !important;}
  body .alignwide {width: auto;max-width: 1000%;}

}

@media only screen and (max-width: 960px) {
  body .alignfull {width: auto;max-width: 1000%; margin-right: calc(50% - 50vw) !important; margin-left: calc(50% - 50vw) !important;}
}

.wp-block-cover {padding: 0; margin-left: 0 !important; margin-right: 0 !important}

/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {width: 100%;}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #fff;border-bottom:1px solid #333; margin-bottom: 40px;}
.search-form input[type=text]{ width: 80%; color: #333; background: #fff;}
.search-form button{float:right;border: none; background: none;padding: 3px;}


/* Contact Form 7 */
form p {margin-bottom: 0 !important;}
.wpcf7 label{width:100%; color: #000}
.wpcf7-list-item {display: block; margin: 0;}
.uacf7-steps {padding-bottom: 30px;}
.uacf7-next, .uacf7-prev {margin-top: 30px !important;}
.progressbar-style-1.steps-form .steps-row .steps-step {border-right: none}
.uacf7-multisetp-form {color: #fff;}
.uacf7-multisetp-form button {
  padding: 10px 15px;
  background: #db0813;
  color: white;
  border-radius: 75px;
  border-style: none;
}

select {
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 5px 10px;
  width: 100%;
  font-size: 13px;
}


.step-end .uacf7-prev {display: none;}


/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email], input[type=tel] { width: 100%; padding: 10px; border: none; background: transparent; -webkit-appearance: none;border-radius: 0;font-size: 14px;
  margin-bottom: 5px; border-bottom: solid 1px #000}
textarea { padding: 10px; width: 100%; border: none; background: transparent; -webkit-appearance: none;border-radius: 0;font-size: 14px; border-bottom: solid 1px #000}
input[type=submit] { 
  margin-top: 10px;
  padding: 15px 30px;
  color: #fff;
  text-transform: uppercase;
  background: var(--link-color);
  border: none;
  font-size: 14px;
  font-weight: 700;
  border-radius: 30px;
}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }

/* functional stuff */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/* -------------------------------------------------------------------------------- */
/* ! 8. MEDIA QUERIES */
/* -------------------------------------------------------------------------------- */

@media (min-width: 576px) {
  .header__content, .grid, .wp-block-cover__inner-container, .wp-block-group__inner-container, .wp-block-group .wp-block-columns{max-width: 540px;}
}
@media (min-width: 768px) {
  .header__content, .grid, .wp-block-cover__inner-container, .wp-block-group__inner-container, .wp-block-group .wp-block-columns{max-width: 720px;}

}
@media (min-width: 992px) {
  .header__content, .grid, .wp-block-cover__inner-container, .wp-block-group__inner-container, .wp-block-group .wp-block-columns{max-width: 990px;}
  
}
@media (min-width: 1200px) {
  .header__content, .grid, .wp-block-cover__inner-container, .wp-block-group__inner-container, .wp-block-group .wp-block-columns{max-width: 1140px;}
}
@media (min-width: 1400px) {
  .header__content, .grid, .wp-block-cover__inner-container, .wp-block-group__inner-container, .wp-block-group .wp-block-columns{max-width: 1350px;}



}

@media (max-width: 1400px) {

  .has-xx-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
  .has-x-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}

}



@media (max-width: 1199px) {


}

@media (max-width: 1023px) /* Tablet Vertical */ {

  .bottone-cta a, .cta {
    width: max-content;
    margin-left: 1.5em;
  }



}




@media (max-width: 781px) {


}

@media (max-width: 768px) {
  .wrapper {padding: 0;}
  .wp-block-column {padding-right: 1.5em !important; padding-left: 1.5em !important;}
  .wp-block-cover {margin-left: -1.5em !important; margin-right: -1.5em !important;}
}

@media (max-width: 767px) {

  .has-xx-large-font-size {font-size: var(--wp--preset--font-size--xx-large) !important;}
  .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
  .header__content {padding-left: 1.5em !important; padding-right: 1.5em !important;}
  footer .grid {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

}

@media (max-width: 576px) {





}


@media (min-width: 600px){

}


/* -------------------------------------------------------------------------------- */
/* ! 9. PRELOADER */
/* -------------------------------------------------------------------------------- */

#preloader { position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center;  background: #FFF; z-index: 999;  height: 100vh; width: 100vw; opacity: 1;}
#loader { 
  width: 120px; 
  height: 120px;
  background-image: url(./img/loader.png);
  background-size: cover; 
  padding: 0; 
  opacity: 1;
  transition: all .2s .3s ease-in-out;
}
#loader:before { 
  content: " "; 
  border-top: 6px solid rgba(0, 0, 0, 0.85); 
  border-right: 6px solid rgba(0, 0, 0, 0.85); 
  border-bottom: 6px solid rgba(0, 0, 0, 0.85); 
  border-left: 6px solid #db0813;
  animation: load 1.2s infinite ease-in-out;
  display: block;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

@keyframes load {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* Page preload */
.page-loaded #preloader { opacity: 0; transition: all 1s ease-in-out;}
.page-loaded #preloader #loader { opacity:0; transition: opacity 2s ease-in-out;}


/* Page Load Animation Standard */ 
.load-1{opacity: 0;transition: all 1s cubic-bezier(.3,0,.3,1);transform: translateY(20px);transition-delay:0.5s;}
.load-2{opacity: 0;transition: all 1s cubic-bezier(.3,0,.3,1);transform: translateY(20px);transition-delay:1s;}
.load-3{opacity: 0;transition: all 1s cubic-bezier(.3,0,.3,1);transform: translateY(20px);transition-delay:1.5s;}
.load-4{opacity: 0;transition: all 1s cubic-bezier(.3,0,.3,1);transform: translateY(20px);transition-delay:2s;}


.page-loaded .load-1,
.page-loaded .load-2,
.page-loaded .load-3,
.page-loaded .load-4{opacity: 1;transform: translateY(0px);} 

/*  Page Load Stagger */ 
.load-stagger{opacity: 0;transition: all 1s cubic-bezier(.3,0,.3,1);transform: translateY(20px);transition-delay:0.4s;}
.page-loaded .load-stagger{opacity: 1;transform: translateY(0px);}


@media (min-width: 768px) {
  .load-stagger:nth-child(2){transition-delay:1.3s;}
  .load-stagger:nth-child(3){transition-delay:1.6s;}
  .load-stagger:nth-child(4){transition-delay:1.9s;}
  .load-stagger:nth-child(5){transition-delay:2.1s;}
  .load-stagger:nth-child(6){transition-delay:2.4s;}
  .load-stagger:nth-child(7){transition-delay:2.7s;}
  .load-stagger:nth-child(8){transition-delay:3s;}
  .load-stagger:nth-child(9){transition-delay:3.3s;}
  .load-stagger:nth-child(10){transition-delay:3.6s;}
  .load-stagger:nth-child(11){transition-delay:3.9s;}
  .load-stagger:nth-child(12){transition-delay:4.2s;}
  .load-stagger:nth-child(13){transition-delay:4.5s;}

}

/*  Page Unload Preload + Standard + Stagger */
.page-loaded.page-out #preloader {opacity: 1; visibility: visible!important;}
.page-loaded.page-out #preloader #loader {opacity: 1;}
.page-loaded.page-out #loader:before {  animation: load 0.6s infinite ease-in-out;}


.page-out .load-1,
.page-out .load-2,
.page-out .load-3{opacity: 0;transform: translateY(20px);transition: all 0.3s cubic-bezier(.3,0,.3,1);} 

.page-loaded.page-out .load-stagger{opacity: 0;transform: translateY(20px);transition: all 0.3s cubic-bezier(.3,0,.3,1);transition-delay:0s;}








/* -------------------------------------------------------------------------------- */
/* ! 10. ANIMATIONS */
/* -------------------------------------------------------------------------------- 


/* Animation on scroll */
.fade {  opacity: 0;}
.fadeIn { animation: fading cubic-bezier(0.385, 0.135, 0.15, 0.86) 0.9s forwards; }
.fade--1 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.fade--2 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.fade--3 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}


/* Animation on load */
@keyframes fade-load {
  from {opacity: 0; top:20px}
  to {opacity: 1; top:0;}
}
.load { 
  opacity: 0; 
  animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 1s forwards; 
}




@-webkit-keyframes fading {
  from {
      opacity: 0;
      transform: translateY(40px);
  }
  to {
       opacity: 1; 
       transform: translateY(0px);  
  }
}
@-moz-keyframes fading {
  from {
      opacity: 0;
      transform: translateY(40px);
  }
  to {
       opacity: 1; 
       transform: translateY(0px);  
  }
}

@keyframes fading {
  from {
      opacity: 0;
      transform: translateY(40px);
  }
  to {
       opacity: 1; 
       transform: translateY(0px);  
  }
}









/* -------------------------------------------------------------------------------- */
/* ! 11. PATTERNS */
/* -------------------------------------------------------------------------------- 

/* Accordion */
.accordion h3{position: relative;padding-right: 30px;margin-bottom: 15px;cursor:pointer}
.accordion h3:after{
  width: 30px;height: 30px;position: absolute; top:0; right:0;content: ' '; background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
  transform: rotate(90deg);
  background-size:100%;
}
.accordion--neg h3:after{
background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}
.accordion .wp-block-column .wp-block-group {padding: 0;max-height: 0;overflow:hidden;border-bottom: 2px solid #ddd; transition: all 0.2s ease-in-out;margin-bottom: 20px;}
.accordion .wp-block-column .wp-block-group.open-accordion{max-height:500px;padding-bottom: 15px;overflow: auto;}