@charset "UTF-8";

.color-success {
  color: #325e1c;
  background-color: #f3faef;
}

.color-warning {
  color: #734c00;
  background-color: #fdf8ed;
}

.color-error {
  color: #a51b00;
  background-color: #fcf4f2;
}

@font-face {
  font-family: "Cantarell";
  src: url("../../fonts/cantarell/Cantarell-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Cantarell";
  src: url("../../fonts/cantarell/Cantarell-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Cantarell";
  src: url("../../fonts/cantarell/Cantarell-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cantarell";
  src: url("../../fonts/cantarell/Cantarell-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Cantarell";
  src: url("../../fonts/cantarell/Cantarell-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "LiberationSans";
  src: url("../../fonts/liberationsans/LiberationSans-Rg.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LiberationSans";
  src: url("../../fonts/liberationsans/LiberationSans-It.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "LiberationSans";
  src: url("../../fonts/liberationsans/LiberationSans-Bd.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LiberationSans";
  src: url("../../fonts/liberationsans/LiberationSans-BdIt.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Cantarell, "LiberationSans", "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

html {
  font-family: Cantarell, "LiberationSans", "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

:root {
  
  --color-absolutezero: var(--color-blue-600);
  --color-white: #f5f3ef;
  --color-text: #252422;
  --color-text-light: var(--color-gray-500);
  --color-gray-050-o-40: rgba(243, 244, 249, 0.4);
  
  --color-gray-200-o-80: rgba(212, 212, 218, 0.8);
  --color-maximumred: var(--color-red-500);
  --color-sunglow: #ffd23f;
  --color-sunglow-shaded: #977405;
  --color-lightninggreen: #26a769;
  --color-focus: #c68453;
  
  --color-absolutezero-hover: var(--color-blue-650); 
  --color-absolutezero-active: var(--color-blue-700); 
  --color-maximumred-hover: var(--color-red-550); 
  --color-maximumred-active: var(--color-red-600); 
  --color-bgblue-hover: var(--color-blue-020); 
  --color-bgblue-active: var(--color-blue-050); 
  --color-bgred-hover: var(--color-red-020); 
  --color-bgred-active: var(--color-red-050); 
  
  --color-gray: #232429;
  --color-gray-900: #393a3f;
  --color-gray-800: #55565b;
  --color-gray-700: #75767b;
  --color-gray-600: #828388;
  --color-gray-500: #919297;
  --color-gray-400: #adaeb3;
  --color-gray-300: #c1c2c7;
  --color-gray-200: #d3d4d9;
  --color-gray-100: #dedfe4;
  --color-gray-050: #f3f4f9;
  --color-gray-025: #f9faff;
  
  --color-blue: var(--color-blue-600);
  --color-blue-900: #000f33;
  --color-blue-800: #001f66;
  --color-blue-700: #002e9a;
  --color-blue-650: #0036b1;
  --color-blue-600: #003ecc;
  --color-blue-500: #004eff;
  --color-blue-400: #3371ff;
  --color-blue-300: #6694ff;
  --color-blue-200: #99b8ff;
  --color-blue-100: #ccdbff;
  --color-blue-070: #dbe6ff;
  --color-blue-050: #e5edff;
  --color-blue-020: #f5f8ff;
  
  --color-red: var(--color-red-500);
  --color-red-900: #2c0707;
  --color-red-800: #580e0e;
  --color-red-700: #841515;
  --color-red-600: #b01c1c;
  --color-red-550: #c61f1f;
  --color-red-500: #dc2323;
  --color-red-400: #e34f4f;
  --color-red-300: #ea7b7b;
  --color-red-200: #f1a7a7;
  --color-red-100: #f8d3d3;
  --color-red-070: #fae0e0;
  --color-red-050: #fce9e9;
  --color-red-020: #fdf5f5;
  
  --color-fg: #252422;
  --color-bg: #f5f3ef;
  --color-link: #c68453;
  --color-link-hover: #d29f79;
  --color-link-active: #f5f3ef;
  --color-divider: #c68453;
  
  --font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-family-serif: "Times New Roman", times, serif;
  --line-height: 1.5;
  --line-height-heading: 1.3;
  --line-height-form-label: calc(18rem / 16); 
  --font-size-base: 1rem; 
  --font-size-xl: 2.25rem; 
  --font-size-h1: 2.027rem; 
  --font-size-h2: 1.802rem; 
  --font-size-h3: 1.602rem; 
  --font-size-h4: 1.424rem; 
  --font-size-h5: 1.266rem; 
  --font-size-h6: 1.125rem; 
  --font-size-s: 0.889rem; 
  --font-size-xs: 0.79rem; 
  --font-size-xxs: 0.702rem; 
  --font-size-label: var(--font-size-s);
  --font-size-description: var(--font-size-xs);
  
  --space-xl: 3rem; 
  --space-l: 1.5rem; 
  --space-m: 1rem; 
  --space-s: 0.75rem; 
  --space-xs: 0.5rem; 
  
  --speed-transition: 0.2s;
  --transition: all var(--speed-transition) ease-out;
  --base-border-radius: 2px;
  --focus-border-size: 3px;
  --focus-border-offset-size: 2px;
  --outline-size: 2px;
  --focus-outline: var(--outline-size) dotted transparent;
  --focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
  
  --shadow-z3: 0 14px 30px rgba(0, 0, 0, 0.1);
  
  --input-fg-color: #252422;
  --input-bg-color: #f5f3ef;
  --input-fg-color--description: var(--color-gray-800);
  --input-fg-color--placeholder: var(--color-gray-700);
  --input-border-color: var(--color-gray-500);
  --input--hover-border-color: var(--color-text);
  --input--focus-border-color: #c68453;
  --input--error-color: var(--color-maximumred);
  --input--error-border-color: var(--color-maximumred);
  --input--disabled-color: rgba(84, 85, 96, 0.6); 
  --input--disabled-fg-color: var(--color-gray-800);
  --input--disabled-bg-color: #f2f2f3; 
  --input--disabled-border-color: #bababf; 
  --input--disabled-border-opacity: 0.5;
  --input-border-radius-size: 0.125rem; 
  --input-border-size: 1px; 
  --input--error-border-size: 2px;
  --input-padding-vertical: calc(var(--space-s) - var(--input-border-size));
  --input-padding-horizontal: calc(var(--space-m) - var(--input-border-size));
  --input-font-size: var(--font-size-base);
  --input-line-height: var(--space-l);
  --input-padding-vertical--small: calc(var(--space-xs) - (var(--input-border-size) * 2));
  --input-padding-horizontal--small: calc(var(--space-m) - var(--input-border-size));
  --input-font-size--small: var(--font-size-xs);
  --input-line-height--small: 1.3125rem;
  --input--extrasmall-padding-vertical: calc(0.15rem - var(--input-border-size));
  --input--extrasmall-padding-horizontal: calc(var(--space-xs) - var(--input-border-size));
  --input--extrasmall-font-size: var(--font-size-s);
  --input--extrasmall-line-height: calc(var(--space-m) + 0.2rem); 
  --input--required-mark-size: 0.4375rem; 
  --input--label-spacing: 1.6875rem; 
  
  --details-border-color: var(--color-gray-100);
  --details-summary-shadow-color: var(--color-focus);
  --details-summary-focus-border-size: var(--focus-border-size);
  --details-desktop-wrapper-padding-start: calc(var(--space-m) + var(--space-s) + var(--space-xs));
  --details-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --details-border-size: 1px;
  --details-border-size-radius: 2px;
  --details-accordion-border-size-radius: var(--base-border-radius);
  --details-spread-box-shadow-radius: 2px;
  --details-bg-color-transition-duration: 0.12s;
  --details-box-shadow-transition-duration: 0.2s;
  --details-transform-transition-duration: 0.12s;
  --details-line-height: 1.295rem;
  
  --button--focus-border-color: var(--color-blue-300);
  --button-border-radius-size: var(--base-border-radius);
  --button-fg-color: #f5f3ef;
  --button-bg-color: #9f6060;
  --button--hover-bg-color: #a97070;
  --button--active-bg-color: var(--color-gray-400);
  --button--disabled-bg-color: #ebebed;
  --button--disabled-fg-color: var(--color-gray-500);
  --button-fg-color--primary: #f5f3ef;
  --button-bg-color--primary: #9f6060;
  --button--hover-bg-color--primary: var(--color-absolutezero-hover);
  --button--active-bg-color--primary: var(--color-absolutezero-active);
  --button--focus-bg-color--primary: var(--button-bg-color--primary);
  --button--disabled-bg-color--primary: var(--color-gray-200);
  --button--disabled-fg-color--primary: var(--color-gray-600);
  --button-fg-color--danger: var(--color-white);
  --button-bg-color--danger: var(--color-maximumred);
  --button--hover-bg-color--danger: var(--color-maximumred-hover);
  --button--active-bg-color--danger: var(--color-maximumred-active);
  --dropbutton-widget-z-index: 100;
  
  --jui-dropdown-fg-color: var(--color-gray-800);
  --jui-dropdown-bg-color: var(--color-white);
  --jui-dropdown--active-fg-color: var(--color-white);
  --jui-dropdown--active-bg-color: var(--color-absolutezero);
  --jui-dropdown-border-color: rgba(216, 217, 224, 0.8); 
  --jui-dropdown-shadow-color: rgba(34, 35, 48, 0.1); 
  
  --jui-dialog-title-color: var(--color-white);
  --jui-dialog-title-bg-color: var(--color-text);
  --jui-dialog-title-font-size: var(--font-size-h4);
  --jui-dialog-close-button-size: calc(var(--space-m) * 2);
  --jui-dialog-close-button-border-radius: 50%;
  --jui-dialog-close-button-reserved-space: calc(var(--space-m) * 4);
  --jui-dialog-off-canvas-close-button-reserved-space: calc(var(--space-m) * 3);
  --jui-dialog-border-radius: 4px;
  --jui-dialog-box-shadow: 0 0 var(--space-m) calc(var(--space-m) / -4) var(--color-text);
  --jui-dialog--focus-outline: 2px dotted transparent;
  --jui-dialog--focus-box-shadow: 0 0 0 3px var(--color-focus);
  --jui-dialog-z-index: 1260;
  --jui-dialog-off-canvas-z-index: 501;
  
  --progress-bar-border-size: 1px;
  --progress-bar-small-size: calc(var(--space-xs) - (2 * var(--progress-bar-border-size)));
  --progress-bar-small-size-radius: var(--space-xs);
  --progress-bar-spacing-size: var(--space-xs);
  --progress-bar-transition: width 0.5s ease-out;
  --progress-bar-label-color: var(--color-text);
  --progress-bar-description-color: var(--color-gray-800);
  --progress-bar-description-font-size: var(--font-size-xs);
  --progress-track-border-color: var(--color-gray-500);
  --progress-track-bg-color: var(--color-gray-200);
  
  --tabledrag-handle-icon-size: calc(17rem / 16); 
  
  --ajax-progress-margin-horizontal: var(--space-s);
  
  --breadcrumb-height: 1.25rem;
  
  --layout-region-edit-width: min(960px, 100%);
  --layout-region-edit-extended-width: min(1088px, 100%);
  
  --vertical-tabs-margin-vertical: var(--space-s);
  --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
  --vertical-tabs-shadow: var(--details-box-shadow);
  --vertical-tabs-border-color: var(--details-border-color);
  --vertical-tabs-border-size: 1px;
  --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
  --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
  --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
  --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
  --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
  --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
  --vertical-tabs-menu-separator-color: var(--color-gray-200);
  --vertical-tabs-menu-separator-size: 1px;
  --vertical-tabs-menu-width: 20em;
  --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
  --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
  --vertical-tabs-menu-link--active-border-size: 4px;
  --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
  --vertical-tabs-menu--z-index: 0;
}


html {
  box-sizing: border-box;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: var(--line-height);
  background-size: 100vh 100%;
  min-height: 100vh;
}

body {
  color: var(--color-fg);
  background-color: #f5f3ef;
  min-height: 100vh;
}

a,
.link {
  color: var(--color-link);
  text-decoration: none;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  outline: 0;
}

a:hover,
.link:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

a:active,
.link:active {
  color: var(--color-link-active);
}

hr {
  height: 1px;
  margin: var(--space-m) 0;
  padding: 0;
  border: none;
  background: var(--color-divider);
}

summary {
  font-weight: bold;
}


h1,
.heading-a {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h1);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

h2,
.heading-b {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h2);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

h3,
.heading-c {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h3);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

h4,
.heading-d {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h4);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

h5,
.heading-e {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h5);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

h6,
.heading-f {
  color: #9f6060;
  margin: var(--space-m) 0 var(--space-s);
  font-size: var(--font-size-h6);
  font-weight: bold;
  line-height: var(--line-height-heading);
}

p {
  margin: 1em 0;
}

dl {
  margin: 0 0 20px;
}

dl dd,
dl dl {
  margin-block-end: 10px;
  margin-inline-start: 20px;
}

blockquote {
  position: relative;
  margin-block: var(--space-l);
  margin-inline: 2.5rem var(--space-l);
  font-size: var(--font-size-h6);
}

blockquote::before {
  position: absolute;
  inset-inline-start: -2.5rem;
  content: open-quote;
  color: var(--color-absolutezero);
  font-family: var(--font-family-serif);
  font-size: var(--space-xl);
  line-height: 1em;
}

blockquote::after {
  content: no-close-quote;
}

address {
  font-style: italic;
}

u,
ins {
  text-decoration: underline;
}

s,
strike,
del {
  text-decoration: line-through;
}

big {
  font-size: larger;
}

small {
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

abbr,
acronym {
  border-bottom: dotted 1px;
}

ul {
  margin-block: 0.25em;
  margin-inline: 2em 0;
  padding-inline-start: 0;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
}

li {
  margin: 0 0 0.25em;
}

li ol,
li ul {
  margin: 0 0 0 2em;
}

ol {
  margin-block: 0.25em;
  margin-inline: 2em 0;
  padding: 0;
  list-style-type: decimal;
}


abbr[title] {
  text-decoration: none;
}

code {
  margin: 0.5em 0;
}

pre {
  margin: 0.5em 0;
  white-space: pre-wrap;
}

details {
  line-height: var(--details-line-height);
}
details summary {
  padding: 0.95em 1.45em;
}
details summary:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}


.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: dashed 1px #c68453;
}

.region-footer .icon img {
  background-color: #f5f3ef;
  border-radius: 0.5rem;
  border: solid 1px #f5f3ef;
}

.region-footer .icon img {
  max-height: 3rem;
}

.region-footer a {
  color: #f5f3ef;
}


.region-breadcrumb {
  min-height: var(--breadcrumb-height);
}


:root {
  --card-list-spacing: var(--space-m);
  --cards-two-cols-width: calc(((100% + var(--card-list-spacing)) / 2) - var(--card-list-spacing));
  --cards-three-cols-width: calc(((100% + var(--card-list-spacing)) / 3) - var(--card-list-spacing));
  --cards-four-cols-width: calc(((100% + var(--card-list-spacing)) / 4) - var(--card-list-spacing));
}

.card-list {
  display: flex;
  flex-direction: column;
}

.card-list--two-cols,
.card-list--four-cols {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.card-list__item {
  box-sizing: border-box;
  margin-bottom: var(--card-list-spacing);
}

.card-list--two-cols .card-list__item,
.card-list--four-cols .card-list__item {
  flex-basis: 100%;
}


@media screen and (min-width: 36.75rem) {
  .card-list--four-cols .card-list__item {
    flex-basis: var(--cards-two-cols-width);
    max-width: var(--cards-two-cols-width);
  }
  .card-list--four-cols .card-list__item {
    margin-right: var(--card-list-spacing);
  }
  [dir=rtl] .card-list--four-cols .card-list__item {
    margin-right: 0;
    margin-left: var(--card-list-spacing);
  }
  .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 53.75rem) {
  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card-list--four-cols .card-list__item {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 70rem) {
  .card-list--four-cols .card-list__item {
    flex-basis: var(--cards-three-cols-width);
    max-width: var(--cards-three-cols-width);
  }
  .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: var(--card-list-spacing);
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
    margin-left: var(--card-list-spacing);
  }
  .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 0;
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 85.375rem) {
  .card-list--two-cols .card-list__item {
    flex-basis: var(--cards-two-cols-width);
    max-width: var(--cards-two-cols-width);
    margin-right: var(--card-list-spacing);
  }
  [dir=rtl] .card-list--two-cols .card-list__item {
    margin-right: 0;
    margin-left: var(--card-list-spacing);
  }
  .card-list--two-cols .card-list__item:nth-child(even) {
    margin-right: 0;
  }
  [dir=rtl] .card-list--two-cols .card-list__item:nth-child(even) {
    margin-right: 0;
    margin-left: 0;
  }
  .card-list--four-cols .card-list__item {
    flex-basis: var(--cards-four-cols-width);
    max-width: var(--cards-four-cols-width);
  }
  .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: var(--card-list-spacing);
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
    margin-left: var(--card-list-spacing);
  }
  .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: var(--card-list-spacing);
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 0;
    margin-left: var(--card-list-spacing);
  }
  .card-list--four-cols .card-list__item:nth-child(4n) {
    margin-right: 0;
  }
  [dir=rtl] .card-list--four-cols .card-list__item:nth-child(4n) {
    margin-right: 0;
    margin-left: 0;
  }
}
table tbody tr th {
  width: 30%;
  text-align: right;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  
}

.responsive-iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.layout-icon__region {
  fill: #f5f5f2;
  stroke: #666;
}



.local-actions {
  margin: var(--space-m) 0;
  padding: 0;
  list-style: none;
}


[dir=rtl] .local-actions {
  margin-right: 0;
}

.local-actions__item {
  display: inline-block;
  margin: 0 calc(var(--space-xs) / 2);
}

.local-actions__item:first-child {
  margin-left: 0; 
}

[dir=rtl] .local-actions__item:first-child {
  margin-right: 0;
  margin-left: calc(var(--space-xs) / 2);
}

.local-actions__item:last-child {
  margin-right: 0; 
}

[dir=rtl] .local-actions__item:last-child {
  margin-right: calc(var(--space-xs) / 2);
  margin-left: 0;
}

[dir=rtl] .local-actions__item:only-child {
  margin-right: 0;
  margin-left: 0;
}

.media--type-image.align-left img,
.media--type-image.align-right img {
  margin-bottom: 1rem;
  width: 100%;
}

@media (min-width: 45rem) {
  .media--type-image.align-left {
    margin-right: 4%;
    max-width: 60%;
  }
  .media--type-image.align-right {
    margin-left: 4%;
    max-width: 60%;
  }
}

@media screen and (min-width: 38em) {
  .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
  body:not(.toolbar-tray-open) .layout-container {
    
  }
  .toolbar-tray-open:not(.toolbar-vertical) .layout-row,
  body:not(.toolbar-tray-open) .layout-row {
    
  }
  .toolbar-tray-open:not(.toolbar-vertical) .layout-column,
  body:not(.toolbar-tray-open) .layout-column {
    float: left;
    box-sizing: border-box;
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  [dir=rtl] .toolbar-tray-open:not(.toolbar-vertical) .layout-column,
  [dir=rtl] body:not(.toolbar-tray-open) .layout-column {
    float: right;
  }
  .toolbar-tray-open:not(.toolbar-vertical) .layout-column--half,
  body:not(.toolbar-tray-open) .layout-column--half {
    width: 50%;
  }
  .toolbar-tray-open:not(.toolbar-vertical) .layout-column--quarter,
  body:not(.toolbar-tray-open) .layout-column--quarter {
    width: 25%;
  }
  .toolbar-tray-open:not(.toolbar-vertical) .layout-column--three-quarter,
  body:not(.toolbar-tray-open) .layout-column--three-quarter {
    width: 75%;
  }
}
@media screen and (min-width: 60em) {
  .layout-container {
    
  }
  .layout-row {
    margin-right: -1.5em;
    margin-left: -1.5em;
  }
  .layout-column {
    float: left;
    box-sizing: border-box;
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  [dir=rtl] .layout-column {
    float: right;
  }
  .layout-column--half {
    width: 50%;
  }
  .layout-column--quarter {
    width: 25%;
  }
  .layout-column--three-quarter {
    width: 75%;
  }
}
.region-footer {
  color: #f5f3ef;
  background-color: #c68453;
  padding: 1rem 4%;
}
.region-footer iframe {
  max-width: 100%;
  aspect-ratio: 2/1;
}

.region-footer .block-menu ul {
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}
.region-footer .block-menu li {
  display: inline-block;
}

.region-footer .block-menu li:not(:last-child)::after {
  content: "|";
  display: inline-block;
  padding: 0 0.5em;
}

.region-header {
  background-color: #1f1f1f;
}
.region-header ul {
  margin-block-start: 0;
  margin-block-end: 0;
}

.block-system-branding-block a.site-logo {
  display: block;
  height: 8rem;
  background-color: #1f1f1f;
  background-image: url(../../images/mm-logo.svg);
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.block-system-branding-block a.site-logo img {
  display: none;
}

.region-messages {
  padding: 0 2%;
}

.region-navigation {
  border-right: none;
  border-left: none;
  padding: 0 1%;
  background-color: #c68453;
}
.region-navigation a {
  color: #f5f3ef;
}
.region-navigation a:active {
  color: #f5f3ef;
}
.region-navigation ul.menu {
  margin: 0;
}

.page-content:after {
  display: block;
  content: "";
  clear: both;
}

.region-toolbar {
  border-right: none;
  border-left: none;
  background-color: #c68453;
}
.region-toolbar a {
  color: #f5f3ef;
}

.region-toolbar:after {
  display: block;
  content: "";
  clear: both;
}

body {
  background-color: #252422;
}


@media (min-width: 45rem) {
  .region-page {
    background-color: #c2b399;
    padding: 2em 2% 4em;
  }
}

.region-messages {
  max-width: 45rem;
  margin: auto;
}

.page-content {
  padding: 2em 8% 4em;
  max-width: 45rem;
  margin: auto;
  background-color: #f5f3ef;
  min-height: 33vh;
}

#block-hero h2 {
  font-size: 2.5rem;
  color: #f5f3ef;
  margin: 0 0 2rem;
}

#block-hero .field--name-field-media-image img {
  display: none;
}

#block-hero .field--name-field-media-image {
  aspect-ratio: 2.13;
  margin: auto;
  max-height: 8em;
  background-image: url(../../images/flowathomelogo.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.5);
}

#block-logo {
  padding: 0.5rem 4%;
  text-align: center;
}

#block-logo img {
  max-height: 8rem;
  width: auto;
}

#block-hero {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  background-image: url(../../images/header_background.jpg);
  background-position: center center;
  background-size: cover;
  text-shadow: 0 0 32px #000, 0 0 10px #000;
  color: white;
}
#block-hero .field--name-body {
  max-width: 45rem;
  padding: 2rem 10%;
  margin: auto;
  border-radius: 2em;
  box-shadow: -0.5em 0.5em 0.5em rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}
@media (min-width: 45rem) {
  #block-hero {
    padding: 1em 8% 2em;
  }
}

#block-hero .field--name-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../../images/herobackground.jpg);
  background-position: center;
  background-size: cover;
}
@media (min-width: 45rem) {
  #block-hero .field--name-body::before {
    border-radius: 2em;
    border: solid 0.5em #FF7B19;
  }
}

.media--view-mode-full {
  margin: 1em 0;
}

#block-how-it-works .step,
#block-how-it-works2 .step {
  clear: both;
}
#block-how-it-works .step p,
#block-how-it-works2 .step p {
  display: grid;
}
#block-how-it-works .step .action,
#block-how-it-works2 .step .action {
  text-align: center;
}
#block-how-it-works .media,
#block-how-it-works2 .media {
  margin: 0 4% 0 0;
}
#block-how-it-works img,
#block-how-it-works2 img {
  height: 8rem;
  border-radius: 0.5rem;
}

