/* CSSHealthEquity */
/*Homepage category and product changes*/
.homePageCategories .small-product-item {
    max-width: 70%;
}


.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
	border-top: 7px solid #058094;
}


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


/*
.login__wrapper {
	margin-left: calc(-1 * 4rem);
	margin-right: calc(-1 * -4rem);
	margin-top: calc(-1 * 2rem);
}
*/

/*Featured Categories Text Color*/
.homeFeaturedCategoriesWrapper .bestsellers h3 {
    color: #582C83;
}

/*take off hover*/
.homePageCategories .product-title {
display: none;
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}


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

.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: #058094;
}


.navigationmenu {
    font-size: 1rem;
    color: #058094;
}


.hero.is-primary {
    background-color: #F1F3F4;
    color: #4D4D4F;
}

.hero.is-primary .title { 
    color: #4D4D4F; 
}

.navigationmenu h6 {
    color: #4D4D4F;
    font-size: 1.5em;
    text-transform: uppercase;
}

.warning-box:not(:last-child) {
	background-color: #582c83;
	line-height: 1.7em;
}

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

.small-product-item.smaller-product-item-homepage .product-item .product-title a {
	text-decoration: none;
	display: none;
	/*color: rgba(0, 0, 0, 0);     in case the display:none doesn't work*/
}

.small-product-item.smaller-product-item-homepage .product-item .product-title a:visited {
	text-decoration: none;
	display: none;
	/*color: rgba(0, 0, 0, 0);     in case the display:none doesn't work*/
}

@media screen and (max-width:599px){
	.navbar-item img {
		height: 3.5rem;
	}
	.login__wrapper {
		margin-left: calc(-1 * 4rem);
		margin-right: calc(-1 * -4rem);
		margin-top: calc(-1 * 2rem);
	}
	
	.page-title h1{
		text-align: center
	}
}