@font-face {font-family: 'HelveticaLTStd-Light';src: url('webfonts/321CE6_0_0.eot');src: url('webfonts/321CE6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/321CE6_0_0.woff2') format('woff2'),url('webfonts/321CE6_0_0.woff') format('woff'),url('webfonts/321CE6_0_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaLTStd-LightObl';src: url('webfonts/321CE6_1_0.eot');src: url('webfonts/321CE6_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/321CE6_1_0.woff2') format('woff2'),url('webfonts/321CE6_1_0.woff') format('woff'),url('webfonts/321CE6_1_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaLT-Bold';src: url('webfonts/321CE6_2_0.eot');src: url('webfonts/321CE6_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/321CE6_2_0.woff2') format('woff2'),url('webfonts/321CE6_2_0.woff') format('woff'),url('webfonts/321CE6_2_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaLT-BoldOblique';src: url('webfonts/321CE6_3_0.eot');src: url('webfonts/321CE6_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/321CE6_3_0.woff2') format('woff2'),url('webfonts/321CE6_3_0.woff') format('woff'),url('webfonts/321CE6_3_0.ttf') format('truetype');}

/**
  *  Social innovation theming
  */

.view-social-innovation,
.view-social-innovation h2,
.view-social-innovation p,
.view-social-innovation span,
.view-social-innovation a,
.view-social-innovation ul,
.view-social-innovation ol,
.view-social-innovation li,
.view-social-innovation strong,
.view-social-innovation em,
.view-social-innovation h1,
.view-social-innovation h2,
.view-social-innovation h3,
.view-social-innovation h4,
.view-social-innovation h5,
.view-social-innovation h6
.view-social-innovation-categories .views-field-name a,
.view-social-innovation-categories a,
.social,
.social h2,
.social p,
.social span,
.social a,
.social ul,
.social ol,
.social li,
.social strong,
.social em,
.social h1,
.social h2,
.social h3,
.social h4,
.social h5,
.social h6 {
  font-family: 'HelveticaLTStd-Light';
}

.view-social-innovation .view-content {
  max-width: 965px;
  margin: 0 auto;
}

.view-social-innovation .view-content .views-field-title h2 {
  border: none;
  padding: 0;
}

.view-social-innovation .view-content .views-field-title span {
  line-height:1.2em;
}

.view-social-innovation .view-content .views-field-title span {
  font-size: 1em;
  color: #fff;
  background: #333;
  padding: 2px 5px;
  margin: 0px 0px 5px 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
}
.view-social-innovation .view-content .m1 .views-field-title h2 span {
  color: #fff;
  background: #e30126;
}
.view-social-innovation .view-content .m1:hover .views-field-title h2 span {
  color: #e30126;
  background: #fff;
}

.view-social-innovation .view-content .m1c .views-field-title h2 span {
  color: #333;
  background: #fff;
}

.view-social-innovation .view-content .m1c {
  background: #e30126;
}

.view-social-innovation .view-content .m1c:hover .views-field-title h2 span {
  color: #fff;
  background: #333;
}
.view-social-innovation .view-content .m1c .views-field-field-summary {
  margin-left: 10px;
}

.view-social-innovation .view-content .m1 .views-field-field-summary {
  margin-left: 10px;
}


.view-social-innovation .article-wrapper {
  background-color: transparent;
  vertical-align: top;
  margin-top: 30px;
  margin-bottom: 30px;
  postion: relative;
}

.view-social-innovation:first-child .article-wrapper {
  margin-top: 0;
}

.view-social-innovation:first-child .view-content {
  padding-top: 30px;
}

.view-social-innovation .article-wrapper .views-field-field-block-image {
  width: 425px;
  height: 425px;
}

.view-social-innovation .half {
  width: 425px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 425px;
  overflow: hidden;
  position: relative;
}

.view-social-innovation .half.odd {
  margin-right: -webkit-calc(50% - 427px);
  margin-right: -moz-calc(50% - 427px);
  margin-right: calc(50% - 427px);
  float: left;
}
.view-social-innovation .half.even {
  margin-left: -webkit-calc(50% - 427px);
  margin-left: -moz-calc(50% - 427px);
  margin-left: calc(50% - 427px);
  float: right;
}
.view-social-innovation .half.even::after {
    content: '';
    display: table;
    float:none;
}

.view-social-innovation .half .article-wrapper-content {
  color: #fff;
  padding: 25px 16px;
  box-sizing: border-box;
  width: 425px;
  height: 425px;
  overflow: hidden;
}

.view-social-innovation .half.odd .article-wrapper-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.view-social-innovation .half.even .article-wrapper-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.view-social-innovation .half.m1 .article-wrapper-content {
  background: rgba(51,51,51,0.4);
}
.view-social-innovation .full {
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.view-social-innovation .m2 {
  height: 425px;
}
.view-social-innovation .m2 .views-field-field-block-image, .view-social-innovation .m3 .views-field-field-long-image {
  float: right;
}
.view-social-innovation .m2 .article-wrapper-content, .view-social-innovation .m3 .article-wrapper-content {
  width: 465px;
}
.view-social-innovation .m2 .views-field-field-block-image {
  background: #333;
}
.view-social-innovation .m2:hover .views-field-field-block-image img {
  opacity: 0.6;
}
.view-social-innovation .m2:hover .views-field-title h2 span {
  color: #333;
  background: #fff;
}
.view-social-innovation .m3 .views-field-field-long-image {
  background: #333;
}
.view-social-innovation .m3 .views-field-field-long-image img {
  opacity: 0.3;
}
.view-social-innovation .m3:hover .views-field-field-long-image img {
  opacity: 1;
}
.view-social-innovation .m3:hover .views-field-title h2 span {
  color: #333;
  background: #fff;
}

.view-social-innovation-categories {
  position: fixed;
  right: 0;
  top: 250px;
  text-align: right;
  z-index: 50;
}
.view-social-innovation-categories {
  padding: 0;
}
.view-social-innovation-categories .views-field-name a {
  display: block;
  padding: 2px 30px 2px 10px;
  background: #333;
  color: #fff;
  display: inline-block;
  margin: 2px 0;
  width: auto;
  text-transform: uppercase;
}
.view-social-innovation-categories .views-field-name a:hover {
  background: #fff;
  color: #333;
}
.view-social-innovation-categories .views-field-name a.active {
  background: #e30126;
  color: #fff;
}
.view-social-innovation-categories .view-header {
  display: none;
}
.view-social-innovation .m3.article-wrapper {
  width: 100vw;
  margin-left: -webkit-calc(-50vw + 50%);
  margin-left: -moz-calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
  background: #555;
  margin-top: -80px;
  z-index: 0;
}

.view-social-innovation .views-field-nid-1 a {
  position: absolute;
  width: 100%;
  Height: 100%;
  display: block;
  z-index: 3;
  top:0;
}
.view-social-innovation .article-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.view-social-innovation .article-wrapper .inner {
  overflow: hidden;
}
.view-social-innovation .m3 .inner {
  width: 965px;
  margin: 0 auto;
  position: relative;
}
.view-social-innovation .m3 .inner .article-wrapper-content {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.view-social-innovation .m4 {
  width: 100vw;
  margin-left: -webkit-calc(-50vw + 50%);
  margin-left: -moz-calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
  background: #efefef;
  padding: 50px 0;

}
.view-social-innovation .m4 .inner {
  width: 965px;
  height: 425px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.view-social-innovation .m4 .inner .article-wrapper-content {
  width: 425px;
  height: 425px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  background: rgba(51,51,51,0.7);
  color: #fff;
}
.view-social-innovation .m4 .inner .article-wrapper-content .article-wrapper-content-inner {
  border: 2px solid #fff;
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 395px;
  height: 395px;
}
.view-social-innovation .m4 .inner .article-wrapper-content .article-wrapper-content-inner .social-innovation-article-title {
  margin-top: 0!important;
}

.view-social-innovation .m4 .inner .views-field-title, .view-social-innovation .m4 .inner .views-field-field-summary {
  width: 80%;
}
.view-social-innovation .m4:hover .inner .article-wrapper-content {
  background: none;
}
.view-social-innovation .m4:hover .views-field-field-wide-image {
  background: #333;
}
.view-social-innovation .m4:hover .views-field-field-wide-image img {
  opacity: 0.3;
}
.view-social-innovation .view-content .m4 .views-field-title span {
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0 7px 0 0;
  font-size: 28px;
}
.view-social-innovation .view-content .m5 {
  width: 100vw;
  margin-left: -webkit-calc(-50vw + 50%);
  margin-left: -moz-calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
  position: relative;
  overflow: hidden;
}
.view-social-innovation .m5:hover .views-field-field-wide-image {
  background: #333;
}
.view-social-innovation .m5:hover .views-field-field-wide-image img {
  opacity: 0.6;
}
.view-social-innovation .view-content .m5 .article-wrapper-content {
  background-image: url(../image/gradient.png);
  background-repeat: repeat-y;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
}
.view-social-innovation .view-content .m5:hover .article-wrapper-content {
  background: none;
}

.view-social-innovation .view-content .m5 .article-wrapper-content-inner {
  width: 965px;
  margin: 0 auto;
  padding: 50px 0;
}
.view-social-innovation .view-content .m5 .article-wrapper-content-inner .views-field-field-summary {
  max-width: 50%;
}
.view-social-innovation .view-content .m5 .views-field-title span {
    background: #fff none repeat scroll 0 0;
    color: #333;
}
.view-social-innovation .view-content .m5:hover .views-field-title span {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
.view-social-innovation .view-content .m5 .field-content {
  max-height: 700px;
}

.view-social-innovation.view-display-id-block_1 {
  width: 100vw;
  margin-left: -webkit-calc(-50vw + 50%);
  margin-left: -moz-calc(-50vw + 50%);
  margin-left: calc(-50vw + 50%);
}
.view-social-innovation.view-display-id-block_1 .view-content {
  width: 100%;
  max-width: 100%;
}
.view-social-innovation.view-display-id-block_1 .view-content .article-wrapper {
  margin: 0;
}
.view-social-innovation.view-display-id-block_1 .view-content .views-field-field-top-full-width-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.view-social-innovation.view-display-id-block_1 .view-content .views-field-field-top-full-width-image .field-content {
  width: 100%;
  height: 100%;
}
.view-social-innovation.view-display-id-block_1 .view-content .views-field-field-top-full-width-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.view-social-innovation.view-display-id-block_1 .view-content .article-wrapper-content {
  margin: 0 auto;
  width: 965px;
  position: relative;
  z-index: 2;
  padding: 100px 0;
}
.view-social-innovation.view-display-id-block_1 h2.social-innovation-article-title {
  font-size: 100px;
  max-width: 75%;
}
.view-social-innovation.view-display-id-block_1 h2.social-innovation-article-title span {
  background: rgba(51,51,51,0.4) none repeat scroll 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  margin: 5px 0;
  padding: 0 30px;
}
.view-social-innovation.view-display-id-block_1:hover h2.social-innovation-article-title span {
  background: rgba(255,255,255,0.4) none repeat scroll 0 0;
  color: #333;
}
.view-social-innovation.view-display-id-block_1 .text-wrapper {
  background: rgba(51,51,51,0.4) none repeat scroll 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 30px 30px;
  max-width: 80%;
}
.view-social-innovation.view-display-id-block_1:hover .text-wrapper {
  background: rgba(255,255,255,0.4) none repeat scroll 0 0;
  color: #333;
}
.view-social-innovation.view-display-id-block_1:hover .view-content .hero .views-field-title h2 span {
  background: rgba(255,255,255,0.4) none repeat scroll 0 0;
  color: #333;
}

.view-social-innovation .inner {
  overflow: hidden;
}
#edit-field-social-category-tid-i18n-1-wrapper {
 display: none;
}

.page-social-innovation-stories .breadcrumb, .page-social-innovation-stories h1#page-title {
  display: none;
}

body.node-type-social-article {
  background-color: #FFF!important;
}

.node-type-social-article .pane-content p {
  font-size: 16px;
  line-height: 24px;
}

.node-type-social-article #zone-content.container-12, .node-type-social-article #zone-content.container-12 #region-content {
  width: 100%!important;
  margin: 0;
}
.node-type-social-article #zone-content.container-12, .node-type-social-article #zone-content.container-12 #region-content .grid-12 {
  margin: 0 auto;
  float: none;
  display: block;
}
.node-type-social-article .pane-node-title h2.pane-title {
  display: none;
}
.node-type-social-article .social-header-inner {
  padding: 150px 0;
  color: #fff;
  max-width: 1100px;
  margin: 0 auto;
}
.social-grey-content {
  background: #333;
  padding: 50px 0;
  color: #fff;
}
.social-grey-content p,
.social-grey-content ul {
  color: #fff;
}
.node-type-social-article .field-name-field-article-date {
  font-size: 16px;
  text-transform: uppercase;
  padding: 100px 0 20px;
  font-style: italic;
}
.node-type-social-article .field-name-field-heading div {
  font-size: 48px;
  padding-bottom: 20px;
  line-height: 66px;
}
.node-type-social-article .field-name-field-sub-heading div {
  font-size: 28px;
  padding-bottom: 20px;
  line-height: 36px;
}

.node-type-social-article h1.social-innovation-article-title {
  font-size: 100px;
  font-family: "HelveticaLTStd-Light";
}
.node-type-social-article h1.social-innovation-article-title span {
  background: rgba(51,51,51,0.4) none repeat scroll 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  margin: 5px 0;
  padding: 0 20px;
  line-height: 1.2;
}
.node-type-social-article .pane-node-field-summary {
  background: rgba(51,51,51,0.4) none repeat scroll 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 30px 20px;
}

.views-field-field-social-category .field-content {
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
}
.views-field-field-summary {
  margin-top: 15px;
}
.hero .views-field-field-summary {
  margin: 0;
}
.hero .views-field-field-social-category .field-content {
  margin-top: 15px;
}
.view-social-innovation .view-content .hero .views-field-title h2 span {
  background: rgba(51, 51, 51, 0.4) none repeat scroll 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  line-height: 1.2;
  margin: 5px 0;
  padding: 0 20px;
  font-weight: normal;
}
.node-type-social-article .field-name-field-full-width-image img {
  width: auto;
  max-width: 100%;
  text-align: center;
}
.node-type-social-article .field-name-field-full-width-image {
  text-align: center;
}

.social-article-node-pager a.next {
  display: block;
  float: right;
  padding: 10px 50px 10px 20px;
  background: url(../image/next.png) center right no-repeat;
  color: #333;
}
.social-article-node-pager a.prev {
  display: block;
  float: left;
  padding: 10px 20px 10px 50px;
  background: url(../image/prev.png) center left no-repeat;
  color: #333;
}
.views-field-field-social-category {
  text-transform: uppercase;
}

.node-type-social-article .field-name-field-body-bottom,
.node-type-social-article .field-name-field-top-text,
.node-type-social-article .field-name-field-sub-heading,
.node-type-social-article .field-name-field-heading {
  width: 75%;
}

.social-grey-content {
  margin: 30px 0;
  font-size: 1.5em;
}

.social-article-node-pager {
  margin: 40px 0;
  display: inline-block;
  width: 100%;
}
.pane-views.pane-related-stories {
  clear: both;
  padding: 20px 0;
}
.pane-views.pane-related-stories .views-row:hover {
  background-color: #e6e6e6;
}

.pane-views.pane-related-stories .views-row.views-row-odd {
  margin-right: -webkit-calc(50% - 427px);
  margin-right: -moz-calc(50% - 427px);
  margin-right: calc(50% - 427px);
}
.pane-views.pane-related-stories .views-row.views-row-even {
  margin-left: -webkit-calc(50% - 427px);
  margin-left: -moz-calc(50% - 427px);
  margin-left: calc(50% - 427px);
}


.pane-views.pane-related-stories h2, .pane-views.pane-related-stories h3 {
  padding: 0;
  border: none;
}

.pane-views.pane-related-stories h2 a, .pane-views.pane-related-stories h3 a {
  font-size: 26px;
  line-height: 34px;
}
.pane-views.pane-related-stories h3 a:link,
.pane-views.pane-related-stories h3 a:link,
.pane-views.pane-related-stories h3 a {
  padding: 0;
  background: none;
  color: #000;
}
.pane-views.pane-related-stories h2.pane-title {
  margin: 0 0 30px 0 !important;
  clear: both;
}
.pane-views.pane-related-stories .field-content {
  font-size: 12px;
  line-height: 16px;
}

.view-related-stories .views-row {
  width: 425px;
  display: inline-block;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  vertical-align: top;
}

.view-related-stories .views-field-field-block-image {
  float: right;
  max-width: 50%;
  padding: 0 0 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.social-footer-inner {
  padding: 15px 0 0 0;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.article-wrapper {
  position: relative;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 1s ease forwards;
}

.come-in.even {
  animation-duration: 2s;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to {
    transform: translateY(0);
  }
}

.views-field-field-wide-image {
  text-align: center;
}

.views-field-field-social-category .all { background-color: #e30126; } .view-social-innovation-categories a.social-category-tid-filter-133.active { background-color: #e30126; } body.tid-133.node-type-social-article .field-name-field-summary::after, body.tid-133.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #e30126; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .all { background-color: #e30126; } .view-social-innovation-categories a.social-category-tid-filter-138.active { background-color: #e30126; } body.tid-138.node-type-social-article .field-name-field-summary::after, body.tid-138.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #e30126; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .all { background-color: #e30126; } .view-social-innovation-categories a.social-category-tid-filter-137.active { background-color: #e30126; } body.tid-137.node-type-social-article .field-name-field-summary::after, body.tid-137.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #e30126; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .communities { background-color: #d362dd; } .view-social-innovation-categories a.social-category-tid-filter-108.active { background-color: #d362dd; } body.tid-108.node-type-social-article .field-name-field-summary::after, body.tid-108.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #d362dd; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .communities { background-color: #d362dd; } .view-social-innovation-categories a.social-category-tid-filter-113.active { background-color: #d362dd; } body.tid-113.node-type-social-article .field-name-field-summary::after, body.tid-113.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #d362dd; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .communities { background-color: #d362dd; } .view-social-innovation-categories a.social-category-tid-filter-118.active { background-color: #d362dd; } body.tid-118.node-type-social-article .field-name-field-summary::after, body.tid-118.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #d362dd; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .comunita { background-color: #d362dd; } .view-social-innovation-categories a.social-category-tid-filter-119.active { background-color: #d362dd; } body.tid-119.node-type-social-article .field-name-field-summary::after, body.tid-119.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #d362dd; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .energia { background-color: #0fefe4; } .view-social-innovation-categories a.social-category-tid-filter-123.active { background-color: #0fefe4; } body.tid-123.node-type-social-article .field-name-field-summary::after, body.tid-123.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #0fefe4; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .energie { background-color: #0fefe4; } .view-social-innovation-categories a.social-category-tid-filter-122.active { background-color: #0fefe4; } body.tid-122.node-type-social-article .field-name-field-summary::after, body.tid-122.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #0fefe4; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .energy { background-color: #0fefe4; } .view-social-innovation-categories a.social-category-tid-filter-107.active { background-color: #0fefe4; } body.tid-107.node-type-social-article .field-name-field-summary::after, body.tid-107.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #0fefe4; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .energy { background-color: #0fefe4; } .view-social-innovation-categories a.social-category-tid-filter-114.active { background-color: #0fefe4; } body.tid-114.node-type-social-article .field-name-field-summary::after, body.tid-114.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #0fefe4; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .enerji { background-color: #0fefe4; } .view-social-innovation-categories a.social-category-tid-filter-121.active { background-color: #0fefe4; } body.tid-121.node-type-social-article .field-name-field-summary::after, body.tid-121.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #0fefe4; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .gesundheit { background-color: #47d355; } .view-social-innovation-categories a.social-category-tid-filter-125.active { background-color: #47d355; } body.tid-125.node-type-social-article .field-name-field-summary::after, body.tid-125.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #47d355; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .health { background-color: #47d355; } .view-social-innovation-categories a.social-category-tid-filter-109.active { background-color: #47d355; } body.tid-109.node-type-social-article .field-name-field-summary::after, body.tid-109.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #47d355; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .health { background-color: #47d355; } .view-social-innovation-categories a.social-category-tid-filter-115.active { background-color: #47d355; } body.tid-115.node-type-social-article .field-name-field-summary::after, body.tid-115.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #47d355; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .saglik { background-color: #47d355; } .view-social-innovation-categories a.social-category-tid-filter-124.active { background-color: #47d355; } body.tid-124.node-type-social-article .field-name-field-summary::after, body.tid-124.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #47d355; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .salute { background-color: #47d355; } .view-social-innovation-categories a.social-category-tid-filter-126.active { background-color: #47d355; } body.tid-126.node-type-social-article .field-name-field-summary::after, body.tid-126.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #47d355; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .technologie { background-color: #ead82f; } .view-social-innovation-categories a.social-category-tid-filter-128.active { background-color: #ead82f; } body.tid-128.node-type-social-article .field-name-field-summary::after, body.tid-128.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #ead82f; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .technology { background-color: #ead82f; } .view-social-innovation-categories a.social-category-tid-filter-106.active { background-color: #ead82f; } body.tid-106.node-type-social-article .field-name-field-summary::after, body.tid-106.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #ead82f; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .technology { background-color: #ead82f; } .view-social-innovation-categories a.social-category-tid-filter-116.active { background-color: #ead82f; } body.tid-116.node-type-social-article .field-name-field-summary::after, body.tid-116.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #ead82f; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .tecnologia { background-color: #ead82f; } .view-social-innovation-categories a.social-category-tid-filter-129.active { background-color: #ead82f; } body.tid-129.node-type-social-article .field-name-field-summary::after, body.tid-129.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #ead82f; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .teknoloji { background-color: #ead82f; } .view-social-innovation-categories a.social-category-tid-filter-127.active { background-color: #ead82f; } body.tid-127.node-type-social-article .field-name-field-summary::after, body.tid-127.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #ead82f; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .topluluklar { background-color: #d362dd; } .view-social-innovation-categories a.social-category-tid-filter-120.active { background-color: #d362dd; } body.tid-120.node-type-social-article .field-name-field-summary::after, body.tid-120.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #d362dd; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .transport { background-color: #5693f1; } .view-social-innovation-categories a.social-category-tid-filter-110.active { background-color: #5693f1; } body.tid-110.node-type-social-article .field-name-field-summary::after, body.tid-110.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #5693f1; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .transport { background-color: #5693f1; } .view-social-innovation-categories a.social-category-tid-filter-117.active { background-color: #5693f1; } body.tid-117.node-type-social-article .field-name-field-summary::after, body.tid-117.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #5693f1; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .transport { background-color: #5693f1; } .view-social-innovation-categories a.social-category-tid-filter-131.active { background-color: #5693f1; } body.tid-131.node-type-social-article .field-name-field-summary::after, body.tid-131.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #5693f1; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .trasporti { background-color: #5693f1; } .view-social-innovation-categories a.social-category-tid-filter-132.active { background-color: #5693f1; } body.tid-132.node-type-social-article .field-name-field-summary::after, body.tid-132.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #5693f1; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .all { background-color: #e30126; } .view-social-innovation-categories a.social-category-tid-filter-135.active { background-color: #e30126; } body.tid-135.node-type-social-article .field-name-field-summary::after, body.tid-135.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #e30126; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .all { background-color: #e30126; } .view-social-innovation-categories a.social-category-tid-filter-136.active { background-color: #e30126; } body.tid-136.node-type-social-article .field-name-field-summary::after, body.tid-136.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #e30126; content: ""; visibility: visible; margin: 15px 0; }
.views-field-field-social-category .ulastirma { background-color: #5693f1; } .view-social-innovation-categories a.social-category-tid-filter-130.active { background-color: #5693f1; } body.tid-130.node-type-social-article .field-name-field-summary::after, body.tid-130.node-type-social-article .field-name-field-grey-text::after { display: block; width: 150px; height: 8px; background: #5693f1; content: ""; visibility: visible; margin: 15px 0; }

.branding-data {
  text-align: left;
  width: 90%;
}

.branding-data h2.site-name a {
  line-height: 1.3em;
}

.branding-data h2 span.sep {
  display: inline;
  color: #ccc;
  padding: 10px;
  font-size: 13px;
}


@media screen and (min-width: 580px) {
  .branding-data {
    width: 65%;
  }
}