n /*
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 url("fonts/fonts.css");
@import url("includes/css/forms.css");

:root{
    --theme-color:#DD190A;

}
/*** generic helpfull ***/
.rtl{
    direction: rtl !important;
}
.d-inline{
    display: inline-block !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;
}
body[data-bg-header=true] .container-wrap{
    padding-bottom: 0;
}
.d-none{
    display: none !important;
}
@media screen and (max-width:1024px){
    .dx-none{
        display: none !important;
    }
}
/*** footer copyright ***/

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

/*** colors ***/

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

/*** custom heading slider hp ***/

.heading-slider .first-line{
    margin-left:20px;
}
.heading-slider .second-line{
    margin-left:50px;
}
.heading-slider .third-line{
    margin-left: 70px;
}
/*** custom header big ***/

.heading-big{
    z-index:10;
}
.heading-big.big-01,
.heading-big.big-02{
    transform: translateX(220px);
}
@media screen and (max-width:1024px){
    .heading-big.big-01, .heading-big.big-02{
        transform: translateX(110px);
    }
}
.heading-big.big-02 h2{
    line-height: 200px !important;
}
.heading-big.big-03 h2{
    line-height: 200px !important;
}

/*** custom header styles ***/

h2.vc_do_custom_heading{
    margin-bottom: 20px !important;
}

/*** cta underline ***/
.span_12 .nectar-cta .link_wrap .link_text{
    padding-bottom: 7px;
}
.span_12 .nectar-cta .link_wrap .link_text:after{
    border-color:#DD190A !important;
    width: calc(100% + 30px);
}
.span_12 .nectar-cta .link_wrap .link_text:before{
    content:'➝';
    position: absolute;
    right: -30px;
    top: 1px;
    height: 109%;
    font-size: 25px;
    transition: all .4s ease-in-out;
}
.span_12 .nectar-cta .link_wrap .link_text:hover:after{
    width: calc(100% + 40px);
}
.span_12 .nectar-cta .link_wrap .link_text:hover:before{
    right:-40px;
    transition: all .4s ease-in-out;
}
@media screen and (max-width:1024px){
    .nectar-cta[data-style=underline] .link_wrap .link_text{
        padding-right:30px;
    }
    .span_12 .nectar-cta .link_wrap .link_text:before{
        right: 0;
    }
    .span_12 .nectar-cta .link_wrap .link_text:after{
        width: 100%;
    }
}

/*** list style ***/
.nectar-fancy-ul[data-list-icon="icon-salient-thin-line"] ul li{
    margin-bottom: 20px;
    padding-left:20px;
}
.icon-salient-thin-line:before{
    content:'';
    position: absolute;
    top: 10%;
    left: 0;
    height:100%;
    width:3px;
    background-color:#DD190A !important;
}
.nectar-fancy-ul[data-list-icon="icon-salient-thin-line"] ul li i{
    height:80% !important;
}

/*** img custom ***/

.img-header .img-with-aniamtion-wrap .hover-wrap{
    margin-bottom: 0;
}

/*** listing product ***/
.listing-product .nectar-fancy-ul ul li{
    padding-left:20px !important;
    margin-bottom: 20px !important;
}
.listing-product .nectar-fancy-ul ul li:before{
    content:'';
    position: absolute;
    height:100%;
    width:2px;
    background-color:#DD190A;
    left: 0;
    top:0;
}

/*** global z-index ***/

.nectar-global-section{
    z-index:10;
}


/*** Listing prodotti — semplificato ***/

