@import url("components.css");
@import url("pages/home.css");
@import url("pages/about.css");
@import url("pages/aia.css");
@import url("pages/blog.css");
@import url("pages/contact.css");
@import url("pages/post.css");
@import url("pages/privacy.css");
@import url("pages/product.css");
@import url("pages/products.css");

@font-face {
  font-family: "Aktiv Grotesk Ex";
  src: url("../fonts/AktivGroteskExBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "D-DIN Condensed";
  src: url("../../assets/fonts/fonts/D-DINCondensed.woff2") format("woff2"),
    url("../../assets/fonts/D-DINCondensed.woff") format("woff"),
    url("../../assets/fonts/D-DINCondensed.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "D-DIN Condensed";
  src: url("../../assets/fonts/D-DINCondensed-Bold.woff2") format("woff2"),
    url("../../assets/fonts/D-DINCondensed-Bold.woff") format("woff"),
    url("../../assets/fonts/D-DINCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --text: rgba(82, 84, 122, 1);
  --dark: rgba(33, 41, 72, 1);
  --light: rgba(255, 255, 255, 1);
  --light-2: rgba(235, 235, 230, 1);
  --light--3: rgba(246, 247, 249, 1);
  --primary: rgba(160, 138, 65, 1);
  --border-color: rgba(17, 20, 35, 0.3);
  --border-color-2: rgba(225, 227, 234, 1);
  --card-color: rgba(246, 247, 249, 1);
  --font-title: "Aktiv Grotesk Ex";
  --font-title-condensed: "D-DIN Condensed", "Roboto", sans-serif;
}

html {
  position: relative;
}

@media screen and (max-width: 782px) {
  html #wpadminbar {
    height: 46px;
    min-width: 240px;
    top: -50px;
  }
}

* {
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  color: var(--text);
}

p {
  font-size: 16px;
  line-height: 1.4;
}

h1,
.title,
.font-title {
  font-family: var(--font-title);
}

.font-title-condensed {
  font-family: var(--font-title-condensed);
}

.pd {
  padding: 120px 0;
}

img {
  display: block;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

h1 {
  font-size: 64px !important;
  margin-bottom: 40px !important;
  line-height: 1 !important;
  font-family: var(--font-title) !important;
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  .pd {
    padding: 60px 0;
  }
  h1 {
    font-size: 40px !important;
    margin-bottom: 20px !important;
  }
}

#page-product .product-title {
    font-size: 40px!important;
    margin-bottom: 32px!important;
}
#page-product #related-products-grid .product-title{
	font-size: 18px!important;
	margin-bottom: 24px!important;
}