/* general */
@import url(configurations/tailwind-snippets.css);
@import url(configurations/colors.css);
@import url(configurations/sizes.css);

/* page elements */
@import url(page-elements/header.css);
@import url(page-elements/footer.css);
@import url(page-elements/button.css);
@import url(origin.css);

html {
  font-size: 16px;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #ffffff;
}

body.page-index #main h1:after,
.product-info-listings h1:after,
.page-index-type-cat h1:after,
body.page-index #main h2:after,
.product-info-listings h2:after,
.page-index-type-cat h2:after,
body.page-index #main h3:after,
.product-info-listings h3:after,
.page-index-type-cat h3:after {
  background-color: transparent;
}

body.page-index #main h1,
body.page-index #main h2,
body.page-index #main h3,
body.page-index #main h4,
body.page-index #main h5,
body.page-index #main h6 {
  text-transform: none;
  font-weight: 700;
}
a {
  transition: 0.5s;

  &:hover {
    text-decoration: none;
  }
}
@media (min-width: 768px) {
  body {
    padding-top: var(--header-height);
    font-size: 16px;
  }
}