/*
Theme Name: NWConnector
Theme URI: http://github.com/trilliumtransit/nwota
Author: Trillium Transit
Author URI: http://trilliumtransit.com
Description: A custom theme for the NW Connector
Version: 1.1.0

NWOTA is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700;");
/* line 16, sass/variables-site/_structure.scss */
.section-wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
.section-wrap:after {
  content: " ";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* line 1, sass/_normalize.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 7, sass/_normalize.scss */
body {
  margin: 0;
}

/* line 11, sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 26, sass/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 34, sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 39, sass/_normalize.scss */
[hidden],
template {
  display: none;
}

/* line 44, sass/_normalize.scss */
a {
  background-color: transparent;
}

/* line 48, sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 53, sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 57, sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 62, sass/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 66, sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 71, sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 76, sass/_normalize.scss */
small {
  font-size: 80%;
}

/* line 80, sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 88, sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 92, sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 96, sass/_normalize.scss */
img {
  border: 0;
}

/* line 100, sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 104, sass/_normalize.scss */
figure {
  margin: 1em 40px;
}

/* line 108, sass/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 113, sass/_normalize.scss */
pre {
  overflow: auto;
}

/* line 117, sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 125, sass/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 135, sass/_normalize.scss */
button {
  overflow: visible;
  border: none;
}

/* line 140, sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 145, sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 153, sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 158, sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 164, sass/_normalize.scss */
input {
  line-height: normal;
}

/* line 168, sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 174, sass/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 179, sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 184, sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 190, sass/_normalize.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 195, sass/_normalize.scss */
textarea {
  overflow: auto;
}

/* line 199, sass/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* line 203, sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 208, sass/_normalize.scss */
td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* line 1, sass/typography/_typography.scss */
body {
  color: #5a5a5a;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #e5e5e5;
}

/* line 9, sass/typography/_typography.scss */
.icon-alert svg,
.crosshair-icon svg {
  height: 1.2em;
  width: 1.2em;
}

/* line 1, sass/typography/_headings.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Nunito Sans", serif;
}

/* line 6, sass/typography/_headings.scss */
h1, h2, h3 {
  font-weight: 700;
  color: #808080;
  line-height: 1.25;
  margin-top: 24px;
  margin-bottom: 12px;
}
/* line 13, sass/typography/_headings.scss */
h1.title, h2.title, h3.title {
  margin-top: 0;
}
/* line 17, sass/typography/_headings.scss */
h1 a, h2 a, h3 a {
  text-decoration: none;
}

/* line 22, sass/typography/_headings.scss */
h2, h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 27, sass/typography/_headings.scss */
h1 {
  font-size: 32px;
  font-size: 2rem;
  text-transform: capitalize;
}

/* line 31, sass/typography/_headings.scss */
h2 {
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 34, sass/typography/_headings.scss */
h3 {
  font-size: 20px;
  font-size: 1.25rem;
}

/* line 1, sass/typography/_copy.scss */
p {
  margin-bottom: 12px;
  margin-top: 12px;
}

/* line 6, sass/typography/_copy.scss */
dfn, cite, em, i {
  font-style: italic;
}

/* line 10, sass/typography/_copy.scss */
blockquote {
  margin: 0 1.5em;
}

/* line 14, sass/typography/_copy.scss */
address {
  margin: 0 0 1.5em;
}

/* line 18, sass/typography/_copy.scss */
pre {
  background: #e5e5e5;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

/* line 29, sass/typography/_copy.scss */
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 34, sass/typography/_copy.scss */
abbr, acronym {
  border-bottom: 1px dotted #808080;
  cursor: help;
}

/* line 39, sass/typography/_copy.scss */
mark, ins {
  background: #e5e5e5;
  text-decoration: none;
}

/* line 44, sass/typography/_copy.scss */
big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*--------------------------------------
# Full Width Content Pages
--------------------------------------*/
/* line 6, sass/layout/_site-content.scss */
#content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* line 15, sass/layout/_site-content.scss */
.top-level-box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}

/* line 23, sass/layout/_site-content.scss */
.content {
  background-image: url("images/coast.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 24px;
  padding-bottom: 24px;
  display: block;
  background-size: cover;
  background-attachment: fixed;
}

@media (min-width: 800px) {
  /* line 34, sass/layout/_site-content.scss */
  .primary-box {
    width: 66.21622%;
    float: left;
    margin-right: 1.35135%;
  }
}

@media (min-width: 800px) {
  /* line 40, sass/layout/_site-content.scss */
  .secondary-box {
    width: 32.43243%;
    float: left;
    margin-right: 1.35135%;
    float: right;
    margin-right: 0;
  }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* line 1, sass/elements/_elements.scss */
html {
  box-sizing: border-box;
}

/* line 5, sass/elements/_elements.scss */
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

/* line 11, sass/elements/_elements.scss */
blockquote, q {
  quotes: "" "";
}
/* line 14, sass/elements/_elements.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 20, sass/elements/_elements.scss */
hr {
  background-color: #05a577;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* line 1, sass/elements/_lists.scss */
ul, ol {
  margin: 0 0 1.5em 3em;
}

/* line 5, sass/elements/_lists.scss */
ul {
  list-style: disc;
}

/* line 9, sass/elements/_lists.scss */
ol {
  list-style: decimal;
}

/* line 13, sass/elements/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* line 19, sass/elements/_lists.scss */
dt {
  font-weight: bold;
}

/* line 23, sass/elements/_lists.scss */
dd {
  margin: 0 1.5em 1.5em;
}

/* line 29, sass/elements/_elements.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* line 34, sass/elements/_elements.scss */
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

/* line 3, sass/elements/_tables.scss */
table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1em;
  border: none;
}

/* line 13, sass/elements/_tables.scss */
table td, table th {
  padding: 8px;
  border: none;
  background: 0 0;
  text-align: left;
  float: none !important;
}

/* line 21, sass/elements/_tables.scss */
table tbody td {
  vertical-align: top;
}

/* line 25, sass/elements/_tables.scss */
table tbody td, table tfoot th {
  border-top: 1px solid #ddd;
}

/* line 29, sass/elements/_tables.scss */
table tbody tr:first-child td {
  border-top: 0;
}

/* line 33, sass/elements/_tables.scss */
table thead th {
  border-bottom: 1px solid #ddd;
}

/* line 37, sass/elements/_tables.scss */
table tfoot th, table thead th {
  background-color: #fdc62a;
  font-weight: 700;
  vertical-align: middle;
}

/* line 43, sass/elements/_tables.scss */
table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

/* line 47, sass/elements/_tables.scss */
table tr:nth-child(even) {
  background-color: #fff;
}

/* line 51, sass/elements/_tables.scss */
table .row-hover tr:hover td {
  background-color: #f3f3f3;
}

/* line 55, sass/elements/_tables.scss */
table img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: none;
}

/* line 62, sass/elements/_tables.scss */
.tablepress-table-description {
  padding: 12px 24px;
  background-color: white;
}

/* line 67, sass/elements/_tables.scss */
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;
}

/* line 77, sass/elements/_tables.scss */
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
}

/* line 81, sass/elements/_tables.scss */
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #fdc62a;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

/* line 89, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 4px;
  text-align: center;
}

/* line 93, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-title {
  font-weight: 700;
}

/* line 96, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
}
/* line 106, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  color: #f27f2f;
}

/* line 110, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
}

/* line 114, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
}

/* line 118, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-prev:before {
  content: "<";
}

/* line 121, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-next:before {
  content: ">";
}

/* line 124, sass/elements/_tables.scss */
.ui-datepicker .ui-icon {
  display: none;
}

/* line 127, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}

/* line 131, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}

/* line 136, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar td {
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

/* line 142, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-color: #eee;
  cursor: pointer;
}

/* line 146, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}

/* line 149, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-current-day {
  background-color: #f27f2f;
}

/* line 152, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff;
}

/* line 155, sass/elements/_tables.scss */
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #fff;
  cursor: default;
}