/* Card */
.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .inner{
  box-shadow: rgba(0,0,0,.01) 0 1px 0, rgba(0,0,0,.01) 0 2px 7px, rgba(0,0,0,.03) 0 12px 22px;
  min-height: 500px !important;
}
div.portfolio-no-bg .nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .inner{
    box-shadow: none;
}
@media screen and (max-width:1024px){
    .nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .inner{
        min-height: 400px !important;
    }
    .nectar-post-grid-wrap--fl-sidebar_left.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .inner{
        min-height:280px !important;
    }
    .nectar-post-grid-wrap--fl-sidebar_left.nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="40vh"] .nectar-post-grid-item-bg{
        height:20vh;
    }
    .nectar-post-grid-wrap--fl-sidebar_left.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .inner .item-main h4{
        font-size: .7em !important;
    }
    .nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-card=yes] .nectar-post-grid-item .content{
        padding: 20px;
    }
    .nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid-item-bg-wrap{
        padding: 10px;
    }
}
/* Immagine */
.nectar-post-grid .nectar-post-grid-item-bg img{
  object-fit: contain;
}

/* Testi in versione dark (normale e on-hover) */
.nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *,
.nectar-post-grid[data-text-hover-color=dark] .nectar-post-grid-item:hover .content *{
  color: #384459;
}

/* Sottolineatura titolo in hover (schema dark) */
.nectar-post-grid[data-text-hover-color=dark] .nectar-underline .post-heading{
  background-image: linear-gradient(to right, #DD190A 0, #DD190A 100%);
}

/* Filtro laterale (sidebar sinistra) */
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a{
  padding: 10px;
  margin: 5px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  text-transform: uppercase;
  font-size: 14px;
}
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a::before,
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a::after{
  position: relative;
  display: inline-block;
  left: auto;
  top: auto;
}
/* Variante con testo scuro: nasconde l'after */
.nectar-post-grid-wrap--fl-sidebar_left.text-color-dark .nectar-post-grid-filters a::after{
  display: none;
}
/* Stato base per il before */
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a::before{
  transform: scale(1);
}

/* Colori stato attivo/hover con accent color */
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="accent-color"] a{
  font-weight: 700;
}
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="accent-color"] a::before{
  background-color: transparent;
  border: 1px solid #DD190A;
}
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="accent-color"] a:is(.active, :hover){
  background-color: #DD190A;
  color: #FFF;
}
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="accent-color"] a:is(.active, :hover)::before{
  background-color: #FFF;
}
/* Solo active: bordo dell'after bianco */
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="accent-color"] a.active::after{
  border-color: #FFF;
}

/* Nascondi titolo filtri quando bottoni leggermente arrotondati */
body[data-button-style*="slightly_rounded"] .nectar-post-grid-filters h4{
  display: none;
}
@media screen and (max-width:1024px){
    .nectar-post-grid-filters div:not(.n-sticky){
        display: flex;
        flex-wrap: wrap;
    }
    .nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a{
        font-size: .7em;
        min-width: 20%;
    }
}
/*** timeline text ***/

.opacity-custom{
    opacity: 0.08;
}
.opacity-custom-hp{
    opacity: 0.08;
    text-align: center;
}
/*** product list style ***/

.single.single-portfolio .nectar-fancy-ul ul li {
  position: relative;
  padding-left: 25px;   /* spazio per il pallino */
  text-indent: 0;   /* fa rientrare il testo in modo che il pallino stia fuori */
  margin-bottom: 10px;
}

.single.single-portfolio .nectar-fancy-ul ul li:before {
  content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #384459;
    display: inline-block;
}

/**.single.single-portfolio .nectar-fancy-ul ul li:before{
    content: '';
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #384459;
    display: inline-block;
    margin-right: 5px;
}**/
.single.single-portfolio .nectar-fancy-ul ul li{
}

/*** blog ***/

.single.single-post h1{
    font-size: 40px !important;
        letter-spacing: 0 !important;
    line-height: 1 !important;
}

/*** customs econdary menu ***/

.material #header-secondary-outer>.container{
    display: flex;
    align-items: center;
    /*justify-content: end;*/
    justify-content: space-between;
}
.material #header-secondary-outer>.container .custom-secondary-nav{
        flex-grow: 1;
    font-size: 80%;
    display: flex;
    column-gap: 40px;
}
.material #header-secondary-outer>.container .custom-secondary-nav a{
    color: #879bab;
}

