/* CSS for LGCY Power*/

/*Change background colour for category hover*/
/* .homePageCategories .product-title {
    background: rgba(255,255,255,0.5)!important;
} */

/*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(/113416458/Handler/CSSOverride/GetImage/28/appicon.png);
    background-position: center;
    background-size: cover;
    color: transparent;
}

/*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 hides the 'Featured Categories/Featured Products' on the Landing Pg*/
.bestsellers {
	display: none;
}

/*Example of how to do the same CSS in multiple locations - the comma allows you to do it*/
/* .homePageCategories .product-title,
.arone-category-page .sub-category-item .category-title {
    display: none;
} */

/*Set footer background colour*/
footer.catfish-footer {
    background: #FEC355;
}

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

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