/* Estratto da templates/necrologi/social/social_v2.html.
   Stava inline nel partial, quindi veniva emesso una volta per manifesto
   e per variante desktop/mobile: su una lista con 2 manifesti erano 4 copie
   dello stesso CSS, mai messo in cache. */

        .container_social_v2_image {
            display: none;
        }

        .container-img-manifesto-logo-agenzia {
            position: relative;
        }
        .agency-logo-list {
            position: absolute;
            left: 50%;
            bottom: -8%;
            transform: translate(-50%);
            display: flex;
            align-items: flex-start;
            justify-content: center;
            color: black;
        }

        .info-agency-list-v2 > a {
            color: inherit;
        }

        .agency-list-logo-v2 {
            width: 5vw;
            height: 5vw;
            border-radius: 20px;
            /* border: 2px solid #5D068D; */
            display: block;
            margin: 0 auto;
        }

        .nothing-agency-img-v2 {
            width: 100%;
            height: 100%;
        }

        .agency-logo-list-v2 {
            width: 5vw;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #5D068D;
            border-radius: 20px;
        }
        .info-agency-list-v2 {
            display: flex;
            flex-direction: column;
            margin-top: 3vw;
            padding: 0 20px 20px 20px;
        }
        .info-agency-list-v2 > a {
            color: inherit;
        }
        .service-list-v2 {
            font-family: 'Avenir Next';
            font-style: normal;
            font-weight: 400;
        }
        .name-agency-list-v2 {
            font-family: 'Avenir Next';
            font-style: normal;
            font-weight: 700;
            font-size: 2vw;
        }

        .typology_manifesto {
            font-size: 2.4vw;
            color: white;
            text-align: center;
            font-weight: 700;
            padding-bottom: 20px;
        }

        .column {
            padding: 0.3rem !important;
        }

        /* Image Manifesto */

        .container_social_v2_manifesto {
            width: 100%;
            background: white;
            border-radius: 30px;
            padding-bottom: 5%;
            margin-bottom: 40px;
            box-shadow: 4px 4px 3px 0px #00000040 inset;
        }

        .container_social_v2_image_home {
            position: relative;
            display: inline-block;
            width: 100%;
            padding-top: 2%;
            text-align: center;
        }

        .social_v2_image {
            width: 98%;
            object-fit: contain;
        }

        /* /Image Manifesto */

        .typology_manifesto-list-v2 {
            width: 100%;
            display: flex;
            flex-direction: column;
            text-align: center;
            padding: 20px 5% 20px 5%;
            color: black;
            text-decoration: none;
        }

        .typology_manifesto-list-v2 span:first-child {
            font-weight: 400;
            font-size: 2vw;
        }

        .typology_manifesto-list-v2 span:last-child {
            font-weight: 700;
            font-size: 2vw;
        }

        .social_manifesto_v2 {
            width: 90%;
            margin: auto;
        }

        .social_v2_area_social {
            width: 100%;
            height: 2.5vw;
            border-radius: 30px;
            background-color: white;
            margin-top: 5%;
            font-weight: 600;
        }

        .social_v2_container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: inherit;
            margin: auto;
        }

        .social_v2_reaction {
            position: relative;
            display: flex;
            align-items: center;
            padding-left: 20px;
            font-size: 0.7vw;
        }

        .social_v2_list-of-reactions {
            display: flex;
            align-items: center;
            padding-left: 5px;
        }

        .social_v2_sum-reactions-emoticons {
            height: 1.7vw;
            margin-left: -10px;
        }

        .social_v2_icon-reaction {
            height: 100%;
            display: inline-block;
        }

        .social_v2_comments_share {
            display: flex;
            font-size: 1vw;
        }

        .social_v2_number_of_comments {
            padding-right: 20px;
            color: black;
        }

        .social_v2_number_of_share {
            padding-right: 20px;
            color: black;
        }

        .number-of-reactions {
            margin-left: 10px;
            font-size: 14px;
        }

        .container-emoji-more {
            display: flex;
            align-items: center;
        }

        .group-reactions {
            display: flex;
            margin-top: 2%;
        }

        .commenta_social_v2, .condividi_social_v2, .mi_dispiace_social_v2 {
            display: flex;
            align-items: center;
            color: white;
        }

        .social_v2_phrase_state, .condividi_social_v2, .commenta_social_v2 {
            font-size: 0.8vw;
            margin-left: 5px;
        }

        .social_v2_container_states_comments_share {
            display: none !important;
        }

        .social_v2_phrase_state {
            color: white;
        }

        .img-social-v2 {
            display: inline-block;
            height: 30px;
        }

        .img-social-v2 > img {
            height: 100%;
        }


        /* Comments */
        .social_v2_container-comment-list {
            display: flex;
            flex-direction: column;
        }

        .social_v2_container-comment-list-mobile {
            display: none;
        }

        .show-all-comments-v2 {
            font-size: 1vw;
            text-align: end;
            color: white;
            margin-right: 10px;
        }

        .comment_list_social_v2 {
            display: flex;
            align-items: center;
            margin-top: 30px;
            height: auto;
        }

        .container-img-user-v2 {
            display: flex;
            align-items: center;
        }

        .box-user-comment_social_v2 {
            padding: 5px;
            margin-left: 3%;
            border-radius: 15px;
            background-color: white;
            width: calc(97% - 5vw);
        }

        .set-width-img {
            width: 3.5vw;
            height: 3.5vw;
            object-position: center;
            border-radius: 50%;
        }

        .user-comment {
            padding: 5px;
            padding-left: 7px;
        }

        .text-user-time-reaction-list_social_v2 {
            display: flex;
            align-items: center;
            font-weight: 700;
            font-size: 14px;
            border-top: 2px solid white;
            text-align: left;
        }

        .text-user-reaction-list_social_v2 {
            display: flex;
            align-items: center;
            text-align: left;
            color: #670196 !important;
            font-weight: 700;
            font-size: 0.8vw;
        }

        .comment-text-user-v2 {
            font-weight: 700;
            font-size: 0.8vw;
        }

        /* /Comments */

        /* Send Message */
        .input_social_v2 {
            display: none !important;
        }

        .comment-system-input_social_v2 {
            width: 100%;
            height: 50px;
            font-size: 0.8vw !important;
            border-radius: 30px;
            border-style: none;
            padding-right: 20px;
            padding-left: 20px;
        }

        .button-send-comment_social_v2 {
            color: #670196 !important;
            position: absolute;
            right: 4%;
            font-size: 20px;
        }

        .social_v2_comment-zero-length {
            text-align: center;
            font-size: 1.5vw;
            margin-top: 30px;
            color: black;
        }


        @media (min-width: 1440px) and (max-width: 1870px) {
            .social_v2_icon-reaction {
                height: 80%;
            }

            .group-reactions {
                display: flex;
                margin-top: 10%;
            }
        }

        @media (min-width: 1025px) and (max-width: 1280px) {
            .social_v2_phrase_state, .condividi_social_v2, .commenta_social_v2 {
                font-size: 1.3vw !important;
            }
        }

        @media (min-width: 769px) and (max-width: 1439px) {
            .social_v2_number_of_comments, .social_v2_number_of_share {
                padding-right: 10px !important;
            }

            .social_v2_icon-reaction {
                height: 100%;
            }

            .number-of-reactions {
                margin-left: 5px;
                font-size: 1.2vw;
            }

            .group-reactions {
                display: flex;
                margin-top: 0%;
            }
        }

        /*
            ##Device = Tablets, Ipads (portrait)
            ##Screen = B/w 768px to 1024px
        */

        @media (min-width: 769px) and (max-width: 1024px) {
            .condividi_social_v2, .commenta_social_v2 {
                font-size: 1.3vw !important;
                margin-left: 5px !important;
            }

            .img-social-v2 {
                display: inline-block;
                height: 23px;
            }

            .mi_dispiace_social_v2 {
                position: relative;
            }

            .social_v2_reaction {
                padding-left: 15px;
                font-size: 0.7vw;
            }

            .social_v2_comments_share {
                font-size: 0.8vw;
            }

            .social_v2_number_of_comments {
                padding-right: 10px;
            }

            .social_v2_number_of_share {
                padding-right: 15px;
            }

            .text-user-reaction-list_social_v2, .comment-text-user-v2, .clock-exec-reaction {
                font-size: 1vw;
            }

        }


        /*
            ##Device = Low Resolution Tablets, Mobiles (Landscape)
            ##Screen = B/w 481px to 767px
        */
        @media (max-width: 425px) {
            .container-img-user-v2 {
                width: 70px !important;
            }
        }

        @media (min-width: 120px) and (max-width: 768px) {
            /* Stili per card manifesto home page mobile */
            .container_social_v2_image_home {
                display: flex;
                flex-direction: column;
                background: white;
                border-radius: 30px;
                overflow: hidden;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                padding-top: 0;
            }

            .container_social_v2_image_home .typology_manifesto-list-v2 {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 4vw 3vw 3vw 3vw;
                background: white;
                font-size: 4vw;
            }

            .container_social_v2_image_home .typology_manifesto-list-v2 span:first-child {
                font-family: 'Avenir Next';
                font-weight: 400;
                font-size: 4vw;
                color: #666;
                margin-bottom: 1vw;
                text-transform: capitalize;
            }

            .container_social_v2_image_home .typology_manifesto-list-v2 span:last-child {
                font-family: 'Avenir Next';
                font-weight: 700;
                font-size: 5.5vw;
                color: #000;
            }

            .container_social_v2_image_home .container-img-manifesto-logo-agenzia {
                position: relative;
                width: 100%;
            }

            .container_social_v2_image_home .container-img-manifesto-logo-agenzia .social_v2_image {
                width: 100%;
                height: auto;
                display: block;
                border-radius: 0;
            }

            .container_social_v2_image_home .container-img-manifesto-logo-agenzia .agency-logo-list {
                position: absolute;
                bottom: -30px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 10;
                padding: 0;
                width: auto;
            }

            .container_social_v2_image_home .container-img-manifesto-logo-agenzia .agency-logo-list-v2 {
                width: 80px;
                height: 80px;
                overflow: hidden;
                border-radius: 0;
            }

            .container_social_v2_image_home .container-img-manifesto-logo-agenzia .agency-list-logo-v2 {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
            }

            .container_social_v2_image_home .info-agency-list-v2 {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 35px 3vw 4vw 3vw;
                background: white;
                font-size: 5vw;
            }

            .container_social_v2_image_home .info-agency-list-v2 .name-agency-list-v2 {
                font-family: 'Avenir Next';
                font-weight: 700;
                font-size: 5.5vw;
                color: #000;
                text-decoration: none;
            }

            .container_social_v2_image_home .info-agency-list-v2 a {
                text-decoration: none;
            }

            /* Nascondi il vecchio container immagine */
            .container_social_v2_image {
                display: none;
            }

            /* Reset container manifesto */
            .container_social_v2_manifesto {
                border-radius: 30px;
                padding: 0px;
                background: transparent;
                box-shadow: 3px 3px 3px 0px #00000040 inset;

            }
        }

        /*
            ##Device = Most of the Smartphones Mobiles (Portrait)
            ##Screen = B/w 320px to 479px
        */

        @media (min-width: 120px) and (max-width: 480px) {
            .agency-logo-list-v2 {
                width: 20%;
            }
            .social_v2_sum-reactions-emoticons {
                display: flex;
                align-items: center;
                height: 16px;
                margin-left: -6px;
            }

            .social_v2_number_of_comments {
                padding-right: 5px;
            }

            .social_v2_icon-reaction {
                height: 100%;
            }

            .group-reactions {
                margin-top: 0%;
            }

            .number-of-reactions {
                font-size: 3.2vw;
                padding-top: 3px;
            }
        }

        .clock-exec-reaction {
            margin-left: 4px;
            margin-top: 2px;
        }