/**
 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-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  --text-color: var(--white);
  background-color: var(--secondary-color);
}
#off-canvas-right .region-off-canvas {
  grid-column: 1/-1;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}
#off-canvas-right .close-button__wrapper {
  margin-top: 0px;
  top: 36px;
}
#off-canvas-right .close-button__wrapper .close-dialog {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 44px;
  height: 44px;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='16' fill='%23E03026'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4701 15.47C15.6107 15.3296 15.8013 15.2507 16.0001 15.2507C16.1988 15.2507 16.3894 15.3296 16.5301 15.47L22.0001 20.94L27.4701 15.47C27.5387 15.3963 27.6215 15.3372 27.7135 15.2962C27.8055 15.2552 27.9048 15.2332 28.0056 15.2314C28.1063 15.2296 28.2063 15.2482 28.2997 15.2859C28.3931 15.3236 28.4779 15.3797 28.5491 15.451C28.6203 15.5222 28.6765 15.607 28.7142 15.7004C28.7519 15.7938 28.7704 15.8938 28.7687 15.9945C28.7669 16.0952 28.7448 16.1945 28.7039 16.2865C28.6629 16.3785 28.6038 16.4613 28.5301 16.53L23.0601 22L28.5301 27.47C28.6038 27.5387 28.6629 27.6215 28.7039 27.7135C28.7448 27.8055 28.7669 27.9048 28.7687 28.0055C28.7704 28.1062 28.7519 28.2062 28.7142 28.2996C28.6765 28.393 28.6203 28.4778 28.5491 28.549C28.4779 28.6203 28.3931 28.6764 28.2997 28.7141C28.2063 28.7518 28.1063 28.7704 28.0056 28.7686C27.9048 28.7668 27.8055 28.7448 27.7135 28.7038C27.6215 28.6628 27.5387 28.6037 27.4701 28.53L22.0001 23.06L16.5301 28.53C16.3879 28.6625 16.1999 28.7346 16.0055 28.7312C15.8112 28.7277 15.6259 28.649 15.4885 28.5116C15.351 28.3742 15.2723 28.1888 15.2689 27.9945C15.2655 27.8002 15.3376 27.6122 15.4701 27.47L20.9401 22L15.4701 16.53C15.3296 16.3894 15.2507 16.1988 15.2507 16C15.2507 15.8013 15.3296 15.6106 15.4701 15.47Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  border: solid 0px white;
  background-color: transparent;
}
#off-canvas-right .close-button__wrapper .close-dialog span {
  display: none;
}
#off-canvas-right .system-branding-block {
  margin-top: 36px;
}
#off-canvas-right .system-branding-block svg {
  max-width: 160px;
  width: 160px;
}
#off-canvas-right .system-branding-block svg path:last-of-type {
  fill: var(--white);
}
#off-canvas-right .system-branding-block .svgback {
  fill: var(--white);
}
#off-canvas-right .system-branding-block .svgtext {
  fill: var(--secondary-color);
}
#off-canvas-right .menu--main .menu-item--expanded > .menu {
  position: static;
  transform: translateY(0);
  top: 0;
  visibility: visible;
  opacity: 1;
}
#off-canvas-right .menu--main .menu-item--expanded > .menu li {
  width: 100%;
}
#off-canvas-right .menu--main ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  padding-top: 80px;
  padding-bottom: 60px;
  margin-top: 0px;
}
#off-canvas-right .menu--main li {
  width: 100%;
}
#off-canvas-right .menu--main li a, #off-canvas-right .menu--main li span {
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.125rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  #off-canvas-right .menu--main li a, #off-canvas-right .menu--main li span {
    font-size: 1.5rem;
    line-height: 110%;
  }
}
#off-canvas-right .menu--main li a, #off-canvas-right .menu--main li span {
  color: var(--white);
}
#off-canvas-right .menu--main a.button {
  display: none !important;
}
#off-canvas-right .menu--secondary {
  --anchor-color:var(--white);
}
#off-canvas-right .menu--secondary ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
}
#off-canvas-right .menu--secondary ul li a, #off-canvas-right .menu--secondary ul li span {
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.125rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  #off-canvas-right .menu--secondary ul li a, #off-canvas-right .menu--secondary ul li span {
    font-size: 1.5rem;
    line-height: 110%;
  }
}
#off-canvas-right .menu--secondary ul li a, #off-canvas-right .menu--secondary ul li span {
  font-weight: 500;
  font-style: italic;
  color: var(--white);
  text-decoration: none;
}
#off-canvas-right .menu--secondary ul li a.phone-button {
  background-color: var(--white);
  color: var(--secondary-color);
}
#off-canvas-right .menu--secondary ul li a.button {
  font-weight: 700;
}
#off-canvas-right .menu--secondary ul li:last-of-type::before {
  display: none !important;
}
#off-canvas-right .menu li {
  padding-left: 40px;
  position: relative;
}
#off-canvas-right .menu li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4405 0.0477393C18.0495 -0.54516 23.8732 4.45347 24.4513 11.2059C24.8138 15.4467 23.0146 19.368 19.9952 21.8466C19.5522 22.2479 19.073 22.6104 18.5655 22.9315C21.5526 22.2377 24.2578 20.3912 26.0001 17.6327C25.841 18.1658 25.6391 18.6989 25.4015 19.2177C22.5996 25.3608 15.4532 28.0189 9.44054 25.1532C5.66175 23.3519 3.23867 19.7964 2.6505 15.8788C2.57398 15.4919 2.5158 15.0947 2.48156 14.6913C2.46545 14.4876 2.45342 14.2836 2.44738 14.0819C1.54097 17.0731 1.75452 20.3892 3.21886 23.3104C2.84622 22.9028 2.49525 22.4565 2.17296 21.9891C-1.63205 16.4369 -0.310441 8.78229 5.12413 4.89344C8.52824 2.45823 12.7365 2.08335 16.34 3.50379C16.9159 3.70138 17.4734 3.94897 18.003 4.23915C15.9223 1.93969 13.0037 0.472195 9.79503 0.307505L10.2003 0.223521C10.6069 0.143319 11.0221 0.0848041 11.4405 0.0477393ZM14.629 7.94911C11.7204 6.56369 8.26392 7.84848 6.90831 10.8212C6.79358 11.0702 6.69673 11.3275 6.62023 11.5868C7.46422 10.2528 8.77168 9.35889 10.2159 9.02332C10.1333 9.07479 10.0543 9.12877 9.97374 9.18641C9.81678 9.2975 9.67029 9.41934 9.52941 9.54481C8.06502 10.745 7.19402 12.6427 7.36925 14.6952C7.64924 17.9623 10.4656 20.3768 13.6622 20.0907C13.9342 20.0681 14.2003 20.0255 14.4581 19.9638C12.9071 19.8855 11.4945 19.1751 10.4894 18.0634C10.7431 18.2033 11.0075 18.3203 11.2794 18.413C13.0278 19.1067 15.0701 18.9276 16.7198 17.746C19.3464 15.8664 19.9876 12.165 18.1466 9.4784C18.069 9.36515 17.9878 9.25488 17.9034 9.14832L17.6388 8.84071C18.3456 10.2529 18.4499 11.8585 18.0109 13.3036C18.0028 13.0071 17.9687 12.7083 17.9103 12.4139C17.6201 10.5283 16.4499 8.81783 14.629 7.94911Z' fill='%236879A8'/%3E%3C/svg%3E%0A");
  width: 26px;
  height: 27px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  opacity: 0;
}
#off-canvas-right .menu li.menu-item--active-trail::before {
  opacity: 1;
}
#off-canvas-right .menu a:hover, #off-canvas-right .menu a:focus {
  color: var(--secondary-color);
}
#off-canvas-right .menu {
  align-items: flex-start;
}
#off-canvas-right .menu li {
  position: relative;
  display: inline-block;
}
#off-canvas-right .has-phone-button a.phone-button {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.3786 0.676763C4.16257 0.165379 3.59926 -0.105195 3.0633 0.0382095L2.9129 0.0787955C1.14639 0.555005 -0.363064 2.2488 0.0771949 4.31057C1.0917 9.04561 4.85714 12.7714 9.64256 13.7752C11.729 14.2136 13.4381 12.7173 13.9194 10.9694L13.9604 10.8206C14.108 10.2875 13.8319 9.73016 13.3178 9.51911L10.6571 8.42329C10.2059 8.23659 9.68358 8.36647 9.37184 8.74256L8.31632 10.0197C6.39395 9.07537 4.84621 7.49522 3.95748 5.55521L5.16614 4.58114C5.54624 4.27539 5.67477 3.7586 5.48882 3.30944L4.3786 0.676763Z' fill='%23212E54'/%3E%3C/svg%3E%0A");
}