/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}


#main .mwb_woo_smc_show_button{
	border: 0;
	border-radius: 0;
	padding: 1rem;
}

@media screen and (max-width: 64rem) {
 .site-footer .wp-block-columns .wp-block-column:last-child {
    padding:1rem;
  }
}

@media screen and (max-width:64rem){
	.product-cat-cards .featured-cat {
	margin-top: 0;
	border: 5px solid #fff;
	-webkit-box-shadow: none;
	box-shadow:none;
}
	
	
	.product-cat-cards .wp-block-cover{
		min-height:100% !important;
	}
	
	.product-cat-cards p{
		display:none;
	}
}

.home .page-content .home-banner:before {
	background: url("https://wildflower-favours.co.uk/wp-content/themes/wildflower-promotions/assets/images/home-banner-top-mob.svg");
	position:absolute;
	background-repeat:no-repeat;
	z-index:-1;
	background-size:100%;
	content:"";
	width:100%;
	height:300px;
	top:0;
	right:0;
	bottom:0;
	left:0;
}


.home .page-content .home-banner:before {
	
}

.home .page-content .home-banner:after {
	background: url(https://wildflower-favours.co.uk/wp-content/themes/wildflower-promotions/assets/images/home-banner-base.svg);
	position: absolute;
	background-repeat: no-repeat;
	z-index:1;
	background-size:200%;
	content: "";
	width: 100%;
	height:100px;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: left bottom;
}

@media screen and (min-width:50rem){
	.home .page-content .home-banner:after {
	background: url(https://wildflower-favours.co.uk/wp-content/themes/wildflower-promotions/assets/images/home-banner-base.svg);
	position: absolute;
	background-repeat: no-repeat;
	z-index:-1;
	background-size:100%;
	content: "";
	width: 100%;
	height:100px;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: left bottom;
}
	
	.home .page-content .home-banner:before {
	background: url(https://wildflower-favours.co.uk/wp-content/themes/wildflower-promotions/assets/images/home-banner-top.svg);
	display:none;
}
	
}


@media screen and (max-width:50rem){
	.home .page-content .home-banner .wp-block-columns .wp-block-column:first-child{
		padding:2rem 2rem 0rem 2rem !important;
	}
}


@media screen and (min-width:64rem){
	
	.topbar .shop-menu li a i{
		font-size:1.2rem;
	}
	

.home .page-content .home-banner::after {
	background: url(https://wildflower-favours.co.uk/wp-content/themes/wildflower-promotions/assets/images/home-banner-base.svg);
	position: absolute;
	background-repeat: repeat-x;
	z-index: 1;
	background-size: 70%;
	content: "";
	width: 100%;
	height: 139px;
	right: 0;
	bottom: 0;
	left: 0;
	background-position:left bottom;
}

.woosw-btn-icon-only{
	background: none;
	border: none;
	padding: 0;
	font-size: 1.3rem;
}

.post-type-archive-product .woosw-btn-icon-only{
	margin: 1rem 0 0 1rem;
}

:root :where(.wp-block-button .wp-block-button__link) {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0px;
	border-width: 0px;
	color: var(--wp--preset--color--base);
	font-size: 0.85rem;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 1rem 2rem;
	text-transform: uppercase;
}

.wc-pao-addon{
	padding:0;
}

.wc-pao-addon textarea {
	height: 50px;
	padding-left: 0;
}

.wc-pao-addon-27791-1761044744{
	padding:1rem;
	font-size:0.9rem;
	border:1px solid #eee;
	margin:0.5rem 0;
	background:#fafafa;
}

.wc-pao-addon-27791-1761044744 label{
	font-size:0.9rem;
}

input[type="number"]{
	width: 100%;
}

.single-product .cart .quantity, .single-product .woocommerce-variation-add-to-cart .quantity {
	width: 20%;
}

.wc-pao-addons-container {
	margin-bottom: 1rem;
}

input[type="color"] textarea, input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	border-radius:0;
	padding:0.85rem 0.75rem;
}

.stock.in-stock{
	color:var(--wp--preset--color--primary);
}

.product-cat-cards .wp-block-cover .wp-block-group h2 a{
	color:#fff;
}

.product-cat-cards .wp-block-cover .wp-block-group h2 a:visited, .product-cat-cards .wp-block-cover .wp-block-group h2 a:hover{
	color:#fff;
}

.product-cat-cards .wp-block-cover .wp-block-group h2 a:after{
	content:"";
	inset:0;
	position:absolute;
}

/*.product-cat-cards .wp-block-cover .wp-block-group h2 a:visited, .product-cat-cards .wp-block-column:hover {
	min-height: 250px;
	aspect-ratio: unset;
	transform: scale(105%);
	z-index: 5;
	border:5px solid #fff;
	transition: all .2s;
}*/


.wp-element-button.is-style-outline,
.wp-block-button.is-style-outline {
	background: none;
}

.wp-element-button.is-style-outline .wp-block-button__link,
  .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid currentColor;
	color: currentColor;
	background: none;
	padding: 1rem 2rem;
}

.wp-element-button.is-style-outline .wp-block-button__link.has-background,
    .wp-block-button.is-style-outline .wp-block-button__link.has-background {
	padding: 1rem 2rem;
}

.wp-element-button.is-style-outline .wp-block-button__link:hover,
    .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: transparent !important;
	opacity: 0.7;
	color: currentColor;
}

.wp-block-button .wp-block-button__link, .boxilla-button-link, .button {
	display: inline-block;
	font-weight: 600;
	color: var(--wp--preset--color--base);
}

.wp-block-button .wp-block-button__link.has-background, .boxilla-button-link.has-background, .button.has-background {
	padding: 1rem 2rem;
}

.wp-block-button .wp-block-button__link:not(.has-background), .boxilla-button-link:not(.has-background), .button:not(.has-background) {
	color: var(--wp--preset--color--base);
}

.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:active, .boxilla-button-link:hover, .boxilla-button-link:focus, .boxilla-button-link:active, .button:hover, .button:focus, .button:active {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

ul.products li.product .button {
	display: inline-block !important;
	margin: 1rem;
	background: none;
	font-size: 0.9rem;
	font-weight: bold;
	width: calc(100% - 2rem);
}

ul.products li.product .button:hover{
	background:#eee;
}

.wp-block-woocommerce-product-price{
	text-align:center;
}

.tax-product_cat .term-description h2{
	font-size:1rem;
}

@media screen and (min-width:64rem){
	.tax-product_cat .term-description {
		float: left;
		width:80%;
		margin-top:1rem;
		padding-left:1rem;
	}
	
	.tax-product_cat .cat-image {
	float: left;
	margin:1rem 1rem 0 0;
}
	
	.tax-product_cat .term-description ul {
	columns: 2;
	gap: 3rem;
}
}

.post-excerpt .wp-post-image{
	object-fit: cover;
	aspect-ratio: 3/2;
}

.single .post-featured-image img {
	aspect-ratio: 5/2;
	object-fit: cover;
	width: 100%;
	object-position: center;
}

@media screen and (min-width:64rem){
.post-featured-image {
	margin-bottom: -4rem;
}
}

@media screen and (max-width:64rem){
	.set-mobile-position .wp-block-cover__image-background{
	object-position: 51% 100% !important;
	object-fit: contain !important;
}

}



.main-navigation ul#shop-menu {
	text-align: center;
	list-style-type: none;
	margin: auto;
	padding: 0;
}

.main-navigation ul#shop-menu li {
	display: inline-block;
	float:none;
}

.main-navigation .sub-menu .menu-item-has-children > a::after {
	background: none;
}

.main-navigation .sub-menu .has-mega-menu a {
	padding: 0.2rem;
	width:95%;
}

.main-navigation .sub-menu .has-mega-menu a {
	padding: 0.2rem;
	width:95%;
}

@media screen and (min-width: 64rem){
    .main-navigation{
	    position:relative;
    }
    
    .has-mega-menu{
        position:static;
    }
	
		.main-navigation ul.has-mega-menu ul .focus, .main-navigation.has-mega-menu ul ul :hover {
  	background:none;
}
	
	.main-navigation li.has-mega-menu {
  display: inline-block;
  position:static;
}

  .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu{
      position: absolute;
      top:3rem;
      z-index: 1000000;
      background:var(--wp--preset--color--primary);
      padding:2rem;
		 min-width:100%;
      margin: auto;
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }
	
	.main-navigation .has-mega-menu.menu-item-has-children > .sub-menu a::after {
	content: "";
	display:none;
}
	
	.main-navigation ul.main-menu > li.has-mega-menu:hover > ul.sub-menu{
			 left:-50%;
	}
	
	.main-navigation ul.main-menu > li.has-mega-menu:hover > ul.sub-menu{
			 left:-50%;
	}
    
  .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu li{
        padding:0;
        width: 100%;
        display:block;
   }
	
.main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu li:hover,	    .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu li a:hover{
				background:none;
	}
    
    .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu a{
        color:var(--wp--preset--color--base);
        text-transform: capitalize;
        border-bottom:1px solid #eee;
        margin-bottom:0.25rem;
    }
	
	.main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu a:hover{
        color:var(--wp--preset--color--secondary);
        text-transform: capitalize;
        border-bottom:1px solid #eee;
        margin-bottom:0.25rem;
    }
    
     .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu a:hover{
        color:var(--wp--preset--color--primary-200);
    }
 
    .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu > li a:first-child{
         text-transform: uppercase;
         font-weight: bold;
        font-size:1rem;
    }
 
	
  .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu ul > li a:first-child {
    color: var(--wp--preset--color--base);
    text-transform: capitalize;
    font-weight: normal;
    font-size: 0.9rem;
    border-bottom: none;
    margin-bottom: 0;
    padding: 2px 0.5rem;
  }

    
    .main-navigation li.has-mega-menu:hover > .sub-menu{
    /*flexbox fallback for browsers that do not support CSS GRID lyout*/
			-ms-display:flex;
      -webkit-display:flex;  
			display: flex;
			-ms-flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        left:0px;
    /*CSS GRID lyout*/ 
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(18%, 1fr));   
    }
    
    .main-navigation li.has-mega-menu:hover > ul ul.sub-menu{
        display:block;
        left:auto;
        grid-template-columns:none;
        -webkit-box-shadow:none;
        box-shadow: none;
    }
	
	    .main-navigation li.has-mega-menu:hover > .sub-menu li.has-mega-menu.has-mega-sub .sub-menu{
				/*flexbox fallback for browsers that do not support CSS GRID lyout*/
        display: flex;
        flex-wrap: wrap;
        left:0px;
    /*CSS GRID lyout*/ 
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(18%, 1fr));  
	}
	 .main-navigation li.has-mega-menu:hover > .sub-menu li.has-mega-menu.has-mega-sub .sub-menu .sub-menu{
        display:block;
        left:auto;
        grid-template-columns:none;
        -webkit-box-shadow:none;
        box-shadow: none;
    }
    
    .main-navigation ul.main-menu > li.has-mega-menu ul.sub-menu ul > li a:hover{
        color:var(--wp--preset--color--primary-200);
    }
 
    .main-navigation ul.main-menu > li.has-mega-menu ul ul.sub-menu{
      width: 100%;
      position:relative;
      top:auto;
      z-index:0;
      right:auto;
      background: none;
      padding:0;
      max-width:100%;
      margin:0;
   	 }
	}

}