#block-service-area ul,
#block-service-area2 ul {
  list-style-position: outside;
  margin-left: 2%;
}
@media (min-width: 30rem) {
  #block-service-area ul,
  #block-service-area2 ul {
    -moz-columns: 2;
         columns: 2;
  }
}
@media (min-width: 45rem) {
  #block-service-area ul,
  #block-service-area2 ul {
    -moz-columns: 3;
         columns: 3;
  }
}
@media (min-width: 90rem) {
  #block-service-area ul,
  #block-service-area2 ul {
    -moz-columns: 4;
         columns: 4;
  }
}
#block-service-area ul li,
#block-service-area2 ul li {
  margin-left: 1rem;
}

.region-header {
  background-image: url(../../images/header_background.jpg);
  background-position: center center;
  background-size: cover;
}


.node .field--name-body h3:not(first-of-type) {
  margin-top: 2em;
}

.block-help {
  margin: 0 2% 1rem;
}

.local-actions {
  padding: 0 4%;
}

#block-claro-marahau-massage-location {
  max-width: 90rem;
  margin: 0 auto 2rem;
}

.location-iframe-container {
  float: right;
  width: 71%;
  position: relative;
  overflow: hidden;
  padding-top: 28.12%;
  
  border: solid 1px #252222;
}

.location-details {
  float: left;
  width: 25%;
  margin-bottom: 1rem;
}
.location-details .address {
  font-weight: bold;
  font-size: 1.5rem;
}

