/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@import "fonts/fonts.css";
@import "includes/css/forms.css";
:root{
    --theme-color:#A1C613;

}
/*** generic helpfull ***/
.wpb_row:not(.first-section) h2{
  margin-bottom: 25px !important;
}
.wpb_row:not(.first-section) h4{
  margin-bottom: 25px !important;
}
.wpb_row:not(.first-section) div[data-bg-color="#FBF4F5"] h4{
  margin-bottom: 0 !important;
}
.multiply{
    mix-blend-mode: multiply !important;
}
.rotate-38{
    transform: rotate(38deg) !important;
}
.opacity-05{
    opacity: .05 !important;
}
.opacity-25{
    opacity: .25 !important;
}
.fw-3{
    font-weight: 300 !important;
}
.fw-4{
    font-weight: 400 !important;
}
.d-none{
  display: none !important;
}
@media screen and (max-width:1024px){
  .dx-none{
    display: none !important;
  }
  .d-none{
    display: block !important;
  }
}
/*** menu ***/

.sf-menu>li:nth-of-type(4) ul{
  width: 24em;
}

/*** footer copyright ***/

#footer-outer #copyright[data-layout="centered"]{
    padding:10px 0;
}

/*** colors ***/

.theme-color{
    color:var(--theme-color);
}
.black-color{
    color:#000;
}
.white-color{
    color:#FFF;
}

/*** header hp ***/
@media screen and (max-width:1024px){
  .header-hp{
    min-height: 0 !important;
    max-height: 0 !important;
  }
}


/*** list + icon ***/

.iwithtext{
    display: flex;
    align-items: center;
}
.iwithtext .iwt-icon{
    display: block;
    position: relative;
}
.iwithtext .iwt-icon img{
    margin-bottom: 0;
    width:45px !important;
}
@media screen and (max-width:1024px){
  .iwithtext .iwt-icon img{
    min-width: 42px;
    max-width: 42px;
  }
}
.iwithtext .iwt-text{
    padding-left:15px;
}

/*** megamenu prodotti ***/
.menu-prodotti{
  margin-bottom: 0 !important;
}
.menu-prodotti .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li.active-tab a{
    color:#FFF !important;
    background-color:#B80C1E !important;
}
.menu-prodotti .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a{
    padding: 10px 15px !important;
    color:#B80C1E !important;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
}
.menu-prodotti .tabbed[data-style="vertical_modern"] >div{
    padding-left:30px;
}

.menu-prodotti .nectar-link-underline-effect a{
  background-image: none;
}
.menu-prodotti .tabbed[data-style="vertical_modern"] ul.wpb_tabs_nav li a{
  font-size:.9em !important;
}
#top .menu-prodotti  .tabbed[data-style*=vertical] .wpb_tabs_nav, .menu-prodotti .tabbed[data-style*=vertical] .wpb_tabs_nav,
.tabbed[data-style*=vertical] ul.wpb_tabs_nav{
  width:25%;
}
.menu-prodotti .nectar-fancy-ul ul{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.menu-prodotti .nectar-fancy-ul ul li{
  flex-basis: 50%;
}
.menu-prodotti .tabbed[data-style*=vertical]>div{
  width:75%;
}
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li:hover{
  font-weight: 400 !important;
}
/* SCOPING: menu prodotti nel megamenu  */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul{
  --brand: #b5121b;            /* rosso brand */
  --pill-radius: 18px;
  --dot-size: 8px;
  --gap-y: 18px;
}

/* UL a 2 colonne con spazio ampio tra le colonne */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul > ul{
  margin: 15px 0;
  padding: 0;
  list-style: none;
  columns: 2;                 /* due colonne */
  column-gap: 0;
}

/* Nascondo l’icona <i> generata dal tema: useremo un bullet custom */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul i.icon-default-style{
  display: none !important;
}

/* Ogni LI: riga con pill opzionale */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li{
  break-inside: avoid;         /* evita spezzamento tra colonne */
  position: relative;
  padding: 12px 18px 12px 40px; /* spazio per il pallino a sinistra */
  border-radius: var(--pill-radius);
  transition: background .15s ease, box-shadow .15s ease, color .15s ease;
  line-height: 1.1;
  font-size: 15px;
  display: flex;
  align-items: center;
}

/* Bullet rosso */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li::before{
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: var(--dot-size);
  height: var(--dot-size);
  transform: translateY(-4px);
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 2px rgba(181,18,27,0.1); /* lieve ring */
}

/* Hover lieve (solo sfondo rosato) */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li:hover{
  background: #B80C1E;
  color:#FFF;
  font-weight: 600;
}
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li:hover::before{
    background: #FFF;
}
/* STATO ATTIVO: pill rossa, testo bianco bold, bullet bianco */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li.is-active{
  background: var(--brand);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(181,18,27,0.35);
}
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li.is-active::before{
  background: #fff;
  box-shadow: none;
}

/* SUPPORTO se i testi sono link (<li><a>…</a></li>) */
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li > a{
  color: inherit;
  text-decoration: none; /* lo screenshot non ha underline */
  display: block;        /* per prendere il padding del LI */
}
#header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul li > a:hover{
  text-decoration: none;
}

