/* add custom site CSS here */

@media screen and (min-width:40em){.mobile-labels .sorter{cursor:pointer}
.mobile-labels .icon-left-arrow:before,.mobile-labels .icon-right-arrow:before,.mobile-labels .icon-sorting-normal:before,.mobile-labels .sorter:before{content:""}
.mobile-labels .icon-left-arrow:after,.mobile-labels .icon-right-arrow:after,.mobile-labels .icon-sorting-normal:after,.mobile-labels .sorter:after{background-image:url(img/arrows-normal-state.png);background-size:10px 20px;content:"";height:20px;display:inline-block;margin-left:10px;vertical-align:text-top;width:10px}
.mobile-labels .icon-left-arrow,.mobile-labels .icon-right-arrow{background:#f1f1f1}
.mobile-labels .icon-right-arrow:after{background-image:url(img/arrows-ascending.png)}
.mobile-labels .icon-left-arrow:after{background-image:url(img/arrows-descending.png)}
.mobile-labels .sorter:not(:first-child){padding-left:0}
.mobile-labels .sorter:not(:first-child):before{border-left:1px solid #e7e7e7;content:"";display:inline-block;height:23px;padding-right:.625rem;vertical-align:text-top}
}

/* updates to scholars database */

@media screen and (min-width: 40em) {
    .sorting-table.mobile-labels .sorter {
        font-size: .9rem;
    }
    
    .sorting-table tbody td {
        line-height: 1.4;
    }
}


/**************************************/
/*
.accordion-title {
    background: #333333;
    color: #ffffff;
}
.accordion-title:focus,.accordion-title:hover {
    background-color: #f4f4f4
}
.bg-gray div .accordion-title,.bg-none div .accordion-title {
    border: 1px solid #4A3C31;
    border-bottom: none
}
*/

/* Push down filter on breakout interaction */
.filter-top-padding { margin-top: 100px }

/* Adjust column widths */
#recipients { layout:fixed; }
#recipients th:nth-child(2) { width: 25%; }
#recipients th:nth-child(3) { width: 22%; }
#recipients th:nth-child(4) { width: 12%; }


/* Medal counts */
.medal-count .gold {
	background-color: #F1BE48;
	color: #191919;
}
.medal-count .silver {
	background-color: #7C766A;
	color: #fff;
}
.medal-count .bronze {
	background-color: #4A3C31;
	color: #fff;
}
.medal-count .gold .stat--number {
	color: #191919;
}
.medal-count .gold .stat--text {
	color: #191919;
}
.medal-count .silver .stat--number {
	color: #fff;
}
.medal-count .silver .stat--text {
	color: #fff;
}
.medal-count .bronze .stat--number {
	color: #fff;
}
.medal-count .bronze .stat--text {
	color: #fff;
}