#blue {
    margin-bottom: 0;
}
.featured#headerwrap {
    height: 50vw;
    max-height: 40vh;
    padding: 0 5px;
    margin: 0;
    position: relative;
    width: calc(100% + 10px);
}


.featured #file-upload-button {
    position: absolute;
    right:30px;
    top: 30px;
    visibility: hidden;
}
.featured:hover #file-upload-button,
.featured:focus #file-upload-button{
    visibility: visible;
    opacity: 1;
}

.show-all-tabs .tab-pane {
    display: block !important;
}

.form th{
    text-align: left;
}

.form-tr td{
    padding: 5px;
}

.form{
    margin: 10px 0;
}

.messages-container {
    margin-top: 15px;
}

.roster-row.active-player:first-child {
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
}

.roster-row-content {
    border-radius: inherit;
}

.roster-row > a,
.roster-row > ul,
.roster-row input {
    color: #161616;
    line-height: 1.5em;
}

.roster-row:not(:first-child) {
    margin-top: 5px;
}

#team-roster .panel-footer .roster-row,
.roster-row > a {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}

.roster-row .roster-toggle {
    display: none;
}

.roster-row:hover .roster-toggle {
    display: flex;
}

.roster-row .dropdown-menu a {
    width: 100%
}

#main-content .guest-list-circle,
#main-content .avatar-crop {
    font-size: 12px;
}
#main-content .avatar-crop {
    margin: 0 6px 0 0;
    width: 3em;
    height: 3em;
    overflow: hidden;
}

#main-content .rsvp .avatar-crop {
    margin: 3px 6px;
}
#main-content img.avatar,
#main-content .guest-list-circle,
#main-content .fb-pic,
#main-content .avatar-crop,
#main-content .generic-avatar {
    max-width: 3em;
    width: 3em;
    height: 3em;
    max-height: 3em;
    line-height: 3em;
}
#main-content .avatar-text-v-middle {
    line-height: 3em;
}

.event .event-start,
.event .event-venue {
    color: #888888;
    text-transform: uppercase;
    line-height: 1;
}
.event .event-venue {
    margin-top: 5px;
}
.event .event-venue a {
    color: #BBB;
}

.team-event-description {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #484848;
}
.team-event-description,
.team-event-description *,
.more-btn,
.less-btn{
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3em;
}
.edit-team-event-icon{
    font-size: 9px;
    margin-left: 5px;
}
.event .team-event-title,
.event .match-team {
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
    line-height: 1.1;
    display: inline-block;
    white-space: normal;
}
.event .match-team + .match-team {
    margin-top: -4px;
}
.event h2 {
    font-size: 30px;
}
.event .rsvp-detail {
    border-top: 1px solid #eee;
    margin-top: 15px;
}
.event .rsvp-detail h3 {
    margin-bottom: 0;
    margin-top: 0;
}
h3 small {
    font-size: 10px;
}
.guest-counts {
    font-size: 85%;
    color: #bbbbbb;
    margin-top: 10px;
}
.guest-counts .guest-count-divider{
    margin: 0 3px;
    color: #eaeaea;
}
.guest-counts .yes {
    color: #888888;
}

.container .text-muted {
    color: #bbbbbb;
}

.rsvp-cases .table {
    margin: 0;
}
.rsvp-cases .table td {
    font-size: 14px;
}
.event .rsvp-button {
    margin: 0 5px;
    width: calc(50% - 15px);
}

.event .table td:first-child {
    text-align: center;
}

.table h2 {
    margin:0 5px;
}

.event .fa, .event .glyphicon {
    font-size: larger;
    margin-top: -12px;
}


.guest-item:hover .avatar-crop,
.guest-item:hover div {
    position: relative;
    bottom: 1px;
}

.event .guest-item {
    border-color: transparent;
    font-size: 14px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #708191;
}

/* http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */
.speech-box {
    position:relative;
    padding:15px;
    margin-top:15px;
    color:#333;
    background:#fff;
    /* css3 */
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

/* creates the triangle */
.speech-box:after {
    content: "";
    position: absolute;
    top: -29px;
    left: 17%;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}

.speech-box-no:after{
    left:auto;
    right:15%;
}
.speech-box-change-from-no:after,
.speech-box-change-from-yes:after {
    left:46.5%;
    right:auto;
}

.speech-box input {
    width:55px;
    padding:5px;
    text-align: center;
}

.speech-box textarea {
    width: 100%;
}

.speech-box div{
    margin: 10px 0;
}

.speech-box button {
    margin-top: -3px;
    width:50%;
}

.speech-box-change-from-yes button {
    width: 25%;
    margin-left: 10px;
}

.speech-box .close {
    margin-top: -5px;
}

#id_image {
    padding: 5px;
    font-size: 120%;
}

#team-roster h3 {
    margin-bottom: 10px;
}

#content {
    min-height:0;
}


.email-share-button {
    display: inline-block;
    height:20px;
    width:56px;
    border-radius: 2px;
    background-color: lightslategrey;
    color: #ffffff;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}

.email-share-button i {
    margin-left: 4px;
    margin-right: 3px;
    font-size: larger;
}

.email-share-button:hover {
    background-color: #8293a5;
}

.roster-row input {
    width: auto;
}
.roster-row .btn {
    position: relative;
    top: -2px;
}

.player-number {
    color: dimgrey;
}

.rsvp .event .team-color.secondary {
    font-size: 90%;
}

.rsvp .event .team-color.primary,
.rsvp .event .team-color.secondary {
    top:0;
    margin-right: 0;
}

.suspended img,
.suspended .generic-avatar {
    opacity: .6;
}
.suspended .avatar-crop {
    background: rgba(255,0,0, 1);
}

.comment #form-comment {
    margin-top: 15px;
}
.comment_form {
    height: 81px;
    overflow: hidden;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-transition-property: height;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}
.comment_form:focus-within {
    height: 146px;
}

/*.depth-1 > .comment,*/
.comments .depth-1 > .comment {
    padding: 5px;
    margin-right: -15px;
}
.depth-1 li {
    border-top: 1px solid #f5f5f5;
}
.depth-1 .comment-picture {
    margin-top: 6px;
}
.depth-2 .comment-picture {
    margin-top: 10px;
}
.comment_li #form-comment td {
    padding-left: 0;
}


.loading .hidden-loading {
    display: none;
}
.visible-loading {
    display: none;
}
.loading .visible-loading {
    display: block;
}

@media only screen and (max-width: 767px) {
    /* mobile only styles */
    h1.team-name {
        font-size: 22px;
        padding: 0 5px;
    }

    /* prevent dropdowns from being hidden behind footer */
    #team-roster .dropdown-menu {
        position: relative;
    }
}


@media print {
    body {
        padding: 0;
    }

    #team-chatter, .rsvp, .btn, .alert,
    .featured,
    .navbar,
    #footer {
        display: none;
    }

    * {
        font-size: 95%;
    }

    .roster-row {
        display: inline-block;
        width: 32%;
    }

    .generic-avatar {
        border: 1px solid #808080;
    }

    a:link:after, a:visited:after {
        content: "";
    }

}