@media screen and (min-width:60rem) {
  .main-navigation li.has-mega-menu:hover > .sub-menu {
    grid-template-columns: repeat(auto-fit,minmax(23%, 1fr));
    gap: 1rem;
  }
}

@media screen and (min-width:75rem){
    .main-navigation li.has-mega-menu:hover > .sub-menu{
        grid-template-columns: repeat(auto-fit,minmax(16%, 1fr)); 
			gap:1rem;
    }
    .main-navigation li.has-mega-menu:hover > ul ul.sub-menu {
        grid-template-columns:disabled;
    }
}

/* end mega menu */


.wc-block-components-drawer__screen-overlay {
	z-index: 99999999999;
}

.wp-block-woocommerce-filled-mini-cart-contents-block, .wp-block-woocommerce-empty-mini-cart-contents-block{
	z-index: 999999;
}

.wp-block-woocommerce-filled-mini-cart-contents-block, .wp-block-woocommerce-empty-mini-cart-contents-block{
	z-index: 99999;
}


.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-button:hover, .wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-components-button:hover{
	color:#fff;
}


.wc-block-mini-cart__template-par .wc-block-components-button:visited{
	color:#fff;
}

.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	z-index: 100000000;
}

.wc-block-components-button:not(.is-link).is-style-outline:hover.wc-block-mini-cart__footer-cart.is-style-outline:hover{
	color:#444444;
	background:#888888;
}

@media screen and (max-width:64rem){
	.topbar-right .has-primary-background-color{
		background:var(--wp--preset--color--base) !important;
		color:var(--wp--preset--color--contrast) !important;
	}
	
	.wp-block-outermost-icon-block .has-icon-color:not(.has-no-icon-fill-color) svg, .wp-block-outermost-icon-block.has-icon-color:not(.has-no-icon-fill-color) svg{
		fill:	var(--wp--preset--color--contrast) !important;
	}

}

				/*tweak for mini cart to display with clear colour numbers */

span:where(.wc-block-mini-cart__badge) {
    background-color: rgb(255, 255, 255);
    color: rgb(158 164 70) !important;