/* Declare variables here that will be used to override bootstrap defaults */
/* Bootstrap variables replicated here for reference... 
 * any variables that need to override the defaults can be copied and set above
 */
@media (min-width: 2560px) {
  body {
    font-size: 1.25rem; } }

@media (min-width: 1200px) {
  #pageContent .container {
    max-width: 1700px; } }

/* Load custom global styles */
.underline {
  border-bottom: 1px solid #c8cace; }

.underline2 {
  border-bottom: 1px solid #868c94; }

.heading {
  color: #63676c;
  font-weight: 500; }

.emergency-heading {
  font-weight: 500; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1em; }

.heading2 {
  color: #63676c;
  font-weight: 300;
  line-height: 65%; }

.heading3 {
  color: #63676c;
  font-weight: 600; }

.heading-light {
  color: #c8cace;
  font-weight: 500;
  line-height: 75%; }

.heading-dark {
  color: #63676c;
  font-weight: 500;
  line-height: 85%; }

.heading-light2 {
  color: #c8cace;
  font-weight: 300;
  line-height: 75%;
  text-transform: uppercase; }

.sub-heading {
  color: #c8cace;
  line-height: 75%;
  font-weight: 100; }

.footer-header {
  margin-top: 1rem;
  color: #63676c;
  font-weight: 500;
  border-bottom: 1px solid #c8cace; }

.footer-link {
  color: #63676c;
  font-weight: 300;
  line-height: 95%; }

.wx-links {
  font-weight: 500;
  color: #868c94;
  text-decoration: none;
  list-style: none; }
  .wx-links a {
    text-decoration: none; }
    .wx-links a :hover {
      text-decoration: none;
      color: #2d3135; }

.red {
  color: #FF0000; }

.stations {
  text-decoration: none;
  list-style: none; }

.resourceLinks {
  color: #63676c;
  font-weight: 500; }

/* Set floats for article images on small devices */
.float-img-md-l {
  text-align: center;
  width: 100%;
  margin-bottom: 1rem; }

.float-img-md-r {
  text-align: center;
  width: 100%;
  margin-bottom: 1rem; }

@media (min-width: 768px) {
  /* Set floats for article images on MD & up */
  .float-img-md-l {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 300px; }
  .float-img-md-r {
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
    width: 300px; }
  .underline-md {
    border-bottom: 1px solid #c8cace; }
  .underline2-md {
    border-bottom: 1px solid #868c94; } }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }