/**
*	NOTE: The source code for this file is SCSS and lives in library/scss
*	DO NOT edit the .css file directly, as your changes will be overwritten
*/
/* border-box 

*, *:before, *:after {
  	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

/* image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

.league-detail p, .league-detail div, .league-detail ol, .league-detail ul, .league-listing p, .league-listing div, .league-listing ol, .league-listing ul {
  font-size: 1.0rem; }

.league-detail h1, .league-detail h2, .league-detail h3, .league-detail h4, .league-detail h5, .league-detail h6,
.league-detail ul, .league-detail ol, .league-detail dd,
.league-detail p, .league-detail figure,
.league-detail pre, .league-detail table, .league-detail fieldset, .league-detail hr, .league-listing h1, .league-listing h2, .league-listing h3, .league-listing h4, .league-listing h5, .league-listing h6,
.league-listing ul, .league-listing ol, .league-listing dd,
.league-listing p, .league-listing figure,
.league-listing pre, .league-listing table, .league-listing fieldset, .league-listing hr {
  margin: 0;
  padding: 0;
  margin-bottom: 24px; }
.league-detail p, .league-detail li, .league-listing p, .league-listing li {
  line-height: 24px; }
.league-detail h1, .league-listing h1 {
  font-size: 2.25rem;
  line-height: 3.0rem;
  margin-bottom: 1.5rem; }
.league-detail h2, .league-listing h2 {
  font-size: 1.756rem;
  line-height: 3.0rem;
  margin-bottom: 1.5rem; }
.league-detail h3, .league-listing h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1.0rem; }
.league-detail h4, .league-listing h4 {
  font-size: 1.171rem;
  line-height: 1.25rem;
  margin-bottom: .25rem; }
.league-detail h5, .league-detail h6, .league-listing h5, .league-listing h6 {
  font-size: 1.0rem;
  line-height: 1.5rem;
  margin-bottom: 0rem; }

#listings-filter {
  position: relative;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 24px; }
  #listings-filter .responsive-toggle a img {
    max-width: 16px;
    margin-right: 6px; }
  #listings-filter .responsive-toggle .hide {
    display: none; }
  #listings-filter .responsive-toggle .show {
    display: inline-block; }
  #listings-filter .left, #listings-filter .right {
    display: none; }
  #listings-filter.expanded .left, #listings-filter.expanded .right {
    display: block; }
  #listings-filter.expanded .responsive-toggle .hide {
    display: inline-block; }
  #listings-filter.expanded .responsive-toggle .show {
    display: none; }
  #listings-filter .left {
    float: left;
    width: 35.5%; }
  #listings-filter .right {
    float: right;
    width: 55%; }
  #listings-filter .filter-label {
    font-size: .75rem;
    color: #bfbfbf;
    margin-bottom: .25rem; }
  #listings-filter button {
    margin-bottom: .5rem; }
  #listings-filter .sports button {
    min-width: 9rem;
    text-align: left; }
    #listings-filter .sports button[data-sport="Inner Tube Water Polo"] {
      font-size: 11px;
      letter-spacing: -0.4px; }
  #listings-filter #all-sports {
    display: block;
    margin-left: 1.6rem; }
  #listings-filter .icon-filter-sport {
    margin-bottom: -3px;
    margin-left: .1rem;
    margin-right: .2rem; }
  #listings-filter .days {
    position: relative;
    margin-bottom: 12px; }
  #listings-filter .day-block {
    display: inline-block; }
    #listings-filter .day-block button {
      width: 2.5rem; }
    #listings-filter .day-block button.disabled {
      cursor: pointer;
      pointer-events: auto; }
  #listings-filter .all-days-button {
    margin-bottom: 12px; }
  #listings-filter .location-filter, #listings-filter .neighborhood-filter {
    width: 10rem;
    margin-bottom: .5rem; }
  #listings-filter .checkBoxFilter {
    margin-bottom: .5rem;
    width: 100%; }
  @media screen and (min-width: 480px) {
    #listings-filter .left {
      width: 25%; }
    #listings-filter .right {
      width: 65%; } }

#filter-description-container {
  margin: 12px 0; }
  #filter-description-container #filter-description {
    font-size: 1.2em; }
    #filter-description-container #filter-description span {
      font-weight: bold; }
  #filter-description-container .clear-filters {
    margin-left: 12px;
    font-size: .9em; }

@media screen and (max-width: 600px) {
  #filter-description-container {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 24px; } }
#archiveButtonContainer {
  text-align: right;
  margin: 0 12px 12px 0; }

#leagueListingsContainer {
  margin-right: 10px; }

.league-listing {
  margin: 12px 0 24px 0;
  border-bottom: 12px solid #f1f1f1;
  padding-bottom: 24px; }

.league-listing .league-name {
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.2rem; }
  .league-listing .league-name img {
    display: inline-block; }
.league-listing .league-summary {
  margin-bottom: 12px; }
  .league-listing .league-summary .sport, .league-listing .league-summary .days {
    display: none; }
.league-listing .learn-more-button {
  margin-bottom: 12px;
  width: 6rem;
  line-height: 1.1rem; }
.league-listing .learn-more-button-icon {
  margin: 0 2px -2px -4px; }
.league-listing .hr {
  height: 0;
  border-bottom: double #e8e8e8;
  margin-bottom: .75rem; }
.league-listing .league-links .forum, .league-listing .league-links .playoffs, .league-listing .league-links .photos {
  display: none; }
.league-listing .registration-option {
  margin: .5rem 0; }
  .league-listing .registration-option li {
    display: inline-block;
    margin: 0; }
  .league-listing .registration-option .cost-item {
    margin: .3rem .75rem 0 0; }
  .league-listing .registration-option .status-item {
    margin-right: 0.4rem; }
.league-listing .divisions-pop-up {
  padding: 12px; }
  .league-listing .divisions-pop-up .close-divisions {
    position: absolute;
    top: .75rem;
    right: .75rem; }
  .league-listing .divisions-pop-up .instructions {
    margin-bottom: .75rem; }

/*
*	league detail popup
*/
#leagueDetailPopup {
  text-align: left;
  padding: 24px;
  min-height: 400px; }
  #leagueDetailPopup .loadingView, #leagueDetailPopup.loading .leagueView {
    display: none; }
  #leagueDetailPopup.loading .loadingView {
    display: block; }
  #leagueDetailPopup .loadingView {
    text-align: center;
    margin: 30px; }
    #leagueDetailPopup .loadingView img {
      max-width: 140px; }

