/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

/* Navbar */
.navbar-nav{
    flex-direction: row;
    gap: 2rem;
    padding: 0;
    /* versione centrata */
    /*margin: 0 auto;*/
    /* versione a sx verso logo */
    margin: 0 auto 0 0;
    padding-left: 2rem;
}

/* Navbar > Left Elements */
.navbarMenuLeft{
    width: auto;
}
/* Navbar > Center Elements */
.navbar-collapse{ 
    margin-bottom: 0;
}
/* Navbar > Right Elements */
.navbarMenuRight{ 
    flex-direction: row;
    margin-bottom: 0;
    gap: 1.5rem;
}
.navbarMenuRight .btn{
    min-width: auto;
}

/* Navbar >  Brand */
.navbar-brand {
    height: 90px;
    z-index: 1050;
}
/* Navbar >  Collapse */
.navbar-collapse{
    font-size: 1.1rem;
    position: relative;
    flex-direction: row !important;
    height: 100px;
    overflow: visible;
    opacity: 1;
    margin-bottom: 0;
    background: transparent;
}
.navbar.onscroll .navbar-collapse{
    height: 68px;
}
/* Navbar > Icona cerca */
.button-cerca{
    display: flex;
    width: auto;
    justify-content: center;
    align-items: center;
    padding: 0;
}
/* Navbar > Link */
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0;
}
.navbar-nav .nav-link{
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    padding: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.navbar.onscroll .navbar-nav .nav-link{
    height: 68px;
}
/* Navbar > Dropdown */
.dropdown-menu{
    text-align: left;
    border-radius: var(--roundcorner);
}
.dropdown.show{
    /*background: var(--color3);*/
}
.navbar .collapse ul ul, .navbar .collapse ul ul.dropdown-menu{
    background: var(--color6);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2) !important;
}
.navbar .collapse ul ul ul, .navbar .collapse ul ul ul.dropdown-menu{
    background: var(--color6);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2) !important;
}
.dropdown-menu:before {
    margin: 0 auto 0 auto;
    width: auto;
    height: 1.6rem;
    background: transparent;
    border-top-left-radius: var(--roundcorner);
    border-top-right-radius: var(--roundcorner);
    -webkit-box-shadow: inset 0px 4px 0px 0px var(--color2);
    box-shadow: inset 0px 4px 0px 0px var(--color2);
}
.dropdown-menu:after {
    margin: 0 auto 0 auto;
    width: auto;
    height: 1.6rem;
    background: transparent;
}
.navbar-nav .nav-link {
    border-top: 0;
}
.dropdown-item{
    padding: 0;
    margin: 0;
}
.dropdown-item a {
    display: block;
    padding: 0.6rem 2rem;
    line-height: 1.2em;
    min-width: 250px;
    white-space: normal;
}
 /* On hover bandierine menù */
/*.dropdown-item:hover, .dropdown-item:focus, 
.dropdown-item:active, .dropdown-item.active {
    background: var(--color7);
}*/
.dropdown-item a:hover, .dropdown-item a:focus, 
.dropdown-item a:active, .dropdown-item.active a {
    color: var(--color1);
}


/* Header */

/* Home Header grid */
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 2rem;
    /*grid-auto-flow: row;*/
    grid-template-areas:
        "slider slider slider slider slider slider"
        "slider slider slider slider slider slider"
        "header-card1 header-card1 header-card2 header-card2 header-card3 header-card3";
    width: 100%;
    height: 120svh;
}  
.header-card1{
    margin-top: 0;
}
.slider{
    flex-direction: row;
}
.header-btn{
    bottom: 35svh;
    left: 0;
    width: 250px;
    margin-left: 15px;
}

/* Home Header parallax images */
.parallax__container {
    height: 100%;
}
.parallax__layer1{
    width: 310px;
    margin: 0;
}
.parallax__layer2{
    width: 168px;
    margin: -207px 0 0 -204px;
}
.parallax__layer3{
    width: 82px;
    margin: 187px -288px 0 0;
}
.parallax__layer4{
    width: 114px;
    margin: -286px 0 0 166px;
}
.parallax__layer5{
    width: 169px;
    margin: 177px 0 0 -289px;
}

/* Home Header text rotator */
.rotator__container {
    height: 100%;
}
.rotator__title{
    font-size: 2.75rem;
}
/* Home slide subgrid */
/*.slider .slick-list,
.slider .slick-track,
.slide-image-container{
    width: auto;
    height: 100%;
}
.slide-contents{
    height: 100%;
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 2rem;
    grid-auto-flow: row;
    grid-template-areas: "subgrid-title subgrid-image subgrid-image";
}*/
/* Header > Slider > Title */
/*.slider .slide .slide-title h2{
    font-size: 2.5rem;
}*/
/* Header > Slider > Dots */
/*.slider .dots{
    display: flex;
    width: 33%;
    width: calc(33% - 1rem);
    justify-content: flex-end;
    flex-direction: row;
    gap: 1.5rem;
    position: absolute;
    bottom: 1.5rem;
}*/
/* Header > Links */
.header-links-container{
    display: flex;
    justify-content: flex-end;
}
.header-links{
    position: absolute;
    z-index: 1;
    background: var(--color1);
    top: 100px;
    text-align: center;
    width: auto;
    padding: 0rem 1rem;
    border-top-right-radius: var(--roundcorner);
    border-bottom-left-radius: var(--roundcorner);
}
.header-links a:hover,
.header-links a:focus{
    background: var(--color2);
}
.header-links a .icon {
    fill: var(--color6);
}
.header-links a:hover .icon,
.header-links a:focus .icon{
    fill: var(--color6);
}
/*
.header-contacts{
    width: auto;
    display: flex;
    gap: .5rem;
    align-content: center;
    justify-content: center;
    margin: 0;
}*/

/* Header > Slider */
/*.slider .slide .slide-title {
    padding: 10vmin 7.5vmin;
    font-size: 3rem;
    width: 60vw;
    bottom: 60px;
}*/

/* Header: header elenco (es lista news) */
.header.header-elenco h1{
    font-size: 3.5rem;
}
/* Header: post singolo (pagina, articolo...) */
.header.single-post h1{
    font-size: 3.5rem;
}
.header.single-post .place {
    display: inline-block;
    margin-left: 3rem;
}
/* Header > 404 */
.error-404{
    font-size: 22.5rem;
}

/* Main */
/* Main > Galleria foto generica > Limite dimensioni slide su desktop se la pagina non ha colonne a sx */
.col-unica .photos img {
    aspect-ratio: 21 / 9;
}
/* Play dei thumb dei video */
.col-unica .video-thumb{
    aspect-ratio: 21 / 9;
}

/* Sections */
/* Sections > Full Img (Generica immagine big con testo sopra) */
.fullimg__img{
    aspect-ratio: 16 / 7;
}
.fullimg__gradient{
    background: linear-gradient(to right, rgba(var(--color8rgb), 1) 0%, rgba(var(--color8rgb), 0) 70%);
}

/* Asides */

/* Footer */

/* Modals */
/* Modals > Cerca modal */
.cerca-input{
    font-size: 5rem;
}
.modal-cerca .modal-body {
    padding: 2em 5em;
}
.cerca-submit {
    width: 5rem;
    height: 7rem;
}


}