/* Frontend Styles ------------------------------------------ */
@font-face {
  font-family: "Hans Hand";
  src: url("../fonts/hanshand.eot");
  src: url("../fonts/hanshand.eot?#iefix") format("embedded-opentype"), url("../fonts/hanshand.woff2") format("woff2"), url("../fonts/hanshand.woff") format("woff"), url("../fonts/hanshand.ttf") format("truetype"), url("../fonts/hanshand.svg#HansHand") format("svg");
}
/* > Normalize ---------------------------------------------- */
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
}

hr {
  box-sizing: content-box;
  overflow: visible;
}

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

sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
  image-rendering: -webkit-optimize-contrast;
}

figure {
  margin: 0 0 1.625em;
}

figcaption {
  font-size: 0.875em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

select,
textarea {
  max-width: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[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: 0;
}

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

progress {
  vertical-align: baseline;
}

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-decoration {
  -webkit-appearance: none;
}

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

embed,
iframe,
object,
video {
  max-width: 100%;
}

iframe {
  border: none;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* > Accessibility ------------------------------------------ */
.screen-reader-text,
.screen-reader-response {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-color: #705D4D;
}

div:focus,
header:focus,
footer:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

.skip-link {
  transform: scale(0, 0);
  transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.skip-link:focus {
  width: auto;
  height: auto;
  margin: 1.625em;
  padding: 0.5em 1em;
  clip: auto;
  clip-path: none;
  word-wrap: normal;
  font-weight: 700;
  background-color: white;
  transform: scale(1, 1);
  outline: none;
  z-index: 40;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

/* > Typography --------------------------------------------- */
html {
  font-size: 10px;
  line-height: 1.625;
}

body {
  font-size: 1.2rem;
}
@media (min-width: 360px) {
  body {
    font-size: 1.4rem;
  }
}
@media (min-width: 980px) {
  body {
    font-size: 1.6rem;
  }
}

body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #747371;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 18px;
  font-family: "Hans Hand", sans-serif;
  font-weight: 600;
  line-height: 1.375;
  color: #5e5d5b;
}

h1 {
  font-size: 1.6875em;
}

@media (min-width: 640px) {
  h1 {
    font-size: 2.25em;
  }
}
h2 {
  font-size: 1.375em;
}

h3 {
  font-size: 1.125em;
}

h4 {
  font-size: 0.875em;
}

h5 {
  font-size: 0.75em;
}

h6 {
  font-size: 0.5em;
}

p {
  margin-top: 0;
  margin-bottom: 1.625em;
}

b,
strong {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

hr {
  width: 100%;
  max-width: 100px;
  margin-top: 3.25em;
  margin-bottom: 3.25em;
  margin-left: auto;
  margin-right: auto;
  border-style: dashed;
  border-width: 0 0 2px 0;
  border-color: #9c9b9a;
  clear: both;
}

blockquote {
  font-family: "Hans Hand", sans-serif;
  font-weight: 700;
  margin: 0 0 1.625em;
  padding-left: 1.625em;
  border-left: 3px dotted #d0cfce;
}
blockquote p {
  margin-bottom: 0;
}
blockquote cite {
  display: block;
  color: #9c9b9a;
  font-size: 0.875em;
  font-style: italic;
  margin-top: 1em;
}

.contentbox {
  margin-bottom: 1.625em;
  padding: 1.625em;
  background-color: white;
  border: 1px dashed #e3e3e2;
}
.contentbox > :last-child {
  margin-bottom: 0;
}

.info-text {
  font-size: 0.875em;
  color: #9c9b9a;
}

.text-left, .has-text-align-left {
  text-align: left;
}

.text-center, .has-text-align-center {
  text-align: center;
}

.text-right, .has-text-align-right {
  text-align: right;
}

:root .text-regular, :root .has-default-font-size {
  font-size: 1em;
}
:root .text-tiny, :root .has-tiny-font-size {
  font-size: 0.75em;
}
:root .text-small, :root .has-small-font-size, :root small {
  font-size: 0.875em;
}
:root .text-medium, :root .has-medium-font-size {
  font-size: 1.125em;
}
:root .text-large, :root .has-large-font-size, :root big {
  font-size: 1.375em;
}
:root .text-huge, :root .has-huge-font-size {
  font-size: 1.75em;
}

.has-top-space {
  padding-top: 18px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

pre {
  font-family: Consolas, Monaco, monospace;
  font-size: 0.875em;
  line-height: 1.625;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 1.625em;
  padding: 1.625em;
  color: #747371;
  background-color: white;
  overflow: auto;
}

code, kbd, tt, var, samp {
  display: inline-block;
  font-family: Consolas, Monaco, monospace;
  font-size: 0.875em;
  line-height: 1.625;
}

kbd kbd {
  padding: 0 0.25em;
  background: #e3e3e2;
  border: 1px solid #d0cfce;
}

address {
  margin: 0 0 1.625em;
}

abbr, acronym {
  border-bottom: 1px dotted #9c9b9a;
  cursor: help;
}

mark, ins {
  color: #705D4D;
  background: #e0d4c9;
  text-decoration: none;
}

::selection {
  color: white;
  background: #ffa726;
}

/* > Alignments --------------------------------------------- */
.alignnone,
.aligncenter,
.alignleft,
.alignright {
  display: block;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.alignleft {
  max-width: 340px;
  margin-right: 30px;
  float: left;
}

.alignright {
  max-width: 340px;
  margin-left: 30px;
  float: right;
}

.alignfull {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: none;
  margin-left: -50vw;
  margin-right: -50vw;
}

.alignwide {
  max-width: none;
  width: calc(100% + 24px * 2);
  margin-left: -24px;
  margin-right: -24px;
}
@media (min-width: 360px) {
  .alignwide {
    width: calc(100% + 30px * 2);
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 640px) {
  .alignwide {
    width: calc(100% + 36px * 2);
    margin-left: -36px;
    margin-right: -36px;
  }
}
@media (min-width: 980px) {
  .alignwide {
    width: calc(100% + 40px * 2);
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1200px) {
  .alignwide {
    width: calc(100% + 50px * 2);
    margin-left: -50px;
    margin-right: -50px;
  }
}

/* > Flexbox Grid ------------------------------------------- */
.container {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

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

.flex-xs {
  display: flex;
}

.wrap-xs {
  flex-wrap: wrap;
}

.nowrap-xs {
  flex-wrap: nowrap;
}

.gap-2 {
  width: calc(100% + 2px);
  margin-right: -1px;
  margin-left: -1px;
}
.gap-2 > * {
  padding-right: 1px;
  padding-left: 1px;
}

.gap-5 {
  width: calc(100% + 5px);
  margin-right: -2.5px;
  margin-left: -2.5px;
}
.gap-5 > * {
  padding-right: 2.5px;
  padding-left: 2.5px;
}

.gap-10 {
  width: calc(100% + 10px);
  margin-right: -5px;
  margin-left: -5px;
}
.gap-10 > * {
  padding-right: 5px;
  padding-left: 5px;
}

.gap-20 {
  width: calc(100% + 20px);
  margin-right: -10px;
  margin-left: -10px;
}
.gap-20 > * {
  padding-right: 10px;
  padding-left: 10px;
}

.gap-30 {
  width: calc(100% + 30px);
  margin-right: -15px;
  margin-left: -15px;
}
.gap-30 > * {
  padding-right: 15px;
  padding-left: 15px;
}

.gap-40 {
  width: calc(100% + 40px);
  margin-right: -20px;
  margin-left: -20px;
}
.gap-40 > * {
  padding-right: 20px;
  padding-left: 20px;
}

.gap-50 {
  width: calc(100% + 50px);
  margin-right: -25px;
  margin-left: -25px;
}
.gap-50 > * {
  padding-right: 25px;
  padding-left: 25px;
}

.mpgap {
  width: calc(100% + 24px);
  margin-right: -12px;
  margin-left: -12px;
}
.mpgap > * {
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 360px) {
  .mpgap {
    width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
  }
  .mpgap > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 640px) {
  .mpgap {
    width: calc(100% + 36px);
    margin-right: -18px;
    margin-left: -18px;
  }
  .mpgap > * {
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media (min-width: 980px) {
  .mpgap {
    width: calc(100% + 40px);
    margin-right: -20px;
    margin-left: -20px;
  }
  .mpgap > * {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .mpgap {
    width: calc(100% + 50px);
    margin-right: -25px;
    margin-left: -25px;
  }
  .mpgap > * {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  flex: 0 0 auto;
}

.col-xs {
  flex-basis: auto;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  flex-basis: 16.666%;
  max-width: 16.666%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  flex-basis: 41.666%;
  max-width: 41.666%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  flex-basis: 66.666%;
  max-width: 66.666%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  flex-basis: 91.666%;
  max-width: 91.666%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.end-xs {
  justify-content: flex-end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.shrink-xs {
  flex-shrink: 1;
}

.grow-xs {
  flex-grow: 1;
  flex-basis: auto;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media (min-width: 360px) {
  .flex-ms {
    display: flex;
  }

  .wrap-ms {
    flex-wrap: wrap;
  }

  .nowrap-ms {
    flex-wrap: nowrap;
  }

  .col-ms,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    flex: 0 0 auto;
  }

  .col-ms {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-ms-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-ms-2 {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }

  .col-ms-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-ms-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-ms-5 {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }

  .col-ms-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-ms-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-ms-8 {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }

  .col-ms-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-ms-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-ms-11 {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }

  .col-ms-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-ms {
    justify-content: flex-start;
  }

  .center-ms {
    justify-content: center;
  }

  .end-ms {
    justify-content: flex-end;
  }

  .top-ms {
    align-items: flex-start;
  }

  .middle-ms {
    align-items: center;
  }

  .bottom-ms {
    align-items: flex-end;
  }

  .around-ms {
    justify-content: space-around;
  }

  .between-ms {
    justify-content: space-between;
  }

  .shrink-ms {
    flex-shrink: 1;
  }

  .grow-ms {
    flex-grow: 1;
    flex-basis: auto;
  }

  .first-ms {
    order: -1;
  }

  .last-ms {
    order: 1;
  }
}
@media (min-width: 640px) {
  .flex-sm {
    display: flex;
  }

  .wrap-sm {
    flex-wrap: wrap;
  }

  .nowrap-sm {
    flex-wrap: nowrap;
  }

  .col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    flex: 0 0 auto;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .shrink-sm {
    flex-shrink: 1;
  }

  .grow-sm {
    flex-grow: 1;
    flex-basis: auto;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media (min-width: 980px) {
  .flex-md {
    display: flex;
  }

  .wrap-md {
    flex-wrap: wrap;
  }

  .nowrap-md {
    flex-wrap: nowrap;
  }

  .col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    flex: 0 0 auto;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .end-md {
    justify-content: flex-end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .shrink-md {
    flex-shrink: 1;
  }

  .grow-md {
    flex-grow: 1;
    flex-basis: auto;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .flex-lg {
    display: flex;
  }

  .wrap-lg {
    flex-wrap: wrap;
  }

  .nowrap-lg {
    flex-wrap: nowrap;
  }

  .col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    flex: 0 0 auto;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .shrink-lg {
    flex-shrink: 1;
  }

  .grow-lg {
    flex-grow: 1;
    flex-basis: auto;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
/* > Grid Display ------------------------------------------- */
.block {
  display: block;
}

.block-ms,
.block-sm,
.block-md,
.block-lg {
  display: none;
}

@media (min-width: 360px) {
  .block-ms {
    display: block;
  }
}
@media (min-width: 640px) {
  .block-sm {
    display: block;
  }
}
@media (min-width: 980px) {
  .block-md {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-lg {
    display: block;
  }
}
.inlineblock {
  display: inline-block;
}

.inlineblock-ms,
.inlineblock-sm,
.inlineblock-md,
.inlineblock-lg {
  display: none;
}

@media (min-width: 360px) {
  .inlineblock-ms {
    display: inline-block;
  }
}
@media (min-width: 640px) {
  .inlineblock-sm {
    display: inline-block;
  }
}
@media (min-width: 980px) {
  .inlineblock-md {
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .inlineblock-lg {
    display: inline-block;
  }
}
.hide-xs {
  display: none;
}

@media (min-width: 360px) {
  .hide-ms {
    display: none;
  }
}
@media (min-width: 640px) {
  .hide-sm {
    display: none;
  }
}
@media (min-width: 980px) {
  .hide-md {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hide-lg {
    display: none;
  }
}
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

/* > Spacing Classes ---------------------------------------- */
.fullwidth {
  width: 100%;
}

.autowidth {
  width: auto;
}

.mp-all {
  padding: 24px;
}

.mp-top {
  padding-top: 24px;
}

.mp-right {
  padding-right: 24px;
}

.mp-bot {
  padding-bottom: 24px;
}

.mp-left {
  padding-left: 24px;
}

@media (min-width: 360px) {
  .mp-all, .mp-all-ms {
    padding: 30px;
  }

  .mp-top, .mp-top-ms {
    padding-top: 30px;
  }

  .mp-right, .mp-right-ms {
    padding-right: 30px;
  }

  .mp-bot, .mp-bot-ms {
    padding-bottom: 30px;
  }

  .mp-left, .mp-left-ms {
    padding-left: 30px;
  }
}
@media (min-width: 640px) {
  .mp-all, .mp-all-ms, .mp-all-sm {
    padding: 36px;
  }

  .mp-top, .mp-top-ms, .mp-top-sm {
    padding-top: 36px;
  }

  .mp-right, .mp-right-ms, .mp-right-sm {
    padding-right: 36px;
  }

  .mp-bot, .mp-bot-ms, .mp-bot-sm {
    padding-bottom: 36px;
  }

  .mp-left, .mp-left-ms, .mp-left-sm {
    padding-left: 36px;
  }
}
@media (min-width: 980px) {
  .mp-all, .mp-all-ms, .mp-all-sm, .mp-all-md {
    padding: 40px;
  }

  .mp-top, .mp-top-ms, .mp-top-sm, .mp-top-md {
    padding-top: 40px;
  }

  .mp-right, .mp-right-ms, .mp-right-sm, .mp-right-md {
    padding-right: 40px;
  }

  .mp-bot, .mp-bot-ms, .mp-bot-sm, .mp-bot-md {
    padding-bottom: 40px;
  }

  .mp-left, .mp-left-ms, .mp-left-sm, .mp-left-md {
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .mp-all, .mp-all-ms, .mp-all-sm, .mp-all-md, .mp-all-lg {
    padding: 50px;
  }

  .mp-top, .mp-top-ms, .mp-top-sm, .mp-top-md, .mp-top-lg {
    padding-top: 50px;
  }

  .mp-right, .mp-right-ms, .mp-right-sm, .mp-right-md, .mp-right-lg {
    padding-right: 50px;
  }

  .mp-bot, .mp-bot-ms, .mp-bot-sm, .mp-bot-md, .mp-bot-lg {
    padding-bottom: 50px;
  }

  .mp-left, .mp-left-ms, .mp-left-sm, .mp-left-md, .mp-left-lg {
    padding-left: 50px;
  }
}
.fp-all-5 {
  padding: 5px;
}

.fp-all-10 {
  padding: 10px;
}

.fp-all-20 {
  padding: 20px;
}

.fp-all-30 {
  padding: 30px;
}

.fp-top-5 {
  padding-top: 5px;
}

.fp-top-10 {
  padding-top: 10px;
}

.fp-top-20 {
  padding-top: 20px;
}

.fp-top-30 {
  padding-top: 30px;
}

.fp-right-5 {
  padding-right: 5px;
}

.fp-right-10 {
  padding-right: 10px;
}

.fp-right-20 {
  padding-right: 20px;
}

.fp-right-30 {
  padding-right: 30px;
}

.fp-bot-5 {
  padding-bottom: 5px;
}

.fp-bot-10 {
  padding-bottom: 10px;
}

.fp-bot-20 {
  padding-bottom: 20px;
}

.fp-bot-30 {
  padding-bottom: 30px;
}

.fp-left-5 {
  padding-left: 5px;
}

.fp-left-10 {
  padding-left: 10px;
}

.fp-left-20 {
  padding-left: 20px;
}

.fp-left-30 {
  padding-left: 30px;
}

.nop-all {
  padding: 0;
}

.nop-top {
  padding-top: 0;
}

.nop-right {
  padding-right: 0;
}

.nop-bot {
  padding-bottom: 0;
}

.nop-left {
  padding-left: 0;
}

@media (min-width: 360px) {
  .nop-all-ms {
    padding: 0;
  }

  .nop-top-ms {
    padding-top: 0;
  }

  .nop-right-ms {
    padding-right: 0;
  }

  .nop-bot-ms {
    padding-bottom: 0;
  }

  .nop-left-ms {
    padding-left: 0;
  }
}
@media (min-width: 640px) {
  .nop-all-sm {
    padding: 0;
  }

  .nop-top-sm {
    padding-top: 0;
  }

  .nop-right-sm {
    padding-right: 0;
  }

  .nop-bot-sm {
    padding-bottom: 0;
  }

  .nop-left-sm {
    padding-left: 0;
  }
}
@media (min-width: 980px) {
  .nop-all-md {
    padding: 0;
  }

  .nop-top-md {
    padding-top: 0;
  }

  .nop-right-md {
    padding-right: 0;
  }

  .nop-bot-md {
    padding-bottom: 0;
  }

  .nop-left-md {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .nop-all-lg {
    padding: 0;
  }

  .nop-top-lg {
    padding-top: 0;
  }

  .nop-right-lg {
    padding-right: 0;
  }

  .nop-bot-lg {
    padding-bottom: 0;
  }

  .nop-left-lg {
    padding-left: 0;
  }
}
.pm-all {
  margin: 1.625em;
}

.pm-top {
  margin-top: 1.625em;
}

.pm-right {
  margin-right: 1.625em;
}

.pm-bot {
  margin-bottom: 1.625em;
}

.pm-left {
  margin-left: 1.625em;
}

@media (min-width: 360px) {
  .pm-all, .pm-all-ms {
    margin: 1.625em;
  }

  .pm-top, .pm-top-ms {
    margin-top: 1.625em;
  }

  .pm-right, .pm-right-ms {
    margin-right: 1.625em;
  }

  .pm-bot, .pm-bot-ms {
    margin-bottom: 1.625em;
  }

  .pm-left, .pm-left-ms {
    margin-left: 1.625em;
  }
}
@media (min-width: 640px) {
  .pm-all, .pm-all-ms, .pm-all-sm {
    margin: 1.625em;
  }

  .pm-top, .pm-top-ms, .pm-top-sm {
    margin-top: 1.625em;
  }

  .pm-right, .pm-right-ms, .pm-right-sm {
    margin-right: 1.625em;
  }

  .pm-bot, .pm-bot-ms, .pm-bot-sm {
    margin-bottom: 1.625em;
  }

  .pm-left, .pm-left-ms, .pm-left-sm {
    margin-left: 1.625em;
  }
}
@media (min-width: 980px) {
  .pm-all, .pm-all-ms, .pm-all-sm, .pm-all-md {
    margin: 1.625em;
  }

  .pm-top, .pm-top-ms, .pm-top-sm, .pm-top-md {
    margin-top: 1.625em;
  }

  .pm-right, .pm-right-ms, .pm-right-sm, .pm-right-md {
    margin-right: 1.625em;
  }

  .pm-bot, .pm-bot-ms, .pm-bot-sm, .pm-bot-md {
    margin-bottom: 1.625em;
  }

  .pm-left, .pm-left-ms, .pm-left-sm, .pm-left-md {
    margin-left: 1.625em;
  }
}
@media (min-width: 1200px) {
  .pm-all, .pm-all-ms, .pm-all-sm, .pm-all-md, .pm-all-lg {
    margin: 1.625em;
  }

  .pm-top, .pm-top-ms, .pm-top-sm, .pm-top-md, .pm-top-lg {
    margin-top: 1.625em;
  }

  .pm-right, .pm-right-ms, .pm-right-sm, .pm-right-md, .pm-right-lg {
    margin-right: 1.625em;
  }

  .pm-bot, .pm-bot-ms, .pm-bot-sm, .pm-bot-md, .pm-bot-lg {
    margin-bottom: 1.625em;
  }

  .pm-left, .pm-left-ms, .pm-left-sm, .pm-left-md, .pm-left-lg {
    margin-left: 1.625em;
  }
}
.nom-all {
  margin: 0;
}

.nom-top {
  margin-top: 0;
}

.nom-right {
  margin-right: 0;
}

.nom-bot {
  margin-bottom: 0;
}

.nom-left {
  margin-left: 0;
}

@media (min-width: 360px) {
  .nom-all-ms {
    margin: 0;
  }

  .nom-top-ms {
    margin-top: 0;
  }

  .nom-right-ms {
    margin-right: 0;
  }

  .nom-bot-ms {
    margin-bottom: 0;
  }

  .nom-left-ms {
    margin-left: 0;
  }
}
@media (min-width: 640px) {
  .nom-all-sm {
    margin: 0;
  }

  .nom-top-sm {
    margin-top: 0;
  }

  .nom-right-sm {
    margin-right: 0;
  }

  .nom-bot-sm {
    margin-bottom: 0;
  }

  .nom-left-sm {
    margin-left: 0;
  }
}
@media (min-width: 980px) {
  .nom-all-md {
    margin: 0;
  }

  .nom-top-md {
    margin-top: 0;
  }

  .nom-right-md {
    margin-right: 0;
  }

  .nom-bot-md {
    margin-bottom: 0;
  }

  .nom-left-md {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .nom-all-lg {
    margin: 0;
  }

  .nom-top-lg {
    margin-top: 0;
  }

  .nom-right-lg {
    margin-right: 0;
  }

  .nom-bot-lg {
    margin-bottom: 0;
  }

  .nom-left-lg {
    margin-left: 0;
  }
}
/* > Inline SVG's ------------------------------------------- */
.inline-svg {
  display: block;
  position: relative;
  max-width: 100%;
}
.inline-svg canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}
.inline-svg svg {
  fill: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inline-svg.inline {
  display: inline-block;
  height: 0.875em;
}
.inline-svg.inline canvas {
  width: auto;
  height: 100%;
}
.inline-svg.error {
  position: relative;
  width: 0.875em;
  height: 0.875em;
  background-color: #cf190e;
}
.inline-svg.error a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.inline-svg.error a:hover, .inline-svg.error a:focus {
  cursor: help;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.spinner {
  animation: spin 1s infinite linear;
}

.grey-50 {
  background: #f6f5f5;
  color: white;
}

.grey-100 {
  background: #f1f0f0;
  color: white;
}

.grey-200 {
  background: #e3e3e2;
  color: white;
}

.grey-300 {
  background: #d0cfce;
  color: white;
}

.grey-400 {
  background: #bcbbba;
  color: white;
}

.grey-500 {
  background: #9c9b9a;
  color: white;
}

.grey-600 {
  background: #747371;
  color: white;
}

.grey-700 {
  background: #5e5d5b;
  color: white;
}

.grey-800 {
  background: #3f3d3b;
  color: white;
}

.grey-900 {
  background: #201e1b;
  color: white;
}

.primary-50 {
  background: #e0d4c9;
  color: white;
}

.primary-100 {
  background: #cabaab;
  color: white;
}

.primary-200 {
  background: #b2a294;
  color: white;
}

.primary-300 {
  background: #998a7d;
  color: white;
}

.primary-400 {
  background: #847365;
  color: white;
}

.primary-500 {
  background: #705D4D;
  color: white;
}

.primary-600 {
  background: #5E4C3C;
  color: white;
}

.primary-700 {
  background: #4c3a2a;
  color: white;
}

.primary-800 {
  background: #3a2d22;
  color: white;
}

.primary-900 {
  background: #292019;
  color: white;
}

.secondary-50 {
  background: #fdf0db;
  color: white;
}

.secondary-100 {
  background: #fcdfb6;
  color: white;
}

.secondary-200 {
  background: #fccc83;
  color: white;
}

.secondary-300 {
  background: #fdb74f;
  color: white;
}

.secondary-400 {
  background: #ffa726;
  color: white;
}

.secondary-500 {
  background: #ff9800;
  color: white;
}

.secondary-600 {
  background: #eb8000;
  color: white;
}

.secondary-700 {
  background: #c26000;
  color: white;
}

.secondary-800 {
  background: #994400;
  color: white;
}

.secondary-900 {
  background: #702c00;
  color: white;
}

.info-50 {
  background: #d7e5f2;
  color: white;
}

.info-100 {
  background: #c2d7ec;
  color: white;
}

.info-200 {
  background: #9abddf;
  color: white;
}

.info-300 {
  background: #72a3d2;
  color: white;
}

.info-400 {
  background: #538fc9;
  color: white;
}

.info-500 {
  background: #357bbf;
  color: white;
}

.error-50 {
  background: #f5d1cf;
  color: white;
}

.error-100 {
  background: #f1bab7;
  color: white;
}

.error-200 {
  background: #e78c87;
  color: white;
}

.error-300 {
  background: #dd5e56;
  color: white;
}

.error-400 {
  background: #d63c32;
  color: white;
}

.error-500 {
  background: #cf190e;
  color: white;
}

.warning-50 {
  background: #fdf0db;
  color: white;
}

.warning-100 {
  background: #fcdfb6;
  color: white;
}

.warning-200 {
  background: #fccc83;
  color: white;
}

.warning-300 {
  background: #fdb74f;
  color: white;
}

.warning-400 {
  background: #ffa726;
  color: white;
}

.warning-500 {
  background: #ff9800;
  color: white;
}

.success-50 {
  background: #cee4cc;
  color: white;
}

.success-100 {
  background: #b6d7b3;
  color: white;
}

.success-200 {
  background: #85bc81;
  color: white;
}

.success-300 {
  background: #54a14e;
  color: white;
}

.success-400 {
  background: #2f8d28;
  color: white;
}

.success-500 {
  background: #0a7902;
  color: white;
}

/* > Links -------------------------------------------------- */
a {
  color: #ff9800;
  transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
a:visited {
  color: #ff9800;
}
a:hover, a:focus, a:active {
  color: #fdb74f;
}

a.alt {
  color: #705D4D;
}
a.alt:visited {
  color: #705D4D;
}
a.alt:hover, a.alt:focus, a.alt:active {
  color: #998a7d;
}

a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

a .dashicons {
  transition: none;
}

/* > Lists -------------------------------------------------- */
ol,
ul {
  margin: 0 0 1.625em;
  padding-left: 1.625em;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.625em 1.625em;
}

ul.row {
  padding: 0;
  list-style: none;
}

ol,
ul.checklist,
ul.arrowlist,
ul.iconlist {
  margin-left: 0;
  padding-left: 0;
}
ol li,
ul.checklist li,
ul.arrowlist li,
ul.iconlist li {
  position: relative;
  left: auto;
  padding-left: 1.625em;
  list-style: none;
}
ol li:before,
ul.checklist li:before,
ul.arrowlist li:before,
ul.iconlist li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 1em;
}
ol li > ul,
ol li > ol,
ul.checklist li > ul,
ul.checklist li > ol,
ul.arrowlist li > ul,
ul.arrowlist li > ol,
ul.iconlist li > ul,
ul.iconlist li > ol {
  margin-left: 0;
  padding-left: 0;
}

ol {
  counter-reset: cntr;
}
ol li:before {
  content: counter(cntr, decimal) ".";
  counter-increment: cntr;
  top: 0;
  color: #747371;
  text-align: right;
}

ul.checklist li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23747371'%3E %3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E %3C/svg%3E");
  background-size: 0.875em;
  background-position: center;
  background-repeat: no-repeat;
}

ul.arrowlist li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='%23747371'%3E %3Cpath d='M0 0 L64 0 L32 64 Z'/%3E %3C/svg%3E");
  background-size: 0.625em 0.375em;
  transform: rotate(-90deg);
  background-position: center;
  background-repeat: no-repeat;
}

ul.iconlist {
  list-style: none;
}
ul.iconlist li .inline-svg {
  position: absolute;
  width: 1.25em;
  left: 0.125em;
  top: 0.25em;
}
ul.iconlist li:before {
  display: none;
}

/* > Tables ------------------------------------------------- */
.table-wrap {
  max-width: 100%;
  margin-bottom: 1.625em;
  overflow-x: auto;
}

table {
  width: 100%;
  margin: 0;
  font-size: 0.875em;
  line-height: 1.625;
  color: #747371;
  background: white;
  border-collapse: collapse;
  border-spacing: 0;
}

caption, thead, tbody, tfoot, tr, th, td {
  text-align: left;
  vertical-align: top;
}

th {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #5e5d5b;
  white-space: nowrap;
}

th, td {
  padding: 1em;
  border: 1px dashed #e3e3e2;
}
th > p, td > p {
  margin-bottom: 0;
}
th > p + p, td > p + p {
  margin-top: 1.625em;
}

table.layout-fixed {
  table-layout: fixed;
}

@media (min-width: 360px) {
  table.layout-fixed-ms {
    table-layout: fixed;
  }
}
@media (min-width: 640px) {
  table.layout-fixed-sm {
    table-layout: fixed;
  }
}
@media (min-width: 980px) {
  table.layout-fixed-md {
    table-layout: fixed;
  }
}
@media (min-width: 1200px) {
  table.layout-fixed-lg {
    table-layout: fixed;
  }
}
table.inline {
  font-size: 1em;
  color: inherit;
  line-height: inherit;
  background: none;
  border: none;
}
table.inline th, table.inline td {
  padding: 0;
  color: inherit;
  border: none;
}
table.inline th > p, table.inline td > p {
  margin-bottom: 1.625em;
}
table.inline th > p + p, table.inline td > p + p {
  margin-top: 0;
}

/* > Inputs ------------------------------------------------- */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  font-size: 1em;
  line-height: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  color: #9c9b9a;
  background-color: white;
  border: 1px solid;
  border-color: #e3e3e2;
  border-radius: 0;
  transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  color: #747371;
  background-color: white;
  border-color: #ffa726;
}

textarea {
  height: auto;
  min-height: calc(2.5em + 2px);
}

input[type=date],
input.hasDatepicker,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: calc(2.5em + 2px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23bcbbba'%3E %3Cpath d='M11.9,3.5l-0.6-0.6c-0.2-0.1-0.4-0.1-0.6,0L6,7.6L1.3,2.9 C1.2,2.8,1.1,2.8,1,2.8c-0.1,0-0.2,0-0.3,0.1L0.1,3.5C0,3.6,0,3.7,0,3.8C0,3.9,0,4,0.1,4.1l5.6,5.6C5.8,9.8,5.9,9.8,6,9.8 c0.1,0,0.2,0,0.3-0.1l5.6-5.6C12,4,12,3.9,12,3.8C12,3.7,12,3.6,11.9,3.5z'/%3E %3C/svg%3E");
  background-size: 0.75em;
  background-position: right 0.75em center;
  background-repeat: no-repeat;
  background-color: white;
}

select,
input.hasDatepicker {
  padding-right: 2em;
  cursor: pointer;
}

input.hasDatepicker:not(.fullwidth) {
  width: 9.5em;
  max-width: 100%;
}

fieldset {
  padding: 0.5em 1em 1em;
  margin-bottom: 1.625em;
  border: 1px solid #e3e3e2;
  border-radius: 0;
}
fieldset legend {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875em;
  font-weight: 400;
}
fieldset p {
  margin-bottom: 1em;
}
fieldset > :last-child {
  margin-bottom: 0;
}

.firefox input[type=date] {
  background-image: none;
}

:-ms-input-placeholder {
  color: #bcbbba;
}

::placeholder {
  color: #bcbbba;
}

.label-text {
  display: inline-block;
  margin-bottom: 0.5em;
  margin-right: 10px;
  padding-left: 1px;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875em;
  font-weight: 400;
  color: #747371;
}

.required {
  color: #cf190e;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-decoration: none;
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

input:focus:-webkit-autofill {
  -webkit-animation-name: autofill-focus;
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

input::-webkit-clear-button {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  opacity: 0;
}

/* > Buttons ------------------------------------------------ */
.button {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  font-size: 1em;
  line-height: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
}
.button:not(.alt) {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: break-word;
  border: 1px solid;
  border-color: rgba(58, 45, 34, 0.05);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(58, 45, 34, 0.1);
  border-radius: 4px;
  transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  color: white;
  background-color: #ff9800;
}
.button:not(.alt):visited {
  color: white;
}
.button:not(.alt):hover, .button:not(.alt):focus {
  color: white;
  background-color: #ffa21a;
}
.button:not(.alt):active {
  color: rgba(250, 250, 250, 0.5);
  background-color: #f59200;
  border-color: rgba(58, 45, 34, 0.1);
}
.button.alt {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: break-word;
  border: 1px solid;
  border-color: rgba(58, 45, 34, 0.05);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(58, 45, 34, 0.1);
  border-radius: 4px;
  transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  color: white;
  background-color: #847365;
}
.button.alt:visited {
  color: white;
}
.button.alt:hover, .button.alt:focus {
  color: white;
  background-color: #928071;
}
.button.alt:active {
  color: rgba(250, 250, 250, 0.5);
  background-color: #896d55;
  border-color: rgba(0, 0, 0, 0.1);
}

.svg-button .inline-svg {
  top: 0.125em;
}

.button .dashicons {
  position: relative;
  top: 0.0625em;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  font-size: 1.25em;
  transition: none;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.375em;
}
.button-group .button {
  margin: 0.375em 0.375em 0 0;
}

.button:disabled,
.button.disabled,
.button:disabled[disabled] {
  color: rgba(255, 255, 255, 0.75);
  background-color: #93836c;
  border-color: transparent;
  opacity: 0.5;
  cursor: not-allowed;
}

.button.alt:disabled,
.button.alt.disabled,
.button.alt:disabled[disabled] {
  color: rgba(255, 255, 255, 0.75);
  background-color: #757575;
  border-color: transparent;
  opacity: 0.5;
}

.button-tiny {
  font-size: 0.75em;
}

.button-small {
  font-size: 0.875em;
}

.button-medium {
  font-size: 1.125em;
}

.button-large {
  font-size: 1.375em;
}

.button-huge {
  font-size: 1.75em;
}

/* > Forms -------------------------------------------------- */
form[class*=search] {
  margin-bottom: 1.625em;
}
form[class*=search] [type=search] {
  width: 100%;
}
form[class*=search] [type=submit] {
  display: none;
}

/* > Booking Form ------------------------------------------- */
.booking-form {
  margin-bottom: 1.625em;
}
.booking-form .form-header {
  margin-bottom: 1.5em;
}
.booking-form .form-header .button {
  font-size: 0.875em;
}
.booking-form .input-label {
  display: block;
  margin-bottom: 1em;
}
.booking-form .input-label .label-text {
  white-space: nowrap;
}
.booking-form .details-label {
  display: block;
  margin-bottom: 1em;
  font-weight: 700;
}
.booking-form .form-details:last-child {
  margin-top: 1em;
  margin-bottom: 1em;
}
.booking-form .details-header {
  margin-bottom: 1em;
}
.booking-form .details-description {
  margin: 0 0 0.5em 0;
}
.booking-form .details-row {
  min-height: 2.5em;
}
.booking-form .details-row.first-row {
  font-weight: 700;
}
.booking-form .details-row:last-child {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px dashed #e3e3e2;
}
.booking-form .details-value {
  flex: 0 0 3.5em;
  max-width: 3.5em;
}
.booking-form .details-value .value-input {
  text-align: center;
}
.booking-form .details-price {
  flex: 1 0 auto;
  text-align: right;
}
.booking-form .details-amount {
  flex: 0 0 6em;
  width: 6em;
  text-align: right;
}
.booking-form .details-title {
  flex: 1 0 100%;
  order: -1;
  padding: 0.5em 0;
  margin-top: 1em;
  border-top: 1px dashed #e3e3e2;
}
.booking-form .details-row.first-row .details-title {
  display: none;
}
.booking-form .total-row {
  padding: 0.5em 1em;
  font-weight: 700;
  background-color: white;
  border: 1px solid #e3e3e2;
}

@media (min-width: 375px) {
  .booking-form .details-row {
    flex-wrap: nowrap;
    margin-bottom: 0.25em;
  }
  .booking-form .details-row.first-row {
    margin-bottom: 0;
  }
  .booking-form .details-title {
    flex: 1 1 auto;
    order: 0;
    padding: 0 1.5em;
    line-height: 1.25;
    margin-top: 0;
    border-top: none;
  }
  .booking-form .details-row.first-row .details-title {
    display: block;
  }
}
@media (min-width: 980px) {
  .booking-form {
    background-color: white;
    border: 1px dashed #e3e3e2;
  }
  .booking-form .form-header {
    margin-bottom: 0;
    padding: 2.5em 2.5em 0;
  }
  .booking-form .form-content {
    padding: 2.5em 2.5em 1.5em;
  }
  .booking-form .form-content + .form-content {
    border-top: 1px dashed #e3e3e2;
  }
  .booking-form .form-content-title {
    padding-top: 0;
  }
}
/* > Booking List ------------------------------------------- */
#booking-list {
  margin-bottom: 1.625em;
}
#booking-list .filter-wrap {
  margin-bottom: 1.5em;
}
#booking-list .list-title {
  color: white;
  padding: 0.5em;
  font-size: 1.25em;
  text-align: center;
}

/* > Booking List Table ------------------------------------- */
.reslist-table th, .reslist-table td {
  padding: 0.125em 0.25em;
  font-size: 12px;
}

/* > Date Picker -------------------------------------------- */
.ui-widget-content:not(:empty) {
  padding: 10px;
  background-color: white;
  box-shadow: 0 3px 25px -10px rgba(0, 0, 0, 0.3);
  z-index: 10 !important;
}

.ui-datepicker-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.ui-datepicker-title {
  order: 1;
  flex: 1 0 auto;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: 9999px;
  cursor: pointer;
  overflow: hidden;
}

.ui-datepicker-prev {
  order: 0;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path style='fill: rgba(158, 158, 158, 1);' d='M8.5,11.9l.6-.6a.5.5,0,0,0,0-.6L4.4,6,9.1,1.3A.37.37,0,0,0,9.2,1,.37.37,0,0,0,9.1.7L8.5.1A.37.37,0,0,0,8.2,0a.37.37,0,0,0-.3.1L2.3,5.7a.37.37,0,0,0-.1.3.37.37,0,0,0,.1.3l5.6,5.6a.37.37,0,0,0,.3.1.37.37,0,0,0,.3-.1Z'/></svg>");
}

.ui-datepicker-prev:hover, .ui-datepicker-prev:focus {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path style='fill: rgba(230, 230, 230, 1);' d='M8.5,11.9l.6-.6a.5.5,0,0,0,0-.6L4.4,6,9.1,1.3A.37.37,0,0,0,9.2,1,.37.37,0,0,0,9.1.7L8.5.1A.37.37,0,0,0,8.2,0a.37.37,0,0,0-.3.1L2.3,5.7a.37.37,0,0,0-.1.3.37.37,0,0,0,.1.3l5.6,5.6a.37.37,0,0,0,.3.1.37.37,0,0,0,.3-.1Z'/></svg>");
}

.ui-datepicker-next {
  order: 2;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path style='fill: rgba(158, 158, 158, 1);' d='M3.5.1,2.9.7a.37.37,0,0,0-.1.3.37.37,0,0,0,.1.3L7.6,6,2.9,10.7a.5.5,0,0,0,0,.6l.6.6a.37.37,0,0,0,.3.1.37.37,0,0,0,.3-.1L9.7,6.3A.37.37,0,0,0,9.8,6a.37.37,0,0,0-.1-.3L4.1.1A.37.37,0,0,0,3.8,0a.37.37,0,0,0-.3.1Z'/></svg>");
}

.ui-datepicker-next:hover, .ui-datepicker-next:focus {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path style='fill: rgba(230, 230, 230, 1);' d='M3.5.1,2.9.7a.37.37,0,0,0-.1.3.37.37,0,0,0,.1.3L7.6,6,2.9,10.7a.5.5,0,0,0,0,.6l.6.6a.37.37,0,0,0,.3.1.37.37,0,0,0,.3-.1L9.7,6.3A.37.37,0,0,0,9.8,6a.37.37,0,0,0-.1-.3L4.1.1A.37.37,0,0,0,3.8,0a.37.37,0,0,0-.3.1Z'/></svg>");
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ui-datepicker-prev,
.ui-datepicker-next {
    position: relative;
    text-indent: 0;
  }

  .ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: monaco, consolas, monospace;
    text-align: center;
  }

  .ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    display: block;
    text-indent: 9999px;
    overflow: hidden;
  }

  .ui-datepicker-prev:after {
    content: "<";
  }

  .ui-datepicker-next:after {
    content: ">";
  }
}
.ui-datepicker-calendar {
  border: none;
  border-top: 1px solid #e3e3e2;
  border-left: 1px solid #e3e3e2;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  border: none;
  border-right: 1px solid #e3e3e2;
  border-bottom: 1px solid #e3e3e2;
}

.ui-datepicker-calendar th {
  color: #747371;
}

.ui-datepicker-calendar td {
  position: relative;
}

.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 500;
  text-decoration: none;
}

.ui-datepicker-calendar .ui-state-default {
  color: #9c9b9a;
  background-color: white;
}

.ui-datepicker-calendar .ui-state-hover {
  color: #747371;
  background-color: #f1f0f0;
}

.ui-datepicker-calendar .ui-state-active {
  margin: -1px;
  min-height: 30px;
  color: white;
  background-color: #747371;
}

.ui-datepicker-unselectable .ui-state-default {
  color: #bcbbba;
  background-color: #f1f0f0;
}

/* > Checkbox & Radio --------------------------------------- */
input[type=radio],
input[type=checkbox] {
  position: relative;
  top: 0.25em;
  left: 1px;
  width: 0.875em;
  height: 0.875em;
  margin-right: -0.875em;
  float: left;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}
input[type=radio] + label,
input[type=radio] + span,
input[type=checkbox] + label,
input[type=checkbox] + span {
  max-width: 100%;
  font-size: 1em;
}
input[type=radio] + label:before,
input[type=radio] + span:before,
input[type=checkbox] + label:before,
input[type=checkbox] + span:before {
  content: "";
  display: inline-block;
  position: relative;
  left: 1px;
  width: 0.875em;
  height: 0.875em;
  margin: -0.25em 0.75em 0 0;
  vertical-align: middle;
  background-color: white;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 1px #e3e3e2;
  transition: background 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
}
input[type=radio]:checked + label:before,
input[type=radio]:checked + span:before,
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before {
  background-color: white;
  box-shadow: 0 0 0 1px #e3e3e2;
}

input[type=checkbox] + label:before,
input[type=checkbox] + span:before {
  background-position: bottom 1px center;
  border-radius: 0;
}

input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23ffa726'%3E %3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E %3C/svg%3E");
  background-size: calc(100% - 2px);
}

input[type=radio] + label:before,
input[type=radio] + span:before {
  background-position: center;
  border-radius: 50%;
}

input[type=radio]:checked + label:before,
input[type=radio]:checked + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23ffa726'%3E %3Cpath d='M0 4a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'/%3E %3C/svg%3E");
  background-size: calc(100% - 6px);
}

.user-is-tabbing input[type=checkbox]:focus + span:before,
.user-is-tabbing input[type=checkbox]:focus + label:before,
.user-is-tabbing input[type=radio]:focus + span:before,
.user-is-tabbing input[type=radio]:focus + label:before {
  box-shadow: 0 0 0 1px #ffa726;
}

.message {
  font-size: 0.875em;
  margin: 0 0 1.625em 0;
  padding: 1.625em;
  border-top: 3px solid;
  color: #747371;
  background-color: white;
  border-color: #d0cfce;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1);
}
.message > :last-child {
  margin-bottom: 0;
}

.message-success {
  border-color: #54a14e;
}

.message-info {
  border-color: #72a3d2;
}

.message-warning {
  border-color: #fdb74f;
}

.message-error {
  border-color: #dd5e56;
}

.message-box {
  position: relative;
}
.message-box .message {
  margin-bottom: 0;
}
.message-box .close {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 8px;
  right: 5px;
  width: 14px;
  height: 14px;
  font-family: monaco, consolas, monospace;
  font-size: 11px;
  padding: 0 2px 1px 2px;
  color: white;
  background: #d0cfce;
  border-radius: 50%;
  cursor: pointer;
}

/* > Main Navigation ---------------------------------------- */
#navigation {
  display: block;
  position: fixed;
  width: 325px;
  left: -325px;
  top: -75px;
  bottom: -75px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  background-color: white;
  border: 75px solid transparent;
  border-right: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  overflow-y: auto;
  transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 20;
}
#navigation.toggled {
  left: -75px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  transition: left 0.4s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
#navigation ul.menu {
  width: 100%;
  padding: 1.25em 1.5em;
  margin-bottom: 0;
  list-style: none;
}
#navigation li {
  position: relative;
}
#navigation li a {
  display: block;
  padding: 0.5em 0;
  font-size: 1em;
  color: #747371;
  line-height: 1;
  text-decoration: none;
}
#navigation li.focus > a, #navigation li:active > a {
  color: #bcbbba;
}
#navigation li.current-menu-item > a {
  color: #bcbbba;
}
#navigation li.current-menu-ancestor > a, #navigation li.current-page-ancestor > a {
  color: #bcbbba;
}
#navigation li.has-children {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#navigation li.has-children > a:first-child {
  width: calc(100% - 2em);
}
#navigation li.has-children > a.sub-toggle {
  width: 2em;
  text-align: center;
}
#navigation li.has-children > a.sub-toggle .inline-svg {
  width: 0.625em;
  height: 0.625em;
}
#navigation ul.sub-menu {
  display: none;
  width: 100%;
  padding: 0.5em 0;
  list-style: none;
  background-color: transparent;
}
#navigation ul.sub-menu li {
  padding-left: 1em;
}
#navigation ul.sub-menu li a {
  font-size: 0.875em;
}
#navigation li.focus > ul.sub-menu {
  display: block;
}

@media (min-width: 360px) {
  #navigation {
    width: 360px;
    left: -360px;
  }
  #navigation ul.menu {
    padding: 1.5em 2em;
    margin-bottom: 0;
  }
}
@media (min-width: 980px) {
  #navigation {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #3f3d3b;
    border: none;
    overflow: visible;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5) !important;
  }
  #navigation ul.menu {
    padding: 0;
    margin: auto;
  }
  #navigation ul.menu > li {
    padding: 0.5em 0;
  }
  #navigation ul.menu > li + li {
    margin-left: 1.25em;
  }
  #navigation li {
    position: relative;
    float: left;
  }
  #navigation li a {
    padding: 0.75em 0;
    font-size: 0.875em;
    color: #b2a294;
  }
  #navigation li:hover > a, #navigation li.focus > a {
    color: #e0d4c9;
  }
  #navigation li.current-menu-item > a {
    color: #e0d4c9;
  }
  #navigation li.current-menu-ancestor > a, #navigation li.current-page-ancestor > a {
    color: #e0d4c9;
  }
  #navigation li.has-children {
    width: auto;
  }
  #navigation li.has-children > a:first-child {
    width: 100%;
  }
  #navigation li.has-children > a.sub-toggle {
    display: none;
  }
  #navigation ul.sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    height: auto;
    padding: 0;
    border-top: 50px solid rgba(0, 0, 0, 0);
    box-shadow: none;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: scale(1);
  }
  #navigation ul.sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #navigation ul.sub-menu li {
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: white;
    white-space: nowrap;
    float: none;
  }
  #navigation ul.sub-menu li a {
    padding: 0.5em 0;
    font-size: 0.875em;
    line-height: 1.25;
    color: #9c9b9a;
  }
  #navigation ul.sub-menu li:hover > a, #navigation ul.sub-menu li.focus > a {
    color: #bcbbba;
  }
  #navigation ul.sub-menu li.current-menu-item > a {
    color: #bcbbba;
  }
  #navigation ul.sub-menu li.current-menu-ancestor > a, #navigation ul.sub-menu li.current-page-ancestor > a {
    color: #bcbbba;
  }
  #navigation ul.sub-menu li:first-child {
    padding-top: 1em;
  }
  #navigation ul.sub-menu li:last-child {
    padding-bottom: 1em;
  }
  #navigation ul.sub-menu ul.sub-menu {
    top: -1em;
    left: 100%;
    border-top: 0;
    border-left: 50px solid rgba(0, 0, 0, 0);
  }
  #navigation li:hover > ul.sub-menu,
