/* cues.css
	Style overrides for cues.php
	*/
	
  /* vertically align cell text to bring it in line with buttons */
  td {
	vertical-align: middle !important;
  }

  /* switch to selector instead of pills on xs screens */
  #selector {
	display: none;
  }
  #top-arrow {
	position: fixed;
	bottom: 70px;
	left: 126px;
  }
  
  @media (max-width: 767px) {
	#pills {
	  display: none;
	}
	#selector {
	  display: block;
	}

	/* reformat table into 'cards' */
	.cues-table table {
	  border: 0;
	}

	.cues-table table thead {
	  display: none;
	}

	.cues-table table tr {
	  margin-bottom: 20px;
	  display: block;
	  border: 4px solid #ddd;
	}

	.cues-table table td:before {
	  float: left;
	  text-transform: uppercase;
	  font-weight: bold;
	  transform: translate(-102px, 0px);
	}

	.cues-table table td:nth-of-type(1):before { content: "ID"; }
	.cues-table table td:nth-of-type(2):before { content: "Ride Name"; }
	.cues-table #ss table td:nth-of-type(2):before { content: "(Rating-Miles)"; }
	.cues-table table tr.loc td:nth-of-type(2):before { content: "Location" !important; }
	.cues-table table td:nth-of-type(3):before { content: "(Rating-Miles)"; }
	.cues-table table tr.loc td:nth-of-type(3):before { content: ""; }
	.cues-table #ss table td:nth-of-type(3):before { content: ""; }
	/*
	.cues-table table td:nth-of-type(4):before { content: "Version"; }
	.cues-table table td:nth-of-type(5):before { content: "PDF"; }
	.cues-table table td:nth-of-type(6):before { content: "GPS Link"; }
	*/
	
	.cues-table table td {
	  display: block;
	  text-align: right;
	  font-size: 13px;
	  padding-left: 110px !important;
	  word-wrap: normal;
	  border-bottom: 1px solid #ccc;
	}
	.cues-table table td:nth-of-type(4) {
	  display: none;
	}
	.cues-table #ss table td:nth-of-type(4) {
	  display: block;
	}
	.cues-table table td:last-child {
	  border-bottom: 0;
	}
	
  }