html {
  font-size: 16px;
  line-height: 1.6875em;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-rendering: optimizeLegibility;
  font-family: "ff-tisa-web-pro",serif;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.reset {
  display: block;
  clear: both;
}

a {
  color: #0093c6;
}

a:hover {
  color: #fdb813;
}

h2 {
  color: #0056A7;
  font-size: 28px;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: 300;
}

h2.block-title {
  color: #0056A7;
  text-transform: none;
  font-size: 28px;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: 300;
}

h3 {
  color: #0056A7;
  font-size: 26px;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: 300;
}

h4 {
  color: #000;
  font-size: 20px;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: 700;
}

.block-title {
  color: #010101;
  text-transform: none;
  font-size: 1.625em;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  border-bottom: solid 1px #fdb813;
  padding-bottom: 0.375em;
  font-weight: 300;
}

.l4main .block-title {
  border-bottom: solid 1px #fdb813;
  padding-bottom: 10px;
}

.photocredit-block, .photocredit-block p, .photocredit-block a {
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}

.l--triptych {
  *position: relative;
  *zoom: 1;
}
.l--triptych:before, .l--triptych:after {
  content: "";
  display: table;
}
.l--triptych:after {
  clear: both;
}



@media (max-width: 1085px) {
  .menu-name-menu-cities-2017-project-menu {
    position: absolute;
    left: 20px;
    color: #000;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-size: 20px;
  }
  /*
	LEVEL ONE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav { position: relative; text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li {float: left; zoom: 1;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:hover { color: #000;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:active { color: #ffa500;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li a { display: block; padding: 4px 8px; color: #222;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li:last-child a { border-right: none;  text-decoration: none;} /* Doesn't work in IE */
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover,
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover  {background: #F3D673; color: black; position: relative; }
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover a {color: black;  text-decoration: none;}


  /*
    LEVEL TWO
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top:82%;
    left: 0;
  }
  .menu-name-menu-cities-2017-project-menu ul.nav ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; text-align: left}

  /* IE 6 & 7 Needs Inline Block */
  .menu-name-menu-cities-2017-project-menu ul.nav  ul li a { border-right: none; width: 100%; display: inline-block; }

  /*
    LEVEL THREE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul ul { left: 100%; top: 0; }
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover > ul { visibility: visible; }


  .fifty-fifty-blocks {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .9);
    background-color: #fff;
  }
  .l-fifty-left, .l-fifty-right {
    display: block;
    clear: both;
    padding: 2%;
  }

  .l-two-third-left {
    width: 100%;
    padding: 1.5em;
    border-bottom: solid 1px #666;
    display: block;
  }

  .l-one-third-right {
    width: 100%;
    padding: 1.5em;
    display: block;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-two-third-left a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-one-third-right a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }

  .l-two-third-left h4 {
    color: #002e9c;
    margin-top: 0.25em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }
  .l-one-third-right h4{
    color: #002e9c;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }

  .view-display-id-framing_paper_landing .ds-header {
    display: block;
  }
  .view-display-id-framing_paper_landing .ds-content {
    display: block;
    float: right;
    width: 68%;
  }

  .view-display-id-framing_paper_landing .ds-aside {
    display: block;
    float: left;
    width: 30%;

  }
  .view-display-id-framing_paper_landing article.mode-simple_teaser_tiny:after {
    content: "";
    display: table;
    clear: both;
  }

  .blog-single {
    width: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  .img-title {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /* opacity: 0; */
    display: none;
    background: rgba(0,0,0,0.4);
    transition: all 0.5s ease;
  }

  .l--fullwidth-column, .l-main, .l-sidebar, .l--fullwidth, .l--footer-triptych{
    width: 100%;
    margin: 0 auto;
  }


 .pane-cities2017-panel-pane-7, .pane-cities2017-panel-external-experts {
	background: white;

    padding: 1.5em 2em 1.5em 0em;
    max-width: 100%;
    display: block;
    clear: both;
  }

  .pane-cities2017-panel-pane-7 .l--namecard, .pane-cities2017-panel-external-experts .l--namecard{
    float: left;
    width: 48%;
    margin: 0 1%;
    padding-bottom: 1em;
  }
}

@media (max-width: 800px) {
	.cities-logo {
    padding: 1em 2em;
	}
	
  .menu-name-menu-cities-2017-project-menu {
    position: absolute;
    left: 0px;
    color: #000;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-size: 20px;
  }
  /*
	LEVEL ONE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav { position: relative; text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li {float: left; zoom: 1;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:hover { color: #000;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:active { color: #ffa500;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li a { display: block; padding: 3px 7px; color: #222;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li:last-child a { border-right: none;  text-decoration: none;} /* Doesn't work in IE */
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover,
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover  {background: #F3D673; color: black; position: relative; }
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover a {color: black;  text-decoration: none;}


  /*
    LEVEL TWO
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top:82%;
    left: 0;
  }
  .menu-name-menu-cities-2017-project-menu ul.nav ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; text-align: left}

  /* IE 6 & 7 Needs Inline Block */
  .menu-name-menu-cities-2017-project-menu ul.nav  ul li a { border-right: none; width: 100%; display: inline-block; }

  /*
    LEVEL THREE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul ul { left: 100%; top: 0; }
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover > ul { visibility: visible; }


  .fifty-fifty-blocks {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .9);
    background-color: #fff;
  }
  .l-fifty-left, .l-fifty-right {
    display: block;
    clear: both;
    padding: 2%;
  }

  .l-two-third-left {
    width: 100%;
    padding: 1.5em;
    border-bottom: solid 1px #666;
    display: block;
  }

  .l-one-third-right {
    width: 100%;
    padding: 1.5em;
    display: block;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-two-third-left a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-one-third-right a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }

  .l-two-third-left h4 {
    color: #002e9c;
    margin-top: 0.25em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }
  .l-one-third-right h4{
    color: #002e9c;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }

  .l--fullwidth > .pane-node-body {
    background: white;
    padding: 1.5em 2em;
    max-width: 100%;
  }

  .pane-cities2017-cities2017-working-papers {
    padding: 1em 2em;
  }

  .view-display-id-cities2017_working_papers article.mode-teaser_with_related_content {
    display: block;
    margin-bottom: 3em;
  }

  .view-display-id-engagement_page article.view-mode-video_teaser_without_footer{
    display: block;
    margin-bottom: 5em;
    border-bottom: 1px solid lightgrey;
  }

  .view-display-id-engagement_page .view-mode-video_teaser_without_footer .ds-content {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .view-display-id-framing_paper_landing .ds-header {
    display: block;
  }
  .view-display-id-framing_paper_landing .ds-content {
    display: block;
    float: right;
    width: 68%;
  }

  .view-display-id-framing_paper_landing .ds-aside {
    display: block;
    float: left;
    width: 30%;

  }
  .view-display-id-framing_paper_landing article.mode-simple_teaser_tiny:after {
    content: "";
    display: table;
    clear: both;
  }

  .pane-cities2017-cities2017-blogspage, .view-display-id-cities2017_mediapage {
    padding:0 1em;
  }
  .blog-single {
    width: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  .img-title {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /* opacity: 0; */
    display: none;
    background: rgba(0,0,0,0.4);
    transition: all 0.5s ease;
  }

  .l--fullwidth-column, .l-main, .l-sidebar, .l--fullwidth, .l--footer-triptych{
    width: 100%;
    margin: 0 auto;
  }


 .pane-cities2017-panel-pane-7, .pane-cities2017-panel-external-experts {
	background: white;

    padding: 1.5em 2em;
    max-width: 100%;
    display: block;
    clear: both;
  }

  .pane-cities2017-panel-pane-7 .l--namecard, .pane-cities2017-panel-external-experts .l--namecard{
    float: left;
    width: 98%;
    margin: 0 1%;
    padding-bottom: 1em;
  }
  
  .site-footer {
    background-color: #959595;
    color: white;
    padding: 5% 3%;
    font-weight: 200;
}
  
}




.l--triptych .l-main {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
}
.l--triptych .l-sidebar-first {
  clear: left;
  float: right;
  width: 45.83333%;
  margin-right: 54.16667%;
  margin-left: -100%;
  padding-right: 15px;
}
.l--triptych .l-sidebar-second {
  float: right;
  width: 45.83333%;
  margin-right: 0%;
  margin-left: -45.83333%;
  padding-left: 15px;
}
}

