dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
display:block!important;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after
{
display: table;
content: " ";	
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.img-circle {
border-radius: 50%;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
{
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after
{
clear: both;
}
.cool_timeline {
background-color:inherit;
padding:5px;
}
.cool_timeline .timeline-main-title{text-align:center;}
.cool_timeline .avatar_container{
text-align:center;
}
.cool_timeline .timeline-main-title.center-block{
margin:10px 0;
}
.cool_timeline  .events .small ,.event-description {
padding:10px;
}
.cool_timeline  .avatar_container img.center-block.img-responsive.img-circle{
border:2px solid #8D9298;
-webkit-box-shadow:10px 10px 10px #888888;
-moz-box-shadow:10px 10px 10px #888888;
box-shadow:10px 10px 10px #888888;
}
.timeline dl dd.even .circ, .timeline dl dd.even  .events h4 {
background: #1b949e url(//smitfc.org/wp-content/plugins/cool-timeline-pro/images/dust-bg.png);
}
.timeline dl dd.odd .circ, .timeline dl dd.odd .events h4 {
background: #f58636 url(//smitfc.org/wp-content/plugins/cool-timeline-pro/images/dust-bg.png);
}
.timeline dl dd.even .events:before {
border-color: #1b949e;
}
.timeline dl dd.odd .events:before {
border-color: #f58636;
}
.timeline dl dd.even .time {
color: #1b949e;
}
.timeline dl dd.odd .time {
color: #f58636;
}
.timeline dl {
position: relative;
top: 0;
padding: 20px 0;
margin: 0;
}
.timeline dl:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 100;
width: 5px;
margin-left: -2.5px;
content: '';
background-color: #414A54;
opacity: 0.6;
}
.timeline dl dt {
position: relative;
top: 30px;
z-index: 200;
width:100px;
height:100px;
margin: 0 auto 20px;
font-weight: 400;
color: #fff;
text-align: center;
background-color: #414A54;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
text-shadow: 1px 1px 0 #222;
line-height:98px;
box-shadow: 2px 2px 0 0 #222;
}
.timeline dl dd {
position: relative;
z-index: 200;
}
.timeline dl dd .circ {
position: absolute;
top: 43px;
left: 50%;
z-index: 200;
width: 22px;
height: 22px;
margin-left: -11px;
background-color: #4fc1e9;
border: 4px solid #f5f7fa;
border-radius: 50%;
-webkit-border-radius: 50%;
box-sizing:border-box;
-moz-border-radius: 50%;
}
.timeline dl dd .time {
position: absolute;
top: 20px;
left: 50%;
display: inline-block;
width:50%;
padding: 10px;
font-size: 32px;
color: #4fc1e9;
font-family: 'Open Sans', sans-serif;
// font-family: 'Titillium Web', sans-serif;
}
.timeline dl dd .events {
box-shadow: 0px 2px 1px 0 #DEDEDE;
position: relative;
width: 46%;
padding: 0;
margin-top: 31px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.timeline dl dd.ctl_full_cont   .time {
position:relative;
top: 20px;
left: 50%;
display: inline-block;
width: 150px;
padding: 10px 20px;
font-size: 32px;
color: #4fc1e9;
font-family: 'Open Sans', sans-serif;
// font-family: 'Titillium Web', sans-serif;
} 
.timeline dd.ctl_full_cont  .events{
box-shadow: 0px 2px 1px 0 #DEDEDE;
position: relative;
width:100%;
padding: 0;
margin-top: 31px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.timeline dl dd.ctl_full_cont  .events:before {
display:none;
}
.timeline dl dd .events:before {
position: absolute;
top: 12px;
width: 0;
height: 0;
content: '';
border-style: solid;
border-width: 12px;
}
.timeline dl dd .events .events-object {
margin-right: 10px;
}
.timeline dl dd .events .events-body {
overflow: hidden;
zoom: 1;
font-family: 'Raleway', sans-serif;
letter-spacing: 0.8px;
color: #777;
font-weight: bold;
font-size: 14px;
line-height: 21px;
display:inline;
}
.timeline dl dd .events .events-body a.read_more{
color:#777;
font-weight:bold;
text-decoration:none;
}
.timeline dl dd .events .events-body a.read_more:hover{
text-decoration:underline;
}
.timeline dl dd .events .events-body .events-heading {
margin: 0 0 10px;
font-size: 14px;
}
.events-object.left_small {
padding: 3px;
border: 1px solid #ddd;
margin-bottom: 10px;
}
.timeline dl dd.pos-right .time {
left:-3%; 
text-align: right;
}
.timeline dl dd.pos-left .time {
padding-left:30px;
text-align: left;
left:50%;
width: 250px;
}
.timeline dl dd.pos-right .events {
float: right;
}
.timeline dl dd.pos-right .events:before {
left: -22px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.timeline dl dd.pos-left .events {
float: left;
}
.timeline dl dd.pos-left .events:before {
right: -22px;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}
.timeline .events h4.events-heading {
margin: 0;
padding: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
background: #2d2d2d url(//smitfc.org/wp-content/plugins/cool-timeline-pro/images/dust-bg.png);
text-shadow: 1px 1px 0px #555;
color: #fff;
text-transform: uppercase;
}
.timeline .events .ctl_info.event-description{
//display:inline-block;
display:block;
}
.timeline .events .full p{
padding:10px 0px;
}  
img.center-block.img-responsive.img-circle{
width:250px;
height:250px;
}
.pull-left {
float: left!important;
}
.pull-right {
float: right!important;
}
.cool_timeline .full-width > iframe {
margin-bottom: 0;
}
.clt-share-buttons a {
text-decoration:none;
font-size: 44px;
color: #000;
} .container{
position:relative !important;
}
.ctl-story-detials{
width:68%;
float:left;
padding-right:2%
}
.ctl-stories-links{
width:27%;
float:right;
padding-left:2%;
}
.ctl-single-img .ctl-img{
max-width:100%;
height: auto;
display:block;
}
@media screen and (max-width:767px) {
.timeline dl:before {
left: 60px;
}
.timeline dl dt {
margin: 0 0 30px 15px;
}
.timeline dl dd .circ {
left: 60px;
}
.timeline dl dd .time {
// left: 0;
position:relative;
left:13%;
font-size:22px;
width:450px;
}
.timeline dl dd.pos-right .time{
margin:0;
margin-left: 22px;
text-align:left;
}
.timeline dl dd.pos-left .time{
margin:0;
left:17%;
padding-left:7px;
text-align:left;
}
.timeline dl dd .circ{
top:93px; 
}
.timeline dl dd.pos-left .events , .timeline dl dd.pos-right .events  {
float: right;
width: 82%;
}
.timeline dl dd.pos-left .events:before {
left: -24px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.timeline dl dd.even  .events:before {
border-right-color: #1b949e;
}
.timeline dl dd.odd .events:before {
border-right-color: #f58636;
}
}
@media screen and (max-width:764px) {
.bullets-container{
display:none;
}
.timeline dl dd.pos-right .time{
margin-left:22px;
left:13%;
}
.timeline dl dd.pos-left .time{
margin-left:22px;
left:13%;
}
.ctl-story-detials{
width:95%;
float:none;
padding:2%;
}
.ctl-stories-links{
width:95%;
float:none;
padding:2%;
}
}
@media only screen and (min-width:481px) and (max-width:570px) {
.timeline dl dd.pos-right .events ,.timeline dl dd.pos-left .events{
width:80%;
}
}
@media screen and (max-width: 480px) {
.timeline dl::before{
left:2%;
}
.timeline dl dt{
margin-left:30px;
}
.timeline dl dd.even .circ{
display:block;
left:2%;
}
.timeline dl dd.odd .circ{
display:block;
left:2%;
}
.timeline dl dd .time{
position: relative;
top:0; 
left:16%;
text-align:left!important;
width:100% !important;
display:block;
}
.timeline dl dd.pos-right .time{
margin:0;
padding-left:0;	
left:15%;
}
.timeline dl dd.pos-left .time{
margin:0;	
padding-left:0;	
left:15%;
}
.timeline dl dd .events{
margin-top:0;
width:86%!important;
}
.timeline dl dd.odd .events::before{
border-left-color:none!important;
}
.timeline dl dd .circ{
top:62px;
}
.ctl-story-detials{
width:95%;
float:none;
padding:2%;
}
.ctl-stories-links{
width:95%;
float:none;
padding:2%;
}
}
@media screen and(min-width:320px) {
.pull-left{
float:none;
}
} .ctl-single-video {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.ctl-single-video iframe, .ctl-single-video object, .ctl-single-video embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.ctl-related-stories {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.ctl-related-stories:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 25px;
margin-right: -1.5px;
}
.ctl-related-stories-body { }
h4.ctl-related-stories-title{
padding-left: 10px;
}
.ctl-header-entry h1{
padding:10px 0;
}
.ctl-related-stories > li {
position: relative;
margin:0;
padding:0;
}
.ctl-related-stories > li:before,
.ctl-related-stories > li:after {
content: " ";
display: table;
}
.ctl-related-stories > li:after {
clear: both;
}
.ctl-related-stories > li > .ctl-related-stories-panel {
width: calc( 100% - 40px );
float: right;
padding:8px;
position: relative;
}
h4.ctl-related-stories-title{
margin:0;
}
.ctl-stories-links h2{
margin:0;
padding:10px;	
}
.ctl-stories-links h4{
margin:0;
padding:5px 10px;	
}
.ctl-stories-links .ctl-related-stories-title{
margin:0;
padding:5px 10px;	
}
.story-date-cont{
margin:10px 5px;
}
.story-date{
padding:5px 10px;
margin:0;
}
.ctl-related-stories > li > .ctl-related-stories-badge {
color: #fff;
width:16px;
height:16px;
line-height:20px;
font-size: 1.4em;
text-align: center;
position: absolute;
top:13px;
left:18px;
margin-right: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
overflow:hidden;
}
i.fa.fa-circle{
}