/*** modal ***/
.gated-download{
    text-transform: uppercase;
    font-weight: 700;
    font-size:1.2em;
}
.download-modal{position:fixed;inset:0;z-index:9999;}
.download-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.download-modal__dialog{
    position: absolute;
    max-width: 560px;
    top: calc(50% - 175px);
    left: calc(50% - 290px);
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    height: 350px;
    width: 560px;
}
.download-modal[aria-hidden="true"]{display:none}
.download-modal__close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:28px;cursor:pointer}

.download-modal .button input[type="submit"]:hover{
    background-color: #384459;
    color:#FFF;
}

@media screen and (max-width:1024px){
    .download-modal__dialog{
        max-width: calc(100vw - 30px);
        left: 15px;
        height: 450px;
        top:calc(50% - 225px);
    }
    .download-modal__dialog .form-contatti{
        gap:15px
    }
}

/*** single product ***/
@media screen and (max-width:1024px){

    .single-portfolio .wpb_wrapper h1.vc_custom_heading{
        font-size: 50px !important;
        line-height: .9 !important;
    }
    .single-portfolio #portfolio-extra{
        padding-top:10%
    }
}

/*** language ***/

.menu-item-wpml-ls-5-en{
    border-right: 1px solid #879BAB
}
.wpml-ls-current-language{
    pointer-events: none;
    
}
.wpml-ls-current-language .menu-title-text:after{
    border-top: 2px solid #879bab;
    transform: scaleX(1);
    bottom: 0;
    border-width: 1px;
}

/*** img custom size ***/

@media screen and (max-width:1024px){
    .m-building{
        width:135% !important;
        max-width: 135% !important;
    }
}

/*** menu evidenza ***/

ul.mtm-categories-list li.mtm-category-item[data-category-id="47"]{
    display:none;
}

/*** carousel hp ***/
.carousel-hp .flickity-slider .wpb_column,
.carousel-hp .flickity-slider .wpb_column .vc_column-inner{
    min-height:380px;
}
.carousel-hp .flickity-slider .cell img{
    width:auto !important;
    min-height:260px;
    max-width: 100% !important;
    margin-bottom: 30px !important;
    object-fit: contain;
}

/*** hotpoint map ***/
.hotpoint-mobile .wpb_tabs_nav{
    display: flex;
    justify-content: center;
}
.hotpoint-mobile .map-mobile{
    display: block;
    margin: 0 auto 10px !important;
}
.hotpoint-mobile .nectar_hotspot_wrap .inner{
    font-weight: 700;
    text-transform: uppercase;
}

/*** FORMS ***/

/** form ***/

