/*Background color styles */
.myprofile h5 a,
.shaporangeOne,
.orderHeading,
.breadcrumbsBlock,
.breadcrumbsBlock,
.modal-header,
.select-store .shaporangeOne,
.socailFooter,
.shaporangeoverlay{
	background-color: var(--background-color);
}

/*Same Background and text styles */
.myprofile p a,
.orderSummery .cartTotal .grandTotal dd,
.authorize a,
.alreadyRegi a,
.forgetPass,
.registerLinks li a,
.loginMenu ul li a:hover,
.categoryBlock h3 a:hover,
.socailFooter .iconsOut:hover .fa,
.menuPrice,
.socailFooter .iconsOut .fa{
	color: var(--background-color);
}

/*Button Background and Text color styles */
.btnVist:before,
.btn-default,
.btnBlock button.checkout,
.submitBtn,
.btnBlock button,
.specialOffers .subBtn,
.logonBtn{
	background-color: var(--button-bg-color);
	color: var(--button-text-color) !important;
}

/*Button hover text color styles */
.btn-default:hover,
.loginMenu ul li a.checkout-btn:hover {
	color: var(--button-text-color);
}

/*Button Background with Border styles */
.modal-footer .btn,
.submitBtn:hover,
.btn-warning,
.btn-danger,
.open>.dropdown-toggle.btn-default
.open>.dropdown-toggle.btn-warning,
.addCart,
.loginMenu ul li a.checkout-btn{
	background-color: var(--button-bg-color) !important;
	border:1px solid var(--button-bg-color) !important;
	color: var(--button-text-color) !important;
}

/*Button Hover Background with Border styles */
.myprofile h5 a:hover,
.logonBtn:hover,
.loginMenu ul li a.checkout-btn:hover,
.addCart:hover,
.orderBtn a:hover,
.btnBlock button:hover,
.specialOffers .subBtn:hover,
.cartTable .btn-danger:hover,
.submitBtn:hover,
.modal-footer .btn:hover,
.editIcon:hover,
.btn-default:hover,
.btn-default:active:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-warning:active:focus,
.btn-warning:active, 
.btn-default:active, 
.btn-default.focus, .btn-default:focus{
	color: var(--button-bg-color) !important;
	border:1px solid var(--button-bg-color) !important;
	background-color: var(--button-text-color) !important;
	transition: all 0.5s ease-in-out 0s;
}

/*Text color styles */
.breadcrumbsBlock .breadcrumb > li a,
.breadcrumbsBlock .breadcrumb > li,
.breadcrumbsBlock .breadcrumb > li + li:before,
.menuDetails ul li,
.btn-info,.btnVist a,
.btnVist a:hover,
.contInformation .orderHeading{
	color: var(--button-text-color);
}

/* New Styles */
.innerHeader{
	border-bottom-color: var(--background-color);
	box-shadow: 1px 1px 1px var(--background-color);
}

.categoryListing .categoryBlock{
	border-bottom-color: var(--background-color);
}

.alert-danger{
	background-color: var(--background-color);
	color: var(--button-text-color);
	/* opacity: 0.2; */ 
}

.menuDetails ul li .dropdown-menu{
	background-color: var(--background-color);
	border-color: var(--button-text-color);
	color: var(--button-text-color);
}

.menuDetails ul li .dropdown-menu li a{
	border-color: var(--button-text-color);
}

.btnVist{
	background-color: var(--button-text-color);
}

.btnVist:hover:before{
	background-color: var(--button-bg-color);
}
.cartIcon, .homeIcon{
	background-image: none;
	fill: #1b1a17;top: -12px;
	width: 45px;height: 45px;
}
.cartIcon {
	width: 38px;
	height: 40px;
	top: -4px;
}
.cartIcon:hover,
.homeIcon:hover{
	background-image: none;
	fill: var(--background-color);
}
.loginMenu ul li a.signin,
.loginMenu ul li a.signup{
	background-image: none;
	fill: #1b1a17;
}
.loginMenu ul li a.signin,
.loginMenu ul li a.signup{
	background-image: none;
	fill: #1b1a17;
}
.loginMenu ul li a.signin svg,
.loginMenu ul li a.signup svg{
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.loginMenu ul li a.signin:hover svg, 
.loginMenu ul li a.signup:hover svg{
	background-image: none;
	fill: var(--background-color);
}