/* ------------------------------------------------------------ COMUNE ------------------------------------------------------------ */

@media screen and (max-width:650px) {

    #cookie_notice {
        padding:10px;
    }

    #cookie_notice .cookie_notice_container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    #cookie_notice .cookie_notice_container button {
        padding: 5px 30px;
    }

}

@media screen and (max-width:991px) {
    
    .section-contact {
        gap:20px;
    }
    
    .section-contact .contact-content,
    .section-contact .contact-form {
        max-width:100%;
        flex:auto;
    }
    
}

/* ------------------------------------------------------------ DIVERSE ------------------------------------------------------------ */

@media screen and (max-width:991px) {
    
    .margin-as-header {
        margin-top:70px;
    }
    
    .padding-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
}

/* ------------------------------------------------------------ HEADER ------------------------------------------------------------ */

@media screen and (max-width:991px) {
    
    header {
        height:70px;
    }
    
    .navbar-brand {
        order:1;
        padding:0;
        margin:0;
    }
    
    header .logo {
        max-height:40px;
    }
    
    .navbar-toggler {
        order:3;
        padding:0;
        left:0;
        top:0;
        outline:none!important;
        box-shadow:none!important;
    }
    
    .navbar-collapse {
        position: absolute;
        top: 100%;
        max-width: 720px;
        margin: auto;
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
        background-color: var(--white);
    }
    
    .navbar-nav {
        gap:10px;
    }
    
    header .extra-icons {
        order: 2;
        padding: 0 10px 0 0;
        margin: 0 10px 0 auto;
        gap: 10px;
        border-left: 0;
        border-right: 1px solid var(--black);
    }
    
}

/* ------------------------------------------------------------ HEADER ------------------------------------------------------------ */

@media screen and (max-width: 575px) {
    
    .footer-content {
        gap:30px;
    }
    
    footer .legal-column {
        flex-direction:row;
    }
    
    footer .legal-column .sal-sol {
        max-width:45%;
    }
    
}

@media screen and (min-width:576px) and (max-width:768px) {
    
    footer > .container {
        max-width:100%;
    }
    
    .footer-content .menu-column,
    .footer-content .legal-column,
    .footer-content .contact-column {
        max-width:25%;
        flex:auto;
    }
    
    .footer-content .logo-content {
        margin-bottom:50px;
    }
    
    footer .logo-content .module-image {
        margin:0;
        display:flex;
    }
    
    footer .logo-content .module-image img {
        max-width: 200px;
        margin: auto;
    }
    
}

@media screen and (min-width:769px) and (max-width:991px) {
    
    footer > .container {
        max-width:100%;
    }
    
    .footer-content {
        flex-direction:row;
    }
    
    .footer-content .logo-content,
    .footer-content .col-lg-2.menu-column,
    .footer-content .legal-column {
        max-width: 16.666667%;
        flex:auto;
    }
    
    .footer-content .col-lg-3.menu-column,
    .footer-content .contact-column {
        max-width:25%;
        flex:auto;
    }
    
}

/* ------------------------------------------------------------ ACASA ------------------------------------------------------------ */

@media screen and (max-width:768px) {
    
    .section-hero {
        aspect-ratio:unset;
    }
    
    .section-hero .hero-content {
        gap: 40px;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        min-height:60vh;
    }
    
    .section-who-we-are .text-content {
        gap:10px;
    }
    
    .section-portofoliu-homepage .portofoliu-content-wrapper .slick-list {
            padding: 0 10vw 0 0 !important;
    }

    .section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js:not(.vjs-has-started) .vjs-big-play-button {
        height: 40px;
        width: 40px;
    }

    .section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js:not(.vjs-has-started) .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size:18px;
    }

    .section-portofoliu-homepage .portofoliu-content-wrapper .button-slider {
        right:-0.5vw;
    }
    
    .section-portofoliu-homepage .portofoliu-content-wrapper .button-slider svg {
        height:40px;
    }
    
    .section-testimoniale-content {
        gap:30px;
    }
    
    .testimonial-content {
        flex-direction: column;
        height: auto;
    }
    
    .testimonial-content.reverse-testimonial {
        flex-direction:column-reverse;
    }
    
    .testimonial-content .testimonial-image {
        width: 100%;
        height: auto;
        aspect-ratio: 2.35/1;
    }
    
    .testimonial-content .testimonial-text {
        width:100%;
        padding:20px;
    }
    
}

@media screen and (min-width:769px) and (max-width:991px) {
    
    .section-portofoliu-homepage .portofoliu-content-wrapper .slick-list {
        padding:0 15vw 0 0!important;
    }
    
    .section-portofoliu-homepage .portofoliu-content-wrapper .button-slider {
        right:2vw;
    }
    
    .testimonial-content .testimonial-text {
        padding:50px;
    }
    
}

/* ------------------------------------------------------------ PORTOFOLIU ------------------------------------------------------------ */

@media screen and (max-width:991px) {
    
    .section-portofoliu-wrapper {
        padding:0;
    }
    
    .proiecte-portofoliu {
        padding:0;
    }
    
    .section-portofoliu-wrapper .proiect,
    .section-portofoliu-wrapper .proiect.reverse {
        flex-direction:column;
        padding:50px 0;
        gap:20px;
    }
    
    .section-portofoliu-wrapper .proiect:last-of-type {
        padding-bottom:0;
    }
    
    .section-portofoliu-wrapper .proiect .fickle-image {
        width: 100%;
    }
    
    .section-portofoliu-wrapper .proiect .fickle-content {
        width:100%;
        padding:0;
        gap: 0;
    }

    .section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .modal-body {
        padding:10px;
    }
    
}

/* ------------------------------------------------------------ COLABORATORI ------------------------------------------------------------ */

@media screen and (max-width:991px) {
    
    .section-colaboratori .colaborator,
    .section-colaboratori .colaborator.reverse {
        flex-direction:column;
        padding:50px 0;
    }

    .section-colaboratori .colaborator .fickle-image,
    .section-colaboratori .colaborator .fickle-content {
        max-width:100%;
        width:100%;
    }
    
    .section-colaboratori .colaborator .fickle-content {
        padding:20px 0 0;
    }

    .section-colaboratori .colaborator .fickle-content .fickle-title h2 {
        -webkit-text-stroke: calc(0.05vh + 0.05vw) var(--black);
    }
    
    .section-colaboratori .colaborator .fickle-image img {
        min-height:auto;
    }
    
}

/* ------------------------------------------------------------ ACASA ------------------------------------------------------------ */

@media screen and (max-width:991px) {

    .section-oferte .oferta-content {
        flex-direction: column;
    }

    .section-oferte .oferta-content .module-image {
        width:100%;
    }

    .section-oferte .oferta-content .module-text {
        width:100%;
        padding:20px 0 0;
    }

    .card-oferta-wrapper {
        padding:0;
        background-color:transparent;
        margin: 50px 0;
        gap: 50px;
    }

    .card-oferta-wrapper .card-oferta-content {
        padding:20px;
        background-color: var(--light-gray);
    }

}