/* line 160, sass/elements/_tables.scss */
.stop_code {
  font-weight: 300;
  font-size: 14px;
}

/* line 165, sass/elements/_tables.scss */
.timetable-content {
  display: block;
  overflow: auto;
}
/* line 166, sass/elements/_tables.scss */
.timetable-content .description, .timetable-content .timetable_days, .timetable-content thead {
  display: none;
}

/* line 174, sass/elements/_tables.scss */
.agency-22 .stop_code:before {
  content: 'Stop Code: ';
}

/* line 40, sass/elements/_elements.scss */
.blurb {
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/* line 47, sass/elements/_elements.scss */
.blurb > h1, .blurb > h2, .blurb > h3 {
  border-radius: 10px 10px 0 0;
  padding: 12px 24px;
  color: white;
  margin: 0;
}
/* line 53, sass/elements/_elements.scss */
.blurb > h1 > a, .blurb > h2 > a, .blurb > h3 > a {
  color: white;
}
/* line 58, sass/elements/_elements.scss */
.blurb ul {
  margin: 0;
  padding-left: 0;
  list-style-position: inside;
}

/* line 65, sass/elements/_elements.scss */
.blurb-button {
  display: block;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: white;
  background-color: #f27f2f;
  padding: 12px 24px;
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
}
/* line 78, sass/elements/_elements.scss */
.blurb-button:hover {
  color: white;
  background-color: #b04f0b;
}
/* line 83, sass/elements/_elements.scss */
.blurb-button:visited {
  color: white;
}

/* line 89, sass/elements/_elements.scss */
.timetable-banner {
  border-radius: 10px 0px 0px 0px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  color: white;
  display: block;
  text-transform: capitalize;
  font-size: 20px;
  font-size: 1.25rem;
  text-decoration: none;
}
/* line 98, sass/elements/_elements.scss */
.timetable-banner:hover .timetable-schedule, .timetable-banner:focus .timetable-schedule {
  color: #fff;
}
/* line 103, sass/elements/_elements.scss */
.timetable-banner:visited {
  color: #fff;
}
/* line 107, sass/elements/_elements.scss */
.timetable-banner .timetable-schedule {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 12px 24px;
  border-radius: 10px 0 0 0;
}
/* line 114, sass/elements/_elements.scss */
.timetable-banner .timetable-direction {
  display: inline-block;
  padding-left: 12px;
}

/* line 120, sass/elements/_elements.scss */
.arrow-right {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid white;
  position: absolute;
  right: 16px;
}

/* line 131, sass/elements/_elements.scss */
.padded-box {
  padding: 12px 24px;
}
/* line 134, sass/elements/_elements.scss */
.padded-box h3:first-child {
  margin-top: 0;
}

/* line 139, sass/elements/_elements.scss */
.white {
  background-color: white;
}

/* line 143, sass/elements/_elements.scss */
.alert {
  background-color: #c43f16;
  color: white;
}

/* line 148, sass/elements/_elements.scss */
.orange {
  background-color: #f27f2f;
}

/* line 152, sass/elements/_elements.scss */
.yellow {
  color: #808080;
  background-color: #fdc62a;
}

/* line 157, sass/elements/_elements.scss */
.green {
  background-color: #05a577;
}

/* line 161, sass/elements/_elements.scss */
.green-outline {
  border: 2px solid #05a577;
  border-radius: 5px;
}

/* line 166, sass/elements/_elements.scss */
.gray {
  background-color: #808080;
}

/* line 170, sass/elements/_elements.scss */
.transparent {
  background-color: rgba(255, 255, 255, 0.65);
  color: #343434;
}

/* line 175, sass/elements/_elements.scss */
.route-circle {
  position: relative;
  margin-right: 5px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  font-style: normal;
  border-radius: 50%;
}

/* line 185, sass/elements/_elements.scss */
.route-circle-medium {
  width: 32px;
  height: 32px;
  font-size: 13.91304px;
  line-height: 32px;
}

/* line 192, sass/elements/_elements.scss */
.route-circle-small {
  width: 24px;
  height: 24px;
  font-size: 10.43478px;
  line-height: 24px;
}

/* line 199, sass/elements/_elements.scss */
.route-circle-large {
  width: 48px;
  height: 48px;
  font-size: 20.86957px;
  line-height: 48px;
}

/* line 206, sass/elements/_elements.scss */
.image-link {
  position: relative;
  text-align: center;
}
/* line 210, sass/elements/_elements.scss */
.image-link img {
  opacity: 0.8;
}
/* line 214, sass/elements/_elements.scss */
.image-link h3 {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #05a577;
  color: white;
  padding: 12px;
  width: 75%;
}
@media (min-width: 500px) {
  /* line 214, sass/elements/_elements.scss */
  .image-link h3 {
    bottom: 24px;
    top: auto;
  }
}
@media (min-width: 1100px) {
  /* line 214, sass/elements/_elements.scss */
  .image-link h3 {
    width: auto;
  }
}
/* line 234, sass/elements/_elements.scss */
.image-link:hover h3 {
  background-color: #f27f2f;
}

/* line 240, sass/elements/_elements.scss */
.pullout-link {
  display: inline-block;
  text-decoration: none;
  padding: 6px 12px;
  border: 3px solid #f27f2f;
  margin: 12px 0;
  border-radius: 5px;
}
/* line 248, sass/elements/_elements.scss */
.pullout-link:hover {
  border-color: #b04f0b;
}

/* line 253, sass/elements/_elements.scss */
#trip-map {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  height: 300px;
}
/* line 260, sass/elements/_elements.scss */
#trip-map iframe {
  width: 100%;
  height: 100%;
}
/* line 265, sass/elements/_elements.scss */
#trip-map #map-overlink {
  position: absolute;
  left: 5%;
  top: 24px;
  max-width: 30%;
}

