/*Change background colour for category hover*/
.homePageCategories .product-title {
    background: rgba(255,255,255,0.5)!important;
}
/*This is for the background image on the Product Section*/
/*
.homeFeaturedProductsWrapper{
	background-image: url(/880977966/Handler/CSSOverride/GetImage/20/Vivint_10_Logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
} */

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

/*Change the category house icon to an image*/
i.fas.fa-home::before {
    background-image: url(/1583445052/Handler/CSSOverride/GetImage/20/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 Navigation Side Menu*/
.block.block-account-navigation .title {
	display:none;
}

/*This hides the 'Featured Categories/Featured Products' on the Landing Pg*/
.bestsellers {
	display: none;
}

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

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

#toprow .navbar .navbar-brand {
	margin-left: 2em;
}

#toprow .navbar {
	margin-right: 2em;
}

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

@media screen and (max-width:1087px){
	#toprow .navbar {
		padding: 0em 0em;
	}
	.navbar-brand {
		margin: 0em;
		padding: 0em;
	}
	
	.navbar-menu.is-active {
		background-color: rgba(255,255,255,0.90);
		padding-left: 2em;
		padding-bottom: 100%;
	}
	
	.navbar-dropdown {
		padding-left: 2.5em;
	}
	
	.is-header-logo {
		height: 2rem;
	}
}

@media only screen and (max-width: 767px){
	
	.navbar-item {
		padding: 0.5rem 0.75rem;
	}
}

/*This is from Infigo to correct the mobile field issue. DO NOT CHANGE*/
@media only screen and (max-width: 611px){
    .pane.ui-layout-east.freeTargetContainer.ui-layout-pane.ui-layout-pane-east.is-closed {
        bottom: 0px !important;
        display: block !important;
        top: unset !important;
        width: 100% !important;
        height: 50vh!important;
    }
    .pane.ui-layout-south.ui-layout-pane.ui-layout-pane-south.is-opened.is-open {
        z-index: -1 !important;
    }
}