/* STA2000: 2026 - Art Direction & Management: Brugiatelli Design / Webdesign: Tonidigrigio / Developer: Visione.Digitale */

/*variabili*/
:root {
    --white: #FFF;
    --black: #000;
    --primary: #1D1D1B;
    --secondary: #F08900;
    --dark-gray: #777776;
    --light-gray: #F8F8F8;
    --roboto: "Roboto", sans-serif;
    --transition-3:all 0.3s ease-in-out;
    --transition-5:all 0.5s ease-in-out;
}

/*default*/
html, button, input, select, textarea {color:var(--black);overflow-x:hidden;}
html, body {margin:0px;padding:0px;background:var(--white);}
::-moz-selection {background:var(--black);text-shadow:none;color:var(--white);}
::selection {background:var(--black);text-shadow:none;color:var(--white);}
hr {display: block;height: 1px;border: 0;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:var(--black);padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {transition:var(--transition-3);}
.no-underline {text-decoration:none !important;}

/*animation*/
.animation, .animation > * {transition:var(--transition-5);}

/*typographic*/
body {font-family: var(--roboto);}
html, body {font-family: var(--roboto);font-weight:400;font-style:normal;color:var(--primary);font-optical-sizing: auto;}
strong {font-weight:600;}
.text-indent {text-indent:-9999px !important;}
.text-pre {white-space:pre;}

/*font dimension*/
html {font-size: 100%;}
body, input {font-family: var(--roboto);}

small, .small {font-size: .875em ! important;}
.fs-7 {font-size:1.1rem !important;}
.small-10 {font-size:10% !important;}
.small-20 {font-size:20% !important;}
.small-30 {font-size:30% !important;}
.small-40 {font-size:40% !important;}
.small-50 {font-size:50% !important;}
.small-60 {font-size:60% !important;}
.small-70 {font-size:70% !important;}
.small-80 {font-size:80% !important;}
.small-90 {font-size:90% !important;}

/*lineheight*/
.lh-1   {line-height:1rem !important;}
.lh-1-5 {line-height:1.5rem !important;}
.lh-2   {line-height:2rem !important;}
.lh-2-5 {line-height:2.5rem !important;}
.lh-3   {line-height:3rem !important;}
.lh-3-5 {line-height:3.rem !important;}
.lh-4   {line-height:4rem !important;}

/**/
@media (min-width: 1200px) {
    .fs-4 {
        font-size: 1.85rem !important;
    }
}

/*font-weight*/
.fw-thin       {font-weight:100 !important;}
.fw-extralight {font-weight:200 !important;}
.fw-light      {font-weight:300 !important;}
.fw-regular    {font-weight:400 !important;}
.fw-medium     {font-weight:500 !important;}
.fw-semibold   {font-weight:600 !important;}
.fw-bold       {font-weight:700 !important;}
.fw-extrabold  {font-weight:800 !important;}
.fw-black      {font-weight:900 !important;}

/*text color*/
.text-white      {color:var(--white) !important;} 
.text-black      {color:var(--black) !important;}
.text-primary    {color:var(--primary) !important;}
.text-secondary  {color:var(--secondary) !important;}
.text-dark-gray  {color:var(--red) !important;}
.text-light-gray {color:var(--light-gray) !important;}

/*background*/
.bg-white      {background-color:var(--white) !important;} 
.bg-black      {background-color:var(--black) !important;}
.bg-primary    {background-color:var(--primary) !important;}
.bg-secondary  {background-color:var(--secondary) !important;}
.bg-dark-gray  {background-color:var(--red) !important;}
.bg-light-gray {background-color:var(--light-gray) !important;}

.bg-primary-10    {background-color:rgba(29, 29, 27, .1) !important;}
.bg-primary-25    {background-color:rgba(29, 29, 27, .25) !important;}
.bg-primary-50    {background-color:rgba(29, 29, 27, .50) !important;}
.bg-primary-75    {background-color:rgba(29, 29, 27, .75) !important;}
.bg-primary-90    {background-color:rgba(29, 29, 27, .9) !important;}

.bg-secondary-10  {background-color:rgba(240, 137, 0, .1) !important;}
.bg-secondary-25  {background-color:rgba(240, 137, 0, .25) !important;}
.bg-secondary-50  {background-color:rgba(240, 137, 0, .50) !important;}
.bg-secondary-75  {background-color:rgba(240, 137, 0, .75) !important;}
.bg-secondary-90  {background-color:rgba(240, 137, 0, .9) !important;}

/*border color*/
.border-white      {border-color:var(--white) !important;} 
.border-black      {border-color:var(--black) !important;}
.border-primary    {border-color:var(--primary) !important;}
.border-secondary  {border-color:var(--secondary) !important;}
.border-dark-gray  {border-color:var(--red) !important;}
.border-light-gray {border-color:var(--light-gray) !important;}

/*fill*/
.fill-white      {fill:var(--white) !important;} 
.fill-black      {fill:var(--black) !important;}
.fill-primary    {fill:var(--primary) !important;}
.fill-secondary  {fill:var(--secondary) !important;}
.fill-dark-gray  {fill:var(--red) !important;}
.fill-light-gray {fill:var(--light-gray) !important;}

/*background cover*/
.bg-cover {background-position:center !important;background-repeat: no-repeat !important;background-size: cover !important;}

/*opacity*/
.opacity-100 {opacity:1 !important;}
.opacity-95  {opacity:.95 !important;}
.opacity-90  {opacity:.90 !important;}
.opacity-85  {opacity:.85 !important;}
.opacity-80  {opacity:.80 !important;}
.opacity-75  {opacity:.75 !important;}
.opacity-50  {opacity:.50 !important;}
.opacity-25  {opacity:.25 !important;}
.opacity-20  {opacity:.20 !important;}
.opacity-15  {opacity:.15 !important;}
.opacity-10  {opacity:.10 !important;}
.opacity-0   {opacity:0 !important;}

/*border*/
.border-0 {border:none !important;}
.rounded-0 {border-radius:0px !important;}
.rounded-4 {border-radius: .4rem !important;}
.rounded-5 {border-radius: .5rem !important;}

/*z-index*/
.z-index-1 {z-index:1 !important;}
.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:3 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}
.z-index-9 {z-index:9 !important;}
.z-index-99 {z-index:99 !important;}
.z-index-999 {z-index:999 !important;}
.z-index-9999 {z-index:9999 !important;}