/* line 273, sass/elements/_elements.scss */
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
/* line 277, sass/elements/_elements.scss */
.fade.show {
  opacity: 1;
}

/* line 282, sass/elements/_elements.scss */
.collapse {
  display: none;
}
/* line 284, sass/elements/_elements.scss */
.collapse.show {
  display: block;
}

/* line 290, sass/elements/_elements.scss */
tr.collapse.show {
  display: table-row;
}

/* line 296, sass/elements/_elements.scss */
tbody.collapse.show {
  display: table-row-group;
}

/* line 301, sass/elements/_elements.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

/* line 308, sass/elements/_elements.scss */
.icon-alert {
  position: relative;
  top: 3px;
}

/* line 313, sass/elements/_elements.scss */
.two-col {
  -moz-column-count: 2;
  -moz-column-gap: 24px;
  -webkit-column-count: 2;
  -webkist-column-gap: 24px;
}

@media (min-width: 800px) {
  /* line 320, sass/elements/_elements.scss */
  .mobile-only,
  .mobile-only.in {
    display: none;
  }
}

/* line 327, sass/elements/_elements.scss */
.mobile-hide {
  display: none;
}
@media (min-width: 800px) {
  /* line 327, sass/elements/_elements.scss */
  .mobile-hide {
    display: inherit;
  }
}

/* line 334, sass/elements/_elements.scss */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
/* line 340, sass/elements/_elements.scss */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  text-transform: none;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
/* line 360, sass/elements/_elements.scss */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* line 365, sass/elements/_elements.scss */
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* line 1, sass/forms/_buttons.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 1;
  padding: .6em 1em .4em;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}

/* line 1, sass/forms/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border: 1px solid #808080;
  border-radius: 3px;
  padding: 3px;
}

/* line 22, sass/forms/_fields.scss */
select {
  border: 1px solid #808080;
}

/* line 29, sass/forms/_fields.scss */
textarea {
  width: 100%;
}

/* line 33, sass/forms/_fields.scss */
.form-row {
  margin-bottom: 12px;
}

/* line 37, sass/forms/_fields.scss */
input.error {
  border-color: #c43f16;
}

/* line 41, sass/forms/_fields.scss */
.err-msg {
  font-size: 0.85rem;
  background-color: #c43f16;
  margin-bottom: -4px;
  padding-left: 6px;
  color: white;
  display: none;
  width: 90%;
}
@media (min-width: 800px) {
  /* line 41, sass/forms/_fields.scss */
  .err-msg {
    width: 85%;
  }
}

/* line 55, sass/forms/_fields.scss */
.err-msg.show {
  display: block;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/* line 1, sass/navigation/_links.scss */
a {
  color: #f27f2f;
}
/* line 4, sass/navigation/_links.scss */
a:visited {
  color: #e0640e;
}
/* line 7, sass/navigation/_links.scss */
a:hover, a:focus, a:active {
  color: #b04f0b;
  cursor: pointer;
}
/* line 13, sass/navigation/_links.scss */
a:focus {
  outline: thin dotted;
}
/* line 16, sass/navigation/_links.scss */
a:hover, a:active {
  outline: 0;
}

/* line 22, sass/navigation/_links.scss */
.button-link {
  background: #f27f2f;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
  padding: 5px 10px;
  -webkit-box-shadow: 2px 2px 1px #808080;
  -moz-box-shadow: 2px 2px 1px #808080;
  box-shadow: 2px 2px 1px #808080;
  cursor: pointer;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1.5;
}
/* line 38, sass/navigation/_links.scss */
.button-link:visited {
  color: white;
}
/* line 42, sass/navigation/_links.scss */
.button-link:hover, .button-link:focus {
  color: white;
  background-color: #b04f0b;
}

/* line 48, sass/navigation/_links.scss */
#agency-pages .button-link {
  margin-right: 6px;
  margin-bottom: 12px;
}

/* line 53, sass/navigation/_links.scss */
.button-right {
  float: right;
  margin-left: 12px;
}

/* line 58, sass/navigation/_links.scss */
.button-left {
  float: left;
  margin-right: 12px;
}

/* line 63, sass/navigation/_links.scss */
.button-large {
  background: #f27f2f;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.2em;
  box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.5);
}
/* line 76, sass/navigation/_links.scss */
.button-large:visited {
  color: white;
  background-color: #e0640e;
}
/* line 81, sass/navigation/_links.scss */
.button-large:hover, .button-large:focus {
  background-color: #b04f0b;
  color: white;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* line 1, sass/navigation/_menus.scss */
#main-navigation {
  clear: both;
  text-align: right;
  position: relative;
  width: 100%;
}
/* line 7, sass/navigation/_menus.scss */
#main-navigation button {
  text-transform: uppercase;
  border-radius: 10px 10px 0 0;
  padding: 15px 25px;
  font-size: 1em;
  font-weight: 900;
  min-width: 135px;
  margin: 0 10px;
}
/* line 17, sass/navigation/_menus.scss */
#main-navigation #more-button {
  color: white;
}
/* line 21, sass/navigation/_menus.scss */
#main-navigation #routes {
  width: 90%;
  margin: auto;
  padding: 24px 0;
}
/* line 27, sass/navigation/_menus.scss */
#main-navigation #more-content {
  border-top: 7px solid #808080;
}
/* line 30, sass/navigation/_menus.scss */
#main-navigation #more-content > ul {
  width: 90%;
  max-width: 1100px;
  margin: auto;
  padding: 24px 0;
  text-align: center;
}
/* line 38, sass/navigation/_menus.scss */
#main-navigation #more-content li {
  display: inline-block;
  padding: 0 12px;
  width: 24.05063%;
  float: left;
  margin-right: 1.26582%;
}
/* line 42, sass/navigation/_menus.scss */
#main-navigation #more-content li a {
  margin-left: 0;
}
/* line 46, sass/navigation/_menus.scss */
#main-navigation #more-content li img {
  width: 50px;
  position: relative;
  top: 15px;
}
/* line 52, sass/navigation/_menus.scss */
#main-navigation #more-content li:last-child {
  float: right;
  margin-right: 0;
}
/* line 58, sass/navigation/_menus.scss */
#main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 4px;
}
/* line 65, sass/navigation/_menus.scss */
#main-navigation li {
  position: relative;
  display: block;
  margin-bottom: 6px;
}
/* line 70, sass/navigation/_menus.scss */
#main-navigation li a {
  margin-left: 30px;
}
/* line 75, sass/navigation/_menus.scss */
#main-navigation .route-circle {
  float: left;
}
/* line 79, sass/navigation/_menus.scss */
#main-navigation a {
  display: block;
  text-decoration: none;
}

