/*Typography

This theme uses the <b>Panton</b> font with 2 weights: regular and bold. <br>
`$font-family-sans-serif`: 'Panton', Helvetica, Arial, sans-serif;
<br><br>
There is also a <b>monospace</b> font variable:<br>
`$font-family-monospace`: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

Styleguide Variables.Fonts*/
@font-face {
  font-family: "flanders_art_serif";
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot");
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.woff") format("woff"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "flanders_art_serif_regular";
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot");
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.woff") format("woff"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "flanders_art_serif_light";
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot");
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.woff") format("woff"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

/*Typography

This theme uses the <b>Panton</b> font with 2 weights: regular and bold. <br>
`$font-family-sans-serif`: 'Panton', Helvetica, Arial, sans-serif;
<br><br>
There is also a <b>monospace</b> font variable:<br>
`$font-family-monospace`: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

Styleguide Variables.Fonts*/
@font-face {
  font-family: "flanders_art_serif";
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot");
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.woff") format("woff"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "flanders_art_serif_regular";
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot");
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.woff") format("woff"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "flanders_art_serif_light";
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot");
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.woff") format("woff"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

.webform .button, .webform-confirmation div.webform-confirmation__back a {
  display: block;
  padding: 1em 2em 1em 1em;
  margin-bottom: 30px;
  cursor: pointer;
  background: #FFFFFF;
  color: #105269;
  text-decoration: none;
  word-wrap: break-word;
  text-align: right;
  font-style: italic;
  border: 1px solid #EBEBEB !important;
  border-bottom: 0 !important;
  box-shadow: 0 5px 5px -4px #B5B5B5 !important; }
  .webform .button:hover, .webform-confirmation div.webform-confirmation__back a:hover {
    text-decoration: underline; }
  @media (max-width: 767px) {
    .webform .button, .webform-confirmation div.webform-confirmation__back a {
      width: 100% !important; } }

.webform .webform-submission-information fieldset.submission-information div > div::after, .webform .form-actions::after {
  position: absolute;
  content: ">";
  font-weight: 700;
  pointer-events: none;
  top: 1em;
  right: 0.8em; }

.webform a {
  color: #728f9b;
  text-decoration: underline; }
  .webform a:hover {
    color: #105269;
    text-decoration: none; }

.webform .fieldset-wrapper label {
  font-weight: 400;
  font-size: 1rem; }
  .webform .fieldset-wrapper label .description .webform-element-description {
    font-size: 0.875rem; }

.webform .fieldset-wrapper fieldset div.form-item {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  .webform .fieldset-wrapper fieldset div.form-item:last-of-type {
    margin-bottom: 1em; }

.webform .fieldset-wrapper fieldset.fieldgroup legend span {
  font-weight: 400 !important; }

.webform .fieldset-wrapper:last-of-type .description .webform-element-description {
  margin-bottom: 0.5em; }

.webform .form-item {
  margin-bottom: 1em;
  margin-top: 1em; }
  .webform .form-item .form-required::after {
    color: red; }

.webform .fieldgroup {
  padding: 0 1em;
  border: 1px solid #EBEBEB !important;
  border-bottom: 0 !important;
  box-shadow: 0 5px 5px -4px #B5B5B5 !important; }
  .webform .fieldgroup legend {
    width: auto; }
    .webform .fieldgroup legend .fieldset-legend {
      display: block;
      padding-left: 0.5em;
      padding-right: 0.5em;
      font-size: 1.5rem;
      font-weight: 700 !important; }
      @media (max-width: 767px) {
        .webform .fieldgroup legend .fieldset-legend {
          font-size: 1.25rem; } }
    .webform .fieldgroup legend .webform-element-help {
      display: inline-block;
      margin-left: 0.25rem;
      vertical-align: super;
      font-size: 0; }
      .webform .fieldgroup legend .webform-element-help span {
        font-size: 10px; }
  .webform .fieldgroup .fieldset-wrapper legend span:not(.webform-element-help) {
    font-size: 1.25rem;
    padding-left: 0.5em;
    font-weight: normal; }
    @media (max-width: 767px) {
      .webform .fieldgroup .fieldset-wrapper legend span:not(.webform-element-help) {
        font-size: 1.25rem; } }
  .webform .fieldgroup .fieldset-wrapper legend span.webform-element-help {
    display: inline-block; }
    .webform .fieldgroup .fieldset-wrapper legend span.webform-element-help > span {
      padding-left: 0.35em;
      font-size: 12px;
      font-weight: bold !important; }
  .webform .fieldgroup .fieldset-wrapper fieldset:last-of-type {
    padding-bottom: 0.5em; }

.webform .button--danger {
  background: #105269 !important;
  color: #FFF !important; }

.webform .webform-submission-information fieldset.submission-information div > div {
  position: relative; }
  .webform .webform-submission-information fieldset.submission-information div > div::after {
    color: #FFF; }

.webform .form-actions {
  position: relative;
  display: flex;
  justify-content: flex-end; }
  .webform .form-actions .button.form-submit {
    background: #105269 !important;
    color: #FFF !important; }
  .webform .form-actions::after {
    color: #FFF; }

.webform-confirmation div.webform-confirmation__back {
  position: relative;
  margin-top: 1em; }
  .webform-confirmation div.webform-confirmation__back a {
    width: fit-content;
    padding-left: 2em;
    text-align: left; }
  .webform-confirmation div.webform-confirmation__back:before {
    position: absolute;
    content: "<";
    font-weight: 700;
    pointer-events: none;
    top: 1em;
    left: 0.8em; }

.ui-widget.ui-widget-content li {
  margin-left: -10px;
}

.ui-widget.ui-widget-content li a {
  display: inline;
  padding: 0;
  color: #728f9b;
  text-decoration: underline;}
.ui-widget.ui-widget-content li a:hover {
  color: #105269;
  text-decoration: none;
  background: transparent;}

.webform-element-help {
  background: #105269;
  border-color: #105269;}
.webform-element-help:hover {
  background: #cbd2da;
  border-color: #cbd2da;}

.ui-widget-content a {
  display: inline;
  padding: 0;
  color: #728f9b;
  text-decoration: underline;}
.ui-widget-content a:hover {
  color: #105269;
  text-decoration: none;
  background: transparent;}