/* =WordPress Core
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  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. */ }

.bg-white {
  background-color: #fefefe; }

.bg-blue {
  background-color: #002d41;
  color: #fefefe; }
  .bg-blue p {
    color: #fefefe; }

.bg-gray {
  background-color: #fff; }

a {
  color: #f15c24; }
  a:hover, a:visited {
    color: #f15c24;
    text-decoration: underline; }

body {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6; }

h1 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 65px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1; }

h2 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #f15a22;
  text-align: center; }

h3 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #f15c24;
  line-height: 1; }

h4 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #333; }

h5 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 38px;
  font-weight: 400;
  color: #002d41;
  text-align: left; }

p.light-blue {
  color: #25607b; }

html, body {
  height: 100%; }

#header {
  height: 65px;
  margin-top: 15px; }
  #header #logo {
    position: absolute;
    z-index: 1; }

.hero .align-center {
  margin: 0 auto; }
.hero h1 {
  color: #fff;
  text-align: center;
  padding: 60% 0 10%;
  text-shadow: -1px 3px 4px rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 640px) {
  h1 {
    font-size: 35px; }

  #logo {
    left: 50%;
    margin-left: -75px;
    width: 150px; } }
#footer {
  background: #002d41; }
  #footer p {
    font-size: 12px; }

@media screen and (max-width: 640px) {
  #footer {
    text-align: center; } }
.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 500;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  display: none; }
  .loader.loading {
    display: block; }
    .loader.loading .spin-box {
      animation: spin ease infinite 4s; }
  .loader h3 {
    text-align: center;
    margin: 60px 0 30px 0; }
  .loader .spin-box {
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf; }
@keyframes spin {
  0%, 100% {
    box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf; }
  25% {
    box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49; }
  50% {
    box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf; }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } }
.prev-next a.disabled {
  color: grey; }

.filter-button p {
  margin: 15px 0 5px; }

.button {
  background-color: #f15a22;
  border-color: #f15a22;
  color: #fff;
  border-radius: 0px;
  padding: 6px 10px;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 25px; }

/* Font Awesome Slider Buttons */
i.fa.fa-angle-left, i.fa.fa-angle-right {
  font-size: 65px; }

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
  background-color: transparent;
  outline: none; }

.orbit-bullets {
  display: none; }

.orbit-next, .orbit-previous {
  top: 75%; }

.orbit-caption {
  top: 68%;
  bottom: auto;
  background-color: transparent;
  text-align: center; }
  .orbit-caption h1 {
    max-width: 650px;
    margin: 0 auto;
    line-height: 1; }

.search {
  width: 100%;
  position: relative; }

.searchTerm {
  float: left;
  width: 100%;
  border: 1px solid #dfdfdf;
  padding: 5px;
  height: 55px;
  border-radius: 0;
  outline: none;
  color: #dfdfdf;
  margin-bottom: 0;
  box-shadow: none; }

.searchTerm:focus {
  color: #00B4CC; }

.searchButton {
  width: 100%;
  height: 55px;
  border: 1px solid #f15a22;
  background: #f15a22;
  text-align: center;
  color: #fff;
  border-radius: 0px;
  cursor: pointer;
  font-size: 20px; }

#search-results .pages {
  clear: both; }

