@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header_01.css";
@import "../components/Headers/header-img.css";

@import "../Moduli/Fasce/versatilità.css";

.giudici-stripe .stripe-img {
    height: 46.354vw; /*890*/
}
.giudici-stripe .stripe-description {
    margin: 2.604vw; /*50*/
    width: 44.792vw; /*860*/
    min-width: 645px;
}
.giudici-stripe .stripe-description-inner {
    background-color: rgb(221 141 61 / 75%);
    padding: 1.302vw 2.604vw; /*25 50*/
}
.giudici-stripe .allura {
    margin-bottom: -1.198vw; /*23*/
}

.giudici-stripe .giudice-info {
    position: relative;
    z-index: 2;
}
.giudici-stripe .ricetta-info {
    position: relative;
    z-index: 1;
    margin-top: -3.646vw; /*70*/
}
.giudici-stripe .h4-font * {
    font-family: var(--rg-font);
    line-height: 1;
}

/* POPUP
------------------------------------------------------------------------------*/
    .recipe-popup .popup-content {
        height: 100%;
        padding: 9.375vw 5.729vw 7.292vw 5.729vw; /*180 100 140 110*/
    }
    .recipe-popup .popup-container-inner {
        max-width: unset;
        width: calc(100% - 6.25vw);
        background-color: var(--color_1-);
    }
    .recipe-popup .popup-recipe-img {
        height: 40.104vw; /*770*/
    }

    .recipe-popup .popup-giudice-info {
        margin-top: -5.729vw; /*110*/
        margin-left: -1.823vw; /*35*/
    }
    .recipe-popup .popup-giudice-info .small-prev-img {
        position: relative;
        z-index: 2;
    }
    .recipe-popup .popup-giudice-info .small-prev-img img {
        width: 22.917vw; /*440*/
        height: 22.917vw; /*440*/
        border-radius: 100%;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description {
        width: 51.042vw; /*980*/
        margin-left: -12.24vw; /*235*/
        position: relative;
        z-index: 1;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description.long-title {
        width: 52.604vw; /*1010*/
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description-inner {
    	padding: 1.563vw 5.208vw 1.563vw 14.844vw; /*30 100 30 285*/
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description h2 {
        line-height: 1;
        margin-bottom: -1.302vw; /*25*/
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description p {
        line-height: 1.1;
    }
    .recipe-popup .ingredients  * {
        line-height: 1.3;
    }

    .recipe-popup .popup-ricetta-procedimento {
        max-width: 57.292vw; /*1100*/
        margin: 0 auto;
        padding: 4.167vw; /*80*/
        border-radius: 4.167vw; /*80*/
    }

    .recipe-popup .procedimento p {
        line-height: 1.1;
    }
    .recipe-popup .popup-ricetta-procedimento > *:last-child {
        padding-bottom: 0;
    }

/*----------------------------------------------------------------------------
------------------------------- media query ----------------------------------
-----------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

}


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

}


@media screen and (max-width: 1440px) {
    .giudici-stripe .stripe-description-inner {
        padding: 37px 19px;
    }
    .giudici-stripe .stripe-description {
        margin: 38px; /*50*/
    }
    .giudici-stripe .allura {
        margin-bottom: -17px; /*23*/
    }

    .giudici-stripe .ricetta-info {
        margin-top: -52px; /*70*/
    }

    /* POPUP
    ------------------------------------------------------------------------------*/
        .recipe-popup .popup-content {
            height: 100%;
            /*padding: 135px 82px 105px 82px;*/
        }
        .recipe-popup .popup-recipe-img {
            /*height: 577px;*/
        }
        .recipe-popup .popup-giudice-info {
            /*margin-top: -82px;*/
            /*margin-left: -26px;*/
        }
        .recipe-popup .popup-giudice-info .small-prev-img img {
            /*width: 330px;*/
            /*height: 330px;*/
        }
        .recipe-popup .popup-giudice-info .popup-giudice-description {
            /*width: 735px;*/
            /*margin-left: -176px;*/
        }
        .recipe-popup .popup-giudice-info .popup-giudice-description-inner {
            /*padding: 23px 75px 23px 214px;*/
        }
        .recipe-popup .popup-giudice-info .popup-giudice-description h2 {
            /*margin-bottom: -17px;*/
        }
        .recipe-popup .popup-ricetta-procedimento {
            /*max-width: 825px;*/
            /*padding: 60px;*/
        }
        .recipe-popup .popup-giudice-info .popup-giudice-description.long-title {
            /*width: 757px;*/
        }

}


@media screen and (max-width: 1280px) {
    .giudici-stripe .stripe-img {
        height: 44.354vw;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description h2 {
        margin-bottom: -8px
    }
    .giudici-stripe .allura {
        margin-bottom: -8px;
    }
    .giudici-stripe .stripe-description {
        min-width: 530px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description.long-title {
        width: 55.604vw;
    }
    .giudici-stripe .stripe-description-inner {
        padding: 27px 19px;
    }
}


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

    .giudici-stripe .stripe-img {
        height: 50.354vw;
    }
    .giudici-stripe .stripe-description {
        min-width: 625px;
    }
    .giudici-stripe .stripe-description {
        margin: 25px;
    }

    .recipe-popup .popup-giudice-info .small-prev-img img {
        width: 240px;
        height: 240px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description-inner {
        padding: 20px 25px 20px 140px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description {
        width: 620px;
        margin-left: -120px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description.long-title {
        width: 570px;
    }
    .recipe-popup .popup-ricetta-procedimento {
        max-width: 650px;
    }
    .recipe-popup .popup-ricetta-procedimento {
        max-width: 650px;
    }
}


@media screen and (max-width: 992px) {
    .giudici-stripe .stripe-description-inner {
        padding: 18px;
    }

    .recipe-popup .popup-giudice-info {
        margin-left: -32px;
        margin-top: -40px;
    }
    .popup-giudice-description p {
        font-size: 14px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description {
        width: 500px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description.long-title {
        width: 515px;
    }
}


@media screen and (max-width: 767px) {
    .description-text p {
        font-size: 14px;
    }

    .giudici-stripe .ricetta-info {
        padding-left: 1em;
        padding-right: 1em;
    }

    .giudici-stripe .stripe-description {
        margin: 5px;
        min-width: unset;
        width: auto;
    }
    .giudici-stripe .stripe-img {
        height: 138.889vw;
        max-height: 663px;
    }
    .giudici-stripe .stripe-img img {
        object-position: center 16%;
    }
    .giudici-stripe .allura {
        margin-bottom: -4px;
    }


    .recipe-popup .popup-container-inner {
        width: 100%;
        max-height: unset;
        height: 100vh;
        height: 100dvh;
    }
    .recipe-popup .popup-recipe-img {
        margin-top: 15px;
        height: 133.5vw;
        max-height: 680px;
    }
    .recipe-popup .popup-recipe-img img {
        object-position: bottom center;
    }
    .recipe-popup .popup-content {
        padding: 40px 1em 40px 1em;
        height: auto;
    }

    .recipe-popup .popup-giudice-info {
        height: auto;
        align-items: flex-start;
        margin-left: -10px;
        margin-top: -70px;
    }
    .recipe-popup .popup-giudice-info .small-prev-img img {
        width: 130px;
        height: 130px;
        margin-top: -62px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description {
        margin-top: 35px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description.long-title,
    .recipe-popup .popup-giudice-info .popup-giudice-description {
        width: auto;
        max-width: 515px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description-inner {
        padding: 40px 20px 20px 20px;
    }
    .recipe-popup .popup-giudice-info .popup-giudice-description h2 {
        font-size: 36px;
        margin-bottom: -4px;
    }
    .popup-giudice-description .description-text {
        padding-top: 15px;
    }
    .recipe-popup .popup-ricetta-procedimento {
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .recipe-description p br {
        display: none;
    }
}