@media (min-width: 51em) {
  .l--triptych .l-main {
    float: left;
    width: 62.5%;
    margin-left: 0%;
    margin-right: -62.5%;
    padding-right: 50px;
  }
  .l--triptych .l-sidebar-first,
  .l--triptych .l-sidebar-second {
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/center/boxsizing.htc");
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -33.33333%;
    padding-left: 50px;
  }
  .l--triptych .l-sidebar-first {
    clear: none;
  }
  .l--triptych .l-sidebar-second {
    clear: right;
  }
}
@media (min-width: 68em) {
  .l--triptych .l-main {
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%;
    padding-left: 50px;
  }
  .l--triptych .l-sidebar-first {
    float: right;
    width: 25%;
    margin-right: 75%;
    margin-left: -100%;
    padding-right: 50px;
    padding-left: 0;
    clear: none;
  }
  .l--triptych .l-sidebar-second {
    float: right;
    width: 25%;
    margin-right: 0%;
    margin-left: -25%;
    clear: none;
    padding-left: 50px;
    padding-right: 0;
    clear: none;
  }

  .common-page-clear l--sidebar-after.l--constrained.l4header-info .l4header-info {
    position: relative;
    top: 0px;
  }
  .common-page-clear .l4header-info {
    position: relative;
    top: 60px;
    margin-bottom: 100px;
    display: block;
    clear: both;
  }

  .common-page-clear .l--sidebar-after .l-sidebar {
    width: 320px;
    margin-left: 6.75em;
    padding-top: 0;
  }

  /* Homepage Styles */

  /* Seminars Slideshow */
  #views_slideshow_controls_text_previous_cities2017-cities2017_landing_video_carousel, #views_slideshow_controls_text_next_cities2017-cities2017_landing_video_carousel {
    width:25px;
    height:0px;
    padding-top:42px;
    position:relative;
    top:150px;
    overflow:hidden;
  }
  #views_slideshow_controls_text_previous_cities2017-cities2017_landing_video_carousel {
    background:url("/sites/all/themes/wri_cities2017/images/left-button-on.png");
    left: -3.5em;
    background-position: center center;
    background-repeat: no-repeat;
  }
  #views_slideshow_controls_text_next_cities2017-cities2017_landing_video_carousel {
    background:url("/sites/all/themes/wri_cities2017/images/right-button-on.png");
    background-position: center center;
    background-repeat: no-repeat;
    right:-38em;
  }
  #views_slideshow_controls_text_pause_cities2017-cities2017_landing_video_carousel {
    display:none;
  }
  #views_slideshow_controls_text_next_cities2017-cities2017_landing_video_carousel a, #views_slideshow_controls_text_previous_cities2017-cities2017_landing_video_carousel > a {
    color: transparent;
  }

  /* Timeline */
  .tl-slide-content {
    padding-left: 100px;
    padding-right: 100px;
    width: 1000px !important;
  }

  /* Sidebar styles */
  .view-display-id-cities2017_sidebar_blog .ds-content {
    display: block;
    padding-bottom: 1em;
  }
  .view-display-id-cities2017_sidebar_blog .field--title{
    line-height:1.25em;
  }
  .view-display-id-cities2017_sidebar_blog .field--title a{
    color: #4d4d4d;
  }
  .view-display-id-cities2017_sidebar_blog .field--byline {
    font-size: 0.77778em;
    line-height: 1.28571em;
    margin: 1em 0;
  }
  .view-display-id-cities2017_sidebar_blog .byline-author a{
    color: #4d4d4d;
  }

  .view-display-id-cities2017_sidebar_papers .field--title{
    line-height:normal;
  }
  .view-display-id-cities2017_sidebar_papers a{
    color: #4d4d4d;
  }

  .pane-cities2017-cities2017-sidebar-expert-video {
    background-color: lightgray;
    box-sizing: border-box;
    padding: .5em 1em 2em 1em;
  }
  .pane-cities2017-cities2017-sidebar-expert-video .view-mode-featured_image_with_title {
    padding-bottom: 1em;
  }

  .pane-cities2017-cities2017-sidebar-expert-video a {
    color: #4d4d4d;
  }

  .sidebar-signup .pane-content a{
    color: #ffffff;
    text-align: center;
    background-color: #F6B825;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 18px;
  }

  /* Page based Styles */

  /* Landing Page Header */
  .view-display-id-framing_paper_landing article.mode-simple_teaser_tiny {
  }

  .view-display-id-framing_paper_landing article.mode-simple_teaser_tiny:after {
    content: "";
    display: table;
    clear: both;
  }
  .view-display-id-framing_paper_landing article h3{
    margin: .25em 0;
    font-size: 1.5em;
  }
  .view-display-id-framing_paper_landing article h2.block-title {
    font-size:28px;
  }

  .view-display-id-cities_landing_working_papers {
    padding-left: 3%;
  }

  .view-display-id-cities_landing_working_papers p {
      line-height: 1.25em;
  }

  .view-display-id-framing_paper_landing .ds-header {
    display: block;
  }
  .view-display-id-framing_paper_landing .ds-content {
    display: block;
    float: right;
    width: 75%;
  }

  .view-display-id-framing_paper_landing .ds-aside {
    display: block;
    float: left;
    width: 23%;
  }

  .view-display-id-framing_paper_landing .ds-aside .field--field-cover-shot {
    text-align: left;
    margin-top: 6px;
  }


  .pane-cities2017-framing-paper-landing h2.block-title {
    font-size: 28px;
  }
  .pane-cities2017-cities2017-landing-publication h2.block-title {
    font-size: 28px;
  }

  /* Blogs & media Pages */
  .view-display-id-cities2017_blogspage, .view-display-id-cities2017_mediapage {
    padding-bottom: 4em;
  }
  .mediapost-title {
    min-height: 90px;
    display: block;
  }

  .media-page-single {
    max-width: 30%;
    display: inline-block;
    margin-right: 3%;
    margin-bottom:5%;
  }
  .media-page-single a {
    color: #000;
  }

  .main-signup {
    background-color: #dbbf25;
    padding: 10px;
    border-radius: 5px;
    display: block;
    clear: both;
    text-align: center;
    font-size: 18px;
    margin: 1em auto .5em;
    width: 54%;
    color: #fff;
  }
  .main-signup a {
    color: #ffffff;
  }
  /* Ongoing Initiatives */

  .pane-cities2017-cities2017-ongoing-initiatives {
    background: white;
    padding: 1.5em 2em 1.5em 0em;
    max-width: 690px;
  }
  .pane-cities2017-cities2017-ongoing-initiatives .view-mode-teaser .ds-figure {
    display: inline-block;
    width: 20%;
    float: left;
  }
  .pane-cities2017-cities2017-ongoing-initiatives .view-mode-teaser .ds-content {
    display: inline-block;
    width: auto;
    max-width: 75%;
    margin: -3% 0 0 4%;
    float: right;
  }
  .pane-cities2017-cities2017-ongoing-initiatives .view-mode-teaser.field--title h4{
    margin:.5em 0;
  }

  /* Experts */
  .pane-cities2017-citiesforall-externalpartners {
    padding: 1.5em 3em;
    clear: both;
    display: block;
    margin-bottom: 2em;
  }
  .view-display-id-citiesforall_externalpartners .views-row {
    clear: both;
    display: block;
    margin-bottom: 2em;
  }
  .pane-cities2017-citiesforall-externalpartners .mode-featured_image_with_title .ds-figure {
    display: inline-block;
    width: 20%;
    float: left;
  }
  .pane-cities2017-citiesforall-externalpartners .mode-featured_image_with_title .ds-content {
    display: inline-block;
    width: auto;
    max-width: 75%;
    margin: -3% 0 0 4%;
    float: right;
  }

  /* Donors */
  .pane-cities2017-citiesforall-externalpartners {
    padding: 1.5em 3em;
  }
  .view-display-id-citiesforall_donor .views-row {
    clear: both;
    display: block;
    margin-bottom: 2em;
  }
  .pane-cities2017-citiesforall-externalpartners .mode-featured_image_with_title .ds-figure {
    display: inline-block;
    width: 20%;
    float: left;
  }
  .pane-cities2017-citiesforall-externalpartners .mode-featured_image_with_title .ds-content {
    display: inline-block;
    width: auto;
    max-width: 75%;
    margin: -3% 0 0 4%;
    float: right;
  }

  .pane-cities2017-citiesforall-donor {
    padding: 1.5em 3em;
    clear: both;
    display: block;
    margin-bottom: 2em;
  }

  .pane-cities2017-citiesforall-donor figure {
    float: left;
    width: 23%;
    margin: 0 1%;
    padding-bottom: 1em;
  }

  /* Publications pages */
  .view-display-id-cities2017_working_papers .views-row, .view-display-id-cities2017_ongoing_research .views-row, .view-display-id-cities2017_case_studies .views-row {
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .mode-teaser_with_related_content {
    margin: 0 0 .75em 0;
    padding: 0 0 0.75em 0;
    display: block;
    clear: both;
  }
  .mode-teaser_with_related_content .ds-figure {
    display: inline-block;
    width: 16%;
    float: left;
  }
  .mode-teaser_with_related_content .ds-figure .field--field-cover-shot {
    text-align: left;
  }
  .mode-teaser_with_related_content .view-mode-teaser .node-image {
    width: auto;
    max-width: auto;
    float: none;
    margin: 0;
  }

  .mode-teaser_with_related_content .ds-content {
    display: inline-block;
    width: auto;
    max-width: 52%;
    margin-right: 6%;
    float: left;
  }
  .mode-teaser_with_related_content .ds-content h2{
    font-size:24px;
    margin-top:0px;
  }
  .mode-teaser_with_related_content .ds-aside {
    display: inline-block;
    width: 24%;
    float: left;
  }
  .mode-teaser_with_related_content .ds-aside:before {
    content: "Related Content";
    color: #0056a7;
    font-size: 20px;
    line-height:normal;
    font-weight: 300;
    margin: 0 0 1em -1.5em;
    display: block;
  }

  .field--field-related-vignettes:before {
    content: "\f007";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-vignettes {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-vignettes .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-vignettes a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  .field--field-related-blogs:before {
    content: "\f040";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-blogs {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-blogs .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-blogs a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  .field--field-related-seminars:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-seminars {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-seminars .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-seminars a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  /* Seminar Page */
  .view-display-id-cities_seminar_series .views-row{
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .view-display-id-cities_seminar_series .view-mode-video_teaser_without_footer .ds-figure {
    display: inline-block;
    float: left;
    width: 15%;
  }
  
  .view-display-id-cities_seminar_series .view-mode-video_teaser_without_footer .ds-content {
    display: inline-block;
    float: right;
    width: 82%;
    margin-left: 1%;
  }

  /* Engament Page */
  .view-display-id-engagement_page .views-row{
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .view-display-id-engagement_page .view-mode-video_teaser_without_footer .ds-figure {
    display: inline-block;
    float: left;
    width: 33%;
  }
  .view-display-id-engagement_page .view-mode-video_teaser_without_footer .ds-content {
    display: inline-block;
    float: right;
    width: 64%;
    margin-left: 1%;
  }

  .content-fifty {
    background-color:#e6e6e6;
  //padding:2em 0;
  }
  .l--content-fifty-panel {
    width: 48%;
    display: block;
    float: left;
    margin-right: 1%;
    box-sizing: border-box;
    padding:2em 0;
  }

  .l--content-fifty-panel h2.block-title {
    color: #0056a7;
    text-transform: none;
    font-size: 18px;
    line-height: normal;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: .5em;
    font-weight: 300;
  }
  .l--content-fifty-panel th, td {
    padding: 8px;
    vertical-align: top;
    border-top: none;
  }
  .l-content-triptych-panel td.image {
    width:50%;
  }

  .l-two-third-left {
    width: 72%;
    padding: 0em 1em;
    margin: 1.5em 0em;
    border-right: solid 1px #666;
    float: left;
    display: block;
    box-sizing: border-box;
  }

  .l-one-third-right {
    width: 28%;
    float: right;
    display: block;
    box-sizing: border-box;
    padding: 1em;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-two-third-left a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  .l-one-third-right a{
    color: #0099cc;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }

  .l-two-third-left h4 {
    color: #002e9c;
    margin-top: 0.25em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }
  .l-one-third-right h4{
    color: #002e9c;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    text-transform: uppercase;
    font-size: 16px;
  }
}

@media (min-width: 34em) {
  .l--triptych.is-reversed .l-sidebar-first {
    clear: left;
    float: right;
    width: 45.83333%;
    margin-right: 0%;
    margin-left: -45.83333%;
    padding-left: 15px;
  }
  .l--triptych.is-reversed .l-sidebar-second {
    float: right;
    width: 45.83333%;
    margin-right: 54.16667%;
    margin-left: -100%;
    padding-right: 15px;
  }

  .pane-cities2017-panel-pane-7 .l--namecard, .pane-cities2017-panel-external-experts .l--namecard {
    float: left;
    width: 48%;
    margin: 0 1%;
    padding-bottom: 1em;
  }

  /* Publications pages */
  .view-display-id-cities2017_working_papers .views-row, .view-display-id-cities2017_ongoing_research .views-row, .view-display-id-cities2017_case_studies .views-row {
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .mode-teaser_with_related_content {
    margin: 0 0 .75em 0;
    padding: 0 0 0.75em 0;
    display: block;
    clear: both;
  }
  .mode-teaser_with_related_content .ds-figure {
    display: inline-block;
    width: 16%;
    float: left;
  }
  .mode-teaser_with_related_content .view-mode-teaser .node-image {
    width: auto;
    max-width: auto;
    float: none;
    margin: 0;
  }

  .mode-teaser_with_related_content .ds-content {
    display: inline-block;
    width: auto;
    max-width: 52%;
    margin-right: 6%;
    float: left;
  }
  .mode-teaser_with_related_content .ds-content h2{
    font-size:24px;
  }
  .mode-teaser_with_related_content .ds-aside {
    display: inline-block;
    width: 24%;
    float: left;
  }
  .mode-teaser_with_related_content .ds-aside:before {
    content: "Related Content";
    color: #0056a7;
    font-size: 20px;
    line-height:normal;
    font-weight: 300;
    margin: 0 0 1em -1.5em;
    display: block;
  }

  .field--field-related-vignettes:before {
    content: "\f007";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-vignettes {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-vignettes .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-vignettes a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  .field--field-related-blogs:before {
    content: "\f040";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-blogs {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-blogs .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-blogs a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  .field--field-related-seminars:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #b53593;
    font-size: 20px;
    margin: 5px 0 0 -1.5em;
    display: block;
    position: absolute;
  }
  .field--field-related-seminars {
    font-size: 14px;
    color: #4d4d4d;
    line-height: normal;
    display: block;
    margin-bottom: 2em;
  }
  .field--field-related-seminars .field__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #393939;
  }
  .field--field-related-seminars a{
    color: #4d4d4d;
    display: block;
    clear: both;
      margin: .5em 0 1em 0;
      line-height: 1.3em;
  }

  /* Seminar Page */
  .view-display-id-cities_seminar_series .views-row{
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .view-display-id-cities_seminar_series .view-mode-video_teaser_without_footer .ds-figure {
    display: inline-block;
    float: left;
    width: 15%;
  }
  .view-display-id-cities_seminar_series .view-mode-video_teaser_without_footer .ds-content {
    display: inline-block;
    float: right;
    width: 82%;
    margin-left: 1%;
  }

  /* Engament Page */
  .view-display-id-engagement_page .views-row{
    clear: both;
    display: block;
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
  }

  .view-display-id-engagement_page .view-mode-video_teaser_without_footer .ds-figure {
    display: inline-block;
    float: left;
    width: 33%;
  }
  .view-display-id-engagement_page .view-mode-video_teaser_without_footer .ds-content {
    display: inline-block;
    float: right;
    width: 64%;
    margin-left: 1%;
  }





}
@media (min-width: 51em) {
  .l--triptych.is-reversed .l-main {
    float: left;
    width: 62.5%;
    margin-left: 0%;
    margin-right: -62.5%;
    padding-right: 50px;
  }
  .l--triptych.is-reversed .l-sidebar-first,
  .l--triptych.is-reversed .l-sidebar-second {
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/center/boxsizing.htc");
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -33.33333%;
    padding-left: 50px;
  }
  .l--triptych.is-reversed .l-sidebar-first {
    clear: none;
  }
  .l--triptych.is-reversed .l-sidebar-second {
    clear: right;
  }
}
@media (min-width: 68em) {
  .l--triptych.is-reversed .l-main {
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%;
    border-left: dotted #9b9b9b 1px;
    padding-left: 50px;
  }
  .l--triptych.is-reversed .l-sidebar-first {
    float: right;
    width: 25%;
    margin-right: 0%;
    margin-left: -25%;
    padding-left: 50px;
    padding-right: 0;
  }
  .l--triptych.is-reversed .l-sidebar-second {
    float: right;
    width: 25%;
    margin-right: 75%;
    margin-left: -100%;
    clear: none;
    padding-right: 50px;
    padding-left: 0;
  }
}

@media (min-width: 51em) {
  .theme-bordered .l-main {
    border-right: 1px #9b9b9b dotted;
  }
}
@media (min-width: 68em) {
  .theme-bordered .l-main {
    border-left: 1px #9b9b9b dotted;
  }
}

.l--sidebar-before {
  *position: relative;
  *zoom: 1;
}
.l--sidebar-before:before, .l--sidebar-before:after {
  content: "";
  display: table;
}
.l--sidebar-before:after {
  clear: both;
}
@media (min-width: 51em) {
  .l--sidebar-before .l-main {
    float: right;
    width: 62.5%;
    margin-right: 0%;
    margin-left: -62.5%;
    padding-right: 50px;
  }
  .l--sidebar-before .l-sidebar {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    padding-right: 50px;
  }
}
@media (min-width: 68em) {
  .l--sidebar-before .l-main {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 50px;
  }
  .l--sidebar-before .l-sidebar {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  .l-fifty-left {
    float: left;
    width: 49%;
    box-sizing: border-box;
    padding:0 0 0 15px;
  //margin-left: 50%;
  //margin-right: -100%;
  //padding-left: 50px;
  }
  .l-fifty-right {
    float: left;
    width: 49%;
    margin-left: 2%;
    box-sizing: border-box;
    padding:0 15px 0 0;
  //margin-right: -25%;
  }
  .fifty-fifty-blocks {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .95);
  }
}

.fullwidth-backgroundcolor {
  background: rgb(165, 180, 220); /* Fall-back for browsers that don't support rgba */
  background: rgba(165, 180, 220, .9);
}
.seminar-series-backgroundcolor {
  background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
  background: rgba(230, 230, 230, 1);
}

.seminar-series-backgroundcolor .l--fullwidth-column .body-content {
  font-size: 26px;
  font-weight: normal;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  line-height: 1.25em;
  padding: 1em 0 0 0;
  border-bottom:1px solid #000;
}

.seminar-series-backgroundcolor .l-sidebar {
  border-right:1px solid #000;
  padding-bottom:2em;
}
/* Landing page blog images */

.blog-single .field--field-featured-image img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0px;
}

.blog-single {
  height:315px;
  width:50%;
  float: left;
  overflow: hidden;
  position: relative;
}

.gallery-item:first-child {
}

.gallery-item img {
  width: 100%;
}

.gallery-item:hover .img-title {
  /*opacity: 1;*/
}

.img-title {
  position: absolute;
  top: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  /*opacity: 0;*/
  display: none; /* comment this out for CSS hover */
  background:rgba(0,0,0,0.4);
  /*transition: all 0.5s ease;*/
}

.img-title h5 {
  position: absolute;
  color: #fff;
  top: 1%;
  width: 90%;
  left:5%;
    line-height: 1em;
  text-align: left;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
}

.img-title h5 a{
  color: #fff;
}
.img-title h5 a:hover{
  color: #fff;
  text-decoration: none;
}




.view-display-id-cities2017_landing_event .view-footer a{
  color: #b53593;
  font-size: 16px;
  text-align: right;
  float: right;
}
.view-display-id-cities2017_landing_event .field--dateline {
  display: none;
  visibility: hidden;
}
.view-display-id-cities2017_landing_event .view-mode-teaser .article-title {
  font-weight: normal;
  margin: 0 0 0.28571em 3.5em;
  display: block;
  font-size: 15px;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}
.view-display-id-cities2017_landing_event .view-mode-teaser .article-title:before {
  font-family: FontAwesome;
  content: "\f073";
  color: #b53593;
  font-size: 40px;
  margin: 20px 0 0 -1.25em;
  display: block;
  position: absolute;
}

.view-display-id-cities2017_landing_publication .ds-content {
  display: inline-block;
  float: left;
  margin-right: 1%;
}
.view-display-id-cities2017_landing_publication .mode-teaser_content_wrapping_image .field--field-cover-shot {
  display: block;
  float: left;
  margin-right: 1.5em;
}

.view-display-id-cities2017_landing_publication .mode-teaser_content_wrapping_image h3{
  margin:.5em 0;
  font-size: 1.5em;
}

#node-50741 > h2 > a {
  font-size: 20px;
  color: #0056a7;
}
.block-title, .pane-title {
  margin-top:0;
  padding-top: 0.5em;
}
.upcoming-working-papers .block-title {
  font-size: 20px;
}
.upcoming-working-papers a {
  font-size: 16px;
  color: #0056a7;
}
.view-mode-video_teaser_without_footer {
  display: block;
  margin-bottom: 2em;
  line-height: 1.5em;
}
.view-mode-video_teaser_without_footer .field--title {
  color: #0056a7;
  text-transform: none;
  font-size: 18px;
  line-height: 1.15385em;
  border-bottom: none;
  padding-bottom: 0;
}
.view-mode-video_teaser_without_footer .field--title a{
  color: #0056a7;
}
.view-mode-video_teaser_without_footer .field--title .field--body p{
  line-height: 1.5em;
}
.view-mode-video_teaser_without_footer .ds-content {
  display: inline-block;
  float: right;
  width: 33%;
  margin-left: 1%;
}

.view-mode-video_teaser_without_footer .ds-figure {
  display: inline-block;
  float: left;
  width: 64%;
}

.video-embed-description {
  display: none;
  visibility: hidden;
}
.view-display-id-cities2017_landing_video_carousel .field--field-video-source-url-id a:after {
  display: none;
  visibility: hidden;
}

.view-display-id-cities2017_landing_video_carousel .ds-content a {
  color:#000;
  font-size: 18px;
  line-height: normal;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}
.view-display-id-cities2017_landing_video_carousel .ds-content .field--body {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin-top: .5em;
}

.l-header-below {
  padding: 3em 0;
  clear: both;
}

.l-content-above {
  padding-bottom: 3em;
  clear: both;
}

.l--constrained {
  *zoom: 1;
//padding: 0 15px;
  padding: 0;
}
.l--constrained:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .l--constrained {
    width: 1170px;
    margin: 0 auto;
  }
}

@media (min-width: 68em) {
  .l--sidebar-after .l-sidebar {
    width: 320px;
    margin-left: 6.75em;
    padding-top: 2.5em;
  }
  .l--sidebar-after .l-main {
    float: right;
    width: 75%;
    margin-right: 25%;
    margin-left: -100%;
    padding-right: 50px;
  }
}
@media (min-width: 51em) and (max-width: 68em) {
  .l--sidebar-after .l-sidebar {
    padding-left: 0;
    width: 18em;
  }
}
@media (max-width: 51em) {
  .l--sidebar-after .l-sidebar,
  .l--sidebar-after .l-main {
    width: 90%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}
.node-type-page .l4signup {
  margin-top: 4.5em;
}
.node-type-page .pane-node-body {
  background: white;
  padding: 1.5em 2em 1.5em 0em;
  max-width: 690px;
}

.l--fullwidth > .pane-node-body {
  background: white;
  padding: 1.5em 2em 1.5em 0em;
  max-width: 100%;
}

.pane-cities2017-citiesforall-externalpartners, .pane-cities2017-citiesforall-donor {
  display: block;
  clear: both;
  padding: 1.5em 2em 1.5em 0em;
  max-width: 100%;
}
.external-partner {
  display: inline-block;
  float: left;
}

@media (min-width: 51em) {

  .node-type-page .pane-node-body {
    /* margin-top: -15em; */
  }
  
  .pane-cities2017-panel-pane-7, .pane-cities2017-panel-external-experts {
  background: white;
  padding: 1.5em 2em 1.5em 0em;
  max-width: 100%;
  display: block;
  clear: both;
}

.pane-cities2017-panel-pane-7 .l--namecard{
  float: left;
  width: 23%;
  margin: 0 1%;
  padding-bottom: 1em;
  min-height: 165px;
}

  .pane-cities2017-panel-external-experts .l--namecard{
    float: left;
    width: 23%;
    margin: 0 1%;
    padding-bottom: 1em;
    min-height: 280px;
  }
}

.node-type-page .pane-node-body .block-title {
  color: #0093c6;
}

.node-type-page .l4-twitterfeed {
  margin-top: 2.25em;
}

.node-type-webform .pane-node-webform {
  background: white;
  padding: 1.5em 2em 1.5em 0em;
  max-width: 690px;
  margin-top: -18.75em;
}

.node-type-webform .pane-node-webform .block-title {
  color: #0093c6;
}
.node-type-webform input[type="submit"] {
  background: #fdb813;
  color: #010101;
  border-radius: 0.25em;
  text-align: center;
  display: block;
  font-size: 1.125em;
  line-height: 1.33333em;
}
.node-type-webform input[type="submit"]:hover {
  text-decoration: none;
  color: #010101;
  opacity: .9;
}
.node-type-webform input[type="submit"]:visited {
  color: #010101;
}

.pane-sharethis-sharethis-block {
  padding: 0 3em;
}
.pane-sharethis-sharethis-block .block-title {
  color: #0093c6;
  max-width: 620px;
  border-bottom: none;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.33333em;
}

#footer {
  display: none;
}

.l-footer-triptych-panel {
  width: 32%;
  display: block;
  float: left;
  margin-right: 1%;
  box-sizing: border-box;
}
.l-footer-triptych-panel .pane-3{
  text-align: right;
}

.site-footer {
  background-color: #959595;
  color: white;
  padding: 45px 0;
  font-weight: 200;
}
.site-footer h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: 200;
}
.site-footer p {
  font-size: 15px;
  line-height: 20px;
}
.site-footer .footer-small {
  font-size: 13px;
  line-height: 18px;
  padding-left: 82px;
}
.site-footer #block-entity-node-social-links.block--spaced {
  margin-bottom: 0;
}
.site-footer .l4-social-links {
  margin-top: 2.25em;
}
.site-footer .l4-social-links .block-title {
  display: none;
}

.site-footer  .footer-logo {
  display: block;
  float: right;
}

.pane-menu-cities-for-all {
  color: #fff;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}
.pane-menu-cities-for-all a{
  color: #fff;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}

.l4-social-links .block-title {
  display: none;
}

.field--field-facebook {
  background: url('../images/icon-s8a148a09f5.png') 0 -1197px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.field--field-facebook > .field__item > a {
  background: none;
}

.chicklets.facebook {
  background: url('../images/icon-s8a148a09f5.png') 0 -1033px !important;
  background-repeat: no-repeat;
  width: 24px !important;
  height: 20px !important;
  overflow: hidden;
}

.field--field-twitter {
  background: url('../images/icon-s8a148a09f5.png') 0 -791px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.field--field-twitter > .field__item > a {
  background: none;
}

.chicklets.twitter {
  background: url('../images/icon-s8a148a09f5.png') 0 -587px !important;
  background-repeat: no-repeat;
  width: 24px !important;
  height: 20px !important;
  overflow: hidden;
}

.sharethis-wrapper .st_twitter {
  margin-right: inherit;
}

.field--field-youtube {
  background: url('../images/icon-s8a148a09f5.png') 0 -1459px;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  overflow: hidden;
}

.field--field-youtube > .field__item > a {
  background: none;
}

.field--field-linkedin {
  background: url('../images/icon-s8a148a09f5.png') 0 -1255px;
  background-repeat: no-repeat;
  width: 22px;
  height: 20px;
  overflow: hidden;
}

.field--field-linkedin > .field__item > a {
  background: none;
}

.chicklets.linkedin {
  background: url('../images/icon-s8a148a09f5.png') 0 -1139px !important;
  background-repeat: no-repeat;
  width: 24px !important;
  height: 20px !important;
  overflow: hidden;
}

.chicklets.googleplus {
  background: url('../images/icon-s8a148a09f5.png') 0 -274px !important;
  background-repeat: no-repeat;
  width: 24px !important;
  height: 20px !important;
  overflow: hidden;
}

.field--field-rss {
  background: url('../images/icon-s8a148a09f5.png') 0 -821px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
}

.field--field-rss > .field__item > a {
  background: none;
  display: block;
  padding-left: 24px;
}

.l4-social-links .field,
#block-entity-node-social-links .field,
.chicklets {
  display: inline-block;
  margin: 0 4px !important;
}
.l4-social-links .field:first-child,
#block-entity-node-social-links .field:first-child,
.chicklets:first-child {
  margin-left: 0;
  margin-right: 6px;
}

@media (min-width: 51em) {
  .l4-footer-sidebar .l4-social-links {
    display: none;
  }
}
@media (max-width: 51em) {
  .l4-footer-main .l4-social-links {
    display: none;
  }

  footer .l-sidebar {
    margin-top: 3.75em;
  }
}
#global .block-title {
  border-bottom: none;
}

#header {
  margin-top: 0.75em;
}
@media (max-width: 53em) {
  #header {
    margin-bottom: -20px;
  }
}

.block-wri-theme-switcher {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  min-width: 165px;
  margin-bottom: 1.5em;
}
@media (min-width: 53em) {
  .block-wri-theme-switcher {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 15px;
  }
}
.block-wri-theme-switcher img {
  display: block;
}

.l4header {
  background: url("/sites/all/themes/wri_cities2017/images/Pachuca-edited-4.jpg");
  background-size: cover;
  background-position: center center;
  border-top: solid 0.375em #fdb813;
}

.node-type-project2 .l4header {
  background: url("/sites/all/themes/wri_cities2017/images/Pachuca-edited-4.jpg");
  background-size: cover;
  background-position: center center;
  border-top: solid 0.375em #fdb813;
}
.node-type-vignettes .l4header,
.node-type-page .l4header,
.node-type-webform .l4header {
  background: url("/sites/all/themes/wri_cities2017/images/portoalegre-3.jpg");
  background-size: cover;
  min-height: 18.75em;
  background-position: bottom center;
}

.node-type-page .l4header-info {
  top: 0;
}

.l4header-info {
  position: relative;
  top: 60px;
//background: #fff;
}

.wri-logo-cities {
  width:263px;
  height:21px;
  display: block;
  float: left;
  padding-top: .5em;
}

.cities-logo img {
  display: block;
  padding-top: 3em;
  padding-bottom: 2em;
  height: auto;
}

.pane-cities2017-cities2017-landing-blog h2.block-title {
  color: #fff;
  text-transform: none;
  font-size: 28px;
  line-height: 1.15385em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  border-bottom: none;
  font-weight: 300;
  background-color: #003f6a;
  padding-left: 2%;
  padding-bottom: 0.5em;
  margin-bottom:0;
}

.l4-video {
  max-width: 620px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 5px #9b9b9b;
  -moz-box-shadow: 0 0 5px #9b9b9b;
  box-shadow: 0 0 5px #9b9b9b;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 24em) {
  .js .block--expands--left#block-search-form {
    position: relative;
    width: auto;
    float: right;
    margin-right: 15px;
    margin-top: 6px;
    background-color: transparent;
  }
}
@media (max-width: 480px) {
  #block-search-form {
    display: none !important;
  }
  .blog-single {
    height: 315px;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  .media-page-single {
    max-width: 100%;
    display: block;
  }
  .media-page-single a {
    color: #000;
  }
}
.js .block--expands--left#block-search-form {
  right: 0;
}

@media (min-width: 1000px) {
  .l--constrained {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

#global {
  height: 35px;
  position: relative;
  z-index: 5;
  background-color: #000000;
  color: #fff;
  text-align: right;
}
#global > .l--constrained {
  position: relative;
}
#global .block-menu-block {
  display: none;
}
#global .link--donate {
  font-size: 0.75em;
  line-height: 1.5em;
  padding-top: 3px;
  padding-bottom: 3px;
}
#boxes-box-donate_button {
  display: none;
  visibility: hidden;
}
#global #block-search-form {
  bottom: 4px;
}
#global #block-search-form .form-text {
  height: 24px;
  font-size: 12px;
}
#global #block-search-form .form-submit {
  height: 24px;
  width: 24px;
}
#global #block-search-form.is-expanded .form-item-search-block-form {
  padding-right: 28px;
  padding-left: 2px;
}
#global #block-search-form.is-expanded .form-submit {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

