@charset "UTF-8";
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* Blue dark */
/* Blue dark 2 */
/* Blue medium */
/* Blue bright */
/* Blue bright 5 */
/* Black 1 */
/* Black 2 */
/* Black 3 */
/* Gray Dark */
/* Gray Dark 2 */
/* Gray medium */
/* Gray medium 1 */
/* Gray medium 2 */
/* Black 4 */
/* Gray light */
/* Gray light 1 */
/* Gray light 2 */
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/*
@include font-face("freesans", "../fonts/freesans/freesans-webfont");
@include font-face("liberationsans", "../fonts/liberationsans/liberationsans-regular-webfont");
@include fface("../fonts/fraunches/Fraunches-", 'fraunches', 'Regular');
@include fface("../fonts/lora/lora-v14-latin-italic", 'lora', 'Italic');
*/
@font-face {
  font-family: "metropolis";
  src: url("../fonts/metroplis/Metropolis-Regular.woff2") format("woff2"), url("../fonts/metroplis/Metropolis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "lora";
  src: url("../fonts/lora/lora-v14-latin-regular.woff2") format("woff2"), url("../fonts/lora/lora-v14-latin-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

.serif {
  font-family: "lora", "Georgia", "Times", "Times New Roman", serif;
}

.sans-serif {
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* Vertical Rhythm Reset: Base */
*,
*:before,
*:after {
  box-sizing: inherit;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: inherit;
  font-size: inherit;
  vertical-align: bottom;
}

html {
  box-sizing: border-box;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #fff;
  color: #000;
}

button,
fieldset,
input:not([type="radio"]):not([type="checkbox"]),
select,
textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

em,
i {
  font-style: italic;
}

fieldset {
  padding-top: 0.01em;
  padding-bottom: 0;
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

iframe {
  border: 0;
}

small,
sub,
sup {
  font-size: 0.875em;
}

input[type="radio"],
input[type="checkbox"] {
  margin-bottom: 0.325em;
}

hr {
  position: relative;
  border: 0;
}

hr:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #808080;
}

sub,
sup {
  position: relative;
  line-height: 0;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
select {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

[disabled] {
  cursor: default;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Vertical Rhythm Reset: Alignment */
:root {
  font-size: 16px;
}

*,
*:before,
*:after {
  line-height: 1.50001rem;
}

button,
input:not([type=radio]):not([type=checkbox]),
option,
select:not([multiple]) {
  height: 1.50001rem;
}

audio {
  height: 3.00002rem;
}

hr {
  height: 3.00002rem;
}

select[multiple],
textarea {
  height: 6.00004rem;
}

iframe,
video {
  height: 12.00008rem;
}

h1 {
  margin-top: 0px;
  margin-bottom: 1.50001rem;
}

blockquote,
dl,
form,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul {
  margin-top: 1.50001rem;
  margin-bottom: 1.50001rem;
}

fieldset {
  display: inline-block;
  margin: 1.50001rem 0 calc((1.50001rem) - 1px);
  width: 100%;
}

h1 {
  font-size: 3.15733rem;
  line-height: 4.50001rem;
}

h2 {
  font-size: 2.36859rem;
  line-height: 3.00001rem;
}

h3 {
  font-size: 1.77689rem;
  line-height: 3.00001rem;
}

h4 {
  font-size: 1.333rem;
  line-height: 1.50001rem;
}

h5 {
  font-size: 1rem;
  line-height: 1.50001rem;
}

h6 {
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 13px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.53847rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.53847rem;
  }
  audio {
    height: 3.07694rem;
  }
  hr {
    height: 3.07694rem;
  }
  select[multiple],
  textarea {
    height: 6.15389rem;
  }
  iframe,
  video {
    height: 12.30777rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.53847rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.53847rem;
    margin-bottom: 1.53847rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.53847rem 0 calc((1.53847rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 4.61539rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.07693rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.07693rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.53847rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 14px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.57144rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.57144rem;
  }
  audio {
    height: 3.14288rem;
  }
  hr {
    height: 3.14288rem;
  }
  select[multiple],
  textarea {
    height: 6.28575rem;
  }
  iframe,
  video {
    height: 12.57151rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.57144rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.57144rem;
    margin-bottom: 1.57144rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.57144rem 0 calc((1.57144rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 4.7143rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.14287rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.14287rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.57144rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 16px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.56251rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.56251rem;
  }
  audio {
    height: 3.12502rem;
  }
  hr {
    height: 3.12502rem;
  }
  select[multiple],
  textarea {
    height: 6.25004rem;
  }
  iframe,
  video {
    height: 12.50008rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.56251rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.56251rem;
    margin-bottom: 1.56251rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.56251rem 0 calc((1.56251rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 4.68751rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.12501rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.12501rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.56251rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 18px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.55557rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.55557rem;
  }
  audio {
    height: 3.11113rem;
  }
  hr {
    height: 3.11113rem;
  }
  select[multiple],
  textarea {
    height: 6.22226rem;
  }
  iframe,
  video {
    height: 12.44452rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.55557rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.55557rem;
    margin-bottom: 1.55557rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.55557rem 0 calc((1.55557rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 4.66668rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.11112rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.11112rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.55557rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 19px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.57896rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.57896rem;
  }
  audio {
    height: 3.15791rem;
  }
  hr {
    height: 3.15791rem;
  }
  select[multiple],
  textarea {
    height: 6.31583rem;
  }
  iframe,
  video {
    height: 12.63166rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.57896rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.57896rem;
    margin-bottom: 1.57896rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.57896rem 0 calc((1.57896rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 3.1579rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.1579rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.1579rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.57896rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 24px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.58334rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.58334rem;
  }
  audio {
    height: 3.16669rem;
  }
  hr {
    height: 3.16669rem;
  }
  select[multiple],
  textarea {
    height: 6.33337rem;
  }
  iframe,
  video {
    height: 12.66675rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.58334rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.58334rem;
    margin-bottom: 1.58334rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.58334rem 0 calc((1.58334rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 3.16668rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.16668rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.16668rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.58334rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  /* Vertical Rhythm Reset: Breakpoint Alignment */
  :root {
    font-size: 32px;
  }
  *,
  *:before,
  *:after {
    line-height: 1.59376rem;
  }
  button,
  input:not([type=radio]):not([type=checkbox]),
  option,
  select:not([multiple]) {
    height: 1.59376rem;
  }
  audio {
    height: 3.18752rem;
  }
  hr {
    height: 3.18752rem;
  }
  select[multiple],
  textarea {
    height: 6.37504rem;
  }
  iframe,
  video {
    height: 12.75008rem;
  }
  h1 {
    margin-top: 0px;
    margin-bottom: 1.59376rem;
  }
  blockquote,
  dl,
  form,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  pre,
  table,
  ul {
    margin-top: 1.59376rem;
    margin-bottom: 1.59376rem;
  }
  fieldset {
    display: inline-block;
    margin: 1.59376rem 0 calc((1.59376rem) - 1px);
    width: 100%;
  }
  h1 {
    font-size: 3.15733rem;
    line-height: 3.18751rem;
  }
  h2 {
    font-size: 2.36859rem;
    line-height: 3.18751rem;
  }
  h3 {
    font-size: 1.77689rem;
    line-height: 3.18751rem;
  }
  h4 {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.59376rem;
  }
  h6 {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Vertical Rhythm Reset: Fix for mobile select[multiple] elements */
  select[multiple],
  select[multiple][size] {
    height: 1.50001rem;
  }
}

html, body {
  min-height: 100vh;
  font-size: 1rem;
  line-height: 1.50001rem;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (min-width: 0) {
  html, body {
    font-size: 1rem;
    line-height: 1.53847rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 30em) {
  html, body {
    font-size: 1rem;
    line-height: 1.57144rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 60em) {
  html, body {
    font-size: 1rem;
    line-height: 1.56251rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 75em) {
  html, body {
    font-size: 1rem;
    line-height: 1.55557rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 90em) {
  html, body {
    font-size: 1rem;
    line-height: 1.57896rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 120em) {
  html, body {
    font-size: 1rem;
    line-height: 1.58334rem;
    margin: 0px;
    padding: 0px;
  }
}

@media (min-width: 240em) {
  html, body {
    font-size: 1rem;
    line-height: 1.59376rem;
    margin: 0px;
    padding: 0px;
  }
}

em, strong {
  line-height: inherit;
}

.dialog-off-canvas-main-canvas .layout-container {
  padding: 0;
}

#message-text {
  position: relative;
  z-index: 10;
}

h1, h1 em {
  font-size: 3.15733rem;
  line-height: 4.50001rem;
}

@media (min-width: 0) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 4.61539rem;
  }
}

@media (min-width: 30em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 4.7143rem;
  }
}

@media (min-width: 60em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 4.68751rem;
  }
}

@media (min-width: 75em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 4.66668rem;
  }
}

@media (min-width: 90em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 3.1579rem;
  }
}

@media (min-width: 120em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 3.16668rem;
  }
}

@media (min-width: 240em) {
  h1, h1 em {
    font-size: 3.15733rem;
    line-height: 3.18751rem;
  }
}

h2 {
  font-size: 2.36859rem;
  line-height: 3.00001rem;
  margin: 0px 0 1.50001rem;
  clear: both;
}

@media (min-width: 0) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.07693rem;
    margin: 0px 0 1.53847rem;
  }
}

@media (min-width: 30em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.14287rem;
    margin: 0px 0 1.57144rem;
  }
}

@media (min-width: 60em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.12501rem;
    margin: 0px 0 1.56251rem;
  }
}

@media (min-width: 75em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.11112rem;
    margin: 0px 0 1.55557rem;
  }
}

@media (min-width: 90em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.1579rem;
    margin: 0px 0 1.57896rem;
  }
}

@media (min-width: 120em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.16668rem;
    margin: 0px 0 1.58334rem;
  }
}

@media (min-width: 240em) {
  h2 {
    font-size: 2.36859rem;
    line-height: 3.18751rem;
    margin: 0px 0 1.59376rem;
  }
}

h3, h4, h5 {
  font-size: 1.77689rem;
  line-height: 3.00001rem;
  margin: 3.00002rem 0 0.375rem;
  clear: both;
}

@media (min-width: 0) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.07693rem;
    margin: 3.07694rem 0 0.38462rem;
  }
}

@media (min-width: 30em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.14287rem;
    margin: 3.14288rem 0 0.39286rem;
  }
}

@media (min-width: 60em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.12501rem;
    margin: 3.12502rem 0 0.39063rem;
  }
}

@media (min-width: 75em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.11112rem;
    margin: 3.11113rem 0 0.38889rem;
  }
}

@media (min-width: 90em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.1579rem;
    margin: 3.15791rem 0 0.39474rem;
  }
}

@media (min-width: 120em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.16668rem;
    margin: 3.16669rem 0 0.39584rem;
  }
}

@media (min-width: 240em) {
  h3, h4, h5 {
    font-size: 1.77689rem;
    line-height: 3.18751rem;
    margin: 3.18752rem 0 0.39844rem;
  }
}

h4, h5 {
  font-size: 1.333rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  h4, h5 {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
}

table {
  overflow: scroll;
  max-width: 96%;
  margin: 0px auto 1.50001rem;
}

@media (min-width: 0) {
  table {
    margin: 0px auto 1.53847rem;
  }
}

@media (min-width: 30em) {
  table {
    margin: 0px auto 1.57144rem;
  }
}

@media (min-width: 60em) {
  table {
    margin: 0px auto 1.56251rem;
  }
}

@media (min-width: 75em) {
  table {
    margin: 0px auto 1.55557rem;
  }
}

@media (min-width: 90em) {
  table {
    margin: 0px auto 1.57896rem;
  }
}

@media (min-width: 120em) {
  table {
    margin: 0px auto 1.58334rem;
  }
}

@media (min-width: 240em) {
  table {
    margin: 0px auto 1.59376rem;
  }
}

caption, th, td {
  padding: 0.375rem 0.75001rem;
}

@media (min-width: 0) {
  caption, th, td {
    padding: 0.38462rem 0.76924rem;
  }
}

@media (min-width: 30em) {
  caption, th, td {
    padding: 0.39286rem 0.78572rem;
  }
}

@media (min-width: 60em) {
  caption, th, td {
    padding: 0.39063rem 0.78126rem;
  }
}

@media (min-width: 75em) {
  caption, th, td {
    padding: 0.38889rem 0.77778rem;
  }
}

@media (min-width: 90em) {
  caption, th, td {
    padding: 0.39474rem 0.78948rem;
  }
}

@media (min-width: 120em) {
  caption, th, td {
    padding: 0.39584rem 0.79167rem;
  }
}

@media (min-width: 240em) {
  caption, th, td {
    padding: 0.39844rem 0.79688rem;
  }
}

.touchevents .draggable td,
caption,
tr:last-child td {
  padding-bottom: 0.75001rem;
}

@media (min-width: 0) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.76924rem;
  }
}

@media (min-width: 30em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.78572rem;
  }
}

@media (min-width: 60em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.78126rem;
  }
}

@media (min-width: 75em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.77778rem;
  }
}

