/*

Algemeen widget - niet nodig
Slider widget - niet nodig
Kleuren - Hoofdkleur, Tweede kleur, Derde kleur, Tekstkleur, Licht accent, Donker accent
Lettertypes - Koptekst, Tekst, Quote, Call2action


*/
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZu0ENI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZm0FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZrMFNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZu0FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZt8FNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZjMCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZgoCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZm0CNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zJtBhPNqw73oHH7BbQp4-B6XlrZkQCNI0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myjJAVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwjJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mz9JQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myjJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myRJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mx9IgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mxEIgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwjIgVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mwKIgVG.ttf) format('truetype');
}
:root {
  --gutter: 3rem;
  --gutter-module: 6rem;
  --bs-body-font-size: 1.6rem;
  --container-width: 144rem;
  --bs-navbar-brand-margin-end: 0px;
  --primary-color: #a6542c;
  --secondary-color: #e86328;
  --tertiary-color: #fbf3ef;
  --font-color: #000;
  --light-accent: #fff;
  --dark-accent: #000;
  --light-background-color: #f2f2f2;
  --border-radius: 8px;
  --font-light: '300';
  --font-normal: '400';
  --font-medium: '500';
  --font-bold: '700';
}
/* From Uiverse.io by shah1345 */
.button {
  transition: all 0.4s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: var(--light-accent);
  padding: 8px 14px;
  display: inline-flex;
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none;
}
.button:active {
  color: #666;
}
.button:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.button:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: var(--secondary-color);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
.button:hover {
  color: #ffffff;
  border: 1px solid var(--secondary-color);
}
.button:hover:before {
  top: -35%;
  background-color: var(--secondary-color);
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
.button:hover:after {
  top: -45%;
  background-color: var(--secondary-color);
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
.button.secondary {
  background-color: var(--light-accent);
  color: var(--primary-color);
}
.button.secondary:hover {
  color: var(--light-accent);
}
#menu > .container {
  max-width: var(--container-width);
  padding-right: calc(var(--gutter) * 0.5);
  padding-left: calc(var(--gutter) * 0.5);
}
#menu .navbar-brand {
  margin-right: 0;
}
#menu .logo img {
  max-width: 100%;
  height: 82px;
  object-fit: contain;
}
#menu .navbar-nav li {
  border-left: 2px solid var(--secondary-color);
}
#menu .navbar-nav li > a {
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--font-bold);
}
#menu .navbar-nav li:first-child {
  border-left: none;
}
#menu-collapse {
  margin-left: auto;
  margin-right: 0;
}
@media (min-width: 992px) {
  #menu-collapse {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
}
#header-container.sticky {
  position: sticky;
  -webkit-position: sticky;
  top: 0;
  z-index: 100;
}
#top-bar {
  position: relative;
  background-color: var(--primary-color);
}
#top-bar #contact-bar {
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding: 1rem calc(var(--gutter) * 0.5);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
}
@media (max-width: 640px) {
  #top-bar #contact-bar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
#top-bar #contact-bar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  gap: 3rem;
}
#top-bar #contact-bar ul.socials {
  margin-left: 0;
  margin-right: auto;
}
#top-bar #contact-bar ul.contacts {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 640px) {
  #top-bar #contact-bar ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
#top-bar #contact-bar ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 1rem;
  color: var(--light-accent);
}
@media (max-width: 640px) {
  #top-bar #contact-bar ul li {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
#top-bar #contact-bar ul li i {
  font-size: 22px;
  opacity: 0.75;
}
#top-bar #contact-bar ul li div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 640px) {
  #top-bar #contact-bar ul li div {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
