.jumbotron .overlay-text h4 {
  text-transform: none;
}

.jumbotron .overlay-text p {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 30px;
  margin-top: 20px;
}

.jumbotron .overlay-text {
  color: #CF942B;
  font-size: 30px;
  font-family: Oswald, Arial, Helvetica, sans-serif;
}

.news-grid .news-square .square-content .headline span,
.news-grid .news-square .square-content .headline a {
  font-size: 11px;
}

#news-home h2 {
  letter-spacing: -1px;
}

#news-home #trendingwrap h2 {
  margin-top: -12px;
  margin-bottom: 13px;
}

.news-grid .news-square .square-content {
  background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.7));
}

.news-square.grid-title {
  background: #dedede;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  justify-content: center;
  align-items: center;
}

.news-square.grid-title h2 {
  padding-top: 100%;
}

#news-home #trendingwrap .trending {
  height: 100%;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  flex-flow: column;
  align-content: space-between;
  top: 0;
  bottom: auto;
}

#news-home #trendingwrap .trending a {
  background-color: #003c5e;
  border-top: 1px solid #ececec;
  flex: 1 1 auto;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  flex-flow: column;
  justify-content: center;

  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#news-home #trendingwrap .trending a:hover {
  background-color: #014f7a;
}

#news-home #trendingwrap .trending p {
  background-color: transparent;
  padding: 0 15px;
}

/* DROPDOWN MENU fiX */

@media (min-width: 768px) {
  .nav .dropdown>.dropdown-menu {
    right: auto !important;
    left: 0 !important;
  }

  .nav .dropdown-submenu>.dropdown-menu {
    right: auto;
    left: 100%;
    margin-top: -6px;
    min-width: 240px;
  }

  .dropdown-submenu>a:after {
    left: auto;
    right: 13px;
    border-width: 5px 0px 5px 5px;
    border-right-color: transparent;
    border-left-color: #ccc;
  }

  .dropdown-submenu>a:hover:after {
    border-left-color: #bbb;
  }
}

#news-nav {
  height: 165px;
  background-color: #003652;
}

#news-nav .nav li.dropdown>a {
  font-size: 16px;
}

#news-nav .nav li.dropdown>a .caret {
  margin-bottom: 3px;
}

#news-nav .countries-dropdown-menu {
  left: auto !important;
  right: 0 !important;
}

#news-nav .dropdown-menu, #news-nav .countries-dropdown-menu .continent {
  background-color: #003652;
}

#news-nav .nav .open>a:focus, #news-nav .nav .open>a:hover, #news-nav .nav .open>a {
  background-color: #003652;
}

/* QUOTES */

#article-page .quote-container {
  margin: 20px 0;
  padding: 30px 40px;
  /*background: #003c5e;
  margin-left: -31px;
  margin-right: -31px;*/
}

.quote-container::before {
  font-family: georgia;
  content: "\201D";
  font-size: 200px;
  display: block;
  color: #EAEAEA;
  line-height: 15px;
  text-align: center;
  margin-top: 55px;
}

#article-page .quote-container span.quote {
  display:block;
  padding: 0;
  color: #003c5e;
  text-align: center;
}

#article-page .quote-container span.quoter {
  float: none;
  font-size: 17px;
  display: block;
  text-align: center;
}

#article-page .quote-container span.quoter::first-letter {
  font-size: 1px;
  color: #fff;
}

#news-home a.entityreference {
  color: #333;
}

#news-home .news-square a {
  color: #fff;
}

/* TAGS */

.tag-wrapper {
  font-family: Montserrat ,Helvetica,Arial,sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  padding: 0;
}

#cat-list-wrap .tag-wrapper {
  position: absolute;
  right: 24px;
  bottom: 2px;
}

.tag-item {
  padding: 2px 0px;
  margin-left: 2px;
}

.tag-item a {
  padding: 4px 6px 4px 6px;
  color:#ffffff;
  font-size:12px;

  /* multiline padding fix */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.tag-item a:hover {
  opacity: 0.7;
}

#article-page .tag-item {
  display: block;
  float: right;
  margin: 0 0 2px 2px;
}

#article-page .tag-item a {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  padding: 2px 8px 2px 10px;
}

.news-grid .news-square .square-content .tag-wrapper {
  font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    position: absolute;
    right: 40px;
    top: 12px;
}

.news-grid .news-square .square-content .tag-wrapper .tag-item {
  padding: 1px 0;
}

#cat-list-wrap .tag-item {
  color: #fff;
  font-size: 12px;
  padding: 4px 8px 3px;
}

#cat-list-wrap .tag-item a {
  padding: 0;
}

/* BUTTONS */

.btn {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-radius: 50px;
  padding: 8px 18px;
  white-space: nowrap;
}

/* CARDS */

.card-item {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  min-height: 380px;
}

.statistics img {
  height: 120px;
  padding: 10px 0 30px 0;
}

#stat1 img {
  /* filter code based on color generated with https://codepen.io/sosuke/pen/Pjoqqp */
  filter: invert(64%) sepia(42%) saturate(509%) hue-rotate(57deg) brightness(85%) contrast(88%);
}

#stat2 img {
  filter: invert(17%) sepia(18%) saturate(6375%) hue-rotate(178deg) brightness(93%) contrast(102%);
}

#stat3 img {
  filter: invert(66%) sepia(98%) saturate(1171%) hue-rotate(343deg) brightness(98%) contrast(100%);
}

#stat4 img {
  filter: invert(31%) sepia(41%) saturate(1666%) hue-rotate(308deg) brightness(88%) contrast(92%);
}

.statistics span {
  line-height: 1;
}

.card-item p {
  font-size: 16px;
  margin: auto;
  height: auto;
}

/* icon blocks */

.icon-block {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  min-height: 380px;
  padding: 20px;
  text-align: center;
  background-color: #fff;
  margin: 10px 0;
}

.icon-block .icon img {
  height: 120px;
  padding: 15px 0 25px 0;
}

.icon-block .label {
  display: block;
  font-family: Oswald,sans-serif;
  font-size: 50px;
  font-weight: bold;
  line-height: 1;
}

.icon-block .text {
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-weight: bold;
  line-height: 1.5;
  font-size: 17px;
  margin: auto;
  height: auto;
  width: 100%;
  min-height: 100%;
}

.icon-block a {
  color: #fff;
}

.green img {
  /* #6AA84F */
  filter: invert(64%) sepia(42%) saturate(509%) hue-rotate(57deg) brightness(85%) contrast(88%);
}

