/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.track-trace { display: block; margin: 0 0 30px; padding: 10px; border: 1px solid #aaa; }

.timeline-track-trace { list-style: none !important; padding: 0 !important; margin: 0 0 30px !important; }
.timeline-track-trace li { margin: 0 !important; position: relative; min-height: 30px; padding: 0 0 30px 50px; }
.timeline-track-trace li .dot-line { position: absolute; top: 0; left: 0; bottom: 0; width: 26px; margin-right: 4px; }
.timeline-track-trace li .dot-line .dot { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; background: #386fa5; color: #386fa5; border: 4px solid #2B5E90; z-index: 1; }
.timeline-track-trace li .dot-line .line { position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; margin-left: -2px; background: #2B5E90; text-align: center; }
.timeline-track-trace li .details {}
.timeline-track-trace li .details .status-title { color: #2B5E90; }
.timeline-track-trace li .details .desc { color: #2B5E90; }
.timeline-track-trace li.active .dot-line .dot { border-color: #C5502C; background: #C5502C; color: #fff; }
.timeline-track-trace li.active .details .status-title { font-weight: bold; color: #C5502C; margin-bottom: 5px; }

@media (min-width: 768px) {
	.timeline-track-trace::after { content: ''; clear: both; display: table; width: 100%; }
	.timeline-track-trace li { margin: 0 !important; padding: 50px 0 0; position: relative; min-height: 30px; float: left; width: 18%; }
	.timeline-track-trace li .dot-line { width: 100%; height: 26px; bottom: auto; margin: 0; }
	.timeline-track-trace li .dot-line .line { top: 50%; bottom: 0; left: 0; width: 100%; height: 4px; margin-top: -2px; }
}