#project-global {
  position: relative;
  z-index: 99999999999999;
  background-color: #000000;
  color: #fff;
  text-align: right;
}
#project-global > .l--constrained {
  position: relative;
}

@media (min-width: 26em) {
  #global {
    text-align: right;
  }
}
@media (min-width: 55em) {
  #global .block-menu-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }

  #global .menu-name-menu-global li{
    display: inline-block;
    float: left;
    color: #fff;
    text-align: right;
    font-size: 12px;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }

  #global .menu-name-menu-global li a{
    color: #fff;
    padding: 0 .5em;
    text-decoration: none;
  }

  .menu-name-menu-cities-2017-project-menu {
    position: absolute;
    right: 0;
    color: #000;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-size: 20px;
  }
  /*
	LEVEL ONE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav { position: relative; text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li {float: left; zoom: 1;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:hover { color: #000;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav a:active { color: #ffa500;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li a { display: block; padding: 4px 8px; color: #222;  text-decoration: none;}
  .menu-name-menu-cities-2017-project-menu ul.nav li:last-child a { border-right: none;  text-decoration: none;} /* Doesn't work in IE */
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover,
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover  {background: #F3D673; color: black; position: relative; }
  .menu-name-menu-cities-2017-project-menu ul.nav li.hover a {color: black;  text-decoration: none;}


  /*
    LEVEL TWO
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top:85%;
    left: 0;
  }
  .menu-name-menu-cities-2017-project-menu ul.nav ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; text-align: left}

  /* IE 6 & 7 Needs Inline Block */
  .menu-name-menu-cities-2017-project-menu ul.nav  ul li a { border-right: none; width: 100%; display: inline-block; }

  /*
    LEVEL THREE
  */
  .menu-name-menu-cities-2017-project-menu ul.nav ul ul { left: 100%; top: 0; }
  .menu-name-menu-cities-2017-project-menu ul.nav li:hover > ul { visibility: visible; }
}