.menu--account {
  margin: 0.25rem 0;
  padding: 0 1%;
  float: right;
}

.menu--account:after {
  display: block;
  content: "";
  clear: both;
}

.menu--account ul.menu {
  display: block;
}

.menu--account ul.menu li {
  display: inline-block;
  padding: 0;
  font-weight: bold;
}

.menu--account ul.menu li a {
  display: inline-block;
  padding: 0.25rem 1rem;
  border: solid 1px transparent;
  border-radius: 0.25rem;
}

.menu--main:after {
  display: block;
  content: "";
  clear: both;
}

.menu--main ul.menu {
  display: block;
  text-align: center;
}

.menu--main ul.menu:after {
  display: block;
  content: "";
  clear: both;
}

.menu--main li {
  display: inline-block;
  padding: 0;
}

.menu--main ul.menu li a {
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: solid 1px transparent;
}

.region-navigation:after {
  display: block;
  content: "";
  clear: both;
}

.region-navigation ul.menu {
  display: block;
  text-align: center;
}

.region-navigation ul.menu:after {
  display: block;
  content: "";
  clear: both;
}

.region-navigation li {
  display: inline-block;
  padding: 0;
}

.region-navigation ul.menu li a {
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: solid 1px transparent;
}

.block-system-branding-block {
  text-align: center;
  padding: 0.5rem 2%;
}

.block-system-branding-block a {
  display: inline-block;
}

.block-system-branding-block img {
  max-height: 6rem;
  max-width: 100%;
}

.block-system-branding-block .site-slogan {
  color: #252422;
  font-weight: bold;
  font-size: 1.25rem;
}

.block-system-breadcrumb-block {
  padding: 1rem 2%;
}

#block-claro-marahau-massage-welcome {
  max-width: 90rem;
  margin: auto;
  padding: 4%;
}

@media (min-width: 45rem) {
  #block-claro-marahau-massage-welcome .welcome-image {
    float: right;
    width: 50%;
    padding-left: 2%;
  }
}
#commerce-checkout-flow-multistep-default .field--name-field-start-date-time,
#commerce-checkout-flow-multistep-default .field--name-field-time {
  font-weight: bold;
}
#commerce-checkout-flow-multistep-default .align-right {
  max-width: 35%;
  margin-left: 5%;
}

form .field__label {
  margin-top: 1em;
}
form .checkout-pane a,
form .form-actions a {
  margin: 1.25em 1em;
  font-weight: bold;
}

.node--type-appointment {
  padding: 2em 4% 3em;
}
.node--type-appointment .field--name-field-start-date-time,
.node--type-appointment .field--name-field-time {
  font-size: 1.25em;
  font-weight: bold;
}

.profile {
  padding: 2em 4% 3em;
}




