/*-- timeline --*/
.community-timeline .imagetext {margin: 0 10% 0.5em;}
.community-timeline .imagetext--image {margin: 0; padding: 0 0.5em; width: 20%; background: #f6f6f6;}
.community-timeline .imagetext--text {margin: 0; padding: 0 0 0 0.5rem; width: 75%;}
.community-timeline .imagetext--subheading {margin: 0; font-size: 2.5em; font-weight: 400; line-height: 1; color: #939598;}
.community-timeline .imagetext--copy {font-size: 1.1rem; line-height: 1.4;}
.timeline-right {border-left: solid 4px #c2d1d5;}
.columnctrcomp .row [class^="col-"] .columnctrcomp .row.timeline-right {padding-top: 70px;}

.community-timeline .imagewithtextcomp {position: relative; z-index: 1;}
.community-timeline .imagewithtextcomp:before {
    position: absolute;
    left: -1.75rem;
    top: 50px;
    z-index: -1;
    content : url("/content/dam/georgia-power/css/images/timeline-arrow.png") "";
}

.community-timeline .timeline-left .imagewithtextcomp:before {
    left: auto;
    right: -1.75rem;
    content : url("/content/dam/georgia-power/css/images/timeline-arrow-left.png") "";
}

.community-timeline .timeline-left .imagetext--subheading,
.community-timeline .timeline-left .imagetext--copy {text-align: right;}
.community-timeline .timeline-left .imagetext--image {float: right;}
.community-timeline .timeline-left .imagetext--text {padding: 0 0.5rem 0 1.5em;}

.community-timeline .imagewithtextcomp:nth-child(1) h2 {color: #939598;}
.community-timeline .imagewithtextcomp:nth-child(2) h2 {color: #00bcf1;}
.community-timeline .imagewithtextcomp:nth-child(3) h2 {color: #00b5af;}
.community-timeline .imagewithtextcomp:nth-child(4) h2 {color: #b2d235;}
.community-timeline .imagewithtextcomp:nth-child(5) h2 {color: #ec1c24;}
.community-timeline .imagewithtextcomp:nth-child(6) h2 {color: #007dba;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(1) h2 {color: #b2d235;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(2) h2 {color: #ec1c24;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(3) h2 {display: none;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(4) h2 {display: none;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(5) h2 {display: none;}
.community-timeline .timeline-right .imagewithtextcomp:nth-child(6) h2 {color: #00b5af;}

.community-timeline .timeline-right .imagewithtextcomp:nth-child(3),
.community-timeline .timeline-right .imagewithtextcomp:nth-child(4),
.community-timeline .timeline-right .imagewithtextcomp:nth-child(5) {margin-top: 0.5em;}

.community-timeline .timeline-right .imagewithtextcomp:nth-child(2) .imagetext,
.community-timeline .timeline-right .imagewithtextcomp:nth-child(3) .imagetext,
.community-timeline .timeline-right .imagewithtextcomp:nth-child(4) .imagetext,
.community-timeline .timeline-right .imagewithtextcomp:nth-child(5) .imagetext {padding: 0;}

.community-timeline .timeline-right .imagewithtextcomp:nth-child(3):before,
.community-timeline .timeline-right .imagewithtextcomp:nth-child(4):before,
.community-timeline .timeline-right .imagewithtextcomp:nth-child(5):before {display: none;}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 768px) {
    .community-timeline section.col-sm-6 {width: 50%; float: left;}
    .community-timeline .imagetext {margin: 0 0 0.5em 4rem;}
    .community-timeline .timeline-left .imagetext {margin: 0 4rem 0.5em 0;}
}

@media (max-width: 568px) {
    .community-timeline .imagetext, .community-timeline .timeline-left .imagetext {margin: 0;}
    .community-timeline .imagetext--image,
    .community-timeline .timeline-left .imagetext--image {float: none; width: 70px; margin: 0 auto 15px; padding: 0 3px; background:#f6f6f6;}
    .community-timeline .imagetext--text,
    .community-timeline .timeline-left .imagetext--text {margin: 0; width: 100%; padding: 0 1rem; text-align: center;}
    .community-timeline .timeline-left .imagetext--subheading,
    .community-timeline .timeline-left .imagetext--copy {text-align: center;}
    .community-timeline .timeline-left .imagewithtextcomp:nth-child(4) {margin-top: 70px;}
    .community-timeline .timeline-left .imagewithtextcomp:nth-child(5) {margin-top: 80px;}
}