/* CSS for Zao Asian Cafe*/

/*Hide category hover altogether*/
.homePageCategories .product-title {
    display: none;
}

/*This removes the title from the MY ACCOUNT Navigation*/
.block.block-account-navigation .title {
	display:none;
}

/*Sets the spacing between the category boxes on the homepage. Smaller REM = less spacing*/
.homePageCategories .column {
    padding: 2rem;
}

/*Change the category 'HOUSE' icon to another image*/
i.fas.fa-home::before {
    background-image: url(https://zao.mcneilprintportal.com/-1678543546/Handler/CSSOverride/GetImage/29/appicon.png);
    background-position: center;
    background-size: cover;
    color: transparent;
}

.login__wrapper .returning-wrapper .returning-wrapper__inner {
	/*background-color: #EEB211;*/
	/*background-image: url(/757201182/Handler/CSSOverride/GetImage/29/LoginWrapper.png);
	background-position: center;
    background-size: cover;*/
    /*color: #1A1919;*/
}

/*Categories text, making it not uppercase and increasing the font size*/
h6.navigationmenu--title {
    /*text-transform: none;
    font-size: 1.2rem;*/
	display: none;
}

/*This removes the title from the MY ACCOUNT Side Navigation*/
.block.block-account-navigation .title {
	display:none;
}

/*Hide hover in categories*/
.arone-category-page .sub-category-item .category-title {
    display: none;
}

/*This is the padding around the PRODUCT image box*/
.small-product-item.smaller-product-item-homepage .product-item .picture {
	background-color: transparent;
	padding: 0px;
}

/*Set footer background colour*/
footer.catfish-footer {
    background: #F6F6F6;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/*This is the spacing on the Related Product Links*/
.section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/*This puts the Search Bar to the right and centers in mobile view. Also needs HTML for SearchBar usually in HTMLContentBlock1*/
.search-box {
    padding-right: 30mm;
}

/*This is the 'Required' star on Products*/
.attributes .attributeRequired {
	color: #8DC640;
}

.attribute-datepicker__container {
	border: 1.5px solid #8DC640;
	border-radius: 8px;
}

.arone-product-landing-page .attribute label.button {
	background-color: #8dc640;
}



.login__wrapper .returning-wrapper .returning-wrapper__inner {
	/*background-color: #CCE5A9;*/
	background-image: url(/-501283829/Handler/CSSOverride/GetImage/29/LoginWrapper.png);
	background-position: center;
    background-size: cover;
    /*color: #1A1919;*/
}




.navbar-dropdown {
	padding-left: 0rem;
	}

form .hs-form-field input::placeholder {
  font-size: 10px;
  color: #DDDFE2;
}
.hs-form__field__input {
	font-size: 12px;
	color: #DDDFE2;
}

/*Media Queries*/

@media screen and (max-width:1450px){
}

@media screen and (max-width:1087px){
	.is-header-logo, .navbar-item img {
		height: 3.5rem;
	}
	.navbar-brand {
		margin-right: -0.5rem;
	}
	.navbar-dropdown {
		padding-left: 2rem;
	}
}

@media screen and (min-width: 768px) {
	.column.is-2, .column.is-2-tablet {
		width: 23%;
	}
	.is-header-logo, .navbar-item img {
		height: 3rem;
	}
	.block-account-navigation {
		padding-top: 5rem;
		padding-bottom: 0rem;
	}
	.account-page {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}
	/*.navbar-dropdown {
		padding-left: 3.5rem;
	}*/
}

@media screen and (max-width:599px){
	.is-header-logo, .navbar-item img {
		height: 2.2rem;
	}
	.block-account-navigation {
		padding-top: 0.9rem;
		padding-bottom: 0rem;
	}
	.account-page {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}