@charset "utf-8"; 

/*
	default:  #1887fd
	dark:  #2771bd
	light: #c7e2fe
*/


/* publish */
a:hover{color: #2771bd;}

.text-theme, .text-primary{ color: #1887fd !important;}
.text-theme:hover, .text-primary:hover{ color: #2771bd !important;}

.border-theme{ border-color:#1887fd !important;}

.bg-theme, .bg-theme:visited{ background-color: #1887fd !important; color: #fff;}
a.bg-theme:hover, button.bg-theme:hover{background-color: #2771bd !important; color: #fff;}
.bg-theme-dark{ background-color: #2771bd; color: #fff;}
.bg-theme-light{ background-color: #c7e2fe;}

.btn-theme{ background-color: #1887fd; color: #fff; border-color: #2771bd;}
.btn-theme:hover, .btn-theme:focus{background-color: #2771bd; color: #fff;}

.dynamic-bg::before, .dynamic-bg::after{ background:#1887fd;}

/* tab */
.nav-tabs>li>a:hover{ color: #1887fd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #1887fd;}
.nav-tabs>li.active .badge{ background-color: #c7e2fe;}

/* menu */
.header .site-menu li.active a, .header .site-menu li.active a:hover{ background-color: #1887fd; color: #fff;}
.header .site-menu li a:hover{ color: #1887fd; background-color: #eee;}
.menu-badge{ background-color: #1887fd; }
.menu-badge::before{ border-bottom-color: #1887fd;}
.all-product .category-link:hover, .all-product.opened .category-link{ color: #1887fd;}
.all-product .product-category .nav > li > a:hover, .all-product .product-category .nav > li.active a{ color: #1887fd;}

.aside-menu > ul > li:hover > a{ color: #1887fd;}

/* banner */
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #1887fd; }

/* page */
.crumbs ul li.active a{ background-color: #1887fd;}
.crumbs ul li.active a::after {  border-left-color: #1887fd;}

.leftmenu li.active{ border-left: 5px solid #1887fd; margin-left: -5px; }
.leftmenu li.active > a, .leftmenu li.active > a:hover{ background-color: #c7e2fe; color: #1887fd;}

.breadcrumb li a:hover{color: #c7e2fe; }

.nav-tabs.tabs-lg{ border-color: #1887fd;}
.nav-tabs.tabs-lg li.active a{ background-color: #1887fd;}

.filter-group .filter-item .btn.active{ border-color:  #1887fd; color: #1887fd;}
.filter-group .filter-item .btn.active::before{background-color: #1887fd;}

.thumbs_list li.over{ -webkit-box-shadow: 0 0 0 2px #1887fd; box-shadow: 0 0 0 2px #1887fd;}