#top-bar #contact-bar ul li h4,
#top-bar #contact-bar ul li span {
  line-height: 1;
  margin: 0;
}
#top-bar #contact-bar ul li h4 {
  font-weight: var(--font-bold);
}
#top-bar #contact-bar ul li i {
  color: var(--tertiary-color);
}
#top-bar #contact-bar ul li span {
  font-weight: var(--font-normal);
}
#top-bar .contacts h4 {
  text-transform: uppercase;
}
#bottom-bar {
  background-color: var(--light-accent);
}
#bottom-bar #menu {
  margin-right: calc(-0.5 * var(--gutter));
  margin-left: calc(-0.5 * var(--gutter));
}
#breadcrumbs {
  background-color: var(--light-background-color);
}
#breadcrumbs .breadcrumb {
  max-width: var(--container-width);
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0 auto;
  padding-right: calc(var(--gutter) * 0.5);
  padding-left: calc(var(--gutter) * 0.5);
}
#breadcrumbs .breadcrumb a {
  color: var(--dark-accent);
  text-decoration: none;
  padding: 1rem 0;
  display: block;
}
#banner {
  padding: 0;
  position: relative;
}
@media (min-width: 992px) {
  #banner {
    height: 70vh;
    overflow: hidden;
  }
}
#banner > .row {
  height: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
}
#banner > .row:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  background-color: rgba(0, 0, 0, 0.75);
}
@media (max-width: 640px) {
  #banner > .row:before {
    background-color: var(--secondary-color);
  }
}
#banner .col {
  padding: 0;
}
#banner .image {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  #banner .image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 992px) {
  #banner .image figure {
    height: 100%;
  }
}
#banner .image img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  #banner .image img {
    height: 100%;
  }
}
#banner .content {
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
@media (min-width: 992px) {
  #banner .content {
    -webkit-flex: 0 0 fit-content;
    -ms-flex: 0 0 fit-content;
    flex: 0 0 fit-content;
    max-width: 45%;
  }
}
@media (max-width: 991px) {
  #banner .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 640px) {
  #banner .content {
    position: relative;
  }
}
#banner .content * {
  color: #fff;
  z-index: 3;
}
#banner .content section {
  padding: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