@media (min-width: 90em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.78948rem;
  }
}

@media (min-width: 120em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.79167rem;
  }
}

@media (min-width: 240em) {
  .touchevents .draggable td,
  caption,
  tr:last-child td {
    padding-bottom: 0.79688rem;
  }
}

/*
tr > *:first-child {
	border-left-width: 1px;
}
// All elements on right of row
tr > *:last-child {
	border-right-width: 1px;
}
// All elements in top row
tr:first-child > * {
	border-top-width: 1px;
}
// All elelemtns in bottom row
tr:last-child > * {
	border-bottom-width: 1px;
}
*/
th .tablesort {
  margin-left: 2%;
  height: 1.50001rem;
  width: 1.50001rem;
}

@media (min-width: 0) {
  th .tablesort {
    height: 1.53847rem;
    width: 1.53847rem;
  }
}

@media (min-width: 30em) {
  th .tablesort {
    height: 1.57144rem;
    width: 1.57144rem;
  }
}

@media (min-width: 60em) {
  th .tablesort {
    height: 1.56251rem;
    width: 1.56251rem;
  }
}

@media (min-width: 75em) {
  th .tablesort {
    height: 1.55557rem;
    width: 1.55557rem;
  }
}

@media (min-width: 90em) {
  th .tablesort {
    height: 1.57896rem;
    width: 1.57896rem;
  }
}

@media (min-width: 120em) {
  th .tablesort {
    height: 1.58334rem;
    width: 1.58334rem;
  }
}

@media (min-width: 240em) {
  th .tablesort {
    height: 1.59376rem;
    width: 1.59376rem;
  }
}

/*
div.messages {
	max-width: $p-max-width;
	@include vr(
		$margin: 1 2%, 
		$padding: 0.5 2 1,
		$offset: 2
	);
	li {
		margin: 0;
		@include vr(
			$padding: 0 0 0.25 0
		);
	}
	@include media($p-max-width) {
		max-width: $p-max-width;
		margin-left: auto;
		margin-right: auto;
	}
}

//
// Menus
//

//
// Menus
//
ul.menu {
//	float: left;
	margin: 0;
	li.menu-item {
 //   float: left;
		padding: 0;
     clear: none;
		a {
			display: block;
			text-align: center;
			@include vr(
				$padding: 0.25 0.5
			);
		}
	}
}

ul.tabs {
	text-align: left;
	a {
		@include vr(
			$padding: 0.25 0.5,
		);
	}
}

.links {
  white-space: nowrap;
}

.vertical-tabs li {
	@include vr(
		$font-size: -1
	);
}
.vertical-tabs__pane {
	@include vr(
		$margin: 1 2%
	);
}

//
// Login forms
//

.login-forgot {
	@include vr(
		$margin-bottom: 2
	);
}
.password-strength {
	@include vr(
		$margin-bottom: 2
	);
	.password-strength-title {
		@include vr(
			$margin-bottom: 1
		);
	}
}

address {
	@include vr(
		$padding-bottom: 1
	);
}


dd {
	@include vr(
		$margin-bottom: 0.5
	);
}

pre {
	margin: 0;
	@include vr (
		$padding: 0 0 0.5 0
	);
}


.superscript,
sup {
  @include vr(
    $font-size: -1,
    $padding: 0.125 0 0 0
  );
}

iframe {
	max-width: 100%;
}

ul.contextual-links li a,
ul.contextual-links li span,
.contextual-links {
  padding: 2%;
}

img {
	@include vr(
		$font-size: -1
	);
}

.js td .dropbutton-multiple {
	margin: 0;
	padding: 0;
}

.js-media-library-selection {
	 float: left;
	clear: right;
}

.link-edit-summary {
	@include vr(
		$font-size: 0,
		$height: 1
	);
}
*/
/**
 * @file
 * Generic base elements.
 */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  html {
    font-size: 1rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  html {
    font-size: 1rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  html {
    font-size: 1rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  html {
    font-size: 1rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  html {
    font-size: 1rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  html {
    font-size: 1rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  html {
    font-size: 1rem;
    line-height: 1.59376rem;
  }
}

body {
  height: 100%;
  margin: 0;
  background-position: top left;
  /* LTR */
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

[dir="rtl"] body {
  background-position: top right;
}

a {
  color: #9f4ca7;
}

a:hover {
  color: #b46bbb;
}

a:focus {
  outline: solid 1px currentColor;
  outline-offset: 2px;
}

button {
  font-family: inherit;
}

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

audio {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  color: #505050;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  opacity: 0.2;
  background: #7f4040;
}

.is-overlay-active .overlay {
  display: block;
}

/**
 * @file
 * Buttons.
 */
.button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
  line-height: 2.25002rem;
  height: 2.25002rem;
  padding: 0px 1.50001rem;
  border: solid 1px #72bb6b;
}

@media (min-width: 0) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.30771rem;
    height: 2.30771rem;
    padding: 0px 1.53847rem;
  }
}

@media (min-width: 30em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.35716rem;
    height: 2.35716rem;
    padding: 0px 1.57144rem;
  }
}

@media (min-width: 60em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.34377rem;
    height: 2.34377rem;
    padding: 0px 1.56251rem;
  }
}

@media (min-width: 75em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.33335rem;
    height: 2.33335rem;
    padding: 0px 1.55557rem;
  }
}

@media (min-width: 90em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.36844rem;
    height: 2.36844rem;
    padding: 0px 1.57896rem;
  }
}

@media (min-width: 120em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.37501rem;
    height: 2.37501rem;
    padding: 0px 1.58334rem;
  }
}

@media (min-width: 240em) {
  .button, button, input:not([type="radio"]):not([type="checkbox"]), option, select:not([multiple]) {
    line-height: 2.39064rem;
    height: 2.39064rem;
    padding: 0px 1.59376rem;
  }
}

.button {
  display: inline-block;
  margin-block: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 1em;
          margin-inline-end: 1em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: white;
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  border: solid 1px #72bb6b;
  border-radius: 0.25em;
  background-color: #54a74c;
  font-family: inherit;
  margin-right: 1.50001rem;
  padding: 0.375rem 1.50001rem;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-font-smoothing: antialiased;
  /*
    IE11 doesn't work properly on button elements so we only do
    inline-flex on modern browsers.
  */
  /* Top padding accounts for font not being vertically centered within line-height. */
}

@media (min-width: 0) {
  .button {
    margin-right: 1.53847rem;
    padding: 0.38462rem 1.53847rem;
  }
}

@media (min-width: 30em) {
  .button {
    margin-right: 1.57144rem;
    padding: 0.39286rem 1.57144rem;
  }
}

@media (min-width: 60em) {
  .button {
    margin-right: 1.56251rem;
    padding: 0.39063rem 1.56251rem;
  }
}

@media (min-width: 75em) {
  .button {
    margin-right: 1.55557rem;
    padding: 0.38889rem 1.55557rem;
  }
}

@media (min-width: 90em) {
  .button {
    margin-right: 1.57896rem;
    padding: 0.39474rem 1.57896rem;
  }
}

@media (min-width: 120em) {
  .button {
    margin-right: 1.58334rem;
    padding: 0.39584rem 1.58334rem;
  }
}

@media (min-width: 240em) {
  .button {
    margin-right: 1.59376rem;
    padding: 0.39844rem 1.59376rem;
  }
}

.button:hover, .button:focus {
  text-decoration: none;
  color: white;
  border: solid 1px transparent;
  background: #72bb6b;
  font-weight: 700;
}

.button:focus {
  outline: 2px solid #bb9579;
  outline-offset: 2px;
}

.button:active {
  color: #54a74c;
  border-color: #72bb6b;
}

.button:disabled, .button.is-disabled {
  cursor: default;
  color: #888;
  border-color: #888;
}

a.button {
  line-height: 1.5em;
}

/* No margin if is part of a menu. */
.menu .button {
  margin-block: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.button--small {
  height: 1.5em;
  padding-inline: 1em;
  line-height: normal;
}

.button--primary {
  color: white;
  background-color: #54a74c;
}

.button--primary:hover, .button--primary:focus {
  color: white;
  border-color: #72bb6b;
  background-color: #72bb6b;
}

.button--primary:active {
  color: white;
  background-color: #54a74c;
}

.button--primary:disabled, .button--primary.is-disabled {
  color: #888;
  background-color: #888;
}

.button--icon-back {
  display: inline-flex;
  align-items: center;
}

.button--icon-back:before {
  display: block;
  width: 0.5em;
  height: 0.5em;
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
  content: "";
  transform: rotate(45deg);
  /* LTR */
  -webkit-border-after: solid 2px currentColor;
          border-block-end: solid 2px currentColor;
  -webkit-border-start: solid 2px currentColor;
          border-inline-start: solid 2px currentColor;
}

[dir="rtl"] .button--icon-back:before {
  transform: rotate(-45deg);
}

.button--danger {
  background-color: #7f4040;
}

.button--danger:hover {
  background-color: #a15151;
}

details {
  border-radius: 0.25em;
  border: solid 1px #54a74c;
  margin: 0.75001rem 0;
  padding: 0px 2%;
}

@media (min-width: 0) {
  details {
    margin: 0.76924rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 30em) {
  details {
    margin: 0.78572rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 60em) {
  details {
    margin: 0.78126rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 75em) {
  details {
    margin: 0.77778rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 90em) {
  details {
    margin: 0.78948rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 120em) {
  details {
    margin: 0.79167rem 0;
    padding: 0px 2%;
  }
}

@media (min-width: 240em) {
  details {
    margin: 0.79688rem 0;
    padding: 0px 2%;
  }
}

details summary {
  font-weight: bold;
  cursor: pointer;
}

details summary[aria-expanded="true"] {
  border-bottom: solid 1px #54a74c;
  margin: 0px 0 0.75001rem;
}

@media (min-width: 0) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.76924rem;
  }
}

@media (min-width: 30em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.78572rem;
  }
}

@media (min-width: 60em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.78126rem;
  }
}

@media (min-width: 75em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.77778rem;
  }
}

@media (min-width: 90em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.78948rem;
  }
}