#navigation li.focus > ul.sub-menu {
    opacity: 1;
    border-width: 0;
    pointer-events: all;
  }
  #navigation li:hover > ul.sub-menu:before,
#navigation li.focus > ul.sub-menu:before {
    box-shadow: 0 5px 30px -20px rgba(0, 0, 0, 0.2);
  }
}
.menu-toggler {
  line-height: 0;
  z-index: 20;
}

button.toggle-btn {
  padding: 0;
  height: auto;
  min-height: 0;
  background: none;
  border: none;
  line-height: 0;
  width: 20px;
  height: 20px;
}
button.toggle-btn:hover, button.toggle-btn:focus {
  background: none;
}
button.toggle-btn rect.toggler-color {
  fill: #5e5d5b;
  transform: rotate(180deg);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), fill 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

button.toggle-btn[aria-expanded=true] rect.toggler-color {
  opacity: 0;
  fill: white;
}
button.toggle-btn[aria-expanded=true] rect.toggler-color:first-of-type {
  opacity: 1;
  transform: rotate(45deg) translate3d(0px, 6px, 0);
}
button.toggle-btn[aria-expanded=true] rect.toggler-color:last-of-type {
  opacity: 1;
  transform: rotate(-45deg) translate3d(0px, -6px, 0);
}