#banner .content header h2 {
  font-weight: var(--font-bold);
}
@media (min-width: 992px) {
  #banner .content h2 {
    font-size: 50px;
  }
}
#banner .content:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
}
@media (max-width: 640px) {
  #banner .content:after {
    background-color: var(--secondary-color);
  }
}
#featured .item {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#featured .item > .container > .row {
  gap: 5rem 0;
}
#featured .item .content {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 991px) {
  #featured .item .content {
    max-width: 100%;
  }
}
#featured .item .numbers {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}
#featured .item .numbers h3 {
  line-height: 1;
  color: rgba(0, 0, 0, 0.75);
}
#featured .item .numbers .content {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 33.3%;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#featured .item .numbers .value {
  font-size: 24px;
}
#featured .item.primary_color {
  background-color: var(--primary-color);
  color: var(--light-accent);
}
#featured .item.primary_color h3 {
  color: var(--light-accent);
}
#featured .item.secondary_color {
  background-color: var(--secondary-color);
  color: var(--light-accent);
}
#featured .item.secondary_color h3 {
  color: var(--light-accent);
}
#featured .item.tertiary_color {
  background-color: var(--tertiary-color);
  color: var(--dark-accent);
}
#featured .item.tertiary_color h3 {
  color: var(--dark-accent);
}
#items {
  background-color: var(--tertiary-color);
  padding-top: var(--gutter-module);
  padding-bottom: var(--gutter-module);
}
#items > .container > .row {
  gap: var(--gutter) 0;
}
#items .content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3rem;
}
#items .content h2 > a {
  color: inherit;
  text-decoration: none;
}
#items .content h2 > a:hover {
  color: var(--primary-color);
}
#items .image {
  position: relative;
}
#items .image img {
  -webkit-border-radius: var(--border-radius) var(--border-radius) 0 0;
  -moz-border-radius: var(--border-radius) var(--border-radius) 0 0;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#items .image i {
  position: absolute;
  right: 3rem;
  bottom: -3rem;
  background-color: var(--light-accent);
  color: var(--primary-color);
  width: 6rem;
  height: 6rem;
  text-align: center;
  line-height: 6rem;
  font-size: 3rem;
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
}
#items .image-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#items .image-content > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1.5rem;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--light-accent);
  -webkit-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in, left 0.3s ease-in, right 0.3s ease-in;
  -moz-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in, left 0.3s ease-in, right 0.3s ease-in;
  -ms-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in, left 0.3s ease-in, right 0.3s ease-in;
  -o-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in, left 0.3s ease-in, right 0.3s ease-in;
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: 0;
  position: relative;
}
#items .image-content > div:hover {
  -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
}
#items .image_top {
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 33.3%;
}
@media (max-width: 1200px) {
  #items .image_top {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 50%;
  }
}
@media (max-width: 991px) {
  #items .image_top {
    max-width: 100%;
  }
}
#items .image_top > .row {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (min-width: 992px) {
  #items .image_top .image-content > div:hover {
    bottom: 10px;
  }
}
#items .image_left {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}
#items .image_left .image-content > div {
  left: 0;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -ms-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
}
@media (min-width: 992px) {
  #items .image_left .image-content > div:hover {
    left: 10px;
  }
}
#items .image_left .image img {
  -webkit-border-radius: var(--border-radius) 0 0 var(--border-radius);
  -moz-border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 991px) {
  #items .image_left .image img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media (min-width: 992px) {
  #items .image_left .image i {
    bottom: 0;
    right: 0;
    -webkit-border-radius: var(--border-radius) 0 0 0;
    -moz-border-radius: var(--border-radius) 0 0 0;
    border-radius: var(--border-radius) 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
#items .image_right {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}
#items .image_right .image-content > div {
  right: 0;
  -webkit-transition: right 0.3s ease-in;
  -moz-transition: right 0.3s ease-in;
  -ms-transition: right 0.3s ease-in;
  -o-transition: right 0.3s ease-in;
}
@media (min-width: 992px) {
  #items .image_right .image-content > div:hover {
    right: 10px;
  }
}
#items .image_right .image img {
  -webkit-border-radius: 0 var(--border-radius) var(--border-radius) 0;
  -moz-border-radius: 0 var(--border-radius) var(--border-radius) 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 991px) {
  #items .image_right .image img {
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media (min-width: 992px) {
  #items .image_right .image i {
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 var(--border-radius) 0 0;
    -moz-border-radius: 0 var(--border-radius) 0 0;
    border-radius: 0 var(--border-radius) 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media (min-width: 992px) {
  #items .image_right .image-content > div .image {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
}
@media (min-width: 992px) {
  #items .image_right .image-content > div .content {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
}
#items .image_left .content,
#items .image_right .content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (min-width: 992px) {
  #items .image_left .image,
  #items .image_right .image {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
}
#items .image_left .image-content > div,
#items .image_right .image-content > div {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 0;
}
#items .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#items .item > .row {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#items .item nav {
  margin-top: auto;
}
#showcase {
  padding: 0;
}
#showcase > .container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gutter) 0;
}
#showcase .row {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#showcase .content {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  #showcase .content {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
#showcase .item {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 20%;
}
@media (max-width: 991px) {
  #showcase .item {
    max-width: 25%;
  }
}
#showcase .item img {
  height: 12rem;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #faq .category,
  #faq-category .category {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