.green .btn { background: #6AA84F; }
.green .label { color: #6AA84F; }

.darkblue img {
  /* #003c5e */
  filter: invert(17%) sepia(18%) saturate(6375%) hue-rotate(178deg) brightness(93%) contrast(102%);
}

.darkblue .btn { background: #003c5e; }
.darkblue .label { color: #003c5e; }

.orange img {
  /* #F99E1C */
  filter: invert(66%) sepia(98%) saturate(1171%) hue-rotate(343deg) brightness(98%) contrast(100%);
}

.orange .btn { background: #F99E1C; }
.orange .label { color: #F99E1C; }

.darkred img {
  /* #AF3852 */
  filter: invert(31%) sepia(41%) saturate(1666%) hue-rotate(308deg) brightness(88%) contrast(92%);
}

.darkred .btn { background: #AF3852; }
.darkred .label { color: #AF3852; }

.tomato img {
  /* #e34304 */
  filter: invert(51%) sepia(98%) saturate(6893%) hue-rotate(16deg) brightness(102%) contrast(97%);
}

.tomato .btn { background: #e34304; }
.tomato .label { color: #e34304; }

.purple img {
  /* #904894 */
  filter: invert(36%) sepia(10%) saturate(3832%) hue-rotate(250deg) brightness(91%) contrast(81%);
}

.purple .btn { background: #904894; }
.purple .label { color: #904894; }

.blue img {
  /* #0f75ba */
  filter: invert(28%) sepia(77%) saturate(1983%) hue-rotate(185deg) brightness(92%) contrast(88%);
}

.blue .btn { background: #0f75ba; }
.blue .label { color: #0f75ba; }

.brown img {
  /* #705048 */
  filter: invert(30%) sepia(24%) saturate(582%) hue-rotate(325deg) brightness(99%) contrast(88%);
}

.brown .btn { background: #705048; }
.brown .label { color: #705048; }

.no-color .btn { background: #111; }
.no-color .label { color: #111; }

/* icon blocks on primary/blue */
.bg-primary .icon-block {
  background: transparent;
  min-height: auto;
  padding: 0px;
  min-height: 250px;
}

.bg-primary .icon-block .icon {
  display: inline-block;
  background: #A7D5FF;
  padding: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}

.bg-primary .icon-block .btn:empty { display: none;}

.bg-primary .icon-block .label {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  color: #A7D5FF;
  margin: 20px auto;
  white-space: normal;
  line-height: 1.25;
  transition: all 0.3s;
}

.bg-primary .icon-block a:hover .label { color: #fff; }
.bg-primary .icon-block a:hover .icon { background-color: #fff; }

.bg-primary .icon-block .icon img {
  height: 80px;
  padding: 0;
  margin: 0;
  filter: invert(17%) sepia(18%) saturate(6375%) hue-rotate(178deg) brightness(93%) contrast(102%);
}

/* icon block on white and transparent */

.bg-white .icon-block {
  background: #fff;
  min-height: auto;
  padding: 0px;
  min-height: 250px;
}

.bg-white .icon-block .icon {
  display: inline-block;
  background: #ececec;
  padding: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}

.bg-white .icon-block .label {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  margin: 20px auto;
  white-space: normal;
  line-height: 1.25;
  transition: all 0.3s;
}

.bg-white .icon-block .icon img {
  height: 80px;
  padding: 0;
  margin: 0;
}

.bg-white .icon-block a:hover .label { opacity: 0.8; }
.bg-white .icon-block a:hover .icon { opacity: 0.8; }

/* LANDING PAGE */

.node-type-landing-page .description {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}

.node-type-landing-page .description .summary {
  background: transparent;
  text-align: center;
  padding: 0 40px;
}

.node-type-landing-page .description .summary h2,
.node-type-landing-page .description .summary h3  {
  font-size: 38px;
  color: #664A44;
  margin-bottom: 30px;
}

.node-type-landing-page .description .summary p strong {
  color: #664A44;
  font-size: 20px;
}

.node-type-landing-page .content-list {
  padding: 50px 0;
}

.node-type-landing-page .content-list-item {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 30px;
  padding: 20px 15px 0;
}

.node-type-landing-page .content-list-item:last-child {
  margin-bottom: 0;
}

.node-type-landing-page .content-list-item .icon {
  padding: 20px;
  margin-right: 50px;
  background: #003C5E;
  border-radius: 50%;
}

.node-type-landing-page .content-list-item .icon img {
  width: 50px;
  height: 50px;
  filter: invert(100%);
}

.node-type-landing-page .layout h2 {
  font-size: 34px;
  color: #003C5E;
  margin-top: 5px;
  margin-bottom: 30px;
}

.node-type-landing-page .bg-primary {
  background: #003C5E;
  position: relative;
  padding: 70px 0;
  width: 100%;
}

.node-type-landing-page .bg-primary .row {
  max-width: 1170px;
  margin: 0 auto;
}

.node-type-landing-page .bg-primary h2 {
  font-size: 38px;
  color: #fff;
  margin-bottom: 30px;
}

.node-type-landing-page .bg-primary .text {
  padding: 0px 15px;
}

.node-type-landing-page .layout .secondary {
  background: #A7D5FF;
  color: #222;
  padding: 25px 25px 20px;
}

.node-type-landing-page .layout .secondary h2 {
  color: #222;
}

@media (max-width: 768px) {
  .node-type-landing-page .content-list-item {
    -webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
    align-items: center;
  }

  .node-type-landing-page .content-list-item h2 {
    text-align: center;
    margin-top: 40px;
  }

  .node-type-landing-page .content-list-item .icon {
    margin-right: 0;
    margin-bottom: 40px;
  }

  .node-type-landing-page .bg-primary .text {
    padding: 30px 0;
  }

  .node-type-landing-page .layout .secondary {
    padding: 25px 15px 20px;
    margin-top: 15px;
  }
}

.node-type-landing-page section:last-of-type {
  padding-bottom: 40px;
}

.oembed-video {
  text-align: center;
}
.overlay-text h4 {
  text-align: center;
}

/* Secondary background - light blue */

.node-type-landing-page .description .secondary {
  background: #A7D5FF;
  color: #222;
  padding: 25px 25px 20px;
  margin: 30px auto 20px;
}

.node-type-landing-page .description .secondary p {
  text-align: left;
}

/* 5 columns */

.layout.bg-primary .row,
.layout.bg-white .row {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}

.col-md-five {
  flex: 1 0 18%;
  margin: 5px;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  align-items: center;
  justify-content: center;
}

/* color layouts */

.node-type-landing-page .bg-white {
  background: #fff;
  position: relative;
  padding: 70px 0;
  width: 100%;
}

.node-type-landing-page .bg-white .row {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  max-width: 1170px;
  margin: 0 auto;
}

.node-type-landing-page .bg-transparent {
  background: #ececec;
  position: relative;
  width: 100%;
}

.node-type-landing-page .bg-transparent .row {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  max-width: 1170px;
  margin: 0 auto;
}

/* LDCs */

.col-md-6 .block { padding-top: 0;}
.col-md-6 .block .container { width: 100%; }

.view-latest-developed-countries .view-content {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
flex-direction: column;
}

.view-latest-developed-countries .continent {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  align-content: flex-start;
  margin-top: -10px;
  margin-bottom: 10px;
}

.view-latest-developed-countries .continent:nth-of-type(1) { order: 3;}
.view-latest-developed-countries .continent:nth-of-type(2) { order: 1}
.view-latest-developed-countries .continent:nth-of-type(3) { order: 3;}
.view-latest-developed-countries .continent:nth-of-type(4) { order: 4;}

.view-latest-developed-countries h3 {
  flex: 0 0 120px;
  text-align: right;
  padding-right: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #664A44;
  border-right: 2px solid #664A44;
}

.view-latest-developed-countries .continent:nth-of-type(2) h3 { color: #D49537; border-color: #D49537; }
.view-latest-developed-countries .continent:nth-of-type(3) h3 { color: #743519; border-color: #743519; }
.view-latest-developed-countries .continent:nth-of-type(4) h3 { color: #136FA3; border-color: #136FA3; }

.view-latest-developed-countries .views-field-title-field {
  float: left;
  margin-right: 20px;
}

.view-latest-developed-countries .views-field-title-field a {
  color: #3E3F3F;
  font-size: 18px;
  line-height: 1.8;
}

.continent .country-list {
  margin: 0;
  padding: 16px 0 5px 20px;
}

/* no image banner section */

section.no-image {
  background: #003c5e;
  min-height: 160px;
}

section.no-image .overlay-text {
  background: transparent;
  position: relative;
  bottom: 0px;
  padding: 50px;
}

@media (max-width: 768px) {
  section.no-image {
    min-height: 90px;
  }
}

/* attachments header */

.attachment-after .view-header p {
  font-family: Oswald,Roboto,Helvetica,Arial,sans-serif;
  font-size: 36px;
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  color: rgba(34,34,34,0.75);
}

/* embedded video sizes */

.oembed-video {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin: 40px 0;
  height: 0;
  overflow: hidden;
}

.oembed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.section-three-column .oembed-video {
  margin-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }

  /*.oembed-video {
    width: 100%;
  }

  .oembed-video iframe {
    width: 100%;
    height: 350px;
  }*/
}

/* quote blocks */

.quote.content {
  margin: 40px 15px 20px 15px;
  font-size: 15px;
}

.quote.content span.quote::before {
  content: "“";
  font-family: Oswald, sans-serif;
  font-size: 90px;
  color: #664A44;
  display: block;
  line-height: 30px;
}

.quote.content span.quote::after {
  content: "”";
}

.quote.content .author {
  font-weight: bold;
  margin-top: 15px;
}

section:only-child {
  padding-top: 45px;
}

/* homepage fixes */

.node-type-landing-page .layout h2:first-of-type {
  flex: 1 0 100%;
  margin-top: 0;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  color: rgba(34,34,34,0.75);
  font-weight: normal;
}

.node-type-landing-page .content-list h2:first-of-type {
  flex: 1 0 100%;
  margin-top: 0;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  color: rgba(34,34,34,0.75);
  font-weight: normal;
}

.node-type-landing-page .content-list-item .text h2 {
  font-size: 34px;
  color: #003C5E;
  margin-top: 0;
  margin-bottom: 30px;
  text-align: left;
}

.node-type-landing-page .layout .text h2:first-of-type {
  font-size: 34px;
  margin-top: 5px;
  margin-bottom: 30px;
  text-transform: uppercase;
  text-align: left;
  color: inherit;
  font-weight: normal;
}

.node-type-landing-page h4 {
  font-size: 30px;
  line-height: 44px;
}

.node-type-landing-page h4 span {
  text-transform: none;
  font-size: 30px;
  line-height: 35px;
}

.no-padding {
  padding: 0 !important;
}

.jumbotron .overlay-text {
  text-align: center;
  max-width: 700px;
  padding: 20px;
}

@media screen and (max-width: 990px) {
  section.no-image .overlay-text {
    transform: translate(-50%);
  }

  .jumbotron .overlay-text {
    position: static;
    transform: inherit;
    text-align: center;
    max-width: 990px;
  }
}

.jumbotron .overlay-text .btn {
  margin: 30px auto 10px;
  padding: 10px 25px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: Oswald,sans-serif;
  font-weight: bold;
  min-width: 200px;
  background-color: #67bfaa;
  color: #fff;
  clear: both;
}

h2 + .col-md-12 section:only-child {
  padding-top: 0;
}

/* 3-column news */

.col-md-4 .document {
  margin-bottom: 20px;
}

.col-md-4 .document .overlay-text {
  background: #fff;
  padding: 15px;
}

.col-md-4 .document .overlay-text h4 {
  text-align: left;
  font-size: 24px;
  padding: 0;
  margin: 0;
}

.col-md-4 .document .overlay-text span {
  display: block;
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-size: 17px;
  line-height: 1.5;
  margin: 10px 0 5px;
  text-align: left;
  color: #444;
}

.col-md-4 .document img {
  width: 100%;
}

.document img {
  width: 100%;
}

.col-md-6 h4 {
  font-size: 24px;
}

/* homepage zig-zag layout: image content item */

.content-list-item.content-image {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  background: #ada69d;
  padding: 0;
  margin: 0 15px;
}

.content-list-item.content-image:first-of-type {
  margin-top: 40px;
}

.content-list-item.content-image .image {
  flex: 1 0 50%;
}

.content-list-item.content-image .image img {
  width: 100%;
}

.content-list-item.content-image:nth-of-type(even) .image {
  order: 2;
}

.content-list-item.content-image .content {
  color: #222;
  text-align: center;
  align-self: center;
  padding: 30px;
}

.content-list-item.content-image .content p {
  text-align: justify;
}

.content-list-item.content-image .content li {
  text-align: justify;
  margin-right: 20px;
  margin-bottom: 10px;
}

.content-list-item.content-image .content h2 {
  text-align: center;
  font-size: 30px;
  color: #222;
  margin-top: 0;
  margin-bottom: 30px;
}

.content-list-item.content-image .content .btn {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-radius: 50px;
  padding: 8px 18px;
  margin-top: 10px;
  white-space: nowrap;
  background-color: rgba(34,34,34,0.75);
  color: #fff;
}

@media (max-width: 768px) {
  .content-list-item.content-image {
    margin-bottom: 20px;
  }

  .content-list-item.content-image .image {
    flex: 1 1 100%;
  }

  .content-list-item.content-image:nth-of-type(even) .image {
    order: -1;
  }
}

/* New T4D homepage */

.container.latest,
.container.featured-section,
.container.t4d-layout { font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif; }

.view-news-magazine {
  margin-bottom: 50px;
}

.view-news-magazine div.entry {
  background: #DEDCDC;
  margin-bottom: 4px;
}

.view-news-magazine div.entry a {
  display: block;
  color: #3A4754;
  font-weight: bold;
  padding: 20px;
  transition: 0.3s all;
}

.view-news-magazine div.entry a:hover {
  background: #ccc;
}

.view-news-magazine div.more-link {
  background: #ffffff;
  text-align: left;
}

.view-news-magazine div.more-link a {
  display: block;
  color: #24486D;
  font-weight: bold;
  padding: 15px 20px;
  background: url(../img/svg/bluearrow.svg) no-repeat right 20px center;
  background-size: 20px;
}

.view-news-magazine div.more-link a:hover {
  background-color: #f7f7f7;
}

h3.t4d-title {
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 21px;
  color: #24486D;
  padding-bottom: 8px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;

}

h3.t4d-title::after {
  content: "";
  display: block;
  position: relative;
  top: 9px;
  width: 55px;
  height: 1px;
  overflow: visible;
  background: #24486D;
}

h2.t4d-title {
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 27px;
  color: #24486D;
  padding-bottom: 7px;
  margin-bottom: 30px;
  margin-top: 0px;
  border-bottom: 1px solid #ccc;

}

h2.t4d-title::after {
  content: "";
  display: block;
  position: relative;
  top: 8px;
  width: 55px;
  height: 1px;
  overflow: visible;
  background: #24486D;
}

.container.featured-section .content-category {
  margin-bottom: 20px;
  height: 45px;
  position: relative;
}

.content-category.icon a {
  padding-left: 28px;
  background: url(../img/svg/country.svg) no-repeat left;
  background-size: 17px;
}

.content-category.icon.icon-oped a { background-image: url(../img/svg/oped.svg); background-size: 20px; }
.content-category.icon.icon-qa a { background-image: url(../img/svg/qa.svg); background-size: 20px; }
.content-category.icon.icon-environment a { background-image: url(../img/svg/environment.svg); background-size: 20px; }
.content-category.icon.icon-news a { background-image: url(../img/svg/news.svg); background-size: 20px; }
.content-category.icon.icon-event a { background-image: url(../img/svg/event.svg); background-size: 20px; }
.content-category.icon.icon-impact-story a { background-image: url(../img/svg/impact.svg); background-size: 22px; }
.content-category.icon.icon-photo a { background-image: url(../img/svg/photo.svg); background-size: 20px; }
.content-category.icon.icon-news-release a { background-image: url(../img/svg/press.svg); background-size: 20px; }
.content-category.icon.icon-speech a { background-image: url(../img/svg/speech.svg); background-size: 22px; }
.content-category.icon.icon-video a { background-image: url(../img/svg/video.svg); background-size: 20px; }
.content-category.icon.icon-topic a { background-image: url(../img/svg/featured.svg); background-size: 20px; }


.container.featured-section .content-category a {
  font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  color: #24486D;
  position: absolute;
  bottom: 0;
}

.t4d-read-more {
  margin-top: 20px;
  margin-bottom: 55px;
}

.t4d-read-more a {
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: none;
  font-weight: bold;
  font-size: 13px;
  color: #24486D;
}

.t4d-read-more a:hover {
  color: rgb(45, 91, 138);
}

.t4d-read-more a::after {
  content: " ";
  display: inline-block;
  width: 30px;
  margin-left: 5px;
  height: 10px;
  background: url(../img/svg/bluearrow.svg) no-repeat center center;
  background-size: 20px;
  transition: all 0.3s;
}

.t4d-read-more a:hover::after {
  background-position: center right;
}

.t4d-square {
  position: relative;
  margin-bottom: 25px;
}

.t4d-square .category {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

.t4d-square .date {
  display: block;
  font-size: 12px;
  margin-top: 7px;
}

.t4d-square .title a {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  display: block;
  font-size: 20px;
  font-weight: normal;
  color: #24486D;
  margin-top: 3px;
}

.t4d-square .title a:hover {
  color: rgb(45, 91, 138);
}

.t4d-square .author {
  font-size: 12px;
  margin-top: 5px;
}

.t4d-square .author a { color: #333; }
.t4d-square .author a:hover { color: #555; }

.t4d-square .category .tag-item {
  color: #fff;
  font-size: 12px;
}

.t4d-square a.img-link {
  display: block;
  overflow: hidden;
}

.t4d-square a.img-link img {
  width: 100%;
  transition: transform 0.5s, filter 0.3s ease-in-out;
  transform-origin: center center;
  filter: brightness(90%);
}

.t4d-square a.img-link:hover img {
  filter: brightness(100%);
}

.small .title a, .featured .title a {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  font-size: 17px;
}

.author a::after {
  content: ",";
  position: relative;
}

.author a:last-of-type::after {
  content: "";
  position: relative;
}

.small .author {
  display: none;
}

.small .t4d-square .category {
  top: 17px;
}

.featured .t4d-square {
  padding-bottom: 22px;
  border-bottom: 1px solid #ccc;
}

section.featured-section {
  padding-top: 0;
  padding-bottom: 0;
}

#video-slider .oembed {
  margin: 0;
}

#video-slider .oembed-video iframe {
  width: 100%;
  height: 400px;
}

#video-slider .container {
  padding: 0 !important;
}

#video-slider .headline {
  margin-top: 10px;
}

#video-slider .headline .date { font-size: 12px;}

#video-slider .headline h3 {
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
  color: #24486D;
  margin-top: 3px;
}

#video-slider .carousel-control {
  background: url(../img/right-arrow.svg) no-repeat right 22px top 180px;
  background-size: 20px;
  max-height: 400px;
}

#video-slider .left.carousel-control {
  background: url(../img/left-arrow.svg) no-repeat left 22px top 180px;
  background-size: 20px;
}

#video-slider ol.carousel-indicators {
  bottom: 15px;
  right: 0;
  width: auto;
  left: auto;
}

#video-slider ol.carousel-indicators li {
  border: 1px solid #333;
}

#video-slider ol.carousel-indicators li.active {
  background: #333;
  border: none;
}

#video-slider .popup-youtube a {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-background { background: #000; }
.carousel-caption {
  max-width: 450px;
  left: 200px;
    padding: 0px 30px 10px;
    background-color: rgba(0,0,0,0.7);
    bottom: 80px;
}

.carousel-caption h3 {
  text-align: left;
    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
    font-size: 23px;
    line-height: 1.2;
    font-weight: normal;
    text-transform: none;
    color: #fff;
}

.carousel-caption p {
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-height: 1.5;
    max-height: 7.5;
    text-align: left;
    margin: 8px 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

/* TAXONOMY TERM pages (category) */

.tags-share-wrapper {
  position: relative;
  overflow: visible;
  max-width: 750px;
  margin: -20px auto 70px;
}

.tags-share-wrapper .tag-wrapper {
  margin-right: 1px;
}

.tags-share-wrapper .popupshare {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.tags-share-wrapper .share-icon {
  position: absolute;
  height: 22px;
  width: 22px;
  bottom: 0;
  right: 0;
}

.tags-share-wrapper .tag-item a {
  white-space: nowrap;
}

.tags-share-wrapper .popupshare .dropdown-menu {
  top: 0;
  right: 1px;
}

@media screen and (max-width: 990px) {
  #cat-list-wrap .row {
    padding-left: 30px;
    padding-right: 30px;
  }

  #cat-list-wrap .cat-list {
    padding-left: 0;
    padding-top: 20px;
  }

  #cat-list-wrap .cat-list h3 {
    margin: 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .tags-share-wrapper {
    min-height: 60px;
    margin: -35px 30px 35px;
  }

  .tags-share-wrapper .tag-item {
    display: block;
  }

  .tags-share-wrapper .tag-item a {
    width: 100%;
  }

}


.landing .bg-white {
  background: #fff;
  padding: 30px 0 35px 0;
}

@media screen and (max-width: 768px) {
  .landing .bg-white {
    background: #fff;
    /*padding: 0 0 35px;*/
  }
}

.landing .bg-white .row {
  background: #fff;
  max-width: 750px;
  padding: 65px 50px 50px;
}

.page-node-5685 .landing .bg-white .row {
  max-width: 1170px;
}


.landing .bg-white h2 {
  font-family: "Roboto Slab Light",Helvetica,Arial,sans-serif;
  font-size: 33px !important;
  line-height: 1.5;
  font-weight: 400;
  text-transform: none;
  margin: 20px 0px;
  letter-spacing: -1px;
  text-transform: none !important;
}

/* article page */

#article-page h1 {
  text-transform: none;
  font-size: 30px;
  font-weight: normal;
  padding: 20px 0;
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif !important;
}

#article-page h2 {
  font-size: 25px !important;
  text-transform: none;
  line-height: 1.3;
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif !important;
  font-weight: normal !important;
}

#article-page h3 {
  font-size: 20px !important;
  text-transform: none;
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif !important;
  font-weight: normal !important;
}

#article-page h4 {
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-size: 17px;
  text-transform: none;
  line-height: 1.5;
}

#article-page h1 em,
#article-page h2 em,
#article-page h3 em,
#article-page h4 em {
  font-style: normal;
}

#article-page section.hero {
  padding: 0;
}

#article-page section.hero .cover {
  background-position: top 33% center;
  background-size: cover;
  padding-top: 150px;
}

#article-page section.hero .content {
  max-width: 800px;
  margin: auto;
  padding: 25px 30px 0 30px;
  background: rgba(0,0,0,0.65);
  color: #fff;
}

#article-page section.hero .content .header {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  align-items: center;
}

#article-page section.hero .content .header .date {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  flex: 2;
}

#article-page section.hero .content .header .share {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  flex: 1;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: -7px;
}

#article-page section.hero .content .header .share ul.social {
  padding: 0;
  margin: 0;
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
}

#article-page section.hero .content .header .share ul.social li {
  list-style: none;
  margin-left: 10px;
}

#article-page section.hero .content .header .share ul.social li a {
  display: block;
  width: 17px;
  transition: all 0.3s;
  filter: brightness(0) saturate(100%) invert(100%);
}

#article-page section.hero .content .header .share ul.social li a:hover {
  filter: none;
}