@media (min-width: 980px) {
  .menu-toggler {
    display: none;
  }
}
/* > Pagination --------------------------------------------- */
nav.pagination {
  margin-top: auto;
}
nav.pagination ul {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
}
nav.pagination ul li {
  display: flex;
  font-size: 0.875em;
}
nav.pagination ul li a,
nav.pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  text-decoration: none;
  letter-spacing: 0;
}
nav.pagination ul li a {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: break-word;
  border: 1px solid;
  border-color: rgba(58, 45, 34, 0.05);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(58, 45, 34, 0.1);
  border-radius: 4px;
  transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  color: white;
  background-color: #ff9800;
  border-radius: 50%;
}
nav.pagination ul li a:visited {
  color: white;
}
nav.pagination ul li a:hover, nav.pagination ul li a:focus {
  color: white;
  background-color: #ffa21a;
}
nav.pagination ul li a:active {
  color: rgba(250, 250, 250, 0.5);
  background-color: #f59200;
  border-color: rgba(58, 45, 34, 0.1);
}
nav.pagination ul li span.current {
  color: #ff9800;
  background: none;
  box-shadow: inset 0 0 0 2px #ff9800;
  border-radius: 50%;
}
nav.pagination ul li + li {
  margin-left: 0.5em;
}
nav.pagination .inline-svg.inline {
  height: 0.75em;
}

