/* codeDESIGN - business_hours_sidebar.css */
@charset "utf-8";

/* BUSINESS HOURS SIDEBAR */
div.business_hours_sidebar [class^="col-"],
div.business_hours_sidebar [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.business_hours_sidebar  {
	line-height: 20px;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.business_hours_sidebar div.business_hours_times {
	background: var(--ci_color_light_grey);
	color: var(--ci_color_black);
	padding: 20px 20px 20px 20px;	
	border: none !important;
}
body.tpl_design_elements_rounded div.business_hours_sidebar div.business_hours_times {
	-webkit-border-radius: var(--tpl_body_class_border_radius);
	-moz-border-radius: var(--tpl_body_class_border_radius);
	border-radius: var(--tpl_body_class_border_radius);
}
div.business_hours_sidebar div.business_hours_times_label {
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;	
}
@media only screen and (max-width: 420px) {

	div.business_hours_sidebar div.business_hours_times_label {
		width: 90px;
	}
	
}
div.business_hours_sidebar div.business_hours_by_arrangement_wording {
	color: var(--ci_color_black);
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.business_hours_sidebar div.business_hours_times_inactive_day,
div.business_hours_sidebar div.business_hours_times_active_day  {
	padding: 2px 4px 2px 4px;	
}
div.business_hours_sidebar div.business_hours_times_active_day {
	font-weight: 600;
}
div.business_hours_sidebar div.business_hours_times_inactive_day span {

}



/* BUSINESS HOURS CLOCK ICON */
div.business_hours_sidebar div.business_hours_times_icon i {
	margin: 2px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
	color: var(--ci_color_black);
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.business_hours_sidebar div.business_hours_times_icon i:hover {
	color: var(--ci_color_black);
}
@media only screen and (max-width : 768px) {

	div.business_hours_sidebar div.business_hours_times_icon {
		/* display: none; */
	}
	
}



/* BUSINESS HOURS STATE AND COUNTER  */
div.business_hours_sidebar div.business_hours_current_state_and_counter {
	font-style: normal;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.business_hours_sidebar div.business_hours_current_state_and_counter i.fa-envelope {
	color: var(--ci_color_black);
	padding: 0px 0px 0px 5px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.business_hours_sidebar div.business_hours_current_state_and_counter a:hover i.fa-envelope, 
div.business_hours_sidebar div.business_hours_current_state_and_counter i.fa-envelope:hover {
	color: var(--ci_color_black);
}
div.business_hours_sidebar div.business_hours_current_state_and_counter a, 
div.business_hours_sidebar div.business_hours_current_state_and_counter a:link, 
div.business_hours_sidebar div.business_hours_current_state_and_counter a:visited {
	font-weight: 400;
	color: var(--ci_color_black);
	text-decoration: none;
	position: relative;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.business_hours_sidebar div.business_hours_current_state_and_counter a:hover {
	color: var(--ci_color);
	text-decoration: none;
}
div.business_hours_sidebar div.business_hours_current_state_and_counter a:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: currentColor;
	top: 100%;
	left: 0;
	pointer-events: none;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
div.business_hours_sidebar div.business_hours_current_state_and_counter a:hover:before {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}