﻿.group-home { width: 100%; }
 .group-home td { text-align: left; vertical-align: top; box-sizing: border-box; }
 .group-home .group-name-image { width: 140px; padding-top: 5px; padding-right: 15px; padding-bottom: 10px; }
 .group-home .group-name-image img { width: 125px; max-height: 125px; border-radius: 10px; object-fit: cover; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4); }
 .group-home .group-name-text { font-size: 20px; font-weight: bold; padding-bottom: 10px; padding-right: 5px; }
#newsHolder { margin-bottom: 10px !important; padding-left: 10px; padding-right: 10px; }
.home-news, #newQuestionsHolder, #groupboardHolder, #scoresQuestionHolder, #scoresHolder { margin-bottom: 50px !important; }
 #scoresQuestionHolder .section-padding, #scoresHolder .section-padding { padding-top: 0 !important; }
.no-left-padding .page-title-holder .page-title-text { padding-left: 0 !important; }
#questionOfTheDayGroupHomeHolder .modal-group-name { display: none; }
.home-notification-count { display: block; max-width: 700px; margin: 0 auto; clear: both; text-align: center; padding-top: 35px; box-sizing: border-box; }
 .home-notification-count a { display: inline-block; width: 30%; margin-bottom: 15px; margin-left: 5px; margin-right: 5px; }
 .home-notification-count a::before { float: none !important; display: inline-block; margin-bottom: -4px; }
.group-info-text { display: block; clear: both; font-size: 13px; padding-bottom: 8px; box-sizing: border-box; }
 .group-info-text b { display: inline-block; min-width: 80px; text-align: right; padding-right: 10px; }
.group-home-info-modal .group-count::before, .group-home-info-modal .group-username::before, .group-home-info-modal .group-date::before { display: inline-block; padding-right: 5px; font-weight: bold; }
.group-home-info-modal .group-count::before { content: "Number of Members: "; }
.group-home-info-modal .group-username::before { content: "Moderator: "; }
.group-home-info-modal .group-date::before { content: "Founded Date: "; }
.group-home-info-modal .group-members::before { display: block; clear: both; padding-bottom: 5px; font-weight: bold; content: "Group Members: "; }
.group-home-info-modal .group-members ul { list-style: none; }
.group-home-info-modal .group-members li { display: block; clear: both; }
.home-recent-activity .home-recent-activity-item-title::before { margin-top: 0 !important; }
.group-question-response-text { padding: 8px 12px; border-radius: 10px; color: #000; color: var(--question-choice-selection-text-color); border: 1px solid #DDD; border: 1px solid var(--question-choice-selection-border-color); background-color: #F9F9F9; background-color: var(--question-choice-selection-background-color); font-size: small; display: block; clear: both; margin-top: 5px; margin-bottom: 5px; }
 .group-question-response-text .group-question-response-user { font-weight: bold; display: block; clear: both; padding-bottom: 2px; }
 .group-question-response-text .group-question-response-user a { color: #000; color: var(--question-choice-selection-text-color); }
 .group-question-response-text .group-question-response-user::after { content: ":"; display: inline-block; }

@media screen and (max-width: 600px) {
 .home-notification-count a { width: 45%; }
}

@media screen and (max-width: 380px) {
 .group-home td { display: block; clear: both; }
 .group-home .group-name-image { width: 100%; padding-right: 0; }
 .group-home .group-name-image img { width: 100%; max-height: none; }
}