/* > Widgets ------------------------------------------------ */
.widget:not([class*=col-]) {
  max-width: 100%;
}

.widget .widget-title {
  padding-top: 0;
  font-family: "Hans Hand", sans-serif;
  font-size: 1.5em;
}
.widget .widget-content {
  font-size: 0.875em;
}
.widget .widget-content > :last-child,
.widget .textwidget > :last-child {
  margin-bottom: 0;
}

.widget_media_image {
  line-height: 0;
}
.widget_media_image img {
  width: 100%;
}

/* > Media -------------------------------------------------- */
.wp-post-image {
  display: block;
}

.post-thumbnail,
.page-thumbnail {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.post-thumbnail img,
.page-thumbnail img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(0, -50%) scale3d(1, 1, 1);
}
.post-thumbnail span,
.page-thumbnail span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 1.125em;
  text-align: center;
  transform: translate(0, -50%);
}

.angebot-thumbnail {
  margin: 0.5em 0 2em;
  padding-top: 125%;
}
.angebot-thumbnail img {
  min-height: 100%;
  top: 0;
  transform: translate(0, 0) scale3d(1, 1, 1);
  object-fit: cover;
  object-position: top;
}
.angebot-thumbnail.title-inside {
  position: relative;
  background-color: #f9e8bc;
}
.angebot-thumbnail.title-inside .post-title {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 2em;
  font-size: 1.75em;
  transform: rotate(180deg);
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
}

.thumnail-square,
.thumbnail-rounded {
  width: 200px;
  height: 200px;
  padding-top: 0;
  flex-shrink: 0;
}

.thumbnail-rounded {
  border-radius: 50%;
}

.video-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  margin: 0 0 1.625em 0;
}
.video-container > :first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.has-parallax {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 980px) {
  .has-parallax {
    background-attachment: fixed;
  }
}
/* > Galleries ---------------------------------------------- */
.gallery {
  display: flex;
  flex-flow: row wrap;
  margin: -5px;
}

.gallery-item {
  position: relative;
  flex: 1 0 100%;
  max-width: calc(100% - 5px * 2);
  margin: 5px;
  overflow: hidden;
}
.gallery-item .gallery-icon {
  height: 0;
  line-height: 0;
  padding-top: 100%;
}
.gallery-item .gallery-icon img {
  transform: translate(0, -100%);
}
.gallery-item .gallery-icon a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.gallery-item .gallery-icon a img {
  position: relative;
  top: 50%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  transform: translate(0, -50%) scale3d(1, 1, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gallery-item .gallery-icon a:hover img, .gallery-item .gallery-icon a:focus img {
  transform: translate(0, -50%) scale3d(1.05, 1.05, 1.05);
}
.gallery-item .gallery-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 10px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  padding: 15px;
  text-align: center;
  color: #e0d4c9;
  background-color: rgba(9, 7, 6, 0.8);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
}
.gallery-item:hover .gallery-caption, .gallery-item:focus .gallery-caption {
  opacity: 1;
}

[class*=gallery-wrap] {
  width: 100%;
  margin-bottom: 1.625em;
}

.original-gallery-wrap .gallery-item .gallery-icon {
  height: auto;
  padding-top: 0;
}
.original-gallery-wrap .gallery-item .gallery-icon img {
  transform: none;
  min-width: 0;
  min-height: 0;
}
.original-gallery-wrap .gallery-item .gallery-icon a {
  position: static;
}
.original-gallery-wrap .gallery-item .gallery-icon a:hover img, .original-gallery-wrap .gallery-item .gallery-icon a:focus img {
  transform: translate(0, 0) scale3d(1.05, 1.05, 1.05);
}

.portrait-gallery-wrap .gallery-item .gallery-icon {
  padding-top: 125%;
}

.landscape-gallery-wrap .gallery-item .gallery-icon {
  padding-top: 62.5%;
}

.showcase-gallery-wrap .gallery-item:first-child {
  max-width: calc(100% - 5px * 2);
}
.showcase-gallery-wrap .gallery-item .gallery-icon {
  padding-top: 62.5%;
}

.rounded-gallery-wrap .gallery-item {
  border-radius: 50%;
  overflow: hidden;
}

/* gallery colums ---------------------------- */
.gallery-columns-2 .gallery-item {
  max-width: calc(50% - 5px * 2);
}

.gallery-columns-3 .gallery-item {
  max-width: calc(33.33% - 5px * 2);
}

.gallery-columns-4 .gallery-item {
  max-width: calc(25% - 5px * 2);
}
@media (max-width: 639.99px) {
  .gallery-columns-4 .gallery-item {
    max-width: calc(50% - 5px * 2);
  }
}

.gallery-columns-5 .gallery-item {
  max-width: calc(20% - 5px * 2);
}

.gallery-columns-6 .gallery-item {
  max-width: calc(16.66% - 5px * 2);
}
@media (max-width: 639.99px) {
  .gallery-columns-6 .gallery-item {
    max-width: calc(33.33% - 5px * 2);
  }
}

.gallery-columns-7 .gallery-item {
  max-width: calc(14.28% - 5px * 2);
}

.gallery-columns-8 .gallery-item {
  max-width: calc(12.5% - 5px * 2);
}
@media (max-width: 639.99px) {
  .gallery-columns-8 .gallery-item {
    max-width: calc(25% - 5px * 2);
  }
}

.gallery-columns-9 .gallery-item {
  max-width: calc(11.11% - 5px * 2);
}

/* > Captions ----------------------------------------------- */
.wp-caption {
  max-width: 100%;
  margin-bottom: 1.625em;
  padding: 0.5em;
  background-color: white;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  padding-top: 0.5em;
  text-align: center;
}

/* # > Comments --------------------------------------------- */
.comment-list {
  margin: 0;
  padding: 0;
}
.comment-list a {
  word-wrap: break-word;
}

.comment-meta .vcard {
  display: flex;
  align-items: stretch;
  position: relative;
  padding: 0 1.625em;
}
.comment-meta .vcard a {
  display: block;
  max-width: 100%;
  color: #747371;
  text-decoration: none;
}
.comment-meta .vcard a:hover, .comment-meta .vcard a:focus {
  color: #bab9b8;
}
.comment-meta .vcard .avatar {
  display: block;
  width: 3.75em;
  border-radius: 50%;
}

.comment-metadata {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.625em 0 0 1.625em;
  line-height: 1.25;
}
.comment-metadata time {
  font-size: 0.75em;
  opacity: 0.75;
}

.comment-image {
  padding-top: 1.625em;
}

.author-name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment-content {
  padding: 1.625em;
}
.comment-content > p {
  font-size: 0.875em;
}
.comment-content > :last-child {
  margin-bottom: 0;
}

.comment-edit {
  padding-top: 1.625em;
  align-self: flex-start;
}
.comment-edit a {
  line-height: 0;
  color: #747371;
  opacity: 0.75;
}

.comment-reply-link {
  font-size: 0.875em;
}
.comment-reply-link .inline-svg {
  height: 1em;
  top: 0.125em;
  margin-left: 0.5em;
}

.comment,
.comment-respond {
  display: block;
  margin-bottom: 1.625em;
  list-style: none;
  background: white;
  border: 1px solid #e3e3e2;
}

.comment > .comment-body,
.comment > .comment-respond {
  margin-bottom: 0 !important;
}

.comment .comment:last-child {
  margin-bottom: 0;
}

.comment .comment-respond {
  margin-bottom: 0;
  border: none;
  border-top: 1px dashed #e3e3e2;
}

.comment .children {
  list-style: none;
  margin: 0;
  padding: 0 10px 10px 1.625em;
  text-indent: 0;
}

.children .comment-image {
  position: relative;
}
.children .comment-image:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #e3e3e2;
  margin-bottom: -5px;
  top: -12px;
  left: calc(50% - 12px);
}
.children .comment-image:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid white;
  margin-bottom: -5px;
  top: -11px;
  left: calc(50% - 12px);
}

.comment-awaiting-moderation {
  font-style: normal;
  margin-bottom: 1.625em;
  font-size: 0.875em;
  margin: 0 0 1.625em 0;
  padding: 1.625em;
  border-top: 3px solid;
  color: #747371;
  background-color: white;
  border-color: #d0cfce;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1);
  border-color: #fdb74f;
}
.comment-awaiting-moderation > :last-child {
  margin-bottom: 0;
}

.comment-reply-title {
  font-size: 1em;
  padding: 1.625em 1.625em 0;
}

.comments-area .comment-form {
  padding: 0 1.625em 1.625em;
}

.comment-form {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.comment-form textarea,
.comment-form input[type=email],
.comment-form input[type=text] {
  display: block;
  width: 100%;
}
.comment-form > p,
.comment-form > div {
  width: 100%;
  padding: 0 10px;
}
.comment-form .logged-in-as,
.comment-form .comment-form-cookies-consent {
  font-size: 0.875em;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  flex: 1 1 220px;
}
.comment-form .comment-notes {
  font-size: 0.75em;
  color: #9c9b9a;
  order: 1;
}
.comment-form .form-submit {
  margin: 0;
  order: 2;
}

/* > Back to top link --------------------------------------- */
.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: scale3d(0.25, 0.25, 0.25);
  transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  pointer-events: none;
  z-index: 20;
}
.back-to-top .button {
  display: block;
  padding: 0.75em;
  pointer-events: none;
  border-radius: 50%;
}

.back-to-top.visible {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.back-to-top.visible .button {
  pointer-events: auto;
}

/* > Overlay ------------------------------------------------ */
.page-overlay {
  content: "";
  display: block;
  position: fixed;
  top: -75px;
  bottom: -75px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
  z-index: 10;
}
.page-overlay.visible {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  pointer-events: auto;
}

/* > Facebook Like Button ----------------------------------- */
.fb-like {
  padding: 1.25em 1.5em;
  filter: hue-rotate(150deg) sepia(75%) grayscale(75%) brightness(95%);
}

@media (min-width: 360px) {
  .fb-like {
    padding: 1.5em 2em;
  }
}
@media (min-width: 980px) {
  .fb-like {
    padding: 0.675em 0;
  }
}
/* > ACF popup ---------------------------------------------- */
.acf-popup {
  max-width: 480px;
  padding: 2em;
  background-color: white;
  border-top: 3px solid #d0cfce;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1);
}
.acf-popup .popup-title {
  padding-top: 0;
}

/* > Base --------------------------------------------------- */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: white;
  background-image: url(../img/ricepaper_light.png);
  overflow-y: scroll;
  overflow-x: hidden;
}

.site-header {
  flex: 0 0 auto;
  position: relative;
}

.site-navigation {
  flex: 0 0 auto;
}

.site-banner {
  flex: 0 0 auto;
  position: relative;
}

.site-content {
  flex: 1 0 auto;
  display: flex;
  position: relative;
}

.site-footer {
  flex: 0 0 auto;
  position: relative;
}

/* > Header ------------------------------------------------- */
.site-header {
  background-color: #292019;
  background-image: url(../img/ricepaper_light.png);
  background-position: center;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.branding-logo {
  display: block;
  width: 100%;
  max-width: 280px;
  margin-right: auto;
  padding: 20px 0;
}

.branding-date {
  display: block;
  position: absolute;
  left: 0;
  bottom: -3em;
  width: 100%;
  padding: 1em 1.5em;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  color: #e0d4c9;
  background-color: #847365;
  z-index: 1;
}

@media (min-width: 980px) {
  .header-branding {
    position: relative;
    width: 100%;
  }

  .branding-logo {
    position: relative;
    top: 0;
    max-width: 320px;
  }

  .branding-date {
    display: inline-block;
    position: relative;
    bottom: auto;
    width: auto;
    padding: 1.25em 1.75em;
    font-size: 1em;
    letter-spacing: 0.03125em;
    color: #998a7d;
    background-color: white;
    border: 1px dashed #f1f0f0;
    outline: 3px solid white;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.1);
  }
}
/* > Banner ------------------------------------------------- */
.site-banner {
  max-height: 280px;
  background-color: black;
  overflow: hidden;
}
.site-banner .banner-content {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.site-banner .wp-custom-header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 280px;
  z-index: 0;
}
.site-banner video,
.site-banner img {
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
}
.site-banner iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 280px;
}
.site-banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(41, 32, 25, 0) 0%, rgba(41, 32, 25, 0) 75%, rgba(41, 32, 25, 0.75) 100%);
  z-index: 1;
}

@media (min-width: 980px) {
  .site-banner {
    max-height: 540px;
  }
  .site-banner .wp-custom-header,
.site-banner iframe {
    max-height: 540px;
  }
}
.wp-custom-header-video-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

/* > Content wrapper ---------------------------------------- */
.site-content {
  background-color: white;
  background-image: url(../img/ricepaper_light.png);
}
.site-content article:not(.single-page) {
  margin-bottom: 1.625em;
}

/* > Content ------------------------------------------------ */
.content-main {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .content-main {
    flex: 1;
    min-width: 0;
  }
}
/* > Sidebar ------------------------------------------------ */
.content-sidebar {
  position: relative;
  align-self: flex-end;
}
.content-sidebar .widget {
  flex: 1 0 50%;
  min-width: 50%;
  margin-top: 1.625em;
  margin-bottom: 1.625em;
  color: #747371;
  z-index: 1;
}
.content-sidebar .widget[class*=search] {
  flex: 1 0 100%;
}
.content-sidebar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: white;
  z-index: 0;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .content-sidebar {
    display: block;
    align-self: stretch;
  }
  .content-sidebar .widget {
    flex: 1 0 100%;
    min-width: 100%;
    margin-top: 0;
  }
  .content-sidebar .widget .widget-content {
    padding: 1.625em;
    background-color: white;
    box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.1);
  }
  .content-sidebar:after {
    display: none;
  }
}
/* > Footer ------------------------------------------------- */
.footer-widgets {
  padding-bottom: 1.625em;
  color: #b2a294;
  background-color: #3f3d3b;
  box-shadow: inset 0 2px 0 0 #32302f;
  background-position: center;
}
.footer-widgets .widget-title {
  color: #847365;
}
.footer-widgets .widget {
  margin: 1.625em 0 0 0;
}
.footer-widgets .widget a:not(.button) {
  color: #b2a294;
  text-decoration: none;
}
.footer-widgets .widget a:not(.button):hover, .footer-widgets .widget a:not(.button):focus {
  color: #e0d4c9;
}

