/* jumbotron */
.container .jumbotron, .container-fluid .jumbotron {border-radius: 6px;}
.jumbotron {position:relative !important;}
.jumbotron img {width: 100%; height: 100%;}
header {text-align: center;}

/* responsive table */
.rg-container {font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; margin: 0; padding: 1em 0.5em; color: #1a1a1a;}
.rg-header {margin-bottom: 1em;}
.rg-hed {font-weight: bold; font-size: 1.4em;}
.rg-dek {font-size: 1em;}
.rg-source-and-credit {width: 100%; overflow: hidden;}
.rg-source {margin: 0; float: left; font-weight: bold; font-size: 0.75em;}
.rg-source .pre-colon {text-transform: uppercase;}

/* table */
table.rg-table {width: 100%; margin-bottom: 0.5em; font-size: 1em; border-collapse: collapse; border-spacing: 0;}
table.rg-table * {-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; color: #333;}
table.rg-table thead {border-bottom: 1px solid #ddd;}
table.rg-table tr {border-bottom: 1px solid #ddd; color: #222;}
table.rg-table tr.highlight {background: #efefef;}
table.rg-table.zebra tr:nth-child(even) {background: #CCE6E7;}
table.rg-table th {font-weight: bold; padding: 0.35em; font-size: 0.9em;}
table.rg-table td {padding: 0.35em; font-size: 0.9em;}
table.rg-table .highlight td {font-weight: bold;}
table.rg-table th.number, td.number {text-align: right;}

/* media queries */
@media screen and (max-width: 600px) {.rg-container {max-width: 600px; margin: 0 auto;}
table.rg-table {display: block; width: 100%;}
table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile {display: none;}
table.rg-table thead {display: none;}
table.rg-table tbody {display: block; width: 100%;}
table.rg-table tr, table.rg-table th, table.rg-table td {display: block; padding: 0;}
table.rg-table tr {border-bottom: none; margin: 0 0 1em 0; padding: 0.5em 0;}
table.rg-table tr.highlight {background: none;}
table.rg-table.zebra tr:nth-child(even) {background: none;}
table.rg-table.zebra td:nth-child(even) {background: #CCE6E7;}
table.rg-table tr:nth-child(even) {background: none;}
table.rg-table td {padding: 0.5em 0 0.25em 0; border-bottom: 1px dotted #ccc; text-align: right;}
table.rg-table td[data-title]:before {content: attr(data-title) ":A0"; font-weight: bold; display: inline-block; content: attr(data-title); float: left; margin-right: 0.5em; font-size: 0.95em;}
table.rg-table td:last-child {padding-right: 0; border-bottom: 2px solid #ccc;}
table.rg-table td:empty {display: none;}
table.rg-table .highlight td {background: none;}}

/* calendar */
.calendar {width: 100%;}
.calendar a {color: #851707; text-decoration: none;}
.calendar ul {list-style: none; padding: 0; margin: 0; width: 100%;}
.calendar li {display: block; float: left; width: 14.342%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; margin-right: -1px; margin-bottom: -1px;}
.calendar ul.weekdays {height: 40px; background: #851707;}
.calendar ul.weekdays li {text-align: center; text-transform: uppercase; line-height: 20px; border: none !important; padding: 10px 6px; color: #fff; font-size: 13px;}
.calendar .days li {height: 180px;}
/* .calendar .days li:hover {background: #d3d3d3;} */
.calendar .date {text-align: center; margin-bottom: 5px; padding: 4px; color: #333; width: 20px; float: right;}
.calendar .event {clear: both; display: block; font-size: 13px; border-radius: 4px; padding: 5px; margin-top: 40px; margin-bottom: 5px; line-height: 14px; background: #e4f2f2; border: 1px solid #b5dbdc; color: #009aaf; text-decoration: none;}
.calendar .non-event {clear: both; display: block; font-size: 13px; border-radius: 4px; padding: 5px; margin-top: 40px; margin-bottom: 5px; line-height: 14px; background: #dbc7e4; border: 1px solid #b5dbdc; color: #009aaf; text-decoration: none;}
.calendar .event-desc {color: #666; margin: 3px 0 7px 0; text-decoration: none;}
.calendar .other-month {background: #f5f5f5; color: #666;}

/* ============================
      Mobile Responsiveness
   ============================*/

@media (max-width: 600px) {
  .calendar .weekdays, .calendar .other-month {display: none;}
  .calendar li {height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px;}
  .calendar .date {float: none;} 

}

/* Remove event table format from desktop widths

@media (min-width: 600px) {#event-table {display:none;}}

*/

@media (max-width: 600px) {
  #event-calendar, .calendar-dates {display:none;}
}

.btc-logo-div {position: absolute; top: 0; right: 0;}
.btc-text-div {position: absolute; bottom: 0; left: 0;}
img#btc-logo {margin: 1em 1em 0 0;}
img#btc-text {margin: 0 0 1em 1em; width: 570px; max-width: 90%;}
#home-wrapper {max-width: 1000px; float:none; margin:0 auto;}
#home-icons {text-align:center; margin: 0 auto;}


@media (min-width: 768px) {
  .jumbotron {height:325px !important;}
}

@media (max-width: 767px) {
  .jumbotron {height:250px !important;}
  img#btc-logo {width: 125px !important;}
}

.tools-nav li{display: inline; list-style-type: none; padding-right: 20px; float: right; clear:left;}

/* @media (max-width: 650px) {img#route-image, img#events-image, img#riders-image, img#cause-image, img#tools-image, img#network-image {width:125px !important; min-width:125px !important;}} */

.body-padding { padding:0 5em !important; }

/* Tools Background */

div.tools-overview > h4, div.tools-resources > h4, div.tools-social > h4, div.tools-event > h4, div.tools-media > h4, div.tools-visual > h4 {margin-top: 1em; color: #333; font-size: 1.5em;}

a{color:#901D1B;}
a:hover{text-decoration:none;}

#tools > div.col-md-8 > hr {margin: 3em 0;}

div.tools-resources > img, div.tools-social > img, div.tools-event > img, div.tools-media > img, div.tools-visual > img {margin-bottom:2em;}

/* Left nav icons in mobile only */

@media (max-width: 767px) {
  div.navbar-header.pull-left > a.navbar-brand-link{float:left;height:50px;padding:15px 0 15px 10px;font-size:13px;line-height:20px;}
  #myNavbar > ul.nav.navbar-nav.navbar-right {display:none;}
}

@media (min-width: 768px) {
  div.navbar-header.pull-left > a.navbar-brand-link{display:none;}
}


/* rider page formatting */

.rider_name, .rider_location, .rider_distance, .rider_dates, .rider_bio, .rider_motivation, .rider_website {margin: 1em 1em 1em 0;}

.rider_location::before, .rider_distance::before, .rider_dates::before, .rider_bio::before, .rider_motivation::before, .rider_website::before {color: #666; font-weight:600;}

.rider_name {font-size: 1.3em; }
.rider_location::before {content: "Location: ";}
.rider_distance::before {content: "Distance: ";} .rider_distance::after {content: " Miles";}
.rider_dates::before {content: "Date(s): ";}
.rider_bio::before {content: "Biography: ";}
.rider_motivation::before {content: "Motivation: ";}
.rider_website::before {content: "Fundraising: ";}
.img-accordion { padding:.25em; width:100px;}
div.tweet {border: 2px solid #0098cb; padding: .5em; margin: 1em 0;}

#panel-756371 > div > div > a > div {font-size:.8em;}




/* basic positioning */
.legend { list-style: none; }
.legend li { float: left; margin-right: 10px; }
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }
/* your colors */
.legend .non-event { background-color: #dbc7e4; }
.legend .btc-event { background-color: #e4f2f2; }

#footer-text > div > p {letter-spacing: -.033em;}