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

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

        .column {
            padding: 0.3rem !important;
        }

        .container_social_v2_manifesto {
            width: 100%;
            background: radial-gradient(circle at 0% 0%, rgba(58, 1, 94, 1) 0%, rgba(126, 6, 147, 1) 100%);
            border-radius: 30px;
            padding: 20px;
            margin-bottom: 40px;
        }

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

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

        /* /Image Manifesto */

        .social_manifesto_v2 {
            width: 100%;
            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: 0.7vw;
        }

        .social_v2_number_of_comments {
            padding-right: 20px;
        }

        .social_v2_number_of_share {
            padding-right: 20px;
        }

        .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: 1vw;
            margin-top: 30px;
            color: white;
        }


        @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;
            }
        }

        /*
            ##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;
                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;
        }