@import url("constant.css");



/***color variable****/

body {
	background-color: var(--main_background_color);
	color: var(--main_background_text_color);
}


header .header.container-sm,
header .header.container-md,
header .header.container-lg,
header .header.container-xl,
header .header.container-xxl,
section.animate-header,
header {
	background-color: var(--fix_header_primary_bg);
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	top: -1px;
}

.block.main-menu ul li a,
.block.user-area ul li a i {
	color: var(--fix_header_menu_color);
}

.block.main-menu ul li:hover a,
.block.main-menu ul li.active a,
.block.user-area ul li:hover a i {
	color: var(--fix_header_menu_hover_color);
}

.block.main-menu ul li a:after {
	background-color: var(--fix_header_menu_hover_color);
	display: none;
}


section.animate-header.active {
	background-color: var(--sticky_header_primary_bg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.animate-header.active .block.main-menu ul li a,
.animate-header.active .block.user-area ul li a i {
	color: var(--sticky_header_menu_color);
}

.animate-header.active .block.main-menu ul li:hover a,
.animate-header.active .block.main-menu ul li.active a,
.animate-header.active .block.user-area ul li:hover a i {
	color: var(--sticky_header_menu_hover_color);
}

.animate-header.active .block.main-menu ul li a:after {
	/* background-color: var(--sticky_header_menu_hover_color); */
	display: none;
}

.select-brand-steps ul li.active span.step-text {
	color: var(--cbm_primary_text_color);
}

.select-brand-steps ul li span.step-text {
	color: var(--secondary_color);
}

footer {
	background-color: var(--footer_background_color);
}

.block.subscribe,
.block.footer-menu h3,
.block.footer-menu .h3 {
	color: var(--footer_text_color);
}

.block.footer-menu h3 a,
.block.footer-menu .h3 a {
	color: var(--cbm_primary_text_color);
}

#copyright {
	background-color: var(--copyright_section_color);
}

#copyright p small {
	color: var(--copyright_section_text_color);
}

.social-new ul li a i {
	color: var(--social_icons_background_color) !important;
}

.social-new ul li a:hover i {
	color: var(--social_icons_background_hover_color) !important;
}

.select_brand .block.category-item-block .category-item {
	/* border: 1px solid var(--button_primary_color); */
	-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
	-moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
	-o-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
	border: 1px solid transparent;
}

.block.category-item-block .category-item h4,
.block.category-item-block .category-item .h4 {
	color: var(--button_primary_text_color);
}

.block.category-item-block .category-item:hover {
	/* background: var(--button_secondary_color); */
	background: transparent;
	border: 1px solid var(--button_secondary_color);
	/*	border-radius: 5px;*/
}

.block.category-item-block .category-item:hover h4,
.block.category-item-block .category-item:hover span {
	color:var(--button_primary_text_color);
}

.storage-options .custom-control.custom-radio.custom-control-inline .custom-control-input:checked~.custom-control-label {
	border-color: var(--button_primary_color);
}