/* -------------------------------- 
Modules - reusable parts of our design

-------------------------------- */
.cd-container { 
  width: 100%; 
  margin: 0 auto;
}

#cd-timeline {
  position: relative;
  padding: 0px 0 80px 0;
  margin-top: 2em; 
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 80px;
  left: 10px;
  height: calc(100% - 80px);
  width: 1px;
  background: #00a0e9;
}
#cd-timeline .cd-logo{
  width:72px;
  height: 80px; 
  margin:0 auto 20px;  
} 

.cd-timeline-block {
  position: relative; 
  margin-bottom: 20px;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-img {
  position: absolute; 
  top:34px;
  left: 113px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #999;
  box-shadow: 0 0 0 3px #ccc;
}
.cd-timeline-img:before{content:"";position: absolute;width: 30px;border-top:1px solid #ccc;right:15px;top:6px;}
 
@media only screen and (min-width: 768px) {
  #cd-timeline {
    margin-top: 3em; 
  }

  #cd-timeline::before {
    left: 50%;
    margin-left: -1px;
  }    
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {
  position: relative;
}

.cd-timeline-content .txt {
  padding:20px 25px;
  background-color: #fff;
  border-radius: 5px;
  width: calc(100% - 145px);
  float: right; 
  margin-top:9px;
}
.cd-timeline-content .txt p span{color:#009944;}
.cd-timeline-content p { 
  line-height: 24px;
}
 
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date { 
  text-align: center;
  background:#999;
  color:#fbfcfb;
  line-height: 80px;
  font-size: 24px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  float: left;
} 
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 14px;
    /*font-size: 1rem;*/
  }
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content { 
    width:calc(50% + 120px);
    float: left;
  } 
 
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }  
  .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-date {
     float: right;
  } 
  .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-timeline-img{right:115px;left:auto;}
  .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-timeline-img:before{right:auto;left:15px;}
  .cd-timeline-block:nth-child(odd) .cd-timeline-content .txt{float: left;text-align: right;}

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

.cd-timeline-content:hover .cd-date{background-color: #00a0e9;color:#fff;}
.cd-timeline-content:hover .cd-timeline-img{background-color: #00a0e9;}
.cd-timeline-content:hover .cd-timeline-img:before{border-color:#00a0e9;}
.cd-timeline-content:hover .txt{background-color: #00a0e9;color:#fff;}

@media only screen and (min-width: 768px) { 
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@media(max-width:768px){
  .cd-timeline-content .cd-date{width:60px;height: 60px;line-height: 60px;font-size: 20px;}
  .cd-timeline-img{top: 24px;left:82px;}
  .cd-timeline-img:before{width: 20px;}
  .cd-timeline-content .txt{width: calc(100% - 115px);}
  #cd-timeline::before{left: 88px;}
  #cd-timeline .cd-logo{margin-left: 53px;}
}