.form-contatti{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.form-contatti .name,
.form-contatti .surname,
.form-contatti .company,
.form-contatti .email,
.form-contatti .mobile,
.form-contatti .phone,
.form-contatti .citta,
.form-contatti .email,
.form-contatti .mobile,
.form-contatti .phone,
.form-contatti .select,
.form-contatti .ragione,
.form-contatti .project{
    width:calc(49% - 11px);
}
.form-contatti .name input,
.form-contatti .surname input,
.form-contatti .company input,
.form-contatti .email input,
.form-contatti .mobile input,
.form-contatti .phone input,
.form-contatti .citta input,
.form-contatti .message textarea,
.form-contatti .oggetto select,
.form-contatti.partnership .iva input,
.form-contatti.partnership .ragione-sociale input,
.form-contatti.partnership .indirizzo input,
.form-contatti.partnership .cap input,
.form-contatti.partnership .provincia input,
.form-contatti .cf input,
.form-contatti .indirizzo input,
.form-contatti .cap input,
.form-contatti .provincia input,
.form-contatti .social_01 input,
.form-contatti .social_02 input,
.form-contatti .social_03 input,
.form-contatti .oggetto input,
.form-contatti .select select,
.form-contatti .ruolo input,
.form-contatti .ragione input,
.form-contatti .project input{
    border-radius: 2px;
    background-color: #A6B7C4 !important;
    border-radius: 0;
    color:#FFF !important;
    padding-left:10px;

}
.form-contatti .name input::placeholder,
.form-contatti .surname input::placeholder,
.form-contatti .company input::placeholder,
.form-contatti .email input::placeholder,
.form-contatti .mobile input::placeholder,
.form-contatti .phone input::placeholder,
.form-contatti .citta input::placeholder,
.form-contatti .message textarea::placeholder,
.form-contatti .oggetto select::placeholder,
.form-contatti.partnership .iva input::placeholder,
.form-contatti.partnership .ragione-sociale input::placeholder,
.form-contatti.partnership .indirizzo input::placeholder,
.form-contatti.partnership .cap input::placeholder,
.form-contatti.partnership .provincia input::placeholder,
.form-contatti .cf input::placeholder,
.form-contatti .indirizzo input::placeholder,
.form-contatti .cap input::placeholder,
.form-contatti .provincia input::placeholder,
.form-contatti .social_01 input::placeholder,
.form-contatti .social_02 input::placeholder,
.form-contatti .social_03 input::placeholder,
.form-contatti .oggetto input::placeholder,
.form-contatti .project input::placeholder,
.form-contatti .ragione input::placeholder{
    color:#FFF !important;
    opacity: 1 !important;
}
.form-footer .acceptance{
    margin-top:10px;
}
.form-footer .disclaimer{
    font-size:70%;
}
.form-contatti .message,
.form-contatti .acceptance,
.form-contatti .disclaimer{
    width:100%;
}
.form-footer .acceptance .wpcf7-list-item{
    margin:0;
}
.form-footer .disclaimer {
    margin-bottom:30px;
}
.form-contatti .button input[type=submit]{
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--theme-font);
    color:#000;
    padding: 10px 70px !important;
    border-radius: 20px !important;
}
.wpcf7-acceptance span,.disclaimer{
    font-size:.9em;
    color:#000 !important;
}
.form-hp .wpcf7-acceptance span a{
    color:#FFF;
}

.wpcf7 .form-contatti .email{
    widht:100%;
}
.acceptance .wpcf7-form-control-wrap{
    display: inline-block !important;
}
.acceptance .wpcf7-form-control-wrap .wpcf7-form-control{
    margin-right: 5px;
}
.material .button{
    margin-top: 20px;
}
.material .button input[type="submit"]{
    background-color:#384459;
    margin-top:0 !important;
    color: #FFF !important;
    text-transform: uppercase;
    border:none;
    font-size: 14px;
}
body[data-form-submit=regular] .container-wrap input[type=submit]{
    padding: 15px 35px !important;
    position: relative;
}
.material .button input[type="submit"]:hover{
    background-color:transparent;
    margin-top:0 !important;
    color: #FFF !important;
    text-transform: uppercase;
    border:none;
    box-shadow: none;
}
.wpcf7-spinner{
    display: none;
}
@media screen and (max-width:1024px){
    .form-contatti .name,
    .form-contatti .surname,
    .form-contatti .company,
    .form-contatti .email,
    .form-contatti .mobile,
    .form-contatti .phone,
    .form-contatti .animale,
    .form-contatti .eta,
    .form-contatti .citta,
    .form-contatti .ragione,
    .form-contatti .project {
        width: 100%;
    }
}

.wpcf7-submit.loading {
    position: relative;
    pointer-events: none;
}

.wpcf7-submit.loading::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s linear infinite;
    transform: translateY(-50%);
}
.acceptance p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.acceptance p span:first-of-type{
    width: 30px;
}
.acceptance p span:last-of-type{
    width: calc(100% - 50px);
}

/* Nasconde il checkbox predefinito */
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Stile del contenitore del checkbox */
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color:#FFF;
}

/* Checkbox sempre con background #A6B8C4 */
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #A6B8C4; /* Sfondo sempre visibile */
    border: 2px solid #A6B8C4; /* Bordo dello stesso colore */
    transition: all 0.2s ease-in-out;
}

/* Stile quando il checkbox è selezionato */
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item.checked::before {
    content: "✔";
    color: #FFF; /* Segno di spunta bianco */
    font-size: 16px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}