/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
svg#defs {
  display: none;
}
.container {
  padding: 0;
}
@media (max-width: 992px) {
  .trip-ideas-holder {
    margin-right: 12px;
  }
}
#home-above-fold .trip-ideas-holder {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: black;
  height: 100%;
  min-height: 400px;
  vertical-align: top;
  border-left: 15px solid #433a29;
  border-image: url(border.png) 30 round;
  border-bottom: 15px solid #433a29;
  -webkit-border-image: url(../images/wood1.jpg) 30;
  /* Safari 3.1-5 */
  -o-border-image: url(../images/wood1.jpg) 30;
  /* Opera 11-12.1 */
  border-image: url(../images/wood1.jpg) 30;
}
#home-above-fold .trip-ideas-holder .trip-ideas-spacer {
  min-height: 450px;
  width: 100%;
}
#home-above-fold .trip-ideas-holder .trip-ideas-one-sentence-description {
  background: rgba(235, 233, 229, 0.9);
  padding: 10px;
  margin-bottom: 5px;
  font-size: .8em;
}
#home-above-fold .trip-ideas-holder .trip-ideas-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  background: url(../images/wood1.jpg);
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  padding: 15px;
  letter-spacing: 2px;
  font-size: 20px;
  text-transform: uppercase;
}
#home-above-fold .trip-ideas-holder .trip-ideas-title a:link,
#home-above-fold .trip-ideas-holder .trip-ideas-title a:active,
#home-above-fold .trip-ideas-holder .trip-ideas-title a:hover,
#home-above-fold .trip-ideas-holder .trip-ideas-title a:visited {
  color: white;
}
#home-above-fold .trip-ideas-holder .trip-ideas-title a:hover {
  color: white;
  text-decoration: underline;
}
#home-above-fold .trip-ideas-holder .trip-idea-cats {
  padding-top: 12px;
  position: absolute;
  background: url(../images/wood1.jpg);
  width: 100%;
  bottom: 0;
  left: 0;
}
#home-above-fold .trip-ideas-holder .trip-idea-cats .list a {
  color: white;
  border-radius: 3px;
  background: #2e220c;
  display: inline-block;
  margin: 3px;
  padding: 3px 4px;
}
#home-above-fold .trip-ideas-holder .trip-idea-cats .list a:hover {
  background: #6b4f1c;
  text-decoration: none;
}
#home-above-fold #map-box {
  min-height: 100%;
  height: 100%;
  padding-bottom: 10px;
}
#home-above-fold #map-box #map-holder {
  width: 100%;
  height: 100%;
}
html.ie10 #home-above-fold #map-box {
  height: 470px;
}
@media (max-width: 992px) {
  html.ie10 #home-above-fold #map-box {
    height: 540px;
  }
}
#home-above-fold {
  background: url(../images/wood1.jpg);
}
#home-above-fold #promo-box {
  height: 627px;
  color: white;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  font-size: 1.25em;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Oswald', sans-serif;
}
#home-above-fold #promo-box #home-quote-author {
  font-size: .8em;
}
#home-above-fold #promo-box #home-slide-edit-link {
  display: none;
}
#home-above-fold #promo-box:hover #home-slide-edit-link {
  display: inherit;
}
#home-above-fold #map-box {
  position: relative;
  color: #665b51;
}
#home-above-fold #map-box #map-instructions {
  float: left;
  margin-left: 29px;
  margin-top: 20px;
  z-index: 99;
  position: relative;
}
#home-above-fold #map-box #desktop-map-alerts {
  position: absolute;
  right: 20px;
  bottom: 125px;
}
#home-above-fold #map-box #map-decoration-lines-top {
  background-image: url(../images/map-edge-horizontal.png);
  height: 15px;
  background-repeat: repeat-x;
  width: 100%;
  background-position: 0px 2px;
}
#home-above-fold #map-box #map-decoration-lines-left {
  background-image: url(../images/map-edge-vertical.png);
  width: 15px;
  height: 100%;
  left: 0;
  position: absolute;
  background-repeat: repeat-y;
  background-position: 3px 0;
}
#home-above-fold #map-box #map-decoration-lines-right {
  background-image: url(../images/map-edge-vertical.png);
  width: 15px;
  height: 100%;
  background-repeat: repeat-y;
  position: absolute;
  right: 0;
  top: 0;
  background-position: 5px 0;
}
#home-above-fold #map-box #map-decoration-lines-bottom {
  background-image: url(../images/map-edge-horizontal.png);
  height: 15px;
  background-repeat: repeat-x;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-position: 0px 3px;
}
#middle-home {
  padding-top: 15px;
  background-color: #36332b;
  background: #49473f;
  /* Old browsers */
}
#middle-home #promo-box {
  margin-top: 15px;
  margin-bottom: 15px;
}
#middle-home .home-middle-col {
  margin-top: 18x;
  margin-left: 18px;
  float: left;
  margin-right: 0px;
}
#middle-home #home-middle-col-2 {
  position: relative;
}
#home-desc {
  background-color: black;
  padding: 18px;
  border-right: rgba(255, 255, 255, 0.3) 1px solid;
  border-left: rgba(255, 255, 255, 0.3) 1px solid;
}
ul#menu-main-home-nav {
  margin: 0;
}
ul#menu-main-home-nav li {
  display: table;
  min-height: 68px;
  background-color: #709438;
  border: 1px solid #99a97e;
  border-radius: 4px;
  width: 100%;
  clear: left;
  color: white;
  position: relative;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  margin-bottom: 11px;
  padding-left: 55px;
  padding-top: 7px;
}
ul#menu-main-home-nav li svg {
  top: 15px;
  display: table-cell;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 10px;
}
ul#menu-main-home-nav li i {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 66px;
  background-image: url(../images/yarts-sprites.png);
  background-position: 0 0;
}
ul#menu-main-home-nav li a:link,
ul#menu-main-home-nav li a:visited,
ul#menu-main-home-nav li a:active {
  font-family: 'Oswald', sans-serif;
  font-size: 23px;
  float: left;
  text-decoration: none;
  clear: both;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
