/**
 *---------------------------------------------------------------------------------------
 * @package       VP Smart Template
 *---------------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2012-2021 VirtuePlanet Services LLP. All rights reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       Abhishek Das
 * @email         info@virtueplanet.com
 * @link          https://www.virtueplanet.com
 *---------------------------------------------------------------------------------------
 */
// Global functions
.box-shadow(@box-shadow: none) {
	-webkit-box-shadow: @box-shadow;
	-moz-box-shadow: @box-shadow;
	box-shadow: @box-shadow;
}
.background-image(@image, @repeat, @size, @position-x, @position-y, @attachment) {
	background-image: @image;
	background-repeat: @repeat;
	background-size: @size;
	background-position-x: @position-x;
	background-position-y: @position-y;
	background-attachment: @attachment;
}

// Scaffolding
body {
	background-color: @body-bg;
	color: @text-color;
	font-size: @font-size-base;
	line-height: @line-height-base;
}
a {
	color: @link-color;
	&:hover, &:focus {
		color: @link-hover-color;
		text-decoration: @link-hover-decoration;
	}
}
.form-control.vpcf-quicksearch:focus {
	border-color: fade(@link-color, 70%);
}
.vpcf-checkboxes input[type="checkbox"]:checked + .vpcf-checkmark,
.vpcf-radios input[type="radio"]:checked + .vpcf-radiomark {
	background-color: @link-color;
	border-color: @link-color;
}
.nav-list > .active > a:after {
	background-color: @link-color;
}