@media (min-width: 120em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.79167rem;
  }
}

@media (min-width: 240em) {
  details summary[aria-expanded="true"] {
    margin: 0px 0 0.79688rem;
  }
}

/**
 * @file
 * Fieldset.
 */
.fieldset {
  min-width: 0;
  margin-block: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  color: inherit;
  border: solid 2px #767676;
  border-radius: 0.25em;
  background-color: white;
}

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

/* stylelint-disable-next-line selector-type-no-unknown */
_:-ms-fullscreen,
.fieldset {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.fieldset__legend {
  float: left;
  /* Prevent sticking out of top of fieldset. */
  width: 100%;
  color: inherit;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  background-color: #767676;
  font-size: 1.333rem;
  line-height: 1.50001rem;
  font-weight: 700;
}

@media (min-width: 0) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .fieldset__legend {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
}

.fieldset__legend + * {
  clear: left;
}

.fieldset__legend .fieldset__label.form-required:after {
  background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.fieldset__legend--composite {
  -webkit-margin-before: 2px;
          margin-block-start: 2px;
  color: inherit;
}

.fieldset__legend--invisible {
  margin: 0;
}

.fieldset__legend--group {
  color: inherit;
}

.fieldset__label {
  display: block;
  padding-block: 0.5em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  color: white;
}

.fieldset__label.is-disabled {
  color: #767676;
}

.fieldset__description {
  margin-block: 0.5em;
  font-size: 1.77689rem;
  line-height: 3.00001rem;
}

@media (min-width: 0) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.07693rem;
  }
}

@media (min-width: 30em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.14287rem;
  }
}

@media (min-width: 60em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.12501rem;
  }
}

@media (min-width: 75em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.11112rem;
  }
}

@media (min-width: 90em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.1579rem;
  }
}

@media (min-width: 120em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.16668rem;
  }
}

@media (min-width: 240em) {
  .fieldset__description {
    font-size: 1.77689rem;
    line-height: 3.18751rem;
  }
}

.fieldset__description.is-disabled {
  color: #e1e1e1;
}

.fieldset__error-message {
  margin-block: 0.5em;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  color: #7f4040;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E33F1E' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  /* LTR */
  background-size: 1em 1em;
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .fieldset__error-message {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

@media screen and (-ms-high-contrast: active) {
  .fieldset__error-message {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E");
  }
}

[dir="rtl"] .fieldset__error-message {
  background-position: left top;
}

.fieldset__wrapper {
  padding: 1em;
}

.fieldset__legend--invisible ~ .fieldset__wrapper {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  padding: 0;
}

.fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
  border: solid 2px #767676;
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.fieldset__wrapper--group {
  margin-block: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.fieldset__wrapper > .container-inline {
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

/**
 * @file
 * Checkbox and radio input elements.
 */
input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  vertical-align: middle;
  border: 1px solid #72bb6b;
  border-radius: 0.25em;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1em 1em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
  border: solid 2px #72bb6b;
  outline: solid 2px #bb9579;
}

@supports (outline-style: double) {
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    border-width: 1px;
    outline-width: 6px;
    outline-style: double;
    outline-offset: -1px;
  }
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
  border-color: #72bb6b;
}

input[type="checkbox"][disabled],
input[type="radio"][disabled] {
  background-color: #e1e1e1;
}

input[type="checkbox"][disabled]:hover,
input[type="radio"][disabled]:hover {
  border-color: #e1e1e1;
}

input[type="checkbox"][disabled]:checked,
input[type="radio"][disabled]:checked {
  border-width: 1px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  border-width: 2px;
}

input[type="checkbox"].error,
input[type="radio"].error {
  border: solid 2px #7f4040;
}

input[type="checkbox"].error:focus,
input[type="radio"].error:focus {
  outline-color: #7f4040;
  outline-offset: -2px;
}

input[type="checkbox"].error::-ms-check,
input[type="radio"].error::-ms-check {
  border: 1px solid #7f4040;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
}

input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%23000' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}

#a72e48
input[type="radio"] {
  border-radius: 50%;
}

#a72e48
input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%232494DB'/%3E%3C/svg%3E%0A");
  background-size: 17px;
}

#a72e48
input[type="radio"]:focus {
  border-width: 2px;
  border-color: #72bb6b;
  outline-color: transparent;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #72bb6b;
}

#a72e48
input[type="radio"].error:focus {
  outline-color: transparent;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #7f4040;
}

.form-type-boolean {
  margin-block: 1em;
}

/**
 * @file
 * Text input elements.
 */
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
  width: 100%;
  max-width: 100%;
  padding: 0 1%;
  min-height: 2em;
  color: #284f24;
  border: 1px solid #5c3a3a;
  border-radius: 0.25em;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type="color"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="email"]:focus,
