/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
#off-canvas-right {
  padding-left: 20px;
  padding-right: 20px;
  border: solid 0px var(--primary-color);
  border-radius: 0px;
  background-color: var(--primary-color);
  padding-bottom: 0px;
}
#off-canvas-right::backdrop {
  background-color: var(--primary-color);
}
#off-canvas-right .region-off-canvas {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
#off-canvas-right .close-button__wrapper {
  width: 40px;
  height: 40px;
  background-color: var(--primary-color);
  border-radius: 100%;
  right: 20px;
  z-index: 100;
}
@media (min-width: 992px) {
  #off-canvas-right .close-button__wrapper {
    width: 52px;
    height: 52px;
  }
}
#off-canvas-right .close-button__wrapper .close-dialog {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.366117 0.579318C0.600537 0.344898 0.918479 0.213201 1.25 0.213201C1.58152 0.213201 1.89946 0.344898 2.13388 0.579318L21.5793 20.0248C21.8137 20.2592 21.9454 20.5771 21.9454 20.9086C21.9454 21.2402 21.8137 21.5581 21.5793 21.7925C21.3449 22.0269 21.027 22.1586 20.6954 22.1586C20.3639 22.1586 20.046 22.0269 19.8116 21.7925L0.366117 2.34708C0.131696 2.11266 -8.21225e-07 1.79472 -7.79078e-07 1.4632C-8.10688e-07 1.13168 0.131696 0.813738 0.366117 0.579318Z' fill='%23ECE5DB'/%3E%3Cpath d='M-5.47733e-05 20.6954C-5.48049e-05 21.027 0.131641 21.3449 0.366061 21.5793C0.600482 21.8137 0.918423 21.9454 1.24994 21.9454C1.58146 21.9454 1.89941 21.8137 2.13383 21.5793L21.5793 2.13388C21.8137 1.89946 21.9454 1.58152 21.9454 1.25C21.9454 0.918476 21.8137 0.600535 21.5793 0.366115C21.3448 0.131694 21.0269 -1.81069e-06 20.6954 -1.55781e-06C20.3639 -1.33654e-06 20.0459 0.131695 19.8115 0.366115L0.366061 19.8116C0.131641 20.046 -5.47628e-05 20.3639 -5.47733e-05 20.6954Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  border: solid 0px white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
  padding: 20px;
  background-size: 14px;
  background-position: center;
}
@media (min-width: 992px) {
  #off-canvas-right .close-button__wrapper .close-dialog {
    width: 22px;
    height: 23px;
  }
}
#off-canvas-right .close-button__wrapper .close-dialog span {
  display: none;
}
#off-canvas-right .menu--buttons {
  margin-bottom: 20px;
}
#off-canvas-right .menu--buttons ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#off-canvas-right .block-system-branding-block {
  margin-bottom: 65px;
}
#off-canvas-right .block-system-branding-block svg {
  max-width: 150px;
}
#off-canvas-right .menu--main {
  margin-bottom: 65px;
}
#off-canvas-right .menu--main ul:not(.contextual-links) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  list-style-type: none;
  gap: 25px;
  margin-top: 25px;
}
#off-canvas-right .menu--main .menu-item--expanded:hover ul.menu {
  display: block;
}
#off-canvas-right .menu--main .menu-item--expanded ul.menu {
  display: block;
  background-color: transparent;
  text-align: right;
  position: relative;
  padding: 0px;
  justify-content: flex-start;
  width: 100%;
}
#off-canvas-right .menu--main .menu-item--expanded ul.menu li {
  text-align: left;
  text-transform: uppercase;
}
#off-canvas-right .menu--main li a:not(.button) {
  font-size: 1.5rem;
  font-family: var(--header-font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding: 0px;
  background-color: transparent;
  text-decoration: none;
  color: var(--white);
  text-transform: uppercase;
}
#off-canvas-right .menu--main li a:not(.button).is-active {
  opacity: 0.7;
}
#off-canvas-right .menu--contact {
  padding-left: 45px;
}
#off-canvas-right .button--primary {
  margin-top: 15px;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block {
  background-color: var(--primary-color);
  padding-top: 28px;
  position: relative;
  padding-bottom: 36px;
  margin-top: auto;
  overflow: hidden;
  padding-left: 28px;
  padding-right: 28px;
  border-radius: 10px;
  margin-bottom: 10px;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block > * {
  z-index: 1;
  position: relative;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block::before {
  content: "";
  width: 150vw;
  left: -25vw;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--primary-color);
  display: block;
  z-index: 0;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block a, #off-canvas-right .block-site-settings.block-single-rendered-site-settings-block p, #off-canvas-right .block-site-settings.block-single-rendered-site-settings-block span, #off-canvas-right .block-site-settings.block-single-rendered-site-settings-block .field__item {
  font-size: 1.0625rem;
  text-transform: none;
  text-decoration: none;
  font-weight: 500;
  color: var(--text-color);
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block h2 {
  font-family: var(--header-font-family);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  #off-canvas-right .block-site-settings.block-single-rendered-site-settings-block h2 {
    font-size: 1.25rem;
  }
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block h2 strong {
  font-weight: 400;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block .address-information {
  margin-bottom: 30px;
  margin-top: 25px;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block .address-information > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block .address-information .address-information--street {
  margin-bottom: 8px;
}
#off-canvas-right .block-site-settings.block-single-rendered-site-settings-block .field--name-field-email {
  margin-bottom: 8px;
}
#off-canvas-right .block-views-blocksocial-media-links {
  background-color: var(--primary-color);
  position: absolute;
  bottom: 36px;
  right: 20px;
}
#off-canvas-right .block-views-blocksocial-media-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
}
#off-canvas-right .block-views-blocksocial-media-links ul li {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  font-size: 1.5rem;
}
#off-canvas-right .block-views-blocksocial-media-links ul li a:hover {
  color: var(--secondary-color);
}