/* ss.css
	Style overrides for seasonedspokes.php
	*/
	
  /* remove ul indentation */
  #importantNotes-ul {
	padding-left: 20px;
  }
  /* add space between "important notes" list elements */
  #importantNotes-ul > li{
	margin-bottom: 6px;
  }

  /* disallow line breaks on date, time, rating, and host table columns */
  .ss-table table td:nth-child(1) { white-space:nowrap; }
  .ss-table table td:nth-child(2) { white-space:nowrap; }
  .ss-table table td:nth-child(4) { white-space:nowrap; }
  .ss-table table td:nth-child(5) { white-space:nowrap; }
  .ss-table table td:nth-child(7) { white-space:nowrap; }

  #top-arrow {
	position: fixed;
	bottom: 70px;
	left: 110px;
  }

  /* for xs devices */
  @media only screen and (max-width : 767px) {

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

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

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

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

	  .ss-table table td:nth-of-type(1):before { content: "Date"; }
	  .ss-table table td:nth-of-type(2):before { content: "Time"; }
	  .ss-table table td:nth-of-type(3):before { content: "Name & GPS"; }
	  .ss-table table td:nth-of-type(4):before { content: "Rating"; }
	  .ss-table table td:nth-of-type(5):before { content: "Miles"; }
	  .ss-table table td:nth-of-type(6):before { content: "Location"; }
	  .ss-table table td:nth-of-type(7):before { content: "Host"; }

	  .ss-table table td {
		display: block;
		text-align: right;
		font-size: 13px;
		padding-left: 110px !important;
		word-wrap: normal;
		border-bottom: 1px solid #ccc;
	  }

	  .ss-table table td:last-child {
		border-bottom: 0;
	  }

	  .ss-table table td:nth-of-type(3) a { /* Size RWGPS links for touch */
		font-size: 18px;
		line-height: 1.5;
	  }
  }