[type="file"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
textarea:focus {
  border: solid 2px #54a74c;
  outline: solid 2px #bb9579;
}

@supports (outline-style: double) {
  [type="color"]:focus,
  [type="date"]:focus,
  [type="datetime-local"]:focus,
  [type="email"]:focus,
  [type="file"]:focus,
  [type="month"]:focus,
  [type="number"]:focus,
  [type="password"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="text"]:focus,
  [type="time"]:focus,
  [type="url"]:focus,
  [type="week"]:focus,
  textarea:focus {
    border-width: 1px;
    outline-width: 6px;
    outline-style: double;
    outline-offset: -1px;
  }
}

[type="color"]::-ms-clear,
[type="date"]::-ms-clear,
[type="datetime-local"]::-ms-clear,
[type="email"]::-ms-clear,
[type="file"]::-ms-clear,
[type="month"]::-ms-clear,
[type="number"]::-ms-clear,
[type="password"]::-ms-clear,
[type="search"]::-ms-clear,
[type="tel"]::-ms-clear,
[type="text"]::-ms-clear,
[type="time"]::-ms-clear,
[type="url"]::-ms-clear,
[type="week"]::-ms-clear,
textarea::-ms-clear {
  display: none;
}

[type="color"][disabled],
[type="date"][disabled],
[type="datetime-local"][disabled],
[type="email"][disabled],
[type="file"][disabled],
[type="month"][disabled],
[type="number"][disabled],
[type="password"][disabled],
[type="search"][disabled],
[type="tel"][disabled],
[type="text"][disabled],
[type="time"][disabled],
[type="url"][disabled],
[type="week"][disabled],
textarea[disabled] {
  color: #d5d5d5;
  background-color: white;
}

[type="color"].error,
[type="date"].error,
[type="datetime-local"].error,
[type="email"].error,
[type="file"].error,
[type="month"].error,
[type="number"].error,
[type="password"].error,
[type="search"].error,
[type="tel"].error,
[type="text"].error,
[type="time"].error,
[type="url"].error,
[type="week"].error,
textarea.error {
  border: solid 2px #7f4040;
}

[type="color"].error:focus,
[type="date"].error:focus,
[type="datetime-local"].error:focus,
[type="email"].error:focus,
[type="file"].error:focus,
[type="month"].error:focus,
[type="number"].error:focus,
[type="password"].error:focus,
[type="search"].error:focus,
[type="tel"].error:focus,
[type="text"].error:focus,
[type="time"].error:focus,
[type="url"].error:focus,
[type="week"].error:focus,
textarea.error:focus {
  outline-color: #bb9579;
  outline-offset: -2px;
}

[type="color"].form-element--small,
[type="date"].form-element--small,
[type="datetime-local"].form-element--small,
[type="email"].form-element--small,
[type="file"].form-element--small,
[type="month"].form-element--small,
[type="number"].form-element--small,
[type="password"].form-element--small,
[type="search"].form-element--small,
[type="tel"].form-element--small,
[type="text"].form-element--small,
[type="time"].form-element--small,
[type="url"].form-element--small,
[type="week"].form-element--small,
textarea.form-element--small {
  min-height: 1.5em;
}

@media (30em) {
  [type="color"],
  [type="date"],
  [type="datetime-local"],
  [type="email"],
  [type="file"],
  [type="month"],
  [type="number"],
  [type="password"],
  [type="search"],
  [type="tel"],
  [type="text"],
  [type="time"],
  [type="url"],
  [type="week"],
  textarea {
    width: auto;
  }
}

[type="date"] {
  /* Ensure that date field isn't larger than other fields. */
}

[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

[type="file"] {
  height: auto;
  padding-block: 0.5%;
}

[type="color"] {
  width: 3em;
  padding: 0;
}

/**
 * @file
 * Main form and form item styles.
 */
form {
  margin-top: 0;
}

::-moz-placeholder {
  color: #888;
}

::placeholder {
  color: #888;
}

/* IE 10 and 11 needs this set as important. */
:-ms-input-placeholder {
  color: #888 !important;
}

/**
 * General form item.
 */
.form-item {
  margin-block: 0.5em;
}

.form-item__label--multiple-value-form {
  margin-block: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/**
 * When a table row or a container-inline has a single form item, prevent it
 * from adding unnecessary extra spacing.
 * If it has multiple form items, allow spacing between them, overriding Classy.
 */
tr .form-item,
.container-inline .form-item {
  margin-block: 0.5em;
}

/**
 * Form element label.
 */
.form-item__label {
  display: block;
  margin-block: 0.5em;
}

.container-inline .form-item__label {
  -webkit-margin-end: 1em;
          margin-inline-end: 1em;
}

.form-item__label--multiple-value-form {
  margin-block: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.form-item__label[for] {
  cursor: pointer;
}

.form-item__label.option {
  display: inline;
  font-weight: normal;
}

/* Label states. */
.form-item__label.is-disabled {
  cursor: default;
  color: #e1e1e1;
}

/* Form required star icon */
.form-item__label.form-required::after,
.fieldset__label.form-required::after,
.required-mark::after {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-inline: 0.3em;
  content: "";
  vertical-align: text-top;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23DB2424'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 0.5rem 0.5rem;
}

@media screen and (-ms-high-contrast: active) {
  .form-item__label.form-required::after,
  .fieldset__label.form-required::after,
  .required-mark::after {
    background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  }
}

/**
 * Form item description.
 */
.form-item__description {
  margin-block: 0.5em;
  max-width: 60ch;
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .form-item__description {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

.field-multiple-table + .form-item__description {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

/**
 * Error message (Inline form errors).
 */
.form-item--error-message {
  margin-block: 0.5em;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  color: #7f4040;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E33F1E' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  /* LTR */
  background-size: 1em 1em;
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .form-item--error-message {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

@media screen and (-ms-high-contrast: active) {
  .form-item--error-message {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E");
  }
}

[dir="rtl"] .form-item--error-message {
  background-position: right top;
}

/**
 * Form actions.
 */
.form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-block: 0.5em;
}

.form-actions .button,
.form-actions .action-link {
  margin-block: 0.5em;
}

.form-actions .ajax-progress--throbber {
  align-self: center;
}

/**
 * Custom label placement for editor filter format select.
 */
.form-item--editor-format {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix {
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
}

.form-item--editor-format .form-item__description,
.form-item--editor-format .form-item--error-message {
  flex: 0 1 100%;
  min-width: 1px;
}

/**
 * Inline forms.
 */
.form--inline > * {
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 0;
  vertical-align: top;
  /* Ensure proper alignment if description is present. */
}

.form--inline .form-item__label {
  margin: 0;
}

.form--inline .form-actions {
  margin-top: 1.5em;
}

/**
 * @file
 * User generated tables.
 */
.forum table,
.text-content table,
.views-table,
.draggable-table {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
  border-spacing: 0;
  color: #767676;
  border: 0;
  border-collapse: collapse;
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1.5em;
}

.forum table caption,
.text-content table caption,
.views-table caption,
.draggable-table caption {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  text-align: start;
  color: #767676;
  font-family: "lora", "Georgia", "Times", "Times New Roman", serif;
  font-style: italic;
  line-height: 1em;
}

.forum table tr:last-child td,
.text-content table tr:last-child td,
.views-table tr:last-child td,
.draggable-table tr:last-child td {
  -webkit-border-after: 0;
          border-block-end: 0;
}

.forum table tr:nth-child(even),
.text-content table tr:nth-child(even),
.views-table tr:nth-child(even),
.draggable-table tr:nth-child(even) {
  background-color: #fbfbfb;
}

.forum table td,
.forum table th,
.text-content table td,
.text-content table th,
.views-table td,
.views-table th,
.draggable-table td,
.draggable-table th {
  padding-block: 1em;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  vertical-align: top;
}

.forum table th,
.text-content table th,
.views-table th,
.draggable-table th {
  margin-block: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  text-align: start;
  letter-spacing: 0.02em;
  color: #888;
  -webkit-border-after: 2px solid #54a74c;
          border-block-end: 2px solid #54a74c;
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1em;
  /**
     * Fixes for styles injected by CKEditor
     */
}

.forum table th.text-align-left,
.text-content table th.text-align-left,
.views-table th.text-align-left,
.draggable-table th.text-align-left {
  text-align: start;
}

.forum table th.text-align-right,
.text-content table th.text-align-right,
.views-table th.text-align-right,
.draggable-table th.text-align-right {
  text-align: end;
}

.forum table th.text-align-center,
.text-content table th.text-align-center,
.views-table th.text-align-center,
.draggable-table th.text-align-center {
  text-align: center;
}

.forum table th.text-align-justify,
.text-content table th.text-align-justify,
.views-table th.text-align-justify,
.draggable-table th.text-align-justify {
  text-align: justify;
}

.forum table td,
.text-content table td,
.views-table td,
.draggable-table td {
  white-space: normal;
  -webkit-border-after: 2px solid #fbfbfb;
          border-block-end: 2px solid #fbfbfb;
}

.forum table th.checkbox,
.forum table td.checkbox,
.text-content table th.checkbox,
.text-content table td.checkbox,
.views-table th.checkbox,
.views-table td.checkbox,
.draggable-table th.checkbox,
.draggable-table td.checkbox {
  text-align: center;
}

.draggable-table {
  width: 100%;
}

.draggable-table .form-item {
  margin-top: 0;
}

.tablesort {
  vertical-align: middle;
}

.sticky-header {
  z-index: 0;
  margin: 0;
  -webkit-border-after: 4px solid #54a74c;
          border-block-end: 4px solid #54a74c;
}

/* Properly align VBO checkboxes. */
.views-field-node-bulk-form .form-item {
  margin: 0;
}

ul {
  list-style-type: disc;
  list-style-image: none;
}

.layout-navigation-primary {
  padding: 0 2%;
  font-size: 1.333rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .layout-navigation-primary {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
}

.layout-navigation-primary ul {
  margin: auto;
  padding: 0.375rem 0;
}

@media (min-width: 0) {
  .layout-navigation-primary ul {
    padding: 0.38462rem 0;
  }
}

@media (min-width: 30em) {
  .layout-navigation-primary ul {
    padding: 0.39286rem 0;
  }
}

@media (min-width: 60em) {
  .layout-navigation-primary ul {
    padding: 0.39063rem 0;
  }
}

@media (min-width: 75em) {
  .layout-navigation-primary ul {
    padding: 0.38889rem 0;
  }
}

@media (min-width: 90em) {
  .layout-navigation-primary ul {
    padding: 0.39474rem 0;
  }
}

@media (min-width: 120em) {
  .layout-navigation-primary ul {
    padding: 0.39584rem 0;
  }
}

@media (min-width: 240em) {
  .layout-navigation-primary ul {
    padding: 0.39844rem 0;
  }
}

.layout-navigation-primary ul li {
  display: inline-block;
  list-style-type: none;
  list-style-image: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
  clear: none;
}

.layout-navigation-primary ul li a {
  border-width: 1px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 0.25em;
  padding: 0.375rem;
}

@media (min-width: 0) {
  .layout-navigation-primary ul li a {
    padding: 0.38462rem;
  }
}

@media (min-width: 30em) {
  .layout-navigation-primary ul li a {
    padding: 0.39286rem;
  }
}

@media (min-width: 60em) {
  .layout-navigation-primary ul li a {
    padding: 0.39063rem;
  }
}

@media (min-width: 75em) {
  .layout-navigation-primary ul li a {
    padding: 0.38889rem;
  }
}

@media (min-width: 90em) {
  .layout-navigation-primary ul li a {
    padding: 0.39474rem;
  }
}

@media (min-width: 120em) {
  .layout-navigation-primary ul li a {
    padding: 0.39584rem;
  }
}

@media (min-width: 240em) {
  .layout-navigation-primary ul li a {
    padding: 0.39844rem;
  }
}

.layout-navigation-primary ul li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
}

.layout-navigation-primary ul li a.is-active {
  background-color: #54a74c;
}

.layout-navigation-primary ul li a.is-active:hover {
  background-color: #72bb6b;
}

.layout-navigation-primary ul li.menu-item--active-trail a {
  color: white;
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  background-color: rgba(255, 255, 255, 0.25);
  background-color: #54a74c;
}

.layout-navigation-primary ul li.menu-item--active-trail a:hover {
  background-color: #72bb6b;
}

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

.layout-navigation-secondary ul {
  float: right;
  margin: auto;
  padding: 0.5em 0;
  text-align: left;
}

.layout-navigation-secondary ul li {
  display: inline-block;
  list-style-type: none;
  list-style-image: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
  clear: none;
}

.layout-navigation-secondary ul li a {
  text-decoration: none;
  border-width: 1px;
  border-radius: 0.25em;
  display: block;
  text-align: center;
  color: #fff;
  padding: 0.25em 0.5em;
}

.layout-navigation-secondary ul li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.layout-navigation-secondary ul li.menu-item--active-trail a {
  color: #fff;
  /* background-color: $highlighted; */
}

.layout-sidebar1,
.layout-sidebar2 {
  width: 50%;
}

main {
  position: relative;
}

.layout-container.sidebar1 .layout-sidebar1 {
  position: absolute;
  width: 30%;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.layout-container.sidebar1 .layout-content {
  margin-left: 30%;
}

.layout-container.sidebar2 .layout-content {
  margin-right: 30%;
}

.layout-container.sidebar2 .layout-sidebar2 {
  position: absolute;
  width: 30%;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.layout-container.sidebars .layout-content {
  float: left;
  width: 60%;
}

.layout-container.sidebars .layout-sidebar1,
.layout-container.sidebars .layout-sidebar2 {
  float: left;
  width: 20%;
}

footer {
  color: #fff;
  background-color: #54a74c;
}

footer::after {
  clear: both;
  content: "";
  display: block;
}

footer .text-content {
  font-size: 0.75019rem;
  line-height: 1.50001rem;
  font-weight: bold;
}

@media (min-width: 0) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  footer .text-content {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

footer .text-content p {
  font-size: 1.333rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  footer .text-content p {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
}

footer .text-content a {
  color: #82c37c;
}

footer .text-content a:hover {
  color: #93cb8e;
}

footer ul {
  margin: auto;
  padding: 0.5em 0;
  text-align: center;
}

footer ul li {
  display: inline-block;
  list-style-type: none;
  list-style-image: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
  clear: none;
}

footer ul li a {
  text-decoration: none;
  border-width: 1px;
  display: block;
  text-align: center;
  color: #fff;
  padding: 0.25em 0.5em;
}

footer ul li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

footer ul li.menu-item--active-trail a {
  color: #fff;
  /* background-color: $highlighted; */
}

.block-system-breadcrumb-block {
  display: block;
  width: 100%;
  padding: 0.75001rem 4%;
}

@media (min-width: 0) {
  .block-system-breadcrumb-block {
    padding: 0.76924rem 4%;
  }
}

@media (min-width: 30em) {
  .block-system-breadcrumb-block {
    padding: 0.78572rem 4%;
  }
}

@media (min-width: 60em) {
  .block-system-breadcrumb-block {
    padding: 0.78126rem 4%;
  }
}

@media (min-width: 75em) {
  .block-system-breadcrumb-block {
    padding: 0.77778rem 4%;
  }
}

@media (min-width: 90em) {
  .block-system-breadcrumb-block {
    padding: 0.78948rem 4%;
  }
}

@media (min-width: 120em) {
  .block-system-breadcrumb-block {
    padding: 0.79167rem 4%;
  }
}

@media (min-width: 240em) {
  .block-system-breadcrumb-block {
    padding: 0.79688rem 4%;
  }
}

.block-system-breadcrumb-block ol {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-weight: bold;
}

.block-system-breadcrumb-block ol::after {
  clear: both;
  content: "";
  display: block;
}

.block-system-breadcrumb-block ol li {
  display: inline-block;
}

.block-system-breadcrumb-block ol li:before {
  content: '  \BB  ';
}

.block-system-breadcrumb-block ol li:first-child:before {
  content: none;
}

.block-system-breadcrumb-block a {
  text-decoration: none;
}

/*
.region-breadcrumb {
  margin-left: 1%;
  clear: right;
  white-space: no-wrap;
}
*/
.block-help-block {
  max-width: 45em;
  margin: 1.50001rem auto 3.00002rem;
}

@media (min-width: 0) {
  .block-help-block {
    margin: 1.53847rem auto 3.07694rem;
  }
}

@media (min-width: 30em) {
  .block-help-block {
    margin: 1.57144rem auto 3.14288rem;
  }
}

@media (min-width: 60em) {
  .block-help-block {
    margin: 1.56251rem auto 3.12502rem;
  }
}

@media (min-width: 75em) {
  .block-help-block {
    margin: 1.55557rem auto 3.11113rem;
  }
}

@media (min-width: 90em) {
  .block-help-block {
    margin: 1.57896rem auto 3.15791rem;
  }
}

@media (min-width: 120em) {
  .block-help-block {
    margin: 1.58334rem auto 3.16669rem;
  }
}

@media (min-width: 240em) {
  .block-help-block {
    margin: 1.59376rem auto 3.18752rem;
  }
}

.block-local-actions-block li {
  display: inline-block;
  margin: 0;
  padding: 0.75001rem 2%;
}

@media (min-width: 0) {
  .block-local-actions-block li {
    padding: 0.76924rem 2%;
  }
}

@media (min-width: 30em) {
  .block-local-actions-block li {
    padding: 0.78572rem 2%;
  }
}

@media (min-width: 60em) {
  .block-local-actions-block li {
    padding: 0.78126rem 2%;
  }
}

@media (min-width: 75em) {
  .block-local-actions-block li {
    padding: 0.77778rem 2%;
  }
}

@media (min-width: 90em) {
  .block-local-actions-block li {
    padding: 0.78948rem 2%;
  }
}

@media (min-width: 120em) {
  .block-local-actions-block li {
    padding: 0.79167rem 2%;
  }
}

@media (min-width: 240em) {
  .block-local-actions-block li {
    padding: 0.79688rem 2%;
  }
}

/**
 * @file
 * Messages.
 */
:root {
  --messages-icon-size: 32px;
}

.messages-list {
  margin-block: 1em;
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  list-style: none;
}

.messages__wrapper {
  margin: 0 8%;
}

.messages {
  border-radius: 0.25em;
  width: 100%;
  min-height: 2em;
  padding-block: 1em;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  -webkit-padding-end: 1.5em;
          padding-inline-end: 1.5em;
  color: white;
  outline: solid 1px transparent;
  background-color: #5d955d;
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  font-weight: bold;
  /* Additional specificity to override contrib modules. */
}

.messages * {
  color: inherit;
}

.messages .messages-list__item {
  background-image: none;
}

.messages__list {
  margin-block: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  list-style: none;
}

.messages:not(.hidden) ~ .messages {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}

.messages__item + .messages__item {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}

.messages__container {
  display: flex;
}

.messages__header {
  flex-shrink: 0;
  -webkit-margin-end: 1em;
          margin-inline-end: 1em;
}

.messages__header.no-icon {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.messages__content {
  overflow: auto;
  /* Ensure large code blocks can be scrolled to. */
  flex: 1;
  -webkit-padding-before: 0.2em;
          padding-block-start: 0.2em;
}

.messages__button {
  flex-shrink: 0;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
  -webkit-padding-before: 0.2em;
          padding-block-start: 0.2em;
}

.messages__close {
  border: solid 1px white;
  position: relative;
  width: 25px;
  height: 25px;
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  cursor: pointer;
  vertical-align: top;
  border: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.messages__close:before, .messages__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 33px;
  height: 0;
  content: "";
  border-top: solid 2px white;
}

.messages__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.messages__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.messages__close:hover::before, .messages__close:hover::after {
  border-color: white;
}

.messages__close:focus {
  outline: 2px solid #bb9579;
  outline-offset: 2px;
}

.messages__icon svg {
  vertical-align: top;
}

.messages--error .messages__icon svg {
  fill: white;
}

.messages--warning {
  background-color: #7f4040;
}

.messages--error {
  background-color: rgba(100, 40, 40, 0.5);
}

.messages--warning .messages__icon svg {
  fill: white;
}

.messages--status .messages__icon svg {
  fill: white;
}

.messages--info .messages__icon svg {
  fill: white;
}

.messages a {
  color: white;
}

.messages pre {
  margin: 0;
}

.js-form-managed-file .messages {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-border-start: solid 6px #7f4040;
          border-inline-start: solid 6px #7f4040;
}

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

.block-page-title-block h1 {
  display: inline-block;
  margin: 1.50001rem 6%;
}

@media (min-width: 0) {
  .block-page-title-block h1 {
    margin: 1.53847rem 6%;
  }
}

@media (min-width: 30em) {
  .block-page-title-block h1 {
    margin: 1.57144rem 6%;
  }
}

@media (min-width: 60em) {
  .block-page-title-block h1 {
    margin: 1.56251rem 6%;
  }
}

@media (min-width: 75em) {
  .block-page-title-block h1 {
    margin: 1.55557rem 6%;
  }
}

@media (min-width: 90em) {
  .block-page-title-block h1 {
    margin: 1.57896rem 6%;
  }
}

@media (min-width: 120em) {
  .block-page-title-block h1 {
    margin: 1.58334rem 6%;
  }
}

@media (min-width: 240em) {
  .block-page-title-block h1 {
    margin: 1.59376rem 6%;
  }
}

.block-page-title-block .shortcut-action {
  margin: 0px 0.75001rem 3.00002rem;
}

@media (min-width: 0) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.76924rem 3.07694rem;
  }
}

@media (min-width: 30em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.78572rem 3.14288rem;
  }
}

@media (min-width: 60em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.78126rem 3.12502rem;
  }
}

@media (min-width: 75em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.77778rem 3.11113rem;
  }
}

@media (min-width: 90em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.78948rem 3.15791rem;
  }
}

@media (min-width: 120em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.79167rem 3.16669rem;
  }
}

@media (min-width: 240em) {
  .block-page-title-block .shortcut-action {
    margin: 0px 0.79688rem 3.18752rem;
  }
}

.block-system-main-block {
  padding: 0px 0 3.00002rem;
}

@media (min-width: 0) {
  .block-system-main-block {
    padding: 0px 0 3.07694rem;
  }
}

@media (min-width: 30em) {
  .block-system-main-block {
    padding: 0px 0 3.14288rem;
  }
}

@media (min-width: 60em) {
  .block-system-main-block {
    padding: 0px 0 3.12502rem;
  }
}

@media (min-width: 75em) {
  .block-system-main-block {
    padding: 0px 0 3.11113rem;
  }
}

@media (min-width: 90em) {
  .block-system-main-block {
    padding: 0px 0 3.15791rem;
  }
}

@media (min-width: 120em) {
  .block-system-main-block {
    padding: 0px 0 3.16669rem;
  }
}

@media (min-width: 240em) {
  .block-system-main-block {
    padding: 0px 0 3.18752rem;
  }
}

.book-navigation ul.book-pager {
  font-weight: bold;
  padding: 0;
  border-top: double 2px #54a74c;
}

.book-navigation ul.book-pager::after {
  clear: both;
  content: "";
  display: block;
}

.book-navigation ul.book-pager li {
  float: left;
  width: 45%;
  display: block;
  margin: 0;
}

.book-navigation ul.book-pager li a {
  display: block;
  padding: 0.375rem;
  text-decoration: none;
}

@media (min-width: 0) {
  .book-navigation ul.book-pager li a {
    padding: 0.38462rem;
  }
}

@media (min-width: 30em) {
  .book-navigation ul.book-pager li a {
    padding: 0.39286rem;
  }
}

@media (min-width: 60em) {
  .book-navigation ul.book-pager li a {
    padding: 0.39063rem;
  }
}

@media (min-width: 75em) {
  .book-navigation ul.book-pager li a {
    padding: 0.38889rem;
  }
}

@media (min-width: 90em) {
  .book-navigation ul.book-pager li a {
    padding: 0.39474rem;
  }
}

@media (min-width: 120em) {
  .book-navigation ul.book-pager li a {
    padding: 0.39584rem;
  }
}

@media (min-width: 240em) {
  .book-navigation ul.book-pager li a {
    padding: 0.39844rem;
  }
}

.book-navigation ul.book-pager li a:hover {
  text-decoration: underline;
}

.book-navigation ul.book-pager .book-pager__item--previous {
  text-align: left;
}

.book-navigation ul.book-pager .book-pager__item--previous a:before {
  float: left;
  display: block;
  content: '\AB';
  margin-right: 0.5em;
}

.book-navigation ul.book-pager .book-pager__item--center {
  width: 10%;
}

.book-navigation ul.book-pager .book-pager__item--center a {
  text-align: center;
}

.book-navigation ul.book-pager .book-pager__item--next {
  text-align: right;
}

.book-navigation ul.book-pager .book-pager__item--next a:after {
  float: right;
  display: block;
  content: '\BB';
  margin-left: 0.5em;
}

.hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ul.links.inline {
  padding: 0;
}

ul.links.inline li {
  display: inline-block;
  padding: 0.75001rem 1.50001rem;
}

@media (min-width: 0) {
  ul.links.inline li {
    padding: 0.76924rem 1.53847rem;
  }
}

@media (min-width: 30em) {
  ul.links.inline li {
    padding: 0.78572rem 1.57144rem;
  }
}

@media (min-width: 60em) {
  ul.links.inline li {
    padding: 0.78126rem 1.56251rem;
  }
}

@media (min-width: 75em) {
  ul.links.inline li {
    padding: 0.77778rem 1.55557rem;
  }
}

@media (min-width: 90em) {
  ul.links.inline li {
    padding: 0.78948rem 1.57896rem;
  }
}

@media (min-width: 120em) {
  ul.links.inline li {
    padding: 0.79167rem 1.58334rem;
  }
}

@media (min-width: 240em) {
  ul.links.inline li {
    padding: 0.79688rem 1.59376rem;
  }
}

/**
 * @file
 * Dropbutton styles.
 */
.dropbutton-wrapper.open {
  position: relative;
  z-index: 100;
  /* Ensure this appears above all other dropbuttons. */
  filter: drop-shadow(0 2px 2px #54a74c);
}

.dropbutton-widget {
  position: relative;
  height: 2em;
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  padding-right: 1em !important;
  border-radius: 0.25em;
}

@supports ((width: -moz-max-content) or (width: max-content)) {
  .dropbutton-widget {
    width: -moz-max-content;
    width: max-content;
  }
}

.dropbutton-single .dropbutton-widget {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

.dropbutton {
  height: 2.5em;
  margin-block: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .dropbutton {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

.dropbutton-toggle button {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 2.5em;
  padding: 0;
  cursor: pointer;
  border-color: transparent;
  border-radius: 0 0.25em 0.25em 0;
  /* LTR */
  background: #42843c;
}

.dropbutton-toggle button:focus {
  outline: solid 2px #72bb6b;
  outline-offset: -2px;
}

.dropbutton-toggle button:before {
  display: block;
  width: 0.5em;
  height: 0.5em;
  content: "";
  transform: translateY(-25%) rotate(45deg);
  border-right: solid 2px white;
  border-bottom: solid 2px white;
}

[dir="rtl"] .dropbutton-toggle button {
  border-radius: 0.25em 0 0 0.25em;
}

.dropbutton-action:first-child {
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
  border: solid 1px transparent;
  border-radius: 0.25em 0 0 0.25em;
  /* LTR */
  background: #54a74c;
}

.dropbutton-action a {
  display: flex;
  align-items: center;
  margin-bottom: -2px;
  /* Account for borders. */
  padding: 0 9px;
  text-decoration: none;
  color: white;
  font-weight: 600;
}

.dropbutton-action a:focus {
  border: solid 2px #72bb6b;
  outline: 0;
  /* Negate specific IE rules. */
}

@supports (outline-offset: -2px) {
  .dropbutton-action a:focus {
    border: 0;
    outline: solid 2px #72bb6b;
    outline-offset: -1px;
    /* Overlap parent container by 1px. */
  }
}

.dropbutton-single .dropbutton-action:first-child {
  border-right: solid 1px transparent;
  /* LTR */
  border-radius: 0.25em;
}

.dropbutton-single .dropbutton-action a {
  justify-content: center;
}

[dir="rtl"] .dropbutton-action:first-child {
  border: solid 1px transparent;
  border-radius: 0 0.25em 0.25em 0;
}

[dir="rtl"] .dropbutton-single .dropbutton-action:first-child {
  border: solid 1px transparent;
}

.secondary-action {
  visibility: hidden;
  width: calc(100% + 1.5em);
  border-right: 1px solid #54a74c;
  border-left: 1px solid #54a74c;
  background: #72bb6b;
}

.secondary-action:last-child {
  border-bottom: 1px solid #54a74c;
}

.dropbutton-wrapper.open .dropbutton-toggle button:before {
  transform: translateY(25%) rotate(225deg);
}

.dropbutton-wrapper.open .dropbutton-widget {
  border-radius: 0.25em 0.25em 0 0;
}

.dropbutton-wrapper.open .secondary-action {
  visibility: visible;
}

/**
 * @file
 * Visual styles for fields.
 */
.field:not(:last-child) {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.node--view-mode-teaser .field {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.node--view-mode-teaser .field:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

@media (75em) {
  .node--view-mode-teaser .field {
    -webkit-margin-after: 2em;
            margin-block-end: 2em;
  }
}

.field__label {
  font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
  float: inline-start;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  -webkit-padding-end: 0.5em;
          padding-inline-end: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}

/**
 * @file
 * Styles for tabledrag.
 */
.draggable:hover {
  background-color: #e1e1e1;
}

.draggable.drag {
  background-color: #e1e1e1;
}

.draggable.drag-previous {
  background-color: #d5d5d5;
}

.drag-previous a {
  color: #555555;
  /* Ensure proper contrast. */
}

a.tabledrag-handle,
.touchevents a.tabledrag-handle {
  width: 2em;
  height: 2em;
}

.draggable a.tabledrag-handle {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

a.tabledrag-handle .handle {
  width: 2em;
  height: 2em;
  margin: 0;
  background-position: 50% 5px;
}

.touchevents a.tabledrag-handle .handle {
  height: 2em;
  background-position: 50% 5px;
}

.touchevents .draggable td {
  padding-block: 0.5em;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0.5em;
          padding-inline-end: 0.5em;
}

.touchevents .draggable .menu-item__link {
  padding: 0;
}

ul.tabs {
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #54a74c;
  width: 100%;
  background-image: linear-gradient(white, #eeeeee);
}

ul.tabs::after {
  clear: both;
  content: "";
  display: block;
}

ul.tabs li {
  display: inline-block;
  list-style: none;
  margin: 0.375rem 0.5% 0px;
}

@media (min-width: 0) {
  ul.tabs li {
    margin: 0.38462rem 0.5% 0px;
  }
}

@media (min-width: 30em) {
  ul.tabs li {
    margin: 0.39286rem 0.5% 0px;
  }
}

@media (min-width: 60em) {
  ul.tabs li {
    margin: 0.39063rem 0.5% 0px;
  }
}

@media (min-width: 75em) {
  ul.tabs li {
    margin: 0.38889rem 0.5% 0px;
  }
}

@media (min-width: 90em) {
  ul.tabs li {
    margin: 0.39474rem 0.5% 0px;
  }
}

@media (min-width: 120em) {
  ul.tabs li {
    margin: 0.39584rem 0.5% 0px;
  }
}

@media (min-width: 240em) {
  ul.tabs li {
    margin: 0.39844rem 0.5% 0px;
  }
}

ul.tabs li a {
  background-color: white;
  padding: 0.75001rem 1.50001rem 0.375rem;
  border: solid 1px #888;
  border-radius: 0.25em 0.25em 0 0;
  text-decoration: none;
}

@media (min-width: 0) {
  ul.tabs li a {
    padding: 0.76924rem 1.53847rem 0.38462rem;
  }
}

@media (min-width: 30em) {
  ul.tabs li a {
    padding: 0.78572rem 1.57144rem 0.39286rem;
  }
}

@media (min-width: 60em) {
  ul.tabs li a {
    padding: 0.78126rem 1.56251rem 0.39063rem;
  }
}

@media (min-width: 75em) {
  ul.tabs li a {
    padding: 0.77778rem 1.55557rem 0.38889rem;
  }
}

@media (min-width: 90em) {
  ul.tabs li a {
    padding: 0.78948rem 1.57896rem 0.39474rem;
  }
}

@media (min-width: 120em) {
  ul.tabs li a {
    padding: 0.79167rem 1.58334rem 0.39584rem;
  }
}

@media (min-width: 240em) {
  ul.tabs li a {
    padding: 0.79688rem 1.59376rem 0.39844rem;
  }
}

ul.tabs li a:hover {
  background-color: #e1e1e1;
}

ul.tabs li.is-active a {
  color: white;
  background-color: #9f4ca7;
}

ul.tabs li.is-active a:hover {
  background-color: #b46bbb;
}

.text-content,
.cke_editable {
  font-family: "lora", "Georgia", "Times", "Times New Roman", serif;
}

.text-content a,
.cke_editable a {
  color: #9f4ca7;
  -webkit-text-decoration-color: #9f4ca7;
          text-decoration-color: #9f4ca7;
  text-decoration-thickness: 2px;
  overflow-wrap: break-word;
  text-decoration: none;
}

.text-content a:hover,
.cke_editable a:hover {
  text-decoration: underline;
}

.text-content p,
.cke_editable p {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.text-content p:first-child,
.cke_editable p:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.text-content p:last-child,
.cke_editable p:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.text-content blockquote,
.cke_editable blockquote {
  position: relative;
  margin-block: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 2em;
          padding-inline-start: 2em;
  font-size: 2.36859rem;
  line-height: 3.00001rem;
}

@media (min-width: 0) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.07693rem;
  }
}

@media (min-width: 30em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.14287rem;
  }
}

@media (min-width: 60em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.12501rem;
  }
}

@media (min-width: 75em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.11112rem;
  }
}

@media (min-width: 90em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.1579rem;
  }
}

@media (min-width: 120em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.16668rem;
  }
}

@media (min-width: 240em) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 2.36859rem;
    line-height: 3.18751rem;
  }
}

.text-content blockquote p,
.cke_editable blockquote p {
  font-size: 2.36859rem;
  line-height: 3.00001rem;
}

@media (min-width: 0) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.07693rem;
  }
}

@media (min-width: 30em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.14287rem;
  }
}

@media (min-width: 60em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.12501rem;
  }
}

@media (min-width: 75em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.11112rem;
  }
}

@media (min-width: 90em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.1579rem;
  }
}

@media (min-width: 120em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.16668rem;
  }
}

