@import url('https://fonts.cdnfonts.com/css/avenir');

@font-face {
    font-family: Garamond;
    src: url(./../EBGaramond-VariableFont_wght.ttf);
}


body {
    margin: 0 !important;
    background-color: #fff;
    font-family: Garamond, sans-serif;
}

#navTitles {
    font-size: 0.8rem;
}

#copertinaProgetto {
    max-width: 65%;
    min-width: 65%;
    padding: 6px !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
    border: solid #353535 1px;
    background-color: #fff;
}

#logoSection {
    width: 80% !important;
    max-width: 80% !important;
}

.aboutTextClass {
    margin-bottom: 3rem;
}

#iframeDaInserire {
    width: 100% !important;
    left: 50%;
    transform: translate(-50%, 0px);
}


#locandina {
    justify-content: center !important;
}

#logiFooter{
    margin-top: 1rem;
}

#heroSection {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #e8e8e8;
    max-height: 27vh;
}



@media (min-width: 40em) {
    
    #heroImage{
        width: 100%;    
    }

    #logiFooter{
        margin-top: 0;
    }

    /* #navbarIcon {
        padding-bottom: 0 !important;
    } */

    #footerText{
        justify-content: start!important;
    }

    #heroSection {
        height: 47vh !important;
        max-height: 47vh !important;
    }

    #aboutSection {
        max-width: 30rem !important;
    }

    #iframeDaInserire {
        width: 47% !important;
        left: 50%;
        transform: translate(-50%, 0px);
    }



    #copertinaProgetto {
        max-width: 65%;
        min-width: 65%;
        padding: 6px !important;
        margin-left: -7px !important;
        margin-right: -7px !important;
        border: solid #353535 1px;
        background-color: #fff;
    }

    #locandina {
        right: 3%;
        position: relative;
        justify-content: end !important;
    }

    #navTitles {
        font-size: 1rem;
    }

    #tramaFilm {
        margin-top: 3rem !important;
    }


    #footerText {
        margin-bottom: 0rem !important;
        text-align: left;
    }

    body>div.container.d-flex.align-items-center>div>div:nth-child(1) {
        margin-bottom: 0vh !important;
    }

    #trailer {
        margin-bottom: -10rem !important;
        margin-top: -2rem !important;
    }


    #header>header>ul {
        flex-wrap: wrap;
    }

    #header>header {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    /* #partecipazioni {
        padding-left: 4rem;
    }*/

        /* #locandina {
            padding-right: 0px;
            padding-left: 0px;
        } */

    .logoResizable {
        height: 14vh !important;
        padding-right: 0;
        padding-left: 0;
        max-width: 20%;
    }

}

.logoResizable {
    height: 9vh;
}



#footerText {
    margin-bottom: 1rem;
}


body>div.container.d-flex.align-items-center>div>div:nth-child(1) {
    margin-bottom: 5vh;
}

#tramaFilm {
    text-align: center;
    max-width: 30rem;
    margin-top: 10%;
}


#crediti {
    margin-top: 4rem !important;
}

/* #infoFooter{
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
}

#linksFooter{
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-wrap: unset;
    margin-top:8%;
} */

/* #logoFooter{
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
} */


#creditiDaInserire {
    padding-bottom: 4%;
}

#deleteCortometraggi_documentari,
#deleteCortometraggi_cortometraggi,
#deleteCortometraggi_distribuzioni {
    display: none;
}

.list-group-item {
    font-size: unset;
    font-weight: bold;
}

#titoloProgetto {
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.card-text {
    font-size: 0.9rem;
}

body>div.album.py-5 {
    padding-top: 0% !important;
}

#logoNavbar {
    max-width: 11rem;
    margin-bottom: -5rem;
    margin-top: -5rem;
}

#header>header>ul {
    flex-wrap: unset !important;
}

#header>header {
    padding-bottom: 0rem;
    padding-top: 1.5rem;
}



#Andrea {
    background-image: url("../src/fotoBrogas/Andrea.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#Francesco {
    background-image: url("../src/fotoBrogas/Francesco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#Gabriele {
    background-image: url("../src/fotoBrogas/Gabriele.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* .littleCarousel {
    width: 80%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
} */

#containerTrailer {
    text-align: center;
    max-width: 30rem;
    margin-top: 5%;
    /* margin-bottom: -5% */
}

#containerRiconoscimenti {
    width: 100%;
    background-color: #DDDDDD;
    margin-top: -5%;
}

#footerDiv {
    width: 100%;
}

.titleHome {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    display: inline-block
}

ul>li>a::after {
    display: none !important;
}

.immagineCatalogo {
    background-color: #353535;
    transition: transform .2s;
    /* Animation */
}

.immagineCatalogo:hover {
    transform: scale(1.05);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 0 0 11px rgba(4, 4, 4, 0.83);
}

.carousel-item {
    height: 100%;
    max-width: 100%;
}

.navbarTitles:hover {
    color: grey !important;
}

.navbarTitles {
    color: #353535 !important;
}

.carousel1 {
    display: none;
}

.carousel2 {
    display: block;
}

@media (min-width: 768px) {
    .carousel1 {
        display: block;
    }

    .carousel2 {
        display: none;
    }
}

@media (max-width: 768px) {
    #tramaFilm {
        margin-top: 9% !important;
        padding-right: 7%;
        padding-left: 7%;
    }

    #navbarDiv {
        margin: 0 !important;
    }

    #navbarsExample03{
        padding-top: 2rem !important;
    }

    #cardCatalogo{
        border: solid !important;
        border-color: rgba(53, 53, 53, 0.5) !important
    }

    #crediti {
        padding-top: 8%;
        padding-bottom: 7%;
        padding-right: 7%;
        padding-left: 7%;
    }

    #trailerSection {
        padding-right: 5%;
        padding-left: 9%;
        padding-top: 4%;
        padding-bottom: 11%;
    }

    #copertina {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    #partecipazioni {
        padding-left: 9%;
        padding-right: 9%;
        text-align: start !important;
    }

    #aboutSection{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

}