/*width*/
.wd-0   {width:0px;}
.wd-05  {width:5px;}
.wd-10  {width:10px;}
.wd-20  {width:20px;}
.wd-25  {width:25px;}
.wd-30  {width:30px;}
.wd-40  {width:40px;}
.wd-50  {width:50px;}
.wd-60  {width:60px;}
.wd-70  {width:70px;}
.wd-80  {width:80px;}
.wd-90  {width:90px;}
.wd-100 {width:100px;}
.wd-125 {width:125px;}
.wd-150 {width:150px;}
.wd-200 {width:200px;}
.wd-250 {width:250px;}

/*perecentual width*/
.wd-50p {width:50%;}
.wd-60p {width:60%;}
.wd-70p {width:70%;}
.wd-75p {width:75%;}

/*height*/
.hg-0   {height:0px;}
.hg-05  {height:5px;}
.hg-10  {height:10px;}
.hg-20  {height:20px;}
.hg-25  {height:25px;}
.hg-30  {height:30px;}
.hg-40  {height:40px;}
.hg-50  {height:50px;}
.hg-60  {height:60px;}
.hg-70  {height:70px;}
.hg-80  {height:80px;}
.hg-90  {height:90px;}
.hg-100 {height:100px;}
.hg-125 {height:125px;}
.hg-150 {height:150px;}
.hg-200 {height:200px;}
.hg-250 {height:250px;}

.mn-height-10  {min-height:10vh;}
.mn-height-20  {min-height:20vh;}
.mn-height-30  {min-height:30vh;}
.mn-height-40  {min-height:40vh;}
.mn-height-50  {min-height:50vh;}
.mn-height-60  {min-height:60vh;}
.mn-height-70  {min-height:70vh;}
.mn-height-80  {min-height:80vh;}
.mn-height-90  {min-height:90vh;}
.mn-height-100 {min-height:100vh;}

/*margin*/
.m-05  {margin:.25rem !important;}
.mx-05 {margin-left:.25rem !important;margin-right:.25rem !important;}
.my-05 {margin-top:.25rem !important;margin-bottom:.25rem !important;}
.mt-05 {margin-top:.25rem !important;}
.mb-05 {margin-bottom:.25rem !important;}
.ms-05 {margin-left:.25rem !important;}
.me-05 {margin-right:.25rem !important;}

/*padding*/
.p-05  {padding:.25rem !important;}
.px-05 {padding-left:.25rem !important;padding-right:.25rem !important;}
.py-05 {padding-top:.25rem !important;padding-bottom:.25rem !important;}
.pt-05 {padding-top:.25rem !important;}
.pb-05 {padding-bottom:.25rem !important;}
.ps-05 {padding-left:.25rem !important;}
.pe-05 {padding-right:.25rem !important;}