#article-page section.hero .content .header .share ul.social li a img {
  width: 100%;
  height: auto;
}

#article-page section.hero .content .credits {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0;
  margin: 0 0 30px 0;
  color: #aaa;
}

#article-page section.hero .content .credits a {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}

#article-page section.hero .content .credits a:hover {
  text-decoration: underline;
}

#article-page section.hero .content .footer {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  height: 25px;
}

#article-page section.hero .content .footer ul.links.inline,
#article-page section.hero .content .footer ul.links.inline li {
  padding: 0;
}

#article-page section.hero .content .footer ul.links.inline li a {
  font-family: Montserrat,Helvetica,Arial,sans-serif;
  background: #003C5E;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px;
}

#article-page section.hero .content .footer ul.links.inline li a:hover { opacity: 0.8; }

#article-page section.hero .content .footer .tag-wrapper {
  flex: 1;
}

#article-page section.hero .content .footer .tag-wrapper .tag-item {
  float: left;
  margin-bottom: 0;
  margin-right: 2px;
}

#article-page .news-page .container {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

#article-page .news-page .container .text {
  max-width: 800px;
  padding: 0 30px;
}

#article-page .news-page .container .text .intro-text {
  border-left: 8px solid #003C5E;
  padding: 20px 30px;
  margin-bottom: 20px;
  color: #222;
  box-shadow: 0 0 1px #555;
}