#faq .category > .row,
#faq-category .category > .row {
  gap: 2rem 0;
}
@media (max-width: 991px) {
  #faq > .container > .row,
  #faq-category > .container > .row {
    gap: var(--gutter-module);
  }
}
#faq .content-container,
#faq-category .content-container,
#faq .question,
#faq-category .question {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 1.5rem;
}
#faq .item,
#faq-category .item,
#faq .items,
#faq-category .items {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
#faq .items,
#faq-category .items {
  display: none;
  -webkit-transition: opacity 0.3s ease-in, max-height 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in, max-height 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in, max-height 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in, max-height 0.3s ease-in;
}
#faq .items > div,
#faq-category .items > div {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 1.5rem;
  padding: 2rem 5rem;
  border-left: 2px solid var(--light-background-color);
}
#faq .item,
#faq-category .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#faq .item h3,
#faq-category .item h3 {
  font-size: 1.6rem;
}
#faq .item h3 > a,
#faq-category .item h3 > a {
  background-color: var(--tertiary-color);
  color: var(--dark-accent);
  text-decoration: none;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 1.5rem;
  -webkit-border-radius: 20rem 8rem 8rem 20rem;
  -moz-border-radius: 20rem 8rem 8rem 20rem;
  border-radius: 20rem 8rem 8rem 20rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.4rem;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -ms-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
}
#faq .item h3 > a:before,
#faq-category .item h3 > a:before {
  content: "\f128";
  color: var(--light-accent);
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 0.8rem;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "FontAwesome";
  background-color: var(--secondary-color);
}
#faq .item h3 > a:hover,
#faq-category .item h3 > a:hover {
  color: var(--light-accent);
  text-decoration: none;
  background-color: var(--primary-color);
}
#faq .item h3 > a.active,
#faq-category .item h3 > a.active {
  color: var(--light-accent);
  text-decoration: none;
  background-color: var(--secondary-color);
}
#blog,
#blog-latest {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gutter-module);
}
#blog .item,
#blog-latest .item {
  -webkit-flex: 0 0 33.3%;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
  max-width: 33.3%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 991px) {
  #blog .item,
  #blog-latest .item {
    max-width: 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 767px) {
  #blog .item,
  #blog-latest .item {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
#blog .item > div,
#blog-latest .item > div {
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  -webkit-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in;
  -moz-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in;
  -ms-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in;
  -o-transition: box-shadow 0.3s ease-in, bottom 0.3s ease-in;
  position: relative;
  bottom: 0;
}
#blog .item > div:hover,
#blog-latest .item > div:hover {
  -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  bottom: 10px;
}
#blog .item .image img,
#blog-latest .item .image img {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
#blog .item .content-container,
#blog-latest .item .content-container {
  background-color: var(--light-accent);
  border: 1px solid var(--light-background-color);
  padding: 3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#blog .item .date time,
#blog-latest .item .date time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}
#blog .item .date time:before,
#blog-latest .item .date time:before {
  color: var(--primary-color);
  content: "\f073";
  font-family: "FontAwesome";
  font-weight: var(--font-normal);
  display: block;
  line-height: 2rem;
}
#blog .item .link,
#blog-latest .item .link {
  margin-top: auto;
}
#blog.module > .container,
#blog-latest.module > .container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gutter-module);
}
#blog.view,
#blog-latest.view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gutter-module);
}
@media (min-width: 992px) {
  #blog.view .content,
  #blog-latest.view .content {
    max-width: 66.6666667%;
  }
}
@media (min-width: 992px) {
  #blog.view aside .content,
  #blog-latest.view aside .content {
    max-width: 100%;
  }
}
#blog aside .category,
#blog-latest aside .category,
#blog aside .tag,
#blog-latest aside .tag {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
#blog aside .category > .row,
#blog-latest aside .category > .row,
#blog aside .tag > .row,
#blog-latest aside .tag > .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#blog aside .category .item,
#blog-latest aside .category .item,
#blog aside .tag .item,
#blog-latest aside .tag .item {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}
#blog aside .item > div,
#blog-latest aside .item > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
#blog aside .item > div:hover,
#blog-latest aside .item > div:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#blog aside .item > div .header h2,
#blog-latest aside .item > div .header h2 {
  font-size: 1.6rem;
}
#blog aside .item > div .image,
#blog-latest aside .item > div .image {
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
#blog aside .item > div .image img,
#blog-latest aside .item > div .image img {
  aspect-ratio: 1/1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 992px) {
  #blog aside .item > div .content-container,
  #blog-latest aside .item > div .content-container {
    padding: 1rem;
    gap: 1rem;
  }
}
@media (min-width: 992px) {
  #blog aside .item > div .content-container .intro,
  #blog-latest aside .item > div .content-container .intro,
  #blog aside .item > div .content-container .link,
  #blog-latest aside .item > div .content-container .link {
    display: none;
  }
}
#blog aside .item > div:hover,
#blog-latest aside .item > div:hover {
  bottom: 0;
}
#blog-index,
#category-index,
#tag-index {
  gap: 3rem 0;
}
#blog-latest {
  background-color: var(--tertiary-color);
  padding-top: var(--gutter-module);
  padding-bottom: var(--gutter-module);
}
#blog-latest #blog-index {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#blog-more {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
}
#blog-navigation {
  background-color: var(--tertiary-color);
  padding: 1.5rem 0;
}
#blog-navigation .container > .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 991px) {
  #blog-navigation .container > .row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.categories,
