@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none;
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1.5rem;
}

h1.logo, h2.logo {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0rem;
}

h3.discover-more {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2rem;
}

b,
strong {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.small,
small {
    font-size: 0.765em;
}

.my-6 {
    margin-top: 3.5rem!important;
    margin-bottom: 3.5rem!important;
}

.my-7 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important;
}

.my-8 {
    margin-top: 4.5rem!important;
    margin-bottom: 4.5rem!important;
}

.my-9 {
    margin-top: 5rem!important;
    margin-bottom: 5rem!important;
}

.my-10 {
    margin-top: 5.5rem!important;
    margin-bottom: 5.5rem!important;
}

.my-11 {
    margin-top: 6rem!important;
    margin-bottom: 6rem!important;
}

.my-12 {
    margin-top: 6.5rem!important;
    margin-bottom: 6.5rem!important;
}

.mt-6 {
    margin-top: 3.5rem!important;
}

.mt-7 {
    margin-top: 4rem!important;
}

.mt-8 {
    margin-top: 4.5rem!important;
}

.mt-9 {
    margin-top: 5rem!important;
}

.mt-10 {
    margin-top: 5.5rem!important;
}

.mt-11 {
    margin-top: 6rem!important;
}

.mt-12 {
    margin-top: 6.5rem!important;
}

.mb-6 {
    margin-bottom: 3.5rem!important;
}

.mb-7 {
    margin-bottom: 4rem!important;
}

.mb-8 {
    margin-bottom: 4.5rem!important;
}

.mb-9 {
    margin-bottom: 5rem!important;
}

.mt-n0 {
  margin-top: 0rem !important;
}

.mt-n1 {
  margin-top: -1rem !important;
}

.mt-n2 {
  margin-top: -2rem !important;
}

.pt-6, .py-6 {
  padding-top: 3.5rem !important;
}

.pt-7, .py-7 {
  padding-top: 4rem !important;
}

.pt-8, .py-8 {
  padding-top: 4.5rem !important;
}

.pt-9, .py-9 {
  padding-top: 5rem !important;
}

.pb-6 {
  padding-bottom: 3.5rem !important;
}

.pb-7 {
  padding-bottom: 4rem !important;
}

.pb-8 {
  padding-bottom: 4.5rem !important;
}

.pb-9 {
  padding-bottom: 5rem !important;
}

/* Testo */
h1 {
    margin-bottom: 2rem;
    font-size: 2.8rem;
}

h2 {
    font-size: 2.2rem;
}

.fs-3rem {
    font-size: 3rem;
}

.big-hero-1 {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 6rem;
    line-height: 5rem;
}

.big-hero-2 {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 3.6rem;
    margin-bottom: 3.6rem;
}

.big-hero-2-mezzo {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 3.6rem;
}

.big-hero-3 {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 2rem;
}

.fs-negative-95 {
    font-size: 0.95rem;
}

.fs-negative-90 {
    font-size: 0.9rem;
}

.fs-negative-85 {
    font-size: 0.85rem;
}

.small-text {
    font-size: 0.9rem;
    line-height: 1.15rem;
}

/* Background */
.bg-grigio {
    background-color: #f8f9fa
}

.bg-nero {
    background-color: #000
}

.bg-bianco {
    background-color: #fff
}

.bg-giallo {
    background-color: #fdc400
}

/* Navbar */
.trans-header {
    transition: all 0.2s ease 0s;    
}

.collapsing {
    transition: height 0.25s ease;
}

.navbar-gialla {
    background-color: #fdc400
}

.navbar-bianca {
    background-color: #fff
}

.brand-pay-off {
   font-size: 1.2rem;
   margin-bottom: 0;
   padding-bottom: 0;
}

.nav-item a, .nav-link a {
    color: #000000;
}

.nav-item a:hover, .nav-link a:hover,
.nav-item a:focus, .nav-link a:focus {
    color: #000000;
    text-decoration: underline;
}

.navbar-toggler:focus {
    outline: 0;
} 

.navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0);
}

