/*------------------------------
 * Copyright 2016 Pixelized
 * http://www.pixelized.cz
 *
 * umarket theme v1.1
------------------------------*/

:root {
	/* Colors */
	--red-primary: #9a0000;
	--red-900: #7b0000;
	--blue-primary: #23527c;
	--blue-900: #10406b;
	--black: #0f0f0f;
	--black-700: #454545;
	--white: #fff;
	--blue-secondary: #39c;
	/* Font family */
	--font-family: "Roboto", sans-serif;
	--second-family: "Poppins", sans-serif;
	--third-family: "Open Sans", sans-serif;
	--font3: "SF Pro Display", sans-serif;
	--font4: "Outfit", sans-serif;
}

/* ------------------------------ PAGE BACKGROUND SECTION  ------------------------------ */

body {
	background-image: url(images/pattern.webp);
	background-color: #FFFFFF;
}

/* ------------------------------ 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(--white);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
}

	/* 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: #206BA8;
	}

/* text */
.top-header .contacts li,
.checkout-top-header .contacts li {
	color: #666;
}

/* ------------------------------ FOOTER SECTION  ------------------------------ */

/* heading */
.footer-widget h4 {
	color: #B8B8B8;
}

/* text */
.footer-widget li {
	color: #444444;
}

/* links */
footer.navbar a {
	color: #616161;
}

	/* links hover */
	footer.navbar a:hover {
		color: #AAAAAA;
	}

/* ------------------------------ SIDEBAR WIDGET SECTION  ------------------------------ */

/* heading */
.sidebar .widget h3 a {
	color: #FFFFFF;
}

/* text */
.sidebar, .sidebar p, .sidebar span, .sidebar li {
	color: #444444;
}

	/* links */
	.sidebar a, .sidebar a span {
		color: #206BA8;
	}

		/* links hover */
		.sidebar a:hover, .sidebar ul li a:hover {
			color: #555555;
		}

/* ------------------------------ WIDGET SECTION  ------------------------------ */

/* heading */
.content article h3, .content h1, .content h2, h1 {
	color: #777777;
}

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

/* links */
article a:not(.btn) {
	color: #23527c;
}

/* links hover */
article a:hover {
	color: #555555;
}

/* ------------------------------ PRODUCT LISTING SECTION  ------------------------------ */

/* text */
#products.grid article.product-item p {
	color: #777777;
}

/* links */
#products.grid a:not(.btn) {
	color: #206BA8;
}

/* price color */
#products.grid article.product-item .price span,
#products.grid article.product-item .price del + ins,
.baseprice, .specialprice {
	color: #206BA8;
}

/* ------------------------------ FORMS SECTION  ------------------------------ */

/* label */
.form-group label {
	color: #404040;
}

/* input */
.form-control, select.form-control {
	color: #999999;
	border-color: #D0D0D0;
}

	/* input focus */
	.form-control:focus {
		color: #206BA8;
		border-color: #206BA8;
	}

/* ------------------------------ BUTTONS SECTION  ------------------------------ */

/* primary */
.btn-primary, a.btn-primary {
	background-color: #23527c;
	color: #FFFFFF;
}

	.btn-primary:hover, a.btn-primary:hover {
		background-color: #888888;
	}

/* warning */
.btn-warning, a.btn-warning {
	background-color: #f0ad4e;
	color: #FFFFFF;
}

	.btn-warning:hover, a.btn-warning:hover {
		background-color: #ec971f;
	}

/* inverse */
.btn-inverse, a.btn-inverse {
	background-color: #666666;
	color: #FFFFFF;
}

	.btn-inverse:hover, a.btn-inverse:hover {
		background-color: #888888;
	}

/* ------------------------------ TYPOGRAPHY SECTION  ------------------------------ */

h2,
h3,
h4,
h5,
h6,
button {
	font-family: var(--font-family);
}

body {
	font-family: var(--font-family);
}

/* ------------------------------ PERMAMENT STYLES  ------------------------------ */

.sidebar .field-validation-error span, .field-validation-error {
	color: #cc5965;
}

article .table th a {
	color: #fff;
}