/*
#article-page .news-page .container .text table tr td {
  border-left: 8px solid #003C5E !important;
  padding: 20px 30px !important;
  color: #222;
  box-shadow: 0 0 1px #555;
}

#article-page .news-page .container .text table tr td ul {
  margin: 0;
  padding: 0;
}

#article-page .news-page .container .text table tr td ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#article-page .news-page .container .text table tr td em {
  font-style: normal;
}
*/

#article-page img.img-wide {
  width: 900px;
  height: auto;
  margin-left: -80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#article-page img.img-xwide {
  width: 1000px;
  height: auto;
  margin-left: -130px;
  margin-top: 25px;
  margin-bottom: 25px;
}

/*#article-page .news-page p iframe {
 width: 100% !important;
}*/

#article-page .text {
  max-width: 800px;
  padding: 0 30px;
}

#article-page .about-author .text {
  background: #003C5E;
  color: #fff;
  font-size: 16px;
  max-width: 740px;
  padding: 20px 30px;
}

#article-page .about-author .text .label {
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  color: #8A97A6;
  padding: 0;
  margin: 5px 0 15px 0;
}

#article-page .container.secondary .credits {
  max-width: 740px;
  background: #F2F2F2;
}

#article-page .container.secondary .credits:first-of-type p {
  display: block;
  font-weight: normal;
  padding: 0;
  margin: 10px 0;
  color: #666;
}