/* line 92, sass/navigation/_menus.scss */
#mobile-nav #mobile-nav-expand {
  font-size: 17.6px;
  font-size: 1.1rem;
  color: #f27f2f;
  border: 2px solid #f27f2f;
  border-radius: 10px;
  float: right;
  font-weight: bold;
  margin-top: 24px;
  margin-right: 24px;
  margin-bottom: 24px;
}
/* line 103, sass/navigation/_menus.scss */
#mobile-nav #mobile-nav-expand:hover, #mobile-nav #mobile-nav-expand:focus {
  border-color: #fdc62a;
  color: #fdc62a;
}

/* line 110, sass/navigation/_menus.scss */
#mobile-dropdown {
  width: 100%;
  background-color: #e5e5e5;
  text-align: center;
}
/* line 115, sass/navigation/_menus.scss */
#mobile-dropdown ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-top: 1px solid #808080;
  border-bottom: 2px solid #808080;
}
/* line 122, sass/navigation/_menus.scss */
#mobile-dropdown ul a {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #cccccc;
}
/* line 127, sass/navigation/_menus.scss */
#mobile-dropdown ul a:hover, #mobile-dropdown ul a:focus {
  background-color: #808080;
  border-bottom-color: #808080;
  color: white;
}

/* line 139, sass/navigation/_menus.scss */
.site-main .posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
/* line 144, sass/navigation/_menus.scss */
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
/* line 149, sass/navigation/_menus.scss */
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* line 156, sass/navigation/_menus.scss */
.dropdown {
  display: inline-block;
}

@media (min-width: 800px) {
  /* line 160, sass/navigation/_menus.scss */
  .dropdown-buttons {
    position: absolute;
    right: 0;
    top: -46px;
  }
}

/* line 168, sass/navigation/_menus.scss */
.dropdown-content {
  position: relative;
  width: 100%;
  text-align: left;
  left: 0;
}

/* line 175, sass/navigation/_menus.scss */
.agency-routes {
  display: inline-block;
  vertical-align: top;
  width: 18.91892%;
  float: left;
  margin-right: 1.35135%;
}
/* line 179, sass/navigation/_menus.scss */
.agency-routes:last-child {
  float: right;
  margin-right: 0;
}
/* line 183, sass/navigation/_menus.scss */
.agency-routes.highlighted {
  background-color: #e5e5e5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 188, sass/navigation/_menus.scss */
.agency-routes.highlighted h4 {
  color: #404040;
}
/* line 192, sass/navigation/_menus.scss */
.agency-routes.highlighted#agency-253 {
  background-color: rgba(250, 180, 43, 0.35);
}
/* line 196, sass/navigation/_menus.scss */
.agency-routes.highlighted#agency-22 {
  background-color: rgba(220, 0, 76, 0.15);
}
/* line 200, sass/navigation/_menus.scss */
.agency-routes.highlighted#agency-89 {
  background-color: rgba(20, 80, 152, 0.2);
}
/* line 204, sass/navigation/_menus.scss */
.agency-routes.highlighted#agency-57 {
  background-color: rgba(0, 167, 86, 0.2);
}
/* line 208, sass/navigation/_menus.scss */
.agency-routes.highlighted#agency-148 {
  background-color: rgba(36, 174, 237, 0.25);
}
/* line 213, sass/navigation/_menus.scss */
.agency-routes h4 {
  margin-top: 2px;
  margin-bottom: 12px;
  color: #808080;
  line-height: 1.2;
  padding: 0 4px;
}
/* line 221, sass/navigation/_menus.scss */
.agency-routes a {
  color: black;
  font-size: 13.6px;
  font-size: 0.85rem;
}
/* line 225, sass/navigation/_menus.scss */
.agency-routes a:hover {
  color: #f27f2f;
}

/* line 231, sass/navigation/_menus.scss */
#other-buttons {
  margin-top: 24px;
  border-top: 1px solid white;
  text-align: center;
  background-color: #dbdbdb;
}
/* line 237, sass/navigation/_menus.scss */
#other-buttons a {
  margin-top: 12px;
}
/* line 241, sass/navigation/_menus.scss */
#other-buttons img {
  width: 50px;
  height: auto;
}

/* line 247, sass/navigation/_menus.scss */
.collapse {
  display: none;
}

/* line 251, sass/navigation/_menus.scss */
.in {
  display: block;
}

/* line 255, sass/navigation/_menus.scss */
#colophon {
  background-color: #808080;
}
/* line 258, sass/navigation/_menus.scss */
#colophon ul {
  margin: 0;
  padding: 0;
}
/* line 263, sass/navigation/_menus.scss */
#colophon li {
  display: inline-block;
  list-style-type: none;
  padding: 12px;
}
/* line 268, sass/navigation/_menus.scss */
#colophon li > a {
  text-decoration: none;
}
/* line 273, sass/navigation/_menus.scss */
#colophon .footer-links {
  margin-bottom: 24px;
  margin-top: 24px;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  display: none;
}
@media (min-width: 800px) {
  /* line 273, sass/navigation/_menus.scss */
  #colophon .footer-links {
    border: none;
  }
}
/* line 285, sass/navigation/_menus.scss */
#colophon .site-info {
  text-align: right;
  font-size: 13.6px;
  font-size: 0.85rem;
}
/* line 289, sass/navigation/_menus.scss */
#colophon .site-info a {
  color: black;
}