.color-base,
.color-base:hover,
.color-base:focus,
.color-base:visited {
	color: @text-color;
}
.vpcf-options label a,
.vpf-topbar a,
.vpf-topbar .nav > li > a {
	color: @text-color;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.vpf-topbar .nav > li > a:hover,
.vpf-topbar .nav > li > a:focus,
.vpf-topbar .nav > li > a:active,
.vpf-topbar .nav > li > span,
.vpf-topbar .nav > li > span:hover,
.vpf-topbar .nav > li > span:focus {
	color: @link-color;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: @link-color;
	border-color: @link-color;
}
.vpf-scroll-top-button,
::selection {
	background-color: @link-color;
	color: #FFFFFF;
}
.vpf-scroll-top-button:hover {
	background-color: @gray-darker;
	color: #FFF;
}
.light-link,
.light-link:hover,
.light-link:focus,
.light-link:active,
.light-link.active {
	color: @text-color;
	opacity: 0.5;
}
.light-link:hover,
.light-link:focus,
.light-link:active,
.light-link.active {
	opacity: 1;
}
.table th a {
	color: @text-color;
	&:hover, &:focus {
		color: @link-color;
		.icon-circle {
			background-color: @text-color;
			color: contrast(@text-color, #000000, #FFFFFF);
		}
	}
}
.searched-product-title a,
.hover-invert {
	color: @text-color;
	&:hover, &:focus {
		color: @link-color;
	}
}
legend {
	color: @text-color;
	border-bottom-color: @gray-light;
}
// Gray Colors */
.sidebar-menu .opener,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-prev,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-next {
	color: @gray-base;
}
.sidebar-menu .opener:hover,
.sidebar-menu .opener:focus,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-next:hover {
	color: @gray-base;
}
.icon-circle,
.neighbour-link {
	color: @gray-base;
	background-color: @gray-light;
}
.icon-circle:hover,
button:hover .icon-circle,
a:hover .icon-circle,
.neighbour-link:hover,
.neighbour-link:focus,
.open > .dropdown-toggle.btn-primary,
.over .vp-dropmod-anchor > .btn-primary {
	color: contrast(@gray-darker, #000000, #FFFFFF);
	background-color: @gray-darker;
}
.sidebar-menu li > a,
.sidebar-menu li > span,
.aside-inner .mostread li > a,
.aside-inner .mostread li > span,
.aside-inner .latestnews li > a,
.aside-inner .latestnews li > span,
.aside-inner .archive-module li > a,
.aside-inner .archive-module li > span,
.aside-inner .categories-module li > h3 > a,
.aside-inner .categories-module li > h4 > a,
.aside-inner .categories-module li > h5 > a,
.aside-inner .categories-module li > h6 > a,
.aside-inner .categories-module li > h7 > a {
	color: @text-color;
	border-color: @gray-light;
}
.sidebar-menu .open > a,
.sidebar-menu .open > span {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border-color: @gray-light;
}
.sidebar-menu li > a:hover, 
.sidebar-menu li > a:focus,
.sidebar-menu li > span:hover, 
.sidebar-menu li > span:focus,
.aside-inner .mostread li > a:hover,
.aside-inner .mostread li > a:focus,
.aside-inner .latestnews li > a:hover,
.aside-inner .latestnews li > a:focus,
.aside-inner .archive-module li > a:hover,
.aside-inner .archive-module li > a:focus,
.sidebar-menu .open > a:hover, 
.sidebar-menu .open > a:focus,
.sidebar-menu .open > span:hover, 
.sidebar-menu .open > span:focus,
.aside-inner .categories-module li > h3 > a:hover,
.aside-inner .categories-module li > h3 > a:focus,
.aside-inner .categories-module li > h4 > a:hover,
.aside-inner .categories-module li > h4 > a:focus,
.aside-inner .categories-module li > h5 > a:hover,
.aside-inner .categories-module li > h5 > a:focus,
.aside-inner .categories-module li > h6 > a:hover,
.aside-inner .categories-module li > h6 > a:focus,
.aside-inner .categories-module li > h7 > a:hover,
.aside-inner .categories-module li > h7 > a:focus {
	background-color: @gray-lighter;
	border-color: @gray-light;
}
.sidebar-menu .active > a,
.sidebar-menu .active > a:hover, 
.sidebar-menu .active > a:focus,
.sidebar-menu .active > span,
.sidebar-menu .active > span:hover, 
.sidebar-menu .active > span:focus,
.aside-inner .mostread li.active > a,
.aside-inner .mostread li.active > a:hover,
.aside-inner .mostread li.active > a:focus,
.aside-inner .latestnews li.active > a,
.aside-inner .latestnews li.active > a:hover,
.aside-inner .latestnews li.active > a:focus,
.aside-inner .archive-module li.active > a,
.aside-inner .archive-module li.active > a:hover,
.aside-inner .archive-module li.active > a:focus,
.aside-inner .categories-module li.active > h3 > a,
.aside-inner .categories-module li.active > h3 > a:hover,
.aside-inner .categories-module li.active > h3 > a:focus,
.aside-inner .categories-module li.active > h4 > a,
.aside-inner .categories-module li.active > h4 > a:hover,
.aside-inner .categories-module li.active > h4 > a:focus,
.aside-inner .categories-module li.active > h5 > a,
.aside-inner .categories-module li.active > h5 > a:hover,
.aside-inner .categories-module li.active > h5 > a:focus,
.aside-inner .categories-module li.active > h6 > a,
.aside-inner .categories-module li.active > h6 > a:hover,
.aside-inner .categories-module li.active > h6 > a:focus,
.aside-inner .categories-module li.active > h7 > a,
.aside-inner .categories-module li.active > h7 > a:hover,
.aside-inner .categories-module li.active > h7 > a:focus {
	color: @link-color;
}
.tags a {
	color: @gray-darker;
	background-color: @gray-light;
}
.tags a:hover,
.tags a:focus {
	color: contrast(@gray-dark, #000000, #FFFFFF);
	background-color: @gray-dark;
}
.tags a:before {
	border-color: transparent @gray-light transparent transparent;
	border-color: rgba(0, 0, 0, 0) @gray-light rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.tags a:hover:before,
.tags a:focus:before {
	border-color: transparent @gray-dark transparent transparent;
	border-color: rgba(0, 0, 0, 0) @gray-dark rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.module-block .mod-header,
.page-header {
	border-color: @gray;
}
.toolbar,
.category-order-by:before,
.category-mfg-filter:before,
.category-result-counter:before {
	border-color: @gray-light;
}
.mod-box {
	background-color: @gray-lighter;
	border-color: @gray-light;
}
blockquote {
	border-color: @gray-light;
}
// Dropdown menu and Top bar switch 
// derived from gray colors and body styles
.topbar-switch-list {
	color: @topbar-text;
	background-color: @topbar-bg;
	border-color: @topbar-border-bottom;
	@dropdown-box-shadow: 0 5px 10px fade(@gray-base, 8%);
	.box-shadow(@dropdown-box-shadow);
}
.vp-dropmod-inner,
.autocomplete-suggestions,
.dropdown-menu {
	color: @text-color;
	background-color: @body-bg;
	border-color: lighten(@gray-base, 90%);
	border-color: fade(@gray-base, 10%);
	@dropdown-box-shadow: 0 5px 10px fade(@gray-base, 8%);
	.box-shadow(@dropdown-box-shadow);
}
.vp-dropmod-pointer {
	background-color: @body-bg;
}
.vp-dropmod-pointer:before {
	border-bottom-color: lighten(@gray-base, 81%);
	border-bottom-color: fade(@gray-base, 19%);
}
.topbar-switch.over .topbar-switch-inner {
	background-color: @topbar-bg;
	border-color: @topbar-border-bottom;
	border-top-color: transparent;
}
.topbar-switch-list > li > a,
.topbar-switch-list > li.active > a {
	color: @topbar-text;
}
.dropdown-menu > li > a {
	color: @text-color;
}
.topbar-switch-list > li > a:hover,
.topbar-switch-list > li > a:focus {
	color: @topbar-text;
	background-color: lighten(@topbar-bg, 85%);
	background-color: fade(@topbar-bg, 15%);
}
.autocomplete-selected,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: @gray-darker;
	background-color: @gray-lighter;
}

// Tabs derived from gray colors
.nav-tabs > li > a {
	color: lighten(@gray-dark, 10%);
	background-color: @gray-lighter;
	border-color: @gray;
	border-bottom-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0);
}
.nav-tabs > li > a:hover {
	color: @gray-dark;
	background-color: @gray-light;
	border-color: @gray;
	border-bottom-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: @text-color;
	border-color: @gray;
	background-color: @body-bg;
	border-bottom-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0);
}
.tab-content {
	background-color: @body-bg;
	border-color: @gray;
}

// Accordion panel
.panel {
	background-color: @body-bg;
	-webkit-box-shadow: 0 1px 1px fade(@gray-base, 5%);
	-moz-box-shadow: 0 1px 1px fade(@gray-base, 5%);
	box-shadow: 0 1px 1px fade(@gray-base, 5%);
}
.panel-default {
	border-color: @gray;
}
.panel-default > .panel-heading {
	color: @gray-darker;
	background-color: @gray-lighter;
	border-color: @gray;
}

// Container
.container .inner-container {
	background-color: @container-bg;
	border-color: @container-border;
	padding-left: @container-padding;
	padding-right: @container-padding;
	.box-shadow(@container-box-shadow);
}

// Typography
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: @headings-line-height;
	color: @headings-color;
}
.text-muted,
.product-price-before-discount,
.rating .text-muted {
	color: @text-muted-color;
}
.text-primary {
	color: @text-primary-color;
}
.text-success {
	color: @text-success-color;
}
.text-info {
	color: @text-info-color;
}
.text-warning {
	color: @text-warning-color;
}
.text-danger {
	color: @text-danger-color;
}

// Border Radius
.form-control,
.btn,
.dropdown-menu,
.modal-content,
.bootstrap-dialog .modal-header,
.well,
.img-thumbnail,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.input-group-addon,
select:not(.form-control),
textarea:not(.form-control),
input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="datetime"]:not(.form-control),
input[type="datetime-local"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="month"]:not(.form-control),
input[type="time"]:not(.form-control),
input[type="week"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="color"]:not(.form-control),
.uneditable-input:not(.form-control),
.inputbox:not(.form-control),
.list-group-item:first-child,
.list-group-item:last-child,
.alert,
.panel,
.panel-group .panel,
.panel-heading,
.product-action-buttons .btn-vme-round {
	border-radius: @border-radius-base;
}
.btn-lg {
	border-radius: @border-radius-large;
}
.btn-sm,
.vp-dropmod-inner {
	border-radius: @border-radius-small;
}

// Forms
.form-control,
select:not(.form-control), textarea:not(.form-control), input[type="text"]:not(.form-control), 
input[type="password"]:not(.form-control), input[type="datetime"]:not(.form-control), 
input[type="datetime-local"]:not(.form-control), input[type="date"]:not(.form-control), 
input[type="month"]:not(.form-control), input[type="time"]:not(.form-control), 
input[type="week"]:not(.form-control), input[type="number"]:not(.form-control), 
input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), 
input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), 
input[type="color"]:not(.form-control), .uneditable-input:not(.form-control),
.inputbox:not(.form-control) {
	background-color: @input-bg;
	color: @input-color;
	border-color: @input-border;
}
.form-control:focus,
select:not(.form-control):focus, textarea:not(.form-control):focus, input[type="text"]:not(.form-control):focus, 
input[type="password"]:not(.form-control):focus, input[type="datetime"]:not(.form-control):focus, 
input[type="datetime-local"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, 
input[type="month"]:not(.form-control):focus, input[type="time"]:not(.form-control):focus, 
input[type="week"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, 
input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, 
input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, 
input[type="color"]:not(.form-control):focus, .uneditable-input:not(.form-control):focus,
.inputbox:not(.form-control):focus {
	border-color: @input-border-focus;
	-webkit-box-shadow: inset 0 1px 1px fade(@input-border, 75%), 0 0 8px fade(@input-border-focus, 60%);
	-moz-box-shadow: inset 0 1px 1px fade(@input-border, 75%), 0 0 8px fade(@input-border-focus, 60%);
	box-shadow: inset 0 1px 1px fade(@input-border, 75%), 0 0 8px fade(@input-border-focus, 60%);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
select[disabled]:not(.form-control), textarea[disabled]:not(.form-control), input[disabled]:not(.form-control):not(.btn), 
input[type="password"][disabled]:not(.form-control), input[type="datetime"][disabled]:not(.form-control), 
input[type="datetime-local"][disabled]:not(.form-control), input[type="date"][disabled]:not(.form-control), 
input[type="month"][disabled]:not(.form-control), input[type="time"][disabled]:not(.form-control), 
input[type="week"][disabled]:not(.form-control), input[type="number"][disabled]:not(.form-control), 
input[type="email"][disabled]:not(.form-control), input[type="url"][disabled]:not(.form-control), 
input[type="search"][disabled]:not(.form-control), input[type="tel"][disabled]:not(.form-control), 
input[type="color"][disabled]:not(.form-control), .uneditable-input[disabled]:not(.form-control),
.inputbox[disabled]:not(.form-control),
select[readonly]:not(.form-control), textarea[readonly]:not(.form-control), input[readonly]:not(.form-control), 
input[type="password"][readonly]:not(.form-control), input[type="datetime"][readonly]:not(.form-control), 
input[type="datetime-local"][readonly]:not(.form-control), input[type="date"][readonly]:not(.form-control), 
input[type="month"][readonly]:not(.form-control), input[type="time"][readonly]:not(.form-control), 
input[type="week"][readonly]:not(.form-control), input[type="number"][readonly]:not(.form-control), 
input[type="email"][readonly]:not(.form-control), input[type="url"][readonly]:not(.form-control), 
input[type="search"][readonly]:not(.form-control), input[type="tel"][readonly]:not(.form-control), 
input[type="color"][readonly]:not(.form-control), .uneditable-input[readonly]:not(.form-control),
.inputbox[readonly]:not(.form-control) {
	background-color: @input-bg-disabled;
}
::-webkit-input-placeholder {
	color: @input-color-placeholder;
}
:-moz-placeholder { // Firefox 18-
	color: @input-color-placeholder;
}
::-moz-placeholder {  // Firefox 19+
	color: @input-color-placeholder;
}
:-ms-input-placeholder {  
	color: @input-color-placeholder;
}
.input-group-addon {
	background-color: @gray-light;
	border-color: @input-border;
}
// Alerts
.alert-success {
	color: @text-success-color;
	background-color: @alert-success-bg;
	border-color: @alert-success-border;
}
.bg-success {
	background-color: @alert-success-bg;
}
.alert-info {
	color: @text-info-color;
	background-color: @alert-info-bg;
	border-color: @alert-info-border;
}
.bg-info {
	background-color: @alert-info-bg;
}
.alert-warning,
.alert-message {
	color: @text-warning-color;
	background-color: @alert-warning-bg;
	border-color: @alert-warning-border;
}
.bg-warning,
.bg-message {
	background-color: @alert-warning-bg;
}
.empty-list {
	color: @text-color;
	background-color: @alert-warning-bg;
	border-color: @alert-warning-border;
}
.alert-danger,
.alert-error {
	color: @text-danger-color;
	background-color: @alert-danger-bg;
	border-color: @alert-danger-border;
}
.bg-danger,
.bg-error {
	background-color: @alert-danger-bg;
}

// Buttons
.btn {
	font-weight: @btn-font-weight;
}
.btn-default {
	color: @btn-default-color;
	background-color: @btn-default-bg;
	border-color: @btn-default-border;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.over .vp-dropmod-anchor > .btn-default {
	color: @btn-default-hover-color;
	background-color: @btn-default-hover-bg;
	border-color: @btn-default-hover-border;
}
.btn-foricon,
.product-action-buttons .btn-vme-round {
	color: @btn-foricon-color;
	background-color: @btn-foricon-bg;
	border-color: @btn-foricon-border;
}
.btn-foricon.active,
.btn-foricon.focus,
.btn-foricon:active,
.btn-foricon:focus,
.btn-foricon:hover,
.product-action-buttons .btn-vme-round:hover,
.open > .dropdown-toggle.btn-foricon,
.over .vp-dropmod-anchor > .btn-foricon,
.product-action-buttons .btn-vme-round.btn-item-added,
.product-action-buttons .btn-vme-round.btn-item-added:hover {
	color: @btn-foricon-hover-color;
	background-color: @btn-foricon-hover-bg;
	border-color: @btn-foricon-hover-border;
}
.navbar-toggle.vpf-offcanvas-toggle,
.navbar-toggle.vpf-offcanvas-toggle:hover,
.navbar-toggle.vpf-offcanvas-toggle:focus,
.header-top .color-base,
.header-top .color-base:hover,
.header-top .color-base:focus,
.header-top .color-base:visited {
	color: @header-color;
}
@media (max-width : 992px) {
	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn,
	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:hover,
	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:focus,
	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:active,
	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn.active,
	.navbar-offcanvas-modules .over .vp-dropmod-anchor > .btn {
		color: @btn-foricon-color;
	}
}
.btn-switch {
	color: @btn-switch-color;
	background-color: @btn-switch-bg;
	border-color: @btn-switch-border;
}
.btn-switch.active,
.btn-switch.focus,
.btn-switch:active,
.btn-switch:focus,
.btn-switch:hover {
	color: @btn-switch-hover-color;
	background-color: @btn-switch-hover-bg;
	border-color: @btn-switch-hover-border;
}
.btn-base,
.feature-icon-hover .icon {
	color: @btn-base-color;
	background-color: @btn-base-bg;
	border-color: @btn-base-border;
}
.btn-base.active,
.btn-base.focus,
.btn-base:active,
.btn-base:focus,
.btn-base:hover,
.open > .dropdown-toggle.btn-base,
.over .vp-dropmod-anchor > .btn-base,
.feature-icon-hover:hover .icon,
.feature-icon-hover:focus .icon {
	color: @btn-base-hover-color;
	background-color: @btn-base-hover-bg;
	border-color: @btn-base-hover-border;
}
.btn-primary {
	color: @btn-primary-color;
	background-color: @btn-primary-bg;
	border-color: @btn-primary-border;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	color: @btn-primary-hover-color;
	background-color: @btn-primary-hover-bg;
	border-color: @btn-primary-hover-border;
}
.btn-info {
	color: @btn-info-color;
	background-color: @btn-info-bg;
	border-color: @btn-info-border;
}
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info,
.over .vp-dropmod-anchor > .btn-info {
	color: @btn-info-hover-color;
	background-color: @btn-info-hover-bg;
	border-color: @btn-info-hover-border;
}
.btn-warning {
	color: @btn-warning-color;
	background-color: @btn-warning-bg;
	border-color: @btn-warning-border;
}
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning,
.over .vp-dropmod-anchor > .btn-warning {
	color: @btn-warning-hover-color;
	background-color: @btn-warning-hover-bg;
	border-color: @btn-warning-hover-border;
}
.btn-danger {
	color: @btn-danger-color;
	background-color: @btn-danger-bg;
	border-color: @btn-danger-border;
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger,
.over .vp-dropmod-anchor > .btn-danger {
	color: @btn-danger-hover-color;
	background-color: @btn-danger-hover-bg;
	border-color: @btn-danger-hover-border;
}
.btn-invert {
	color: @btn-invert-color;
	background-color: @btn-invert-bg;
	border-color: @btn-invert-border;
}
.btn-invert.active,
.btn-invert.focus,
.btn-invert:active,
.btn-invert:focus,
.btn-invert:hover,
.open > .dropdown-toggle.btn-invert,
.over .vp-dropmod-anchor > .btn-invert {
	color: @btn-invert-hover-color;
	background-color: @btn-invert-hover-bg;
	border-color: @btn-invert-hover-border;
}

// Utilities
.badge,
.sticker {
	font-weight: @utility-font-weight;
	border-radius: @utility-border-radius;
}
.badge-grey,
.sticker-grey {
	color: @utility-grey-color;
	background-color: @utility-grey-bg;
}
.badge-green,
.sticker-green {
	color: @utility-green-color;
	background-color: @utility-green-bg;
}
.badge-blue,
.sticker-blue {
	color: @utility-blue-color;
	background-color: @utility-blue-bg;
}
.badge-yellow,
.sticker-yellow {
	color: @utility-yellow-color;
	background-color: @utility-yellow-bg;
}
.badge-orange,
.sticker-orange {
	color: @utility-orange-color;
	background-color: @utility-orange-bg;
}
.badge-red,
.sticker-red {
	color: @utility-red-color;
	background-color: @utility-red-bg;
}

// Product Tags
.tag {
	font-size: @tag-font-size;
	font-weight: @tag-font-weight;
}
.tag-sale {
	color: @tag-sale-color;
	background-color: @tag-sale-bg;
}
.tag-new {
	color: @tag-new-color;
	background-color: @tag-new-bg;
}
.tag-promo {
	color: @tag-promo-color;
	background-color: @tag-promo-bg;
}
.tag-sold {
	color: @tag-sold-color;
	background-color: @tag-sold-bg;
}
.tag-discontinued {
	color: @tag-discontinued-color;
	background-color: @tag-discontinued-bg;
}

// Breadcrumbs
#breadcrumbs {
	background-color: @breadcrumbs-bg;
	.background-image(@breadcrumbs-bg-image, @breadcrumbs-bg-repeat, @breadcrumbs-bg-size, @breadcrumbs-bg-position-x, @breadcrumbs-bg-position-y, @breadcrumbs-bg-attachment);
}
#breadcrumbs .breadcrumb {
	background: @breadcrumbs-nav-bg;
}
#breadcrumbs .breadcrumb a {
	color: @breadcrumbs-nav;
}
#breadcrumbs .breadcrumb a:hover {
	color: @breadcrumbs-nav-hover;
}
#breadcrumbs .breadcrumb > .active {
	color: @breadcrumbs-nav-active;
}
#breadcrumbs ul.breadcrumb > li + li:before {
	color: @breadcrumbs-nav-separator;
}

