/* TODO: eaither hide many elements in the setting instead of these display none, or even try to get the field one by one and put them in the tremplate already used STATICALLY for the news */
.full-news-comments {
	padding: 13px;
	/* overflow-y: scroll; */
	overflow-y: auto;
	/* height: 400px; */
	background-color: #0000008a;
	/* width: 90%; */
	height: 100%;
	padding-right: 74px;

    .comment-forbidden {
        display: none;
    }

    .alert-success {
        display: none !important;
    }

    article.node--view-mode-full {

        header {
            display: none;
        }

        .node__content {

            .comment .field--name-user-picture img {
                margin: 0px;
                width: 50px;
                height: 50px;
                object-fit: contain;
                border-radius: 12px;
                margin-top: 27px;
            }

            .field--type-image:not(.field--name-user-picture) {
                display: none;
            }

            .field--type-comment {

                /*background-color: blue;*/
                font-size: 12px;
                display: flex;
                flex-direction: column;
                background: transparent;
            
                h2.title {
                    display: none;
                }

                article.comment {
                    .comment__content {

                        margin: 0;

                        h3 {
                            display: none;
                        }
                        .card-body {
                            border: 1px solid #968585;
                            background-color: #edede2;
                            background-color: rgb(234, 234, 234) !important;
                            font-size: 16px;
                            border: none;
                        }
                    }
                }

                .ck-content.ck-editor__editable {
                    background-color: #ececec !important;
                    border: none !important;
                    border-radius: 12px !important;
                }

                form.comment-comment-form.ajax-comments-form-reply {
                    position: fixed;
                    top: 300px;
                    background-color: red;
                    padding: 30px;
                }

                form.comment-comment-form {

                    order: -1;

                    .field--name-subject {
                        display: none;
                    }
                    
                    .field--name-comment-body {
                        .form-item-comment-body-0-value label {
                            display: none;
                        }
                        .form-textarea-wrapper {
                            
                            overflow-y: scroll;

                            .ck-editor__top {
                                display: none;
                            }
                            .ck-editor__top {
                                display: none;
                            }
                            .ck-editor__main {
                                height: 100px;
                            }

                        }
                        
                        .js-filter-wrapper {
                            display: none;
                        }

                        

                    }
                }
                
            }
        }


    }
}

.custom-bookmark-button {
    position: relative;

    span {
        display: none;
    }

    .flag-bookmark {
        border-radius: 50%;
        padding: 7px;
        width: 39px;
        height: 39px;
        background-color: #bbb7b7;
        background-image: url('../images/bookmark.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 25px 25px;

        a {
            width: 35px;
            display: block;
            overflow: hidden;
            color: transparent;
        }
    }

    .flag-bookmark.action-unflag {
        background-color: blue;
        background-image: url('../images/bookmarked.png');
        background-size: 25px;
    }
}


#hero-block {
    .vote-widget-wrapper {
        position: absolute;
        right: 19px;
        top: 14px;

        .vote-dislike {
            display: none;
        }

        .vote-like {
            width: 37px;

            a {
                background-color: #bbb7b7;
                border-radius: 50%;
                padding: 7px;
                width: 100%;
                /* display: block; */
                height: auto;
                /* float: left; */
                background-image: none;
                background-image: url('../images/like.png');
                background-position: center center !important;
                background-repeat: no-repeat;
                background-size: 30px;
            }

            a.voted {
                background-color: blue;
                background-image: url('../images/liked.png');
                background-size: 25px;
            }

            .count {
                color: white;
                font-weight: bold;
                float: left;
                text-align: center;
                width: 100%;
            }
        }
    }
}

.path-football-analysis {
    #block-mycustom-theme-page-title {
        display: none;
    }
}