/* 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 .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 {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;}

@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;}

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

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