#article-page .container.secondary p {
  font-size: 14px !important;
  color: #666;
}

#article-page .container.secondary .credits .keywords {
  padding: 15px 0;
}

#article-page .container.secondary .credits .keywords a {
  display: inline-block;
  color: #003C5E;
  font-weight: normal;
  font-size: 14px;
  background: #E3E2E2;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: all 0.3s;
}

#article-page .container.secondary .credits .keywords a:hover {
  opacity: 0.7;
}

#article-page .container.secondary .credits .credits {
  padding: 10px 0;
  color: #666;
}

#article-page .container.secondary .credits .label {
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin: 5px 0 15px 0;
  color: #B1B0B0;
}

#article-page .container.secondary .copyright {
  max-width: 740px;
  background: #F2F2F2;
  color: #666;
  font-size: 14px;
  padding-bottom: 15px;
}

#article-page .container.secondary .copyright::before {
  content: "License";
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin: 5px 0 15px 0;
  color: #B1B0B0;
}

body.i18n-fr #article-page .container.secondary .copyright::before {
  content: "Licence";
}

body.i18n-pt-pt #article-page .container.secondary .copyright::before {
    content: "Licença";
}

#article-page .container.secondary .copyright p {
  color: #666;
  font-size: 14px;
}

#article-page .container.secondary .copyright a {
  color: #003C5E;
}

