
:root {
	--brand-color: #da2038;
	--brand-color-rgb: 218, 32, 56;
	--brand-color-hs: 352, 74%; /* hsl(352, 74%, 49%) */ 
	
	--brand-color-2: #15345b;
	--brand-color-rgb-2: 21, 52, 91;
	--brand-color-hs-2: 213, 63%;	/* hsl(213, 63%, 22%) */
	
	--brand-color-3: #00a5e1;
	--brand-color-rgb-3: 0, 165, 225;
	--brand-color-hs-3: 196, 100%;	/* 	hsl(196, 100%, 44%) */
	
	--color-primary: var(--brand-color-3);
	--color-danger: var(--brand-color);
}


/* :: Backgrounds :: */ 

html, body, 
.item-filter .number-of-items .current, .item-filter .number-of-items a:hover,
#site .qty-wrapper input,
.search-bar .txt:focus, .item-gallery .big-img > a:hover:before,
.part-finder .clear-srch:hover:before, .part-finder .clear-srch:hover:after {
	background-color: white;
}

.item-gallery .big-img > a::before {
	background-color: hsla(0,0%,100%,.8);
}
/*.f-nav #header {
	background-color: rgba(var(--brand-color-rgb),.95);
}*/

.main-nav .sub-menu .sub-menu-wrapper {
	background-color: hsl(var(--brand-color-hs-3), 42%);
}

.main-nav .sub-menu-wrapper li:hover > a {
	background-color: rgba(0,0,0,.2);
}

.search-bar.on .icon-search, 
.pagination a:hover, .main-items .tag-2 {
	background-color: #eee;
}

.index .hero-section .inner,
.contact-section section, .body-cat-3 .f-wrapper, 
.item-description .shopping, .qty-wrapper i,
.fieldset, .main-items .shopping .form-elements, .expandable-nav, .part-finder, .part-finder-2,
.item-description .fits, .main-items .item-cell,
.list-orders .view-link, 
.shipping-from-usa, .body-cat-2 .item-list,
.article-description .article-meta {
	background-color: #f7f7f7;
}

.main-nav .nav > li:hover > a {
	background-color: hsl(var(--brand-color-hs-2),10%);
}

.intro {
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,hsl(var(--brand-color-hs-2),20%) 100%);
}

.live-search .txt::placeholder {color: #769ac7; opacity: 1;}

.btn-danger, .form-elements legend, .main-items .item-tag.tag-1,
.part-finder .clear-srch:before, .part-finder .clear-srch:after {
	background-color: var(--brand-color);
}

.nav-wrapper, .live-search .txt, .lang .link-title,
.content .list-styled li:before, .pagination strong, :root .irs--round .irs-bar, :root .irs--round .irs-from, :root .irs--round .irs-to, :root .irs--round .irs-single,
.qty-wrapper i:hover:before, .qty-wrapper i:hover:after,
#footer {
	background-color: var(--brand-color-2);
}

.intro .btn-group a:hover, #qty-in-basket {
	background-color: var(--brand-color-3);
}

.qty-wrapper i:before, .qty-wrapper .qty-increase:after, .footer-copy {
	background-color: black;
}

/*#footer {
	background: linear-gradient(to right, rgba(0,0,0,.95) 0, var(--brand-color-2) 20%);
}*/


/* :: Borders :: */

.cart-step-2-wrapper .order-details-bar .inner, .cart-step-2-wrapper .order-details-bar section {
	border-color: #eee;	
}

.item-gallery ul a, .item-description .related-items, 
.item-filter, .item-list.manufacturers .item-cell, 
.main-nav .nav-x .sub-menu li a, .item-overview .price-bar, :root .list-orders > ul > li, 
.index .section-item-categories .item-link, .index .section-item-categories .item-link:before, .index .section-item-categories .item-link:after,
.inside .section-item-categories .item-cell > a {
	border-color: rgba(0,0,0,.1);
}

.intro .btn-group a {
	border-color: rgba(0,0,0,.5);
}

.breadcrumb a:hover,
.breadcrumb .separator-xxs:before, .breadcrumb .separator-xxs:after {
	border-color: #888;
}

/*.cart-bar {
	border-color: hsla(0,0%,100%,.1);
}*/

:root .main-nav nav > ul > li > a:before,
main .btn-danger.btn-outline, .search-bar.on .icon-search:before, .search-bar.on .icon-search:after,
.index .section-item-categories .item-link:hover:before, .index .section-item-categories .item-link:hover:after,
.section-item-categories .item-link strong:before {
	border-color: var(--brand-color);
}

.main-nav .sub-menu .sub-menu-wrapper, 
.index .hero-section .inner,
main ul.check li::before,
.item-gallery ul .current > a, .item-gallery ul a:hover,
.content .nav-x.nav-sep .current a:before, .content .nav-x.nav-sep > li:hover > a:before,
:root .irs--round .irs-handle,
.f-nav .icon-search:before, .f-nav .icon-search:after {
	border-color: var(--brand-color-2);
}

:root .irs--round .irs-from:before, :root .irs--round .irs-to:before, :root .irs--round .irs-single:before {
	border-top-color: #db2e20;
}

.icon-search:before, .icon-search:after, .form-group .form-control:focus, .form-group .txt:focus {
	border-color: white;
}

.modal-cart-alert .alert.success-bgr:before {
	border-color: var(--color-success);
}

/* :: Colors :: */

body, a {
	color: var(--brand-color-2);
}

.main-nav a, .search-bar #default-text, .item-overview .price-bar small,
.content .nav-x.nav-sep li:not(.current) a, .date {
	color: #777;
}

.intro .btn-group a,
.main-nav .nav > li > a, .main-nav .sub-menu-wrapper a, .delivery-bar a,
.pagination strong,
.form-elements legend, .main-items .item-tag.tag-1, 
#footer .h6, #footer a:hover, #footer .lead {
	color: white;
}

#footer, #footer a,
.footer-copy {
	color: hsla(0,0%,100%,.7);
}

.footer-copy {
	color: hsla(0,0%,100%,.6);
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	color: rgba(0,0,0,.4);
}

.main-items .level-1 .property {
	color: rgba(0,0,0,.5);
}

#site .text-danger, .text-danger, .btn-outline.btn-danger,
.main-items .tag-2, .main-items .tag-3,
.wholesale h6 {
	color: var(--brand-color);
}

.inside .section-item-categories .item-cell > a:hover {
	color: var(--brand-color-3);
}

.modal-cart-alert .alert {
	color: var(--color-success);
}