:root {
    --font-default: var(--bs-body-font-family);
    --font-header: var(--bs-font-sans-serif);
    --color-foreground-body: black;
    --color-background-body: white;
    --gutter-x-small: 1rem;
    --gutter-small: 1.5rem;
    --gutter-medium: 2rem;
    --gutter-large: 5rem;
    --gutter-x-large: 10rem;
    --gutter-xx-large: 10rem;
    --page-margin-x-small: var(--gutter-x-small);
    --page-margin-small: var(--gutter-small);
    --page-margin-medium: var(--gutter-medium);
    --page-margin-large: var(--gutter-large);
    --page-margin-x-large: var(--gutter-x-large);
    --page-margin-xx-large: var(--gutter-xx-large);
    --bs-body-font-size: 1.5rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.with-anchor::before {
  content: "";
  display: block;
  position: relative;
  width: 0;
  height: 15px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .with-anchor::before {
    height: 45px;
    margin-top: -45px;
  }
}

h1 {
  font-family: var(--font-header);
}

h2 {
  font-family: var(--font-header);
}

h3 {
  font-family: var(--font-header);
}

h4 {
  font-family: var(--font-header);
}

h5 {
  font-family: var(--font-header);
}

h6 {
  font-family: var(--font-header);
}

h7 {
  font-family: var(--font-header);
}

h8 {
  font-family: var(--font-header);
}

h9 {
  font-family: var(--font-header);
}

@media (max-width: 575.98px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-x-small) * 0) var(--gutter-x-small);
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-small) * 0) var(--gutter-small);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-medium) * 0) var(--gutter-medium);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-large) * 0) var(--gutter-large);
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-x-large) * 0) var(--gutter-x-large);
  }
}
@media (min-width: 1400px) {
  .layoutElement_leaf {
    padding: calc(var(--gutter-xx-large) * 0) var(--gutter-xx-large);
  }
}

body {
  color: var(--color-foreground-body);
  background-color: var(--color-background-body);
}

@media (max-width: 575.98px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-x-small) - var(--gutter-x-small));
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-small) - var(--gutter-small));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-medium) - var(--gutter-medium));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-large) - var(--gutter-large));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-x-large) - var(--gutter-x-large));
  }
}
@media (min-width: 1400px) {
  body > .layoutElement {
    padding: 0 calc(var(--page-margin-xx-large) - var(--gutter-xx-large));
  }
}

.menuWidget__dropdown {
  cursor: pointer;
}
.menuWidget__link_label {
  pointer-events: none;
}
.menuWidget__link_label.disabled {
  color: var(--color-foreground-body);
}

/*@use "sass:map";
@import 'boxicons';
    */
.bg-gray-100 {
  background-color: #f5f5f5;
}

/*
.nav-item {
    @extend font-serif;
}
.nav-link {
    @extend font-serif;
}
.navbar .navbar-nav .nav-link {
    @extend font-serif;
}
    */
/*
#vision li {
  padding-left: 1.5rem;
  list-style: none !important;
}

    #vision li::marker {
        font-family: "boxicons" !important;
        display: inline-block;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0;
        vertical-align: bottom;
        font-size: calc(1.5rem + 0.3vw) !important;
        opacity: 0.5 !important;
        color: #666;
       content: "\ea46";
  content: "\ea41";
    }*/