ul#menu-main-home-nav li .menu-item-desc {
  float: left;
  color: black;
  font-size: 12px;
  clear: left;
  text-transform: none;
}
ul#menu-main-home-nav li:hover {
  background-color: #8cb946;
  cursor: pointer;
}
ul#menu-main-home-nav li.routes-and-schedules i {
  background-position: -166px -156px;
}
ul#menu-main-home-nav li.routes-and-schedules:hover i {
  background-position: -166px -217px;
}
ul#menu-main-home-nav li.how-to-ride i {
  background-position: -7px -156px;
}
ul#menu-main-home-nav li.how-to-ride:hover i {
  background-position: -7px -217px;
}
ul#menu-main-home-nav li.travel-connections svg {
  width: 45px;
  top: 10px;
  left: 5px;
}
ul#menu-main-home-nav li.travel-connections:hover i {
  background-position: -217px -217px;
}
ul#menu-main-home-nav li.tickets-and-fares i {
  background-position: -61px -156px;
}
ul#menu-main-home-nav li.tickets-and-fares:hover i {
  background-position: -61px -217px;
}
ul#menu-main-home-nav li.testimonials i {
  background-position: -112px -156px;
}
ul#menu-main-home-nav li.testimonials:hover i {
  background-position: -112px -217px;
}
ul#menu-main-home-nav li.holidays-and-calendar i {
  background-position: -272px -156px;
}
ul#menu-main-home-nav li.holidays-and-calendar:hover i {
  background-position: -272px -217px;
}
.news-section {
  padding: 18px;
}
.news-section h2 {
  color: #ede9d0;
  width: 40%;
  border-bottom: 1px solid #738157;
}
.news-section ul {
  padding-top: 5px;
}
.news-section li {
  margin: 15px 15px 35px 0;
  line-height: 26px;
  vertical-align: center;
  background-repeat: no-repeat;
  background-position: 0px center;
  min-height: 35px;
}
.news-section li a:link,
.news-section li a:active,
.news-section li a:visited {
  color: #ede9d0;
  text-decoration: none;
  font-weight: 600;
}
.news-section li a:hover {
  text-decoration: underline;
}
.news-section #home-more-news a:link,
.news-section #home-more-news a:active,
.news-section #home-more-news a:visited {
  color: #8cac6f;
  text-decoration: none;
}
.news-section #home-more-news a:hover {
  text-decoration: underline;
}
.news-section a:link#home-contact-us,
.news-section a:active#home-contact-us,
.news-section a:visited#home-contact-us {
  background: #acd373;
  border: 3px solid #e0eeca;
  color: #426747;
  padding: 8px;
  text-decoration: none;
  border-radius: 4px;
  float: left;
  font-weight: 600;
}
.news-section a:hover#home-contact-us {
  background: #c3df9a;
}
.news-section #home-facebook:link,
.news-section #home-twitter:link,
.news-section #home-youtube:link {
  margin-top: 2px;
}
.news-section #home-facebook:link,
.news-section #home-facebook:visited,
.news-section #home-facebook:active {
  background-image: url(../images/yarts-sprites.png);
  background-position: -357px -168px;
  width: 45px;
  height: 52px;
  float: left;
}
.news-section #home-facebook:hover {
  background-position: -357px -228px;
}
.news-section #home-twitter:link,
.news-section #home-twitter:visited,
.news-section #home-twitter:active {
  background-image: url(../images/yarts-sprites.png);
  background-position: -410px -168px;
  width: 47px;
  height: 52px;
  float: left;
}
.news-section #home-twitter:hover {
  background-position: -410px -228px;
}
.news-section #home-youtube:link,
.news-section #home-youtube:visited,
.news-section #home-youtube:active {
  background-image: url(../images/yarts-sprites.png);
  background-position: -465px -168px;
  width: 52px;
  height: 52px;
  float: left;
}
.news-section #home-youtube:hover {
  background-position: -465px -228px;
}
.news-section #home-middle-contact-social {
  float: left;
  margin-top: 40px;
}
#home-featured-image {
  width: 100%;
  margin-top: 50px;
}
#home-desc-link:link,
#home-desc-link:active,
#home-desc-link:visited {
  color: #8cac6f;
}
#wood-bottom-left,
#wood-bottom-right,
#wood-top-right,
#wood-top-left {
  position: absolute;
}
/*#wood-bottom-left {
	width: 30px;
	height: 30px;
	background-image: url(../images/wood-bottom-left-corner.png);
	background-position: -10px 0 ; 
	left:0 ;
	bottom: 0;
}*/
#wood-top-left {
  width: 30px;
  height: 30px;
  background-image: url(../images/wood-top-left-corner.png);
  background-position: -40px 0;
  background-repeat: no-repeat;
  left: 0 ;
  top: 0;
}
#wood-top-right {
  width: 30px;
  height: 30px;
  background-image: url(../images/wood-top-right-corner.png);
  background-position: 10px 0 ;
  background-repeat: no-repeat;
  right: 0 ;
  top: 0;
}
/*#wood-bottom-right {
	width: 30px;
	height: 30px;
	background-image: url(../images/wood-bottom-right-corner.png);
	background-position: -20px 0 ;
	right: 0;
	bottom: 0;
}*/
#home-desc {
  position: relative;
  color: #d0ebed;
}
.home #home-wood-top {
  position: relative;
  line-height: 0;
  height: 20px;
  overflow: hidden;
}
#home-wood-top {
  position: relative;
  line-height: 0;
  height: 50px;
}
#subpage-menu-holder-slicknav {
  background: #efefef;
  /* default color */
  min-height: 20px;
  background: -moz-linear-gradient(45deg, transparent 10px, #533b23 10px), -moz-linear-gradient(135deg, transparent 10px, #533b23 10px), -moz-linear-gradient(225deg, transparent 10px, #533b23 10px), -moz-linear-gradient(315deg, transparent 10px, #533b23 10px);
  background: -o-linear-gradient(45deg, transparent 10px, #533b23 10px), -o-linear-gradient(135deg, transparent 10px, #533b23 10px), -o-linear-gradient(225deg, transparent 10px, #533b23 10px), -o-linear-gradient(315deg, transparent 10px, #533b23 10px);
  background: -webkit-linear-gradient(0deg, transparent 10px, #533b23 10px), -webkit-linear-gradient(0deg, transparent 10px, #533b23 10px), -webkit-linear-gradient(225deg, transparent 10px, #533b23 10px), -webkit-linear-gradient(315deg, transparent 10px, #533b23 10px);
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 15px;
  width: 100%;
  overflow: hidden;
}
#subpage-menu-holder-slicknav .slicknav_menu {
  background: url(../images/wood1.jpg);
}
#subpage-menu-holder-slicknav .slicknav_menu ul {
  margin: 0;
  padding: 0;
}
#subpage-menu-holder-slicknav .slicknav_menu ul ul {
  margin-left: 10px;
}
#subpage-menu-holder-slicknav .slicknav_menu .slicknav_btn {
  background: 0;
}
#subpage-menu-holder-slicknav .slicknav_menu .slicknav_menutxt {
  color: #e1ecc7;
}
#subpage-menu-holder-slicknav .slicknav_menu a:link,
#subpage-menu-holder-slicknav .slicknav_menu a:active,
#subpage-menu-holder-slicknav .slicknav_menu a:hover,
#subpage-menu-holder-slicknav .slicknav_menu a:visited {
  color: #e1ecc7;
}
#subpage-menu-holder-slicknav .slicknav_menu a:hover {
  color: black;
}
@media (min-width: 768px) {
  #subpage-menu-holder-slicknav {
    display: none !important;
  }
}
#home-wood-top.mobile {
  display: none;
}
@media (max-width: 768px) {
  #home-wood-top {
    display: none;
  }
  #home-wood-top.mobile {
    display: inherit;
  }
}
#center-wood-base {
  height: 53px;
  background-image: url(../images/wood-wide-thin.jpg);
}
#left-wood-base {
  height: 53px;
  background-image: url(../images/wood-wide-left-corner.png);
  background-position: left 0;
}
#right-wood-base {
  height: 53px;
  background-image: url(../images/wood-wide-right-corner.png);
  background-position: right 0;
}
.home-map-button {
  position: absolute;
  padding: 8px 15px 7px;
  background: #ecdcb8;
  border: 1px solid #e3cdac;
  border-right: 0;
  border-left: 0;
}
.home-map-button i {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url(../images/yarts-sprites.png);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.home-map-button .home-map-button-decor-left,
.home-map-button .home-map-button-decor-right {
  background-image: url(../images/map-buttom-edge-left.jpg);
  width: 8px;
  height: 39px;
  position: absolute;
}
.home-map-button .home-map-button-decor-left {
  left: 0;
  top: 0;
}
.home-map-button .home-map-button-decor-right {
  right: 0;
  top: 0;
}
.home-map-button:hover {
  background: #dccdaa;
}
a#home-map-tickets:link,
a#home-map-tickets:active,
a#home-map-tickets:visited,
a#home-map-travel-connections:link,
a#home-map-travel-connections:active,
a#home-map-travel-connections:visited {
  color: #4d3730;
  font-weight: bold;
  font-size: .8em;
  line-height: 1.9em;
  text-decoration: none;
  text-transform: uppercase;
  border-top: 1px solid #c2a27a;
  border-bottom: 1px solid #c2a27a;
}
@media (max-width: 768px) {
  a#home-map-tickets:link,
  a#home-map-tickets:active,
  a#home-map-tickets:visited,
  a#home-map-travel-connections:link,
  a#home-map-travel-connections:active,
  a#home-map-travel-connections:visited {
    display: none;
  }
}
a.home-map-button {
  color: #4d373;
}
#home-map-tickets {
  bottom: 85px;
  right: 34px;
}
#home-map-tickets i {
  background-position: -360px 335px;
}
#home-map-travel-connections {
  bottom: 35px;
  right: 34px;
}
#home-map-travel-connections i {
  width: 35px;
  background-position: -315px 335px;
}
.trip-ideas-holder {
  display: none;
}
@media (min-width: 992px) {
  .trip-ideas-holder {
    display: inherit !important;
  }
  #promo-box {
    display: none !important;
  }
}
#top-title-area {
  background: rgba(0, 0, 0, 0.5);
  min-height: 100px;
  color: white;
  padding: 10px 24px;
  border-top: 5px solid black;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top-title-area {
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
#breadcrumbs {
  float: left;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  padding: 3px;
  color: #A8D5A5;
  font-size: .88em;
}
#breadcrumbs a {
  color: #A8D5A5;
  text-shadow: 0px 0px 2px #000000;
}
#breadcrumbs a a:link,
#breadcrumbs a a:active,
#breadcrumbs a a:visited,
#breadcrumbs a a:hover {
  color: #A8D5A5;
  text-decoration: underline;
}
#breadcrumbs a a:hover {
  text-decoration: underline;
}
#page-title-text {
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  letter-spacing: 5px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.28);
}
.subpage #top-title-area {
  border-bottom: 4px solid black;
}
.subpage #featured-image-container img {
  width: 100%;
  border: 3px solid tan;
}
.subpage #route-title-holder {
  clear: left;
  margin-left: 0;
  height: 48px;
}
.subpage #subpage-left-col {
  width: 70%;
  float: left;
  margin-right: 20px;
}
.subpage #subpage-right-col {
  width: 28%;
  float: left;
}
.subpage #subpage-alerts-holder h2 i {
  background-image: url(../images/yarts-sprites.png);
  background-position: -476px -55px;
  width: 27px;
  height: 24px;
  float: left;
  position: relative;
  top: 5px;
  margin-right: 2px;
  margin-left: 2px;
}
.subpage #subpage-news-holder ul,
.subpage #subpage-alerts-holder ul {
  margin-top: 5px;
  margin-bottom: 0;
}
.subpage #subpage-news-holder a:link,
.subpage #subpage-alerts-holder a:link {
  text-decoration: none;
}
.subpage a:link#home-contact-us,
.subpage a:active#home-contact-us,
.subpage a:visited#home-contact-us {
  background: #acd373;
  border: 3px solid #e0eeca;
  color: #426747;
  padding: 8px;
  text-decoration: none;
  border-radius: 4px;
  float: left;
  font-weight: 600;
}
.subpage .interior {
  padding: 20px;
  padding-top: 15px;
  font-size: 1.07em;
}
.subpage .interior h3:first-of-type {
  margin-top: 0px;
}
.subpage a.subpage-see-all {
  float: left;
  margin: 5px;
}
.subpage #subpage-news-holder a.subpage-see-all:hover,
.subpage #subpage-alerts-holder a.subpage-see-all:hover {
  text-decoration: underline;
}
.subpage a:hover#home-contact-us {
  background: #c3df9a;
}
.subpage .home-news-outer,
.subpage .home-alerts-outer {
  padding: 5px;
  font-size: .9em;
  border-bottom: 1px solid #d8bda1;
}
.subpage .home-news-outer a:link,
.subpage .home-alerts-outer a:link {
  text-decoration: none;
}
.subpage .home-news-outer:hover,
.subpage .home-alerts-outer:hover {
  background: #f6f0e9;
  cursor: pointer;
}
.main-subpage-top-menu {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 10;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .9em;
  line-height: 1.5em;
}
.main-subpage-top-menu li {
  display: inline-block;
  position: relative;
}
.main-subpage-top-menu li a {
  display: inline-block;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 16px;
}
.main-subpage-top-menu li a:link,
.main-subpage-top-menu li a:active,
.main-subpage-top-menu li a:visited {
  color: white;
}
.main-subpage-top-menu li a:hover {
  color: #e9eec1;
}
.main-subpage-top-menu li i {
  margin-right: 4px;
  width: 10px;
  height: 10px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-position: center center;
  position: absolute;
  left: 10px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.main-subpage-top-menu li ul {
  position: absolute;
  top: -99999px;
  background: url(../images/wood1.jpg);
  z-index: 999;
  border-bottom: 2px solid #d2b48c;
  border-left: 2px solid #d2b48c;
  border-right: 2px solid #d2b48c;
}
.main-subpage-top-menu li ul li a {
  display: block;
}
.main-subpage-top-menu li::before {
  content: '';
  width: 2px;
  height: 43px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: 7px;
}
.main-subpage-top-menu li:last-of-type::before {
  display: none;
}
.main-subpage-top-menu li li::before {
  display: none;
}
.main-subpage-top-menu li:hover > a:link {
  text-decoration: underline;
  color: #e9eec1;
}
.main-subpage-top-menu li:hover ul {
  top: 49px;
  left: 0;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.49);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.49);
}
.main-subpage-top-menu li:hover ul li a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.main-subpage-top-menu li:hover ul li:hover {
  background: rgba(255, 255, 255, 0.1);
}
.main-subpage-top-menu li.routes-and-schedules i {
  background-image: url(../svg/icons/routes-and-schedules.svg);
}
.main-subpage-top-menu li.how-to-ride i {
  background-image: url(../svg/icons/how-to-ride.svg);
}
.main-subpage-top-menu li.routes-and-schedules i {
  background-color: none;
  background-image: url(../svg/icons/routes-and-schedules.svg);
}
.main-subpage-top-menu li.interactive-map i {
  background-color: none;
  background-image: url(../svg/icons/interactive-map.svg);
}
.main-subpage-top-menu li.tickets-and-fares i {
  background-image: url(../svg/icons/tickets-and-fares.svg);
}
.main-subpage-top-menu li.travel-connections i {
  width: 27px;
  height: 27px;
  top: 9px;
  left: 6px;
  background-image: url(../svg/icons/travel-connections.svg);
}
.main-subpage-top-menu li.travel-reviews i {
  width: 20px;
  height: 20px;
  top: 3px;
  background-image: url(../svg/icons/smiley.svg);
}
.main-subpage-top-menu li.trip-ideas i {
  top: 3px;
  width: 20px;
  height: 20px;
  background-image: url(../svg/icons/hiker.svg);
}
.main-subpage-top-menu li.holidays-and-calendars i {
  width: 20px;
  height: 20px;
  top: 12px;
  background-image: url(../svg/icons/calendar.svg);
}
.main-subpage-top-menu li.more-info > a::before {
  content: '\25BC';
  display: inline-block;
}
.main-subpage-top-menu li.more-info > a:link {
  padding-left: 5px;
}
.main-subpage-top-menu li.more-info ul li {
  text-align: left;
}
.main-subpage-top-menu li.more-info ul li a:link {
  padding-left: 50px;
}
.main-subpage-top-menu li.more-info:hover {
  position: inherit;
}
.main-subpage-top-menu li.more-info:hover ul {
  width: 22%;
  left: auto;
  right: 0;
}
.main-subpage-top-menu li.more-info:hover ul li {
  width: 100%;
}
.main-subpage-top-menu li.routes-and-schedules ul li i {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 1px solid white;
  margin-right: 7px;
  position: relative;
  top: 0px;
  left: 0;
  vertical-align: middle;
}
.main-subpage-top-menu li.routes-and-schedules ul li.route-merced i {
  background: #1d4497;
}
.main-subpage-top-menu li.routes-and-schedules ul li.route-fresno i {
  background: #ffa209;
}
.main-subpage-top-menu li.routes-and-schedules ul li.route-sonora i {
  background: #882d3a;
}
.main-subpage-top-menu li.routes-and-schedules ul li.route-mammoth i {
  background: #267845;
}
.main-subpage-top-menu li.routes-and-schedules:hover ul {
  width: 120%;
}
.main-subpage-top-menu li.routes-and-schedules:hover ul a,
.main-subpage-top-menu li.routes-and-schedules:hover ul li {
  width: 100%;
}
@media (max-width: 992px) {
  .main-subpage-top-menu li a {
    padding-left: 0px;
  }
  .main-subpage-top-menu li i {
    display: none;
  }
  .main-subpage-top-menu li.routes-and-schedules a {
    padding-left: 10px;
  }
  .main-subpage-top-menu li.more-info ul a:link {
    padding-left: 10px !important;
  }
}
.interior #center-wood-base {
  width: 500px;
  margin: 0 auto;
  height: 53px;
  background-image: url(../images/wood-wide-thin.jpg);
}
.interior #left-wood-base {
  position: absolute;
  left: 0;
  top: 0;
  height: 53px;
  width: 700px;
  background-image: url(../images/wood-wide-left-corner.png);
  background-position: left 0;
}
.interior #right-wood-base {
  position: absolute;
  right: 0;
  top: 0;
  height: 53px;
  width: 700px;
  background-image: url(../images/wood-wide-right-corner.png);
  background-position: right 0;
}
/*
.main-subpage-top-menu { 
	.nav {
	
		li {
			border-right: 1px solid rgba(0,0,0,.4);
			padding-left: 0;
			margin-top: 7px;
			float: left;
			
		}
		li:hover {
			background: rgba(0,0,0,.1);
		}
		li.menu-item-home {
			margin-left: 15px;
			border-left: 1px solid rgba(0,0,0,.4); 
		}
		 i {
			float: left;
			background-image: url(../images/yarts-sprites.png);
			width: 32px;
			height: 32px;
			margin-right: 3px;
			position: relative;
			top: -2px;
		 }
		 
		
	 
	 	@subpage-bg-y: -320px;
	 	@subpage-bg-y-hover: -369px;
	 
		 a:link,a:visited, a:active{
		 	padding-left: 3px;
		 	padding-right: 8px;
			i.routes-schedules {
				background-position: -13px @subpage-bg-y;
				margin-left: 2px;
			}
			i.travel-reviews {
				background-position: -47px @subpage-bg-y;
			}
			i.tickets-fares {
				background-position: -83px @subpage-bg-y;
			}
			i.how-to-ride {
				background-position: -154px @subpage-bg-y;
			}
			i.travel-connections {
				
				background-position: -126px -316px;
				top:-5px;
				height: 34px;
			}
			i.holidays-calendar {
				background-position: -190px @subpage-bg-y;
			}
			i.home{
				background-position: -251px @subpage-bg-y;
				margin-right: 5px;
				
			}
		 }
		 a:hover {
			color: lighten(#b5d18a,10); 
			 i.routes-schedules {
				background-position: -13px @subpage-bg-y-hover;
			 }
			 i.travel-reviews {
				background-position: -47px @subpage-bg-y-hover;
			}
			i.tickets-fares {
				background-position: -83px @subpage-bg-y-hover;
			}
			i.how-to-ride {
				background-position: -154px @subpage-bg-y-hover;
			}
			i.travel-connections {
				background-position: -126px -365px;
				top:-5px;
				height: 34px;
			}
			i.holidays-calendar {
				background-position: -190px @subpage-bg-y-hover;
			}
			i.home{
				background-position: -251px @subpage-bg-y-hover;
			}
		 }
	}
}*/
.single-alert #page-title-text i {
  background-image: url(../images/yarts-sprites.png);
  background-position: -476px -13px;
  width: 27px;
  height: 24px;
  float: left;
  position: relative;
  top: 4px;
  margin-right: 7px;
  margin-left: 2px;
}
#subpage-main-content-panel .interior h3,
#subpage-main-content-panel .interior h2 {
  background: rgba(133, 188, 74, 0.62);
  padding: 10px;
  border: 0;
  margin-top: 10px;
  clear: both;
  margin: 15px 0;
  display: block;
}
#subpage-main-content-panel .interior iframe {
  margin: 15px 10px;
}
#subpage-main-content-panel .interior {
  line-height: 1.7em;
}
.interior {
  color: black;
}
#subpage-top-links #subpage-link-title {
  float: left;
  padding-top: 28px;
  margin-left: 20px;
}
#subpage-top-links ul {
  float: left;
}
#subpage-top-links ul li {
  float: left;
  padding: 7px 10px;
  font-size: .9em;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