// Top Bar
.vpf-topbar {
	background-color: @topbar-bg;
	border-bottom: addBorder(@topbar-border-bottom, 1px);
}
.vpf-topbar .inner-container {
	background-color: @topbar-container-bg;
	border-bottom-color: @topbar-container-border-bottom;
	color: @topbar-text;
}
.vpf-topbar a,
.vpf-topbar a:focus,
.vpf-topbar a:hover,
.vpf-topbar .nav > li > a,
.vpf-topbar .nav > li > a:focus,
.vpf-topbar .nav > li > a:hover {
	color: @topbar-text;
}
.vpf-topbar .text-muted,
.vpf-topbar .muted {
	color: @topbar-text;
}
// Header
.header-top {
	background-color: @header-bg;
	-webkit-box-shadow: 1px 1px 1px @header-bottom-box-shadow;
	box-shadow: 1px 1px 1px @header-bottom-box-shadow;
}
.header-top .inner-container {
	background-color: @header-container-bg;
}
// Slider
.mod-slider-cont {
	background-color: @slider-bg;
	margin-bottom: @slider-margin-bottom;
}
.mod-slider-cont .container .inner-container {
	background-color: @slider-container-bg;
}

// Mega menu
.navbar-mainmenu .navbar-collapse {
	color: @nav-text-color;
}
@media (max-width : 992px) {
	.navbar.navbar-offcanvas {
		color: @nav-text-color;
	}
}
.navbar-mainmenu .navbar-nav > li > a,
.navbar-mainmenu .navbar-nav > li > span {
	color: @nav-text-color;
	text-transform: @nav-text-transform;
}
.vpf-menu a > .menu-group > .menu-desc,
.vpf-menu span > .menu-group > .menu-desc {
	color: @nav-desc-color;
}
.navbar-mainmenu .navbar-nav > li.active > a,
.navbar-mainmenu .navbar-nav > li.active > span {
	color: @nav-text-active-color;
	background-color: @nav-active-bg;
}
.navbar-mainmenu .navbar-nav > li.open > a,
.navbar-mainmenu .navbar-nav > li > a:hover,
.navbar-mainmenu .navbar-nav > li > a:focus,
.navbar-mainmenu .navbar-nav > li.open > span,
.navbar-mainmenu .navbar-nav > li > span:hover,
.navbar-mainmenu .navbar-nav > li > span:focus {
	color: @nav-hover-color;
	background-color: @nav-hover-bg;
}
.navbar-mainmenu .navbar-nav > li.open > a > .caret,
.navbar-mainmenu .navbar-nav > li.open > span > .caret {
	display: @nav-show-caret;
	border-top-color: @nav-caret-color;
}
.navbar-mainmenu .navbar-nav > li.open > a:after,
.navbar-mainmenu .navbar-nav > li.open > span:after {
	background-color: @nav-hover-underline;
}
.navbar-mainmenu .navbar-nav > li.active > a:after,
.navbar-mainmenu .navbar-nav > li.active > span:after {
	background-color: @nav-active-underline;
}
.mega-sub-cont li.submenu.deeper:not(.mega-group) > a:after,
.mega-sub-cont li.submenu.deeper:not(.mega-group) > span:after,
.mega-sub-cont ul.vpf-mega-mod li.deeper > a:after,
.mega-sub-cont ul.vpf-mega-mod li.deeper > span:after {
	display: @nav-show-caret;
	border-left-color: @nav-caret-color;
}
.navbar-mainmenu .navbar-nav > li.active > a > .caret,
.navbar-mainmenu .navbar-nav > li.active > span > .caret {
	border-top-color: @nav-caret-active-color;
}
.navbar-mainmenu .navbar-nav > li.open > a > .caret,
.navbar-mainmenu .navbar-nav > li.open > span > .caret {
	border-top-color: @nav-caret-hover-color;
}
.mega-menu-expand,
.vpf-menu .submenu li.deeper > ul,
.vpf-menu .submenu.deeper > .mega-menu-expand {
	color: @nav-dropdown-text-color;
	background-color: @nav-dropdown-bg;
	border: addBorder(@nav-dropdown-border, 1px);
	border-top: addBorder(@nav-dropdown-border-top, 1px);
	.box-shadow(@nav-dropdown-box-shadow);
}
.level-1 .mega-menu-expand,
.vpf-menu .submenu li.level-1.deeper > ul {
	margin-top: @nav-dropdown-margin-top;
	border-top: @nav-dropdown-border-top-width solid @nav-dropdown-border-top;
}
.mega-sub-cont li.submenu > a,
.mega-sub-cont li.submenu > span,
.mega-sub-cont ul.vpf-mega-mod li > a,
.mega-sub-cont ul.vpf-mega-mod li > span,
.navbar-mainmenu .navbar-nav li.submenu.mega-group > a,
.navbar-mainmenu .navbar-nav li.submenu.mega-group > span {
	color: @nav-dropdown-text-color;
}
.mega-sub-cont li.submenu.active > a,
.mega-sub-cont li.submenu.active > span,
.mega-sub-cont ul.vpf-mega-mod li.active > a,
.mega-sub-cont ul.vpf-mega-mod li.active > span {
	color: @nav-dropdown-text-active-color;
}
.mega-sub-cont li.submenu.open > a,
.mega-sub-cont li.submenu.open > span,
.mega-sub-cont li.submenu > a:hover,
.mega-sub-cont li.submenu > a:focus,
.mega-sub-cont li.submenu > span:hover,
.mega-sub-cont li.submenu > span:focus,
.mega-sub-cont ul.vpf-mega-mod li > a:hover,
.mega-sub-cont ul.vpf-mega-mod li > a:focus,
.mega-sub-cont ul.vpf-mega-mod li > span:hover,
.mega-sub-cont ul.vpf-mega-mod li > span:focus {
	color: @nav-dropdown-text-hover-color;
}