.button {
  display: inline-block;
  margin-block: var(--space-m);
  margin-inline: 0 var(--space-s);
  padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px); 
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #f5f3ef;
  border-color: #a77b6d #925858 #925867 #a76d6d !important;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-radius: 0.25rem;
  background-color: #9f6060;
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-font-smoothing: antialiased; 
}
.button:not(:focus) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.button:hover {
  text-decoration: none;
  color: var(--button-fg-color);
  background-color: var(--button--hover-bg-color);
}
.button:focus {
  text-decoration: none;
}
.button:active {
  background-color: var(--button--active-bg-color);
}


.no-touchevents {
  
}
.no-touchevents .button--small {
  margin-block: var(--space-s);
  margin-inline: 0 var(--space-xs);
  padding: calc(var(--space-xs) - 1px) calc(var(--space-m) - 1px); 
  font-size: var(--font-size-xs);
}
.no-touchevents .button--extrasmall {
  margin-block: var(--space-xs);
  margin-inline: 0 var(--space-xs);
  padding: calc(var(--space-xs) / 2 - 1px) calc(var(--space-s) - 1px); 
  font-size: var(--font-size-xs);
}


.button--action {
  margin: 0;
}
.button--action::before {
  margin-inline: -0.25em 0;
  padding-inline: 0 0.25em;
  content: "+";
  font-weight: 900;
}


.button--primary {
  color: #f5f3ef;
  background-color: #9f6060;
}
.button--primary:is(:hover, :active) {
  color: white;
  background-color: #a97070;
}


.button--danger {
  color: var(--button-fg-color--danger);
  background-color: var(--button-bg-color--danger);
}
.button--danger:is(:hover, :active) {
  color: var(--button-fg-color--danger);
  background-color: var(--button--hover-bg-color--danger);
}


.button {
  
}
.button:is(:disabled, .is-disabled) {
  color: #f5f3ef;
  background-color: transparent;
  border-width: 0;
}
.button.is-disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}


.link {
  display: inline;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  border: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  border: 0;
  border-radius: var(--jui-dialog-border-radius);
  background: transparent;
  box-shadow: var(--jui-dialog-box-shadow);
}
@media (forced-colors: active) {
  .ui-dialog {
    border: 1px solid transparent;
  }
}

.ui-dialog:focus {
  outline: var(--jui-dialog--focus-outline);
  box-shadow: var(--jui-dialog--focus-box-shadow);
}

@media all and (max-width: 48em) { 
  .ui-dialog:not(.ui-dialog-off-canvas) {
    min-width: 92%;
    max-width: 92%;
  }
}
.ui-dialog .ui-dialog-titlebar {
  position: relative;
  box-sizing: border-box;
  padding: var(--space-m) var(--jui-dialog-close-button-reserved-space) var(--space-m) var(--space-l); 
  color: var(--jui-dialog-title-color);
  border-top-left-radius: var(--jui-dialog-border-radius);
  border-top-right-radius: var(--jui-dialog-border-radius);
  background: #6c6164;
  line-height: calc(var(--space-m) * 2);
}

[dir=rtl] .ui-dialog .ui-dialog-titlebar {
  padding-right: var(--space-l);
  padding-left: var(--jui-dialog-close-button-reserved-space);
}

.ui-dialog .ui-dialog-title {
  -webkit-font-smoothing: antialiased;
  font-size: var(--jui-dialog-title-font-size);
  font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 50%;
  right: 0; 
  box-sizing: border-box;
  width: var(--jui-dialog-close-button-size);
  height: var(--jui-dialog-close-button-size);
  margin: 0 var(--space-l);
  padding: 0;
  transition: all 0.1s;
  transform: translateY(-50%);
  border: 2px solid transparent;
  border-radius: var(--jui-dialog-close-button-border-radius);
  background: none;
}

[dir=rtl] .ui-dialog .ui-dialog-titlebar-close {
  right: auto;
  left: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  border-color: var(--color-white);
}

.ui-dialog .ui-dialog-titlebar-close:focus {
  border-color: var(--color-focus);
  outline: var(--jui-dialog--focus-outline);
  box-shadow: none;
}

.ui-dialog .ui-icon.ui-icon-closethick {
  width: 100%;
  height: 100%;
  margin: 0;
  transform: translate(-50%, -50%);
  background: url(../../images/icons/normal/ex.svg) no-repeat 50%;
}

@media (forced-colors: active) {
  .ui-dialog .ui-icon.ui-icon-closethick {
    background: url(../../images/icons/normal/ex.svg) no-repeat 50%;
  }
}
.ui-dialog > .ui-dialog-content {
  overflow: auto;
  padding: var(--space-m) var(--space-l);
  color: #252422;
  background: #f5f3ef;
}

.ui-dialog > .ui-dialog-buttonpane {
  color: var(--color-text);
  border-bottom-right-radius: var(--jui-dialog-border-radius);
  border-bottom-left-radius: var(--jui-dialog-border-radius);
  background: #f5f3ef;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  gap: var(--space-s);
  justify-content: flex-end;
  margin-block: var(--space-m);
  margin-inline-end: var(--space-l);
}
.ui-dialog-buttonpane .ui-dialog-buttonset > * {
  margin: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: static;
}


.ui-dialog .ui-dialog-content .form-actions,
.ui-dialog .ui-dialog-content .field-actions {
  margin: 0;
  padding: 0;
}


.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
  background: none;
}

#drupal-off-canvas .form-type--boolean {
  margin-left: 0;
}
#drupal-off-canvas .form-item .form-item__description {
  color: var(--color-gray-050);
  font-size: 0.75rem;
}


ul.menu {
  margin-left: 1em; 
  padding: 0;
  list-style: none outside;
  text-align: left; 
}

[dir=rtl] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}

.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../../../../misc/menu-expanded.png);
}

.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../../../../misc/menu-collapsed.png); 
}

[dir=rtl] .menu-item--collapsed {
  list-style-image: url(../../../../../misc/menu-collapsed-rtl.png);
}

.menu-item {
  margin: 0;
  padding-top: 0.2em;
}


.item-list,
.menu-item {
  --item-list-spacing-l: var(--space-l);
  --item-list-spacing-m: var(--space-m);
}

.item-list ul {
  margin-block: 4px;
  margin-inline: var(--item-list-spacing-l) 0;
  list-style: disc;
}

.item-list ul li,
.menu-item {
  list-style: disc;
}

.menu-item {
  margin: 0;
}

.item-list ul li.collapsed,
.menu-item--collapsed {
  list-style: disc;
}

.item-list ul li.expanded,
.menu-item--expanded {
  list-style: circle;
}

ul.links li, ul.inline li {
  padding-inline-end: var(--item-list-spacing-m);
}
ul.inline li {
  display: inline;
}

ul.tabs {
  list-style-type: none;
}
ul.tabs li {
  display: inline-block;
  margin: 0 1em;
  font-weight: bold;
}



.vertical-tabs {
  margin-block: var(--vertical-tabs-margin-vertical);
  border-block-start: 1px solid transparent; 
}


.vertical-tabs__menu {
  position: relative;
  display: block;
  float: left; 
  width: var(--vertical-tabs-menu-width);
  margin: 0;
  padding-block-start: var(--vertical-tabs-menu-item-shadow-extraspace);
  list-style: none;
  color: var(--color-text);
}
@nest [dir="rtl"] & {
  .vertical-tabs__menu {
    float: right;
  }
}


.vertical-tabs__menu-item {
  overflow: hidden;
  margin-block: var(--vertical-tabs-menu-item--top-margin);
  margin-inline: var(--vertical-tabs-menu-item--left-margin) var(--vertical-tabs-menu-item--right-margin);
  padding-block: var(--vertical-tabs-menu-item-shadow-extraspace);
  padding-inline: var(--vertical-tabs-menu-item-shadow-extraspace) 0;
}


.vertical-tabs__menu-item::before,
.vertical-tabs__menu-item::after {
  position: absolute;
  z-index: 1; 
  display: block;
  width: 100%;
  margin-block-start: calc(var(--vertical-tabs-menu-separator-size) * -1);
  border-block-start: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
}


.vertical-tabs__menu-item::after {
  z-index: 2;
  border-color: var(--color-white);
}


.vertical-tabs__menu-item:not(.vertical-tab--hidden) ~ .vertical-tabs__menu-item::before {
  content: "";
}


.vertical-tabs__menu-item:focus {
  outline: 0;
  box-shadow: none;
}

.vertical-tabs__menu-item.is-selected::before,
.vertical-tabs__menu-item:not(.vertical-tab--hidden) ~ .vertical-tabs__menu-item.is-selected::before {
  content: normal;
}


.vertical-tabs__menu-item.is-selected::after {
  content: "";
}


