div.cv2-heroes-feed {
    max-width:  700px;
}

div.cv2-heroes-item {
    padding-bottom:  40px;
}

div#whats-happening-user-activity-feed div.cv2-heroes-item {
    padding-bottom:  30px;
}

div.cv2-heroes-user-header {
    position:  relative;
    padding-left:  120px;
    min-height:  90px;
}

div.cv2-heroes-date {
    padding-left:  120px;
    font-size:  12px;
    margin-top:  -5px;
}

div.cv2-whats-happening-user-header {
    min-height:  60px;
}

a.cv2-user-icon {
    display:  block;
    position:  absolute;
    left:  0;
    top:  0;
    width:  110px;
    height:  110px;
}

a.cv2-user-icon img {
}

a.cv2-user-icon img.cv2-user-icon-background {
    position:  absolute;
    left:  0px;
    top:  0px;
    width:  100%;
    height:  100%;
}

a.cv2-user-icon img.cv2-user-icon-main {
    position:  absolute;
    left:  15%;
    top:  12%;
    width:  65%;
    height:  70%;
    border:  2px solid #fd9627;
    border-radius:  6px;
    background-color: white;
}

a.cv2-heroes-user-content {
    text-decoration:  none;
    color:  black;
    font-size:  22px;
    padding-top:  23px;
    display:  block;
    font-weight:  500;
    font-family:  Lato, sans-serif;
}


a.cv2-heroes-user-content.cv2-whats-happening-user-content {
    padding-top:  10px;

}

div.cv2-heroes-user-followers {
    color:  #777;
    padding-bottom:  4px;   
}

div.cv2-heroes-user-name {
    color:  #ea4c5f;
}

div.cv2-heroes-follow {
    position:  absolute;
    right:  0;
    top:  0;
    padding-top:  29px;
}

div.cv2-heroes-follow.cv2-whats-happening-follow {
    padding-top:  0px;
}

div.cv2-heroes-more {
    text-align:  center;
    padding-bottom:  30px;
    max-width:  700px;
}

div.cv2-heroes-more a {
    color:  #fd9627;
    font-size:  27px;
    font-weight:  700;
    font-family:  Lato, sans-serif;
}

div.cv2-whats-happening-more {
    text-align:  center;
    padding-bottom:  30px;
}

div.cv2-whats-happening-more a {
    color:  #ea4c5f;
    font-size:  27px;
    font-weight:  700;
    font-family:  Lato, sans-serif;

}

div.cv2-heroes-comment {
    padding-left:  120px;
}

div.cv2-whats-happening-comment {
    margin-top:  -50px;
}


div.cv2-heroes-comment .comment {
    margin:  10px 0 0px 0;
}

div.cv2-heroes-comment .comment div.comment-text-content {
    font-size:  18px;
    line-height:  35px;
    font-weight:  500;
    font-family:  Lato, sans-serif;
}

div.cv2-heroes-comment .comment div.comment-text-content a {
    text-decoration: none;
    color:  black;
}

div.cv2-heroes-comment .comment div.comment-text-content-without-images {
    line-clamp:  3;
    display: -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient: vertical;  
    text-overflow: ellipsis;
    max-height:  105px;
    overflow:  hidden;
}

div.cv2-heroes-comment .comment div.comment-text-content-with-images {
    margin-bottom:  10px;
    white-space:  nowrap;
    max-height:  35px;
    overflow:  hidden;
    text-overflow: ellipsis;
}

div.cv2-comment-link {
    font-size:  25px;
    font-weight:  500;
    padding-left:  120px;
}

div.cv2-comment-link a {
    color:  black;
}

div.cv2-comment-image-summary {
    margin-top:  10px;
    margin-bottom:  12px;
}

div.cv2-comment-image-summary a {
    display:  inline-block;
    vertical-align:  top;
    width: 25%;
    position:  relative;
    padding-right:  8px;
    border-radius:  10px;
    box-sizing:  border-box;
}

div.cv2-comment-image-summary a img {
    width:  100%;
    border-radius:  10px;
}

div.cv2-comment-image-summary div.cv2-comment-image-summary-more-darken {
    background-color: black;
    opacity:  0.5;
    position:  absolute;
    left:  0;
    right:  8px;
    bottom:  5px;
    top:  0;
    border-radius:  10px;
}

div.cv2-comment-image-summary div.cv2-comment-image-summary-more-blur {
    position:  absolute;
    left:  0;
    right:  8px;
    bottom:  5px;
    top:  0;
    border-radius:  10px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

div.cv2-comment-image-summary a.cv2-comment-image-summary-more div.cv2-comment-image-summary-more-count {
    position:  absolute;
    top: 50%;
    left:  0;
    right:  0;
    bottom:  0;
    color:  white;
    text-decoration: none;
    text-align:  center;
    font-weight:  700;
    font-size:  50px;
    line-height:  60px;
    margin-top:  -35px;

}

div#overlay-popup-feed {
    height:  100%;
    width:  100%;
    left:  0%;
    margin-left:  0;
    border:  10px solid #ea4c5f;
    top:  0;
    bottom:  0;
    max-height:  100%;
    border-radius:  0px;
    padding-right:  50px;
    box-sizing: border-box;
    background-color: #ea4c5f;
}

