.localgov-alert-banner__inner {
  flex-wrap: wrap;
}

.localgov-alert-banner {
  color: var(--color-black);
  padding: 24px 0;
  font-size: var(--font-size-small);
  font-weight: 400;
  background-color: #fff;
}

.js-elmbridge-notification {
  display: none;
  color: var(--color-black);
  padding: 24px 0;
  font-size: var(--font-size-small);
  font-weight: 400;
}

.block-show-button-0,
.js-elmbridge-notification--show {
  display: block;
  width: 100%;
  overflow: hidden;
}
.localgov-alert-banner .localgov-alert-banner__content,
.js-elmbridge-notification .lgd-container {
  display: block;
  align-items: center;
  /*justify-content: space-between;*/
  flex-wrap: nowrap;
}

.block-show-button-0 .lgd-container {
  justify-content: flex-start;
}

.localgov-alert-banner__close,
.js-elmbridge-notification .js-elmbridge-notification-close {
  border: 3px solid var(--color-black);
  filter: drop-shadow(-5px 5px 12px rgba(98, 98, 98, 0.25));
  border-radius: var(--button-radius);
  background: transparent;
  padding: 10px 20px;
  color: var(--color-black);
  font-size: var(--font-size-medium);
  /*position: absolute;*/
  /*top: calc(50% - 26px);*/
  /*right: 40px;*/
  float: right;
}

.localgov-alert-banner__close:hover,
.js-elmbridge-notification .js-elmbridge-notification-close:hover {
  color: var(--color-white);
  background: var(--color-black);
  text-decoration: underline;
}

.block-notification-type-major.localgov-alert-banner,
.block-notification-type-warning {
  background-color: #A71C1C;
  padding: 10px 0;
  color: var(--color-white);
}

.block-notification-type-severe.localgov-alert-banner {
  background-color: var(--color-sub-theme-accent--hover);
  padding: 10px 0;
  color: var(--color-black);
}

.block-notification-type-major.localgov-alert-banner a,
.block-notification-type-warning a {
  color: var(--color-white);
}

.localgov-alert-banner.block-notification-type-major a:focus,
.block-notification-type-warning a:focus {
  color: var(--color-black);
  text-decoration: underline;
  background-color: var(--color-yellow);
}

.block-notification-type-major .localgov-alert-banner__close,
.block-notification-type-warning .js-elmbridge-notification-close {
  border-color: var(--color-white);
  color: var(--color-white);
}
.block-notification-type-major .localgov-alert-banner__close:hover,
.block-notification-type-warning .js-elmbridge-notification-close:hover {
  color: var(--color-black);
  background: var(--color-white);
}
.block-notification-type-major .localgov-alert-banner__close:focus,
.block-notification-type-warning .js-elmbridge-notification-close:focus {
  color: var(--color-black);
  text-decoration: underline;
  background-color: var(--color-yellow);
}

/*.localgov-alert-banner--*/
.block-notification-type-minor,
.block-notification-type-notification {
  background: linear-gradient(268.16deg, #FFE146 30.11%, #FFD600 77.86%);
  color: var(--color-black);
  overflow: hidden;
}
.localgov-alert-banner a,
.block-notification-type-notification a {
  color: var(--color-black);
}

.localgov-alert-banner__title,
.js-elmbridge-notification .field--name-field-title {
  width: 340px;
  margin-right: 20px;
  align-self: flex-start;
  flex-shrink: 0;
  font-weight: 600;
  display: flex;
  font-size: var(--font-size-default);
}

.localgov-alert-banner__title:before,
.js-elmbridge-notification .field--name-field-title:before {
  content: url("../../assets/icons/notifications/notification.svg");
  margin-right: 20px;
  display: block;
  transform: scale(0.6);
  margin-top: -5px;
}

.block-notification-type-major .localgov-alert-banner__title:before,
.block-notification-type-warning .field--name-field-title:before {
  content: url("../../assets/icons/notifications/warning.svg");
}

.block-notification-type-announcement .localgov-alert-banner__title:before,
.block-notification-type-information .field--name-field-title:before {
  content: url("../../assets/icons/notifications/info.svg");
}

.localgov-alert-banner__body,
.js-elmbridge-notification .field--name-body {
  width: 100%;
  margin-right: 0;
  padding-left: 55px;
  margin-left: 0;
}


.localgov-alert-banner__actions {
  width: 100%;
  justify-content: flex-end;
  margin-top: 20px;
  background: transparent;
}

@media screen and (min-width: 60rem) {
  .localgov-alert-banner__actions {
    width: auto;
  }
  .localgov-alert-banner .localgov-alert-banner__content,
  .js-elmbridge-notification .lgd-container {
    display: flex;
  }

  .localgov-alert-banner__body,
  .js-elmbridge-notification .field--name-body {
    width: 58%;
    margin-right: 30px;
  }
  .localgov-alert-banner__close,
  .js-elmbridge-notification .js-elmbridge-notification-close {
    position: static;
    float: none;
  }
  .localgov-alert-banner,
  .js-elmbridge-notification {
    font-size: var(--font-size-large);
  }
  .localgov-alert-banner__title,
  .js-elmbridge-notification .field--name-field-title {
    font-size: var(--font-size-banner-title);
  }
  .localgov-alert-banner__title:before,
  .js-elmbridge-notification .field--name-field-title:before {
    transform: scale(1);
    margin-top: 0;
  }
  .localgov-alert-banner,
  .block-show-button-0,
  .js-elmbridge-notification--show {
    width: auto;
  }
  .localgov-alert-banner__inner {
    flex-wrap: nowrap;
  }
  .field.field--name-short-description.field--type-text-long.field--label-hidden.field__item p{
    font-size: var(--font-size-banner-description);
  }
  .field.field--name-link.field--type-link.field--label-hidden.field__item {
    font-size: var(--font-size-banner-description);
  }
  
}