#subpage-top-links ul li:first-of-type {
  border-left: 0;
}
#subpage-top-parent-link {
  padding: 20px;
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}
#subpage-top-links {
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}
.page table {
  margin-top: 15px;
}
.page table,
.page caption {
  background: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.page table tr:hover,
.page caption tr:hover {
  background-color: #eef2e0;
}
.page table th,
.page caption th {
  background-color: #dae4bb;
}
.page caption {
  border: 1px solid black;
  border-bottom: 0;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px;
}
#get-fares-results {
  width: 100%;
  clear: both;
}
#get-fares-results .info {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 8px;
  background: #eee;
  width: 50px;
}
#get-fares-results.show .info {
  background: none repeat scroll 0% 0% #4DBE6E;
  color: #FFF;
  font-weight: bold;
}
.trip-idea-preview-holder img {
  width: 100%;
}
.photo-credit {
  font-size: .8em;
  padding: 0 20px;
}
.photo-credit p {
  display: inline;
}
#route-main {
  background-color: #3b3830;
  min-height: 200px;
}
#route-icon {
  width: 66px;
  height: 66px;
  border-radius: 33px;
  border: 4px solid white;
  float: left;
  clear: left;
  margin-top: 21px;
}
#route-title-holder {
  float: left;
  max-width: 80%;
  margin-left: 20px;
  margin-top: 20px;
}
#page-title-text {
  line-height: 24px;
  margin-top: 5px;
}
#page-subtitle-text {
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-top: 5px;
  clear: left;
}
.route-triangle {
  font-size: .7em;
  position: relative;
  top: -2px;
}
#breadcrumbs .route-triangle {
  top: 0px;
}
#route-selector {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
}
#route-pdf-link {
  text-align: right;
}
#route-pdf-link a:link,
#route-pdf-link a:visited,
#route-pdf-link a:active,
#route-pdf-link a:hover {
  color: #b3b3ff;
}
#route-pdf-link a:link i,
#route-pdf-link a:visited i,
#route-pdf-link a:active i,
#route-pdf-link a:hover i {
  background-image: url(../images/yarts-sprites.png);
  background-position: -511px -11px;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin-left: 8px;
  position: relative;
  top: -1px;
}
#route-pdf-link a:hover {
  text-decoration: underline;
}
#route-pdf-link a:hover i {
  background-position: -548px -11px;
}
@media (max-width: 768px) {
  #route-pdf-link {
    text-align: left;
    display: inline-block;
    flvertical-align: middle;
  }
}
#destinations-served {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: px;
}
@media (max-width: 768px) {
  #destinations-served {
    margin-top: 10px;
    padding-left: 15px;
  }
}
#destinations-served,
#service-days {
  float: left;
  clear: left;
  font-weight: 600;
}
#route-title-info-separator {
  width: 30%;
  border-color: #464441;
  float: left;
  clear: left;
  border-right: 0;
}
#service-days {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#effective_dates {
  font-size: 1.2em;
}
#route-main {
  padding-top: 15px;
  position: relative;
}
#route-main-col-left {
  float: left;
  width: 64%;
  margin-right: 20px;
}
#route-main-col-right {
  width: 34%;
  float: left;
}
.single-route #route-detail-map {
  text-align: center;
  position: relative;
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.single-route #route-detail-map #route-map-scroll-helper {
  position: absolute;
  right: 0;
  top: 40px;
  width: 10%;
  background: white;
  height: 700px;
}
.single-route #route-detail-map iframe {
  width: 100%;
  min-height: 400px;
  max-width: 100%;
  height: auto;
  cursor: pointer;
  max-height: 700px;
}
.single-route #route-detail-map h2 {
  text-align: left;
}
.single-route #route-detail-map img {
  max-width: 100%;
  height: auto;
  cursor: pointer;
  max-height: 700px;
}
@media (min-width: 768px) {
  #route-map-scroll-helper {
    display: none;
  }
}
#route-detail-map.wide-view {
  clear: both;
}
#route-detail-map.wide-view img {
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
}
.route-box {
  background: #e7d6c5;
  min-height: 100px;
  margin-bottom: 20px;
  padding: 0;
}
.route-box .inner {
  padding: 15px;
}
.route-box h2 {
  background-color: #cac0a5;
  border-bottom: 1px solid #33302c;
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px;
  font-size: 17px;
  color: black;
}
.route-box h2 span {
  font-size: .7em;
}
.route-box-shadow {
  -webkit-box-shadow: 0px 3px 4px 0px #000000;
  -moz-box-shadow: 0px 3px 4px 0px #000000;
  box-shadow: 0px 3px 4px 0px #000000;
}
#route-alert-holder {
  background-color: #edbc38;
  color: black;
  margin-bottom: 20px;
}
#route-alert-holder #alert-title {
  font-size: 23px;
  font-weight: 300;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#route-alert-holder #alert-title i {
  background-image: url(../images/yarts-sprites.png);
  background-position: -476px -13px;
  width: 27px;
  height: 24px;
  float: left;
  position: relative;
  top: 8px;
  margin-right: 7px;
  margin-left: 2px;
}
#route-alert-holder #route-alert-content {
  display: none;
}
#route-alert-holder #route-alert-content {
  background-color: #e9b44c;
  border-top: 1px solid #e3a11f;
  padding: 10px;
}
#route-alert-holder #route-alert-content p:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
#route-alert-holder #route-alert-expander {
  text-align: center;
  text-transform: uppercase;
  background-color: #e3a11f;
  position: relative;
  line-height: 25px;
  cursor: pointer;
  font-size: 12px;
}
#route-alert-holder .alert-expand-line {
  display: inline;
  position: absolute;
  width: 25%;
  height: 1px;
  border-bottom: 1px solid #636363;
}
#route-alert-holder .alert-expand-line.left {
  left: 2.5%;
  top: 13px;
}
#route-alert-holder .alert-expand-line.right {
  right: 2.5%;
  top: 13px;
}
#route-alert-holder .expand-triangle {
  font-size: .7em;
  position: relative;
  top: -1px;
}
#schedule-box .interior {
  padding: 6px;
}
#route-schedule-info #holiday-link a:link,
#route-schedule-info #holiday-link a:active,
#route-schedule-info #holiday-link a:visited {
  color: #255b8d;
}
#route-schedule-info li {
  margin-bottom: 5px;
  width: 55%;
}
#route-timetable-links-holder ul {
  margin-bottom: 0;
}
#route-timetable-links-holder ul li {
  color: #413c32;
  text-align: center;
  border-top: 6px solid #f5eacc;
  border-right: 6px solid #d4c2a4;
  border-left: 6px solid #d4c2a4;
  border-bottom: 6px solid #ccba9c;
  background-color: #ecdbbd;
  padding-bottom: 10px;
  cursor: pointer;
}
#route-timetable-links-holder ul li .route-timetable-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 8px;
  margin-left: 6px;
  margin-right: 6px;
}
#route-timetable-links-holder ul li .route-timetable-trips {
  margin-top: 4px;
  font-size: .9em;
}
#route-timetable-links-holder ul li:hover {
  background: #f2e6d1;
}
#fares-box {
  color: #413c32;
}
#fares-box .interior {
  padding: 15px;
}
#route-connections-interior {
  padding: 20px;
  padding-top: 0;
  color: #413c32;
}
#route-connections-interior .connection-description {
  padding-left: 15px;
  padding-bottom: 5px;
}
#route-connections-blurb {
  margin-top: 10px;
  border-bottom: 1px solid grey;
  padding-bottom: 10px;
}
#route-info-box .interior {
  padding: 20px;
}
.timetable-holder.minimized {
  display: none;
}
.route-expand-button {
  margin-top: 10px;
}
.route-expand-button span {
  display: inline-block;
  padding-left: 4px;
}
.route-expand-button:first-of-type {
  margin: 0;
}
#route-extra-content .interior {
  padding: 15px;
}
#route-quick-links {
  min-height: 0;
  padding: 10px;
  margin-bottom: 10px;
}
#route-quick-links a:link {
  padding: 0 0px 0 10px;
  text-decoration: underline;
}
#route-alert-box {
  padding: 0;
}
.single-route #route-extra-content iframe {
  width: 100%;
}
#home-wood-top.subpage {
  height: 13px;
}
#page-title-text.timetable {
  font-size: .9em;
}
#page-subtitle-text.timetable {
  font-size: 1.6em;
  margin-top: 0;
  letter-spacing: 2px;
}
#route-title-holder.timetable {
  margin-bottom: 15px;
}
#timetable-main {
  background: #e7d6c5;
}
#timetable-main .timetable-main-width {
  width: 60%;
  width: 700px;
}
#timetable-main .timetable-info-box {
  border-color: #cac0a5;
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-style: solid;
  background: white;
  padding: 0 15px 0 15px;
  color: black;
  max-width: 100%;
}
#timetable-main .timetable-info-box p {
  margin: 0;
  padding: 0;
}
#timetable-main table {
  width: 100%;
  margin-bottom: 20px;
  background: white;
  color: black;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