.vertical-tabs__menu-link {
  position: relative;
  display: block;
  margin-block-start: calc(var(--vertical-tabs-border-size) * -1);
  padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size));
  text-decoration: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  color: var(--color-text);
  border: var(--vertical-tabs-border-size) solid transparent;
  border-block-width: var(--vertical-tabs-border-size);
  border-inline-width: var(--vertical-tabs-menu-link--active-border-size) 0;
  border-start-start-radius: var(--vertical-tabs-border-radius);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: var(--vertical-tabs-border-radius);
}
.vertical-tabs__menu-link:focus {
  z-index: 4; 
  text-decoration: none;
  box-shadow: none;
}
.vertical-tabs__menu-link:focus::after {
  position: absolute;
  inset: 0;
  margin: calc(var(--vertical-tabs-border-size) * -1) calc(var(--vertical-tabs-menu-link--active-border-size) * -1);
  content: "";
  pointer-events: none;
  border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
  border-radius: var(--vertical-tabs-border-radius);
}
.vertical-tabs__menu-link:hover {
  text-decoration: none;
  color: var(--color-absolutezero);
}
.vertical-tabs__menu-link:hover::before {
  background: var(--color-bgblue-hover);
}
.vertical-tabs__menu-link::before {
  position: absolute;
  z-index: 0; 
  inset-block: calc(var(--vertical-tabs-border-size) * -1);
  inset-inline: calc(var(--vertical-tabs-menu-link--active-border-size) * -1) 0;
  content: "";
  pointer-events: none;
  background-clip: padding-box;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  z-index: 3; 
  color: var(--color-absolutezero);
  border-color: var(--vertical-tabs-border-color) transparent;
  background-color: #867a7d;
  box-shadow: var(--vertical-tabs-shadow);
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
  color: var(--color-absolutezero-hover);
  background-color: var(--color-bgblue-hover);
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  z-index: 1; 
  border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color);
  border-radius: var(--base-border-radius) 0 0 var(--base-border-radius);
  border-start-start-radius: var(--base-border-radius);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: var(--base-border-radius);
}
@media (forced-colors: active) {
  .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
    border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid canvastext;
  }
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover::before {
  background: none;
}

.vertical-tabs__menu-link-content {
  position: relative;
  z-index: 1; 
}


.vertical-tabs__menu-link-summary {
  display: block;
  color: var(--color-gray-800);
  font-size: var(--font-size-s);
  font-weight: normal;
}


.vertical-tabs__items {
  box-sizing: border-box;
  margin-block: var(--vertical-tabs-margin-vertical);
  color: var(--color-text);
  border: var(--vertical-tabs-border);
  border-radius: var(--vertical-tabs-border-radius);
  background-color: #867a7d;
  box-shadow: var(--vertical-tabs-shadow);
}


.vertical-tabs__panes {
  position: relative;
  z-index: 1; 
  inset-block-start: -1px;
  margin-block: 0;
}
.vertical-tabs__panes::after {
  display: block; 
  clear: both;
  content: "";
}

.vertical-tabs .vertical-tabs__panes {
  margin-inline-start: var(--vertical-tabs-menu-width);
  border-top-left-radius: 0;
}
@nest [dir="rtl"] & {
  .vertical-tabs .vertical-tabs__panes {
    border-top-left-radius: var(--vertical-tabs-border-radius);
  }
}


.vertical-tabs__item {
  
  margin: calc(var(--vertical-tabs-border-size) * -1) calc(var(--vertical-tabs-border-size) * -1) 0;
  border-radius: 0;
}
.vertical-tabs__item.first {
  border-top-left-radius: var(--details-accordion-border-size-radius);
  border-top-right-radius: var(--details-accordion-border-size-radius);
}
.vertical-tabs__item.last {
  margin-bottom: calc(var(--vertical-tabs-border-size) * -1);
  border-bottom-right-radius: var(--details-accordion-border-size-radius);
  border-bottom-left-radius: var(--details-accordion-border-size-radius);
}

.js .vertical-tabs .vertical-tabs__item {
  overflow: hidden;
  margin: 0;
  border: 0;
}
.js .vertical-tabs .vertical-tabs__item.first, .js .vertical-tabs .vertical-tabs__item.last {
  border-radius: 0;
}
.js .vertical-tabs .vertical-tabs__item > summary {
  display: none;
}




.button {
  display: inline-block;
  margin-block: var(--space-m);
  margin-inline: 0 var(--space-s);
  padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px); 
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: var(--button-fg-color);
  border: 1px solid transparent;
  border-radius: var(--button-border-radius-size);
  background-color: var(--button-bg-color);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-font-smoothing: antialiased; 
}

.button:not(:focus) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.button:hover {
  text-decoration: none;
  color: var(--button-fg-color);
  background-color: #a97070;
}

.button:focus {
  text-decoration: none;
}

.button:active {
  background-color: var(--button--active-bg-color);
}


.no-touchevents {
  
}

.no-touchevents .button--small {
  margin-block: var(--space-s);
  margin-inline: 0 var(--space-xs);
  padding: calc(var(--space-xs) - 1px) calc(var(--space-m) - 1px); 
  font-size: var(--font-size-xs);
}

.no-touchevents .button--extrasmall {
  margin-block: var(--space-xs);
  margin-inline: 0 var(--space-xs);
  padding: calc(var(--space-xs) / 2 - 1px) calc(var(--space-s) - 1px); 
  font-size: var(--font-size-xs);
}


.button--action {
  margin: 0;
}

.button--action::before {
  margin-inline: -0.25em 0;
  padding-inline: 0 0.25em;
  content: "+";
  font-weight: 900;
}


.button--primary {
  color: var(--button-fg-color--primary);
  background-color: var(--button-bg-color--primary);
}

.button--primary:is(:hover, :active) {
  color: var(--button-fg-color--primary);
  background-color: #a97070;
}


.button--danger {
  color: var(--button-fg-color--danger);
  background-color: var(--button-bg-color--danger);
}

.button--danger:is(:hover, :active) {
  color: var(--button-fg-color--danger);
  background-color: var(--button--hover-bg-color--danger);
}


.button {
  
}

.button:is(:disabled, .is-disabled) {
  color: var(--button--disabled-fg-color);
  background-color: var(--button--disabled-bg-color);
}

.button.is-disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}


.link {
  display: inline;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  border: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



:root {
  --size-summary-border-radius: calc(var(--details-border-size-radius) - var(--details-border-size));
  --summary-accordion-padding-vertical: calc(var(--space-l) + ((var(--space-m) - var(--space-l)) / 2));
  --summary-accordion-line-height: var(--space-l);
}

.claro-details {
  display: block;
  margin-block: var(--space-m);
  color: var(--color-text);
  border: var(--details-border-size) solid var(--details-border-color);
  border-radius: var(--details-border-size-radius);
  background-color: #fff;
  box-shadow: var(--details-box-shadow);
  
}

@nest td & {
  .claro-details {
    width: -moz-min-content;
    width: min-content;
    min-width: 100%;
  }
}
.claro-details--accordion-item,
.claro-details--vertical-tabs-item {
  margin-block: 0;
  border-radius: 0;
  box-shadow: none;
}

.claro-details--accordion-item:first-of-type {
  border-top-left-radius: var(--details-border-size-radius);
  border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-of-type {
  border-bottom-right-radius: var(--details-border-size-radius);
  border-bottom-left-radius: var(--details-border-size-radius);
}


.claro-details__summary {
  position: relative;
  box-sizing: border-box;
  padding-block: var(--space-m);
  padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-m);
  list-style: none;
  cursor: pointer;
  transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
  color: #c68453;
  border-radius: var(--size-summary-border-radius);
  background-color: transparent;
  line-height: var(--space-m);
}


.claro-details__summary--accordion,
.claro-details__summary--accordion-item,
.claro-details__summary--vertical-tabs-item {
  padding-block: var(--summary-accordion-padding-vertical);
  padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-l);
  background: var(--color-white);
  line-height: var(--summary-accordion-line-height);
}


.claro-details__summary--accordion-item {
  border-radius: 0;
}

.claro-details--accordion-item:first-child .claro-details__summary--accordion-item {
  border-top-left-radius: var(--details-border-size-radius);
  border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-child .claro-details__summary--accordion-item {
  border-bottom-right-radius: var(--details-border-size-radius);
  border-bottom-left-radius: var(--details-border-size-radius);
}



.claro-details__summary::-webkit-details-marker {
  display: none;
}

.claro-details__summary::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-s);
  display: inline-block;
  width: var(--space-m);
  height: var(--space-m);
  margin-block-start: calc(var(--space-m) / -2);
  content: "";
  transition: transform var(--details-transform-transition-duration) ease-in 0s;
  transform: rotate(90deg);
  text-align: center;
  background-image: url(../../images/icons/normal/chevron-right.svg);
  background-size: contain;
}

@nest [dir="rtl"] & {
  .claro-details__summary::before {
    transform: rotate(-270deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .claro-details__summary::before {
    transition: none;
  }
}
@media (forced-colors: active) {
  .claro-details__summary::before {
    width: 0.5625rem;
    height: 0.5625rem;
    transition: transform var(--details-transform-transition-duration) ease-in 0s, margin var(--details-transform-transition-duration) ease-in 0s;
    transform: rotate(135deg); 
    border-block-start: 0.125rem solid;
    border-inline-end: 0.125rem solid;
    background: none;
  }
  @nest [dir="rtl"] & {
    .claro-details__summary::before {
      transform: rotate(-225deg);
    }
  }
}


@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .claro-details__summary::before {
      transition: none;
    }
  }
}

.claro-details__summary::after {
  position: absolute;
  inset: -1px;
  content: "";
  transition: opacity var(--details-box-shadow-transition-duration) ease-in-out;
  pointer-events: none;
  opacity: 0;
  border-radius: var(--details-border-size-radius);
  box-shadow: inset 0 0 0 var(--details-summary-focus-border-size) var(--details-summary-shadow-color);
}

.claro-details > .claro-details__summary--accordion-item::after,
.vertical-tabs__item > .claro-details__summary--vertical-tabs-item::after {
  border-radius: 0;
}

.claro-details:first-child > .claro-details__summary--accordion-item::after,
.vertical-tabs__item--first > .claro-details__summary--vertical-tabs-item::after {
  border-top-left-radius: var(--details-border-size-radius);
  border-top-right-radius: var(--details-border-size-radius);
}

