/* KOCHNEWSROOM - WAK STORIES PAGE STYLES */
figure.article_image_offset_left_mod img {
  margin-bottom: 0;
}
.float_right_article_image img, .float_left_article_image img {
  width: 100%;
  margin-bottom: 1rem;
}
section.news-copy p.float_right_article_image_caption_bordered {
  padding: 1em 0;
  font-size: .85rem !important;
  font-style: italic;
  color: #444444;
  border-top: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  margin-top: 1rem;
}
.article_pull_quote_mod {
  /*float: left;
  width: 49%;
  margin-left: -49%;
  margin-top: 2.5rem;*/
  padding-right: 2em;
  padding-left: 2em;
  text-align: right;
}
section.news-copy .article_pull_quote_mod p {
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.2;
  color: #00a8e1;
}
.article_image_center_mod .image_caption {
  display: block;
  width: 100%;
  margin: 0 0 2rem 0;
  vertical-align: bottom;
}
.flexslider .image_caption {
	margin:0 !important;
}
.flexslider .image_caption p {
	margin:0 !important;
}
.article_image_center_mod img {
  margin-bottom: 0;
}
section.news-copy .article_image_center_mod .image_caption p, section.news-copy .single_slide_caption p {
  padding: 1em 0;
  font-size: .85rem !important;
  font-style: italic;
  color: #444444;
  /*border-top: 1px solid #a4a4a4;*/
  border-bottom: 1px solid #a4a4a4;
}
.custom_photo_offset_right {
  margin-bottom: 1rem;
}
.custom_photo_offset_right {
  width: 100%;
  margin: 1rem 0;
}
section.news-copy .custom_photo_offset_right p {
  margin-top:1rem;
  padding: 1em 0;
  font-size: .85rem !important;
  font-style: italic;
  color: hsl(0, 0%, 27%);
  border-top: 1px solid hsl(0, 0%, 64%);
  border-bottom: 1px solid hsl(0, 0%, 64%);
}
/*IMAGE RESET TO 100% WIDTH*/
img.float_right_article_image, .custom_photo_offset_right img {
  width: 100%!important;
  height: auto!important;
}
/*YOUTUBE PLAYER*/
iframe {
  width: 100%;
  /*height: 318px;*/
}
@media (max-width: 1200px) {
  iframe {
    width: 100%;
    height: 318px;
  }
}
@media (max-width: 1024px) {
  iframe {
    height: 398px;
  }
}
@media (max-width: 768px) {
  iframe {
    height: 300px;
  }
}
@media (max-width: 640px) {
  iframe {
    height: 340px;
  }
}
/* END KOCHNEWSROOM - WAK STORIES PAGE STYLES */
/*--FLEX SLIDER STYLES--*/
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
  margin-bottom: 0;
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.no-js .slides > li:first-child {
  display: block; }

.article_slider_mod {
  margin: 2em auto 0 auto;
}
@media (max-width: 64em) {
  .article_slider_mod {
    width: 92.5%;
  }
}
@media (max-width: 30em) {
  .article_slider_mod {
    width: 90%;
  }
}
.article_slider_mod .flexslider {
  position: relative;
}

.single_image_caption_slider {
  margin-bottom: 2rem!important;
}
@media (max-width: 48em) {
  .single_image_caption_slider {
    margin-bottom: 1rem!important;
  }
}

.article_slider_mod .image_caption, .single_image_caption_slider {
  display: block;
  width: 100%;
  margin: 0 0 2rem 0;
  vertical-align: bottom;
}
@media (max-width: 48em) {
  .article_slider_mod .image_caption, .single_image_caption_slider {
    width: 100%;
  }
}
section.news-copy .article_slider_mod .image_caption p, section.news-copy .single_image_caption_slider p {
  padding: 1em 0;
  font-size: .85rem !important;
  font-style: italic;
  color: #444444;
  /*border-top: 1px solid #a4a4a4;*/
  border-bottom: 1px solid #a4a4a4;
}
@media (max-width: 48em) {
  section.news-copy .article_slider_mod .image_caption p, section.news-copy .single_image_caption_slider p {
    margin: 0;
  }
}

.flex-viewport {
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.flexslider .slides {
  margin: 0;
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 0;
  position: absolute;
  top: 40%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 48em) {
  .flex-direction-nav a {
    margin: -24px 0 0 0;
  }
}

.flex-direction-nav .flex-prev {
  left: 10px;
  margin-left: -45px;
  background: url(/App_Themes/wearekoch/images/slider_arrow_sprite_1.svg);
  background-size: 200%;
  background-position: 0 50%;
}

.flex-direction-nav .flex-next {
  right: 10px;
  margin-right: -45px;
  text-align: right;
  background: url(/App_Themes/wearekoch/images/slider_arrow_sprite_1.svg);
  background-size: 200%;
  background-position: -100% 50%;
}

.flex-control-nav {
  display: none;
}

.nodecoration{
  text-decoration:none;
  color:inherit;
}
/*--END FLEX SLIDER STYLES--*/
.hero_image {
  position: relative;
  width: 100%;
  margin: 0 0 -4em 0;
  max-height: 599px;
  background-repeat: no-repeat;
  background-position: center center;
}
.hero_image img {
  width: 100%;
  max-height: 599px;
  vertical-align: bottom;
  min-height: 225px;
}
.video_container {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.video_container .fa-close {
  color: #ffffff;
}
.hero_image .fa-close {
  right: .5em;
  font-size: 2em!important;position: absolute;
  z-index: 200;
  top: .5em;
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
img.video_article_play_button {
  position: absolute;
  z-index: 100;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: -1.75em auto 0 auto;
  cursor: pointer;
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
}
@media (max-width: 48em) {
  /*
  * These two styles are causing issues. Commented out for now. M.A.R. 20170606
  *section.large-12.columns {
    margin-top:60px!important;
  }
  section.small-12.medium-8.medium-offset-2.end.columns.news-title {
    margin-top: 7rem;
  }*/
  img.video_article_play_button {
    margin: 0 auto;
  }
}
/*
* Need to discuss these. Not sure what they're doing. Commenting out for now because I'm afraid of what they could be doing. Please discuss. M.A.R. 20170606
*.news-image img {
  width:120%;
  max-width:120%;
}
.large-6.medium-6.small-12.columns.news-image.article {
    overflow: hidden;
}*/