@media (min-width: 640px) {
  .footer-widgets {
    padding-bottom: 0;
  }
  .footer-widgets .widget {
    margin: 0;
  }
}
.footer-info {
  font-size: 0.75em;
  color: #b2a294;
  background-color: #3f3d3b;
  border-top: 1px solid #32302f;
  box-shadow: inset 0 1px 0 0 #4c4a47;
}
.footer-info a:not(.button) {
  color: #b2a294;
  text-decoration: none;
}
.footer-info a:not(.button):hover, .footer-info a:not(.button):focus {
  color: #e0d4c9;
}

/* > Posts -------------------------------------------------- */
.updated:not(.published) {
  display: none;
}

.entry-title {
  font-family: "Hans Hand", sans-serif;
  padding-top: 18px;
}
.entry-title a {
  color: #5e5d5b;
  text-decoration: none;
}
.entry-title a:hover, .entry-title a:focus {
  color: #9c9b9a;
}
.entry-title.loop-title {
  margin-bottom: 0.25em;
  padding-top: 0;
  font-size: 1.375em;
}
.entry-title.single-title {
  margin-bottom: 0.5em;
}

.entry-footer {
  color: #9c9b9a;
}
.entry-footer > * {
  font-size: 0.75em;
}

.archive .type-event .entry-content > :last-child,
.archive .type-post .entry-content > :last-child,
.blog .type-post .entry-content > :last-child {
  margin-bottom: 0;
}

.archive article.type-post,
.blog article.type-post {
  margin-bottom: 1em;
}

.single .post-wrap {
  margin-bottom: 1.625em;
}

@media (min-width: 1200px) {
  .post-wrap {
    background-color: white;
    box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.1);
  }

  .single-title {
    padding-top: 0;
  }

  .archive article.type-event,
.archive article.type-post,
.blog article.type-post {
    padding: 2.4375em;
    margin-bottom: 1.625em;
    border: none;
  }

  .single article.type-event,
.single article.type-post {
    padding: 3.25em;
    padding-bottom: 1.625em;
  }
}
/* > Post Dates --------------------------------------------- */
.event-date,
.post-date {
  display: inline-block;
  margin-bottom: 1.625em;
  font-size: 0.75em;
  font-weight: 700;
  color: #747371;
}

.entry-footer .event-date,
.entry-footer .post-date {
  position: static;
  padding: 0;
  background: none;
  box-shadow: none;
  border: none;
}
.entry-footer .event-date br,
.entry-footer .post-date br {
  display: none;
}

.single .event-date,
.single .post-date {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .post-date {
    display: block;
    position: absolute;
    top: 1.5em;
    left: -0.5em;
    padding: 1em 1.5em;
    background-color: white;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.25);
    border: none;
  }
  .post-date:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -0.5em;
    left: 0;
    border: 0.25em solid #747371;
    border-left-color: transparent;
    border-bottom-color: transparent;
  }

  .event-date {
    margin-bottom: 0;
  }

  .single .event-date {
    margin-bottom: 1.625em;
  }
}
/* > IE Layout Fixes ---------------------------------------- */
.ie .site-header,
.ie .site-navigation,
.ie .site-content,
.ie .site-footer {
  width: 100%;
  flex: none;
}
@media (min-width: 980px) {
  .ie #navigation {
    position: static;
  }
}
.ie button.toggle-btn svg * {
  opacity: 1 !important;
}
.ie ul.sub-menu li + li {
  margin-top: -1px;
}
.ie input[type=text],
.ie input[type=email],
.ie input[type=url],
.ie input[type=password],
.ie input[type=search],
.ie input[type=number],
.ie input[type=tel],
.ie input[type=date],
.ie input[type=month],
.ie input[type=week],
.ie input[type=time],
.ie input[type=datetime],
.ie input[type=datetime-local] {
  min-height: calc(2.5em + 2px);
}
.ie input[type=date] {
  background-image: none;
}

/* > Print -------------------------------------------------- */
@media print {
  .site-header, .site-banner, .site-footer, #navigation {
    display: none;
  }

  .container {
    max-width: none;
    padding: 0;
  }

  .row.mpgap.pm-top {
    margin-top: 0;
  }

  .mp-top,
.mp-bot {
    padding: 0 !important;
  }

  body, .site-content {
    background: white;
  }

  .button, #datumAufHeute, #datumAufMorgen {
    display: none;
  }

  .delete-reservation,
.placecard-print {
    visibility: hidden;
  }
}
/* > Contact Form 7 ----------------------------------------- */
.wpcf7 {
  margin: 0 0 1.625em;
  padding: 0;
}

.wpcf7 .row p {
  margin-bottom: 1em;
}

@media (min-width: 980px) {
  .wpcf7 {
    background-color: white;
    border: 1px dashed #e3e3e2;
    padding: 2.5em;
    padding-bottom: 0.875em;
  }
}
.wpcf7-form-control-wrap {
  display: block;
  position: relative;
}

.wpcf7-form-control:not(.button) {
  width: 100%;
}

.wpcf7-response-output {
  font-size: 0.875em;
  margin: 0 0 1.625em 0;
  padding: 1.625em;
  border-top: 3px solid;
  color: #747371;
  background-color: white;
  border-color: #d0cfce;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1);
  display: none;
}
.wpcf7-response-output > :last-child {
  margin-bottom: 0;
}
.invalid .wpcf7-response-output, .unaccepted .wpcf7-response-output {
  border-color: #dd5e56;
}
.spam .wpcf7-response-output, .failed .wpcf7-response-output, .aborted .wpcf7-response-output {
  border-color: #fdb74f;
}
.sent .wpcf7-response-output {
  border-color: #54a14e;
}

span.wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  top: calc(0.5em + 1px);
  left: calc(0.75em + 1px);
  right: calc(0.75em + 1px);
  font-size: 1em;
  line-height: 1.5em;
  color: #cf190e;
  background-color: white;
  transition: opacity 0.2s cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 0.2s cubic-bezier(0.755, 0.05, 0.855, 0.06);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: text;
  overflow: hidden;
  z-index: 1;
}
span.wpcf7-not-valid-tip.clicked {
  opacity: 0;
  transform: translate3d(30px, 0, 0);
  pointer-events: none;
}

input[type=date] + span.wpcf7-not-valid-tip,
.wpcf7-checkbox + span.wpcf7-not-valid-tip,
.wpcf7-radio + span.wpcf7-not-valid-tip {
  display: none;
}

textarea.wpcf7-not-valid,
input.wpcf7-not-valid {
  color: #cf190e;
  border-color: #d63c32;
}
textarea.wpcf7-not-valid.clicked,
input.wpcf7-not-valid.clicked {
  color: #9c9b9a;
  border-color: #e3e3e2;
  background-color: white;
}
textarea.wpcf7-not-valid.clicked:focus,
input.wpcf7-not-valid.clicked:focus {
  color: #747371;
  border-color: #ffa726;
  background-color: white;
}

span.wpcf7-not-valid input[type=checkbox] + span:before {
  box-shadow: 0 0 0 1px #cf190e;
}
span.wpcf7-not-valid.clicked input[type=checkbox] + span:before, span.wpcf7-not-valid.clicked input[type=checkbox]:checked + span:before {
  box-shadow: 0 0 0 1px #e3e3e2;
}

.user-is-tabbing span.wpcf7-not-valid.clicked input[type=checkbox]:focus + span:before, .user-is-tabbing span.wpcf7-not-valid.clicked input[type=checkbox]:checked:focus + span:before {
  box-shadow: 0 0 0 1px #ffa726;
}

span.wpcf7-list-item {
  display: inline-block;
  margin-right: 1em;
}
span.wpcf7-list-item.last {
  margin-right: 0;
}

.wpcf7-display-none {
  display: none;
}

div.wpcf7 .ajax-loader.is-active,
div.wpcf7 .ajax-loader,
div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #bcbbba;
}

div.wpcf7 .wpcf7-recaptcha iframe {
  margin-bottom: 0;
}

div.wpcf7 input[type=file] {
  cursor: pointer;
}

div.wpcf7 input[type=file]:disabled {
  cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.safari .wpcf7-date,
.chrome .wpcf7-date,
.edge .wpcf7-date {
  max-width: 8.75em;
}

.ie .wpcf7-date {
  max-width: 7.75em;
}

/* > WP Featherlight ---------------------------------------- */
@keyframes featherlightLoader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.featherlight {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: -75px;
  bottom: -75px;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
  z-index: 30;
}
.featherlight button {
  min-height: 0;
  overflow: hidden;
}

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.9);
}

.featherlight .featherlight-content {
  position: relative;
  max-height: calc(100% - 40px);
  max-width: calc(100% - 80px);
  background: black;
  animation: fadein 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: auto;
}
.featherlight .featherlight-content > :last-child {
  margin-bottom: 0;
}

.featherlight-iframe .featherlight-content {
  border-bottom: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  padding: 0;
}

@media (min-width: 600px) {
  .featherlight .featherlight-content {
    max-width: calc(100% - 110px);
  }
}
@media (min-width: 640px) {
  .featherlight .featherlight-content {
    max-height: 80%;
    max-width: 80%;
    overflow: visible;
  }
}
.featherlight .featherlight-inner {
  display: block;
}

@media (max-width: 639.99px) {
  .featherlight .featherlight-inner {
    width: 100% !important;
    height: auto !important;
  }
}
.featherlight .featherlight-content .caption {
  padding: 0.875em 1.125em;
  line-height: 1.5em;
  color: #9c9b9a;
  background: white;
  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 640px) {
  .featherlight .featherlight-content .caption {
    position: absolute;
    max-width: calc(100% - 48px);
    bottom: 24px;
    left: 24px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
  }

  .featherlight .featherlight-content .featherlight-close:hover ~ .caption,
.featherlight .featherlight-content .featherlight-next:hover ~ .caption,
.featherlight .featherlight-content .featherlight-previous:hover ~ .caption {
    opacity: 0;
  }
}
.featherlight .featherlight-content:hover > .caption,
.featherlight .featherlight-content:focus > .caption {
  opacity: 1;
}

.featherlight-loading .featherlight-content {
  animation: featherlightLoader 1s infinite linear;
  border: 8px solid #9c9b9a;
  border-left-color: #f6f5f5;
  background: none;
}
.featherlight-loading .featherlight-content button {
  display: none;
}

.featherlight-loading .featherlight-content,
.featherlight-loading .featherlight-content::after {
  border-radius: 50%;
  height: 10em;
  width: 10em;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
  display: none;
}

.featherlight .featherlight-close-icon {
  display: block;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  opacity: 0.6;
  padding: 0;
  background-color: transparent;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: 0;
  cursor: pointer;
  z-index: 9999;
}
.featherlight .featherlight-close-icon:focus, .featherlight .featherlight-close-icon:hover {
  opacity: 1;
}

.featherlight-next,
.featherlight-previous {
  display: block;
  position: fixed;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  white-space: nowrap;
  text-indent: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 0.4;
  overflow: hidden;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.featherlight-next:focus, .featherlight-next:hover,
.featherlight-previous:focus,
.featherlight-previous:hover {
  opacity: 1;
}
.featherlight-next span,
.featherlight-previous span {
  display: none;
}

.featherlight-next {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E);
  right: 0;
}

.featherlight-previous {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E);
  left: 0;
}

.featherlight-loading .featherlight-next,
.featherlight-loading .featherlight-previous {
  display: none;
}

@media (min-width: 600px) {
  .featherlight-next {
    right: 10px;
  }

  .featherlight-previous {
    left: 10px;
  }
}
/* > WP Cloudy Weather Widget ------------------------------- */
@font-face {
  font-family: Climacons-Font;
  src: url(../vendors/wp-cloudy/fonts/climacons-webfont.eot);
  src: url(../vendors/wp-cloudy/fonts/climacons-webfont.eot?#iefix) format("embedded-opentype"), url(../vendors/wp-cloudy/fonts/climacons-webfont.svg#Climacons-Font) format("svg"), url(../vendors/wp-cloudy/fonts/climacons-webfont.woff) format("woff"), url(../vendors/wp-cloudy/fonts/climacons-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
#wpc-weather {
  position: relative;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

#wpc-weather .wpc-highlight {
  display: block;
  font-weight: 700;
}

#wpc-weather .hours .temperature .wpc-highlight,
#wpc-weather .temp_max .wpc-highlight,
#wpc-weather .today .time_temperature_ave .wpc-highlight,
#wpc-weather .today .time_temperature_max .wpc-highlight {
  display: inline-block;
}

#wpc-weather.medium .now .location_name {
  font-size: 1.375em;
}

#wpc-weather.large .now .location_name {
  font-size: 1.75em;
}

#wpc-weather.small .now .climacon:before {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 1.625em;
}

#wpc-weather.medium .now .climacon:before {
  font-size: 100px;
  line-height: 100px;
  margin-bottom: 1.625em;
}

#wpc-weather .forecast .climacon,
#wpc-weather .hours .climacon,
#wpc-weather .now .climacon:before {
  font-family: Climacons-Font;
  speak: none;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#wpc-weather.large .now .climacon:before {
  font-size: 200px;
}

#wpc-weather .now .time_symbol {
  text-align: center;
  background-color: #f6f5f5;
  margin-bottom: 1em;
}
@media (min-width: 1200px) {
  #wpc-weather .now .time_symbol {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='%23e3e3e2'%3E %3Cpath d='M16 48 L30 56 L32 54 L48 62 L54 56 L64 62 L64 64 L0 64 L0 52 L8 56 Z'/%3E %3C/svg%3E");
    background-size: auto 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
}

#wpc-weather.small .now .time_symbol svg {
  width: 100px;
  height: 100px;
  fill: #747371;
}

#wpc-weather.medium .now .time_symbol svg {
  width: 150px;
  height: 150px;
}

#wpc-weather.large .now .time_symbol svg {
  width: 200px;
  height: 200px;
}

#wpc-weather .infos,
#wpc-weather .short_condition {
  width: 100%;
  display: inline-block;
}

#wpc-weather.small .now .time_temperature {
  margin-bottom: 0.125em;
  font-size: 2.25em;
  color: #747371;
}

#wpc-weather.medium .now .time_temperature {
  font-size: 3em;
}

#wpc-weather.large .now .time_temperature {
  font-size: 4em;
  margin: 0;
}

#wpc-weather .short_condition {
  display: none;
}

#wpc-weather .infos .cloudiness,
#wpc-weather .infos .humidity,
#wpc-weather .infos .precipitation,
#wpc-weather .infos .pressure,
#wpc-weather .infos .wind {
  display: inline-block;
  float: left;
  margin: 10px 0;
  text-align: center;
  width: 20%;
}

#wpc-weather .today .day {
  float: left;
  text-align: left;
  min-width: 88px;
  width: 20%;
}
#wpc-weather .today .day .wpc-highlight {
  display: none;
}

#wpc-weather .today .time_temperature_ave,
#wpc-weather .today .time_temperature_max {
  float: right;
  width: 50px;
  text-align: right;
}

#wpc-weather .today .time_temperature_min {
  float: right;
  margin-right: 10px;
  text-align: right;
  width: 50px;
}

#wpc-weather .today .sun_hours {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#wpc-weather .forecast,
#wpc-weather .hours,
#wpc-weather .today {
  display: inline-block;
  width: 100%;
}

#wpc-weather .today .sun_hours .sunrise:before,
#wpc-weather .today .sun_hours .sunset:before {
  font-size: 3em;
  font-family: Climacons-Font;
  vertical-align: middle;
  padding-right: 0.25em;
}

#wpc-weather .today .sun_hours .sunrise:before {
  content: "\e02a";
  color: #9c9b9a;
}

#wpc-weather .today .sun_hours .sunset:before {
  content: "\e029";
  color: #9c9b9a;
}

