/* 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. */

        .item-social-list-v2 {
            margin-bottom: 80px;
        }

        .agency-logo-list {
            display: flex;
            align-items: center;
            margin: auto;
            padding: 5% 5% 0% 5%;
            color: black;
        }

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

        .agency-list-logo-v2 {
            width: 100%;
            height: 100%;
            border-radius: 15px;
            border: 0px;
            display: block;
        }

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

        .agency-logo-list-v2 {
            width: 8.3333%;
            display: inline-block;
        }

        .typology_manifesto-list-v2 {
            position: absolute;
            bottom: 0%;
            width: 100%;
            font-family: 'Avenir Next';
            font-style: normal;
            display: flex;
            flex-direction: column;
            text-align: initial;
            padding: 40px 5% 40px 5%;
            color: white;
            background: radial-gradient(circle at 0% 0%, rgba(58, 1, 94, 1) 0%, rgba(126, 6, 147, 1) 100%);
        }

        .typology_manifesto-list-v2 span:first-child {
            font-weight: 700;
        }

        .typology_manifesto-list-v2 span:last-child {
            font-weight: 400;
        }

        .link-img-list {
            display: block;
            width: 100%;
        }

        .info-agency-list-v2 {
            display: flex;
            flex-direction: column;
            margin-left: 2%;
        }

        .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;

        }

        .icons-separation, .input_social_v2 {
            display: none !important;
        }

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

        .column {
            padding: 0.3rem !important;
        }

        .container_social_v2_manifesto {
            width: 100%;
            background: radial-gradient(circle at 0% 0%, rgba(242, 242, 242, 1) 0%, rgba(196, 196, 196, 1) 100%) !important;
            border: none;
            border-radius: 30px;
            padding-bottom: 5%;
        }

        /* Image Manifesto */
        .container_social_v2_image {
            position: relative;
            display: inline-block;
            width: 100%;
            padding-top: 2%;
            text-align: center;
        }

        .social_v2_image {
            width: 90%;
            border-radius: 15px;
        }

        /* /Image Manifesto */

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

        .social_v2_area_social {
            width: 100%;
            height: 50px;
            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;
            padding: 0px 20px 0px 42px;
        }

        .social_v2_reaction {
            position: relative;
            display: flex;
            align-items: center;
            font-size: 1vw;
        }

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

        .social_v2_sum-reactions-emoticons {
            height: 25px;
            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: 0px;
            color: black;
        }

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

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

        .group-reactions {
            display: flex;
        }

        .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: 1.2vw;
            margin-left: 5px;
        }

        .social_v2_container_states_comments_share {
            display: flex;
            align-items: center;
            font-weight: 700;
            padding-bottom: 22px;
        }

        .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: 5vw;
            height: 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;
        }

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

        /* /Comments */

        /* Send Message */
        .input_social_v2 {
            position: relative;
            padding-top: 22px;
            display: flex;
            align-items: center;
            padding-bottom: 5%;
        }

        .comment-system-input_social_v2 {
            width: 100%;
            height: 50px;
            font-size: 1.2vw !important;
            border-radius: 30px;
            border-style: none;
            padding-right: 85px;
            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;
        }

        /* /Send Message */

        /* .icon-share-comment-reaction {
            width: 2vw !important;
        }*/


        /* ------Media Query------ */

        /*
            ##Device = Desktops
            ##Screen = 1281px to higher resolution desktops
        */

        @media (min-width: 1281px) {

        }

        /*
            ##Device = Laptops, Desktops
            ##Screen = B/w 1025px to 1280px
        */

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

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

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

            .social_v2_comments_share {
                font-size: 1.3vw;
            }

            .social_v2_phrase_state {
                font-size: 1.3vw !important;
            }

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

            .mi_dispiace_social_v2 {
                position: relative;
            }

            /* .reaction-emoji-v2 {
                position: absolute;
            }*/

        }


        /*
            ##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) {
            .container_social_v2_manifesto {
                border-radius: 0px;
            }

            .country-name-v2 {
                font-size: 4vw;
            }

            .agency-logo-list-v2 {
                width: 12.499995%;
            }

            .agency-logo-list {
                padding: 5% calc(8.33333% + 4.8px) 0% calc(8.33333% + 4.8px);
            }

            .info-agency-list-v2, .typology_manifesto-list-v2 {
                font-size: 3vw;
            }

            .container-social-banner-list-v2 {
                margin-top: 0px;
            }

            .typology_manifesto-list-v2 {
                padding: 32px calc(8.33333% + 4.8px) 32px calc(8.33333% + 4.8px);
            }

            .container_social_v2_image {
                padding-top: 24px;
            }

            /*Manifesto*/
            .social_v2_image {
                width: 98%;
                border-radius: 0px;
            }

            /* /Manifesto*/
            .social_v2_sum-reactions-emoticons {
                display: flex;
                align-items: center;
                height: 25px;
            }

            .social_v2_area_social {
                height: 35px;
            }

            .social_v2_comments_share {
                font-size: 2.8vw !important;
            }

            .social_v2_icon-reaction {
                height: 90%;
            }

            .social_v2_phrase_state, .condividi_social_v2, .commenta_social_v2 {
                font-size: 3.1vw;
            }

            /*.icon-share-comment-reaction {
                width: 5vw !important;
            }*/
            .img-social-v2 {
                display: inline-block;
                height: 23px;
            }

            .social_v2_comment-zero-length {
                font-size: 3vw;
                margin-top: 15px;
            }

            .comment-system-input_social_v2 {
                height: 35px;
                padding-right: 15%;
                font-size: 3vw !important;
            }

            .container-img-user-v2 {
                width: 90px;
            }

            .set-width-img {
                   width: 70px;
    height: 70px;
            }

            .text-user-reaction-list_social_v2 {
                font-size: 2.8vw;
            }

            .comment-text-user-v2 {
                font-size: 3vw;
            }

            .button-send-comment_social_v2 {
                font-size: 3vw !important;
            }

            .social_manifesto_v2 {
                width: calc(100% - 16.66667%);
                padding: 0.3rem !important;
                margin: auto;
            }

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

            .social_v2_container-comment-list-mobile {
                display: flex;
                flex-direction: column;
            }

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

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

        @media (min-width: 120px) and (max-width: 480px) {
            .social_v2_sum-reactions-emoticons {
                display: flex;
                align-items: center;
                height: 16px;
            }

            .social_v2_number_of_comments {
                padding-right: 5px;
            }

            .social_v2_container {
                padding: 0px 20px 0px 30px;
            }

            .social_v2_icon-reaction {
                height: 100%;
            }

            .number-of-reactions {
                font-size: 3.2vw;
            }

            .social_v2_sum-reactions-emoticons {
                margin-left: -6px;
            }

            .agency-logo-list-v2 {
                width: 20%;
            }

            .text-user-time-reaction-list_social_v2 {
                font-size: 10px;
            }
        }