html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-stroke: 0.2px transparent;
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}

header {
    z-index: 999;
    background-color: var(--wp--preset--color--base);
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    padding-top: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--30);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: .2s;
}

header.scrolled {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
}

header .wp-block-site-logo {
  position: relative;
  display: inline-block;
  line-height: 0;
}

header .wp-block-site-logo img.site-logo--default,
header .wp-block-site-logo img.site-logo--alt {
  display: block;
  height: 56px;
  width: auto;
  transition: all .3s ease;
}

header.scrolled .wp-block-site-logo img.site-logo--default,
header.scrolled .wp-block-site-logo img.site-logo--alt {
  height: 43px;
}

header .wp-block-site-logo img.site-logo--alt {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

header.scrolled .wp-block-site-logo img.site-logo--alt { opacity: 1; }
header.scrolled .wp-block-site-logo img.site-logo--default { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  header .wp-block-site-logo img.site-logo--default,
  header .wp-block-site-logo img.site-logo--alt {
    transition: none;
  }
}

header.wp-block-template-part .header-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Add padding to elements with background color */
.has-background:not(header),
[class*="is-style-section-"]:not(header) {
    border-radius: var(--wp--custom--global--border--radius--base);
}

footer {
    margin: 0;
}
footer p a {
    text-decoration: none;
}

footer p a:hover,
footer li a:hover {
    text-decoration: underline;
}

/* Close button */
:root {
  --button-bottom:  var(--wp--preset--spacing--50);
}
.site-website-button {
    position: fixed;
    right: 0;
    bottom: var(--button-bottom);
    height: 60px;
    background-color: var(--wp--preset--color--alert);
    color: #fff;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium);
    padding: 0 20px 0 30px;
    border-radius: 30px 0 0 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 9999;
    bottom: 60px !important;
}

.site-website-button:after {
    content: "\ea43";
    font-family: "icomoon" !important;
}

.site-website-button:hover {
    background-color: #7c1f2c;
}

.full-wide-group > .alignwide {
    max-width: 1440px !important;
}

@media (max-width: 39.9375em) {
  .site-website-button span {
    display: none;
  }
}

@media screen and (max-width: 782px) {
  footer.wp-block-template-part .wp-block-group.is-style-section-contrast {
    padding-top: var(--wp--preset--spacing--50) !important;
  }
  footer ul.wp-block-navigation__container {
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
  }
  footer ul.wp-block-navigation__container li {
    width: 100%;
  }
}

/* Popup styles */
.pum-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

body .pum-container .pum-content+.pum-close {
  background-color: var(--wp--preset--color--alert);
  display: block;
  width: var(--wp--preset--spacing--50);
  height: var(--wp--preset--spacing--50);
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  box-shadow: none;
}
body .pum-container.custom-position {
  padding: var(--wp--preset--spacing--50);
  max-width: 960px !important;
}
body .pum-container .pum-content+.pum-close:before {
  content: "\ea43";
  font-family: "icomoon" !important;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
  white-space: normal;
  overflow: visible;
}

body .pum-container .pum-content {
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--contrast);
}