#timetable-main table caption {
  font-size: 1.2em;
  font-weight: bold;
  background: white;
}
#timetable-main table tr th.run_header,
#timetable-main table tr .table_key {
  background-color: #c6e4a9;
}
#timetable-main table th {
  background-color: #eee;
}
#timetable-main table caption,
#timetable-main table td,
#timetable-main table th {
  border: 1px solid grey;
  color: black;
  padding: 6px;
  font-size: .9em;
}
#timetable-main table th {
  background-color: #eee;
}
#timetable-main table tr:hover {
  background: #d9edd8;
}
#timetable-main table tr:hover th {
  background: #d9edd8;
}
#timetable-main table tr:hover .table_key {
  background-color: #c6e4a9;
}
.single-timetable #top-title-area {
  border-bottom: 5px solid #000;
}
#timetable-close-back-link-holder {
  width: 100%;
  background: #e7d6c5;
  padding: 7px 20px 7px 20px;
  border-bottom: 1px solid #433e39;
}
#timetable-close-back-link-holder a:link {
  text-decoration: none;
}
#timetable-close-back-link-holder a:hover {
  text-decoration: underline;
}
#timetable-close-back-link-holder i {
  background-image: url(../images/yarts-sprites.png);
  background-position: -476px -88px;
  width: 27px;
  height: 28px;
  float: left;
  position: relative;
  top: 2px;
  margin-right: 7px;
  margin-left: 2px;
}
.table_key {
  text-align: left;
}
.stop_name {
  text-align: left;
}
.stop_number {
  font-size: 11px;
}
td {
  text-align: center;
}
.area_name {
  text-transform: uppercase;
  text-align: left;
}
.run_header {
  text-align: center;
}
.column_note_1 {
  background-color: LightBlue;
}
.req {
  color: #006;
}
#timetable-main table th.area_name {
  background-color: #dae4bb;
}
#hovers {
  cursor: pointer;
}
.map-iframe {
  width: 100%;
  min-height: 650px;
}
.page-template-map #subpage-main-content-panel {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
ul {
  list-style-type: none;
  padding: 0;
}
/*
	if you checked out the link above:
	http://www.alistapart.com/articles/organizing-mobile/
	you'll want to style the footer nav
	a bit more in-depth. Remember to keep
	it simple because you'll have to
	override these styles for the desktop
	view.
	*/