@media screen and (min-width: 600px) {
  .league-listing {
    position: relative;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 1rem;
    padding-bottom: .1rem;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11), 0 0 12px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11), 0 0 12px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11), 0 0 12px rgba(0, 0, 0, 0.08) inset; }
    .league-listing .league-name {
      padding-right: 8rem; }
      .league-listing .league-name img {
        display: none; }
    .league-listing .learn-more-button {
      position: absolute;
      top: 6px;
      right: 12px; }
    .league-listing .league-links .forum, .league-listing .league-links .playoffs, .league-listing .league-links .photos, .league-listing .league-links .standings {
      display: inline-block; }
    .league-listing .left {
      float: left;
      width: 40%; }
    .league-listing .right {
      position: relative;
      float: left;
      width: 55%;
      margin-left: 5%; }
    .league-listing .league-summary {
      margin-bottom: 0; }
      .league-listing .league-summary .sport, .league-listing .league-summary .format, .league-listing .league-summary .days {
        display: block; }
    .league-listing .registration-links {
      text-align: right; }
      .league-listing .registration-links h5 {
        width: 6.5rem;
        float: right;
        text-align: center;
        margin-bottom: .5rem;
        clear: both; }
    .league-listing .registration-option {
      clear: both;
      height: 2rem; }
      .league-listing .registration-option li {
        float: right; }
    .league-listing .divisions-pop-up {
      z-index: 999;
      position: absolute;
      top: 0;
      right: 7rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      background: white;
      border: 1px solid #555555;
      width: 26rem;
      -webkit-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.47);
      -moz-box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.47);
      box-shadow: 3px 3px 14px 0px rgba(50, 50, 50, 0.47); }
      .league-listing .divisions-pop-up .divisions {
        margin: 0; }
    .league-listing.closed .left {
      float: none;
      width: auto; }
    .league-listing.closed .league-summary li {
      display: inline-block;
      width: 16%;
      margin-right: 3%;
      font-size: 0.9rem;
      vertical-align: top;
      padding-left: 0; }
      .league-listing.closed .league-summary li.locations {
        width: 28%; }
      .league-listing.closed .league-summary li.days {
        width: 22%; }
      .league-listing.closed .league-summary li.start {
        margin-right: 0; }

  #leagueDetailPopup {
    max-width: 780px; }

  #listings-filter .left, #listings-filter .right {
    display: block; }
  #listings-filter .responsive-toggle {
    display: none; }
  #listings-filter .sports button {
    margin-right: .5rem; } }
@media screen and (min-width: 600px) and (min-width: 767px) {
  #listings-filter {
    padding-bottom: 12px; }
    #listings-filter .left {
      float: left;
      width: 38.5%; }
    #listings-filter .right {
      float: left;
      width: 60%; }
    #listings-filter .days {
      float: left;
      margin-bottom: 0; }
    #listings-filter .location-filter, #listings-filter .neighborhood-filter {
      width: 12rem; }
    #listings-filter .checkFilters {
      float: right;
      margin-top: 1.2rem; } }

@media screen and (max-width: 370px) {
  #listings-filter .left {
    float: none;
    width: auto; }
  #listings-filter .right {
    float: none;
    width: auto; }
  #listings-filter .sports button {
    margin-right: 12px; } }