@media (min-width: 240em) {
  .text-content blockquote p,
  .cke_editable blockquote p {
    font-size: 2.36859rem;
    line-height: 3.18751rem;
  }
}

.text-content blockquote:before,
.cke_editable blockquote:before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  content: "“";
  color: #888;
  font-size: 5.61023rem;
  line-height: 6.00001rem;
}

@media (min-width: 0) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.15386rem;
  }
}

@media (min-width: 30em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.28572rem;
  }
}

@media (min-width: 60em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.25001rem;
  }
}

@media (min-width: 75em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.22223rem;
  }
}

@media (min-width: 90em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.3158rem;
  }
}

@media (min-width: 120em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.33334rem;
  }
}

@media (min-width: 240em) {
  .text-content blockquote:before,
  .cke_editable blockquote:before {
    font-size: 5.61023rem;
    line-height: 6.37501rem;
  }
}

.text-content .align-left,
.text-content .align-right,
.cke_editable .align-left,
.cke_editable .align-right {
  max-width: 45%;
  margin: 0px 4% 1.50001rem 0;
  float: left;
}

@media (min-width: 0) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.53847rem 0;
  }
}

@media (min-width: 30em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.57144rem 0;
  }
}

@media (min-width: 60em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.56251rem 0;
  }
}

@media (min-width: 75em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.55557rem 0;
  }
}

@media (min-width: 90em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.57896rem 0;
  }
}

@media (min-width: 120em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.58334rem 0;
  }
}

@media (min-width: 240em) {
  .text-content .align-left,
  .text-content .align-right,
  .cke_editable .align-left,
  .cke_editable .align-right {
    margin: 0px 4% 1.59376rem 0;
  }
}

.text-content .align-right,
.cke_editable .align-right {
  float: right;
}

.text-content .align-center,
.cke_editable .align-center {
  width: 100%;
  text-align: center;
  margin: 0px 0 1.50001rem;
}

@media (min-width: 0) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.53847rem;
  }
}

@media (min-width: 30em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.57144rem;
  }
}

@media (min-width: 60em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.56251rem;
  }
}

@media (min-width: 75em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.55557rem;
  }
}

@media (min-width: 90em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.57896rem;
  }
}

@media (min-width: 120em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.58334rem;
  }
}

@media (min-width: 240em) {
  .text-content .align-center,
  .cke_editable .align-center {
    margin: 0px 0 1.59376rem;
  }
}

.text-content .button,
.cke_editable .button {
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1.77689rem;
  line-height: 3.00001rem;
  min-height: 2em;
}

@media (min-width: 0) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.07693rem;
  }
}

@media (min-width: 30em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.14287rem;
  }
}

@media (min-width: 60em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.12501rem;
  }
}

@media (min-width: 75em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.11112rem;
  }
}

@media (min-width: 90em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.1579rem;
  }
}

@media (min-width: 120em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.16668rem;
  }
}

@media (min-width: 240em) {
  .text-content .button,
  .cke_editable .button {
    font-size: 1.77689rem;
    line-height: 3.18751rem;
  }
}

.text-content iframe.pdf,
.cke_editable iframe.pdf {
  margin: auto;
  aspect-ratio: 3 / 4;
  height: 80%;
  width: 80%;
}

/**
 * Special colors for footer that has a dark background.
 */
.site-footer .text-content {
  color: inherit;
}

.site-footer .text-content * {
  color: inherit;
}

.site-footer .text-content a {
  text-decoration: underline;
  color: var(--color--white);
  box-shadow: none;
}

.site-footer .text-content a:hover {
  text-decoration: none;
  color: var(--color--white);
  box-shadow: none;
}

/**
 * Decrease font-size for blockquote placed in sidebar region.
 */
@media (--lg) {
  .region--sidebar .text-content blockquote {
    font-size: 24px;
    line-height: 2em;
  }
}

/**
 * @file
 * Vertical Tabs.
 */
@media (min-width: 45em) {
  .vertical-tabs {
    display: flex;
  }
}

.vertical-tabs__menu {
  position: relative;
  align-self: flex-start;
  margin: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  padding: 0;
  list-style: none;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
}

@media (min-width: 45em) {
  .vertical-tabs__menu {
    width: 15rem;
    border-width: 1px 0 1px 1px;
  }
}

.vertical-tabs__panes {
  -webkit-margin-before: -1px;
          margin-block-start: -1px;
}

@media (min-width: 45em) {
  .vertical-tabs__panes {
    width: calc(100% - $vertical-tabs-menu-width);
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}

.vertical-tabs__pane {
  padding: 0 1em;
}

@media (min-width: 45em) {
  .vertical-tabs__pane {
    min-height: 100%;
  }
}

.vertical-tabs__pane.greenman-details {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.vertical-tabs__pane > summary {
  display: none;
}

.vertical-tabs__menu-item:nth-child(n+2) {
  -webkit-border-before: 1px solid #e1e1e1;
          border-block-start: 1px solid #e1e1e1;
}

.vertical-tabs__menu-item a {
  display: block;
  padding-block: 0.5em;
  -webkit-padding-start: 0.75em;
          padding-inline-start: 0.75em;
  -webkit-padding-end: 0.75em;
          padding-inline-end: 0.75em;
  text-decoration: none;
  color: #9f4ca7;
  background-color: #e1e1e1;
}

.vertical-tabs__menu-item a:focus, .vertical-tabs__menu-item a:hover, .vertical-tabs__menu-item a:active {
  background-color: #f3f3f3;
}

.vertical-tabs__menu-item.is-selected {
  background-color: transparent;
}

@media (min-width: 45em) {
  .vertical-tabs__menu-item.is-selected {
    -webkit-margin-end: calc($vertical-tabs-menu-border-width * -1);
            margin-inline-end: calc($vertical-tabs-menu-border-width * -1);
    -webkit-padding-end: 1px;
            padding-inline-end: 1px;
  }
}

.vertical-tabs__menu-item.is-selected a {
  background-color: transparent;
}

.vertical-tabs__menu-item-summary {
  display: block;
  font-size: var(--font-size-s);
  font-size: 0.75019rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .vertical-tabs__menu-item-summary {
    font-size: 0.75019rem;
    line-height: 1.59376rem;
  }
}

.cart--cart-block {
  padding: 0.75001rem 2%;
  display: inline-block;
  float: left;
}

@media (min-width: 0) {
  .cart--cart-block {
    padding: 0.76924rem 2%;
  }
}

@media (min-width: 30em) {
  .cart--cart-block {
    padding: 0.78572rem 2%;
  }
}

@media (min-width: 60em) {
  .cart--cart-block {
    padding: 0.78126rem 2%;
  }
}

@media (min-width: 75em) {
  .cart--cart-block {
    padding: 0.77778rem 2%;
  }
}

@media (min-width: 90em) {
  .cart--cart-block {
    padding: 0.78948rem 2%;
  }
}

@media (min-width: 120em) {
  .cart--cart-block {
    padding: 0.79167rem 2%;
  }
}

@media (min-width: 240em) {
  .cart--cart-block {
    padding: 0.79688rem 2%;
  }
}

.cart-block--summary__icon {
  float: left;
  margin-right: 0.5em;
}

.cart-block--summary__icon img {
  max-height: 1.75em;
}

.cart-block--summary a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

@media (min-width: 45em) {
  .views-view-grid.cols-4 .views-view-grid__item {
    float: left;
    margin: 0;
    width: 50%;
  }
}

.views-view-grid.cols-4 .views-view-grid__item-inner {
  padding: 0 4%;
}

.block--block-1 {
  padding: 1.50001rem;
}

@media (min-width: 0) {
  .block--block-1 {
    padding: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .block--block-1 {
    padding: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .block--block-1 {
    padding: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .block--block-1 {
    padding: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .block--block-1 {
    padding: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .block--block-1 {
    padding: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .block--block-1 {
    padding: 1.59376rem;
  }
}

.block--block-1 ul {
  padding: 0px 0.75001rem;
}

@media (min-width: 0) {
  .block--block-1 ul {
    padding: 0px 0.76924rem;
  }
}

@media (min-width: 30em) {
  .block--block-1 ul {
    padding: 0px 0.78572rem;
  }
}

@media (min-width: 60em) {
  .block--block-1 ul {
    padding: 0px 0.78126rem;
  }
}

@media (min-width: 75em) {
  .block--block-1 ul {
    padding: 0px 0.77778rem;
  }
}

@media (min-width: 90em) {
  .block--block-1 ul {
    padding: 0px 0.78948rem;
  }
}

@media (min-width: 120em) {
  .block--block-1 ul {
    padding: 0px 0.79167rem;
  }
}

@media (min-width: 240em) {
  .block--block-1 ul {
    padding: 0px 0.79688rem;
  }
}

.block--block-1 li {
  margin: 0px 0 0.75001rem;
}

@media (min-width: 0) {
  .block--block-1 li {
    margin: 0px 0 0.76924rem;
  }
}

@media (min-width: 30em) {
  .block--block-1 li {
    margin: 0px 0 0.78572rem;
  }
}

@media (min-width: 60em) {
  .block--block-1 li {
    margin: 0px 0 0.78126rem;
  }
}

@media (min-width: 75em) {
  .block--block-1 li {
    margin: 0px 0 0.77778rem;
  }
}

@media (min-width: 90em) {
  .block--block-1 li {
    margin: 0px 0 0.78948rem;
  }
}

@media (min-width: 120em) {
  .block--block-1 li {
    margin: 0px 0 0.79167rem;
  }
}

@media (min-width: 240em) {
  .block--block-1 li {
    margin: 0px 0 0.79688rem;
  }
}

#block-contactus {
  text-align: center;
  padding: 0.375rem 4%;
}

@media (min-width: 0) {
  #block-contactus {
    padding: 0.38462rem 4%;
  }
}

@media (min-width: 30em) {
  #block-contactus {
    padding: 0.39286rem 4%;
  }
}

@media (min-width: 60em) {
  #block-contactus {
    padding: 0.39063rem 4%;
  }
}

@media (min-width: 75em) {
  #block-contactus {
    padding: 0.38889rem 4%;
  }
}

@media (min-width: 90em) {
  #block-contactus {
    padding: 0.39474rem 4%;
  }
}

@media (min-width: 120em) {
  #block-contactus {
    padding: 0.39584rem 4%;
  }
}

@media (min-width: 240em) {
  #block-contactus {
    padding: 0.39844rem 4%;
  }
}

#block-phonenumbers {
  display: flex;
  text-align: center;
  padding: 0.375rem 4%;
}

@media (min-width: 0) {
  #block-phonenumbers {
    padding: 0.38462rem 4%;
  }
}

@media (min-width: 30em) {
  #block-phonenumbers {
    padding: 0.39286rem 4%;
  }
}

@media (min-width: 60em) {
  #block-phonenumbers {
    padding: 0.39063rem 4%;
  }
}

@media (min-width: 75em) {
  #block-phonenumbers {
    padding: 0.38889rem 4%;
  }
}

@media (min-width: 90em) {
  #block-phonenumbers {
    padding: 0.39474rem 4%;
  }
}

@media (min-width: 120em) {
  #block-phonenumbers {
    padding: 0.39584rem 4%;
  }
}

@media (min-width: 240em) {
  #block-phonenumbers {
    padding: 0.39844rem 4%;
  }
}

#block-phonenumbers p {
  font-size: 1.333rem;
  line-height: 1.50001rem;
}

@media (min-width: 0) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  #block-phonenumbers p {
    font-size: 1.333rem;
    line-height: 1.59376rem;
  }
}

#block-phonenumbers span {
  display: inline-block;
}

.block-system-branding-block {
  margin: 0px;
  padding: 0.375rem 2%;
}

@media (min-width: 0) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.38462rem 2%;
  }
}

@media (min-width: 30em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.39286rem 2%;
  }
}

@media (min-width: 60em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.39063rem 2%;
  }
}

@media (min-width: 75em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.38889rem 2%;
  }
}

@media (min-width: 90em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.39474rem 2%;
  }
}

@media (min-width: 120em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.39584rem 2%;
  }
}

@media (min-width: 240em) {
  .block-system-branding-block {
    margin: 0px;
    padding: 0.39844rem 2%;
  }
}

.block-system-branding-block img {
  height: 4.50003rem;
}

@media (min-width: 0) {
  .block-system-branding-block img {
    height: 4.61541rem;
  }
}

@media (min-width: 30em) {
  .block-system-branding-block img {
    height: 4.71432rem;
  }
}

@media (min-width: 60em) {
  .block-system-branding-block img {
    height: 4.68753rem;
  }
}

@media (min-width: 75em) {
  .block-system-branding-block img {
    height: 4.6667rem;
  }
}

@media (min-width: 90em) {
  .block-system-branding-block img {
    height: 4.73687rem;
  }
}

@media (min-width: 120em) {
  .block-system-branding-block img {
    height: 4.75003rem;
  }
}

@media (min-width: 240em) {
  .block-system-branding-block img {
    height: 4.78128rem;
  }
}

.view.thumbnails {
  background-color: #7f7f7f;
  background-attachment: fixed;
  background-image: linear-gradient(#888, #767676);
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  padding: 1.50001rem 2% 3.00002rem;
  font-size: 0;
}

.view.thumbnails::after {
  clear: both;
  content: "";
  display: block;
}

@media (min-width: 0) {
  .view.thumbnails {
    padding: 1.53847rem 2% 3.07694rem;
  }
}

@media (min-width: 30em) {
  .view.thumbnails {
    padding: 1.57144rem 2% 3.14288rem;
  }
}

@media (min-width: 60em) {
  .view.thumbnails {
    padding: 1.56251rem 2% 3.12502rem;
  }
}

@media (min-width: 75em) {
  .view.thumbnails {
    padding: 1.55557rem 2% 3.11113rem;
  }
}

@media (min-width: 90em) {
  .view.thumbnails {
    padding: 1.57896rem 2% 3.15791rem;
  }
}

@media (min-width: 120em) {
  .view.thumbnails {
    padding: 1.58334rem 2% 3.16669rem;
  }
}

@media (min-width: 240em) {
  .view.thumbnails {
    padding: 1.59376rem 2% 3.18752rem;
  }
}

.view.thumbnails .project {
  font-size: 1rem;
  line-height: 1.50001rem;
  color: white;
  border-radius: 1em;
  margin: 0px 0 1.50001rem;
  padding: 0.75001rem 2%;
  border: transparent 4px solid;
  display: inline-block;
  margin: 0;
}

@media (min-width: 0) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .view.thumbnails .project {
    font-size: 1rem;
    line-height: 1.59376rem;
  }
}