.filters {
  background: #002d41;
  color: #fff;
  -webkit-transition: background 1s;
  /* Safari */
  transition: background 1s; }
  .filters .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: none; }
  .filters:hover {
    background: #80a8bb;
    color: #0a0a0a; }
  .filters:focus {
    background: #80a8bb;
    color: #0a0a0a; }

.filters.filter-button {
  height: 55px; }
  .filters.filter-button strong {
    line-height: 55px;
    display: block;
    padding-left: 20px; }

.filters.side-filter {
  padding: 20px 15px;
  background: #80a8bb;
  color: #0a0a0a; }

.dropdown.menu .is-dropdown-submenu-parent a {
  color: #002d41;
  font-size: 16px;
  font-weight: bold;
  line-height: 55px;
  padding: 0 20px; }
  .dropdown.menu .is-dropdown-submenu-parent a:hover {
    color: #002d41;
    text-decoration: none; }

.is-dropdown-submenu-parent {
  width: 100%; }

img.dropdown-arrow {
  position: absolute;
  right: 20px;
  top: 40%; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  background: #80a8bb;
  padding: 20px;
  border: 0px; }

@media screen and (max-width: 640px) {
  .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    width: 100%; } }
@media screen and (max-width: 500px) {
  .small-6.x-small-12.cell {
    width: 100%; } }
.home-filter ul.menu.submenu.is-dropdown-submenu.first-sub.vertical {
  width: 400px; }

.grid-container {
  max-width: 59.5rem;
  padding: 0 30px; }

.tracks-icon {
  padding: 15px 0 35px; }

body {
  background: #fff; }

section {
  position: relative;
  padding: 40px 0; }

.grid-x.hide-for-small {
  display: flex; }

.hide-for-small {
  display: block; }

.show-for-small {
  display: none; }

@media screen and (max-width: 640px) {
  .hide-for-small {
    display: none; }

  .show-for-small {
    display: block; }

  .grid-x.show-for-small {
    display: flex; }

  .grid-x.hide-for-small {
    display: none; } }
#timeline {
  background: #f4f2f2;
  z-index: -10; }

.image-label {
  background: #002d41;
  color: #fff;
  padding: 20px 20px;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1;
  width: 100%;
  transition: background .5s ease; }

.timeline-item a:hover .image-label, .side-popular-item a:hover .image-label, .main-popular-item a:hover .image-label {
  background: #25607b; }

.timeline-item {
  width: 371px;
  margin-bottom: 75px; }
  .timeline-item a p {
    color: #000; }
  .timeline-item .timeline-item a:hover .image-label {
    background: #80a8bb; }
  .timeline-item .timeline-item a:hover p {
    text-decoration: none; }
  .timeline-item.right {
    margin-top: -222px; }
    .timeline-item.right.first {
      margin-top: 0; }
  .timeline-item.left {
    margin-top: 0; }
    .timeline-item.left.first {
      margin-top: 222px; }
    .timeline-item.left img {
      float: right; }
  .timeline-item .timeline-container {
    min-width: 885px; }

@media screen and (max-width: 640px) {
  .medium-5.timeline-item {
    width: 360px;
    max-width: 100%; }

  .timeline-item.right {
    margin-left: -10px; }

  #timeline .grid-container {
    width: 90%;
    margin: 0 auto;
    padding: 0; } }
h5.right-dot:before {
  content: "";
  background: url("https://s3-us-west-2.amazonaws.com/railroadpark/wp-content/uploads/20180807222506/right-dot.png") no-repeat;
  float: left;
  height: 32px;
  width: 86px;
  margin-left: -90px;
  margin-top: 15px; }

h5.left-dot {
  text-align: right; }

h5.left-dot:after {
  content: "";
  background: url("https://s3-us-west-2.amazonaws.com/railroadpark/wp-content/uploads/20180807222503/left-dot.png") no-repeat;
  float: right;
  height: 32px;
  width: 86px;
  margin-right: -90px;
  margin-top: 15px; }

@media screen and (max-width: 960px) {
  h5.right-dot:before {
    background-size: 85%;
    margin-left: -82px; }

  h5.left-dot:after {
    background-size: 85%;
    margin-right: -94px; } }
@media screen and (max-width: 767px) {
  #timeline .grid-container {
    max-width: 600px;
    margin: auto; }

  h5.right-dot:before {
    margin-left: -54px; }

  h5.left-dot:after {
    margin-right: -68px; } }
@media screen and (max-width: 640px) {
  h5.right-dot:before {
    background: url(https://www.therailroadpark.com/historicalarchive/wp-content/uploads/2017/11/ellipse-mobile.png) no-repeat;
    float: left;
    height: 16px;
    width: 15px;
    margin-left: -31px;
    margin-top: 21px; }

  h5.left-dot {
    text-align: left; }

  h5.left-dot:after {
    background: url(https://www.therailroadpark.com/historicalarchive/wp-content/uploads/2017/11/ellipse-mobile.png) no-repeat;
    float: left;
    height: 16px;
    width: 15px;
    margin-right: 0;
    margin-left: -31px;
    z-index: 1;
    margin-top: 21px; }

  .timeline-item {
    margin-bottom: 30px; }

  .timeline-item.right {
    margin-top: 0;
    margin-left: 0; }

  .timeline-item.left {
    margin-left: 0; }

  .timeline-item.left.first {
    margin-top: 0; }

  .timeline-item .image-label {
    padding: 19px 10px; } }
section#popular-items {
  padding-bottom: 0px; }

.main-popular-item {
  max-width: 540px;
  margin-bottom: 50px; }
  .main-popular-item .image-label {
    padding: 10px 5px;
    width: 100%;
    font-size: 18px; }

.side-popular-item {
  max-width: 297px;
  margin: 0 auto 50px; }
  .side-popular-item .image-label {
    padding: 10px 5px;
    width: 100%;
    font-size: 18px; }

i.fa.fa-angle-down {
  font-size: 26px;
  padding-left: 10px;
  vertical-align: middle; }

.searchButton {
  transition: background .5s ease; }

.searchButton:hover {
  border: 1px solid #0e394c;
  background: #0e394c; }

a#results-next, a#results-prev {
  text-decoration: none; }

a.single-resource {
  color: #0a0a0a; }

a.single-resource span {
  color: #000; }

.results section {
  padding: 40px 10px; }

.results .grid-x {
  border-bottom: 2px solid #dfdfdf;
  background: #fff;
  transition: background 0.5s ease; }

.results .grid-x:hover {
  background: #e8e6e7; }

#search-results {
  background: #fff; }
  #search-results h5 {
    color: #908d8d;
    font-weight: bold;
    font-size: 35px; }
  #search-results li strong {
    padding: 20px 15px;
    display: block; }
  #search-results .pages {
    padding: 15px 0; }
  #search-results .results {
    padding: 30px 0; }

#carousel {
  max-width: 90%;
  margin: 0 auto; }
  #carousel li {
    max-width: 150px;
    cursor: pointer;
    margin-left: -1px;
    margin-right: 2px; }

.flexslider {
  border: 0px;
  margin: 0 0 0; }

.flex-direction-nav a {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  height: 60px; }

.flexslider .flex-next, .flexslider .flex-prev {
  opacity: 1; }

.flexslider .flex-prev {
  left: -20px; }

.flexslider .flex-next {
  right: -20px; }

#slider .flex-direction-nav a {
  display: none; }

.flex-direction-nav a:before {
  font-family: FontAwesome; }

.flex-direction-nav a.flex-next:before {
  content: "\f0da"; }

.flex-direction-nav a:before {
  content: "\f0d9"; }

li.flex-active-slide {
  margin-bottom: 5px; }

.filters p {
  margin: 15px 0 5px; }

/*# sourceMappingURL=app.css.map */