/*************************
  * WILDFIRE 5 BASE STYLES
  ************************/
html,
body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #fff;
  height: 100%;
  /* Basic rule to prevent the sticky header from obscuring anchor link targets.
  Additional is added by wffs_scripts.js if the admin toolbar or secondary menu
  is visible. */
  scroll-padding-top: 100px;
}
body {
  color: #444;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.2em;
  line-height: 170%;
}
body .block-demo-backlink {
  left: unset !important;
  right: 50px !important;
  z-index: 999 !important;
}
[dir="rtl"] body .block-demo-backlink {
  left: 50px !important;
  right: unset !important;
}
body .layout-container > .sticky {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 500;
}
form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
a {
  color: #2b579a;
  text-decoration: none;
}
a:after {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline;
}

/* Consistent theming for buttons */
.block-pwa-a2hs button,
.ck.ck-content a.btn,
.region-content a.btn,
.iwt-button a,
input[type="submit"],
body:not(.layout-builder-page) .ui-dialog-buttonpane button.ui-button,
#cookiesjsr .cookiesjsr-btn,
.region-content div.cookies-fallback button {
  cursor: pointer;
  vertical-align: baseline;
  overflow: visible;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 0.125rem solid rgba(0, 0, 0, .1);
  transition: 0.3s;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 1.25rem 4px 1.25rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  line-height: 1.5em;
  white-space: nowrap;
}
.block-pwa-a2hs button:hover,
.ck.ck-content a.btn:hover,
.region-content a.btn:hover,
.iwt-button a:hover,
input[type="submit"]:hover,
.ui-dialog-buttonpane button:hover,
#cookiesjsr .cookiesjsr-btn:hover,
.region-content div.cookies-fallback button:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11);
  background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}
.block-pwa-a2hs button:active,
.ck.ck-content a.btn:active,
.region-content a.btn:active,
.iwt-button a:active,
input[type="submit"]:active,
.ui-dialog-buttonpane button:active,
#cookiesjsr .cookiesjsr-btn:active,
.region-content div.cookies-fallback button:active {
  position: relative;
  top: 1px;
}

/* Make popup menu items stand out more when hovered for better readability. */
.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
  background-color: #0779bf;
  color: #fff;
}
/* Sticky footer */
.mm-page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.dialog-off-canvas-main-canvas,
.layout-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.layout-container main {
  flex-grow: 1;
}
/* Fix the body being 1px too tall in Chrome, always producing a scrollbar. */
#drupal-live-announce {
  height: 0;
}
@media (max-width: 767px) {
  html,
  body {
    scroll-padding-top: 70px;
  }
}

/* Forms */
input,
textarea {
  border-radius: 0.125rem;
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
}