/* line 295, sass/navigation/_menus.scss */
#nwota-info {
  color: #222;
  text-align: justify;
  margin-top: 24px;
}
@media (min-width: 1000px) {
  /* line 295, sass/navigation/_menus.scss */
  #nwota-info {
    width: 25.67568%;
    float: left;
    margin-right: 1.35135%;
  }
}
/* line 305, sass/navigation/_menus.scss */
#nwota-info a {
  color: #fdc62a;
  text-decoration: none;
}
/* line 309, sass/navigation/_menus.scss */
#nwota-info a:hover, #nwota-info a:focus {
  color: #d8a102;
}

/* line 316, sass/navigation/_menus.scss */
.footer-agency-links {
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 1000px) {
  /* line 316, sass/navigation/_menus.scss */
  .footer-agency-links {
    text-align: right;
    width: 72.97297%;
    float: left;
    margin-right: 1.35135%;
    float: right;
    margin-right: 0;
  }
}
/* line 326, sass/navigation/_menus.scss */
.footer-agency-links a {
  display: block;
  color: #222;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 6px;
  padding-left: 12px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 1px 1px #5a5a5a;
}
/* line 337, sass/navigation/_menus.scss */
.footer-agency-links a img {
  height: 72px;
  width: auto;
  float: left;
  opacity: 0.7;
}
/* line 344, sass/navigation/_menus.scss */
.footer-agency-links a:hover {
  color: black;
}
/* line 346, sass/navigation/_menus.scss */
.footer-agency-links a:hover img {
  opacity: 1.0;
}
/* line 351, sass/navigation/_menus.scss */
.footer-agency-links a h4 {
  display: inline-block;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
  width: 60%;
}
@media (min-width: 800px) {
  /* line 326, sass/navigation/_menus.scss */
  .footer-agency-links a {
    display: inline-block;
    margin-right: 24px;
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 0;
    border-radius: 0;
    text-align: left;
    box-shadow: none;
  }
  /* line 369, sass/navigation/_menus.scss */
  .footer-agency-links a img {
    float: none;
    width: 100px;
    height: auto;
  }
  /* line 375, sass/navigation/_menus.scss */
  .footer-agency-links a h4 {
    display: none;
  }
  /* line 379, sass/navigation/_menus.scss */
  .footer-agency-links a:last-of-type {
    margin-right: 0;
  }
}

/* line 386, sass/navigation/_menus.scss */
#footer-logo {
  max-width: 300px;
}

/* line 390, sass/navigation/_menus.scss */
.home .footer-agency-links,
.home #nwota-info {
  display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
/* line 2, sass/modules/_accessibility.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* line 9, sass/modules/_accessibility.scss */
.screen-reader-text:focus {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: black;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* line 29, sass/modules/_accessibility.scss */
.skip-link {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}

/* line 39, sass/modules/_accessibility.scss */
a.skip-link:active,
a.skip-link:focus,
a.skip-link:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
  background-color: #035b41;
  padding: 24px;
  color: white;
  z-index: 99999999;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/* line 1, sass/modules/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

/* line 7, sass/modules/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* line 13, sass/modules/_alignments.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 18, sass/modules/_alignments.scss */
.top {
  margin-top: 0;
}

/* line 22, sass/modules/_alignments.scss */
.inline-block {
  display: inline-block;
}

/* line 26, sass/modules/_alignments.scss */
.no-margin {
  margin: 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/* line 1, sass/modules/_clearings.scss */
.clear:before,
.clear:after,
.top-level-box:before,
.top-level-box:after,
.section-wrap:before,
.section-wrap:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

/* line 18, sass/modules/_clearings.scss */
.clear:after,
.top-level-box:after,
.section-wrap:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* line 1, sass/site/secondary/_widgets.scss */
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
/* line 5, sass/site/secondary/_widgets.scss */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_posts-and-pages.scss */
.sticky {
  display: block;
}

/* line 5, sass/site/primary/_posts-and-pages.scss */
.hentry {
  margin: 0 0 1.5em;
}

/* line 9, sass/site/primary/_posts-and-pages.scss */
.byline,
.updated:not(.published) {
  display: none;
}

/* line 14, sass/site/primary/_posts-and-pages.scss */
.single .byline,
.group-blog .byline {
  display: inline;
}

/* line 19, sass/site/primary/_posts-and-pages.scss */
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* line 24, sass/site/primary/_posts-and-pages.scss */
#timetables-holder {
  margin-bottom: 24px;
}

/* line 28, sass/site/primary/_posts-and-pages.scss */
#agency-box {
  background-color: rgba(255, 255, 255, 0.75);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 0;
}
/* line 35, sass/site/primary/_posts-and-pages.scss */
#agency-box > h1 {
  border-radius: 0;
}
/* line 39, sass/site/primary/_posts-and-pages.scss */
#agency-box #agency-page-links {
  margin-top: 22px;
  text-align: center;
}
/* line 43, sass/site/primary/_posts-and-pages.scss */
#agency-box #agency-page-links .button-link {
  margin: 2px;
}
/* line 47, sass/site/primary/_posts-and-pages.scss */
#agency-box h2 a {
  margin-top: 12px;
  color: #5a5a5a;
}
/* line 52, sass/site/primary/_posts-and-pages.scss */
#agency-box h2 a:hover, #agency-box h3 a:hover {
  color: #404040;
}
/* line 56, sass/site/primary/_posts-and-pages.scss */
#agency-box h3 a {
  color: #5a5a5a;
  text-decoration: none;
}
/* line 61, sass/site/primary/_posts-and-pages.scss */
#agency-box ul {
  list-style-position: outside;
  padding-left: 20px;
}
/* line 66, sass/site/primary/_posts-and-pages.scss */
#agency-box li {
  margin-bottom: 5px;
}
/* line 70, sass/site/primary/_posts-and-pages.scss */
#agency-box #left-col {
  margin-top: 48px;
}
@media (min-width: 800px) {
  /* line 70, sass/site/primary/_posts-and-pages.scss */
  #agency-box #left-col {
    width: 39.18919%;
    float: left;
    margin-right: 1.35135%;
    padding: 0 24px 24px;
    background: #f2f2f2;
  }
}
@media (min-width: 800px) {
  /* line 79, sass/site/primary/_posts-and-pages.scss */
  #agency-box #right-col {
    margin-top: 48px;
    width: 59.45946%;
    float: right;
    margin-right: 0;
  }
}

/* line 87, sass/site/primary/_posts-and-pages.scss */
.agency-template-default .content,
.tripidea-template-default .content {
  padding-bottom: 24px;
  padding-top: 48px;
}