.footer-project-menu .menu-name-menu-cities-2017-project-menu {
  position: relative;
  color: #fff;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-size: 16px;
}
.footer-project-menu .menu-name-menu-cities-2017-project-menu ul.nav li {
  float: left;
  clear: right;
}
.footer-project-menu .menu-name-menu-cities-2017-project-menu ul.nav li a {
  display: block;
  padding: 4px 8px;
  color: #fff;
}

#block-wri-blocks-a-wri-site {
  max-width: 270px;
}
@media (min-width: 26em) {
  #block-wri-blocks-a-wri-site {
    padding-top: 0.9375em;
    float: left;
  }
}

#block-boxes-donate-button {
  display: none;
}
#block-boxes-donate-button p,
#block-boxes-donate-button .link--donate {
  margin: 0;
}
#block-boxes-donate-button > .block-title {
  display: none;
}
@media (min-width: 30em) {
  #block-boxes-donate-button {
    display: block;
    position: absolute;
    right: 56px;
    bottom: 6px;
  }
}

#block-search-form {
  display: none;
  bottom: 6px;
  margin-bottom: 0;
  right: 0;
  background-color: white;
}
@media (min-width: 26em) {
  #block-search-form {
    display: block;
  }
}

#block-menu-block-11 {
  display: block;
  position: absolute;
  text-align: center;
  right: 56px;
}

