/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks-jsx/alert-bar/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
	Alert Bar
============================================================================= */
/* ==========================================================================
		VARIABLES
============================================================================= */
/* ==========================================================================
		Mixins
============================================================================= */
.wp-block-knightowl-blocks-alert-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-knightowl-blocks-alert-bar.is-closeable {
  padding-right: 50px !important;
}
.wp-block-knightowl-blocks-alert-bar > div {
  width: 100%;
}
.wp-block-knightowl-blocks-alert-bar .wp-block-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--alert-bar-gap-mobile, 8px);
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-alert-bar .wp-block-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--alert-bar-gap, 12px);
  }
}
.wp-block-knightowl-blocks-alert-bar .alert-headline,
.wp-block-knightowl-blocks-alert-bar .alert-paragraph {
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.wp-block-knightowl-blocks-alert-bar .alert-paragraph {
  margin-right: 5px !important;
}
.wp-block-knightowl-blocks-alert-bar .wp-block-buttons {
  margin-top: 0;
  margin-left: 0 !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-alert-bar .wp-block-buttons {
    margin-left: auto;
  }
}
.wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link {
  display: block;
  font-size: inherit !important;
  color: var(--alert-bar-link-color, #fff);
}
.wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:before {
  background: var(--alert-bar-link-color, #fff);
}
.wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:active, .wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:focus, .wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:hover {
  color: var(--alert-bar-link-color-hover, #ccc);
}
.wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:active:before, .wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:focus:before, .wp-block-knightowl-blocks-alert-bar .wp-block-buttons .wp-block-button.has-small-size .wp-block-button__link:hover:before {
  background: var(--alert-bar-link-color-hover, #ccc);
}
.wp-block-knightowl-blocks-alert-bar .alert-close {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  display: inline-block;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--alert-bar-close-icon-size-mobile, 24px);
  height: var(--alert-bar-close-icon-size-mobile, 24px);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9ImJsYWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjcwNzEgNS4yOTI4OUMxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA2LjMxNjU4IDE4LjcwNzEgNi43MDcxMUw2LjcwNzExIDE4LjcwNzFDNi4zMTY1OCAxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA1LjI5Mjg5IDE4LjcwNzFDNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTcuNjgzNCA1LjI5Mjg5IDE3LjI5MjlMMTcuMjkyOSA1LjI5Mjg5QzE3LjY4MzQgNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTguNzA3MSA1LjI5Mjg5WiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjkyODkgNS4yOTI4OUM1LjY4MzQyIDQuOTAyMzcgNi4zMTY1OCA0LjkwMjM3IDYuNzA3MTEgNS4yOTI4OUwxOC43MDcxIDE3LjI5MjlDMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTguMzE2NiAxOC43MDcxIDE4LjcwNzFDMTguMzE2NiAxOS4wOTc2IDE3LjY4MzQgMTkuMDk3NiAxNy4yOTI5IDE4LjcwNzFMNS4yOTI4OSA2LjcwNzExQzQuOTAyMzcgNi4zMTY1OCA0LjkwMjM3IDUuNjgzNDIgNS4yOTI4OSA1LjI5Mjg5WiIvPgo8L3N2Zz4K);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9ImJsYWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjcwNzEgNS4yOTI4OUMxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA2LjMxNjU4IDE4LjcwNzEgNi43MDcxMUw2LjcwNzExIDE4LjcwNzFDNi4zMTY1OCAxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA1LjI5Mjg5IDE4LjcwNzFDNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTcuNjgzNCA1LjI5Mjg5IDE3LjI5MjlMMTcuMjkyOSA1LjI5Mjg5QzE3LjY4MzQgNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTguNzA3MSA1LjI5Mjg5WiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjkyODkgNS4yOTI4OUM1LjY4MzQyIDQuOTAyMzcgNi4zMTY1OCA0LjkwMjM3IDYuNzA3MTEgNS4yOTI4OUwxOC43MDcxIDE3LjI5MjlDMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTguMzE2NiAxOC43MDcxIDE4LjcwNzFDMTguMzE2NiAxOS4wOTc2IDE3LjY4MzQgMTkuMDk3NiAxNy4yOTI5IDE4LjcwNzFMNS4yOTI4OSA2LjcwNzExQzQuOTAyMzcgNi4zMTY1OCA0LjkwMjM3IDUuNjgzNDIgNS4yOTI4OSA1LjI5Mjg5WiIvPgo8L3N2Zz4K);
  -webkit-mask-size: var(--alert-bar-close-icon-size-mobile, 24px) var(--alert-bar-close-icon-size-mobile, 24px);
          mask-size: var(--alert-bar-close-icon-size-mobile, 24px) var(--alert-bar-close-icon-size-mobile, 24px);
  background: var(--alert-bar-close-icon-color, #000);
  font-weight: var(--wp--custom--typography--font-weight--bold);
}
.wp-block-knightowl-blocks-alert-bar .alert-close:active, .wp-block-knightowl-blocks-alert-bar .alert-close:focus, .wp-block-knightowl-blocks-alert-bar .alert-close:hover {
  background: var(--alert-bar-close-icon-hover-color, #333);
}
.wp-block-knightowl-blocks-alert-bar .alert-close:focus {
  border: 5px solid -webkit-focus-ring-color;
  outline-offset: 5px;
}
@media (min-width: 782px) {
  .wp-block-knightowl-blocks-alert-bar .alert-close {
    width: var(--alert-bar-close-icon-size, 28px);
    height: var(--alert-bar-close-icon-size, 28px);
    -webkit-mask-size: var(--alert-bar-close-icon-size, 28px) var(--alert-bar-close-icon-size, 28px);
            mask-size: var(--alert-bar-close-icon-size, 28px) var(--alert-bar-close-icon-size, 28px);
  }
}

/*# sourceMappingURL=style-index.css.map*/