.tags {
  max-width: 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
@media (min-width: 992px) {
  .categories,
  .tags {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }
}
.categories ul,
.tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 1.5rem;
}
.tags a {
  color: var(--primary-color);
  text-decoration: none;
}
#footer {
  background-color: var(--primary-color);
  color: var(--light-accent);
  padding-top: var(--gutter-module);
  padding-bottom: var(--gutter-module);
}
#footer .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
#footer .item section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
#footer h3 {
  text-transform: uppercase;
  font-size: 2rem;
}
#footer div.links h3 {
  margin-bottom: 3rem;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
  color: var(--light-accent);
}
#footer .wrapper-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
#footer .address-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
#footer .contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .social-links ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
#footer .social-links ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 1rem;
}
#footer .social-links ul li a i,
#footer .social-links ul li a span {
  line-height: 1rem;
}
#footer .social-links ul li a i {
  background-color: var(--light-accent);
  color: var(--primary-color);
  padding: 0.5rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: normal;
}
#copyright {
  background-color: var(--secondary-color);
  color: var(--light-accent);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#copyright a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
#copyright a:hover {
  color: var(--light-accent);
  text-decoration: underline;
}
html {
  font-size: 62.5%;
  margin: 0;
}
.module#bottom-bar {
  padding-right: calc(var(--gutter) * 0.5);
  padding-left: calc(var(--gutter) * 0.5);
}
.container {
  padding-right: calc(var(--gutter) * 0.5);
  padding-left: calc(var(--gutter) * 0.5);
}
@media (min-width: 1400px) {
  .container {
    max-width: var(--container-width);
  }
}
.row {
  margin-right: calc(-0.5 * var(--gutter));
  margin-left: calc(-0.5 * var(--gutter));
}
.col {
  padding-right: calc(var(--gutter) * 0.5);
  padding-left: calc(var(--gutter) * 0.5);
}
.view + .view {
  padding-top: 0;
}
.summary:empty {
  display: none;
}
.empty {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
body {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.7;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
}
p {
  margin: 0;
}
p a:not([class]) {
  color: var(--primary-color);
}
strong {
  font-weight: bold;
}
figure {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-medium);
  margin: 0;
  line-height: normal;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: inherit;
  text-decoration: none;
}
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
  color: var(--primary-color);
}
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2.6rem;
}
h3 {
  font-size: 2.4rem;
}
h4 {
  font-size: 2rem;
}
h5 {
  font-size: 1.8rem;
}
h6 {
  font-size: 1.6rem;
}
a {
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -ms-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
}
.sweet-grid tr td {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
.content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
.content section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
main {
  /* div for all modules*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gutter-module);
  margin-bottom: var(--gutter-module);
}
main:before {
  display: block;
  content: "";
}
#main-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.view {
  padding-top: var(--gutter-module);
  padding-bottom: var(--gutter-module);
}
@media (max-width: 991px) {
  .view > .container > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
  }
}
@media (max-width: 991px) {
  .view {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
  }
}
.view aside {
  padding: 0;
  -webkit-flex: 0 0 33.3%;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
}
@media (max-width: 991px) {
  .view aside {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
  }
}
.view .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}