/*All Touch-friendly styles*/
@media only screen and (max-width: 64em){ 
	.page-matchups .filters h5 {font-size: 13px; padding: 1em;}
	
	.player-selection .player-info .field-list {width: 100%; float: left; clear: both;}
	.player-selection .player-info .field-list li {width: 25%; text-align: center; display: inline; float: left; box-shadow: 0 1px rgba(255,255,255,0.15) inset;
    border-top: 1px solid black;}
	.player-selection .player-info .field-list li .field-type {float: none;}
	.page-matchups .filters ul * {font-size : 11px;}
	.page-matchups .filters ul a, .page-matchups .filters ul select, .page-matchups .filters ul input {padding: 1.5em .5em; height: auto;}
} /* Define mobile styles */

/*MOBILE ONLY*/
@media only screen and (max-width: 31.9375em) {
	/*ul.team-list,
	ul.player-list {height: 185px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; clear; both;}
	ul.team-list .list-item,
	ul.player-list .list-item {width: 120px; float: none; display: inline-block; white-space: nowrap;}*/
	ul.team-list .list-item, ul.player-list .list-item {width: 33.3%;}
	.filter-options-1, .filter-options-2 {padding: 0;}
	
	/*Filter Panel*/
	.page-matchups .filter-panel {width: 0; height: 0; padding: 0;}
	.page-matchups .filter-panel.active, .page-matchups .filter-panel.active .panel-1 {height: 100%; width: 100%;}
	.page-matchups .filter-panel.active .toggle-button {position: absolute; top: 0; right: 0;}
	.page-matchups .filter-panel .toggle-button {transform: none; position: fixed; top: auto; left: auto; bottom: .5em; right: .5em; background-color: #2199e8; border-radius: 50%; height: 60px; width: 60px; padding: 0; text-align: center; line-height: 60px; box-shadow: 0 3px 5px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.25) inset;}
	.page-matchups .filter-panel .toggle-button span {display: none;}
	/*Panel 2*/
	.page-matchups .filter-panel.active.fullview .panel-2, .page-matchups .filter-panel.active.fullview {width: 100%; left: 0; margin: 0;}
	/*Accordion*/
	.filter-row .mobile-toggle {position: relative; cursor: pointer;}
	.filter-row .mobile-toggle i {position: absolute; font-size: 1.5em; color: #fff; top: 0; right: 0; padding: .75em; width: 50px;}
	.filter-row ul {height: 0; overflow: hidden; transition: height 0.2s ease-in-out;}
	.filter-row ul.active {height: auto; width: 100%;}
	.filter-row ul.field-runners {border-bottom: 1px solid #000; box-shadow: 0 1px rgba(255,255,255,0.15);}
	.filter-row ul.field-runners.active {height: 300px;}
	
	/*Player Details*/
	.player-container {padding: 0;}
	.player-selection .headshot {width: 60px;}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*TABLET AND UP*/
@media only screen and (min-width: 32em) {
	.page-matchups .content-panel {padding-left: 44px;}
  /*Override from foundation.css*/
  
} /* min-width 641px, medium screens */

/*TABLET ONLY*/
@media only screen and (min-width: 32em) and (max-width: 64em) {
	ul.team-list .list-item,
	ul.player-list .list-item {width: 16.66666%;}
	.player-selection .headshot {width: 75px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/*Small Tablet*/
@media only screen and (min-width: 32.063em) and (max-width: 40em) {
	.player-selection .headshot {width: 75px;}
	.player-selection .field-list {width: 100%; float: left;}
}


/*Desktop Up*/
@media only screen and (min-width: 64.063em) {
	.page-matchups .filters ul * {font-size : 11px;}
} /* min-width 1025px, large screens */

/*REALLY REALLY BIG SCREENS, BRO*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */