/*add to the final element containing the text*/
/*http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/*/
/*https://codepen.io/natonischuk/pen/QbGWBa*/
/*adjustHeight parameter is needed because Chrome seems to not be consistent with other browsers and for small screen sizes displays top of the letters in the line that should be hidden - and we need to minimally adjust to cover that*/
@media only screen and (min-width: 350px) {
  .wrap-categories {
    width: 70% !important; }
  .wrap-regions {
    width: 30% !important; } }

@media only screen and (min-width: 500px) {
  .wrap-categories {
    width: 70% !important; }
  .wrap-regions {
    width: 30% !important; } }

.module_element, .story_module_element {
  position: relative; }
  .module_element .filter-container, .story_module_element .filter-container {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .module_element .filter-container .wrap-categories, .story_module_element .filter-container .wrap-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75% !important; }
  .module_element .filter-container .wrap-regions, .story_module_element .filter-container .wrap-regions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25% !important;
    position: relative; }
  .module_element .footer, .story_module_element .footer {
    text-align: center;
    margin: 20px 0; }
  .module_element .footer:before, .story_module_element .footer:before {
    content: "";
    height: 20px;
    display: block;
    clear: both; }
  .module_element .footer .button, .story_module_element .footer .button {
    padding: 10px 40px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    border: 1px solid #666;
    border-radius: 5px; }
  .module_element .footer .button:hover, .story_module_element .footer .button:hover {
    color: #0085B5;
    border-color: #0085B5; }
  .module_element .footer .button.disabled, .story_module_element .footer .button.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.35; }
  .module_element .gallery, .story_module_element .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0; }
  .module_element .gallery .gallery-item, .story_module_element .gallery .gallery-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 20px);
    padding-bottom: calc(100% - 20px);
    margin: 10px 10px 0 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    background-color: #555; }
  .module_element .gallery .gallery-item .gallery-item-wrapper, .story_module_element .gallery .gallery-item .gallery-item-wrapper {
    position: absolute;
    bottom: 0;
    min-height: 33%;
    color: white;
    width: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    /* IE6-9 */ }
  .module_element .gallery .gallery-item .gallery-item-wrapper span, .story_module_element .gallery .gallery-item .gallery-item-wrapper span {
    margin: 20px 10px 0 10px;
    display: block;
    font-size: 12px;
    line-height: 30px; }
  .module_element .gallery .gallery-item .gallery-item-wrapper h5, .story_module_element .gallery .gallery-item .gallery-item-wrapper h5 {
    margin: 0 10px 20px 10px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .module_element .list, .story_module_element .list {
    margin-top: 15px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .module_element .list .list-no-image, .story_module_element .list .list-no-image {
    width: 99%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    background-color: #F7F7F7;
    margin-bottom: 15px;
    padding: 20px; }
  .module_element .list .list-no-image.height-no-summary, .story_module_element .list .list-no-image.height-no-summary {
    height: calc(10em - 28px); }
  .module_element .list .list-no-image.height-summary, .story_module_element .list .list-no-image.height-summary {
    height: calc(14em - 28px); }
  .module_element .list .list-no-image .content, .story_module_element .list .list-no-image .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #555; }
  .module_element .list .list-no-image .content .date, .story_module_element .list .list-no-image .content .date {
    font-size: 1em;
    font-weight: 400; }
  .module_element .list .list-no-image .content .head-line, .story_module_element .list .list-no-image .content .head-line {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    margin-right: -1em;
    padding-right: 1em; }
    .module_element .list .list-no-image .content .head-line:before, .story_module_element .list .list-no-image .content .head-line:before {
      content: '...';
      position: absolute;
      right: 1px;
      bottom: 0; }
    .module_element .list .list-no-image .content .head-line:after, .story_module_element .list .list-no-image .content .head-line:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1.03em;
      height: 1em;
      margin-top: 0.2em;
      background: #F7F7F7; }
  .module_element .list .list-no-image .content .summary, .story_module_element .list .list-no-image .content .summary {
    font-size: 1.1em;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    margin-right: -1em;
    padding-right: 1em; }
    .module_element .list .list-no-image .content .summary:before, .story_module_element .list .list-no-image .content .summary:before {
      content: '...';
      position: absolute;
      right: 1px;
      bottom: 0; }
    .module_element .list .list-no-image .content .summary:after, .story_module_element .list .list-no-image .content .summary:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1.03em;
      height: 1em;
      margin-top: 0.2em;
      background: #F7F7F7; }
  .module_element .list .list-image, .story_module_element .list .list-image {
    width: 99%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    padding: 15px;
    background-color: #F7F7F7;
    margin-bottom: 20px; }
  .module_element .list .list-image .image, .story_module_element .list .list-image .image {
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 250px;
    padding-top: 13%; }
  .module_element .list .list-image .content, .story_module_element .list .list-image .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    color: #555;
    width: 95%;
    padding-right: 15px; }
  .module_element .list .list-image .content .date, .story_module_element .list .list-image .content .date {
    font-size: 1em;
    font-weight: 400; }
  .module_element .list .list-image .content .head-line, .story_module_element .list .list-image .content .head-line {
    margin-top: 5px;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    /*@include text-line-limit(2);*/
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    margin-right: -1em;
    padding-right: 1em; }
    .module_element .list .list-image .content .head-line:before, .story_module_element .list .list-image .content .head-line:before {
      content: '...';
      position: absolute;
      right: 1px;
      bottom: 0; }
    .module_element .list .list-image .content .head-line:after, .story_module_element .list .list-image .content .head-line:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1.03em;
      height: 1em;
      margin-top: 0.2em;
      background: #F7F7F7; }
  .module_element .list .list-image .content .summary, .story_module_element .list .list-image .content .summary {
    font-size: 1.1em;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    margin-right: -1em;
    padding-right: 1em; }
    .module_element .list .list-image .content .summary:before, .story_module_element .list .list-image .content .summary:before {
      content: '...';
      position: absolute;
      right: 1px;
      bottom: 0; }
    .module_element .list .list-image .content .summary:after, .story_module_element .list .list-image .content .summary:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1.03em;
      height: 1em;
      margin-top: 0.2em;
      background: #F7F7F7; }

.module_element h1, .story_module_element h1 {
  margin: 0;
  padding: 20px 0;
  font-size: 45px;
  font-weight: bold;
  line-height: 46px;
  color: #333;
  text-transform: uppercase; }

.module_element .navigation, .story_module_element .navigation {
  height: 80px;
  border-bottom: 1px solid #D8D8D8; }

.module_element .navigation div, .story_module_element .navigation div {
  font-family: Helvetica;
  text-align: center;
  font-size: 14px;
  line-height: 20px; }

.module_element .navigation div a, .story_module_element .navigation div a {
  position: relative;
  padding: 20px;
  text-decoration: none;
  color: #666;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.module_element .navigation div.previous, .module_element .navigation div.next, .story_module_element .navigation div.previous, .story_module_element .navigation div.next {
  display: none; }

.module_element .story-page, .story_module_element .story-page {
  margin: 10px; }

.module_element .story-page .sharing-options, .story_module_element .story-page .sharing-options {
  margin-top: 15px; }

.module_element .story-page .paragraph, .story_module_element .story-page .paragraph {
  padding: 10px 0px;
  font-size: 14px;
  word-break: break-word; }

.module_element .story-page .paragraph.lead, .story_module_element .story-page .paragraph.lead {
  font-weight: bold; }

.module_element .story-page .paragraph.notesToEditor, .story_module_element .story-page .paragraph.notesToEditor {
  padding: 10px;
  font-weight: bold;
  border-top: 1px solid #D8D8D8; }

.module_element .story-page .paragraph.boilerplate, .story_module_element .story-page .paragraph.boilerplate {
  border-top: 1px solid #D8D8D8;
  font-family: Helvetica;
  font-style: italic; }

.module_element .story-page .assets-list, .story_module_element .story-page .assets-list {
  display: block;
  margin-top: 15px; }

.module_element .story-page .assets-list h3, .story_module_element .story-page .assets-list h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #666;
  text-transform: uppercase; }

.module_element .story-page .assets-list .list-item, .story_module_element .story-page .assets-list .list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  width: 100%;
  padding-bottom: 100%;
  margin-bottom: 20px; }
  .module_element .story-page .assets-list .list-item .media-player-icon, .story_module_element .story-page .assets-list .list-item .media-player-icon {
    position: absolute;
    font-size: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .module_element .story-page .assets-list .list-item .media-player-icon .video-image, .story_module_element .story-page .assets-list .list-item .media-player-icon .video-image {
    background-size: 70px;
    height: 70px;
    width: 70px; }

.module_element .story-page .assets-list .list-item .list-item-description, .story_module_element .story-page .assets-list .list-item .list-item-description {
  position: absolute;
  bottom: 0;
  min-height: 15%;
  width: 100%;
  color: white;
  background-color: #333;
  padding-top: 10px;
  word-break: break-word;
  overflow: hidden; }

.module_element .story-page .assets-list .list-item .list-item-description h5, .story_module_element .story-page .assets-list .list-item .list-item-description h5 {
  margin: 0 10px 20px 10px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.module_element .story-page .assets-list .bulk-downloader, .story_module_element .story-page .assets-list .bulk-downloader {
  position: relative;
  margin: 20px 0; }

.module_element .story-page .assets-list .bulk-downloader a.trigger, .story_module_element .story-page .assets-list .bulk-downloader a.trigger {
  display: block;
  background-color: #666;
  color: #FFF;
  padding: 0 20px;
  line-height: 50px;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 6px; }

.module_element .story-page .assets-list .bulk-downloader a.trigger i, .story_module_element .story-page .assets-list .bulk-downloader a.trigger i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 15px; }

.module_element .story-page .assets-list .bulk-downloader .dropdown, .story_module_element .story-page .assets-list .bulk-downloader .dropdown {
  position: absolute;
  display: block;
  width: 100%;
  top: 46px;
  background: white;
  border: 1px solid #666;
  z-index: 9; }

.module_element .story-page .assets-list .bulk-downloader .dropdown.hidden, .story_module_element .story-page .assets-list .bulk-downloader .dropdown.hidden {
  display: none; }

.module_element .story-page .assets-list .bulk-downloader .dropdown .terms, .story_module_element .story-page .assets-list .bulk-downloader .dropdown .terms {
  padding: 20px;
  padding-bottom: 8px; }

.module_element .story-page .assets-list .bulk-downloader .dropdown .terms label span, .story_module_element .story-page .assets-list .bulk-downloader .dropdown .terms label span {
  font-size: 15px; }

.module_element .story-page .assets-list .bulk-downloader .dropdown ul, .story_module_element .story-page .assets-list .bulk-downloader .dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.module_element .story-page .assets-list .bulk-downloader .dropdown ul li, .story_module_element .story-page .assets-list .bulk-downloader .dropdown ul li {
  display: block;
  border-top: 1px solid #666;
  line-height: 30px;
  padding: 5px 20px;
  font-weight: bold;
  color: #666; }

.module_element .story-page .assets-list .bulk-downloader .dropdown ul li.disabled, .story_module_element .story-page .assets-list .bulk-downloader .dropdown ul li.disabled {
  cursor: default; }

.module_element .story-page .assets-list .bulk-downloader .dropdown ul li.disabled span, .story_module_element .story-page .assets-list .bulk-downloader .dropdown ul li.disabled span {
  opacity: 0.20; }

.module_element .story-page .assets-list .bulk-downloader .dropdown ul li.selectable, .story_module_element .story-page .assets-list .bulk-downloader .dropdown ul li.selectable {
  cursor: pointer; }

@media only screen and (min-width: 768px) {
  .module_element .story-page, .story_module_element .story-page {
    margin: 0; }
  .module_element .story-page .assets-list, .story_module_element .story-page .assets-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0; }
  .module_element .story-page .paragraph, .story_module_element .story-page .paragraph {
    margin-right: 25%;
    padding: 15px 0; }
  .module_element .story-page .paragraph.notesToEditor, .story_module_element .story-page .paragraph.notesToEditor {
    margin: 15px 25% 15px 0;
    padding: 25px 0; }
  .module_element .navigation, .story_module_element .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .module_element .navigation div a, .story_module_element .navigation div a {
    padding: 0 20px;
    margin-top: auto;
    margin-bottom: auto; }
  .module_element .navigation div.previous, .story_module_element .navigation div.previous {
    text-align: left;
    display: inline-block; }
  .module_element .navigation div.previous a, .story_module_element .navigation div.previous a {
    text-transform: uppercase; }
  .module_element .navigation div.next, .story_module_element .navigation div.next {
    text-align: right;
    display: inline-block; }
  .module_element .navigation div.next a, .story_module_element .navigation div.next a {
    text-transform: uppercase; }
  .module_element .gallery, .story_module_element .gallery {
    margin: 0 -10px; }
  .module_element .gallery .gallery-item, .story_module_element .gallery .gallery-item {
    width: calc(25% - 20px);
    padding-bottom: calc(25% - 20px);
    margin: 10px; }
  .module_element .gallery .gallery-item .gallery-item-wrapper, .story_module_element .gallery .gallery-item .gallery-item-wrapper {
    min-height: 25%; } }