/* compiled by scssphp 1.6.0 on Thu, 11 Dec 2025 13:48:01 +0000 (0.0795s) */

@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Regular.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Medium.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Bold.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+000-5FF;
}
html #root #wrap_all #main .section.header_compact .container {
  background-image: none !important;
  max-width: 100%;
  margin: 0 64px !important;
  width: calc(100% - (64px * 2));
  padding: 64px 0;
  overflow: hidden;
  position: relative;
  min-height: 236px;
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_compact .container {
    width: 100%;
    margin: 0 !important;
    padding: 64px 32px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact .container {
    min-height: 210px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
html #root #wrap_all #main .section.header_compact .container .background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact .container .background-image {
    width: 100%;
  }
}
html #root #wrap_all #main .section.header_compact .container:after {
  background-image: url('/wp-content/themes/draadcore-child/assets/Desktop-Background.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 912px;
  height: 1091px;
  content: "";
  position: absolute;
  right: -20%;
  top: -160%;
  z-index: 0;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact .container:after {
    width: 750px;
    height: 897px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    right: -40%;
    top: -140%;
  }
}
html #root #wrap_all #main .section.header_compact .container .heading {
  width: 1090px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all #main .section.header_compact .container .heading {
    width: 100%;
  }
}
html #root #wrap_all #main .section.header_compact .container .heading h1 {
  max-width: 560px;
}
html #root #wrap_all #main .section.header_compact.has-image .container:after {
  right: 27%;
  top: -149%;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact.has-image .container:after {
    right: -21%;
    bottom: -13%;
    top: auto;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact.has-image .container .heading {
    margin-top: 180px;
  }
}
html #root #wrap_all #main .section.header_compact.has-image .container .heading h1 {
  max-width: 480px;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all #main .section.header_compact.has-image .container .heading h1 {
    max-width: 350px;
  }
}
html #root #wrap_all #main .section.header_compact.no-heading .background-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_compact.no-heading .background-image {
    height: 210px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Falprokon%2Fdomains%2Falprokon.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2F..%2F..%2Fdraadcore%2Fsass%2Fincludes%2Fmixins.scss%22%2C%22home%2Falprokon%2Fdomains%2Falprokon.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2Fheader_compact.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACIF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5ND%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4NC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC9MD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8MC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1LD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0LC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClLA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAD2KA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC9JC%3BAAAA%3BAAAA%3BAD8JD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrJF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqJE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */