@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{position:relative;}

/*estensione del container*/
@media (min-width:1440px){
    .container{max-width:1380px;}
}
@media (min-width:1700px){
    .container{max-width:1640px;}
}

.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {
    color:#333;
}

/*z-index*/
.z-1{z-index:1}

/*animazioni generiche*/
.m-ani *{transition:all 600ms ease-in-out;}

/*effetto mouse hover img-wrapper contenuto in a*/
a:hover .img-responsive-wrapper .img-responsive .img-wrapper{transform:scale(1.2)}
.it-grid-item-wrapper:hover.it-grid-item-overlay .img-responsive-wrapper:after{background: rgba(0, 107, 157, .5); transition:all 600ms ease-in-out;}
.it-grid-item-wrapper.it-grid-item-overlay .it-griditem-text-wrapper h3{color:#fff!important}


/*griglia servizi home*/
#home-servizi .grid-service div:nth-child(2) .it-grid-item-wrapper{margin-top:40px}
#home-servizi .grid-service div:nth-child(4) .it-grid-item-wrapper,
#home-servizi .grid-service div:nth-child(6) .it-grid-item-wrapper{margin-top:-40px}
.row-service:after{content:""; opacity:0.6; position:absolute; z-index:-1; transform:translate(0,-50%); top:50%; left:0; width:100%; height:100%; background:url(/media/tu0fmyjw/bg-abstract-02.png); background-size:cover}
@media(max-width:1199px){
    #home-servizi .grid-service div:nth-child(2) .it-grid-item-wrapper{margin-top:40px}
    #home-servizi .grid-service div:nth-child(3) .it-grid-item-wrapper{margin-top:-40px}
    #home-servizi .grid-service div:nth-child(4) .it-grid-item-wrapper{margin-top:0}
    #home-servizi .grid-service div:nth-child(5) .it-grid-item-wrapper{margin-top:-40px}
    #home-servizi .grid-service div:nth-child(6) .it-grid-item-wrapper{margin-top:0}
}
@media(max-width:767px){
    #home-servizi .grid-service div:nth-child(2) .it-grid-item-wrapper,
    #home-servizi .grid-service div:nth-child(3) .it-grid-item-wrapper,
    #home-servizi .grid-service div:nth-child(4) .it-grid-item-wrapper,
    #home-servizi .grid-service div:nth-child(5) .it-grid-item-wrapper,
    #home-servizi .grid-service div:nth-child(6) .it-grid-item-wrapper{margin-top:0}
}

/*formattazione testi*/
.richtext-wrapper strong{color:#333}
.richtext-wrapper ol, 
.richtext-wrapper ul {margin-bottom: 1.5rem}
.richtext-wrapper ol li, 
.richtext-wrapper ul li {margin-left: 1.75rem}
.richtext-wrapper a[href$=".zip"],
.richtext-wrapper a[href$=".png"],
.richtext-wrapper a[href$=".jpg"],
.richtext-wrapper a[href$=".pdf"],
.richtext-wrapper a[href$=".PDF"],
.richtext-wrapper a[href$=".doc"],
.richtext-wrapper a[href$=".docx"],
.richtext-wrapper a[href$=".odt"],
.richtext-wrapper a[href$=".xsl"],
.richtext-wrapper a[href$=".xlsx"],
.richtext-wrapper a[href$=".ods"]
{display:inline-block; text-decoration:none!important}
.richtext-wrapper a[href$=".zip"]:before,
.richtext-wrapper a[href$=".png"]:before,
.richtext-wrapper a[href$=".jpg"]:before,
.richtext-wrapper a[href$=".pdf"]:before,
.richtext-wrapper a[href$=".PDF"]:before,
.richtext-wrapper a[href$=".doc"]:before,
.richtext-wrapper a[href$=".docx"]:before,
.richtext-wrapper a[href$=".odt"]:before,
.richtext-wrapper a[href$=".xsl"]:before,
.richtext-wrapper a[href$=".xlsx"]:before,
.richtext-wrapper a[href$=".ods"]:before
{font-family:"bootstrap-icons"; font-size:1.2rem; padding-right:10px; }
.richtext-wrapper a[href$=".zip"]:before {content:"\F391"}
.richtext-wrapper a[href$=".png"]:before,
.richtext-wrapper a[href$=".jpg"]:before {content:"\F39B"}
.richtext-wrapper a[href$=".pdf"]:before,
.richtext-wrapper a[href$=".PDF"]:before {content:"\F756"}
.richtext-wrapper a[href$=".doc"]:before,
.richtext-wrapper a[href$=".docx"]:before,
.richtext-wrapper a[href$=".odt"]:before {content:"\F38B"}
.richtext-wrapper a[href$=".xsl"]:before,
.richtext-wrapper a[href$=".xlsx"]:before,
.richtext-wrapper a[href$=".ods"]:before {content:"\F385"}
/*Tabelle*/
.richtext-wrapper table{width:100%; margin-bottom:1rem; font-size:0.9rem;}
.richtext-wrapper table th,
.richtext-wrapper table td{padding:5px; border:1px solid rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important}
.richtext-wrapper table tr:hover{background: var(--bs-100)}
.richtext-wrapper table tr td:last-child a{white-space:nowrap;}
.richtext-wrapper table td p{font-size:0.9rem;}


/*Accordion navigazione Amm. Trasp.*/
.nav-accordion{}
.nav-accordion .accordion-header {display:flex; align-items:center; justify-content:space-between;}
.nav-accordion .accordion-header .accordion-button {font-size:1rem!important; padding: 8px 16px; color: #333; border-right:2px solid #008ed0;}
.nav-accordion .accordion-header .accordion-button.active {color: #333!important; border-right:2px solid #008ed0!important}
.nav-accordion .accordion-header .accordion-button.active:after {color: #333!important;}
.nav-accordion .accordion-header .accordion-button:after {content:"\F286"; font-family:"bootstrap-icons"; color: #333;}
.nav-accordion .accordion-header .accordion-button.collapsed {color: var(--bs-link-color); border-right:2px solid #efefef; padding: 12px 20px;}
.nav-accordion .accordion-header .accordion-button.collapsed:after {content:"\F286"; color: var(--bs-link-color);}
.nav-accordion .accordion-header .accordion-button:hover {color:#333; text-decoration:none}
.nav-accordion .accordion-item a {display:block; padding: 8px 16px; text-decoration:none; font-weight:600; border-right:2px solid #efefef;}
.nav-accordion .accordion-item a:hover {color:#333;}
.nav-accordion .accordion-item.active a {color:#333; border-right:2px solid #008ed0;}
.nav-accordion .accordion-body {padding: 12px 0 12px 24px!important; border-right:2px solid #008ed0;}
.nav-accordion .accordion-body .accordion-body {border-right:0;}
.nav-accordion .accordion-body .accordion-button {border-right:0!important;}
.nav-accordion .accordion-body .accordion-button.active {border-right:0!important;}
.nav-accordion .accordion-body .accordion-item a {font-size:1rem; padding: 4px 16px; font-weight:300; border:0;}
.nav-accordion .accordion-body .accordion-item.active {color:#333;}
.nav-accordion .accordion  {border: 0;}

/*Footer*/
.it-footer-main .it-brand-wrapper a img.icon{width:64px; height:auto;}

/*Modal*/
#modal_notify_once .modal-body,
#modal_notify_always .modal-body{font-size:0.85rem}
#modal_notify_once .modal-body img,
#modal_notify_always .modal-body img{max-width:100%}