@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);	
}


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);
}

.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);
}

.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);
	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_secondary_text_color);
}	

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