.claro-details:last-child > .claro-details__summary--accordion-item::after,
.vertical-tabs__item--last > .claro-details__summary--vertical-tabs-item::after {
  border-bottom-right-radius: var(--details-border-size-radius);
  border-bottom-left-radius: var(--details-border-size-radius);
}


.claro-details[open] > .claro-details__summary--accordion::after,
.claro-details[open] > .claro-details__summary--accordion-item::after,
.vertical-tabs__item--last[open] > .claro-details__summary--vertical-tabs-item::after {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.claro-details__summary:focus {
  box-shadow: none;
}

[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item {
  color: var(--color-absolutezero);
}

.claro-details__summary:hover::before,
.claro-details__summary:hover:focus::before,
.claro-details[open] > .claro-details__summary:focus::before,
.claro-details[open] > .claro-details__summary--accordion::before,
.claro-details[open] > .claro-details__summary--accordion-item::before,
.claro-details[open] > .claro-details__summary--vertical-tabs-item::before {
  background-image: url(../../images/icons/normal/chevron-right.svg);
}

.claro-details[open] > .claro-details__summary {
  border-radius: var(--size-summary-border-radius) var(--size-summary-border-radius) 0 0;
}

.claro-details[open] > .claro-details__summary::before {
  transform: rotate(-90deg); 
}

@media (forced-colors: active) {
  .claro-details__summary:hover::before,
  .claro-details__summary:hover:focus::before,
  .claro-details[open] > .claro-details__summary:focus::before {
    background: none;
  }
  .claro-details[open] > .claro-details__summary::before,
  [dir=rtl] .claro-details[open] > .claro-details__summary::before {
    margin-block-start: -0.125rem;
    margin-inline-end: 0.125rem;
    transform: rotate(-45deg); 
    background: none;
  }
}
.claro-details[open] > .claro-details__summary--accordion,
.claro-details[open] > .claro-details__summary--accordion-item,
.claro-details[open] > .claro-details__summary--vertical-tabs-item {
  box-shadow: var(--details-box-shadow);
}

.claro-details__summary:hover {
  color: #c68453;
  background-color: transparent;
}



[open] > .claro-details__summary--accordion:not(:focus, :active)::after,
[open] > .claro-details__summary--accordion-item:not(:focus, :active)::after,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus, :active)::after {
  opacity: 1;
  border: var(--details-summary-focus-border-size) solid var(--color-absolutezero);
  border-width: 0 0 0 var(--details-summary-focus-border-size); 
  box-shadow: none;
}

@nest [dir="rtl"] & {
  [open] > .claro-details__summary--accordion:not(:focus, :active)::after,
  [open] > .claro-details__summary--accordion-item:not(:focus, :active)::after,
  [open] > .claro-details__summary--vertical-tabs-item:not(:focus, :active)::after {
    border-width: 0 var(--details-summary-focus-border-size) 0 0;
  }
}
.claro-details__summary:focus::after,
.claro-details__summary:active::after {
  opacity: 1;
}



@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .claro-details__summary::after {
      transition: none;
    }
  }
}
.claro-details[open] > .claro-details__summary:focus {
  color: #c68453;
}


.claro-details__wrapper,
.claro-details__content {
  margin: var(--space-m);
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
  margin: 0;
}

.claro-details__wrapper--accordion::before,
.claro-details__wrapper--accordion::after,
.claro-details__wrapper--accordion-item::before,
.claro-details__wrapper--accordion-item::after,
.claro-details__wrapper--vertical-tabs-item::before,
.claro-details__wrapper--vertical-tabs-item::after {
  display: table;
  clear: both;
  content: "";
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
  border-top: var(--details-border-size) solid var(--details-border-color);
  background-color: var(--color-gray-050-o-40);
}


@media screen and (min-width: 641px) {
  .claro-details__wrapper {
    margin: var(--space-l) var(--details-desktop-wrapper-padding-start);
  }
  .claro-details__wrapper--accordion,
  .claro-details__wrapper--accordion-item,
  .claro-details__wrapper--vertical-tabs-item {
    margin: 0;
  }
  .js .claro-details__wrapper--vertical-tabs-item {
    margin: 0;
    border-top: 0;
    background-color: transparent;
  }
}
.claro-details__content--accordion,
.claro-details__content--accordion-item,
.claro-details__content--vertical-tabs-item {
  margin: var(--space-m) var(--space-m) var(--space-l);
}

@media screen and (min-width: 85em) {
  .vertical-tabs .claro-details__content--vertical-tabs-item {
    margin: var(--space-l);
  }
}

.claro-details__description {
  margin-block-end: var(--space-m);
  color: var(--input-fg-color--description);
  font-size: var(--font-size-xs); 
  line-height: 1.0625rem; 
}

.claro-details__description.is-disabled {
  color: var(--input--disabled-fg-color);
}

.claro-details__summary-summary {
  display: block;
  color: var(--color-gray-800);
  font-size: var(--font-size-s);
  font-weight: normal;
}

.required-mark::after {
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-inline: 0.3em;
  content: "";
  vertical-align: super;
  background-image: url(../../images/core/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 0.4375rem 0.4375rem;
}


.fieldset {
  min-width: 0;
  margin: var(--space-m) 0;
  padding: 0;
  color: var(--color-text);
  border: var(--details-border-size) solid var(--details-border-color);
  border-radius: var(--base-border-radius);
  background-color: #fff;
  box-shadow: var(--details-box-shadow);
}

.fieldset--group {
  color: inherit;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}


.fieldset__legend {
  display: contents; 
  float: left; 
  width: 100%; 
  margin-block-end: var(--space-m);
  color: var(--color-gray-800);
  font-weight: bold;
}

.fieldset__legend--composite {
  float: none;
  width: auto;
  margin-block-start: calc(var(--space-xs) / 2); 
  margin-block-end: calc(var(--space-xs) / 2); 
  color: inherit;
  font-size: var(--font-size-s); 
  line-height: 1.125rem; 
}

@media screen and (min-width: 48em) {
  .fieldset__legend {
    margin-bottom: var(--space-l);
  }
}

.fieldset__legend--group {
  text-transform: uppercase;
  color: inherit;
}

.fieldset__label {
  display: block;
  padding: var(--space-m);
  line-height: var(--space-m);
}

.fieldset__label.is-disabled {
  color: var(--input--disabled-fg-color);
}

.fieldset__label.has-error {
  color: var(--input--error-color);
}

.fieldset__label--group {
  padding: 0;
  line-height: inherit;
}

@media screen and (min-width: 48em) {
  .fieldset__label {
    padding-right: var(--space-l);
    padding-left: var(--space-l);
  }
  .fieldset__label--group {
    padding: 0;
  }
}
.fieldset__description {
  margin-block-start: 0.375rem; 
  margin-block-end: 0.375rem; 
  color: var(--input-fg-color--description);
  font-size: var(--font-size-xs); 
  line-height: 1.0625rem; 
}

.fieldset__description.is-disabled {
  color: var(--input--disabled-fg-color);
}


.fieldset__error-message {
  margin-block-start: 0.375rem; 
  margin-block-end: 0.375rem; 
  color: var(--input--error-color);
  font-size: var(--font-size-xs); 
  font-weight: normal;
  line-height: 1.0625rem; 
}

.fieldset__wrapper {
  margin: var(--space-m);
  
}

.fieldset__wrapper > .container-inline {
  padding: 0;
}

@media screen and (min-width: 48em) {
  .fieldset__wrapper {
    margin: var(--space-l) var(--space-l) calc(var(--space-m) + var(--space-s));
  }
}
.fieldset__legend--visible ~ .fieldset__wrapper {
  margin-block-start: 0;
}

.fieldset__wrapper--group {
  margin: 0;
}


.icon-help {
  padding: 1px 0 1px 20px; 
  background: url(/core/misc/help.png) 0 50% no-repeat; 
}

[dir=rtl] .icon-help {
  padding: 1px 20px 1px 0;
  background-position: 100% 50%;
}

.feed-icon {
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(/core/misc/feed.svg) no-repeat;
}

.media.align-right, .media-align-left {
  max-width: 50%;
}


:root {
  --messages-bg-color: #5e4545;
  --messages-fg-color: var(--color-white);
  --messages-border-radius: 2px;
  --messages-border-width: 5px;
  --messages--status-color: #42a877;
  --messages--warning-color: #e0ac00;
  --messages--error-color: #e34f4f;
  --messages__link-color: var(--color-sunglow);
  --messages__link--hover-color: var(--color-white);
  --messages__icon-size: 1rem;
  --messages__text-margin: calc(var(--messages__icon-size) + var(--space-l));
}

.messages-list {
  margin-block: calc(var(--space-m) + var(--space-l));
  padding: 0;
  list-style: none;
}

.field .messages-list,
.form-wrapper .messages-list {
  margin-block-end: 0;
}

.messages {
  overflow: auto; 
  box-sizing: border-box;
  margin-block: var(--space-m);
  padding-block: var(--space-l) 2rem;
  padding-inline: calc(var(--space-l) - 5px) var(--space-l);
  color: var(--messages-fg-color);
  border-width: 0 0 0 var(--messages-border-width); 
  border-style: solid;
  border-color: var(--messages-bg-color);
  border-radius: var(--messages-border-radius);
  background-color: var(--messages-bg-color);
}
.messages h2 {
  color: #f5f3ef;
}

.messages a {
  text-decoration: underline;
  color: var(--messages__link-color);
}

.messages a:hover {
  color: var(--messages__link--hover-color);
}

.messages pre {
  margin: 0;
}

@nest [dir="rtl"] & {
  .messages {
    border-right-width: var(--messages-border-width);
    border-left-width: 0;
  }
}
.messages--error {
  border-color: var(--messages--error-color);
}

.messages--error .messages__header {
  background: url(../../images/icons/red/crossout.svg) no-repeat center left;
}

.messages--status {
  border-color: var(--messages--status-color);
}

.messages--status .messages__header {
  background: url(../../images/icons/green/checkmark.svg) no-repeat center left;
}

.messages--warning {
  border-color: var(--messages--warning-color);
}

.messages--warning .messages__header {
  background: url(../../images/icons/orange/exclamation.svg) no-repeat center left;
}

.messages__title {
  margin-block: 0;
  margin-inline: var(--messages__text-margin) 0;
  font-size: var(--font-size-base);
}

.messages__header {
  display: flex;
  align-items: center;
  margin-block-end: var(--space-m);
}

@nest [dir="rtl"] & {
  .messages__header {
    background-position: center right;
  }
}
@media screen and (min-width: 48rem) {
  .messages__content {
    margin-inline-start: var(--messages__text-margin);
  }
}
.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-block-start: var(--space-s);
}