// Main body
#mainbody {
	background-color: @main-body-bg;
	border-top: addBorder(@main-body-border-top, 1px);
	border-bottom: addBorder(@main-body-border-bottom, 1px);
}
#mainbody .container .inner-container {
	background-color: @main-body-container-bg;
	border-top: addBorder(@main-body-container-border-top, 1px);
	border-bottom: addBorder(@main-body-container-border-bottom, 1px);
}

// Utility Wide
.utility-wide {
	padding-top: @utility-wide-padding-top;
	padding-bottom: @utility-wide-padding-bottom;
	margin-top: @utility-wide-margin-top;
	margin-bottom: @utility-wide-margin-bottom;
	border-top: @utility-wide-border-top;
	border-bottom: @utility-wide-border-bottom;
	background-color: @utility-wide-bg;
	.background-image(@utility-wide-bg-image, @utility-wide-bg-repeat, @utility-wide-bg-size, @utility-wide-bg-position-x, @utility-wide-bg-position-y, @utility-wide-bg-attachment); 
}

// Utility Vertical
.utility-vertical {
	padding-top: @utility-vertical-padding-top;
	padding-bottom: @utility-vertical-padding-bottom;
	margin-top: @utility-vertical-margin-top;
	margin-bottom: @utility-vertical-margin-bottom;
	border-top: @utility-vertical-border-top;
	border-bottom: @utility-vertical-border-bottom;
	background-color: @utility-vertical-bg;
	.background-image(@utility-vertical-bg-image, @utility-vertical-bg-repeat, @utility-vertical-bg-size, @utility-vertical-bg-position-x, @utility-vertical-bg-position-y, @utility-vertical-bg-attachment); 
}

