/* Filename: css_ride_style.css
 * Defines formatting for all ride listings and the ride schedule page
 */

/* Special fonts for the ride listing */
@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bitter.regular.woff");
}

body {
  font-size: 12pt;
}

input {
  padding: 10px;
  font-size: 12pt;
}

.ridelist_table {
  display: table;
  padding-top: 10px;
  font-size: 12pt;
}
.ridelist_row {
  display: table-row;
}

.ridelisting_headercell {
  font-family: "Bitter", serif;
  display: table-cell;
  border-top: 1px solid;
  padding: 10px;
}

.ridelisting_actionheadercell {
  font-family: "Bitter", serif;
  display: table-cell;
  border-top: 1px solid;
  padding: 10px;
  width: 10%;
}

.ridelisting_weekday {
  color: #000000;
}

.ridelisting_weekend {
  color: #109;
}

.ridelisting_ridecell {
  border: none;
  font-family: "Bitter", serif;
  display: table-cell;
  border-top: 1px solid;
  padding: 3%;
  line-height: 145%;
}

.ridelist_row:nth-child(even) {
  background: #e0e0ff;
}
.ridelist_row:nth-child(odd) {
  background: #f0f0ff;
}

.ridelisting_actioncell {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 10px;
  padding-top: 30px;
  background: #c0c0ff;
  border-top: 1px solid;
  /* Make these controls big and far apart to help avoid mistakes on smaller screens */
  line-height: 150%;
  font-size: large;
  width: 10%;
}

.ridelisting_date {
  float: left;
  clear: both;
  font-size: larger;
  font-weight: bold;
}

.ridelisting_title {
  clear: right;
  float: right;
  font-size: larger;
  font-weight: bold;
}

.ridelisting_time {
  clear: right;
  float: left;
  font-size: larger;
  font-weight: bold;
}

.ridelisting_pace {
  clear: right;
  float: right;
  font-size: larger;
  font-weight: bold;
}

.ridelisting_type {
  clear: right;
  float: left;
  font-style: italic;
}

.ridelisting_goals {
  clear: right;
  float: right;
  font-style: italic;
}

.ridelisting_start {
  clear: both;
  float: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ridelisting_description {
  clear: both;
  float: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ridelisting_leader {
  clear: right;
  float: left;
}

.ridelisting_leadercontact {
  clear: right;
  float: right;
}

.ridelisting_impromptu {
  clear: right;
  float: left;
  font-variant: small-caps;
}

.ridelisting_cancelled {
  clear: right;
  float: left;
  font-variant: small-caps;
  color: #ff0000;
}

.ridelisting_routesheeturl a:link {
  /*    clear: right;
    float: left; */
  color: #202080;
}

.ridelisting_mapurl a:link {
  /*    clear: right;
    float: left; */
  color: #202080;
}

.ridelisting_routesheeturl a:hover {
  color: #ff0000;
}

.ridelisting_mapurl a:hover {
  color: #ff0000;
}

.schedule_header {
  display: table;
}

.schedule_header_row {
  display: table-row;
}

.schedule_header_cell {
  display: table-cell;
}

.schedule_printer_icon {
  padding: 3px;
  border: 1px solid;
  border-color: #ffffff;
}

.schedule_printer_icon:hover {
  background: #c0c0ff;
  padding: 3px;
  border: 1px solid;
}

.schedule_button {
  padding: 8px 8px !important;
  background: #f0f0f0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 12pt;
  font-family: Arial, Helvetica;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid;
  border-color: #a0a0a0;
}

.schedule_button:hover {
  background: #c0c0ff;
}

.schedule_dropdown {
  background-color: #ffffff;
  padding: 4px;
  border: 1px solid;
  border-color: #a0a0a0;
  border-radius: 3px;
  font-size: 12pt;
  overflow: hidden;
  box-shadow: none;
}

/* User info/edit pages */

.userinfo_page {
  padding: 2rem;
}
.userinfo_table {
  display: table;
  font-size: 12pt;
}

.userinfo_row {
  display: table-row;
}

.userinfo_headercell {
  display: table-cell;
  border-top: 1px solid;
  padding: 10px;
  background-color: #46759a;
  color: #ffffff;
  font-size: 18pt;
}

.userinfo_datalabelcell {
  display: table-cell;
  background-color: #e0e0ff;
  font-size: 14pt;
  font-weight: bold;
  padding: 4px 8px;
}

.userinfo_datavaluecell {
  display: table-cell;
  background-color: #e0e0ff;
  font-size: 14pt;
  padding: 4px 8px;
}

.userinfo_ro {
  background-color: #ccc;
}

.userinfo_agree {
  color: green;
  weight: bold;
}

.rides_motd {
  border: 1px solid #80d0a0;
  background: #c0f0e0;
  padding: 0.5em;
  margin: 0.5em;
  width: 90%;
}

.rides-icon {
  font-size: 1.2em;
  margin-right: 0.5em;
  display: inline-block;
}

.rides-icon img {
  height: 1em;
}

.rides-notice {
  text-align: center;
  font-family: "Bitter", serif;
}

.rides-start-location {
  border: solid 0.2em darkblue;
  border-radius: 0.2em;
  padding: 0.2em;
  margin: 0.2em;
  background-color: darkblue;
  color: white;
}

.rides-routelist {
  display: inline;
  border: solid 0.2em darkblue;
  border-radius: 0.2em;
  padding: 0.2em;
  margin: 0.2em;
  background-color: darkblue;
  line-height: 150%;
  color: white;
}

.rides-routelist:link,
.rides-routelist:visited {
  color: white;
  text-decoration: underline;
}

.rides-routelist:hover {
  color: yellow;
}