/*link*/
a.link-underline {border-bottom: 1px solid currentColor;}

/*template*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.15rem !important;
}
@media (min-width: 681px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2rem !important;
    }
}

@media (min-width: 1281px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2.5rem !important;
    }
}

@media (min-width: 1681px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 3.5rem !important;
    }
}

/**/
@media (max-width: 768px) {
    .translate-middle {display:none;}
}

/*button*/
.btn-secondary {background:var(--secondary);border-color:var(--secondary);color:var(--white);}
.btn-outline-primary {border-color:var(--primary);color:var(--primary);}
.btn-outline-primary:hover {background:var(--primary);color:var(--white);border-color:var(--primary);}

.btn-outline-secondary {border-color:var(--secondary);color:var(--secondary);}
.btn-outline-secondary:hover {background:var(--secondary);color:var(--white);border-color:var(--secondary);}

/*header*/
#header-wrapper .header-row {height:120px;}
body.headroom--pinned.headroom--not-top #header-wrapper {background:rgba(29, 29, 27, .9) !important;}
body.headroom--pinned.headroom--not-top #header-wrapper.is-open, #header-wrapper.is-open {background:transparent !important;}

/*head logo*/
#head-logo svg {height:80px;}
#head-logo svg .fill-secondary {transition:var(--transition-3) !important;}
#head-logo svg .fill-white     {transition:var(--transition-3) !important;}
#head-logo.active svg .fill-secondary {fill:var(--white) !important;}
#head-logo.active svg .fill-white     {fill:var(--primary) !important;}
@media (max-width: 680px) {
    #head-logo svg {height:60px;}
}

/*foot logo*/
#foot-logo svg {height:60px;}
#foot-logo svg .fill-secondary {transition:var(--transition-3) !important;fill:var(--primary) !important;}
#foot-logo svg .fill-white     {transition:var(--transition-3) !important;fill:var(--primary) !important;}

/*lang header*/
#lang-wrapper {height:40px;}
#lang-wrapper ul {line-height:40px;}
#lang-wrapper a.active {text-decoration: underline !important;cursor: default !important;}
#lang-wrapper a.active::before {display:none;}

/*menu over menu*/
#menu-toggle {cursor:pointer;background:var(--secondary);height:40px;}
#menu-toggle .row {width:90px;}
#menu-toggle p {line-height:40px;transition:var(--transition-3);color:var(--white);margin-bottom:-4px !important;}
#menu-toggle .bar-wrapper {position:relative;width:20px;height:20px;}
#menu-toggle .bar-wrapper span {width:20px;height:2px;display:block;background:var(--white);position:absolute;transition:var(--transition-3);}
#menu-toggle .bar-wrapper span:nth-child(1) {left:0px;top:3px;}
#menu-toggle .bar-wrapper span:nth-child(2) {left:0px;top:10px;}
#menu-toggle .bar-wrapper span:nth-child(3) {left:0px;top:17px;}
#menu-toggle:hover .bar-wrapper span:nth-child(1) {top:5px;}
#menu-toggle:hover .bar-wrapper span:nth-child(3) {top:15px;}
#menu-toggle .bar-wrapper span:nth-child(4) {opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;}
#menu-toggle .bar-wrapper span:nth-child(5) {opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;}
#menu-toggle.active span:nth-child(1) {opacity:0;}
#menu-toggle.active span:nth-child(2) {opacity:0;}
#menu-toggle.active span:nth-child(3) {opacity:0;}
#menu-toggle.active span:nth-child(4) {opacity:1;width:16px;}
#menu-toggle.active span:nth-child(5) {opacity:1;width:16px;}
#menu-toggle .menu-label {opacity:1;}
#menu-toggle .close-label {opacity:0;}
#menu-toggle.active .menu-label {opacity:0;}
#menu-toggle.active .close-label {opacity:1;color:var(--secondary);}
#menu-toggle.active {background:var(--white);}
#menu-toggle.active .bar-wrapper span {background:var(--secondary);}
@media (max-width: 680px) {
    #menu-toggle p {display:none;}
    #menu-toggle .row {width:20px !important;}
}

/*main wrapper active*/
#main-wrapper {transition: var(--transition-5);}
#main-wrapper.is-open {padding-top:80vh;transform: scale(.95);}
@media (max-width: 1680px) {
    #main-wrapper.is-open {padding-top:65vh;}
}