.navbar-toggler-icon {   
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Main */
main {
   font-size: 1.2rem;
   line-height: 2rem;
}

main .lead {
    font-size: 1.6rem;
}

main h2 {
    margin-top: 3.5rem;
}

main h3 {
    margin-top: 2.5rem;
}

main h4 {
    margin-top: 1.5rem;
}

main .breadcrumb {
    font-size: 1rem;
}

main .btn, .big-idea .btn {
    font-size: 1.2rem;
}

/* Footer */
footer.bg-black {
    background-color: #000000;
    color: #ffffff;
}

footer a, footer a.nav-link {
    color: #ffffff;
    text-decoration: underline;
}

footer a:hover, footer a.nav-link:hover {
    color: #ffffff;
    text-decoration: none;
}

/* Link */
main a, .pre-footer a {
    color: #000;
    text-decoration: underline;
}

main a:hover, .pre-footer a:hover {
    color: #000;
    text-decoration: none;
}

/* Bottoni */
a.btn-black {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}

a.btn-black:hover, a.btn-black:hover,
a.btn-black:focus, a.btn-black:focus, 
a.btn-black:active {
    background-color: #000000;
    opacity: 0.9;
    color: #ffffff;
    text-decoration: none;
}

a.btn-outline-black {
    border-color: #000;
    text-decoration: none;
}

.btn-outline-black:hover, a.btn-outline-black:hover,
.btn-outline-black:focus, a.btn-outline-black:focus, 
.btn-outline-black:active, a.btn-outline-black:active {
    background-color: #000;
    opacity: 0.9;
    color: #ffffff;
    text-decoration: none;
}

.btn-yellow {
    background-color: #fdc400;
    color: #000;
    text-decoration: none;
    border: 1px solid;
    border-color: #000;
}

.btn-yellow:hover, a.btn-yellow:hover,
.btn-yellow:focus, a.btn-yellow:focus, 
.btn-yellow:active, a.btn-yellow:active {
    background-color: #fdc400;
    opacity: 0.9;
    color: #000;
    text-decoration: none;
    border: 1px solid;
    border-color: #000;
}

:root {
    --bs-yellow-0-10x: #fdc400;
}

.border-black {
    border: 1px solid;
    border-color: #000;
}

/* Big idea */
.big-idea {
    height: 40vh;
    min-height: 500px;
    /* background-image: url('/images/oobrain_rete-neurale.jpg');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

/* Codex bg */
.bg-innovation-codex {
    /*
    height: 90vh;
    min-height: 500px;
    */
    background-image: url('https://assets.0-10x.com/codex/0-10x_Innovation-Codex_background.png');
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    position:relative;
    overflow:hidden;
}

  
/* Varie */


a.no-link, a.no-link:hover, a.no-link:hover,
a.no-link:focus, a.no-link:focus, 
a.no-link:active {
    text-decoration: none;
}

main ul li, main ol li {
    margin: .75em 0em;
}

.opacity-09 {
    opacity: 0.9;
}

.smt-6 {
    scroll-margin-top: 6em;
}

.smt-7 {
    scroll-margin-top: 7em;
}

.alert-reserved {
    --bs-alert-color: #000;
    --bs-alert-bg: #fdc400;
    --bs-alert-border-color: #000;
}
.alert-reserved .alert-link {
    color: #fdc400;
}

.alert-grigio {
    --bs-alert-color: #000000;
    --bs-alert-bg: #f8f9fa;
    --bs-alert-border-color: var(--bs-border-color-translucent);
}
.alert-grigio .alert-link {
    color: #000000;
}

.breadcrumb {
    font-family: var(--bs-font-monospace) !important;
}

ol.breadcrumb li {
    margin: 0em;
}

.carousel-inner{
  height: auto;
}
.carousel-caption{
  color: #fff;
  top: 0;
  position:relative;
}

/* Media */
@media(max-width:767px) {
    
    .big-idea {
        height: 70vh;
        min-height: 300px;
    }
    
    .big-hero-1 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .big-hero-2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .big-hero-3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .invisible-smartphone {
        display: none;
    }
    
}    
    
@media(min-width:768px) {
    .big-hero-1 {
        font-size: 6rem;
        line-height: 6rem;
    }

    .big-hero-2 {
        font-size: 3.6rem;
        line-height: 3.6rem;
    }

    .big-hero-3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media(min-width:992px) {
    
}

@media(min-width:1200px) {
    
}