#article-page .embed-content.photo-essay {
  max-width: 800px;
  padding: 0;
}

#article-page .embed-content {
  max-width: 740px;
  padding: 30px;
}

@media only screen and (max-width: 845px) {
  #article-page section.hero .content {
    margin-left: 15px;
    margin-right: 15px;
  }

  #article-page section.hero .content .footer {
    height: 100px;

  }

  #article-page section.hero .content .footer .tag-wrapper {
    flex: 1;
    height: 25px;
    margin-bottom: 25px;
  }

  #article-page section.hero .content .footer .tag-wrapper a {
    display: block;
  }

  #article-page img.img-wide {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  #article-page .about-author {
    margin-left: 15px;
    margin-right: 15px;
  }
}

#news-home h3 {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  font-size: 23px;
}

#news-home > .container { margin-top: 0px !important;}

#article-page > .container { margin-top: 0px !important;}

.container::before, .container::after { display: none !important;}

#news-home .carousel-background {
  border-top: 1px solid #fff;
}

ul.primary { margin: 0;}
.tabs.primary li { display: inline-block; margin-top: 15px;}
.tabs.primary li a { color: #003652 !important; }

.top-header {
  height: 125px;
  position: relative;
}

.top-header .tagline {
  float: right;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;

-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;

  justify-content: center;
  height: 125px;
  margin-right: 30px;
}

.top-header .tagline h1 {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #85B4D7;
  margin: 0 0 3px 0;
  padding: 0;
  text-align: right;
  z-index: 1;
}

.top-header .tagline h2 {
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 19px;
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 0.7;
  text-align: right;
  letter-spacing: -0.5px;
}

.top-header .tagline h2 a {
  color: #fff;
  text-decoration: underline;
}

.top-header .tagline h2 a:hover, .top-header .tagline h2 a:focus {
  color: #fff;
  text-decoration: none;
}

.bottom-header {
  display: block;
  background: #fff;
  height: 40px;
  position: relative;
}

.bottom-header .navbar-nav>li>a {
  color: #003652;
  padding-top: 9px;
  padding-bottom: 7px;
}

.bottom-header .languages {
  float: right;
  margin-right: 30px;
  margin-top: 8px;
}

.bottom-header .languages span.available {
  display: inline-block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-right: 8px;
}

.bottom-header .languages ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.bottom-header .languages ul li {
  display: inline-block;
}

.bottom-header .languages ul li::after {
  display: inline-block;
  content: " ";
  width: 8px;
  height: 10px;
  margin-left: 9px;
  border-left: 1px solid #ccc;
}

.bottom-header .languages ul li:last-of-type::after { display: none;}

.bottom-header .languages ul li a {
  text-transform: none !important;
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #333 !important;
  text-decoration: underline;
  font-size: 12px !important;
}

.bottom-header .languages ul li a:hover {
  text-decoration: none;
}

.bottom-header .languages ul li.active a {
  text-decoration: none;
  font-weight: bold !important;
  color: #003652 !important;
}

#news-nav .bottom-header .navbar-right {
  float: left!important;
  margin-left: 15px;
  margin-top: 0;
  color: #003652;
  background-color: #fff;
}

#news-nav .bottom-header .countries-dropdown-menu {
  left: 0 !important;
}

#news-nav .logo {
  margin-top: 13px;
}

#news-nav li a {
  color: #003652;
  font-family: /*'Montserrat light',*/ Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#news-nav li.dropdown li a { color: #fff;}

#news-nav .countries-dropdown-menu li a { color: #333 !important;}

#news-nav .countries-dropdown-menu li.continent a { color: #fff !important; }

#news-nav .nav .open>a { color: #fff; }

#news-nav .nav .open>a,
#news-nav .nav .open>a:hover,
#news-nav .nav .open>a:focus { opacity: 1; }

#news-home section { padding: 40px 0 !important; }
#cat-list-wrap { padding: 40px 0 !important; max-width: 900px; }
#cat-list-wrap .row { max-width: 750px; }

.page-taxonomy-term .bottom-header {
  box-sizing: content-box;
  border-bottom: /*2px solid #325E74;*/ 3px solid #EBECED;
}

@media screen and (max-width: 1100px) {
  .available { display: none !important; }
}

@media screen and (max-width: 768px) {
  .top-header {
    height: 95px;
  }

  .top-header .tagline {
    display: none;
  }

  #news-nav .logo {
    margin-top: 0;
  }

  .top-header .headerwrapper a img {
    width: 260px !important;
  }

  #news-nav {
    height: 95px;
  }

  .bottom-header { height: 0; }

  .bottom-header .navbar-nav>li>a  {
    color: #fff !important;
  }

  #news-nav .bottom-header li a {
    color: #fff;
  }

  #news-nav .countries-dropdown-menu li a { color: #fff !important;}

  #news-nav .bottom-header .navbar-right {
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    background-color: #003652;
    padding-bottom: 0;
  }

  .bottom-header .languages {
    background: #fff;
    position: relative;
    top: 0;
    padding: 20px 0;
    display: none;
  }

  .navbar-right.collapse.in + .languages {
    display: block;
    z-index: 2;
    width: 100%;
    text-align: center;
    margin: 0;
  }

  #cat-list-wrap { padding: 40px 0 !important; border-top: none; }

  .page-taxonomy-term .bottom-header {
    border-bottom: none;
  }

}


body.admin-menu.trade4devnews-enhancedif-org header {
  margin-top: 29px !important;
}

body > .mainwrapper {
  background: #EBECED;
}

body > .mainwrapper > .boxwrapper {
  max-width: 1260px;
  margin: 0 auto;
}

body > .mainwrapper main {
  background: #fff;
}

.headerwrapper {
  max-width: 1310px;
  margin: 0 auto;
}


footer {
  background: #fff;
}

.navbar .navbar-custom {
  background: #fff;
}

@media screen and (min-width: 991px) and (max-width: 1100px) {
  header .navbar ul li a {
    padding: 20px 5px 5px;
    font-size: 16px;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1250px) {
  header .navbar ul li a {
    padding: 20px 5px 5px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1251px) and (max-width: 1500px) {
  header .navbar ul li a {
    padding: 20px 5px 5px;
    font-size: 22px;
  }
}

.carousel-inner>.item>img { width: 100%; }

footer {
  border-top: 3px solid #ebeced;
}

/* webinars */

.node-type-webinar .hero .title h1 {
  padding-bottom: 0 !important;
}

.node-type-webinar .hero .date {
  font-size: 18px;
  margin-top: 10px;
  padding-bottom: 20px;
}


#article-page .webinar-page {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#article-page .webinar-page .container.secondary .text {
  background: #f8f8f8;
  color: #003652;
  font-weight: bold;
}

#article-page .webinar-page .container.secondary .text p {
  font-size: 16px;
}


#article-page .webinar-page .sponsors {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 800px;
  margin: auto;
}