/* end .footer-links */
#inner-content {
  background: url(../images/wood1.jpg);
  padding: 0 18px;
}
#menu-footer li {
  float: left;
  margin: 10px;
}
#menu-footer li a:link {
  color: white;
}
#wood-footer-holder #wood-footer-center {
  background: url(../images/wood1.jpg);
  height: 20px;
}
#wood-footer-holder #wood-footer-left-corner {
  background: url(../images/wood-corner-left.png);
  background-position: bottom left;
  height: 20px;
}
#wood-footer-holder #wood-footer-right-corner {
  background: url(../images/wood-corner-right.png);
  background-position: -28px;
  background-position: bottom right;
  height: 20px;
}
#attributions {
  float: right;
  font-size: .8em;
  padding-top: 18px;
  padding-right: 20px;
}
#attributions a:link,
#attributions a:visited,
#attributions a:active {
  color: rgba(155, 155, 155, 0.5);
}
#home-facebook:link,
#home-facebook:visited,
#home-facebook:active {
  margin-left: 5px;
}
#logo {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #logo {
    margin-top: 60px;
  }
}
#home-middle-col-3 #home-featured-image {
  margin-top: 10px;
}
#home-middle-col-3 #promo-box {
  display: inherit;
  width: 100%;
  float: left;
  color: white;
  border-top: 4px solid #493f2c;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  font-size: 1.25em;
  text-shadow: 1px 1px 3px #000000;
  font-family: 'Oswald', sans-serif;
}
#home-middle-col-3 #promo-box-quote-narrow {
  background: none;
  color: white;
  text-transform: uppercase;
  padding: 5px;
  padding-top: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
