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

/* BUSINESS HOURS */
.business_hours_featured [class^="col-"],
.business_hours_featured [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.business_hours_featured {
	line-height: 20px;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.business_hours_featured div.business_hours_times {
	color: var(--ci_color_black);
}
@media only screen and (max-width: 1373px) {
	.business_hours_featured div.business_hours_times .float_left:not(.business_hours_times_label) {
		width: calc(100% - 110px);
	}
}
@media only screen and (max-width: 1199px) {
	.business_hours_featured div.business_hours_times .float_left:not(.business_hours_times_label) {
		width: calc(100% - 110px);
	}
}
@media only screen and (max-width: 991px) {
	.business_hours_featured div.business_hours_times .float_left:not(.business_hours_times_label) {
		width: calc(100% - 130px);
		margin-left: 30px;
	}
}
.business_hours_featured div.business_hours_times::before {
	content: '';
	width: 0;
	height: calc(100% - 88px);
	position: absolute;
	border-left: 1px solid var(--ci_color_red);
	top: 44px;
	left: 133px;
}
@media only screen and (max-width: 1373px) {
	.business_hours_featured div.business_hours_times::before {
		left: 114px;
	}
}
@media only screen and (max-width: 991px) {
	.business_hours_featured div.business_hours_times::before {
		left: 123px;
	}
}
.business_hours_featured div.business_hours_times_label {
	background: var(--ci_color_white);
	color: var(--ci_color_red);
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	width: 70px;
	margin: 0px 40px 0px 0px;
	padding: 20px;
	text-align: left;	
}
@media only screen and (max-width: 1373px) {
	.business_hours_featured div.business_hours_times_label {
		font-size: 18px;
		line-height: 18px;
	}
}
@media only screen and (max-width: 1199px) {
	.business_hours_featured div.business_hours_times_label {
		font-size: 15px;
		line-height: 15px;
	}
}
@media only screen and (max-width: 991px) {
	.business_hours_featured div.business_hours_times_label {
		font-size: 14px;
		line-height: 14px;
		margin: 0px 30px 0px 0px;
	}
}
.business_hours_featured div.business_hours_times_text {
	background: var(--ci_color_white);
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	padding: 20px;
}
@media only screen and (max-width: 1373px) {
	.business_hours_featured div.business_hours_times_text {
		font-size: 18px;
		line-height: 18px;
	}
}
@media only screen and (max-width: 1199px) {
	.business_hours_featured div.business_hours_times_text {
		font-size: 15px;
		line-height: 15px;
	}
}
@media only screen and (max-width: 991px) {
	.business_hours_featured div.business_hours_times_text {
		font-size: 14px;
		line-height: 14px;
	}
}
.business_hours_featured 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_featured div.business_hours_times_inactive_day,
.business_hours_featured div.business_hours_times_active_day  {
	padding: 4px 4px 4px 4px;	
}
.business_hours_featured div.business_hours_times_active_day {
	font-weight: 400;
}
.business_hours_featured div.business_hours_times_inactive_day span {
	font-weight: 300;
}



/* BUSINESS HOURS CLOCK ICON */
.business_hours_featured 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_featured div.business_hours_times_icon i:hover {
	color: var(--ci_color_accent_1_hover);
}
@media only screen and (max-width : 768px) {

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



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