/* barlow-condensed-300 - latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  src: local(""),
    url("../documents/fonts/barlow-condensed-v12-latin-300.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../documents/fonts/barlow-condensed-v12-latin-300.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-regular - latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  src: local(""),
    url("../documents/fonts/barlow-condensed-v12-latin-regular.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../documents/fonts/barlow-condensed-v12-latin-regular.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  src: local(""),
    url("../documents/fonts/barlow-condensed-v12-latin-500.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../documents/fonts/barlow-condensed-v12-latin-500.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-700 - latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  src: local(""),
    url("../documents/fonts/barlow-condensed-v12-latin-700.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../documents/fonts/barlow-condensed-v12-latin-700.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
#vue-app .navbar,
.featured-category,
.sidebar-categories,
.section-header,
.widget-caption p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Custom-Font, "Barlow Condensed", sans-serif !important;
}

#page-body {
  background-image: url("../images/bg.jpg");
  background-position: center;
  background-size: cover;
}

#page-body > .container-max {
  background-color: #fff;
}

@media (min-width: 992px) {
  body:not(.isShopBuilder) #vue-app #page-body {
    padding-top: 0 !important;
  }
  body:not(.isShopBuilder) #vue-app #page-body > .container-max {
    padding-top: 18px !important;
  }
}