#home-middle-col-3 #promo-box-quote-narrow #home-quote-author {
  font-size: .8em;
}
#page-title-text {
  font-size: 28px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  letter-spacing: 5px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.28);
}
#more-info {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  height: 51px;
  font-size: 12px;
  cursor: pointer;
  margin-top: 7px;
  padding: 10px;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
#more-info #info-text {
  display: none;
}
#more-info #more-info-links {
  position: absolute;
  top: -99999px;
  background-image: url(../images/wood1.jpg);
}
#more-info:hover {
  color: #ccdfaf;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}
#more-info:hover #more-info-links {
  position: absolute;
  top: 51px;
  right: 0;
  width: 280px;
}
#more-info:hover #more-info-links li {
  margin-top: 0;
  text-align: center;
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.wood-back {
  background: url(../images/wood1.jpg);
}
span#routes-and-schedules-dropdown {
  position: relative;
}
span#routes-and-schedules-dropdown br {
  display: none;
}
span#routes-and-schedules-dropdown #route-dropdown {
  position: absolute;
  top: -9999px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
span#routes-and-schedules-dropdown #route-dropdown br {
  display: none;
}
span#routes-and-schedules-dropdown #route-dropdown li {
  position: relative;
  left: -25px;
  background: url(../images/wood1.jpg);
  height: 45px;
  width: 300px;
  float: left;
  clear: left;
  cursor: pointer;
  text-align: center;
  color: white;
  padding: 10px;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 2px solid black;
  border-left: 2px solid black;
}
span#routes-and-schedules-dropdown #route-dropdown li .route-dropdown-icon {
  height: 24px;
  width: 24px;
  float: left;
  border-radius: 12px;
  border: 2px solid white;
}
span#routes-and-schedules-dropdown #route-dropdown li a:link {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
  float: none;
  padding: 0;
}
span#routes-and-schedules-dropdown #route-dropdown li:first-of-type {
  border-top: 2px solid #352015;
}
span#routes-and-schedules-dropdown #route-dropdown li:last-of-type {
  border-bottom: 2px solid black;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.main-subpage-top-menu {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-subpage-top-menu {
    display: block;
  }
  #home-wood-top {
    display: inherit;
  }
}
.main-subpage-top-menu-mobile {
  display: block;
}
.main-subpage-top-menu-mobile {
  position: relative;
  top: -9999999;
  display: none;
}
span#routes-and-schedules-dropdown:hover {
  position: relative;
}
span#routes-and-schedules-dropdown:hover br {
  display: inherit;
}
span#routes-and-schedules-dropdown:hover #route-dropdown {
  position: absolute;
  top: 35px;
}
span#routes-and-schedules-dropdown:hover #route-dropdown br {
  display: inherit;
}
span#routes-and-schedules-dropdown:hover #route-dropdown li:hover {
  background: #523220;
  color: #8eb18c;
}
span#routes-and-schedules-dropdown:hover #route-dropdown li:hover .route-dropdown-icon  {
  position: relative;
  left: 10px;
}
#page-title-text {
  font-size: 20px;
}
#bg_clear {
  position: absolute;
  left: 114px;
  background-repeat: no-repeat;
}
#bg_clear.fresno {
  background-image: url(../images/map/fresno.jpg);
  background-position: 256px 166px;
}
#bg_clear.merced {
  background-image: url(../images/map/merced.jpg);
  background-position: 33px 150px;
}
#bg_clear.sonora {
  background-image: url(../images/map/sonora.jpg);
  background-position: 2px 28px;
}
#bg_clear.mammoth {
  background-image: url(../images/map/mammoth.jpg);
  background-position: 328px 28px;
}
.linked-div {
  cursor: pointer;
}
#top-home #map-box {
  width: 100%;
  background-position: 11px -2px;
}
.page-right-col {
  padding-left: 0;
}
#subpage-main-content-panel {
  min-height: 250px;
}
.slicknav_btn {
  float: left !important;
}
svg#defs {
  display: none;
}
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media screen and (min-width: 1200px) {
  .container {
    width: 992px;
  }
}