/* line 93, sass/site/primary/_posts-and-pages.scss */
.agency-template-default #agency-links {
  float: none;
  width: 100%;
  display: block;
}
/* line 98, sass/site/primary/_posts-and-pages.scss */
.agency-template-default #agency-links a {
  display: none;
  background-color: transparent;
  width: 150px;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 12px;
}
@media (min-width: 800px) {
  /* line 98, sass/site/primary/_posts-and-pages.scss */
  .agency-template-default #agency-links a {
    width: 18.91892%;
    float: left;
    margin-right: 1.35135%;
    display: block;
  }
  /* line 109, sass/site/primary/_posts-and-pages.scss */
  .agency-template-default #agency-links a:last-child {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 920px) {
  /* line 98, sass/site/primary/_posts-and-pages.scss */
  .agency-template-default #agency-links a {
    padding: 0 24px;
  }
}
@media (min-width: 1100px) {
  /* line 98, sass/site/primary/_posts-and-pages.scss */
  .agency-template-default #agency-links a {
    padding: 0 36px;
  }
}
/* line 121, sass/site/primary/_posts-and-pages.scss */
.agency-template-default #agency-links a.active {
  display: block;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px 10px 0 0;
}
/* line 127, sass/site/primary/_posts-and-pages.scss */
.agency-template-default #agency-links img {
  width: auto;
  float: none;
}

/* line 134, sass/site/primary/_posts-and-pages.scss */
.agency-info {
  margin-top: 12px;
  margin-bottom: 0;
  background-color: white;
}

@media (min-width: 800px) {
  /* line 140, sass/site/primary/_posts-and-pages.scss */
  .about-the-agency {
    width: 54.05405%;
    float: left;
  }
}
/* line 145, sass/site/primary/_posts-and-pages.scss */
.about-the-agency h3 {
  text-transform: capitalize;
}

@media (min-width: 800px) {
  /* line 150, sass/site/primary/_posts-and-pages.scss */
  .nwconnector-summary {
    width: 45.94595%;
    float: right;
    margin-right: 0;
  }
}

/* line 156, sass/site/primary/_posts-and-pages.scss */
#route-alerts {
  background-color: #fbe5de;
  border: 2px solid #c43f16;
}
/* line 160, sass/site/primary/_posts-and-pages.scss */
#route-alerts h4 {
  margin: 0;
}

/* line 165, sass/site/primary/_posts-and-pages.scss */
.collapse-word:after {
  content: 'Hide';
}

/* line 169, sass/site/primary/_posts-and-pages.scss */
.collapsed .collapse-word:after {
  content: 'Show';
}

/* line 173, sass/site/primary/_posts-and-pages.scss */
#route-trip-ideas {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 800px) {
  /* line 173, sass/site/primary/_posts-and-pages.scss */
  #route-trip-ideas {
    width: 52.7027%;
    float: right;
    margin-right: 0;
  }
}

/* line 181, sass/site/primary/_posts-and-pages.scss */
#imap-holder {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 75%;
}
@media (min-width: 800px) {
  /* line 181, sass/site/primary/_posts-and-pages.scss */
  #imap-holder {
    width: 45.94595%;
    float: left;
    margin-right: 1.35135%;
    padding-bottom: 34.45946%;
  }
}
/* line 193, sass/site/primary/_posts-and-pages.scss */
#imap-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 202, sass/site/primary/_posts-and-pages.scss */
.timetable-banner {
  margin: 24px 0 0;
}
/* line 205, sass/site/primary/_posts-and-pages.scss */
.timetable-banner a {
  width: 100%;
}

/* line 210, sass/site/primary/_posts-and-pages.scss */
.pdf-holder {
  cursor: none;
  text-transform: none;
}
/* line 214, sass/site/primary/_posts-and-pages.scss */
.pdf-holder #pdf-link {
  float: right;
}

/* line 219, sass/site/primary/_posts-and-pages.scss */
.meta-item, .meta-tags {
  font-size: 14.4px;
  font-size: 0.9rem;
}

/* line 223, sass/site/primary/_posts-and-pages.scss */
.meta-item {
  margin-right: 12px;
}

/* line 227, sass/site/primary/_posts-and-pages.scss */
.meta-tags {
  float: right;
  max-width: 50%;
  text-align: right;
}

/* line 234, sass/site/primary/_posts-and-pages.scss */
#ideas-box ul {
  padding: 0;
  list-style-type: none;
}
/* line 239, sass/site/primary/_posts-and-pages.scss */
#ideas-box li {
  margin-bottom: 12px;
}
/* line 242, sass/site/primary/_posts-and-pages.scss */
#ideas-box li > a {
  display: inline-block;
  margin-bottom: 10px;
  max-width: 50%;
}
/* line 249, sass/site/primary/_posts-and-pages.scss */
#ideas-box .meta-tags a {
  display: inline-block;
  text-decoration: none;
  color: #808080;
  background-color: #e5e5e5;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 1px 3px;
}

/* line 261, sass/site/primary/_posts-and-pages.scss */
.archive-tags a {
  display: inline-block;
  text-decoration: none;
  color: #808080;
  background-color: #e5e5e5;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 0 1px 3px;
}

/* line 271, sass/site/primary/_posts-and-pages.scss */
.meta-row {
  margin-bottom: 12px;
}

/* line 275, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row {
  text-align: center;
}
/* line 278, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row img {
  height: 21px;
  width: auto;
  position: relative;
  top: 4px;
  margin-right: 4px;
}
/* line 286, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row .meta-item {
  display: inline-block;
  margin-right: 8px;
}
/* line 291, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row #route-desc {
  font-style: italic;
  margin-top: 24px;
}
/* line 296, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row #route-right-links {
  margin-top: 0;
}
/* line 299, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row #route-right-links #agency-name {
  display: inline-block;
  margin-bottom: 12px;
}
/* line 304, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row #route-right-links img {
  height: 42px;
  width: auto;
  position: relative;
  top: 16px;
  margin-right: 6px;
}
/* line 312, sass/site/primary/_posts-and-pages.scss */
#route-info .meta-row #route-right-links .button-right {
  margin-left: 0;
  float: none;
}
@media (min-width: 800px) {
  /* line 275, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row {
    text-align: left;
  }
  /* line 320, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row #route-desc {
    margin-top: 12px;
    max-width: 500px;
  }
  /* line 324, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row #route-right-links {
    float: right;
    text-align: right;
    margin-top: -12px;
  }
  /* line 329, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row #route-right-links img {
    height: 42px;
    width: auto;
    position: relative;
    top: 6px;
    margin-right: 0;
  }
  /* line 336, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row #route-right-links #agency-name {
    display: block;
    margin-bottom: 0;
  }
  /* line 340, sass/site/primary/_posts-and-pages.scss */
  #route-info .meta-row #route-right-links .button-right {
    float: right;
  }
}

