/*==============================================================================
  GLOBAL
=============*/
.cwb-body {
  padding-top: 0 !important;
}
img.align-image-right,
img.align-image-left {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 600px) {
  img.align-image-right {
    float: right;
    margin: 0 0 1rem 1rem;
  }
  img.align-image-left {
    float: left;
    margin: 0 1rem 0 1rem;
  } 
}

/* This overrides a rule in the quickfixes scss. Not sure what it's for.  */
#main h2.block__title {
    margin-top: 0;
}

#outage {
    position: absolute;
    top: -175px;
}

/* Make the buttons for modal match the rest of the buttons - See ticket #10371 */
.paragraph--type--bp-modal .btn.btn-modal {
  background-color: #485c54;
  font-size: 0.9411764706rem;
  border: 0;
  border-radius: 0.1764705882rem;
  margin: 1em auto 0em;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.1764705882;
  padding: 0.7058823529rem 1.1764705882rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Open Sans", "Helvetica Neue", sans-serif;
}
.paragraph--type--bp-modal .btn.btn-modal:hover {
  background-color: #78ab64;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/*=============
  END GLOBAL
==============================================================================*/


/*==============================================================================
  HEADER
=============*/
header a.btn.btn-primary {
  background-color: #0076C0 !important;
  font-weight: bold;
  padding: 0px 15px;
  margin-top: 6px;
}
header ul.social-media-links--platforms a {
    color: #0076C0 !important;
}
/*=============
  END HEADER
==============================================================================*/


/*==============================================================================
  HERO IMAGES
=============*/

.hero-bg-image {
    margin-bottom: 2rem;
}
.hero-bg-image__call-to-action a.button {
    margin: 1em .5em 0.5em 0em;
}
.hero-bg-image::before {
    content: none;
}
/*=============
  END HERO IMAGES
==============================================================================*/



/*==============================================================================
  ACCORDION
=============*/
.paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph {
    padding-top: 0;
}

.card.panel {
    margin: 0;
    float: none;
}
/*=============
  END ACCORDION
==============================================================================*/


/*==============================================================================
  TABS
=============*/

.paragraph--type--bp-tabs .tab-content {
    box-shadow: none;
    background-color: #efefef;
}
/*=============
  END TABS
==============================================================================*/

/*==============================================================================
  MAPS
=============*/
.map-container {
    /*border: 1px solid red;*/
    position: relative;
    padding-bottom: 75%;
}
.map-container iframe {
    /*border: 1px solid green;*/
    position: absolute;
    width: 100%;
    height: 100%;
}
/*=============
  END MAPS
==============================================================================*/