div#overlay-popup-feed div.overlay-modal-outer {
    background-color:  white;
    border-radius:  20px;
    position:  fixed;
    left:  10px;
    bottom:  10px;
    right:  10px;
    top:  10px;
}

div#overlay-popup-feed div.overlay-modal-content {
    height:  100%;
    box-sizing:  border-box;
    padding:  0;
}

div#overlay-popup-comment {
    height:  100%;
    max-width:  100%;
    width:  650px;
    border:  10px solid #ea4c5f;
    top:  0;
    left:  50%;
    right:  auto;
    bottom:  0;
    max-height:  100%;
    border-radius:  0px;
    box-sizing: border-box;
    background-color: #ea4c5f;
    margin-left:  -325px;
    position: fixed;
    overflow:  scroll;
    display:  none;
    z-index: 800000009;
}

div#overlay-popup-comment div.overlay-modal-outer {
    background-color:  white;
    border-radius:  20px;
    position:  fixed;
    bottom:  10px;
    top:  10px;
    left:  50%;
    right:  auto;
    max-width:  100%;
    width:  630px;
    margin-left:  -315px;
}

@media all and (max-width: 700px) {

    div#overlay-popup-comment {
        left:  0;
        right:  0;
        margin-left:  0;
        width:  auto;
    }

    div#overlay-popup-comment div.overlay-modal-outer {
        left:  10px;
        right: 10px;
        margin-left:  0;
        width:  auto;
    }

}


div#overlay-popup-comment div.overlay-modal-content {
    height:  100%;
    box-sizing:  border-box;
}


div#overlay-popup-feed iframe {
    border:  0;
    width:  100%;
    height:  100%;
    display:  block;
}

div#overlay-popup-feed.orange div.overlay-modal-outer {
    background-color:  #fff7f0;
}

@media all and (max-width: 845px) {

    a.cv2-user-icon {
        width:  55px;
        height:  55px;
    }

    a.cv2-user-icon img.cv2-user-icon-main {
        left:  16%;
        top:  16%;
        width:  60%;
        height:  60%;
        border-width:  1px;
    }

    div.cv2-heroes-item {
        padding-bottom:  30px;
    }

    div#whats-happening-user-activity-feed div.cv2-heroes-item {
        padding-bottom:  20px;
    }

    div.cv2-heroes-user-header {
        padding-left:  60px;
        min-height:  40px;
    }

    div.cv2-heroes-date {
        padding-left:  60px;
        font-size:  12px;
    }

    div.cv2-heroes-user-followers {
        padding-bottom:  0;
    }

    a.cv2-heroes-user-content {
        font-size:  14px;
        padding-top:  0px;
        font-weight:  500;
        font-family:  Lato, sans-serif;
    }

    a.cv2-heroes-user-content.cv2-whats-happening-user-content {
        padding-top:  10px;
    }

    div.cv2-heroes-follow {
        padding-top:  0px;
        font-size:  14px;
    }

    div.cv2-heroes-follow.cv2-whats-happening-follow {
        padding-top: 0px;
        font-size: 12px;
    }

    div.cv2-heroes-comment {
        padding-left:  60px;
    }

    div.cv2-whats-happening-comment {
        margin-top:  -35px;
    }

    div.cv2-comment-link {
        padding-left:  60px;
        font-size:  14px;
    }

    div.cv2-heroes-comment .comment div.comment-text-content {
        font-size:  14px;
        line-height:  18px;
        max-height:  18px;
    }

    div.cv2-heroes-comment .comment div.comment-text-content-with-images {
        margin-bottom:  15px;
    }

    div.cv2-heroes-more a {
        font-size:  16px;
    }

    div.cv2-whats-happening-more a {
        font-size:  16px;

    }

    div.cv2-comment-image-summary a.cv2-comment-image-summary-more div.cv2-comment-image-summary-more-count {
        font-size:  20px;
        margin-top:  -32px;
    }

    div.cv2-comment-image-summary a {
        padding-right:  4px;
    }

    div.cv2-comment-image-summary div.cv2-comment-image-summary-more-darken {
        right:  4px;
        bottom:  4px;
    }

    div.cv2-comment-image-summary div.cv2-comment-image-summary-more-blur {
        right:  4px;
        bottom:  4px;
    }

    div.comment {
        padding:  20px 0px 10px 0px;
    }

    div#overlay-popup-feed {
        width:  100%;
        left:  0%;
    }


}


div.comment-poll {
    padding:  10px 0px;
    max-width:  600px;
}

div.comment-poll-title {
    font-weight:  bold;
    margin-bottom:  10px;
}

a.comment-poll-option {
    display:  block;
    border:  1px solid #ea4c5f;
    border-radius:  6px;
    text-align:  center;
    padding:  5px 10px;
    text-decoration: none;
    color:  #ea4c5f;
    margin-bottom:  10px;
}

div.comment-poll-answers {

}

div.comment-poll-answer-chart {
    height:  30px;
    background-color: #e0f4f3;
    margin-bottom:  10px;
}

div.comment-poll-answer-chart-inner {
    height:  30px;
    background-color: #63c8c4;
}

div.comment-poll-answer-label {

}