// Utility Horizontal
.utility-horizontal {
	padding-top: @utility-horizontal-padding-top;
	padding-bottom: @utility-horizontal-padding-bottom;
	margin-top: @utility-horizontal-margin-top;
	margin-bottom: @utility-horizontal-margin-bottom;
	border-top: @utility-horizontal-border-top;
	border-bottom: @utility-horizontal-border-bottom;
	background-color: @utility-horizontal-bg;
	.background-image(@utility-horizontal-bg-image, @utility-horizontal-bg-repeat, @utility-horizontal-bg-size, @utility-horizontal-bg-position-x, @utility-horizontal-bg-position-y, @utility-horizontal-bg-attachment); 
}

// VirtueMart
.quantity-box-cont.quantity-box {
	border-color: @gray;
	background: @gray-lighter;
}
.btn-nobg .fa,
.btn-vme-round > i {
	border-color: @gray;
}
.btn-vme-round.btn-item-added > i,
.btn-vme-round.btn-item-added:hover > i {
	background: @btn-foricon-hover-bg;
	border-color: @btn-foricon-hover-bg;
	color: @btn-foricon-hover-color;
}
.btn-vme,
.btn-nobg {
	color: @gray-dark;
}
.btn-vme:hover,
.btn-nobg:hover {
	color: inherit;
}
.mod-product-price,
.related-product .PricesalesPrice,
.product-sales-price,
.product-sales-price > div > span {
	color: @vm-price-color;
}
.product-image-gallery-main-cont,
.product-listing .product-inner,
.vp-product-carousel-inner .product-inner,
.category-list .category-item-inner,
.vendor-inner,
.manufacturer-inner {
	background-color: @vm-box-bg;
	border-color: @vm-box-border;
}
.product-thumb-carousel .image-thumb {
	background-color: @vm-box-bg;
	border-color: @vm-box-border;
}
.product-thumb-carousel .image-thumb:hover {
	background-color: @vm-box-hover-bg;
	border-color: darken(@vm-box-hover-border, 20%);
}
.product-listing .product-inner.open,
.vp-product-carousel-inner .product-inner.open,
.category-list .category-item-inner:hover,
.category-list .category-item-inner:focus,
.vendor-inner:hover,
.vendor-inner:focus,
.manufacturer-inner:hover,
.manufacturer-inner:focus {
	background-color: @vm-box-hover-bg;
	border-color: @vm-box-hover-border;
}
.productdetails-view .product-rating-cont,
.productdetails-view .product-short-desc-cont,
.productdetails-view .product-price-stock-sku-cont,
.productdetails-view .product-action-buttons-cont,
.productdetails-view .product-addtocart-cont,
.product-details-manifacturer-logo,
.top-right-fields,
.ontop-fields-cont,
.product-top-right-cont,
.related-products-cont,
.related-product-header {
	border-color: @gray;
}
.vm-rating-stars,
span.vm-product-rating,
span.review-rating {
	color: @vm-rating-star;
}
// Price Filter
.vpfc-price-range .ui-slider {
	background-color: @vm-price-filter-bg;
}
.vpfc-price-range .ui-widget-header,
.vpfc-price-range .ui-slider .ui-slider-handle {
	background-color: @vm-price-filter;
}
// Bottom Slider
.bottom-slider {
	background-color: @bottom-slider-bg;
	border-top: addBorder(@bottom-slider-border-top, 1px);
	border-bottom: addBorder(@bottom-slider-border-bottom, 1px);
}
.bottom-slider .container .inner-container {
	background-color: @bottom-slider-container-bg;
	border-top: addBorder(@bottom-slider-container-border-top, 1px);
	border-bottom: addBorder(@bottom-slider-container-border-bottom, 1px);
}