#article-page .webinar-page .sponsors .label {
  padding: 0;
  margin-bottom: 30px;
  color: #003652;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  flex: 0 0 100%;
  text-align: left;
}

#article-page .webinar-page .sponsors .host-list .label {
  text-align: right;
}

#article-page .webinar-page .sponsors .sponsor-list {
  -webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
  -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
  padding: 30px 30px 0 30px;
}

#article-page .webinar-page .sponsors .sponsor-item {
  margin-right: 20px;
  margin-bottom: 20px;
}

#article-page .webinar-page .sponsors .host-list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 30px;
}

#article-page .webinar-page .sponsors .host-list .sponsor-item {
  margin: 0 0 0 30px;
}

#article-page .webinar-page .sponsors .logo img {
  height: 70px;
}

#article-page .webinar-page .about-author .text {
  max-width: 800px;
}

#article-page .webinar-page .about-author .label {
  text-transform: uppercase;
  color: #7395B7;
}

#article-page .webinar-page .video {
  max-width: 800px;
  margin-bottom: 60px;
}

#article-page .webinar-page .video .oembed-video iframe {
  width: 800px;
}


#article-page .webinar-page .about-author .user-item {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center;
  margin: 20px 0 30px;
}

#article-page .webinar-page .about-author .user-item .picture {
  flex: 0 0 150px;
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 30px;
}

#article-page .webinar-page .about-author .user-item .picture img {
  width: 100%;
  border-radius: 50%;
}

#article-page .webinar-page .about-author .user-item .name {
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

#article-page .webinar-page .about-author .user-item .info {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.btn-register {
  display: inline-block;
  padding: 0;
  margin-bottom: 40px;
  border: none;
  line-height: 1;
}

.btn-register a {
  font-size: 15px;
  color: #003652;
  padding: 7px 15px;
  background: #fff;
  border-radius: 20px;
  text-transform: none;
  line-height: 1;
}

.btn-register a:hover, .btn-register a:focus {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  #article-page .webinar-page .video {
    max-width: 100%;
  }

  #article-page .webinar-page .video .oembed-video iframe {
    width: 100%;
  }

  #article-page .webinar-page .sponsors {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  #article-page .webinar-page .sponsors .host-list .label {
    text-align: left;
  }

  #article-page .webinar-page .sponsors .sponsor-list {
    padding: 30px 30px 0 30px;
  }

  #article-page .webinar-page .sponsors .host-list {
    justify-content: flex-start;
  }

  #article-page .webinar-page .sponsors .host-list .sponsor-item {
    margin-left: 0;
  }

  #article-page .webinar-page .about-author .user-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  #article-page .webinar-page .about-author .user-item .picture {
    margin-bottom: 20px;
    margin-right: 0;
  }

  #article-page .webinar-page .about-author .user-item .name,
  #article-page .webinar-page .about-author .user-item .info {
    text-align: center;
  }
}

.page-all-webinars main {
  border-top: 3px solid #ebeced;
}

.view-webinars {
  max-width: 740px;
  margin: 3px auto 0;
  padding: 40px 30px !important;
}

.view-webinars  .subtitle {
  margin: 30px 0;
  font-family: "Roboto Slab Light",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #666;
}

.view-display-id-upcoming {
  padding: 0 !important;
}

.view-webinars .section-title {
  font-family: "Roboto Slab Light",Helvetica,Arial,sans-serif;
    font-size: 33px;
    line-height: 1.5;
    font-weight: normal;
    text-transform: none;
    margin: 35px 0px;
    letter-spacing: -1px;
}

.page-all-webinars .webinar-teaser {
  position: relative;
  margin-bottom: 30px;
}

.page-all-webinars .webinar-teaser img {
  width: 100%;
}

.page-all-webinars .webinar-teaser .title {
  display: inline-block;
  padding-right: 120px;
}

.page-all-webinars .webinar-teaser .title a {
  font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
  font-size: 23px;
  color: #003652;
}

.page-all-webinars .webinar-teaser .btn-register {
  position: absolute;
  top: 7px;
  right: 15px;
  margin: 0;
}

.page-all-webinars .webinar-teaser .btn-register a {


  background-color: #003652;
  color: #fff;
}

.page-all-webinars .webinar-teaser .btn-register a:hover {
  text-decoration: underline;
}
.page-all-webinars .webinar-teaser .date {
  color: #003652;
  margin-top: 10px;
  font-size: 17px;
}

.page-all-webinars .webinar-teaser .speakers {
  margin-top: 10px;
}

.speakers span::after {
  content: ', ';
}

.speakers span:last-of-type::after {
  content: '';
}

.page-all-webinars .webinar-teaser .intro p {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .page-all-webinars .webinar-teaser .btn-register {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px 0;
  }

  .page-all-webinars .webinar-teaser .title {
    display: block;
    padding-right: 0;
    margin-top: 20px;
  }
}

.node-type-webinar #article-page h2.section-title-left {
  color: #003C5E;
  margin-bottom: 30px !important;
}

.view-dtis {
  padding: 0 15px 35px 15px;
}

.view-dtis .view-filters .views-exposed-widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  padding: 10px 0 20px;
  border-bottom: 1px solid #ddd;
}

.view-dtis .view-filters label {
  font-size: 12px;
  font-weight: bold;
}

.view-dtis .view-filters input {
  color: #444;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px 8px;
}

.view-dtis .view-filters input.form-text {
  font-family: Roboto,Helvetica,Arial,sans-serif !important;
  color: #444;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px 8px;
}

.view-dtis .view-filters select {
  font-family: Roboto,Helvetica,Arial,sans-serif !important;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px 28px 4px 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(../img/svg/select.svg) center right 10px no-repeat #fff;
  background-size: 12px;
  cursor: pointer;
}

.view-dtis .view-filters select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #444;
}

/*.view-dtis .view-filters select:focus {
  -moz-outline: none;
  outline: none;
}*/

.view-dtis .view-filters select option {
  font-family: Roboto,Helvetica,Arial,sans-serif !important;
  background: #fff;
}

.view-dtis .view-filters input.form-submit {
  margin-top: 0;
  background: #664A44;
  color: #fff;
  border-color: #664A44;
  border-radius: 100px;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 12px;
  padding-left: 12px;
}

.view-dtis .view-content ul {
  margin: 0;
  padding: 0;
}

.view-dtis .view-content li {
  list-style: none;
  display: flex;
  align-items: center;
  background: rgba(0,0,0,0.06);
  margin-bottom: 10px;
  padding: 0px 15px;
  border-radius: 5px;
  transition: all 0.3s;
}

.view-dtis .view-content li:hover {
  background: rgba(0,0,0,0.15);
}

.view-dtis .view-content li p {
  flex: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #3A4754;
}

.view-dtis .view-content li a {
  display: block;
  padding: 10px 0;
  line-height: 1.5;
  margin-left: 20px;
  padding-left: 20px;
  background: url(../img/svg/download.svg) center left no-repeat transparent;
  background-size: 12px;
  transition: all 0.3s;
}

