/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./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/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.wp-block-zp-alertbar {
  display: none;
  transition: ease-in-out 0.5s;
}
.wp-block-zp-alertbar .layout-container {
  max-width: var(--wp--style--global--content-size);
  margin-right: auto;
  margin-left: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1200px) {
  .wp-block-zp-alertbar .layout-container {
    max-width: var(--wp--style--global--content-size);
    margin-right: var(--wp--style--block-gap);
    margin-left: var(--wp--style--block-gap);
  }
}
.wp-block-zp-alertbar .layout-container .zp-alertbar-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 1;
  color: currentColor;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.wp-block-zp-alertbar .layout-container .zp-alertbar-close:hover, .wp-block-zp-alertbar .layout-container .zp-alertbar-close:focus {
  opacity: 1;
}
.wp-block-zp-alertbar .layout-container .zp-alertbar-close:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.wp-block-zp-alertbar .layout-container .zp-alertbar-close span {
  display: block;
  width: 1rem;
  height: 100%;
}
@media (max-width: 414px) {
  .wp-block-zp-alertbar .layout-container .zp-alertbar-close {
    font-size: 1.25rem;
    padding: 0.25rem;
  }
}
.wp-block-zp-alertbar .layout-container #closeAlertBarButton {
  margin-left: auto;
  order: 2;
  border: unset;
  background: unset;
  cursor: pointer;
}
.wp-block-zp-alertbar .layout-container #closeAlertBarButton:after {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMTMuMDQ0LDE2LjUyMmMtMC4zLDAuMzAxLTAuNzg4LDAuMzAxLTEuMDg4LDBsLTYuMjMtNi4yMjljLTAuMzAxLTAuMzAxLTAuMzAxLTAuNzg5LDAtMS4wOWwwLjcyNy0wLjcyNwoJYzAuMy0wLjI5OSwwLjc4Ni0wLjMwMSwxLjA4NywwbDQuOTYxLDQuOTM4bDQuOTYtNC45MzhjMC4zMDEtMC4zMDEsMC43ODctMC4yOTksMS4wODcsMGwwLjcyNywwLjcyNwoJYzAuMzAxLDAuMzAxLDAuMzAxLDAuNzg5LDAsMS4wOUwxMy4wNDQsMTYuNTIyTDEzLjA0NCwxNi41MjJ6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
  fill: currentColor;
}
.wp-block-zp-alertbar .layout-container .content-container {
  width: 100%;
  padding-right: 3rem;
  /* Make room for close button */
}
.wp-block-zp-alertbar .layout-container .content-container p {
  order: 1;
  margin: unset;
  font-weight: 400;
}
@media (min-width: 414px) {
  .wp-block-zp-alertbar .layout-container .content-container p {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .wp-block-zp-alertbar .layout-container .content-container p {
    font-size: 0.875rem;
  }
}
.wp-block-zp-alertbar .layout-container .content-container p a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
  font-weight: unset;
}
.wp-block-zp-alertbar .layout-container .content-container p a:focus, .wp-block-zp-alertbar .layout-container .content-container p a:hover {
  text-decoration-thickness: 2px;
}
.wp-block-zp-alertbar .layout-container .content-container p + p {
  margin-top: 1rem;
}

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