:root{
	--wp-max-width: 1200px;
}

body{
	font-family: var(--wp--preset--font-family--marcellus);
}
main {
	margin-block-start: 0; !important
}
.wp-site-blocks{
	
}
.homepage-banner-group{
	/*margin-left:0px !important;
	margin-right:0px !important;
	*/
}
header {
background-color: var(--wp--preset--color--custom-color-3) !important;
	margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
	margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
}
.header-main-group{
	width:100%;
	margin:0;
/*	max-width: var(--wp-max-width) !important;*/ 
/*  margin-left:auto !important;
  margin-right:auto !important;*/
	
}
.wp-site-blocks{
	/*padding: 0 0 0 0;*/
	
}


.homepage-bar-leftimage{
	text-align:left;
	vertical-align:middle;
	display: none;
}
.homepage-topbanner{
	max-width: var(--wp-max-width) !important; 
margin-left:auto !important;
margin-right:auto !important;
}
.homepage-topbanner-group{
background-image: linear-gradient(180deg, var(--wp--preset--color--custom-color-3 ) 92%, var(--wp--preset--color--custom-color-5 ) 8%) !important;
	
}
.top-spacer{
	background-color:white;
	width:100%;
}
.categories-columns{
	margin-block-start: 0 !important;
	background-color:var (--wp--preset--color--custom-color-5) !important;
}
.inline-paragraphs{
	/*margin-block-start: 0;
	max-width: unset !important;
	*/
/*margin-left:auto !important;
margin-right:auto !important;	*/
}
.inline-paragraphs-text{
	max-width: var(--wp-max-width) !important; 
}
.inner-paragraph-div{
	max-width: var(--wp-max-width) !important; 
	margin-left:auto !important;
margin-right:auto !important;	
}

.footer-main-group{
	/*max-width: var(--wp-max-width) !important;*/
	width:100%;
  /*margin-left:auto !important;
  margin-right:auto !important;
	*/
	margin-right: unset !important;
	
}
.foot-columns{
	max-width: var(--wp-max-width) !important;
}
.footer-banner-columns{
	
	/*padding:0;
	margin-block-start: 0 !important;*/

}
.footer-banner-row{
 /*	max-width: 100% !important;*/
	/*width:100%;*/
	max-width:unset;
	/*height: 500px;*/
		margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
	margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important;


}
.homepage-category-slider-row{
		/*max-width: var(--wp-max-width) !important;*/
}
.homepage-category-slider-root{
	 /*max-width:1200px;*/
/*	padding-bottom: var(--wp--custom--gap--horizontal);*/
	
}


.woocommerce-Address-title{
	color: var(--wp--preset--color--custom-color-4)
}
a.edit{
	color: var(--wp--preset--color--custom-color-4)
}
@media all and (min-width: 960px) {
.homepage-banner-largetext{
    font-size: 66px;
  }
}

@media all and (max-width: 959px) and (min-width: 600px) {
.homepage-banner-largetext{
    font-size: calc( 35px + 1vw);
  }
}

@media all and (max-width: 599px) and (min-width: 50px) {
.homepage-banner-largetext{
    font-size: calc( 35px - .8vw);
  }
}
@media all and (min-width: 960px) {
.homepage-bar-leftimage{
	padding-top:100px;
	padding-bottom:100px;
	padding-right: 60px;
  }
}

@media all and (max-width: 959px) and (min-width: 600px) {
.homepage-bar-leftimage{
		display:none;
  }
}

@media all and (max-width: 599px) and (min-width: 50px) {
.homepage-bar-leftimage{
	display:none;
  }
}
@media all and (min-width: 960px) {
	.homepage-banner-rightcolumn{
		height:700px;
		padding: 50px 0 0 0;
		vertical-align:middle;
		background: no-repeat;
		background-position: right center;
		background-image: url("https://macramecrafterz.com/wp-content/uploads/2025/01/Homepage_Main_395wx661h.jpg");
   }
   .footer-banner-image{
	  width: 100%;
	  max-width: 100%;
	  object-fit: cover;
	  object-position: center center;
	}   
}

@media all and (max-width: 959px) and (min-width: 600px) {	
	.homepage-banner-rightcolumn{
		height:600px;
		padding: 0 0 0 0;
		vertical-align:middle;
		background: no-repeat;
		background-position: center;
		background-image: url("https://macramecrafterz.com/wp-content/uploads/2025/01/Homepage_Main_395wx661h.jpg");
	}
   .footer-banner-image{
	  width: 100%;
	  max-width: 100%;
	  object-fit: cover;
	  object-position: center center;
	}
}

@media all and (max-width: 599px) and (min-width: 50px) {
	.homepage-banner-rightcolumn{
		height:500px;
		padding: 0 0 0 0;
		vertical-align:middle;
		background: no-repeat;
		background-position: center;
		background-image: url("https://macramecrafterz.com/wp-content/uploads/2025/01/Homepage_Main_395wx661h.jpg");
   }
   .footer-banner-image{
	  width: 100%;
	  max-width: 100%;
	  object-fit: cover;
	  object-position: center center;
	}
}

.sp-wcsp-cat-name a{
	font-size: calc( 18px + .5vw) !important;
	text-decoration:none;
	font-weight: 550 !important;
	padding-bottom: 20px;
}
.sp-wcsp-cat-details-content{
	/*background-color:black;
	z-index:99999 !important;*/	
}
.sp-wcsp-cat-thumbnail{
	/*margin-bottom: -100px !important;*/
}
.wc-block-components-price-slider__amount{
 font-size: var(--wp--preset--font-size--small) !important;
}
.wc-block-components-filter-reset-button{
	font-size: var(--wp--preset--font-size--small) !important;
}
#wp-block-categories-1{
	width:100%;
}
.sp-wcsp-shop-now{
	background-color:white !important;
	border-radius:0px !important;
	color: var(--wp--preset--color--custom-color-3) !important;
	border-color: var(--wp--preset--color--custom-color-3) !important;
	border-width: 2px !important;
}
.homepage-ramadanbanner{
	max-width: var(--wp-max-width) !important; 
margin-left:auto !important;
margin-right:auto !important;	
		
}
.homepage-ramadan-group{

}
.footer-categories-list{
	list-style-type: none;
}
.footer-categories-column{
/*	height: 400px;*/
}
.featured-product-title{
	height: 40px;
	overflow-y:auto;
}
#tab-description{
	font-size: var(--wp--preset--font-size--small);
}
#tab-title-additional_information{
	font-size: var(--wp--preset--font-size--small);	
}
#tab-additional_information {
	font-size: var(--wp--preset--font-size--small);	
} 
.wp-block-post-title{
	height: 40px;
	overflow-y:auto;
}
.add-to-cart-button{
	border-color: var(--wp--preset--color--custom-color-3);
}
button.add-to-cart-button: hover{
	border-color: var(--wp--preset--color--custom-color-3);
	color: var(--wp--preset--color--custom-color-3);
	background-color:none;
}
:is(.is-style-outline > .wp-block-button__link, .is-style-outline.wp-block-button__link):not(.has-background):hover {
	border-color: var(--wp--preset--color--custom-color-5) !important;
	color: var(--wp--preset--color--custom-color-5) !important;
	background-color:var(--wp--preset--color--custom-color-3) !important;
}