#wpc-weather .hours {
  border-bottom-style: solid;
  border-top-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  text-align: center;
}

#wpc-weather .hours .climacon {
  font-size: 30px;
  display: block;
  text-align: center;
}

#wpc-weather .hours .symbol {
  height: 30px;
  position: relative;
}

#wpc-weather .hours .fifth,
#wpc-weather .hours .first,
#wpc-weather .hours .fourth,
#wpc-weather .hours .second,
#wpc-weather .hours .sixth,
#wpc-weather .hours .third {
  display: inline-block;
  margin: 0 6% 0 0;
  width: auto;
}

#wpc-weather .hours .first {
  margin: 0 6%;
}

#wpc-weather .forecast .eighth,
#wpc-weather .forecast .eleventh,
#wpc-weather .forecast .fifteenth,
#wpc-weather .forecast .fifth,
#wpc-weather .forecast .first,
#wpc-weather .forecast .fourteenth,
#wpc-weather .forecast .fourth,
#wpc-weather .forecast .ninth,
#wpc-weather .forecast .second,
#wpc-weather .forecast .seventh,
#wpc-weather .forecast .sixth,
#wpc-weather .forecast .tenth,
#wpc-weather .forecast .third,
#wpc-weather .forecast .thirteenth,
#wpc-weather .forecast .twelfth {
  display: flex;
  align-items: center;
  width: 100%;
}

#wpc-weather .forecast > div + div {
  margin-top: 0.25em;
}

#wpc-weather .forecast .day {
  float: left;
  text-transform: capitalize;
  width: 100px;
}

#wpc-weather .forecast .symbol {
  float: left;
  width: 100px;
  position: relative;
}

#wpc-weather .forecast .temp_max,
#wpc-weather .forecast .temp_min {
  float: right;
  text-align: right;
  width: 50px;
}

#wpc-weather .forecast .rain {
  float: right;
}

#wpc-weather .forecast .temp_min {
  margin-right: 10px;
}

#wpc-weather .forecast .climacon {
  font-size: 30px;
  display: block;
  text-align: center;
  color: #9c9b9a;
}

#wpc-weather .location_name,
#wpc-weather .time_temperature {
  font-size: 44px;
  text-align: center;
}

#wpc-weather .hours .symbol span,
#wpc-weather .time_symbol span {
  position: absolute;
  text-indent: -9999px;
}

#wpc-weather .time_temperature {
  display: flex;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}
#wpc-weather .time_temperature:after {
  position: relative;
  font-weight: 400;
  top: -0.125em;
}

#wpc-weather .now .climacon:before {
  font-size: 200px;
  display: block;
  text-align: center;
}

#wpc-weather #wpc-map-container {
  width: 100%;
}

#wpc-weather #wpc-map {
  height: 300px;
  position: relative;
  width: 100%;
  z-index: 3;
}

#wpc-weather #wpc-map svg {
  width: auto;
  height: auto;
}

#wpc-weather .wpc-link-owm {
  float: left;
}

#wpc-weather .wpc-last-update {
  float: right;
}

#wpc-weather .wpc-last-update,
#wpc-weather .wpc-link-owm {
  font-size: 11px;
}

#wpc-weather .climacon.w800:before {
  content: "\e028";
}

#wpc-weather .climacon.w801:before {
  content: "\e001";
}

#wpc-weather .climacon.w802:before {
  content: "\e000";
}

#wpc-weather .climacon.w803:before,
#wpc-weather .climacon.w804:before {
  content: "\e000";
}

#wpc-weather .climacon.w500:before,
#wpc-weather .climacon.w501:before {
  content: "\e004";
}

#wpc-weather .climacon.w502:before {
  content: "\e003";
}

#wpc-weather .climacon.w503:before {
  content: "\e007";
}

#wpc-weather .climacon.w504:before {
  content: "\e006";
}

#wpc-weather .climacon.w511:before {
  content: "\e00a";
}

#wpc-weather .climacon.w520:before {
  content: "\e009";
}

#wpc-weather .climacon.w521:before {
  content: "\e00d";
}

#wpc-weather .climacon.w300:before,
#wpc-weather .climacon.w301:before,
#wpc-weather .climacon.w302:before,
#wpc-weather .climacon.w310:before,
#wpc-weather .climacon.w311:before,
#wpc-weather .climacon.w312:before,
#wpc-weather .climacon.w321:before,
#wpc-weather .climacon.w522:before {
  content: "\e00c";
}

#wpc-weather .climacon.w600:before {
  content: "\e016";
}

#wpc-weather .climacon.w601:before {
  content: "\e015";
}

#wpc-weather .climacon.w602:before {
  content: "\e019";
}

#wpc-weather .climacon.w611:before {
  content: "\e015";
}

#wpc-weather .climacon.w621:before {
  content: "\e018";
}

#wpc-weather .climacon.w701:before {
  content: "\e01f";
}

#wpc-weather .climacon.w711:before,
#wpc-weather .climacon.w721:before {
  content: "\e01e";
}

#wpc-weather .climacon.w731:before {
  content: "\e01c";
}

#wpc-weather .climacon.w741:before {
  content: "\e01b";
}

#wpc-weather .climacon.w900:before {
  content: "\e037";
}

#wpc-weather .climacon.w901:before,
#wpc-weather .climacon.w902:before {
  content: "\e022";
}

#wpc-weather .climacon.w903:before {
  content: "\e038";
}

#wpc-weather .climacon.w904:before {
  content: "\e03d";
}

#wpc-weather .climacon.w905:before {
  content: "\e021";
}

#wpc-weather .climacon.w906:before {
  content: "\e012";
}

#wpc-weather .climacon.w200:before {
  content: "\e025";
}

#wpc-weather.wpc-xs .today .day {
  font-weight: 700;
  color: #9c9b9a;
  text-align: center;
  width: 100%;
}

#wpc-weather.wpc-xs .today .sun_hours {
  width: 100%;
}

#wpc-weather.wpc-xs .today .sun_hours .sunrise,
#wpc-weather.wpc-xs .today .sun_hours .sunset {
  display: block;
}

#wpc-weather.wpc-xs .infos .cloudiness,
#wpc-weather.wpc-xs .infos .humidity,
#wpc-weather.wpc-xs .infos .precipitation,
#wpc-weather.wpc-xs .infos .pressure,
#wpc-weather.wpc-xs .infos .wind {
  width: 100%;
  margin: 2px;
}

#wpc-weather.wpc-xs .hours .fifth,
#wpc-weather.wpc-xs .hours .first,
#wpc-weather.wpc-xs .hours .fourth,
#wpc-weather.wpc-xs .hours .second,
#wpc-weather.wpc-xs .hours .sixth,
#wpc-weather.wpc-xs .hours .third {
  width: 36%;
  margin: 0 6% 0 0;
}

#wpc-weather.wpc-xs .forecast .day {
  width: 100%;
  min-width: 5em;
  font-size: 0.875em;
  font-weight: 600;
}

#wpc-weather.wpc-xs .forecast .symbol {
  width: 100%;
  height: 30px;
}

#wpc-weather.wpc-xs .forecast .rain {
  text-align: center;
  float: none;
  margin: 0;
}

#wpc-weather.wpc-xs .forecast .temp_min {
  float: left;
  margin-right: 0;
  text-align: left;
  width: 50%;
  clear: both;
}

#wpc-weather.wpc-xs .forecast .temp_max {
  float: right;
  text-align: right;
  width: 50%;
}

@media screen and (max-width: 767px) {
  #wpc-weather .infos .cloudiness,
#wpc-weather .infos .humidity,
#wpc-weather .infos .precipitation,
#wpc-weather .infos .pressure,
#wpc-weather .infos .wind {
    width: 100%;
  }

  #wpc-weather .hours .fifth,
#wpc-weather .hours .first,
#wpc-weather .hours .fourth,
#wpc-weather .hours .second,
#wpc-weather .hours .sixth,
#wpc-weather .hours .third {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
  }

  #wpc-weather .forecast .day {
    width: inherit;
  }

  #wpc-weather .forecast .symbol {
    width: auto;
  }

  #wpc-weather .forecast .rain {
    margin-left: 5px;
  }

  #wpc-weather .forecast .temp_max {
    float: right;
    text-align: right;
  }

  #wpc-weather .forecast .temp_min {
    margin-right: 0;
    text-align: right;
    width: auto;
    margin-left: 10px;
  }
}
#wpc-weather.small .now .time_temperature:after {
  position: relative;
  top: -0.125em;
  font-size: 1em !important;
  margin-left: 0.125em !important;
  line-height: 1;
}

#wpc-weather .forecast .temp_max:after,
#wpc-weather .forecast .temp_min:after,
#wpc-weather .hours .temperature:after,
#wpc-weather .today .time_temperature_max:after,
#wpc-weather .today .time_temperature_min:after,
#wpc-weather .now .time_temperature:after,
#wpc-weather .today .time_temperature_ave:after {
  position: relative;
  top: 0.0625em;
  font-size: 1.25em !important;
  margin-left: 0.125em !important;
  line-height: 1;
}

#wpc-weather .climacon_componentWrap-sun_cloud,
#wpc-weather .climacon_componentWrap-sunriseAlt,
#wpc-weather .climacon_componentWrap-sunsetAlt,
#wpc-weather .climacon_iconWrap-cloudDrizzleSun,
#wpc-weather .climacon_iconWrap-cloudDrizzleSun g,
#wpc-weather .climacon_iconWrap-cloudDrizzleSun g g,
#wpc-weather .climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,
#wpc-weather .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke,
#wpc-weather .climacon_wrapperComponent-sunBody {
  animation-name: none !important;
}

/* > WP Cloudy Weather Widget Animations -------------------- */
#wpc-weather .climacon_component-fill,
#wpc-weather .climacon_component-stroke {
  -webkit-text-stroke-width: 0;
  stroke-width: 0;
}

#wpc-weather svg {
  float: none;
  shape-rendering: geometric-precision;
}

@media only screen and (min-width: 480px) {
  #wpc-weather svg {
    width: 50%;
  }
}
@media only screen and (min-width: 600px) {
  #wpc-weather svg {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  #wpc-weather svg {
    width: 33.333%;
  }
}
@media only screen and (min-width: 992px) {
  #wpc-weather svg {
    width: 25%;
  }
}
@media only screen and (max-height: 319px) {
  #wpc-weather svg {
    height: 29%;
  }
}
@media only screen and (min-height: 320px) {
  #wpc-weather svg {
    height: 22%;
  }
}
@media only screen and (min-height: 768px) {
  #wpc-weather svg {
    height: 30%;
  }
}
@media only screen and (min-height: 1000px) {
  #wpc-weather svg {
    height: 30%;
  }
}
@media only screen and (min-height: 1400px) {
  #wpc-weather svg {
    height: 22%;
  }
}
#wpc-weather svg,
#wpc-weather svg * {
  transform-box: fill-box;
}

#wpc-weather .climacon_component-fill {
  -webkit-text-fill-color: #f6f5f5;
  -webkit-text-stroke-color: white;
  fill: #f6f5f5;
  stroke: white;
}

#wpc-weather circle,
#wpc-weather g,
#wpc-weather path,
#wpc-weather rect {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-duration: 12s;
}

#wpc-weather .climacon_componentWrap-sun {
  animation-name: rotate;
}

#wpc-weather .climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,
#wpc-weather .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-name: scale;
  animation-direction: alternate;
  animation-duration: 3s;
}

#wpc-weather .climacon_component-stroke_fogLine,
#wpc-weather .climacon_componentWrap-snowflake {
  animation-direction: normal;
}

#wpc-weather .climacon_iconWrap .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 3s;
}

#wpc-weather .climacon_componentWrap-moon {
  animation-name: wobble;
}

#wpc-weather .climacon_componentWrap-snowflake {
  animation-name: rotate;
  animation-duration: 36s;
  animation-direction: normal;
}

#wpc-weather .climacon_componentWrap-wind {
  animation-name: translateWind;
  animation-duration: 4s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

#wpc-weather .climacon_componentWrap-moon_cloud,
#wpc-weather .climacon_componentWrap-sun_cloud {
  animation-timing-function: ease-out, linear;
}

#wpc-weather .climacon_componentWrap-sun_cloud {
  animation-name: behindCloudMove, rotate;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 3s;
  animation-duration: 3s, 12s;
}

#wpc-weather .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-name: fillOpacity, scale;
  animation-direction: alternate;
  animation-iteration-count: 1, infinite;
  animation-delay: 3s, 0;
  animation-duration: 3s;
  animation-fill-mode: both;
}

#wpc-weather .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 3s;
}

#wpc-weather .climacon_componentWrap-moon_cloud {
  animation-name: behindCloudMove, wobble;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 3s;
  animation-duration: 3s, 12s;
}

#wpc-weather .climacon_component-stroke_drizzle,
#wpc-weather .climacon_component-stroke_rain {
  animation-timing-function: ease-in;
  fill-opacity: 0;
}

#wpc-weather .climacon_component-stroke_drizzle {
  animation-name: drizzleFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

#wpc-weather .climacon_component-stroke_drizzle:nth-child(1) {
  animation-delay: 0s;
}

#wpc-weather .climacon_component-stroke_drizzle:nth-child(2) {
  animation-delay: 0.6s;
}

#wpc-weather .climacon_component-stroke_drizzle:nth-child(3) {
  animation-delay: 1.2s;
}

#wpc-weather .climacon_component-stroke_rain {
  animation-name: rainFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}

#wpc-weather .climacon_component-stroke_rain:nth-child(n+4),
#wpc-weather .climacon_component-stroke_rain_alt:nth-child(2) {
  animation-delay: 1s;
}

#wpc-weather .climacon_component-stroke_hailAlt {
  fill-opacity: 0;
  animation-timing-function: ease-in;
  animation-duration: 0.66667s;
}

#wpc-weather .climacon_component-stroke_hailAlt-left {
  animation-name: hailLeft, fillOpacity2;
}

#wpc-weather .climacon_component-stroke_hailAlt-middle {
  animation-name: hailMiddle, fillOpacity2;
}

#wpc-weather .climacon_component-stroke_hailAlt-middle:nth-child(2) {
  animation-name: hailMiddle2, fillOpacity2;
}

#wpc-weather .climacon_component-stroke_hailAlt-right {
  animation-name: hailRight, fillOpacity2;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(1) {
  animation-delay: 0s;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(2) {
  animation-delay: 0.11111s;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(3) {
  animation-delay: 0.22222s;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(4) {
  animation-delay: 0.33333s;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(5) {
  animation-delay: 0.44444s;
}

#wpc-weather .climacon_component-stroke_hailAlt:nth-child(6) {
  animation-delay: 0.55556s;
}

#wpc-weather .climacon_component-stroke_snow {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 6s;
}

#wpc-weather .climacon_component-stroke_snow:nth-child(1) {
  animation-delay: 0s;
}

#wpc-weather .climacon_component-stroke_snow:nth-child(2) {
  animation-delay: 2s;
}

#wpc-weather .climacon_component-stroke_snow:nth-child(3) {
  animation-name: snowFall2, fillOpacity2;
  animation-delay: 4s;
}

#wpc-weather .climacon_component-snowAlt {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 6s;
}

#wpc-weather .climacon_component-stroke_fogLine,
#wpc-weather .climacon_component-stroke_lightning {
  animation-iteration-count: infinite;
  animation-duration: 12s;
}

#wpc-weather .climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  animation-name: translateFog, fillOpacityFog;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in;
  animation-duration: 12s;
}

#wpc-weather .climacon_component-stroke_fogLine:nth-child(even) {
  animation-delay: 6s;
}

#wpc-weather .climacon_component-stroke_lightning {
  fill-opacity: 0;
  animation-name: lightningFlash;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-duration: 12s;
}