/* line 347, sass/site/primary/_posts-and-pages.scss */
#route-info {
  padding-bottom: 24px;
}

/* line 351, sass/site/primary/_posts-and-pages.scss */
ul#alerts {
  margin-top: 12px;
  padding-left: 0;
  list-style-position: inside;
}

/* line 359, sass/site/primary/_posts-and-pages.scss */
.tripidea-template-default #map-box {
  width: 52.7027%;
  float: left;
  margin-right: 1.35135%;
  height: 350px;
  margin-top: 24px;
  margin-bottom: 24px;
}
/* line 365, sass/site/primary/_posts-and-pages.scss */
.tripidea-template-default #map-box iframe {
  width: 100%;
  height: 100%;
}
/* line 370, sass/site/primary/_posts-and-pages.scss */
.tripidea-template-default .right-column {
  width: 45.94595%;
  float: right;
  margin-right: 0;
}

/* line 375, sass/site/primary/_posts-and-pages.scss */
.post-tag {
  display: inline-block;
  padding: 5px 10px;
  color: white;
  border-radius: 5px;
  text-decoration: none;
  margin-right: 6px;
  margin-bottom: 6px;
  box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.5);
}
/* line 385, sass/site/primary/_posts-and-pages.scss */
.post-tag:hover {
  opacity: 0.75;
}

/* line 390, sass/site/primary/_posts-and-pages.scss */
.routes-box {
  float: left;
  max-width: 50%;
}

/* line 394, sass/site/primary/_posts-and-pages.scss */
.pullout-box {
  float: right;
  text-align: right;
}

/* line 398, sass/site/primary/_posts-and-pages.scss */
.article-feat-image {
  float: right;
  max-width: 40%;
  margin-left: 12px;
}

/* line 405, sass/site/primary/_posts-and-pages.scss */
.page-template-template-map #page {
  padding: 60px 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 413, sass/site/primary/_posts-and-pages.scss */
.page-template-template-map #content {
  height: 100%;
}
/* line 416, sass/site/primary/_posts-and-pages.scss */
.page-template-template-map header {
  margin-top: -60px;
  height: 60px;
}
/* line 420, sass/site/primary/_posts-and-pages.scss */
.page-template-template-map #full-page-map {
  height: 100%;
  width: 100%;
  overflow: auto;
  display: block;
}

/* line 429, sass/site/primary/_posts-and-pages.scss */
.post-type-archive-route #main h3 {
  margin-bottom: 6px;
}
/* line 433, sass/site/primary/_posts-and-pages.scss */
.post-type-archive-route #main p {
  margin-top: 6px;
}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
@media (min-width: 800px) {
  /* line 2, sass/site/primary/_homepage.scss */
  #planner-holder .right-column {
    width: 52.7027%;
    float: right;
    margin-right: 0;
  }
}
/* line 7, sass/site/primary/_homepage.scss */
#planner-holder #map-holder {
  margin-bottom: 24px;
}
@media (min-width: 800px) {
  /* line 7, sass/site/primary/_homepage.scss */
  #planner-holder #map-holder {
    width: 45.94595%;
    float: left;
    margin-right: 1.35135%;
  }
}

/* line 16, sass/site/primary/_homepage.scss */
#paths g:hover {
  cursor: pointer;
}

/* line 20, sass/site/primary/_homepage.scss */
#nwconnector-info {
  width: 375px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 920px) {
  /* line 20, sass/site/primary/_homepage.scss */
  #nwconnector-info {
    width: 25.67568%;
    float: left;
    margin-right: 1.35135%;
    padding-left: 0;
    text-align: justify;
    margin-bottom: 0;
  }
}

@media (min-width: 500px) {
  /* line 34, sass/site/primary/_homepage.scss */
  #trip-idea-holder .content-box {
    width: 48.27586%;
    float: left;
    margin-right: 3.44828%;
  }
  /* line 37, sass/site/primary/_homepage.scss */
  #trip-idea-holder .content-box:last-of-type {
    float: right;
    margin-right: 0;
  }
}

/* line 43, sass/site/primary/_homepage.scss */
#agency-info-holder {
  padding-top: 24px;
}

/* line 49, sass/site/primary/_homepage.scss */
#agency-links > a {
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  padding-left: 12px;
  margin-bottom: 12px;
  background-color: white;
  box-shadow: 1px 1px #999;
}
/* line 59, sass/site/primary/_homepage.scss */
#agency-links img {
  width: 100px;
  float: left;
}
/* line 63, sass/site/primary/_homepage.scss */
#agency-links h4 {
  display: inline-block;
  margin-top: 38px;
  margin-bottom: 38px;
  max-width: 60%;
  margin-left: 12px;
}
@media (min-width: 920px) {
  /* line 47, sass/site/primary/_homepage.scss */
  #agency-links {
    display: block;
    width: 72.97297%;
    float: right;
    margin-right: 0;
  }
  /* line 74, sass/site/primary/_homepage.scss */
  #agency-links > a {
    width: 18.91892%;
    float: left;
    margin-right: 1.35135%;
    padding: 0 12px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
  }
  /* line 81, sass/site/primary/_homepage.scss */
  #agency-links > a:last-child {
    float: right;
    margin-right: 0;
  }
  /* line 85, sass/site/primary/_homepage.scss */
  #agency-links h4 {
    margin: 0;
    font-size: 13.6px;
    font-size: 0.85rem;
    max-width: 100%;
  }
  /* line 90, sass/site/primary/_homepage.scss */
  #agency-links img {
    float: none;
    width: auto;
  }
}

@media (min-width: 800px) {
  /* line 97, sass/site/primary/_homepage.scss */
  #news-holder {
    width: 32.43243%;
    float: left;
    margin-right: 1.35135%;
  }
}
/* line 102, sass/site/primary/_homepage.scss */
#news-holder h3 a {
  text-decoration: none;
}

@media (min-width: 800px) {
  /* line 107, sass/site/primary/_homepage.scss */
  #trip-idea-holder {
    width: 66.21622%;
    float: right;
    margin-right: 0;
  }
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_header.scss */
.site-header {
  background-color: #fff;
}
/* line 3, sass/site/primary/_header.scss */
.site-header a {
  text-decoration: none;
}

