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

/* BUSINESS HOURS */
.business_hours [class^="col-"],
.business_hours [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.business_hours_content  {
	line-height: 20px;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.business_hours_content div.business_hours_times {
	background: #F8F8F8;
	color: var(--ci_color_black);
	border-radius: 0px;
	padding: 16px 16px 16px 16px;	
}
.business_hours_content div.business_hours_times_label {
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;	
}
.business_hours_content div.business_hours_by_arrangement_wording {
	color: var(--ci_color_black);
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.business_hours_content div.business_hours_times_inactive_day,
.business_hours_content div.business_hours_times_active_day  {
	padding: 2px 4px 2px 4px;	
}
.business_hours_content div.business_hours_times_active_day {
	font-weight: 400;
}
.business_hours_content div.business_hours_times_inactive_day span {
	font-weight: 300;
}



/* BUSINESS HOURS CLOCK ICON */
.business_hours_content div.business_hours_times_icon i {
	margin: 2px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
	color: var(--ci_color_accent_1);
	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;
}
.business_hours_content div.business_hours_times_icon i:hover {
	color: var(--ci_color_accent_1_hover);
}
@media only screen and (max-width : 768px) {

	.business_hours_content div.business_hours_times_icon {
		display: none;
	}
	
}



/* BUSINESS HOURS STATE AND COUNTER  */
.business_hours_content div.business_hours_current_state_and_counter {
	font-style: normal;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.business_hours_content div.business_hours_current_state_and_counter i.fa-envelope {
	color: var(--ci_color_accent_1);
	padding: 0px 5px 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;
}
.business_hours_content div.business_hours_current_state_and_counter a:hover i.fa-envelope, 
.business_hours_content div.business_hours_current_state_and_counter i.fa-envelope:hover {
	color: var(--ci_color_accent_1_hover);
}