#wpc-weather .climacon_component-stroke_tornadoLine {
  animation-name: translateTornado1;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-duration: 12s;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(1) {
  animation-name: translateTornado1;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(2) {
  animation-name: translateTornado2;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(3) {
  animation-name: translateTornado3;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(4) {
  animation-name: translateTornado4;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(5) {
  animation-name: translateTornado5;
}

#wpc-weather .climacon_component-stroke_tornadoLine:nth-child(6) {
  animation-name: translateTornado6;
}

#wpc-weather .climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowUp;
  animation-duration: 3s;
}

#wpc-weather .climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowDown;
  animation-duration: 3s;
}

#wpc-weather .climacon_componentWrap-sunriseAlt {
  animation-name: translateSunrise, fillOpacity;
  animation-duration: 12s, 6s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#wpc-weather .climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-delay: 0;
  animation-duration: 12s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes wobble {
  0%, 100%, 50% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes behindCloudMove {
  0% {
    transform: translateX(-1.75px) translateY(1.75px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes drizzleFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(21px);
  }
}
@keyframes rainFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(14px);
  }
}
@keyframes rainFall2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(14px);
  }
  100% {
    transform: translateX(14px) translateY(14px);
  }
}
@keyframes hailLeft {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.3px);
  }
  52% {
    transform: translateY(16.95px) translateX(-0.6px);
  }
  53% {
    transform: translateY(16.4px) translateX(-0.9px);
  }
  54% {
    transform: translateY(15.86px) translateX(-1.2px);
  }
  55% {
    transform: translateY(15.32px) translateX(-1.5px);
  }
  56% {
    transform: translateY(14.8px) translateX(-1.8px);
  }
  57% {
    transform: translateY(14.28px) translateX(-2.1px);
  }
  58% {
    transform: translateY(13.77px) translateX(-2.4px);
  }
  59% {
    transform: translateY(13.28px) translateX(-2.7px);
  }
  60% {
    transform: translateY(12.81px) translateX(-3px);
  }
  61% {
    transform: translateY(12.36px) translateX(-3.3px);
  }
  62% {
    transform: translateY(11.92px) translateX(-3.6px);
  }
  63% {
    transform: translateY(11.51px) translateX(-3.9px);
  }
  64% {
    transform: translateY(11.12px) translateX(-4.2px);
  }
  65% {
    transform: translateY(10.76px) translateX(-4.5px);
  }
  66% {
    transform: translateY(10.42px) translateX(-4.8px);
  }
  67% {
    transform: translateY(10.11px) translateX(-5.1px);
  }
  68% {
    transform: translateY(9.83px) translateX(-5.4px);
  }
  69% {
    transform: translateY(9.58px) translateX(-5.7px);
  }
  70% {
    transform: translateY(9.36px) translateX(-6px);
  }
  71% {
    transform: translateY(9.18px) translateX(-6.3px);
  }
  72% {
    transform: translateY(9.02px) translateX(-6.6px);
  }
  73% {
    transform: translateY(8.9px) translateX(-6.9px);
  }
  74% {
    transform: translateY(8.82px) translateX(-7.2px);
  }
  75% {
    transform: translateY(8.77px) translateX(-7.5px);
  }
  76% {
    transform: translateY(8.75px) translateX(-7.8px);
  }
  77% {
    transform: translateY(8.77px) translateX(-8.1px);
  }
  78% {
    transform: translateY(8.82px) translateX(-8.4px);
  }
  79% {
    transform: translateY(8.9px) translateX(-8.7px);
  }
  80% {
    transform: translateY(9.02px) translateX(-9px);
  }
  81% {
    transform: translateY(9.18px) translateX(-9.3px);
  }
  82% {
    transform: translateY(9.36px) translateX(-9.6px);
  }
  83% {
    transform: translateY(9.58px) translateX(-9.9px);
  }
  84% {
    transform: translateY(9.83px) translateX(-10.2px);
  }
  85% {
    transform: translateY(10.11px) translateX(-10.5px);
  }
  86% {
    transform: translateY(10.42px) translateX(-10.8px);
  }
  87% {
    transform: translateY(10.76px) translateX(-11.1px);
  }
  88% {
    transform: translateY(11.12px) translateX(-11.4px);
  }
  89% {
    transform: translateY(11.51px) translateX(-11.7px);
  }
  90% {
    transform: translateY(11.92px) translateX(-12px);
  }
  91% {
    transform: translateY(12.36px) translateX(-12.3px);
  }
  92% {
    transform: translateY(12.81px) translateX(-12.6px);
  }
  93% {
    transform: translateY(13.28px) translateX(-12.9px);
  }
  94% {
    transform: translateY(13.77px) translateX(-13.2px);
  }
  95% {
    transform: translateY(14.28px) translateX(-13.5px);
  }
  96% {
    transform: translateY(14.8px) translateX(-13.8px);
  }
  97% {
    transform: translateY(15.32px) translateX(-14.1px);
  }
  98% {
    transform: translateY(15.86px) translateX(-14.4px);
  }
  99% {
    transform: translateY(16.4px) translateX(-14.7px);
  }
  100% {
    transform: translateY(16.95px) translateX(-15px);
  }
}
@keyframes hailMiddle {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.15px);
  }
  52% {
    transform: translateY(16.95px) translateX(-0.3px);
  }
  53% {
    transform: translateY(16.4px) translateX(-0.45px);
  }
  54% {
    transform: translateY(15.86px) translateX(-0.6px);
  }
  55% {
    transform: translateY(15.32px) translateX(-0.75px);
  }
  56% {
    transform: translateY(14.8px) translateX(-0.9px);
  }
  57% {
    transform: translateY(14.28px) translateX(-1.05px);
  }
  58% {
    transform: translateY(13.77px) translateX(-1.2px);
  }
  59% {
    transform: translateY(13.28px) translateX(-1.35px);
  }
  60% {
    transform: translateY(12.81px) translateX(-1.5px);
  }
  61% {
    transform: translateY(12.36px) translateX(-1.65px);
  }
  62% {
    transform: translateY(11.92px) translateX(-1.8px);
  }
  63% {
    transform: translateY(11.51px) translateX(-1.95px);
  }
  64% {
    transform: translateY(11.12px) translateX(-2.1px);
  }
  65% {
    transform: translateY(10.76px) translateX(-2.25px);
  }
  66% {
    transform: translateY(10.42px) translateX(-2.4px);
  }
  67% {
    transform: translateY(10.11px) translateX(-2.55px);
  }
  68% {
    transform: translateY(9.83px) translateX(-2.7px);
  }
  69% {
    transform: translateY(9.58px) translateX(-2.85px);
  }
  70% {
    transform: translateY(9.36px) translateX(-3px);
  }
  71% {
    transform: translateY(9.18px) translateX(-3.15px);
  }
  72% {
    transform: translateY(9.02px) translateX(-3.3px);
  }
  73% {
    transform: translateY(8.9px) translateX(-3.45px);
  }
  74% {
    transform: translateY(8.82px) translateX(-3.6px);
  }
  75% {
    transform: translateY(8.77px) translateX(-3.75px);
  }
  76% {
    transform: translateY(8.75px) translateX(-3.9px);
  }
  77% {
    transform: translateY(8.77px) translateX(-4.05px);
  }
  78% {
    transform: translateY(8.82px) translateX(-4.2px);
  }
  79% {
    transform: translateY(8.9px) translateX(-4.35px);
  }
  80% {
    transform: translateY(9.02px) translateX(-4.5px);
  }
  81% {
    transform: translateY(9.18px) translateX(-4.65px);
  }
  82% {
    transform: translateY(9.36px) translateX(-4.8px);
  }
  83% {
    transform: translateY(9.58px) translateX(-4.95px);
  }
  84% {
    transform: translateY(9.83px) translateX(-5.1px);
  }
  85% {
    transform: translateY(10.11px) translateX(-5.25px);
  }
  86% {
    transform: translateY(10.42px) translateX(-5.4px);
  }
  87% {
    transform: translateY(10.76px) translateX(-5.55px);
  }
  88% {
    transform: translateY(11.12px) translateX(-5.7px);
  }
  89% {
    transform: translateY(11.51px) translateX(-5.85px);
  }
  90% {
    transform: translateY(11.92px) translateX(-6px);
  }
  91% {
    transform: translateY(12.36px) translateX(-6.15px);
  }
  92% {
    transform: translateY(12.81px) translateX(-6.3px);
  }
  93% {
    transform: translateY(13.28px) translateX(-6.45px);
  }
  94% {
    transform: translateY(13.77px) translateX(-6.6px);
  }
  95% {
    transform: translateY(14.28px) translateX(-6.75px);
  }
  96% {
    transform: translateY(14.8px) translateX(-6.9px);
  }
  97% {
    transform: translateY(15.32px) translateX(-7.05px);
  }
  98% {
    transform: translateY(15.86px) translateX(-7.2px);
  }
  99% {
    transform: translateY(16.4px) translateX(-7.35px);
  }
  100% {
    transform: translateY(16.95px) translateX(-7.5px);
  }
}
@keyframes hailMiddle2 {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.15px);
  }
  52% {
    transform: translateY(16.95px) translateX(0.3px);
  }
  53% {
    transform: translateY(16.4px) translateX(0.45px);
  }
  54% {
    transform: translateY(15.86px) translateX(0.6px);
  }
  55% {
    transform: translateY(15.32px) translateX(0.75px);
  }
  56% {
    transform: translateY(14.8px) translateX(0.9px);
  }
  57% {
    transform: translateY(14.28px) translateX(1.05px);
  }
  58% {
    transform: translateY(13.77px) translateX(1.2px);
  }
  59% {
    transform: translateY(13.28px) translateX(1.35px);
  }
  60% {
    transform: translateY(12.81px) translateX(1.5px);
  }
  61% {
    transform: translateY(12.36px) translateX(1.65px);
  }
  62% {
    transform: translateY(11.92px) translateX(1.8px);
  }
  63% {
    transform: translateY(11.51px) translateX(1.95px);
  }
  64% {
    transform: translateY(11.12px) translateX(2.1px);
  }
  65% {
    transform: translateY(10.76px) translateX(2.25px);
  }
  66% {
    transform: translateY(10.42px) translateX(2.4px);
  }
  67% {
    transform: translateY(10.11px) translateX(2.55px);
  }
  68% {
    transform: translateY(9.83px) translateX(2.7px);
  }
  69% {
    transform: translateY(9.58px) translateX(2.85px);
  }
  70% {
    transform: translateY(9.36px) translateX(3px);
  }
  71% {
    transform: translateY(9.18px) translateX(3.15px);
  }
  72% {
    transform: translateY(9.02px) translateX(3.3px);
  }
  73% {
    transform: translateY(8.9px) translateX(3.45px);
  }
  74% {
    transform: translateY(8.82px) translateX(3.6px);
  }
  75% {
    transform: translateY(8.77px) translateX(3.75px);
  }
  76% {
    transform: translateY(8.75px) translateX(3.9px);
  }
  77% {
    transform: translateY(8.77px) translateX(4.05px);
  }
  78% {
    transform: translateY(8.82px) translateX(4.2px);
  }
  79% {
    transform: translateY(8.9px) translateX(4.35px);
  }
  80% {
    transform: translateY(9.02px) translateX(4.5px);
  }
  81% {
    transform: translateY(9.18px) translateX(4.65px);
  }
  82% {
    transform: translateY(9.36px) translateX(4.8px);
  }
  83% {
    transform: translateY(9.58px) translateX(4.95px);
  }
  84% {
    transform: translateY(9.83px) translateX(5.1px);
  }
  85% {
    transform: translateY(10.11px) translateX(5.25px);
  }
  86% {
    transform: translateY(10.42px) translateX(5.4px);
  }
  87% {
    transform: translateY(10.76px) translateX(5.55px);
  }
  88% {
    transform: translateY(11.12px) translateX(5.7px);
  }
  89% {
    transform: translateY(11.51px) translateX(5.85px);
  }
  90% {
    transform: translateY(11.92px) translateX(6px);
  }
  91% {
    transform: translateY(12.36px) translateX(6.15px);
  }
  92% {
    transform: translateY(12.81px) translateX(6.3px);
  }
  93% {
    transform: translateY(13.28px) translateX(6.45px);
  }
  94% {
    transform: translateY(13.77px) translateX(6.6px);
  }
  95% {
    transform: translateY(14.28px) translateX(6.75px);
  }
  96% {
    transform: translateY(14.8px) translateX(6.9px);
  }
  97% {
    transform: translateY(15.32px) translateX(7.05px);
  }
  98% {
    transform: translateY(15.86px) translateX(7.2px);
  }
  99% {
    transform: translateY(16.4px) translateX(7.35px);
  }
  100% {
    transform: translateY(16.95px) translateX(7.5px);
  }
}
@keyframes hailRight {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.3px);
  }
  52% {
    transform: translateY(16.95px) translateX(0.6px);
  }
  53% {
    transform: translateY(16.4px) translateX(0.9px);
  }
  54% {
    transform: translateY(15.86px) translateX(1.2px);
  }
  55% {
    transform: translateY(15.32px) translateX(1.5px);
  }
  56% {
    transform: translateY(14.8px) translateX(1.8px);
  }
  57% {
    transform: translateY(14.28px) translateX(2.1px);
  }
  58% {
    transform: translateY(13.77px) translateX(2.4px);
  }
  59% {
    transform: translateY(13.28px) translateX(2.7px);
  }
  60% {
    transform: translateY(12.81px) translateX(3px);
  }
  61% {
    transform: translateY(12.36px) translateX(3.3px);
  }
  62% {
    transform: translateY(11.92px) translateX(3.6px);
  }
  63% {
    transform: translateY(11.51px) translateX(3.9px);
  }
  64% {
    transform: translateY(11.12px) translateX(4.2px);
  }
  65% {
    transform: translateY(10.76px) translateX(4.5px);
  }
  66% {
    transform: translateY(10.42px) translateX(4.8px);
  }
  67% {
    transform: translateY(10.11px) translateX(5.1px);
  }
  68% {
    transform: translateY(9.83px) translateX(5.4px);
  }
  69% {
    transform: translateY(9.58px) translateX(5.7px);
  }
  70% {
    transform: translateY(9.36px) translateX(6px);
  }
  71% {
    transform: translateY(9.18px) translateX(6.3px);
  }
  72% {
    transform: translateY(9.02px) translateX(6.6px);
  }
  73% {
    transform: translateY(8.9px) translateX(6.9px);
  }
  74% {
    transform: translateY(8.82px) translateX(7.2px);
  }
  75% {
    transform: translateY(8.77px) translateX(7.5px);
  }
  76% {
    transform: translateY(8.75px) translateX(7.8px);
  }
  77% {
    transform: translateY(8.77px) translateX(8.1px);
  }
  78% {
    transform: translateY(8.82px) translateX(8.4px);
  }
  79% {
    transform: translateY(8.9px) translateX(8.7px);
  }
  80% {
    transform: translateY(9.02px) translateX(9px);
  }
  81% {
    transform: translateY(9.18px) translateX(9.3px);
  }
  82% {
    transform: translateY(9.36px) translateX(9.6px);
  }
  83% {
    transform: translateY(9.58px) translateX(9.9px);
  }
  84% {
    transform: translateY(9.83px) translateX(10.2px);
  }
  85% {
    transform: translateY(10.11px) translateX(10.5px);
  }
  86% {
    transform: translateY(10.42px) translateX(10.8px);
  }
  87% {
    transform: translateY(10.76px) translateX(11.1px);
  }
  88% {
    transform: translateY(11.12px) translateX(11.4px);
  }
  89% {
    transform: translateY(11.51px) translateX(11.7px);
  }
  90% {
    transform: translateY(11.92px) translateX(12px);
  }
  91% {
    transform: translateY(12.36px) translateX(12.3px);
  }
  92% {
    transform: translateY(12.81px) translateX(12.6px);
  }
  93% {
    transform: translateY(13.28px) translateX(12.9px);
  }
  94% {
    transform: translateY(13.77px) translateX(13.2px);
  }
  95% {
    transform: translateY(14.28px) translateX(13.5px);
  }
  96% {
    transform: translateY(14.8px) translateX(13.8px);
  }
  97% {
    transform: translateY(15.32px) translateX(14.1px);
  }
  98% {
    transform: translateY(15.86px) translateX(14.4px);
  }
  99% {
    transform: translateY(16.4px) translateX(14.7px);
  }
  100% {
    transform: translateY(16.95px) translateX(15px);
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes fillOpacity2 {
  0%, 100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes lightningFlash {
  0%, 100%, 50%, 53%, 60%, 7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1%, 51%, 54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes snowFall {
  0% {
    transform: translateY(0) translateX(0);
  }
  1% {
    transform: translateY(0.18px) translateX(0.38px);
  }
  2% {
    transform: translateY(0.35px) translateX(0.75px);
  }
  3% {
    transform: translateY(0.53px) translateX(1.11px);
  }
  4% {
    transform: translateY(0.7px) translateX(1.44px);
  }
  5% {
    transform: translateY(0.88px) translateX(1.76px);
  }
  6% {
    transform: translateY(1.05px) translateX(2.06px);
  }
  7% {
    transform: translateY(1.23px) translateX(2.35px);
  }
  8% {
    transform: translateY(1.4px) translateX(2.61px);
  }
  9% {
    transform: translateY(1.58px) translateX(2.86px);
  }
  10% {
    transform: translateY(1.75px) translateX(3.09px);
  }
  11% {
    transform: translateY(1.93px) translateX(3.3px);
  }
  12% {
    transform: translateY(2.1px) translateX(3.5px);
  }
  13% {
    transform: translateY(2.28px) translateX(3.67px);
  }
  14% {
    transform: translateY(2.45px) translateX(3.83px);
  }
  15% {
    transform: translateY(2.63px) translateX(3.97px);
  }
  16% {
    transform: translateY(2.8px) translateX(4.09px);
  }
  17% {
    transform: translateY(2.98px) translateX(4.2px);
  }
  18% {
    transform: translateY(3.15px) translateX(4.29px);
  }
  19% {
    transform: translateY(3.33px) translateX(4.36px);
  }
  20% {
    transform: translateY(3.5px) translateX(4.41px);
  }
  21% {
    transform: translateY(3.68px) translateX(4.44px);
  }
  22% {
    transform: translateY(3.85px) translateX(4.46px);
  }
  23% {
    transform: translateY(4.03px) translateX(4.46px);
  }
  24% {
    transform: translateY(4.2px) translateX(4.45px);
  }
  25% {
    transform: translateY(4.38px) translateX(4.42px);
  }
  26% {
    transform: translateY(4.55px) translateX(4.37px);
  }
  27% {
    transform: translateY(4.72px) translateX(4.31px);
  }
  28% {
    transform: translateY(4.9px) translateX(4.24px);
  }
  29% {
    transform: translateY(5.08px) translateX(4.15px);
  }
  30% {
    transform: translateY(5.25px) translateX(4.05px);
  }
  31% {
    transform: translateY(5.43px) translateX(3.93px);
  }
  32% {
    transform: translateY(5.6px) translateX(3.8px);
  }
  33% {
    transform: translateY(5.78px) translateX(3.66px);
  }
  34% {
    transform: translateY(5.95px) translateX(3.51px);
  }
  35% {
    transform: translateY(6.13px) translateX(3.34px);
  }
  36% {
    transform: translateY(6.3px) translateX(3.17px);
  }
  37% {
    transform: translateY(6.48px) translateX(2.98px);
  }
  38% {
    transform: translateY(6.65px) translateX(2.79px);
  }
  39% {
    transform: translateY(6.83px) translateX(2.59px);
  }
  40% {
    transform: translateY(7px) translateX(2.38px);
  }
  41% {
    transform: translateY(7.18px) translateX(2.16px);
  }
  42% {
    transform: translateY(7.35px) translateX(1.94px);
  }
  43% {
    transform: translateY(7.53px) translateX(1.71px);
  }
  44% {
    transform: translateY(7.7px) translateX(1.47px);
  }
  45% {
    transform: translateY(7.88px) translateX(1.23px);
  }
  46% {
    transform: translateY(8.05px) translateX(0.99px);
  }
  47% {
    transform: translateY(8.23px) translateX(0.75px);
  }
  48% {
    transform: translateY(8.4px) translateX(0.5px);
  }
  49% {
    transform: translateY(8.57px) translateX(0.25px);
  }
  50% {
    transform: translateY(8.75px) translateX(0);
  }
  51% {
    transform: translateY(8.93px) translateX(-0.25px);
  }
  52% {
    transform: translateY(9.1px) translateX(-0.5px);
  }
  53% {
    transform: translateY(9.28px) translateX(-0.75px);
  }
  54% {
    transform: translateY(9.45px) translateX(-0.99px);
  }
  55% {
    transform: translateY(9.63px) translateX(-1.23px);
  }
  56% {
    transform: translateY(9.8px) translateX(-1.47px);
  }
  57% {
    transform: translateY(9.98px) translateX(-1.71px);
  }
  58% {
    transform: translateY(10.15px) translateX(-1.94px);
  }
  59% {
    transform: translateY(10.33px) translateX(-2.16px);
  }
  60% {
    transform: translateY(10.5px) translateX(-2.38px);
  }
  61% {
    transform: translateY(10.68px) translateX(-2.59px);
  }
  62% {
    transform: translateY(10.85px) translateX(-2.79px);
  }
  63% {
    transform: translateY(11.03px) translateX(-2.98px);
  }
  64% {
    transform: translateY(11.2px) translateX(-3.17px);
  }
  65% {
    transform: translateY(11.38px) translateX(-3.34px);
  }
  66% {
    transform: translateY(11.55px) translateX(-3.51px);
  }
  67% {
    transform: translateY(11.73px) translateX(-3.66px);
  }
  68% {
    transform: translateY(11.9px) translateX(-3.8px);
  }
  69% {
    transform: translateY(12.08px) translateX(-3.93px);
  }
  70% {
    transform: translateY(12.25px) translateX(-4.05px);
  }
  71% {
    transform: translateY(12.43px) translateX(-4.15px);
  }
  72% {
    transform: translateY(12.6px) translateX(-4.24px);
  }
  73% {
    transform: translateY(12.78px) translateX(-4.31px);
  }
  74% {
    transform: translateY(12.95px) translateX(-4.37px);
  }
  75% {
    transform: translateY(13.13px) translateX(-4.42px);
  }
  76% {
    transform: translateY(13.3px) translateX(-4.45px);
  }
  77% {
    transform: translateY(13.48px) translateX(-4.46px);
  }
  78% {
    transform: translateY(13.65px) translateX(-4.46px);
  }
  79% {
    transform: translateY(13.83px) translateX(-4.44px);
  }
  80% {
    transform: translateY(14px) translateX(-4.41px);
  }
  81% {
    transform: translateY(14.18px) translateX(-4.36px);
  }
  82% {
    transform: translateY(14.35px) translateX(-4.29px);
  }
  83% {
    transform: translateY(14.53px) translateX(-4.2px);
  }
  84% {
    transform: translateY(14.7px) translateX(-4.09px);
  }
  85% {
    transform: translateY(14.88px) translateX(-3.97px);
  }
  86% {
    transform: translateY(15.05px) translateX(-3.83px);
  }
  87% {
    transform: translateY(15.23px) translateX(-3.67px);
  }
  88% {
    transform: translateY(15.4px) translateX(-3.5px);
  }
  89% {
    transform: translateY(15.58px) translateX(-3.3px);
  }
  90% {
    transform: translateY(15.75px) translateX(-3.09px);
  }
  91% {
    transform: translateY(15.93px) translateX(-2.86px);
  }
  92% {
    transform: translateY(16.1px) translateX(-2.61px);
  }
  93% {
    transform: translateY(16.27px) translateX(-2.35px);
  }
  94% {
    transform: translateY(16.45px) translateX(-2.06px);
  }
  95% {
    transform: translateY(16.63px) translateX(-1.76px);
  }
  96% {
    transform: translateY(16.8px) translateX(-1.44px);
  }
  97% {
    transform: translateY(16.98px) translateX(-1.11px);
  }
  98% {
    transform: translateY(17.15px) translateX(-0.75px);
  }
  99% {
    transform: translateY(17.33px) translateX(-0.38px);
  }
  100% {
    transform: translateY(17.5px) translateX(0);
  }
}
@keyframes snowFall2 {
  0% {
    transform: translateY(0) translateX(0);
  }
  1% {
    transform: translateY(0.18px) translateX(-0.38px);
  }
  2% {
    transform: translateY(0.35px) translateX(-0.75px);
  }
  3% {
    transform: translateY(0.53px) translateX(-1.11px);
  }
  4% {
    transform: translateY(0.7px) translateX(-1.44px);
  }
  5% {
    transform: translateY(0.88px) translateX(-1.76px);
  }
  6% {
    transform: translateY(1.05px) translateX(-2.06px);
  }
  7% {
    transform: translateY(1.23px) translateX(-2.35px);
  }
  8% {
    transform: translateY(1.4px) translateX(-2.61px);
  }
  9% {
    transform: translateY(1.58px) translateX(-2.86px);
  }
  10% {
    transform: translateY(1.75px) translateX(-3.09px);
  }
  11% {
    transform: translateY(1.93px) translateX(-3.3px);
  }
  12% {
    transform: translateY(2.1px) translateX(-3.5px);
  }
  13% {
    transform: translateY(2.28px) translateX(-3.67px);
  }
  14% {
    transform: translateY(2.45px) translateX(-3.83px);
  }
  15% {
    transform: translateY(2.63px) translateX(-3.97px);
  }
  16% {
    transform: translateY(2.8px) translateX(-4.09px);
  }
  17% {
    transform: translateY(2.98px) translateX(-4.2px);
  }
  18% {
    transform: translateY(3.15px) translateX(-4.29px);
  }
  19% {
    transform: translateY(3.33px) translateX(-4.36px);
  }
  20% {
    transform: translateY(3.5px) translateX(-4.41px);
  }
  21% {
    transform: translateY(3.68px) translateX(-4.44px);
  }
  22% {
    transform: translateY(3.85px) translateX(-4.46px);
  }
  23% {
    transform: translateY(4.03px) translateX(-4.46px);
  }
  24% {
    transform: translateY(4.2px) translateX(-4.45px);
  }
  25% {
    transform: translateY(4.38px) translateX(-4.42px);
  }
  26% {
    transform: translateY(4.55px) translateX(-4.37px);
  }
  27% {
    transform: translateY(4.72px) translateX(-4.31px);
  }
  28% {
    transform: translateY(4.9px) translateX(-4.24px);
  }
  29% {
    transform: translateY(5.08px) translateX(-4.15px);
  }
  30% {
    transform: translateY(5.25px) translateX(-4.05px);
  }
  31% {
    transform: translateY(5.43px) translateX(-3.93px);
  }
  32% {
    transform: translateY(5.6px) translateX(-3.8px);
  }
  33% {
    transform: translateY(5.78px) translateX(-3.66px);
  }
  34% {
    transform: translateY(5.95px) translateX(-3.51px);
  }
  35% {
    transform: translateY(6.13px) translateX(-3.34px);
  }
  36% {
    transform: translateY(6.3px) translateX(-3.17px);
  }
  37% {
    transform: translateY(6.48px) translateX(-2.98px);
  }
  38% {
    transform: translateY(6.65px) translateX(-2.79px);
  }
  39% {
    transform: translateY(6.83px) translateX(-2.59px);
  }
  40% {
    transform: translateY(7px) translateX(-2.38px);
  }
  41% {
    transform: translateY(7.18px) translateX(-2.16px);
  }
  42% {
    transform: translateY(7.35px) translateX(-1.94px);
  }
  43% {
    transform: translateY(7.53px) translateX(-1.71px);
  }
  44% {
    transform: translateY(7.7px) translateX(-1.47px);
  }
  45% {
    transform: translateY(7.88px) translateX(-1.23px);
  }
  46% {
    transform: translateY(8.05px) translateX(-0.99px);
  }
  47% {
    transform: translateY(8.23px) translateX(-0.75px);
  }
  48% {
    transform: translateY(8.4px) translateX(-0.5px);
  }
  49% {
    transform: translateY(8.57px) translateX(-0.25px);
  }
  50% {
    transform: translateY(8.75px) translateX(0);
  }
  51% {
    transform: translateY(8.93px) translateX(0.25px);
  }
  52% {
    transform: translateY(9.1px) translateX(0.5px);
  }
  53% {
    transform: translateY(9.28px) translateX(0.75px);
  }
  54% {
    transform: translateY(9.45px) translateX(0.99px);
  }
  55% {
    transform: translateY(9.63px) translateX(1.23px);
  }
  56% {
    transform: translateY(9.8px) translateX(1.47px);
  }
  57% {
    transform: translateY(9.98px) translateX(1.71px);
  }
  58% {
    transform: translateY(10.15px) translateX(1.94px);
  }
  59% {
    transform: translateY(10.33px) translateX(2.16px);
  }
  60% {
    transform: translateY(10.5px) translateX(2.38px);
  }
  61% {
    transform: translateY(10.68px) translateX(2.59px);
  }
  62% {
    transform: translateY(10.85px) translateX(2.79px);
  }
  63% {
    transform: translateY(11.03px) translateX(2.98px);
  }
  64% {
    transform: translateY(11.2px) translateX(3.17px);
  }
  65% {
    transform: translateY(11.38px) translateX(3.34px);
  }
  66% {
    transform: translateY(11.55px) translateX(3.51px);
  }
  67% {
    transform: translateY(11.73px) translateX(3.66px);
  }
  68% {
    transform: translateY(11.9px) translateX(3.8px);
  }
  69% {
    transform: translateY(12.08px) translateX(3.93px);
  }
  70% {
    transform: translateY(12.25px) translateX(4.05px);
  }
  71% {
    transform: translateY(12.43px) translateX(4.15px);
  }
  72% {
    transform: translateY(12.6px) translateX(4.24px);
  }
  73% {
    transform: translateY(12.78px) translateX(4.31px);
  }
  74% {
    transform: translateY(12.95px) translateX(4.37px);
  }
  75% {
    transform: translateY(13.13px) translateX(4.42px);
  }
  76% {
    transform: translateY(13.3px) translateX(4.45px);
  }
  77% {
    transform: translateY(13.48px) translateX(4.46px);
  }
  78% {
    transform: translateY(13.65px) translateX(4.46px);
  }
  79% {
    transform: translateY(13.83px) translateX(4.44px);
  }
  80% {
    transform: translateY(14px) translateX(4.41px);
  }
  81% {
    transform: translateY(14.18px) translateX(4.36px);
  }
  82% {
    transform: translateY(14.35px) translateX(4.29px);
  }
  83% {
    transform: translateY(14.53px) translateX(4.2px);
  }
  84% {
    transform: translateY(14.7px) translateX(4.09px);
  }
  85% {
    transform: translateY(14.88px) translateX(3.97px);
  }
  86% {
    transform: translateY(15.05px) translateX(3.83px);
  }
  87% {
    transform: translateY(15.23px) translateX(3.67px);
  }
  88% {
    transform: translateY(15.4px) translateX(3.5px);
  }
  89% {
    transform: translateY(15.58px) translateX(3.3px);
  }
  90% {
    transform: translateY(15.75px) translateX(3.09px);
  }
  91% {
    transform: translateY(15.93px) translateX(2.86px);
  }
  92% {
    transform: translateY(16.1px) translateX(2.61px);
  }
  93% {
    transform: translateY(16.27px) translateX(2.35px);
  }
  94% {
    transform: translateY(16.45px) translateX(2.06px);
  }
  95% {
    transform: translateY(16.63px) translateX(1.76px);
  }
  96% {
    transform: translateY(16.8px) translateX(1.44px);
  }
  97% {
    transform: translateY(16.98px) translateX(1.11px);
  }
  98% {
    transform: translateY(17.15px) translateX(0.75px);
  }
  99% {
    transform: translateY(17.33px) translateX(0.38px);
  }
  100% {
    transform: translateY(17.5px) translateX(0);
  }
}
@keyframes translateTornado1 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(4px);
  }
  75% {
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado2 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado3 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(8px);
  }
  75% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado4 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(6px);
  }
  75% {
    transform: translateX(-6px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado5 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado6 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(6px);
  }
  75% {
    transform: translateX(-6px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateFog {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.5px);
  }
  75% {
    transform: translateX(-2.5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fillOpacityFog {
  0%, 100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes translateSunrise {
  0% {
    transform: translateY(0);
  }
  100%, 25% {
    transform: translateY(-16px);
  }
}
@keyframes translateSunset {
  0% {
    transform: translateY(-16px);
  }
  100%, 25% {
    transform: translateY(-4px);
  }
}
@keyframes translateArrowDown {
  0% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(5px);
  }
}
@keyframes translateArrowUp {
  0% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateWind {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
/*# sourceMappingURL=frontend.css.map */