/* CSS for Big O Tires*/

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

/*Changes the background behind TopMenu *//*
#toprow .navbar {
	background-color: #EBECEE;
}
*/

/*Space around the logo*//*
#toprow .navbar .navbar-brand {
	background-color: #EBECEE;
}
*/

/* Changes the background behind Search Bar*//*
.navbar {
	background-color: #EBECEE;
}
*/
/*Adjusts the space below Search bar*/
ul.awesomplete-popup {
    top: 150px!important;
    z-index: 99999999!important;
}

/*Centering Search Bar*/
.search-box form {
 justify-content: center;
}


/*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://bigotires.mcneilprintportal.com/1620701983/Handler/CSSOverride/GetImage/30/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;
}

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

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

/*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: #910029;
	color:#FFF;
}

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


.homeFeaturedProductsWrapper {
	background-image: url(https://bigotires.mcneilprintportal.com/204142324/Handler/CSSOverride/GetImage/30/Tires.png);
}

.homepage-large-products {
	padding-left: 15%;
	min-height: 450px;
}


.item-box {
	background: white;
    top: 50%;
    left: 50%;
    margin-right: -20%;
}



@media only screen and (max-width: 1087px){
	.navbar-brand, .navbar-item, .navbar-tabs, .navbar-item, .navbar-links {
		align-items: center;
		display: flex;
	}
	.navbar-menu.is-active{
		height: 120rem;
		background-color: rgba(245,245,245,0.95);
	}
}


@media only screen and (max-width: 768px){
	.navbar-brand .navbar-item, .navbar-tabs .navbar-item {
		align-items: center;
		display: flex;
	}
}

@media only screen and (max-width: 599px){
	.navbar-item img.is-header-logo {
		max-width: 33vw;
	}
	.navbar-brand .navbar-item, .navbar-tabs .navbar-item {
		align-items: center;
		display: flex;
	}
	.navbar-brand {
		margin-right: 0em;
		margin-left: 0em;
	}
}