.view.thumbnails .project:hover {
  border: solid 2px transparent;
}

.view.thumbnails .project:hover .thumbnail {
  box-shadow: 0 1em 1em rgba(64, 64, 64, 0.5);
}

@media (min-width: 30em) {
  .view.thumbnails .project {
    width: 50%;
  }
}

@media (min-width: 45em) {
  .view.thumbnails .project {
    width: 20%;
  }
}

@media (min-width: 90em) {
  .view.thumbnails .project {
    width: 14.28571%;
  }
}

.view.thumbnails .title {
  color: white;
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
  line-height: 1.50001rem;
  padding: 0.375rem 0 0.75001rem;
}

@media (min-width: 0) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.53847rem;
    padding: 0.38462rem 0 0.76924rem;
  }
}

@media (min-width: 30em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.57144rem;
    padding: 0.39286rem 0 0.78572rem;
  }
}

@media (min-width: 60em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.56251rem;
    padding: 0.39063rem 0 0.78126rem;
  }
}

@media (min-width: 75em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.55557rem;
    padding: 0.38889rem 0 0.77778rem;
  }
}

@media (min-width: 90em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.57896rem;
    padding: 0.39474rem 0 0.78948rem;
  }
}

@media (min-width: 120em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.58334rem;
    padding: 0.39584rem 0 0.79167rem;
  }
}

@media (min-width: 240em) {
  .view.thumbnails .title {
    font-size: 1rem;
    line-height: 1.59376rem;
    padding: 0.39844rem 0 0.79688rem;
  }
}

.view.thumbnails .title a {
  text-decoration: none;
  color: white;
}

.view.thumbnails .thumbnail {
  text-align: center;
  background-color: white;
  box-shadow: 0 0.5em 1em rgba(64, 64, 64, 0.5);
}

.view.thumbnails .thumbnail img {
  min-width: 100%;
  border: solid 1px #505050;
}

.view.thumbnails .summary p {
  text-align: center;
  margin: 0px;
  padding: 0.375rem 0;
  color: white;
}

@media (min-width: 0) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.38462rem 0;
  }
}

@media (min-width: 30em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.39286rem 0;
  }
}

@media (min-width: 60em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.39063rem 0;
  }
}

@media (min-width: 75em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.38889rem 0;
  }
}

@media (min-width: 90em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.39474rem 0;
  }
}

@media (min-width: 120em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.39584rem 0;
  }
}

@media (min-width: 240em) {
  .view.thumbnails .summary p {
    margin: 0px;
    padding: 0.39844rem 0;
  }
}

.page-header {
  background-image: linear-gradient(#54a74c, #72a74c);
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
}

.block-header {
  display: inline-block;
}

.layout-navigation-primary {
  text-align: center;
  display: inline-block;
}

.layout-navigation-primary {
  float: right;
}

.node--type-project.node--view-mode-full {
  padding: 1.50001rem 4%;
}

@media (min-width: 0) {
  .node--type-project.node--view-mode-full {
    padding: 1.53847rem 4%;
  }
}

@media (min-width: 30em) {
  .node--type-project.node--view-mode-full {
    padding: 1.57144rem 4%;
  }
}

@media (min-width: 60em) {
  .node--type-project.node--view-mode-full {
    padding: 1.56251rem 4%;
  }
}

@media (min-width: 75em) {
  .node--type-project.node--view-mode-full {
    padding: 1.55557rem 4%;
  }
}

@media (min-width: 90em) {
  .node--type-project.node--view-mode-full {
    padding: 1.57896rem 4%;
  }
}

@media (min-width: 120em) {
  .node--type-project.node--view-mode-full {
    padding: 1.58334rem 4%;
  }
}

@media (min-width: 240em) {
  .node--type-project.node--view-mode-full {
    padding: 1.59376rem 4%;
  }
}

.node--type-project.node--view-mode-full .node__content {
  text-align: center;
}

.node--type-project.node--view-mode-full .field--name-field-thumb,
.node--type-project.node--view-mode-full .field--name-field-screenshots {
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  text-align: right;
  max-width: 39%;
}

.node--type-project.node--view-mode-full .field--name-field-thumb img,
.node--type-project.node--view-mode-full .field--name-field-screenshots img {
  border: solid 1px #888;
}

.node--type-project.node--view-mode-full .field--name-body {
  vertical-align: top;
  text-align: left;
  display: inline-block;
  width: 56%;
}

.node--type-project.node--view-mode-full .book-pager {
  clear: both;
}

.path-frontpage .block-page-title-block h1 {
  color: white;
}

.path-frontpage .layout-content {
  background-color: #7f7f7f;
  background-image: linear-gradient(#888, #767676);
  background-attachment: fixed;
}

.view.portfolio {
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 1.50001rem 2% 3.00002rem;
  font-size: 0;
}

.view.portfolio::after {
  clear: both;
  content: "";
  display: block;
}

@media (min-width: 0) {
  .view.portfolio {
    padding: 1.53847rem 2% 3.07694rem;
  }
}

@media (min-width: 30em) {
  .view.portfolio {
    padding: 1.57144rem 2% 3.14288rem;
  }
}

@media (min-width: 60em) {
  .view.portfolio {
    padding: 1.56251rem 2% 3.12502rem;
  }
}

@media (min-width: 75em) {
  .view.portfolio {
    padding: 1.55557rem 2% 3.11113rem;
  }
}

@media (min-width: 90em) {
  .view.portfolio {
    padding: 1.57896rem 2% 3.15791rem;
  }
}

@media (min-width: 120em) {
  .view.portfolio {
    padding: 1.58334rem 2% 3.16669rem;
  }
}

@media (min-width: 240em) {
  .view.portfolio {
    padding: 1.59376rem 2% 3.18752rem;
  }
}

.view.portfolio .project {
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.50001rem;
  color: white;
  margin: 0px 0 1.50001rem;
  display: inline-block;
  margin: 0;
}

.view.portfolio .project a {
  display: block;
  text-decoration: none;
  padding: 0.375rem 8%;
}

@media (min-width: 0) {
  .view.portfolio .project a {
    padding: 0.38462rem 8%;
  }
}

@media (min-width: 30em) {
  .view.portfolio .project a {
    padding: 0.39286rem 8%;
  }
}

@media (min-width: 60em) {
  .view.portfolio .project a {
    padding: 0.39063rem 8%;
  }
}

@media (min-width: 75em) {
  .view.portfolio .project a {
    padding: 0.38889rem 8%;
  }
}

@media (min-width: 90em) {
  .view.portfolio .project a {
    padding: 0.39474rem 8%;
  }
}

@media (min-width: 120em) {
  .view.portfolio .project a {
    padding: 0.39584rem 8%;
  }
}

@media (min-width: 240em) {
  .view.portfolio .project a {
    padding: 0.39844rem 8%;
  }
}

.view.portfolio .project a img {
  background-color: white;
  width: 98%;
  margin: 1% 0;
  box-shadow: 0 0.5em 1em rgba(64, 64, 64, 0.5);
}

.view.portfolio .project a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.view.portfolio .project a:hover img {
  margin: 0;
  width: 100%;
}

@media (min-width: 0) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.53847rem;
  }
}

@media (min-width: 30em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.57144rem;
  }
}

@media (min-width: 60em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.56251rem;
  }
}

@media (min-width: 75em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.55557rem;
  }
}

@media (min-width: 90em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.57896rem;
  }
}

@media (min-width: 120em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.58334rem;
  }
}

@media (min-width: 240em) {
  .view.portfolio .project {
    font-size: 1rem;
    line-height: 1.59376rem;
  }
}

@media (min-width: 30em) {
  .view.portfolio .project {
    width: 50%;
  }
}

@media (min-width: 45em) {
  .view.portfolio .project {
    width: 33.33333%;
  }
}

@media (min-width: 90em) {
  .view.portfolio .project {
    width: 25%;
  }
}

.view.portfolio .title {
  color: white;
  font-family: "metropolis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
  line-height: 1.50001rem;
  margin: 0.375rem 0;
}

@media (min-width: 0) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.53847rem;
    margin: 0.38462rem 0;
  }
}

@media (min-width: 30em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.57144rem;
    margin: 0.39286rem 0;
  }
}

@media (min-width: 60em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.56251rem;
    margin: 0.39063rem 0;
  }
}

@media (min-width: 75em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.55557rem;
    margin: 0.38889rem 0;
  }
}

@media (min-width: 90em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.57896rem;
    margin: 0.39474rem 0;
  }
}

@media (min-width: 120em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.58334rem;
    margin: 0.39584rem 0;
  }
}

@media (min-width: 240em) {
  .view.portfolio .title {
    font-size: 1rem;
    line-height: 1.59376rem;
    margin: 0.39844rem 0;
  }
}

.view.portfolio .title a {
  text-decoration: none;
  color: white;
}

.view.portfolio .thumbnail {
  text-align: center;
  margin: 0.375rem 0;
}

@media (min-width: 0) {
  .view.portfolio .thumbnail {
    margin: 0.38462rem 0;
  }
}

@media (min-width: 30em) {
  .view.portfolio .thumbnail {
    margin: 0.39286rem 0;
  }
}

@media (min-width: 60em) {
  .view.portfolio .thumbnail {
    margin: 0.39063rem 0;
  }
}

@media (min-width: 75em) {
  .view.portfolio .thumbnail {
    margin: 0.38889rem 0;
  }
}

@media (min-width: 90em) {
  .view.portfolio .thumbnail {
    margin: 0.39474rem 0;
  }
}

@media (min-width: 120em) {
  .view.portfolio .thumbnail {
    margin: 0.39584rem 0;
  }
}

@media (min-width: 240em) {
  .view.portfolio .thumbnail {
    margin: 0.39844rem 0;
  }
}

.view.portfolio .summary p {
  text-align: center;
  margin: 0.375rem 0;
  color: white;
}

@media (min-width: 0) {
  .view.portfolio .summary p {
    margin: 0.38462rem 0;
  }
}

@media (min-width: 30em) {
  .view.portfolio .summary p {
    margin: 0.39286rem 0;
  }
}

@media (min-width: 60em) {
  .view.portfolio .summary p {
    margin: 0.39063rem 0;
  }
}

@media (min-width: 75em) {
  .view.portfolio .summary p {
    margin: 0.38889rem 0;
  }
}

@media (min-width: 90em) {
  .view.portfolio .summary p {
    margin: 0.39474rem 0;
  }
}

@media (min-width: 120em) {
  .view.portfolio .summary p {
    margin: 0.39584rem 0;
  }
}

@media (min-width: 240em) {
  .view.portfolio .summary p {
    margin: 0.39844rem 0;
  }
}

/*# sourceMappingURL=maps/greenman.styles.css.map */