/*
  HIGH SPEED RAIL STYLES

  These are general project styles.
  Page-specific styles are embedded at the top of each template
*/

/* GENERAL */
body.noscroll { overflow-y: hidden; }
.hsr-template{ padding-bottom: 10em; }
.hsr-template, .hsr-template p { font-family: 'Open Sans'; font-size: 18px; line-height: 2em; color: #666; }
.hsr-template b, .hsr-template strong { font-family: 'Open Sans'; font-weight: 600; color: #666; }
.hsr-text-content { font-family: 'Open Sans'; font-size: 16px; padding: 0 5%; color: #666; }
.hsr-text-content h1, h1 { font-size: 32px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 1em;  color: #666; !important;}
.hsr-text-content h2, h2 { font-size: 26px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 1em; color: #666;}
.hsr-text-content h3, h3 { font-size: 20px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 0.8em; color: #666;}
.hsr-text-content h4, h4 { font-size: 16px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 0.4em; color: #666;}
.hsr-text-content .hsr-section { padding: 40px 0; }
.hsr-text-content .hsr-section:first-of-type { padding-top: 0; }
.hsr-text-content .hsr-section:last-of-type { padding-bottom: 0; }
.hsr-template .caption { display: block; margin-top: 1em; font-family: 'Open Sans'; font-size: 16px; font-style: italic; line-height: 1.5em; }
.hidden-content { display: none !important; opacity: 0 !important; color: transparent !important; }

/* BREADCRUMBS */

/* PREV/NEXT BUTTONS */
#hsr-prev-next { display: flex; justify-content: space-between; margin-top: 5em; }
#hsr-prev-next a { font-family: 'Open Sans'; text-transform: uppercase; color: #666; font-weight: 600; opacity: 0.8; }
#hsr-prev-next a:hover { color: #333; opacity: 1; }
#hsr-prev-next a span.fa { position: relative; top: 1px; }
#hsr-prev-next .prev { flex: 0 50%; text-align: left; }
#hsr-prev-next .prev span { margin-left: 5px; }
#hsr-prev-next .next { flex: 0 50%; text-align: right; }
#hsr-prev-next .next span { margin-right: 5px; }

@media screen and (max-width: 550px) {
  #hsr-prev-next a { font-size: 14px; }
}