/*menu overlay wrapper*/
#menu-overlay {
    z-index: 999;
    position: fixed;
    inset: 0;
    display: flex;
    align-items: start;
    justify-content: start;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top center;
    transition: opacity .6s ease, transform .6s ease, visibility .6s;
}
#menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

/*menu overlay*/
#menu-overlay-nav {
    transition: opacity .5s ease .3s;
    opacity: 0;
}
#menu-overlay-nav.active {opacity:1;}
.menu-overlay-nav {margin-top:160px !important;}
.menu-overlay-nav .nav-item {margin:0px;padding:0px 0px 0px 60px !important;}
.menu-overlay-nav .navbar-nav {gap:.25rem;}
.menu-overlay-nav .nav-link {
    padding:0px !important;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 200;
    text-decoration: none;
    color:var(--white);
    position:relative;
}
.menu-overlay-nav .nav-link::after {
    content: "";
    width:10px;
    height:10px;
    background:var(--white);
    position:absolute;
    left:-30px;
    top: 51%;
    transform:translateY(-50%);
    opacity:0;
    transition: opacity .3s ease;
}
.menu-overlay-nav .nav-link:hover::after{
    opacity:1;
}
.menu-overlay-nav .nav-link.active {color:var(--primary);}
.menu-overlay-nav .nav-link.active::after {background:var(--primary);opacity:1 !important;}
.menu-overlay-nav .nav-link.active::before {display:none;}

/*footer menu*/
.menu-footer {list-style:none !important;}
.menu-footer .nav-item {margin:.35rem 0px 0px 0px;padding:0px !important;}
.menu-footer .nav-link {
    font-size:1.15rem !important;
    padding:0px !important;
    font-weight: 300;
    text-decoration: none;
    color:var(--primary);
    position:relative;
}
.menu-footer .nav-link::after {
    content: "";
    width:6px;
    height:6px;
    background:var(--primary);
    position:absolute;
    left:-14px;
    top: 51%;
    transform:translateY(-50%);
    opacity:0;
    transition: opacity .3s ease;
}
.menu-footer .nav-link:hover::after{
    opacity:1;
}
.menu-footer .nav-link.underline::before {bottom:4px !important;}

/*section*/
.section-intro-cover .background[class*="-overlay"]::before {
    content: "";
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    width:100%;
    height:50%;
    background: linear-gradient(to top, transparent 0%, black 100%);
}
.section-intro-cover.section-intro-cover-home .background[class*="-overlay"]::after {opacity:.65 !important;}
.section-prefooter .background[class*="-overlay"]::after {display:none !important;}
.section-intro-title-page .card {position:relative;z-index:9;margin-top:-15%;}
@media (max-width: 680px) {
    .section-intro-cover .min-vh-100 {
        min-height: 60vh !important;
    }
    .section-video-cover .min-vh-100 {
        min-height: 60vh !important;
    }
}


/*card*/
.card.card-dati .display-1 {
    transform: translateY(-30%);
    font-size: 8rem !important;
    margin-left:10px;
}
@media (max-width: 1024px) {
.card.card-dati .display-1 {

    font-size: 4rem !important;

}
}





/*carousel*/
.tns-controls button {border-radius:0px !important;background-color:rgba(240, 137, 0, .75) !important;}
.tns-controls:hover button {background:var(--secondary) !important;}

/*accordion*/
#accordion-parcomacchine .accordion-button {color:var(--secondary);position:relative;padding-left:20px !important;margin:.4rem 0px !important;}
#accordion-parcomacchine .accordion-button.collapsed {color:rgba(29, 29, 27, .85);}
#accordion-parcomacchine .accordion-button.collapsed:hover {color:var(--primary);}
#accordion-parcomacchine .accordion-button::before {
    content:"";
    position:absolute;
    top:50%;
    left:0px;
    transform: translateY(-50%);
    width:8px;
    height:8px;
    background:var(--secondary);
    transition: var(--transition-3);
}
#accordion-parcomacchine .accordion-button.collapsed::before {background:rgba(29, 29, 27, .85);}
#accordion-parcomacchine .accordion-button.collapsed:hover::before {background:var(--primary);}

#accordion-parcomacchine .accordion-button::after {
    content: "\F128";
    color:var(--secondary);
}
#accordion-parcomacchine .accordion-button.collapsed::after {color:rgba(29, 29, 27, .85);}
#accordion-parcomacchine .accordion-button.collapsed:hover::after {color:var(--primary);}