.pager {
  --pager-size: 2rem; 
  --pager-border-width: 0.125rem; 
  --pager-fg-color: var(--color-gray-800);
  --pager-bg-color: #f5f3ef;
  --pager-hover-bg-color: var(--color-bgblue-active);
  --pager-focus-bg-color: var(--color-focus);
  --pager-active-fg-color: #f5f3ef;
  --pager-active-bg-color: #c68453;
  --pager-border-radius--action: var(--pager-border-width);
  margin-block: var(--space-m);
}

.pager__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: var(--space-m) 0;
  list-style: none;
  text-align: center;
  font-weight: bold;
}

.pager__item {
  display: inline-block;
  margin-inline: calc(var(--space-xs) / 2);
  vertical-align: top;
}

.pager__link,
.pager__item--current {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-inline-size: var(--pager-size);
  block-size: var(--pager-size);
  padding-inline: var(--space-xs);
  text-decoration: none;
  color: var(--pager-fg-color);
  border-radius: var(--space-m); 
  background: var(--pager-bg-color); 
  line-height: 1;
}

.pager__link:hover,
.pager__link:focus,
.pager__link:active {
  text-decoration: none;
}

.pager__link:hover,
.pager__link.is-active:hover {
  color: var(--pager-fg-color);
  background: var(--pager-hover-bg-color);
}

.pager__link--action-link {
  border-radius: var(--pager-border-radius--action);
}


.pager__link.is-active,
.pager__item--current {
  color: var(--pager-active-fg-color);
  border: var(--pager-border-width) solid transparent;
  background: var(--pager-active-bg-color);
}

.pager__item--first .pager__link::before {
  --background-image: url(../../images/icons/normal/pager-first.svg);
}

.pager__item--previous .pager__link::before {
  --background-image: url(../../images/icons/normal/pager-prev.svg);
}

.pager__item--next .pager__link::after {
  --background-image: url(../../images/icons/normal/pager-next.svg);
}

.pager__item--last .pager__link::after {
  --background-image: url(../../images/icons/normal/pager-last.svg);
}

.pager__item--first .pager__link::before,
.pager__item--previous .pager__link::before,
.pager__item--next .pager__link::after,
.pager__item--last .pager__link::after {
  position: relative;
  display: inline-block;
  inline-size: 1rem;
  block-size: 1rem;
  content: "";
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: center;
}

@media (forced-colors: active) {
  .pager__item--first .pager__link::before,
  .pager__item--previous .pager__link::before,
  .pager__item--next .pager__link::after,
  .pager__item--last .pager__link::after {
    background-color: linktext;
    background-image: none;
    -webkit-mask-image: var(--background-image);
            mask-image: var(--background-image);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
}
[dir=rtl] .pager__item--first .pager__link::before,
[dir=rtl] .pager__item--previous .pager__link::before,
[dir=rtl] .pager__item--next .pager__link::after,
[dir=rtl] .pager__item--last .pager__link::after {
  transform: scaleX(-1);
}

.pager__item--mini {
  margin-inline: calc(var(--space-m) / 2);
}

.pager__link--mini {
  border-radius: 50%;
}


.pager__link--mini::before {
  margin-inline: 0;
}

.pager__item-title--backwards {
  margin-inline-start: 0.5rem;
}

.pager__item-title--forward {
  margin-inline-end: 0.5rem;
}

@media (forced-colors: active) {
  .pager__item a:hover {
    text-decoration: underline;
  }
}

table {
  width: 100%;
  margin-block: var(--space-l);
  border-collapse: collapse;
}

.sticky-header {
  min-width: 0;
}

caption {
  text-align: start;
}

th {
  position: relative;
  box-sizing: border-box;
  height: var(--space-xl);
  padding: var(--space-xs) var(--space-m);
  text-align: start;
  color: var(--color-text);
  background: var(--color-gray-050);
  line-height: 1.25rem; 
}


.sortable-heading {
  padding: 0 var(--space-m);
}

.sortable-heading > a {
  display: block;
  padding-block: var(--space-xs);
  padding-inline: 0 1.5rem;
  text-decoration: none;
  color: inherit;
}

.sortable-heading > a:focus, .sortable-heading > a:hover {
  text-decoration: none;
}

.sortable-heading > a:focus::before, .sortable-heading > a:hover::before {
  border-color: inherit;
}

.sortable-heading > a:focus::after, .sortable-heading > a:hover::after {
  opacity: 1;
}

.sortable-heading > a::before {
  position: absolute;
  z-index: 0;
  inset-block-start: 0;
  inset-inline-end: 1rem;
  inset-block-end: 0;
  inset-inline-start: 1rem;
  display: block;
  content: "";
  border-bottom: 0.125rem solid transparent;
}

.sortable-heading > a::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  width: 0.875rem;
  height: 1rem;
  margin-block-start: -0.5rem;
  content: "";
  opacity: 0.5;
  background: url(../../images/icons/000f33/sort--inactive.svg) no-repeat 50% 50%;
  background-size: contain;
}

[dir=rtl] .sortable-heading > a::after {
  
  transform: scaleX(-1);
  background-image: url(../../images/icons/000f33/sort--inactive.svg);
}

@media (forced-colors: active) {
  [dir=rtl] .sortable-heading > a::after {
    -webkit-mask: url(../../images/icons/000f33/sort--inactive.svg) no-repeat 50% 50%;
            mask: url(../../images/icons/000f33/sort--inactive.svg) no-repeat 50% 50%;
  }
}
@media (forced-colors: active) {
  .sortable-heading > a::after {
    opacity: 1;
    background: linktext;
    -webkit-mask: url(../../images/icons/000f33/sort--inactive.svg) no-repeat 50% 50%;
            mask: url(../../images/icons/000f33/sort--inactive.svg) no-repeat 50% 50%;
  }
}
.sortable-heading.is-active > a {
  color: var(--color-absolutezero);
}

.sortable-heading.is-active > a::before {
  border-bottom: 0.1875rem solid var(--color-absolutezero);
}

.sortable-heading.is-active > a::after {
  content: none;
}

tr {
  border-bottom: 0.0625rem solid var(--color-gray-200);
}

tr:hover, tr:focus-within {
  color: var(--color-text);
  background: var(--color-bgblue-hover);
}

tr.color-warning:hover, tr.color-warning:focus {
  color: var(--color-text);
  background: #fdf8ed;
}

tr.color-error:hover, tr.color-error:focus {
  color: var(--color-text);
  background: #fcf4f2;
}

tr,
.draggable-table.tabledrag-disabled tr {
  color: var(--color-text);
  background: #fff;
}

thead tr {
  border: 0;
}

td {
  box-sizing: border-box;
  height: 4rem;
  padding: var(--space-xs) var(--space-m);
  text-align: start;
}

td .item-list ul {
  margin: 0;
}

td.is-active {
  background: none;
}


td > .form-item > .form-element, td > .ajax-new-content > .form-item > .form-element, td > .form-item > .claro-autocomplete, td > .form-item > .claro-autocomplete > .form-element, td > .ajax-new-content > .form-item > .claro-autocomplete, td > .ajax-new-content > .form-item > .claro-autocomplete > .form-element {
  width: 100%;
}

td > .form-item > .form-element--type-select, td > .ajax-new-content > .form-item > .form-element--type-select {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}


th.is-disabled.is-disabled {
  color: var(--input--disabled-fg-color);
}


th.select-all {
  width: 1px;
}


.caption {
  margin-block-end: 1.25rem; 
}

tfoot {
  font-weight: bold;
}

tfoot tr:last-child {
  border-bottom: 0;
}

tfoot tr:first-child td {
  border-top: 0.0625rem solid var(--color-gray-500);
}


th.priority-low,
th.priority-medium,
td.priority-low,
td.priority-medium {
  display: none;
}

@media screen and (min-width: 38em) {
  th.priority-medium,
  td.priority-medium {
    display: table-cell;
  }
}
@media screen and (min-width: 60em) {
  th.priority-low,
  td.priority-low {
    display: table-cell;
  }
}
.tabledrag-toggle-weight-wrapper {
  margin-block-start: var(--space-l);
  line-height: 1.75rem;
}

.tabledrag-toggle-weight-wrapper + table, .tabledrag-toggle-weight-wrapper + .tableresponsive-toggle-columns + table {
  margin-block-start: 0;
}

