/*Google Translate*/
div#block-gtranslate select {
	border-color: #ffffff;
	color: #ffffff;
}

div#block-gtranslate option { 
    color: #000000; 
}

div#block-gtranslate select {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}

/*Flex on top left header buttons*/
@media(min-width: 475px){
  .region-header-top-left {
      display: inline-flex;
  }
  div#block-cwblogin-googletranslate {
    padding-left: 1em;
  }
}

.hero-bg-image__contain .display-1 {
    font-size: 200%;
    font-weight: 700;
    margin-bottom: .25em;
    text-transform: uppercase;
}

/* General */
_:-ms-fullscreen, :root .nav.tb-megamenu-nav > li {
  flex: 1 100%;
}
.skiptranslate.goog-te-gadget img {
    display: none;
}
#main form {
    padding: 2rem;
}
figure img {
  width: auto;
  margin: 0 auto;
  display: block;
}
.carousel-caption {
    background: rgba(0,0,0,0.40);
    padding-left: 2rem;
}
.paragraph--type--bp-columns .carousel-caption {
    background: transparent;
    padding-left: 0;
}
.carousel-inner img {
    margin: 0 auto;
    display: block;
    box-shadow: none !important;
}
main table, .modal-body table {
  table-layout: fixed;
  min-width: 0;
  max-width: 100%;
}
.modal-body table {
  width: 100%;
}
.modal-body a {
    position: relative !important;
}
.post__body-content.jumbotron {
    display: table;
}

/* Restyle accordion content panes. */
.paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph {
  padding: 1rem;
}
.align-center {
  padding: 0;
}
.btn-modal {
  margin-top: 1.5rem;
  border-radius: 0;
}
.modal .modal-body, .modal .modal-footer {
  padding: 15px 30px 30px;
}

/* Outage Notifications - Style default paragraph that displays for when there are no outages */
.view.view--card-display.view--display-block_2 .paragraph--type--bp-simple {
  background: lightskyblue;
  padding-top: 2rem;
  margin-bottom: 4rem;
}

/* Fix text centering of a modal content inside of a card's button */
.card__body-button .modal-header, .card__body-button .modal-body {
  text-align: initial;
}
.modal-body .paragraph__column {
  padding: 0;
}
@media (min-width: 75em){
  .btn-modal {
    font-size: 0.9411764706rem;
  }
}
@media (min-width: 40em){
  .btn-modal {
    font-size: 0.8235294118rem;
  }
}
@media (min-width: 30em){
  .btn-modal {
    font-size: 0.7058823529rem;
  }
}
@media (min-width: 15em){
  .btn-modal {
    font-size: 0.5882352941rem;
  }
}
.btn-modal {
  background-color: #0071bc;
  border: 0;
  border-radius: 0.1764705882rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.1764705882;
  padding: 0.7058823529rem 1.1764705882rem;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: normal;
  margin: 1em 0 1em;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.btn-modal:hover, .btn-modal:focus, .btn-modal:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.card__body-button .paragraph__column {
    padding: 0;
}
.card__body-button .paragraph__column button {
    margin: 1em 0em 0em 0em;
}

/* Give accordions some room as to prevent touching upper content */
.paragraph--type--bp-accordion {
  margin-top: 1rem;
}

/* Add equal Body padding to Simple Full Width Paragraphs */
.paragraph--type--bp-simple.paragraph--width--full {
    padding: 2rem 2rem 0 2rem;
}
.paragraph--bp-accordion-container {
    max-width: calc(100% - 2rem);
    margin: 0 auto;
}

/* Full Width Columns -- Make Padding Equal to Body Padding */
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
  padding: 0rem 2rem 0rem 2rem;
}

/* Page Title Improvements */
.page-wrapper .region-page-title .page-title {
  background-color: #d63347;
}
.region-page-title .page-title::after {
  background-image: none;
}



@media (max-width: 376px){
  .gdoc-field {
    min-height: 350px;
    height: 350px;
  }
}

[id]:target {
  /*padding-top: 200px;*/
  /*margin-top: -200px;*/
  scroll-margin-top: 200px;
}

/*Hide Page Title*/
.page-wrapper .region-page-title .page-title {
    display: none;
}

/*Align header shortcuts to the right*/
.header_top-col_grid .header_top_right {
    justify-content: flex-end;
    display: flex;
    flex: 1;
}

.media-box-button_card {
  position: relative;
  /*min-height: 24rem;*/
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hero-bg-image:before {
        background-image: none;
    }
}

@media all and (-ms-high-contrast:none){
  .hero-bg-image:before {
    background-image: none;
  }
 *::-ms-backdrop, .media-box-button_card .media-box-button_card__effectbox .card__body-button {
     flex-direction: column; 
  }
 *::-ms-backdrop, .media-box-button_card .card__body-button a {
    width: 100%;
  }
}

/*Accordion on Mobile Fix*/
@media (max-width: 768px){
  .card {
      margin-bottom: 5% !important;
  }
}

/*Media box Padding on mobile*/
@media (max-width: 768px){
  .media-box-button_card .media-box-button_card__effectbox {
      padding-bottom: .1rem;
  }
}

@media (min-width: 740px){
  .paragraph--bp-accordion-container .card {
      margin: 10px 0;
  }
}

div#block-unitedpower-views-block-alerts-cwb-alerts-ticker {
    padding: 0;
}

/*Stops the embed from scrolling on tablet/mobile*/
@media (max-width: 1081px) {
  header.header {
      position: relative;
  }
}

/*News cards on mobile*/
@media (max-width: 480px){
.block--recent-news .card {
    max-width: 320px;
}
}

/*slideshow*/

.carousel-caption {
    background: transparent;
}


/*accordion expand tabs*/
.paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=false].display:before, .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true].display:before {
    padding: 1px 8px;
    margin-left: 5px;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a {
    height: 34px;
}