.view-dtis .view-content li:hover a {
  color: #003652;
}

.view-dtis .view-content li a:hover {
  color: #337ab7;
  text-decoration: underline;
}

.view-dtis .view-content h3 {
  color: #003c5e;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .view-dtis .view-content li {
    flex-direction: column;
    align-items: flex-start;
  }

  .view-dtis .view-content li a {
    margin-left: 0;
  }
}

/* tabs */

.section.tabs {
  background: #fff;
  padding: 50px 0 0;
}

.color_stories .t4d-square a {
  color: #fff !important;
}

.color_stories .t4d-square a:hover {
  opacity: 0.8;
}

.color_stories .t4d-square .no-image {
  height: 192px;
  background: url(../img/dot-bg.svg) no-repeat center center transparent;
  background-size: cover;
}

.section.tabs .js-tabs > .container {
  height: 53px;
}

.tab-title {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 32px;
  float: left;
  color:#003C5E;
  margin-left: 15px;
}

.tab-nav {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

.tab-nav li {
  list-style: none;
  margin: 0 15px;
}

.tab-nav li a {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 30px;
  padding: 7px 50px 8px 60px;
  color: #222;
  background: #f0f0f0;
  position: relative;
  white-space: nowrap;
}

.tab-nav li a:hover {
  text-decoration: underline;
}

.tab-nav li.active a {
  background: #003C5E;
  color: #fff;
  text-decoration: none;
}

.tab-nav li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 61px solid #fff;
  border-right: 20px solid transparent;
}

.tab-content {
  background: #003C5E;
  color: #fff;
  padding: 40px 0;
}

.tab-content .row {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.tab-content .more {
  flex: 1 0 100%;
  padding-top: 20px;
  text-align: center;
}

.tab-content .more a {
  font-size: 18px;
  color: #fff;
  padding: 5px 0;
  border-bottom: 1px solid #fff;
}

.tab-content .more a:hover {
  opacity: 0.8;
  border-bottom: none;
}

.section.tabs .t4d-square .img-link img {
  width: 100%;
}

.section.tabs .t4d-square .category.document-type a {
  font-family: Montserrat ,Helvetica,Arial,sans-serif;
  color: #fff;
  font-size: 12px;
  padding: 4px 6px 4px 6px;
  background: #222;
}

.color_photos.section.tabs .tab-title { color:#CF942B; }
.color_photos.section.tabs .tab-nav li.active a,
.color_photos.section.tabs .tab-content { background: #CF942B;}

@media screen and (max-width: 1200px) {
  .section.tabs .js-tabs > .container {
    height: auto;
  }
  .tab-nav {
    justify-content: flex-start;
    margin-top: 40px;
    margin-bottom: 8px;
  }

  .tab-title {
    float: none;
  }
  .tab-nav li a {
    padding: 7px 50px 8px 40px;
  }
  .tab-nav li a::before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 0;
    border-top: 61px solid #fff;
    border-left: 20px solid transparent;
  }
}

@media screen and (max-width: 767px) {
 .tab-content {
   padding-left: 15px;
   padding-right: 15px;
 }
  .tab-nav {
    flex-direction: column;
  }
  .tab-nav li {
    list-style: none;
    margin: 10px 15px;
  }
}


/* video article page */

.video-page h1 {
  color: #333 !important;
  text-align: center;
}

.video-page .oembed-video iframe {
  width: 100%;
  height: 100%;
}

/* DTIS document page */
.node-type-document section {
  min-height: 300px;
}

/* spacer */

.section-spacer { text-align: center; font-weight: bold; }

.spacer-bg-primary { background: #697781; color: #fff; }
.spacer-bg-secondary { background: #EFEFEF; }
.spacer-bg-white { background: #fff; }

.margin-small { padding: 7px 15px 3px;  }
.margin-small p { font-size: 15px; }
.margin-medium { padding: 25px 15px; }
.margin-large { padding: 40px 15px; }

.section-spacer a { color: inherit; text-decoration: underline; }
.section-spacer a:hover { color: inherit; text-decoration: none; }

.section-three-column {
  padding: 60px 15px;
}

.section-three-column.bg-primary {
  background: #697781;
}

.section-three-column.bg-secondary h3 { color: #644A43; text-align: center; }

@media screen and (max-width: 1170px) { .section-three-column .col-lg-4 { margin-bottom: 30px;} }

.section-three-column h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px !important;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px !important;
}

.section-three-column p {
  font-size: 15px;
}

.three-col a { color: #fff; text-decoration: underline;}

.content.image img {
  width: 100%;
  height: auto;
}

.node-type-video section.news-page {
  max-width: 770px;
  margin: 40px auto;
  padding: 0 15px;
}

.node-type-video .container.secondary {
  padding-left: 0;
  padding-right: 0;
}

.node-type-video .container.secondary .credits a {
  display: inline-block;
  color: #003C5E;
  background: #E3E2E2;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: all 0.3s;
}

.node-type-video .container.secondary .credits a:hover {
  opacity: 0.7;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  /* hack for webkit to avoid breaks after */

  h2::after,
  h3::after,
  h4::after {
    content: "";
    display: block;
    height: 100px;
    margin-bottom: -100px;
  }

  h2,
  h3,
  h4 {
    page-break-inside: avoid;
  }

  ul, img,
  #article-page .container.secondary .credits .keywords,
  #article-page .container.secondary .credits .credits,
  #article-page .container.secondary .copyright,
  #article-page .about-author .text
   {
    page-break-inside: avoid;
  }

  header, footer,
  .share,
  .hero .footer,
  .related-articles,
  main ul.tabs.primary { display: none !important; }

  .label {
    border: none !important;
  }

  #article-page .news-page .container .text,
  #article-page .container.secondary .credits,
  #article-page .container.secondary .copyright {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff !important;
  }

  .about-author .text {
    max-width: 100% !important;
    background: #fff !important;
    padding: 15px !important;
  }

  #article-page section.hero .content {
    max-width: 101% !important;
    width: 101%;
    padding: 15px !important;
    background: rgba(255,255,255,0.8) !important;
  }

  #article-page .container.secondary .credits {
    background: #fff !important;
  }

  #article-page .about-author .text {
    background: #fff !important;
  }

  .img-wide, .img-xwide {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .intro-text {
    border: 1px solid #ccc;
  }

  a[href]:after {
    content: none !important;
  }
}

/* Related story */

.related-story {
  float: right;
  margin: 7px 0 10px 40px;
  width: 280px;
  border-top: 1px solid #ccc;
}

.related-story h4 {
  font-size: 19px !important;
  color: #666 !important;
  margin-top: 13px !important;
}

.related-story img {
  width: 100%;
}

@media screen and (max-width: 567px) {
  .related-story {
    float: none;
    width: 100%;
    margin: 30px 0;
  }
}


#article-page .webinar-page .container.secondary .text {
  padding: 20px 30px;
}