.nav--global {
  margin: 0 0 0 30px;
}
.nav--global > .nav-item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  height: 54px;
  border: 1px solid transparent;
  margin-right: -5px;
}
.nav--global > .nav-item .nav-link {
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  top: 12px;
  font-size: 0.75em;
  line-height: 1.5em;
  color: #747474;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-weight: bold;
}
.nav--global > .nav-item .nav-link:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-right: 1px solid #c7c7c7;
  position: absolute;
  top: 0;
  right: -1px;
}
.nav--global > .nav-item .nav-link:hover {
  color: #292929;
}
.nav--global > .nav-item.last .nav-link:after {
  content: none;
}
.nav--global > .nav-item:hover {
  border-color: transparent #c7c7c7 white;
}
.nav--global > .nav-item:hover .nav-link {
  border-right: transparent;
}
.nav--global > .nav-item:hover .nav-link:after {
  content: none;
}
.nav--global > .nav-item:hover .nav--global {
  display: block;
}
.nav--global .nav--global {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 110%;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: 1px;
  padding: 0;
  background-color: white;
  border-width: 0 1px 1px;
  border-color: #c7c7c7;
  border-style: none solid solid;
}
.nav--global .nav--global > .nav-item {
  display: block;
  height: auto;
  text-align: left;
  border: none;
  margin: 0;
}
.nav--global .nav--global .nav-link {
  border: none;
  top: 0;
  padding: 6px 8px;
  display: block;
  color: #0093c6;
}
.nav--global .nav--global .nav-link:before {
  content: "\00BB";
  margin-right: 6px;
}
.nav--global .nav--global .nav-link:hover {
  text-decoration: none;
}

