/*--------------------------------------------------------------
* Timeline Express - Single Column Add-On
* @author Code Parrots <support@codeparrots.com>
* Copyright © 2017 Code Parrots. All Rights Reserved.
----------------------------------------------------------------

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Single Column
# Icon Tweaks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Single Column
--------------------------------------------------------------*/
/**
 * Public facing styles for Single Column Timeline Express Display
 * @since 1.0
 */
#cd-timeline.single-column::before, #cd-timeline.single-column.pro::before {
  left: 0px; }

/** Announcement Containers **/
.cd-timeline-block.single-column {
  width: 100%;
  margin-bottom: 1em; }

/** 2nd Announcement Container **/
.cd-timeline-block.single-column:nth-child(2) {
  margin-top: 1em !important; }

.timeline-express.single-column .cd-timeline-block:nth-child(1) {
  margin-top: 0; }

.timeline-express.single-column .cd-timeline-block {
  margin: 1em 0; }

/** Icon Contianer */
.cd-timeline-block.single-column.timeline-announcement-left .cd-timeline-icon-link,
.cd-timeline-block.single-column.timeline-announcement-right .cd-timeline-icon-link {
  left: -30px; }

/** Icon Link Container **/
.cd-timeline-block.single-column .cd-timeline-icon-link {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

/** Announcement Content Container **/
.cd-timeline-block.single-column .cd-timeline-content {
  width: 89%;
  margin-left: 11%;
  float: none; }

/** Announcement Content Container - Arrow which points at the icon **/
.cd-timeline-block.single-column.timeline-announcement-left .cd-timeline-content::before {
  border-left-color: transparent; }

/** Announcement Content Container - Arrow which points at the icon **/
.cd-timeline-block.single-column .cd-timeline-content::before {
  left: auto;
  border-left-color: transparent; }

/** Fix Icon Contianer Alignment **/
.cd-timeline-block.single-column .cd-timeline-img {
  left: -2em;
  margin-left: 0; }

.cd-timeline-block.single-column .the-excerpt .announcement-banner-image {
  float: left;
  margin-right: 10px;
  margin-top: 5px; }

@media only screen and (max-width: 550px) {
  .cd-timeline-block.single-column .cd-timeline-content {
    width: 85%;
    margin-left: 15%; } }

/**
 * Icon Tweaks
 *
 * @since 2.0.0
 */
#cd-timeline.single-column .cd-timeline-block .cd-timeline-icon-link {
  left: 0; }
  #cd-timeline.single-column .cd-timeline-block .cd-timeline-icon-link .cd-timeline-img {
    left: -30px; }

#cd-timeline.single-column .cd-timeline-block .cd-timeline-img.icon-no-readmore {
  right: auto;
  left: -30px; }

#cd-timeline.single-column .cd-timeline-block.no-icon .cd-timeline-icon-link {
  left: -10px;
  top: 20px; }
  #cd-timeline.single-column .cd-timeline-block.no-icon .cd-timeline-icon-link .cd-timeline-img {
    top: 0; }

#cd-timeline.single-column .cd-timeline-block.no-icon .cd-timeline-img.icon-no-readmore {
  right: auto;
  left: -10px; }

#cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-left.no-icon .cd-timeline-icon-link, #cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-right.no-icon .cd-timeline-icon-link {
  left: -10px; }

#cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-left .cd-timeline-icon-link, #cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-right .cd-timeline-icon-link {
  left: -25px; }

#cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-left .cd-timeline-img.icon-no-readmore, #cd-timeline.single-column .cd-timeline-block.icon-square.timeline-announcement-right .cd-timeline-img.icon-no-readmore {
  left: -25px !important;
  right: auto !important; }

#cd-timeline.single-column .cd-timeline-block.icon-small-dot .cd-timeline-icon-link,
#cd-timeline.single-column .cd-timeline-block.icon-small-dot .cd-timeline-img.icon-no-readmore {
  left: -10px !important;
  right: auto; }

#cd-timeline.single-column .cd-timeline-block.icon-rotated-square .cd-timeline-icon-link {
  left: -23px; }

#cd-timeline.single-column .cd-timeline-block.icon-rotated-square .cd-timeline-img.icon-no-readmore {
  left: -23px !important; }

#cd-timeline.single-column .cd-timeline-block.icon-square.no-icon .cd-timeline-img.icon-no-readmore {
  left: -10px !important; }

/**
 * Breakpoint - re-adjust icon containers
 */
@media only screen and (max-width: 821px) {
  #cd-timeline.single-column .cd-timeline-block.no-icon .cd-timeline-icon-link {
    left: -10px !important; }
  #cd-timeline.single-column .cd-timeline-block.no-icon .cd-timeline-img.icon-no-readmore {
    right: auto;
    left: -10px !important; }
  #cd-timeline.single-column .cd-timeline-block .cd-timeline-icon-link .cd-timeline-img {
    left: -20px !important; }
  #cd-timeline.single-column .cd-timeline-block .cd-timeline-img.icon-no-readmore {
    left: -20px; }
  #cd-timeline.single-column::before {
    left: 3px; } }

#cd-timeline.single-column.pro .cd-timeline-block .cd-timeline-img {
  left: 0; }
  #cd-timeline.single-column.pro .cd-timeline-block .cd-timeline-img.icon-no-readmore {
    left: -30px; }

/*--------------------------------------------------------------
# Icon Tweaks
--------------------------------------------------------------*/
#cd-timeline.single-column .icon-rotated-square .cd-timeline-img {
  left: -23px; }

#cd-timeline.single-column .icon-small-dot .cd-timeline-img {
  left: -13px; }

#cd-timeline.single-column .icon-square .cd-timeline-img {
  left: -25px !important; }