@import "base/mixin";
@import "base/common";

@import "components/forms";
@import "components/button";



/********   Blocks ********/
/*____ Core Blocks ____*/
@import "blocks/button";
@import "blocks/cover";
@import "blocks/details";
@import "blocks/heading";
@import "blocks/gallery";
@import "blocks/navigation";
@import "blocks/post-excerpt";
@import "blocks/post-author";
@import "blocks/post-terms";
@import "blocks/query-pagination";
@import "blocks/search";
@import "blocks/media-text";

/*____ Webdevia Blocks ____*/
@import "blocks/testimonail";
@import "blocks/wd-carousel";
@import "blocks/wd-team";
@import "blocks/wd-text-with-icon";
@import "blocks/wd-pricing-table";
@import "blocks/wd-count-up";
@import "blocks/wd-portfolio";
@import "blocks/wd-date-picker";


/********   Vendors ********/
@import "vendors/woocom/global";
@import "vendors/woocom/blocks";
@import "vendors/woocom/blocks/product-categories-list";
@import "vendors/woocom/blocks/product-category";
@import "vendors/woocom/blocks/woocommerce-product-collection";
@import "vendors/woocom/blocks/product-image-gallery.css";
@import "vendors/woocom/single";
@import "vendors/contact-form-7";

@import "vendors/yith/quickview";
@import "vendors/yith/wishlist";

@import "vendors/wd-booking.css";

/********   Parts ********/
@import "parts/header";
@import "parts/footer";
@import "parts/comments";
@import "parts/blog";
@import "parts/portfolio";


.page-id-17, 
.page-id-943 {


  h2 {
    line-height: 1.05;
    font-size: 3.25rem;
  }
 
  h4 {
    line-height: 1.2;
  }
}




.process-steps  {
  position: relative;
  gap: 0.75em;
  padding-top: 6em;
  width: 100%;
  .wp-block-heading:first-child {
    color: rgba(0,0,0,0);
    -webkit-text-stroke: 1px #0003;
    font-size: clamp(100px, 30vw, 160px);
    line-height: 1;
    position: absolute;
    top: 0;
    left: clamp(1vw,10vw,160px);
  }
}




// movedd from the customize 
.ml-300 {
  background-color: #fff;
  padding: 50px !important;
  border-radius: var(--wp--custom--bradius--md);
    box-shadow: 3px 0px 33px 0px rgba(0, 0, 0, 0.1);

}
.mr-300 {
  background-color: #fff;
  padding: 50px !important;
  border-radius: var(--wp--custom--bradius--md);
  box-shadow: 3px 0px 33px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index:2;
}


@media (min-width: 780px){
	.ml-300 {
		margin-inline-start: -370px;
	}
	.mr-300 {
		margin-inline-end: -370px;
	}
}

div.wp-block-columns.full-width-split__right:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: calc(50vw + 630px);
	margin-inline-end: 0 !important;
}

.full-width-split__right .wp-block-column:last-child {
	/*flex-basis: 50vw !important;*/
  min-width: calc(50vw - 25px) !important;
}
























@keyframes scale-a-lil {
  from {
    scale: .9;
  }
  to {
    scale: 1.5;
  }
}


/* 
.scale-a-lil {
  animation: scale-a-lil linear both;
  animation-timeline: view();
  animation-range: 25vh 75vh;
}


*/





.scale-a-lil {
  animation-timeline: view();

  animation-name: appear;
  animation-fill-mode: both;
  animation-range: 25vh 75vh;
  animation-duration: 1ms; /* Firefox requires this to apply the animation */
}
.scale-a-lil.scale-a-lil__35-100 {
  animation-range: 35vh 100vh;
}

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(210px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}