/* Responsive: 1 colonna sotto 900px circa */
@media (max-width: 900px){
  #header-outer #top nav .nectar-global-section-megamenu .menu-prodotti .nectar-fancy-ul > ul{
    columns: 1;
  }
}

/*** list style product ***/
.list-product .nectar-fancy-ul ul li{
  display: flex;
  align-items: center;
  margin:15px 0;
}
.list-product .nectar-fancy-ul ul li:before{
  content:'';
  width:31px;
  min-width: 31px;
  height:31px;
  left:0;
  top:0;
  position: relative;
  display: inline-block;
  background-image: url('/wp-content/uploads/2025/09/icon-list.png');
  margin-right:20px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.list-product.white .nectar-fancy-ul ul li:before{
  background-image: url('/wp-content/uploads/2025/09/icon_list-white.png');
}

/*** icon-product style ***/
.text-icon-product .iwithtext{
  align-items:start;
}
.text-icon-product .iwithtext .iwt-icon img{
  min-width:45px;
}

/*** formazione info ***/
.formazione-info .iwithtext{
  display: flex;
  align-items: center;
}
.formazione-info .iwithtext .iwt-text{
  display: flex;
  gap: 50px;
  align-items: center;
}
.formazione-info .iwithtext .iwt-text h4{
  line-height: 1;
  color:#b5121b
}

/*** download document ***/

.download-document .iwithtext img{
  width: 25px !important;
}

/*** custom-gallery ***/

.custom-gallery .nectar-flickity:not(.masonry) .flickity-viewport{
  margin: 0;
}

.custom-gallery .nectar-flickity:not(.masonry) .flickity-slider .cell img{
  border-radius:20px;
}

/*** footer ***/

.footer .menu li{
  list-style: none;
  margin-bottom: 20px;
}
.footer .menu li a{
  text-transform: uppercase;
}
.footer .menu li a:before,
.footer .footer-title p::before{
  content:'';
  position: relative;
  width: 7px;
  height:7px;
  background-color:#b5121b;
  display: inline-block;
  left:-10px;
  border-radius: 50%;
}
.footer .footer-title p{
  text-transform: uppercase;
}
.footer .iwithtext{
  margin-bottom: 5px;
}
.footer .iwithtext:nth-of-type(3){
  margin-bottom: inherit;
}
.footer .iwithtext .iwt-icon i{
  color: #FFF;
}
body .footer [class^=icon-].icon-default-style{
  font-size: 23px;
}

@media screen and (max-width:1024px){
   ul#menu-menu-footer.menu{
    margin-left:10px;
  }
  .footer .wpb_wrapper > p{
    margin-left: 10px;
  }
}

/*** sgvs ***/
.sgvs > .row-bg-wrap:before{
  content:'';
  position: absolute;
  background-image: url('/wp-content/uploads/2025/09/sgvs.png');
  top:0;
  width:800px;
  height:800px;
  background-size:contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.sgvs.sgvs-left > .row-bg-wrap:before{
  left: -400px;
  top: 100px;
  right: auto;
}
.sgvs.sgvs-right >.row-bg-wrap:before{
  right: -750px;
  top: -25vh;
  left: auto;
}
.sgvs.sgvs-push-left >.row-bg-wrap:before{
  left:-700px
}
.sgvs.sgvs-right.lavora-noi > .row-bg-wrap:before{
  right: -200px;
  top: 200px;
  left: auto;
  z-index: 10;
}
.sgvs.sgvs-left.lavora-noi:before{
  content:'';
  position: absolute;
  background-image: url('/wp-content/uploads/2025/09/sgvs.png');
  top:0;
  width:800px;
  height:800px;
  background-size:contain;
  background-repeat: no-repeat;
  z-index: -1;
  left: -500px;
  top: 400px;
  right: auto;
  z-index: -1;
  transform: rotate(-50deg);
}

@media screen and (max-width:1024px){
  .sgvs > .row-bg-wrap:before{
    content:none;
  }
  .sgvs.sgvs-left > .row-bg-wrap:before{
    left: -600px;
  }
}
/*** breadcrumbs ***/

.breadcrumb{
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
  display: inline-block;
}

/*** fix salient ***/
@media screen and (max-width:1024px){
  .wpb_column.force-phone-text-align-left, 
  .wpb_column.force-phone-text-align-left .col, 
  .wpb_column.force-phone-text-align-left .vc_custom_heading, 
  .wpb_column.force-phone-text-align-left .nectar-cta{
      text-align: left !important;
  }
  .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry).tb-spacing-40px .flickity-viewport{
    margin-top:0 !important
  }
  #ajax-content-wrap .nectar-cta.border_radius_12px .link_wrap{
    max-width: 100%;
    display: block;;
  }
}

/*** modal ***/

.modal {
    position: fixed;
    right: -28.75rem;
    -webkit-transform: translateX(120%) !important;
    transform: translateX(120%) !important;
    width: 28.75rem;
    min-width: 19.375rem;
    will-change: transform, box-shadow;
    opacity: 0;
    border-radius: 0.4125rem;
    top: 5%;
    bottom: 5%;
    overflow: auto;
    background: #000;
    -webkit-overflow-scrolling: touch;
    z-index: 80000;
    box-shadow:-6px 0 16px -8px rgba(0,0,0,0.1), -9px 0 28px 0 rgba(0,0,0,0.08), -12px 0 48px 16px rgba(0,0,0,0.05);
    transition: all .2s ease-in-out;
    background-image: url('/wp-content/uploads/2025/09/bg-footer.jpg');
        background-position: center;
    background-size: 300%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.modal.open {
    display: flex;
    align-items: center;
    right: 1em;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition: all .2s ease-in-out;
}
#ModalOver.overlay-modal{
    background: rgba(18, 18, 18, 0.5);
    -webkit-backdrop-filter: grayscale(1) contrast(.8);
    backdrop-filter: grayscale(1) contrast(.8);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    -webkit-transition: opacity 0.3s cubic-bezier(.3,0,.15,1), visibility 0.3s linear;
    transition: opacity 0.3s cubic-bezier(.3,0,.15,1), visibility .3s linear;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50000;
}
#ModalOver.overlay-modal.is_open {
    background: rgba(18, 18, 18, 0.5);
    -webkit-backdrop-filter: grayscale(1) contrast(.8);
    backdrop-filter: grayscale(1) contrast(.8);
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .3s cubic-bezier(.7, .3, .1, 1), visibility .3s linear;
}
.modal-box{
    padding: 30px;
}
.modal-box .modal-content img{
    max-width:100%;
}
.modal-box .modal-content .modal-description{
    text-align: center;
}
.modal-box .modal-content .modal-description ul{
    margin-left: 0;
}
.modal-box .modal-content .modal-description ul li{
    list-style: none;
}
.modal-box .modal-content .modal-category{
    font-family: Trirong;
    text-transform: uppercase;
    color: var(--second-color);
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
.modal-box .modal-content .modal-pack{
    text-align: center;
}
.modal-box .modal-content h3.modal-title{
    font-family: Trirong;
    color:var(--first-color);
    text-align: center;
}

.modal-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.modal-close:hover,
.modal-close:focus {
    color: var(--first-color);
    cursor: pointer;
}
.buttons--off-canvas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
}
.close-button {
    cursor: pointer;
    font-size: 24px;
    color: #333;
}
#myModal .intestazione-modal{
  color:#FFF;
  text-align: center !important;
}
#myModal h2{
  color:#FFF;
  text-align: center;
}
#myModal > p{
  color:#FFF;
  text-align: center;
}
#myModal .form-contatti .name,
#myModal .form-contatti .surname,
#myModal .form-contatti .phone,
#myModal .form-contatti .email,
#myModal .form-contatti .message{
  width: 100%;
  min-width: 100%;
}
#myModal .form-contatti .name p,
#myModal .form-contatti .surname p,
#myModal .form-contatti .phone p,
#myModal .form-contatti .email p,
#myModal .form-contatti .message p{
  padding: 0 !important;
}
#myModal .form-footer .disclaimer{
  margin-bottom: 0;
}
#myModal .form-footer .disclaimer p{
  padding-bottom: 0;
}
#myModal .form-footer{
  justify-content: left;
}
#myModal .form-footer .acceptance{
  margin-top: 10px;
}
#myModal .form-footer .acceptance p{
  padding-bottom: 0;
  color:#FFF;
  font-size: 14px;
}
/* Placeholder chiari */
#myModal .form-contatti .name input::placeholder,
#myModal .form-contatti .surname input::placeholder,
#myModal .form-contatti .email input::placeholder,
#myModal .form-contatti .phone input::placeholder,
#myModal .form-contatti .message textarea::placeholder{
  color: #FFF !important;
}