// Bottom
#bottom {
	color: @bottom-text-color;
	background-color: @bottom-bg;
	border-top: addBorder(@bottom-border-top, 1px);
	border-bottom: addBorder(@bottom-border-bottom, 1px);
}
#bottom .container .inner-container {
	background-color: @bottom-container-bg;
	border-top: addBorder(@bottom-container-border-top, 1px);
	border-bottom: addBorder(@bottom-container-border-bottom, 1px);
}
#bottom a {
	color: @bottom-link-color;
}
#bottom a:hover,
#bottom a:focus {
	color: @bottom-link-hover-color;
}
#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6,
#bottom .h1,
#bottom .h2,
#bottom .h3,
#bottom .h4,
#bottom .h5,
#bottom .h6 {
	color: @bottom-heading-color;
}

// Footer
footer.footer {
	color: @footer-text-color;
	background-color: @footer-bg;
	border-top: addBorder(@footer-border-top, 1px);
	border-bottom: addBorder(@footer-border-bottom, 1px);
}
footer.footer .container .inner-container {
	background-color: @footer-container-bg;
	border-top: addBorder(@footer-container-border-top, 1px);
	border-bottom: addBorder(@footer-container-border-bottom, 1px);
}
footer.footer a {
	color: @footer-link-color;
}
footer.footer a:hover,
footer.footer a:focus {
	color: @footer-link-hover-color;
}
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6,
footer.footer .h1,
footer.footer .h2,
footer.footer .h3,
footer.footer .h4,
footer.footer .h5,
footer.footer .h6 {
	color: @footer-heading-color;
}