/* line 8, sass/site/primary/_header.scss */
#top-bar {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: #808080;
  padding: 4px 0;
}

/* line 16, sass/site/primary/_header.scss */
.site-branding {
  max-width: 50%;
  float: left;
}
@media (min-width: 800px) {
  /* line 16, sass/site/primary/_header.scss */
  .site-branding {
    float: none;
  }
}

/* line 24, sass/site/primary/_header.scss */
#site-description {
  display: none;
  text-transform: uppercase;
  font-size: 1em;
  color: #808080;
  font-weight: 500;
  margin-left: 40px;
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 800px) {
  /* line 24, sass/site/primary/_header.scss */
  #site-description {
    display: block;
  }
}

/* line 38, sass/site/primary/_header.scss */
#logo-holder {
  margin: 32px 0 24px 24px;
  max-width: 100%;
  width: 326px;
  height: auto;
}
@media (min-width: 800px) {
  /* line 38, sass/site/primary/_header.scss */
  #logo-holder {
    margin-bottom: 0;
    margin-left: 40px;
  }
}

/* line 50, sass/site/primary/_header.scss */
.agency-line {
  height: 6px;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
}

/* line 58, sass/site/primary/_header.scss */
.dropdown-content {
  background-color: #dbdbdb;
}

/* line 62, sass/site/primary/_header.scss */
#routes-content {
  border-style: solid;
  border-width: 0;
  border-top: 7px solid #FDC62A;
}

/* line 68, sass/site/primary/_header.scss */
#mini-header {
  text-align: right;
  padding-top: 12px;
  padding-bottom: 12px;
}
/* line 73, sass/site/primary/_header.scss */
#mini-header #logo-holder {
  float: left;
  margin-top: 0px;
}
/* line 78, sass/site/primary/_header.scss */
#mini-header .return-link {
  margin-right: 12px;
}

/*--------------------------------------------------------------
## Planner
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_planner.scss */
#trip-planner ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
  opacity: 0.75;
}

/* line 5, sass/site/primary/_planner.scss */
#trip-planner :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 0.75;
}

/* line 9, sass/site/primary/_planner.scss */
#trip-planner ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 0.75;
}

/* line 13, sass/site/primary/_planner.scss */
#trip-planner :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.75;
}

/* line 18, sass/site/primary/_planner.scss */
#trip-planner .btn {
  border-radius: 0;
}

/* line 22, sass/site/primary/_planner.scss */
#planner-top, #planner-options {
  padding: 28px 24px 10px;
  color: white;
}

/* line 27, sass/site/primary/_planner.scss */
#trip-planner input,
#trip-planner select {
  border-radius: 0;
  border-color: white;
  background-color: transparent;
  color: white;
}

/* line 35, sass/site/primary/_planner.scss */
.inline .form-group {
  display: inline-block;
  width: 40%;
}

/* line 40, sass/site/primary/_planner.scss */
#saddr, #daddr {
  width: 90%;
}
@media (min-width: 800px) {
  /* line 40, sass/site/primary/_planner.scss */
  #saddr, #daddr {
    width: 85%;
  }
}

/* line 48, sass/site/primary/_planner.scss */
.crosshair-icon {
  display: block;
  float: right;
  width: 10%;
}
@media (min-width: 800px) {
  /* line 48, sass/site/primary/_planner.scss */
  .crosshair-icon {
    display: none;
  }
}

/* line 58, sass/site/primary/_planner.scss */
.switch-icon {
  float: right;
  display: none;
  max-width: 15%;
}
/* line 63, sass/site/primary/_planner.scss */
.switch-icon svg {
  width: 2em;
  padding-top: 1em;
}
@media (min-width: 800px) {
  /* line 58, sass/site/primary/_planner.scss */
  .switch-icon {
    display: block;
  }
}

/* line 72, sass/site/primary/_planner.scss */
.switch-icon.mini {
  display: inline-block;
  width: 10%;
}
/* line 76, sass/site/primary/_planner.scss */
.switch-icon.mini svg {
  width: 20px;
  padding: 0;
}
@media (min-width: 800px) {
  /* line 72, sass/site/primary/_planner.scss */
  .switch-icon.mini {
    display: none;
  }
}

/* line 86, sass/site/primary/_planner.scss */
#directions-page {
  border-top: 2px solid #808080;
  position: relative;
  width: 100%;
  height: 600px;
}
/* line 92, sass/site/primary/_planner.scss */
#directions-page #planner-left-col {
  position: absolute;
  width: 30%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
/* line 100, sass/site/primary/_planner.scss */
#directions-page #planner-left-col #planner-header {
  margin: 0;
  padding: 12px;
  text-align: center;
  color: white;
}
/* line 107, sass/site/primary/_planner.scss */
#directions-page #planner-left-col #ftime {
  margin-bottom: 12px;
}
/* line 111, sass/site/primary/_planner.scss */
#directions-page #planner-left-col #directions-panel {
  padding: 0 12px;
}
/* line 116, sass/site/primary/_planner.scss */
#directions-page #map-canvas {
  width: 70%;
  height: 100%;
  margin-left: 30%;
}

/* line 123, sass/site/primary/_planner.scss */
#ftime, #fdate {
  width: 100px;
  text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 2, sass/modules/_infinite-scroll.scss */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
/* line 8, sass/modules/_infinite-scroll.scss */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* line 1, sass/media/_media.scss */
.page-content .wp-smiley,
.entry-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
/* line 10, sass/media/_media.scss */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
/* line 1, sass/media/_captions.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
/* line 5, sass/media/_captions.scss */
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 9, sass/media/_captions.scss */
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* line 14, sass/media/_captions.scss */
.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/* line 1, sass/media/_galleries.scss */
.gallery {
  margin-bottom: 1.5em;
}

/* line 5, sass/media/_galleries.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
/* line 11, sass/media/_galleries.scss */
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
/* line 15, sass/media/_galleries.scss */
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
/* line 19, sass/media/_galleries.scss */
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
/* line 23, sass/media/_galleries.scss */
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
/* line 27, sass/media/_galleries.scss */
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
/* line 31, sass/media/_galleries.scss */
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
/* line 35, sass/media/_galleries.scss */
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
/* line 39, sass/media/_galleries.scss */
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

/* line 44, sass/media/_galleries.scss */
.gallery-caption {
  display: block;
}
