﻿.group-home { width: 100%; }
    .group-home td { text-align: left; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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; -moz-border-radius: 10px; -webkit-border-radius: 10px; object-fit: cover; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4); box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4); -moz-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; clear: both; text-align: center; padding-top: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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; -moz-box-sizing: border-box; -webkit-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; }

@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; }
}