/* This was created by Ben in a training session Mar, 17, 2022 for Homie*/

/*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;
}

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

/*Change the category home icon to an image*/
i.fas.fa-home::before {
    background-image: url(/0/Handler/CSSOverride/GetImage/7/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;
}

/*Hide hover in categories*/
.arone-category-page .sub-category-item .category-title {
    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: #eaeaea;
}

/*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;	
}

.navbar-item {
	padding: 0.5rem 0.9rem;
}

.Script_Indesign .freeTargetContainer .main-title, .Script_Indesign .indesign_form .main-title {
	display: none;
}

/* MEDIA QUERIES ** MEDIA QUERIES ** MEDIA QUERIES */
/* MEDIA QUERIES ** MEDIA QUERIES ** MEDIA QUERIES */

@media screen and (max-width:1087px){
	.navbar-menu.is-active {
		height: 100rem;
	}
	.navbar-dropdown .navbar-item {
		padding-left: 4em;
	}
	.shoppingcart__wrapper {
		padding-top: 0rem;
		paddind-top: 0rem;
	}
	.navbar-brand {
		margin-right: 3.5rem;
		margin-left: 3.5rem;
	}
}

@media screen and (max-width:768px){
	.catfish-container {
		padding-left: 50px;
	}
	.navigationmenu ul a {
		padding-left: 3.75em;
	}
}

@media screen and (max-width:599px){
	.search-box form {
		justify-content: center;
	}
}