// Carousel styles
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev,
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-next,
.owl-nav-top .owl-controls .owl-buttons .owl-prev,
.owl-nav-top .owl-controls .owl-buttons .owl-next,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-prev,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-next,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-prev,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-next {
	color: @carousel-nav-color;
	background-color: @carousel-nav-bg;
	border: 1px solid @carousel-nav-border;
}
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev:hover,
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-next:hover,
.owl-nav-top .owl-controls.clickable .owl-buttons .owl-prev:hover,
.owl-nav-top .owl-controls.clickable .owl-buttons .owl-next:hover,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-prev:hover,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-next:hover ,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-next:hover {
	color: @carousel-nav-color-hover;
	background-color: @carousel-nav-bg-hover;
	border: 1px solid @carousel-nav-border-hover;
}
.carousel-nav-top .owl-controls .owl-page span,
.owl-nav-top .owl-controls .owl-page span,
.owl-nav-side .owl-controls .owl-page span,
.owl-carousel.side-nav-theme .owl-controls .owl-page span {
	background: @carousel-page-color;
}
.carousel-nav-top .owl-controls .owl-page span:hover,
.owl-nav-top .owl-controls .owl-page span:hover,
.owl-nav-side .owl-controls .owl-page span:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-page span:hover  {
	background: @carousel-page-color-hover;
}
.carousel-nav-top .owl-controls .owl-page.active span,
.carousel-nav-top .owl-controls .owl-page.active span:hover,
.owl-nav-top .owl-controls .owl-page.active span,
.owl-nav-top .owl-controls .owl-page.active span:hover,
.owl-nav-side .owl-controls .owl-page.active span,
.owl-nav-side .owl-controls .owl-page.active span:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-page.active span,
.owl-carousel.side-nav-theme .owl-controls .owl-page.active span:hover {
	background: @carousel-page-color-active;
}
// Header Search
.header-search .search input[type="text"],
.header-search .search input[type="search"] {
	background-color: @search-input-bg;
	color: @search-input-color;
}
.vpajaxsearch-line-loader .vpajaxsearch-loader {
	background-color: @gray-light;
}
.vpajaxsearch-line-loader .vpajaxsearch-loader:before {
	background-color: @link-color;
}
// Footer toolbar
@media (max-width: 991px) {
	#footer-toolbar {
		background: @toolbar-bg;
		padding-top: @toolbar-padding-top;
		padding-bottom: @toolbar-padding-bottom;
		border-top: @toolbar-border-top;
		color: @toolbar-color;
	}
	.header-top a,
	.header-top .color-base,
	.header-top .color-base:hover,
	.header-top .color-base:focus,
	.header-top .color-base:visited {
		color: @toolbar-color;
	}
}