#block-menu-block-17 {
  width: 77%;
  display: inline-block;
  text-align: right;
}
@media (max-width: 53em) {
  #block-menu-block-17 {
    background: #fdb813;
    width: 100%;
    display: block;
    text-align: left;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  #block-menu-block-17 .nav-item {
    position: relative;
    padding: 0.75em 15px;
    font-size: 1.25em;
    line-height: 1.2em;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  }
  #block-menu-block-17 .nav-item:hover {
    background-color: #ed9a00;
  }
  #block-menu-block-17 .nav-link {
    color: white;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
  }
  #block-menu-block-17 .nav-link.active, #block-menu-block-17 .nav-link.active-trail {
    color: white;
    background-color: transparent;
  }
  #block-menu-block-17 .nav-link.active:before, #block-menu-block-17 .nav-link.active:after, #block-menu-block-17 .nav-link.active-trail:before, #block-menu-block-17 .nav-link.active-trail:after {
    content: "";
    display: block;
    border-left: 8px solid white;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
  }
  #block-menu-block-17 .nav-link.active:before, #block-menu-block-17 .nav-link.active-trail:before {
    bottom: 50%;
    border-top: 8px solid transparent;
  }
  #block-menu-block-17 .nav-link.active:after, #block-menu-block-17 .nav-link.active-trail:after {
    border-bottom: 8px solid transparent;
    top: 50%;
  }
}

