/* --------------------------------

Main Components

-------------------------------- */

/* Prevent the text labels in the Next and Previous buttons from being selected */
#event-pager-Timeline .selected_Timeline {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.navButton {
  text-decoration: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}

.figureCaption {
  font-size: 0.8em;
  font-weight: bold;
  padding-bottom: 1.2em;
}

.timelineItem {
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: space-around;
  width: 100%;
}

.timelineItemImage {
  padding-right: 5%;
  width: 60%;
}

#timelineImage{
  padding-top: 7%;
}

.timelineItemImageDoubleColumn {
  min-width: 50%;
}

p.timelineDescription {
  padding-top: 0;
  margin-top: 0;
  display: block;
  /*Required to fix an IE flexbox text wrapping bug*/
  -ms-flex: 0 1 auto;
  width: 40%;
  /*min-width: 30%;*/
}

#timelineDescriptionContainer {
  /*Required to fix an IE flexbox text wrapping bug*/
  -ms-flex: 0 1 auto;
}

p.doubleColumn {
  width: 100%;
}

p.horizontal {
  width: 100%
}

/*This is required to over-write a bootstap.css conflict*/
.timelineItemImage img {
  max-width: none;
  height: auto;
  width: 100%;
}

/* Hide the working, but unused, Next and Previous buttons a the bottom of the content window*/
#event-pager-Timeline {
  display: none;
}

/*
 a:focus {
  outline: none;
 }
 */

/* line 14, ../scss/chw3mc_04_timeline_irrigation.scss */
.cd-horizontal-timeline_Timeline ol, .cd-horizontal-timeline_Timeline ul {
  list-style-type: none;
  margin: 0;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

/* line 24, ../scss/chw3mc_04_timeline_irrigation.scss */
.cd-horizontal-timeline_Timeline {
  opacity: 0;
  margin: 0rem auto 6rem auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  /* line 29, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none; }
  /* line 35, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline.loaded_Timeline {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1; }
  /* line 40, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .timeline_Timeline {
    position: relative;
    height: 100px;
    max-width: 870px;
    margin: 0 auto; }
  /* line 47, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-wrapper_Timeline {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden; }
    /* line 53, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-wrapper_Timeline::after, .cd-horizontal-timeline_Timeline .events-wrapper_Timeline::before {
      /* these are used to create a shadow effect at the sides of the timeline */
      content: '';
      position: absolute;
      z-index: 2;
      top: 0;
      height: 100%;
      width: 20px; }
    /* line 63, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-wrapper_Timeline::before {
      left: 0;
      background-image: -webkit-linear-gradient( left , #f5f5f5, rgba(245, 245, 245, 0));
      background-image: linear-gradient(to right, #f5f5f5, rgba(245, 245, 245, 0)); }
    /* line 68, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-wrapper_Timeline::after {
      right: 0;
      background-image: -webkit-linear-gradient( right , #f5f5f5, rgba(245, 245, 245, 0));
      background-image: linear-gradient(to left, #f5f5f5, rgba(245, 245, 245, 0)); }
  /* line 74, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events_Timeline {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: gainsboro;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s; }
  /* line 86, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .filling-line_Timeline {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #329b51;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
  /* line 100, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events_Timeline a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.0rem;
    padding-bottom: 15px;
    color: #329b51;
    text-decoration: none;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
    /* line 112, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events_Timeline a small {
      font-size: 0.5rem; }
    /* line 114, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events_Timeline a::after {
      /* this is used to create the event spot */
      content: '';
      position: absolute;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -5px;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      border: 2px solid gainsboro;
      background-color: #ffefd6;
      -webkit-transition: background-color 0.3s, border-color 0.3s;
      -moz-transition: background-color 0.3s, border-color 0.3s;
      transition: background-color 0.3s, border-color 0.3s; }
    /* line 129, ../scss/chw3mc_04_timeline_irrigation.scss */
    .no-touch_Timeline .cd-horizontal-timeline_Timeline .events_Timeline a:hover::after {
      background-color: #329b51;
      border-color: #329b51; }
    /* line 134, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events_Timeline a.selected_Timeline {
      pointer-events: none; }
      /* line 137, ../scss/chw3mc_04_timeline_irrigation.scss */
      .cd-horizontal-timeline_Timeline .events_Timeline a.selected_Timeline::after {
        background-color: #329b51;
        border-color: #329b51; }
    /* line 143, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events_Timeline a.older-event_Timeline::after {
      border-color: #329b51; }
  @media only screen and (min-width: 1100px) {
    /* line 151, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline::before {
      /* never visible - this is used in jQuery to check the current MQ */
      content: 'desktop'; } }

