/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.16_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/home-hero/styles/src/home-hero.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-hero{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  overflow-x:clip;
  padding-top:13rem;
  position:relative;
  right:50%;
  width:100vw;
}
.home-hero__pattern{
  height:1208px;
  left:50%;
  overflow-x:clip;
  position:absolute;
  top:0;
  transform:translate(-51%, -296px);
  width:102%;
}
.home-hero__pattern:after,.home-hero__pattern:before{
  background-image:url(/wp-content/themes/encobaaijens/assets/img/home-repeat.svg);
  background-repeat:repeat;
  background-size:410.75px 605.21px;
  content:"";
  height:100%;
  position:absolute;
  top:0;
  width:calc(50% - 1018px);
}
.home-hero__pattern:before{
  background-position:100% 100%;
  left:0;
}
.home-hero__pattern:after{
  background-position:0 100%;
  right:0;
}
@media (max-width:760px){
  .home-hero__pattern{
    overflow:visible;
    transform:translate(-51%, -180px) scale(.7);
    transform-origin:center top;
  }
}
.home-hero__pattern-inner{
  height:100%;
  left:50%;
  max-width:unset;
  position:absolute;
  transform:translateX(-50%);
  width:auto;
}
.home-hero__logo{
  height:auto;
  margin-bottom:9rem;
  margin-inline:auto;
  max-width:calc(100% - 4rem);
  position:relative;
  width:34rem;
}
.home-hero__wrapper{
  display:grid;
  gap:4rem;
  grid-template-columns:27rem 1fr;
}
.home-hero__wrapper h1{
  color:var(--color-orange-600);
  grid-column:1;
  grid-row:1;
  margin:0;
}
.home-hero__wrapper p:first-of-type{
  margin-bottom:1rem;
  margin-top:1rem;
}
.home-hero__wrapper p:not(:first-of-type){
  display:none;
}
@media (max-width:940px){
  .home-hero__wrapper{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .home-hero__wrapper{
    grid-template-columns:1fr;
  }
}
.home-hero__button{
  align-items:center;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:transparent;
  border:none;
  border-radius:0;
  display:flex;
  flex-direction:row;
  font-weight:600;
  gap:.5rem;
  outline:none;
  padding:0;
}
.home-hero__button img{
  height:auto;
  width:8px;
}
.home-hero .wp-block-group.read-more p{
  display:block;
}
.home-hero .wp-block-group.read-more .home-hero__button{
  display:none;
}
@media (max-width:760px){
  .home-hero{
    padding-top:11rem;
  }
}

/*! Add Soul */
/*# sourceMappingURL=home-hero.css.map*/