/*------------------------------
 * Copyright 2016 Pixelized
 * http://www.pixelized.cz
 *
 * umarket theme v1.1
------------------------------*/
:root {
	--white: white;
	--primary: #0f54c2;
	--primary-light: #3f76ce;
	--primary-dark: #0c439b;
	--secondary: #ff8624;
	--secondary-light: #ff9e50;
	--secondary-dark: #cc6b1d;
	--background: rgba(227, 227, 227, 0.4);
	--website-bg: #fdf1e8;
	--footer: #092b62;
	--footer-text: #404040;
	--text-button: #ffffff;
	--text-h1: #1a1d21;
	--text-h2: #1a1d21;
	--text-h3: #1a1d21;
	--text-paragraph: #495057;
	--border: #dee2e6;
	--button-border-color: #2667cc;
	--button-secondary-border-color: #ff8624;
	--hover-primary: #1d4b95;
	--hover-secondary: #d9690d;
	--hover-bg: #e9ecef;
}
/* ------------------------------ PAGE BACKGROUND SECTION  ------------------------------ */

body {
	background-image: url(none);
	background-color: var(--website-bg);
}

/* ------------------------------ HEADER SECTION  ------------------------------ */

/* links */
header.navbar .navbar-nav > li > a,
header.navbar .megamenu .dropdown-menu li ul li a,
.top-header .links a,
.checkout-top-header .view-cart > a {
	color: var(--footer-text);
}

	/* links hover */
	header.navbar .navbar-nav > li > a:hover,
	header.navbar .navbar-nav > li > a:focus,
	header.navbar .navbar-nav > li.dropdown.open > a,
	header.navbar .megamenu .dropdown-menu li ul li a:hover,
	.top-header .links a:hover {
		color: var(--primary);
	}

/* text */
.top-header .contacts li,
.checkout-top-header .contacts li {
	color: var(--text-paragraph);
}

/* ------------------------------ FOOTER SECTION  ------------------------------ */

/* heading */
.footer-widget h4 {
	color: var(--footer-text);
}

/* text */
.footer-widget li {
	color: var(--footer-text);
}

/* links */
footer.navbar a {
	color: var(--footer-text);
}

	/* links hover */
	footer.navbar a:hover {
		color: var(--primary);
	}

/* ------------------------------ SIDEBAR WIDGET SECTION  ------------------------------ */

/* heading */
.sidebar .widget h3 a {
	color: var(--white);
}

/* text */
.sidebar, .sidebar p, .sidebar span, .sidebar li {
	color: var(--text-paragraph);
}

	/* links */
	.sidebar a, .sidebar a span {
		color: var(--primary);
	}

		/* links hover */
		.sidebar a:hover, .sidebar ul li a:hover {
			color: var(--white);
		}

/* ------------------------------ WIDGET SECTION  ------------------------------ */

/* heading */
.content article h3, .content h1, .content h2, h1 {
	color: var(--text-h1);
}

/* text */
article.account-content p, article.account-content span, article.account-content li, article.account-content h5,
.components-content p, .components-content li,
.products-header, .products-header span, .products-header p, #categories.grid article.category-item p {
	color: var(--text-paragraph);
}

/* links */
article a:not(.btn) {
	color: var(--primary);
}

/* links hover */
article a:hover {
	color: var(--primary-dark);
}

/* ------------------------------ PRODUCT LISTING SECTION  ------------------------------ */

/* text */
#products.grid article.product-item p {
	color: var(--text-paragraph);
}

/* links */
#products.grid a:not(.btn) {
	color: var(--primary);
}

/* price color */
#products.grid article.product-item .price span,
#products.grid article.product-item .price del + ins,
.baseprice, .specialprice {
	color: var(--primary);
}

/* ------------------------------ FORMS SECTION  ------------------------------ */

/* label */
.form-group label {
	color: var(--text-paragraph);
}

/* input */
.form-control, select.form-control {
	color: var(--text-paragraph);
	border-color: var(--border);
}

	/* input focus */
	.form-control:focus {
		color: var(--primary);
		border-color: var(--primary);
	}

/* ------------------------------ BUTTONS SECTION  ------------------------------ */

/* primary */
.btn-primary, a.btn-primary {
	background-color: var(--primary);
	color: var(--text-button);
}

	.btn-primary:hover, a.btn-primary:hover {
		background-color: var(--hover-primary);
	}

/* warning */
.btn-warning, a.btn-warning {
	background-color: var(--secondary);
	color: var(--text-button);
}

	.btn-warning:hover, a.btn-warning:hover {
		background-color: var(--hover-secondary);
	}

/* inverse */
.btn-inverse, a.btn-inverse {
	background-color: var(--text-paragraph);
	color: var(--text-button);
}

	.btn-inverse:hover, a.btn-inverse:hover {
		background-color: var(--footer-text);
	}

/* ------------------------------ TYPOGRAPHY SECTION  ------------------------------ */

h2,
h3,
h4,
h5,
h6,
button {
	font-family: Source Sans Pro;
}

body {
	font-family: Source Sans Pro;
}

/* ------------------------------ PERMAMENT STYLES  ------------------------------ */

.sidebar .field-validation-error span, .field-validation-error {
	color: #cc5965;
}

article .table th a {
	color: var(--white);
}

/* ------------------------------ Clean & Simple  ------------------------------ */

#buy-product-dialog-form .btn-addtocart button {
	border-color: var(--primary);
	color: var(--primary);
}

.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus {
	background-color: var(--primary);
	color: var(--text-button);
}

.pagination > li > a:hover, .pagination > li > a:hover {
	background-color: var(--primary);
	color: var(--text-button);
}

.top-header-dropdown {
	color: var(--text-button);
}

.account-dropdown-btn {
	color: var(--text-button);
}