.js .block--menu-main .block-title {
  color: white;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.2em;
  padding-top: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 15px;
  margin: 0;
  font-weight: bold;
  line-height: 1.7em;
}

@media (min-width: 53em) {
  .menu-block-17 {
    display: table;
    width: 100%;
    text-align: center;
    font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-size: 20px;
    height: 65px;
    font-weight: 300;
    letter-spacing: 1px;
    color: white;
  }
  .menu-block-17 .nav {
    text-align: right;
  }
  .menu-block-17 .nav-item {
    display: inline-block;
  }
  .menu-block-17 .nav-item:first-child .nav-link:after {
    display: none;
  }
  .menu-block-17 .nav-link {
    color: #010101;
    position: relative;
    padding: 1.5em 15px 1.5em 20px;
    font-size: 1em;
    text-transform: uppercase;
  }
  .menu-block-17 .nav-link:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    width: 1px;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fdb813), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(#ffffff, #fdb813, #ffffff);
    background-image: -moz-linear-gradient(#ffffff, #fdb813, #ffffff);
    background-image: -o-linear-gradient(#ffffff, #fdb813, #ffffff);
    background-image: linear-gradient(#ffffff, #fdb813, #ffffff);
  }
  .menu-block-17 .nav-link:hover {
    color: #0093c6;
    text-decoration: none;
  }
  .menu-block-17 .nav-link.active {
    color: #0093c6;
  }
}

.l4signup {
  background: #fff;
  padding: 0.375em 1.125em;
  margin-top: 3.75em;
  font-size: 0.875em;
  line-height: 1.28571em;
  width: 18em;
  -webkit-box-shadow: 0 0 5px #9b9b9b;
  -moz-box-shadow: 0 0 5px #9b9b9b;
  box-shadow: 0 0 5px #9b9b9b;
}
@media (max-width: 51em) {
  .l4signup {
    width: 100%;
    max-width: 620px;
    margin-top: 2.25em;
  }
}

.link--button--subscribe--l4 {
  background: #fdb813;
  text-transform: uppercase;
  color: #010101;
  border-radius: 0.25em;
  text-align: center;
  padding: 12px 10px 8px;
  display: block;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.2em;
}
.link--button--subscribe--l4:hover {
  text-decoration: none;
  color: #010101;
  opacity: .9;
}
.link--button--subscribe--l4:visited {
  color: #010101;
}

.l4signup .block-title {
  padding-bottom: 0;
  margin-bottom: 0.3em;
  border-bottom: none;
}

.subscribe-banner {
  background-color: #F6B825;
  padding: .5em 0 .25em 0;
  text-align: center;
  color: #fff;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}
.subscribe-banner a{
  color: #fff;
  font-size:20px;
  text-decoration: none;
}

.subscribe-banner .fa-envelope{
  font-size: 30px;
  display: inline-block;
  vertical-align: bottom;
}

.l4-twitterfeed {
  margin-top: -0.75em;
  padding: 0 0.75em;
}
@media (max-width: 51em) {
  .l4-twitterfeed {
    width: 90%;
    max-width: 620px;
    margin-top: 3.75em;
    margin-left: auto;
    margin-right: auto;
  }
}

.l4-recentupdates {
  clear: both;
}

.l4-updatethumb {
  float: left;
  margin-right: 20px;
  margin-right: 1.125em;
}

.l4-updatethumb img {
  padding-bottom: 0;
  border: solid 5px #bed484;
  box-shadow: none;
}

.l4-recentposts {
  margin-top: 3em;
  max-width: 620px;
}
@media (max-width: 51em) {
  .l4-recentposts {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.view-display-id-block_12 .list--ruled > .list-item {
  border: none;
}

.view-display-id-block_12 {
  margin-top: 4px;
}
.view-display-id-block_12 h2 {
  color: #010101;
  font-size: 1.25em;
  line-height: 1.2em;
  font-family: "franklin-gothic-urw", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  padding-top: 0.75em;
  margin-bottom: 0.375em;
}
.view-display-id-block_12 a:hover {
  text-decoration: none;
}
.view-display-id-block_12 .l4-readmore a {
  text-decoration: underline;
  color: #010101;
  font-size: 14px;
}

.l4-callout {
  border: solid 3px #0093c6;
  padding: 0.75em 1.5em 1.5em;
  margin: 0 0.75em;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0092c5), color-stop(100%, #007da8));
  background-image: -webkit-linear-gradient(#0092c5, #007da8);
  background-image: -moz-linear-gradient(#0092c5, #007da8);
  background-image: -o-linear-gradient(#0092c5, #007da8);
  background-image: linear-gradient(#0092c5, #007da8);
  text-align: center;
  color: white;
  font-weight: 200;
}
@media (min-width: 51em) {
  .l4-callout {
    max-width: 246px;
  }
}
.l4-callout h2 {
  font-size: 1.625em;
  line-height: 1.15385em;
  font-weight: 200;
}
.l4-callout a {
  color: white;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.2em;
}


/* Remove after proper solution is found */
.node-event.view-mode-full {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}