/* line 158, ../scss/chw3mc_04_timeline_irrigation.scss */
.cd-timeline-navigation_Timeline a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid gainsboro;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s; }
  /* line 174, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-timeline-navigation_Timeline a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* -----------------------------

    ~|~ _  _  _ | _   |_|   _| _
     | (_)(_|(_||(/_    |  (_|(/_\/
           _| _|

    ----------------------------- */
    background: url(../images/cd-arrow.svg) no-repeat 0 0; }
  /* line 192, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-timeline-navigation_Timeline a.prev_Timeline {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }
  /* line 197, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-timeline-navigation_Timeline a.next_Timeline {
    right: 0; }
  /* line 201, ../scss/chw3mc_04_timeline_irrigation.scss */
  .no-touch_Timeline .cd-timeline-navigation_Timeline a:hover {
    border-color: #329b51; }
  /* line 205, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-timeline-navigation_Timeline a.inactive_Timeline {
    cursor: not-allowed; }
    /* line 208, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-timeline-navigation_Timeline a.inactive_Timeline::after {
      background-position: 0 -16px; }
    /* line 212, ../scss/chw3mc_04_timeline_irrigation.scss */
    .no-touch_Timeline .cd-timeline-navigation_Timeline a.inactive_Timeline:hover {
      border-color: gainsboro; }

/* line 218, ../scss/chw3mc_04_timeline_irrigation.scss */
.cd-horizontal-timeline_Timeline .events-content_Timeline {
  background-color: #fafafa;
  border: 1px solid #cacaca;
  border-radius: 4px;
  position: relative;
  max-width: 770px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.1); }
  /* line 229, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline ol {
    margin: 0rem 3.0rem; }
  /* line 231, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
    /* line 243, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline li.selected_Timeline {
      /* visible event content */
      position: relative;
      z-index: 2;
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    /* line 251, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline li.enter-right_Timeline, .cd-horizontal-timeline_Timeline .events-content_Timeline li.leave-right_Timeline {
      -webkit-animation-name: cd-enter-right;
      -moz-animation-name: cd-enter-right;
      animation-name: cd-enter-right; }
    /* line 255, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline li.enter-left_Timeline, .cd-horizontal-timeline_Timeline .events-content_Timeline li.leave-left_Timeline {
      -webkit-animation-name: cd-enter-left;
      -moz-animation-name: cd-enter-left;
      animation-name: cd-enter-left; }
    /* line 259, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline li.leave-right_Timeline, .cd-horizontal-timeline_Timeline .events-content_Timeline li.leave-left_Timeline {
      -webkit-animation-direction: reverse;
      -moz-animation-direction: reverse;
      animation-direction: reverse; }
    /* line 263, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline li dd {
      margin-bottom: 1.0rem;
      line-height: 1.4; }
  /* line 270, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline li > * {
    max-width: 800px;
    margin: 0 auto; }
  /* line 275, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline h2 {
    font-weight: bold;
    font-size: 2.0rem;
    font-family: "Times Roman", serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 1.0rem 0rem 0rem 0rem; }
  /* line 284, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline em {
    color: #329b51;
    display: block;
    font-size: 1.40rem;
    font-style: normal;
    margin-bottom: 5px; }
  /* line 292, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline p {
    margin-bottom: 1.0rem;
    margin-left: 0px;
    overflow: auto;
    display: block;
  }
  /* line 299, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline em, .cd-horizontal-timeline_Timeline .events-content_Timeline p {
    line-height: 1.6; }

/* TVO Pager 160422 */
.flex-container-Timeline {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color:  white;
    border-top: 1px dotted #cacaca;
    width: 100%;
}
/*
.event-pager-arrow_previous {
	display: block;
	transform: rotate(180deg);
}
.event-pager-arrow_next {
	clear: right;
	display: block;
	float: right;
	padding-left: 20px;
}
*/
.event-pager_next-Timeline, .event-pager_previous-Timeline {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    padding: 0.75rem 3.0rem
}
.event-pager_next-Timeline {
	float: right;
	text-align: right;
}
.event-pager_previous-Timeline  a  {
	  color:  #329b51;
		font-size: 1.125rem;
		font-weight: 600;
		line-height: 0.85rem;
}
.event-pager_next-Timeline a   {
	  color:  #329b51;
		font-size: 1.125rem;
		font-weight: 600;
		line-height: 0.85rem;
}
.event-pager_previous-Timeline  a:hover, .event-pager_next-Timeline a:hover   {
	  color:  #333333;
		cursor: pointer;
		text-decoration: none;
}
.previous-event-text_Timeline {
	font-size: 0.9rem;
	font-weight: 300;
}
.next-event-text_Timeline {
	font-size: 0.9rem;
	font-weight: 300;
	float: right;
	text-align: right;
}

/*
#prev_Timeline #next_Timeline {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
*/

/* End TVO Pager 160422*/
  @media only screen and (min-width: 320px) {
    /* line 303, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline figure {
      display: none; } }
  @media only screen and (min-width: 640px) {
    /* line 303, ../scss/chw3mc_04_timeline_irrigation.scss */
    .cd-horizontal-timeline_Timeline .events-content_Timeline figure {
      display: initial;
      float: left;
      margin-right: 20px;
      clear: both; }
      /* line 312, ../scss/chw3mc_04_timeline_irrigation.scss */
      .cd-horizontal-timeline_Timeline .events-content_Timeline figure img {
        width: 100%; } }
  /* line 317, ../scss/chw3mc_04_timeline_irrigation.scss */
  .cd-horizontal-timeline_Timeline .events-content_Timeline figcaption {
    color: #686884;
    font-size: 0.75em;
    padding-bottom: 2.0rem;
    padding-top: 0.25rem; }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

/*# sourceMappingURL=chw3mc_04_timeline_irrigation.css.map */
.cd-timeline-navigation_Timeline a:focus {
  background-color:white;
}