/** Included _colors.scss */
/** Included _breakpoints.scss */
/** Included _typesetting.scss */
/** Included _foundation.scss */
/*
  This will style a (yellow background) drupal block with the body:
  <div class="cs-y b--fw ds-ele" id="pete-beta">
    <div class="b-c b-c--xsmv">
      <div class="beta-c">
        <div class="beta-i">BETA</div>
        <div class="beta-d">We're actively working to improve our permitting website.</div>
        <div class="beta-f"><a aria-label="Feedback Button" class="ds-atom ds_button ds_button--compact text cs-ob webform-dialog" data-dialog-options="{&quot;width&quot;:345,&quot;classes&quot;:{&quot;ui-dialog&quot;:&quot;feedback-dialog&quot;},&quot;tf-src&quot;:&quot;feedbackbtns-1be28ec70&quot;,&quot;title&quot;:&quot;Help us improve the permitting website&quot;}" data-dialog-type="modal" href="/form/pete-feedback?full=1" role="button"><span class="button-text after" id="btn-label-0c74318ab">Share your feedback</span></a></div>
      </div>
    </div>
  </div>
  according to the figma here:
    https://www.figma.com/design/TldVl0ArgLvfkAYYMQWlon/Miscellaneous?node-id=2172-187&m=dev
 */
#pete-beta {
  background-color: #fef0d1;
  color: #091f2f;
  font-size: 16px;
  display: flex;
  height: 70px;
  min-width: 320px;
  padding: 16px 40px;
  align-items: center;
  align-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
#pete-beta.cs-y .beta-c {
  background-color: #fef0d1;
  color: #091f2f;
  font-size: 16px;
}
#pete-beta .beta-c {
  color: #fff;
  display: flex;
  width: 100%;
  flex-flow: row;
  text-align: left;
  align-items: center;
  justify-content: left;
  column-gap: 20px;
}
#pete-beta .beta-i {
  border-radius: 4px;
  border: 2px solid #091f2f;
  background: #091f2f;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.019px;
  justify-self: left;
}
#pete-beta .beta-d {
  font-style: normal;
  font-family: "Lora", "Georgia", serif;
  line-height: normal;
  font-size: 18px;
  flex-grow: 1;
}
#pete-beta .beta-f {
  justify-self: right;
}
#pete-beta .beta-f button {
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  #pete-beta .beta-f {
    display: none;
  }
}

/*# sourceMappingURL=beta_banner.css.map */