.view-appointments .views-row {
  padding: 2em 0;
}
.view-appointments .views-row:not(:first-child) {
  border-top: solid 1px #333333;
}
.view-appointments .views-label {
  font-weight: bold;
}
.view-appointments .views-field-field-start-date-time,
.view-appointments .views-field-field-time {
  font-weight: bold;
  font-size: 1.25em;
}
.view-appointments .views-field-field-address,
.view-appointments .views-field-field-directions,
.view-appointments .views-field-field-comments,
.view-appointments .views-field-field-attendees {
  margin: 1em 0;
}

.appointments .view-empty {
  margin: auto;
  padding: 3em 8%;
  text-align: center;
  background-color: #f5f3ef;
  max-width: 45rem;
}

.appointments .notice {
  font-size: 1.5em;
  font-weight: bold;
}

.bookings-calendar {
  margin: 0 0 3em;
}

.bookings-calendar > .view-content {
  margin: 2em 0;
}

.bookings-calendar .view-content:after {
  display: block;
  content: "";
  clear: both;
}

.bookings-calendar .field--name-field-date {
  font-weight: bold;
  font-size: 1.25em;
  color: #9f6060;
  margin: 0 0 1em;
}

.bookings-calendar .field--name-field-time-range {
  font-weight: bold;
  float: left;
}

.bookings-calendar .field--name-field-time-range:after {
  display: inline-block;
  content: ": ";
  white-space: break-spaces;
}

.bookings-calendar .book-now-link {
  font-weight: bold;
  font-size: 1.25em;
}

@media (min-width: 60rem) {
  .bookings-calendar .views-row.days {
    width: 48%;
    float: left;
  }
  .bookings-calendar .views-row.days:nth-child(2n+1) {
    margin-right: 4%;
  }
}

.bookings-calendar .views-row.days > .views-field {
  border-color: #a7a16d #927e58 #926f58 #a7926d !important;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  display: block;
  margin: 0 0 2rem;
  padding: 2em 8%;
  min-height: 21em;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: -0.25rem 0.25rem 0.5rem #b19e7c;
}
.bookings-calendar .views-row.days > .views-field ul {
  margin: 0;
}
.bookings-calendar .views-row.days > .views-field li {
  margin: 0 0 1em 1.5em;
}

.bookings-calendar .view-empty {
  margin: auto;
  padding: 3em 8%;
  text-align: center;
  background-color: #f5f3ef;
  max-width: 45rem;
}

.bookings-calendar .notice {
  font-size: 1.5em;
  font-weight: bold;
}



.calendar-view-table {
  --calendar-view-columns: 7;
  --calendar-view-color-white: #fff;
  --calendar-view-color-lighter: #f8f8f8;
  --calendar-view-color-light: #f4f4f4;
  --calendar-view-color-grey: #ccc;
  --calendar-view-color-gray: #555;
  --calendar-view-color-evil: #666;
  --calendar-view-color-dark: #333;
  --calendar-view-day-rows-gap: 0.5rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
  border-collapse: collapse;
}

.calendar-view-table[data-calendar-hide-weekend] {
  --calendar-view-columns: 5;
}

.calendar-view-table tr,
.calendar-view-table thead,
.calendar-view-table tbody {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
  width: 100%;
}

.calendar-view-table caption {
  text-align: center;
  grid-column: 1/-1;
  font-weight: bold;
  padding: 1rem 0;
}

.calendar-view-table a {
  text-decoration: none;
}

.calendar-view-table td,
.calendar-view-table th {
  padding: 0.5rem;
  box-sizing: border-box;
  border: 1px solid var(--calendar-view-color-grey);
}

.calendar-view-table thead th {
  background: var(--calendar-view-color-dark);
}

.calendar-view-table th {
  width: 100%;
  padding: 1rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 2;
  text-align: center;
  text-transform: uppercase;
  color: var(--calendar-view-color-white);
  border-color: transparent;
}

.calendar-view-table td {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 7.5rem;
  min-width: calc(100% / var(--calendar-view-columns));
}

.calendar-view-table td:hover {
  background-color: var(--calendar-view-color-white);
}


.calendar-view-table .calendar-view-day {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.calendar-view-table .calendar-view-day:hover .calendar-view-day__number {
  border-radius: 0;
}

.calendar-view-table .calendar-view-day__number {
  flex: 0 0 auto;
  align-self: flex-end;
  width: 1.5rem;
  border-radius: 50%;
  font-size: 0.65em;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding: 0.5rem 0.15rem;
  cursor: help;
  text-align: center;
  background: var(--calendar-view-color-dark);
  color: var(--calendar-view-color-white);
  transition: border-radius 0.2s linear;
}

.past .calendar-view-day {
  opacity: 0.8;
}

.today .calendar-view-day__number {
  font-weight: bold;
}

.calendar-view-day__rows {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--calendar-view-day-rows-gap);
}

.calendar-view-day__rows > * {
  flex: 1;
}

[dir=ltr] .calendar-view-table .calendar-view-day__rows {
  margin-left: 0;
}

[dir=rtl] .calendar-view-table .calendar-view-day__rows {
  margin-right: 0;
}

.calendar-view-table .calendar-view-day__row {
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  padding: 0.3125rem;
  margin: 0;
  line-height: 1.2;
  background: var(--calendar-view-color-white);
  border: 1px solid var(--calendar-view-color-grey);
  color: var(--calendar-view-color-dark);
  text-decoration: none;
}

.calendar-view-table .calendar-view-day__row > * {
  color: var(--calendar-view-color-gray);
  margin: 0.1875rem 0 0.4375rem 0;
  text-decoration: none;
}

.calendar-view-table .calendar-view-day__row.hover,
.calendar-view-table .calendar-view-day__row:hover,
.calendar-view-table .calendar-view-day__row:active,
.calendar-view-table .calendar-view-day__row:focus {
  border-color: var(--calendar-view-color-gray);
}


.calendar-view-table .next-month,
.calendar-view-table .previous-month {
  background: var(--calendar-view-color-light);
  color: var(--calendar-view-color-evil);
}

.calendar-view-table .next-month .calendar-view-day__number,
.calendar-view-table .previous-month .calendar-view-day__number {
  background: var(--calendar-view-color-gray);
}


.calendar-view-pager {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  background-color: var(--calendar-view-color-light);
  border: 1px solid var(--calendar-view-color-grey);
}

.calendar-view-pager .pager__item {
  flex: 1;
}

[dir=ltr] .calendar-view-pager .pager__previous {
  text-align: left;
}

[dir=rtl] .calendar-view-pager .pager__previous {
  text-align: left;
}

[dir=ltr] .calendar-view-pager .pager__next {
  text-align: right;
}

[dir=rtl] .calendar-view-pager .pager__next {
  text-align: left;
}

.calendar-view-pager .pager__current {
  text-align: center;
}

.calendar-view-pager__reset a,
.calendar-view-pager .pager__item > * {
  padding: 1rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 2;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.calendar-view-pager .pager__item a {
  display: block;
  width: 100%;
}

.calendar-view-pager .pager__item > .form-item {
  margin: 0;
}


@media (max-width: 60rem) {
  .calendar-view-table thead,
  .calendar-view-table .next-month,
  .calendar-view-table .previous-month {
    display: none;
  }
  .calendar-view-table,
  .calendar-view-table tr,
  .calendar-view-table thead,
  .calendar-view-table tbody {
    grid-template-columns: 1fr;
  }
  .calendar-view-table tr {
    grid-column: 1/2;
  }
  .calendar-view-table .calendar-view-day__number {
    align-self: flex-start;
  }
  .calendar-view-pager {
    flex-direction: column;
  }
}
.view.bookings .view-content:after {
  display: block;
  content: "";
  clear: both;
}
.view.bookings .day-booking {
  display: inline-block;
  vertical-align: top;
  margin: 0 -0.125rem;
}
@media (min-width: 45rem) {
  .view.bookings .day-booking {
    width: 50%;
  }
}
@media (min-width: 60rem) {
  .view.bookings .day-booking {
    width: 33.333%;
  }
}
.view.bookings .day-booking ul {
  list-style-type: none;
}
.view.bookings .hour-bookings {
  margin: 0 1%;
}
.view.bookings .hour-bookings .edit-link {
  padding: 0 2%;
}
.view.bookings .hour-bookings ul {
  list-style-type: none;
  margin: 0;
}
.view.bookings .hour-bookings li {
  margin: 0.25rem 0;
  padding: 1rem 4%;
  list-style: none;
}
.view.bookings .hour-bookings li:after {
  display: block;
  content: "";
  clear: both;
}
.view.bookings .hour-bookings li:nth-child(even) {
  background-color: #efefef;
  border-color: #f0f0f0 gainsboro gainsboro #f0f0f0 !important;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}
.view.bookings .hour-bookings li:nth-child(even):hover {
  background-color: #f4f4f4;
}
.view.bookings .hour-bookings li:nth-child(odd) {
  background-color: #dedede;
  border-color: #e1e1e1 #cccccc #cccccc #e1e1e1 !important;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}
.view.bookings .hour-bookings li:nth-child(odd):hover {
  background-color: #e3e3e3;
}
.view.bookings .hour-bookings .field--name-field-time {
  font-weight: bold;
}
.view.bookings .hour-bookings .field--name-field-user .field__label {
  float: left;
  font-weight: normal;
}
.view.bookings .hour-bookings .field--name-field-user .field__item {
  float: left;
}
.view.bookings .hour-bookings .book-now-link {
  float: right;
  padding: 0.5rem 2%;
  border-radius: 0.25rem;
  font-weight: bold;
}
/*# sourceMappingURL=style.css.map */