/*html { -webkit-font-smoothing: antialiased; }*/


/* Replaced ALL "proxima-nova-alt" by "Cabin" 

Replaced ALL "Roboto" by "Roboto" 

Replace ALL colors #2ac2eb by #009999

*/ 

@import url('https://fonts.googleapis.com/css?family=Cabin|Cabin+Condensed|Roboto&display=swap');

/*
@font-face {
    font-family: 'Cabin';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/* removed blanket antialiasing. Target as needed */

body {
/*  SCM CHANGE font-family: "Roboto", Georgia, Times, Times New Roman, serif;*/
 
 
  font-family: "Roboto", Helvetica Neue, Arial, sans-serif;
  font-style: normal;
/*  font-weight: 400; */
font-weight: 300;
  font-size: 62.5%;
  color: #231f20;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
}

/* added May 9, 2018 */
h2.related-stories {
  font-size: 25px;
  color: #29c3ec;
  margin-bottom: 10px;
}
hr.story-break {
  margin: 0;
}

#main, nav, footer {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}

#main, .midcont, body.front .container {
  font-size: 20px;
  font-size: 1.8rem;
  line-height: 1.25;
}

/* fixing aliasing issue with font-awesome icons */

[class^="icon-"]::before, [class*=" icon-"]::before {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: grayscale;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 30px 0;
/* SCM CHANGE: font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif; */

  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;


  font-style: normal;
  font-weight: 600;
  letter-spacing: .01em;
 /* SCM - CHANGE FROM ORG color: #1e3564;*/
  
  color: #006666;
  line-height: 1.25;
  float: left;
  width: 100%;
}

h1 {
  font-size: 38px;
  font-size: 3.8rem;
  color: #006666;
    
/* SCM - CHANGE FROM ORG color: #1e3564;*/
}

h2 {
  font-size: 16px;
  font-size: 2.3rem;
  text-transform: none;
}

.main h2 {
  font-weight: 700;
  float: none;
}

/* trying to target h2's in the main content area. Float was causing issue with embedded code following h2 (damn those pesky floats!) */

.main h2 strong {
  font-weight: inherit;
}

/* getting around editor's bolding headers */

h2.noline {
  margin-bottom: 10px;
}

h3 {
  font-size: 16px;
  font-size: 1.8rem;
}

h5 {
  font-size: inherit;
}

a {
  color: #009999;
  text-decoration: none;
}

.main a {
  word-wrap: break-word;
}

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, p+.h1, p+.h2, p+.h3, p+.h4, p+.h5, p+.h6 {
  margin-top: 10px;
}

/* maintain balance with bootstrap p margin-bottom declaration. 30-20=10 */

/*a:focus {outline:none; }*/

a:hover, a:focus, .main p:first-child a:hover, .main p:first-child a:focus {
  color: #1e3564;
  text-decoration: none;
}

i, em {
  font-style: italic;
  font-weight: 400;
}

b, strong {
  font-style: normal;
  font-weight: 700;
}

input {
  border-radius: 0;
}

p, ol, ul {
  margin-bottom: 25px;
}

.main li ul {
  list-style: disc;
}

.main li ol, .main li ul {
  margin-top: 10px;
}

/*.main ul li + li, .main ol li + li { margin-top:10px; }*/

.main ul.tabs li+li, .main .breadcrumbs ul li+li, .main .filter-box ul li+li, .main ul.allexperts-photo li+li, .main .annual-reports-list ul li+li, .main ol ol li+li, .main ol ul li+li, .main ul ol li+li, .main ul ul li+li {
  margin-top: 0;
}

.main h2+ol, .main h2+ul, .main h3+ol, .main h3+ul {
  clear: left;
}

/* needed to clear the floated headers (pain in the rump, those are) */

.btn {
  -webkit-font-smoothing: antialiased;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;

/*  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;*/
  
  
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  white-space: normal;
  border: 0;
  text-shadow: 0 0 0;
  border-radius: 0;
}

.bluebtn {
  background: #006666;
  color: #FFF;
  padding: 6px 20px;
  text-transform: uppercase;
}

.bluebtn:hover, .bluebtn:focus {
  background: #009999!important;
  color: #FFF;
}

.views-exposed-form .views-exposed-widget {
  padding: 0;
}

.btn-lg {
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-info, .btn-info:visited, input.gsc-search-button:hover {
  background: #D7DF23;
  color: #fff;
}

.form-submit:hover, .btn-info:hover, form-submit:focus, .btn-info:focus {
  background: #fff;
}

.form-submit, input.gsc-search-button {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  border: 0;
  text-shadow: 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  margin-right: 10px;
  color: #fff;
  padding: 8px 16px;
  background: #2DC3E8;
}

.views-exposed-widgets .form-submit, input.gsc-search-button {
  background: #006666;
}

.search .btn.bluebtn.form-submit {
  margin-top: 0px;
}

label {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  color: #006666;
}

tbody {
  border-top: none;
}

/* mailchimp styles */

#mc_embed_signup form {
  padding: 0!important;
}

#mc_embed_signup .mc-field-group {
  width: 100%!important;
  padding-bottom: 20px!important;
}

#mc_embed_signup .mc-field-group input {
  max-width: 600px;
  border: 1px solid #AAA!important;
  padding: 8px!important;
  text-indent: 0!important;
  color: #8C8C8E;
}

#mc_embed_signup input:focus {
  border-color: #2DC3E8!important;
}

#mc_embed_signup div.mce_inline_error {
  max-width: 600px;
  border: 1px solid #e1472e!important;
  padding: 8px!important;
  background-color: #e1472e!important;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-size: 1.4rem;
}

#mc_embed_signup input.mce_inline_error {
  border-color: #e1472e!important;
}

#mc_embed_signup div#mce-responses {
  padding: 0!important;
  width: 100%!important;
  margin: 0 0 20px!important;
  color: #1e3564!important;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif!important;
  font-style: normal!important;
  font-weight: 600!important;
  letter-spacing: 0.02em!important;
}

#mc_embed_signup div.response {
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
}

#mc_embed_signup #mce-success-response, #mc_embed_signup #mce-error-response {
  color: #fff;
  background-color: #5abc8a;
  max-width: 600px;
  padding: 15px !important;
  font-weight: inherit;
}

#mc_embed_signup #mce-error-response {
  background-color: #e1472e;
}

#mc_embed_signup input#mc-embedded-subscribe {
  border: none!important;
  margin: 0!important;
}

.display_archive .campaign {
  margin-bottom: 20px;
  color: #8e9192;
}

/* sidebar */

.display_archive .campaign a {
  font-weight: 400;
}

.display_archive .campaign:last-child {
  margin-bottom: 10px;
}

header {
  float: left;
  width: 100%;
  padding: 0;
  background: #006666;
/* SCM CHNG background: #1e3564; */
}

header .container {
  position: relative;
}

.logo {
  margin: 0;
  padding: 0;
  float: left;
}

.logo img {
  width: 100%;
  height: auto;
}

/*.inner-header .logo a {
  margin: 7% 0 0;
}

.inner-header .logo {
  text-align: center;
}

.inner-header .logo img {
  width: 214px;
  height: 91px;
}
*/
.navbar {
  float: right;
  border: 0;
  margin: 0;
  min-height: 0;
}

/*.navbar-nav>li {
  margin: 0 40px 0 0;
  padding: 0;
}

body.front .navbar-nav>li {
  margin-right: 25px;
}

body.front .navbar-nav>li:last-of-type {
  margin-right: 35px;
}
*/
.navbar-nav>li>a {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  color: #1b2b5c;
  text-transform: uppercase;
  text-shadow: 0 0 0;
  letter-spacing: .05em;
  padding: 0;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
  color: #D7DF23;
}

.nav>li>a:focus, .nav>li>a:hover {
  background: none;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background: none;
  color: #2bc4ee;
}

.caret {
  background: url("../images/sprite-nav.png") 0 0 no-repeat;
  border: 0;
  width: 9px;
  height: 15px;
  display: block;
  margin: 2px 0 0 10px;
  float: right;
}

.navbar- toggle {
  background: #1e3564;
  border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  width: 45px;
}

.navbar-toggle .icon-bar {
  background: #009999;
  float: left;
  width: 100%;
}

.navbar-nav>li.more a.dropdown-toggle {
  color: #FFF;
}

.navbar-nav>li.more, .navbar-nav>li.more:hover, .navbar-nav>li.more:focus {
  background: #1f3566;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.more a span.caret {
  background: url(../images/hamburger-icon.png) top right no-repeat!important;
  width: 24px;
  height: 18px;
}

.topmenu {
  float: right;
  margin: 22px 118px 0 0;
  padding: 0;
  width: auto;
}

body.front .topmenu {
  margin-top: 38px;
}

.cbp-af-header {
  width: 100%;
  z-index: 10000;
  height: 160px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}

.cbp-af-header .logo {
  display: inline-block;
  position: relative;
  margin-top: 32px;
}

.cbp-af-header .logo, .cbp-af-header nav {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  background: #006666;
}

.cbp-af-header.cbp-af-header-shrink .logo {
  height: auto;
 /* width: auto;*/
  padding: 0;
  margin: 14px 0 0 0px;
  background: none;
}

/*.inner-header.cbp-af-header.cbp-af-header-shrink .logo a {
  margin: 0;
}*/

.cbp-af-header.cbp-af-header-shrink .logo img {
  display: none;
}

.cbp-af-header.cbp-af-header-shrink .logo a {
  background: url("../images/logo-collapse.svg") 0 0 no-repeat;
  width: 113px;
  height: 40px;
  float: left;
}

.cbp-af-header.cbp-af-header-shrink .topmenu {
  margin-top: 24px;
  margin-right: 96px;
}
/*
.cbp-af-header.cbp-af-header-shrink .navbar-nav li {
  margin-right: 25px;
}*/

.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #d7df23;
}

.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>a:hover {
  color: #FFF;
}

.cbp-af-header.cbp-af-header-shrink a.nav-expander {
  height: auto;
  padding-top: 24px;
  background: none;
}

/* tagline START */

.region-header-top-right .tagline {
  float: left;
  margin: 2.0% 0 0 0.5%;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
}

.region-header-top-right .tagline em {
  font-style: normal;
  font-weight: 400;
  color: #29c3ec;
}

.region-header-top-right .tagline span {
  /*display: block;*/
  display: inline-block;
}

/*.cbp-af-header-shrink .region-header-top-right .tagline {
  margin: 20px 0 0 40px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: .03em;
}

.cbp-af-header-shrink .region-header-top-right .tagline span {
  display: inline-block;
}

body.not-front .region-header-top-right .tagline {
  display: none;
}
*/
/* hide tagline on secondary page masthead */

/*body.not-front .cbp-af-header-shrink .region-header-top-right .tagline {
  display: block;
}*/

/* unhide tagline on masthead collapse */

@media (max-width:1199px) {
 .region-header-top-right .tagline {
    display: none;
  }
  /* hide from home page on smaller devices */
  body.front .cbp-af-header-shrink .region-header-top-right .tagline {
    /*display: block;*/
  }
  /* unhide on collapse */
  .cbp-af-header-shrink .region-header-top-right .tagline {
    margin: 23px 0 0 36px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (max-width:1023px) {
  .region-header-top-right .tagline, .cbp-af-header-shrink .region-header-top-right .tagline {
    display: none;
  }
  /* hide on devices smaller than ipad mini */
}

/*
@media  (min-device-width: 440px) and (max-device-width: 589px) { /* targeting display on smaller devices * /
	body.front .region-header-top-right .tagline { display:block; margin-top:27px; margin-left:10%; font-size:16px; font-size:1.6rem; }
	body.front .cbp-af-header-shrink .region-header-top-right .tagline { margin:23px 0 0 36px; }
}
*/

/* targeting display on smaller devices (in landscape mode) */

/* ----------- iPhone 5 and 6 ----------- */

@media only screen and (min-device-width: 440px) and (max-device-width: 589px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  body.front .region-header-top-right .tagline {
    /* display: block; */
    margin-top: 27px;
    margin-left: 10%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.front .cbp-af-header-shrink .region-header-top-right .tagline {
    margin: 23px 0 0 36px;
    display:none;
  }
}

/* ----------- iPhone 6+ and Galaxy S4/S5 ----------- */

@media only screen and (min-device-width: 440px) and (max-device-width: 589px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  body.front .region-header-top-right .tagline {
    display: block;
    margin-top: 27px;
    margin-left: 10%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.front .cbp-af-header-shrink .region-header-top-right .tagline {
    margin: 23px 0 0 36px;
  }
}

@media (max-width:500px) {
  .cbp-af-header-shrink .region-header-top-right .tagline {
    margin: 23px 0 0 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (max-width:478px) {
  .cbp-af-header-shrink .region-header-top-right .tagline {
    display: none!important;
  }
}

/* tagline END */

.navbar-nav>li>.dropdown-menu {
  z-index: 999999;
  padding: 25px 315px 25px 15px;
  position: absolute;
  border-top: 3px solid #009999;
  background-color: #FFF;
  background-position: top right;
  background-repeat: no-repeat;
}

.navbar-nav>li.open a {}

.navbar-nav>li.open .dropdown-menu.submenu1 {
  left: 0;
  top: 70px;
  width: 572px;
  background-image: url(../images/drop-img1.png);
}

.navbar-nav>li.open .dropdown-menu.submenu2 {
  left: -169px;
  top: 70px;
  width: 572px;
  background-image: url(../images/drop-img2.png);
}

.navbar-nav>li.open .dropdown-menu.submenu3 {
  left: -301px;
  top: 70px;
  width: 572px;
  background-image: url(../images/drop-img3.png);
}

.navbar-nav>li.open .dropdown-menu li {
  border-bottom: 1px solid #cecece;
  padding: 0;
  text-align: left;
  height: auto;
  width: 90%;
}

.navbar-nav>li.open .dropdown-menu li:last-child {
  border-bottom: 0;
}

.navbar-nav>li.open .dropdown-menu li a {
  color: #1b2b5c;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 0;
  text-shadow: 0 0 0;
  text-transform: none;
  display: inline-block;
}

.navbar-nav>li.open .dropdown-menu li a:hover, .navbar-nav>li.open .dropdown-menu li a:focus {
  background: none;
  color: #009999;
}

#block-block-9 .stayconnect {
  border-top: 3px solid #1e3564;
  float: left;
  padding: 30px 0;
  text-align: left;
  width: 100%;
}

.carousel {
  clear: both;
  margin-bottom: 0;
}

.carousel .slide-containter {
  width: 100%;
  height: 400px;
  background-position: center top!important;
  background-size: cover!important;
}

/*.carousel-inner > .item img { width:100%; min-height:631px; }*/

.captionbox .container {
  padding-left: 0;
  padding-right: 0;
}

.captionbox, .indicatorsbox {
  bottom: 190px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.indicatorsbox {
  bottom: 110px;
}

.carousel-caption {
  position: relative;
  left: 0;
  bottom: 0;
  margin: 0 0 0 110px;
  padding: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  text-align: left;
}

.carousel-caption h1 {
  max-width: 50%;
  margin: 0 0 25px;
  font-size: 48px;
  /* changed font-size from 4.8rem to 4 sep 6 2018 rwoo */
  font-size: 4rem;
  color: #FFF;
}

.carousel-caption p {
  clear: both;
  max-width: 50%;
  margin-bottom: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: normal;
}

.carousel-caption .btn {
  margin: 30px 0 0;
  padding: 12px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #006666;
}

.carousel-control {
  z-index: 9997;
}

.carousel li {
  margin: 0 3px!important;
}

.carousel-indicators {
  bottom: 0;
  left: 0;
  position: relative;
  margin: 0 0 0 90px;
  text-align: left;
}

.carousel-indicators li, .carousel-indicators .active {
  background-color: #fff;
  border: 1px solid #fff;
  margin: 0;
  width: 15px;
  height: 15px;
}

.carousel-indicators .active {
  background-color: #D7DF23;
  border: 1px solid #D7DF23;
}

.carousel .slide-containter .triangle {
  width: 95%;
  height: 100%;
  margin-left: -32%;
  -webkit-transform: skew(-23.5deg);
  -moz-transform: skew(-23.5deg);
  -o-transform: skew(-23.5deg);
  transform: skew(-50deg);
  background-color: rgba(178, 222, 0, 0.48);
}

@media (min-width: 375px) and (max-width:1300px) {
  .carousel .slide-containter .triangle {
    margin-left: -42%;
  }
}

@media (max-width:374px) {
  .carousel .slide-containter .triangle {
    margin-left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.glyphicon-chevron-left {
  background: url("../images/banner-arrow-left.png") 0 0 no-repeat;
  height: 40px!important;
  width: 21px;
}

.glyphicon-chevron-left::before {
  content: "";
}

.glyphicon-chevron-right {
  background: url("../images/banner-arrow-right.png") 0 0 no-repeat;
  height: 40px!important;
  width: 21px;
}

.glyphicon-chevron-right::before {
  content: "";
}

.form-submit, .btn-group-lg>.btn, .btn-lg {
  border-radius: 0;
  text-transform: uppercase;
}

.whitebox {
  background: #fff;
  padding: 30px 0;
  clear: both;
  width: 100%;
}

.rightbox {
  float: right;
  line-height: 1.25;
}

.bridging-box {
  background: #FFF;
  position: relative;
  margin: -80px 0 20px 0;
  padding: 15px 0;
  border-top: 7px solid #009999;
  float: left;
  width: 100%;
  z-index: 9998;
}

.bridging-box img {
  height: auto;
  max-width: 100%;
}

.bridging-box h1, .bridging-box h2 {
  margin: 30px 0;
  padding: 0 30px;
  font-size: 24px;
  font-size: 2.4rem;
  text-transform: none;
}

.bridging-box h3 {
  margin: 25px 0 15px;
  text-transform: none;
}

.bridging-box ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.bridging-box ul li {
  list-style: none;
  padding: 10px 30px;
  float: left;
  width: 100%;
}

.bridging-box ul li .views-field-title {
  text-transform: uppercase;
  margin: 10px 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  color: #1e3564;
  line-height: 1.25;
}

.bridging-box ul li .date {
  color: #939598;
  display: block;
  padding-bottom: 10px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .02em;
  line-height: 1.25;
}

.bridging-box ul li p {
  padding: 0;
  margin-bottom: 15px;
}

.bridging-box ul li a {
  text-transform: uppercase;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  /*float:left;*/
}

.bridging-box .img {
  position: relative;
}

.bridging-box .tag-title {
  position: absolute;
  top: 20px;
  left: 15px;
}

.bridging-box .img img {
  width: 100%;
  height: auto;
}

.more {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.more i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "Glyphicons Halflings";
}

.whatnew-text .more {
  margin-top: 15px;
  display: block;
}

.clear-left {
  clear: left;
}

/* added to get around incessant floating:left's */

.stayconnect {
  float: left;
  width: 100%;
}

.webelieve .stayconnect {
  margin-bottom: 20px;
}

.stayconnect h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: left;
  margin: 20px 0 15px;
}

.stayconnect p {
  margin: 0;
  padding: 0;
}

.stayconnect p a {
  background: #009999;
  border-radius: 200px;
  float: left;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 40px;
  width: 40px;
  height: 40px;
  margin: 0 3px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  padding-top: 2px;
}

.stayconnect p a:hover, .stayconnect p a:focus {
  background: #D7DF23;
  color: #fff;
  text-decoration: none;
}

.stayconnect a.btn {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 0 10px;
  padding: 15px;
  text-shadow: 0 0 0;
  background: #2dc3e8;
  color: #FFF;
}

.stayconnect a.btn.donate {
  margin-left: 5px;
  background: #97c848;
}

.stayconnect a.btn:hover, .stayconnect a.btn:focus {
  background: #1f3566;
}

#block-share-this-donate-share-this, #block-block-3, .sharethis {
  float: right;
  width: auto;
  padding: 0;
}

#block-share-this-donate-share-this strong, #block-block-3 strong, .sharethis strong {
  color: #777;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  float: left;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 14px 10px;
  padding-left: 0;
}

#block-share-this-donate-share-this p, #block-block-3 p, .sharethis p {
  margin: 0;
  padding: 0;
  float: left;
}

#block-share-this-donate-share-this p a, #block-block-3 p a, .sharethis p a {
  background: #009999;
  border-radius: 200px;
  float: left;
  font-size: 22px;
  font-size: 2.2rem;
  width: 36px;
  height: 36px;
  margin: 3px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  padding-top: 2px;
  line-height: 35px;
}

#block-share-this-donate-share-this p a:hover, #block-block-3 p a:hover, .sharethis p a:focus, #block-share-this-donate-share-this p a:focus, #block-block-3 p a:hover, .sharethis p a:focus {
  background: #D7DF23;
  color: #fff;
  text-decoration: none;
}

#block-views-humanity-faces-block {
  display: none;
}

/* hiding this block. appears above 'Our Solutions' on home page */

.webelieve {
  padding: 0 0 30px 90px;
  float: left;
  width: 100%;
}

.narrativescontent > h2.narrativestitle {
  margin: 5px 0;
  display: block;
  position: relative;
  color: #083266;
  font-size: 16px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
}

/* .webelieve h2 {
  margin: 30px 0 5px;
  clear: both;
  font-size: 20px;
  font-size: 1.8rem;
  color: #009999;
  text-transform: uppercase;
} */

.webelieve h1+p {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}

.mobile-stayconnect {
  display: none;
  padding: 30px 0;
  text-align: center;
}

.mobile-stayconnect h3 {
  float: none;
  text-align: center;
  margin: 0;
}

.mobile-stayconnect p {
  clear: both;
  max-width: 420px;
  margin: 10px auto 15px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}

.mobile-stayconnect p.stayconnect-link {
  float: none;
  width: auto;
  margin: 0 auto;
  display: table;
}

.mobile-stayconnect p a.btn {
  margin: 15px 5px 0 5px;
  width: auto;
  height: auto;
  line-height: 18px;
  border-radius: 0;
}

.blue-text {
  font-size: 26px;
  font-size: 2.6rem;
  color: #2dc3e8;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  margin-bottom: 20px;
}

.blue-text1 {
  font-size: 20px;
  font-size: 2rem;
  color: #2dc3e8;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  margin-bottom: 20px;
}

.ourwork {
  margin: 0 0 40px 0;
  padding: 0;
  float: left;
  width: 100%;
}

.ourwork li {
  list-style: none;
  float: left;
  padding: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  width: 100%;
}

.ourwork li .mainimg {
  float: left;
  margin-right: 5%;
  width: 43%;
}

.ourwork li .mainimg img {
  width: 100%;
  height: auto;
}

.ourwork li .work-text {
  float: left;
  width: 52%;
}

.ourwork li .work-text>h3 {
  float: none;
  color: #1e3564;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  text-transform: uppercase;
}

.ourwork li .work-text p {
  margin: 10px 0;
  clear: both;
  font-family: "Roboto", Georgia, Times, Times New Roman, serif;
  font-weight: normal;
}

.h4 {
  color: #231f20;
  margin: 30px 0;
  text-transform: uppercase;
}

.solutionbox {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  /*float:left;*/
  width: 100%;
}

.solutionbox .value {
  float: left;
  border: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  height: 0;
  padding-top: 30.33333%;
  width: 30.33333%;
  text-align: center;
  line-height: normal;
  font-size: 19px;
  font-size: 1.9rem;
  /*font-size:16px; font-size:1.6rem;*/
}

.solutionbox .value .value-contents {
  display: block;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  margin: 0;
  padding: 0;
}

.solutionbox .value .value-title {
  border-radius: 100%;
  margin: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  color: #FFF;
}

.solutionbox .value .value-title h3 {
  margin: 44% 0 0;
  padding: 0;
  color: #FFF;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 19px;
  font-size: 1.9rem;
}

.solutionbox .value .value-details {
  border-radius: 100%;
  margin: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  background-color: #0f95d3;
  padding: 15% 7%;
}

.solutionbox .value .value-details p {
  margin: 32% 0 0;
  color: #FFF;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
}

.solutionbox .value a {
  display: block;
  color: #FFF;
}

.solutionbox .value:nth-of-type(2) {
  margin-left: 4%;
}

.solutionbox .value:nth-of-type(3) {
  margin-left: 4%;
}

.solutionbox .value:nth-of-type(1) .value-title, .solutionbox .value:nth-of-type(1) .value-details {
  background: #0c4e64;
}

.solutionbox .value:nth-of-type(2) .value-title, .solutionbox .value:nth-of-type(2) .value-details {
  background: #2ac3ed;
}

.solutionbox .value:nth-of-type(3) .value-title, .solutionbox .value:nth-of-type(3) .value-details {
  background: #f17431;
}

.solutionbox .value:nth-of-type(4) {
  margin-left: 18%;
  margin-top: 2%;
}

.solutionbox .value:nth-of-type(5) {
  margin-left: 4%;
  margin-top: 2%;
}

.solutionbox .value:nth-of-type(4) .value-title, .solutionbox .value:nth-of-type(4) .value-details {
  background: #5bbd86;
}

.solutionbox .value:nth-of-type(5) .value-title, .solutionbox .value:nth-of-type(5) .value-details {
  background: #f9b43b;
}

.solutionbox .value:nth-of-type(1) .value-title h3, .solutionbox .value:nth-of-type(4) .value-title h3 {
  margin: 38% 0 0;
}

.solutionbox .value .value-title, .solutionbox li.value .value-details {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.solutionbox .value {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  position: relative;
}

.solutionbox .value .value-contents {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.solutionbox .value .value-details, .solutionbox .value-contents:hover, .solutionbox .value-contents:focus, .solutionbox .value-contents:active {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*Ends*/

.expertsdiv {
  float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  padding-left: 90px;
}

.ourexperts {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ourexperts h2 {
  float: left;
  margin: 0 0 30px 0;
  width: auto;
  clear: none;
  font-size: 30px;
  font-size: 3rem;
  text-transform: none;
  line-height: 1;
}

.ourexperts .seeall i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.ourexperts-photo {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.ourexperts-photo li {
  list-style: none;
  width: 23.66%;
  float: left;
  margin: 15px 30px 0 0;
  padding: 0;
  text-align: center;
}

.ourexperts-photo li img {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  overflow: hidden;
  width: 150px;
  height: 150px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  cursor: pointer;
}

.ourexperts-photo li img:hover, ourexperts-photo li img:focus {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.ourexperts-photo li p {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 10px;
  color: #231f20;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: normal;
  margin: 0;
  float: left;
  width: 80%;
  min-height: 80px;
}

.ourexperts-photo li p a {
  color: #231f20;
}

.allexperts-photo {
  margin: 20px 0 0;
  padding: 0;
  float: left;
  width: 100%;
}

.allexperts-photo li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 24%;
  /*float:left;*/
  margin: 0 0 30px;
  padding: 0 5px;
  text-align: center;
}

.allexperts-photo li img {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  overflow: hidden;
  /*width:155px; height:155px;*/
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  cursor: pointer;
}

.allexperts-photo li img:hover, .allexperts-photo li img:focus {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.allexperts-photo li p {
  padding: 15px 5px 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.25;
}

.allexperts-photo li p a {
  font-size: 16px;
  font-size: 1.6rem;
}

.latestform, .reporting-services {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  padding-left: 90px;
}

.latestform h1, .reporting-services h1 {
  font-size: 30px;
  font-size: 3rem;
}

.latestform .latestiisd, .reporting-services .latestiisd {
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 100%;
  float: left;
}

.latestform .latestiisd img, .reporting-services .latestiisd img {
  width: 100%;
  /* transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
  height: auto;
  /* -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); */
}

.latestform .latestiisd:hover img, .reporting-services .latestiisd:hover img, .latestform .latestiisd:focus img, .reporting-services .latestiisd:focus img {
  /* -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3); */
}

.latestform .latestiisd .over-effect {
  display: none;
}

.latestform .latestiisd .over-effect, .reporting-services .latestiisd .over-effect {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20% 10%;
}

.latestform .latestiisd .over-effect .tag-title, .reporting-services .latestiisd .over-effect .tag-title, .bridging-box .tag-title {
  background: #009999;
  float: left;
  margin: /*10% 0 */
  0;
  padding: 2px 5px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  color: #d1d3d4;
}

.latestform .latestiisd .over-effect .details-text, .reporting-services .latestiisd .over-effect .details-text {
  float: left;
  width: 100%;
  color: #fff;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: none;
  letter-spacing: .02em;
  padding: 0;
}

.latestform .latestiisd .over-effect .details-text p, .reporting-services .latestiisd .over-effect .details-text p {
  margin: 15px 0;
}

.latestform .latestiisd .over-effect .details-text .more:hover, .latestform .latestiisd .over-effect .details-text .more:focus, .reporting-services .latestiisd .over-effect .more {
  color: #FFF;
}

.reporting-services .latestiisd .over-effect .more:hover, .reporting-services .latestiisd .over-effect .more:focus {
  color: #1E3564
}

.latestform .latestiisd .over-effect, .reporting-services .latestiisd .over-effect {
  transition: background-color 0.5s;
  background-color: rgba(62, 17, 103, 0.72);
}

/*.latestform .latestiisd .over-effect:hover, .latestform .latestiisd .over-effect:focus { background-color:rgba(8,50,102,1);}*/

/* using same rgb navy blue values as site as built to keep consistent (for the interim). A little off from our official navy blue, above */

.latestform .latestiisd .over-effect:hover, .latestform .latestiisd .over-effect:focus {
  background-color: rgba(94, 46, 171, 0.91);
}

.reporting-services .latestiisd .over-effect {
  background-color: rgba(41, 195, 236, .7);
}

.reporting-services .latestiisd .over-effect:hover, .reporting-services .latestiisd .over-effect:focus {
  background-color: rgba(41, 195, 236, .7);
}

.reporting-services .latestiisd .over-effect .tag-title {
  background: #1f3566;
}

.reporting-services .latestiisd .over-effect .details-text {
  color: #1e3564;
}

.upcoming-events {
  padding-top: 30px;
  padding-bottom: 30px;
  display: inline-block;
}

.upcoming-events h4 {
  float: left;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  width: auto;
}

.upcoming-events .seeall i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.upcoming-events ul {
  float: left;
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: .02em;
}

.upcoming-events ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
  color: #1e3564;
}

.upcoming-events ul li span {
  display: block;
  float: left;
  color: #FFF;
  background: #009999;
  width: 110px;
  margin-right: 20px;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
}

.upcoming-events ul li span:hover, .upcoming-events ul li span:focus {
  background: #1e3564;
}

.upcoming-events ul li span a {
  color: #FFF;
  display: block;
  padding: 18px 15px;
}

.upcoming-events ul li p {
  margin: 0;
  padding: 2px 0 0 0;
  display: inline-block;
  width: 56%;
  line-height: 1.25;
}

/* this should be replaced with a heading tag */

.upcoming-events ul li p a {
  color: #1e3564;
  font-size: 18px;
  font-size: 1.8rem;
}

.upcoming-events ul li p a:hover {
  color: #009999;
}

.ourexperts .seeall, .upcoming-events .seeall, .seeall {
  float: right;
  text-transform: uppercase;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

#block-views-latest-from-iisd-block .seeall, #block-views-latest-from-rs-block .seeall, .block-reporting-services .seeall {
  position: absolute;
  top: 40px;
  right: 10px;
}

footer {
  float: left;
/* SCM - CHANGED FROM ORIGINAL  background: #1e3564; */
  background: #006666;

  padding: 40px 0;
  width: 100%;
}

footer .container {
  padding-left: 0;
}

footer .flogo {
  float: left;
  height: 110px;
  margin-right: 10%;
}

footer .fnav {
  float: left;
  margin: 0 20px;
  padding: 0;
}

footer .fnav li {
  list-style: none;
  padding: 3px;
}

footer .fnav li a {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .02em;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}

footer .fnav li a:hover, footer .fnav li a:focus {
  color: #D7DF23;
  text-decoration: none;
}

footer .stayconnect {
  float: right;
  width: auto;
  padding: 0;
}

footer .stayconnect h3 {
  color: #d1d3d4;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 10px;
}

footer .stayconnect p {
  margin: 0;
  padding: 0;
}

footer .stayconnect p a {
  background: #fff;
  border-radius: 200px;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  width: 27px;
  height: 27px;
  margin: 0 4px 0 0;
  text-align: center;
  color: #006666;
  cursor: pointer;
  padding-top: 2px;
}

footer .stayconnect p a:hover, footer .stayconnect p a:focus {
  color: #D7DF23;
  text-decoration: none;
  background: #FFF;
}

footer .stayconnect .footer-btn {
  float: left;
  margin: 14px 0 0;
}

footer .stayconnect a.btn {
  margin: 0;
  padding: 12px 15px;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

footer .stayconnect a.btn:hover, footer .stayconnect a.btn:focus {
  background: #5abd8b;
}

.donatebg-inner, .donatebg, .donatebg-home {
  height: 370px;
  padding: 50px 0 50px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  text-align: left;
  background: url("../images/bg-donate.jpg") center 0 no-repeat;
  /*background-attachment:fixed;*/
}

.donatebg-inner h2, .donatebg-home h2 {
  color: #29c3ec;
  font-size: 34px;
  font-size: 3.4rem;
  text-transform: none;
}

.donatebg-inner h2 em, .donatebg-home h2 em {
  color: #D7DF23;
  font-style: normal;
  font-weight: inherit;
}

.donatebg-inner p, .donatebg-home p {
  clear: both;
  width: 55%;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 30px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  color: #fff;
}

.donatebg-inner .donate, .donatebg-home .donate {
  padding-left: 90px;
}

.donatebg-inner .donatebtn.btn.btn-lg.btn-info, .donatebg-home .donatebtn.btn.btn-lg.btn-info {
  font-size: 20px;
  font-size: 2rem;
  padding: 10px 30px;
  color: #009999;
 /* SCM CHNG background-color: #97c848;*/
  background-color: #D7DF23;
  
  
}

.donatebg-inner .donatebtn.btn.btn-lg.btn-info:hover, .donatebg-inner .donatebtn.btn.btn-lg.btn-info:focus, .donatebg-home .donatebtn.btn.btn-lg.btn-info:hover, .donatebg-home .donatebtn.btn.btn-lg.btn-info:focus {
  background: #fff;
}

/* Secondary pages */

/*.inner-header {
  background: none;
  position: absolute;
  top: auto;
  z-index: 9999;
}

.inner-header .logo {
  background: #FFF;
  margin: 0;
  width: 285px;
  height: 157px;
  padding: 15px 20px;
}

.inner-header .logo a {
  display: block;
}

.inner-header .navbar-nav>li>a {
  color: #FFF;
}*/

.inner-banner {
  width: 100%;
  height: 400px;
  background-image: url("../images/banner-about.jpg");
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
}

body.page-node-1 .inner-banner, body.page-node-14461 .inner-banner
/* donors page */

  {
  background-image: url("../images/banner-donate.jpg");
}

body.page-programs .inner-banner, body.node-type-program .inner-banner {
  background-image: url("../images/banner-programs.jpg");
}

body.page-events .inner-banner, body.node-type-events .inner-banner {
  background-image: url("../images/banner-events.jpg");
}

body.page-library .inner-banner {
  background-image: url("../images/banner-library.jpg");
}

body.page-commentary .inner-banner {
  background-image: url("../images/banner-commentary.jpg");
}

/*body.page-topics .inner-banner, body.node-type-topics .inner-banner { background-image:url("../images/banner-topics.jpg"); }*/

body.page-topics .inner-banner, body.node-type-topics .inner-banner {
  background-image: url("../images/banner-portugal.jpg");
}

body.page-initiatives .inner-banner, body.node-type-initiative .inner-banner {
  background-image: url("../images/banner-initiatives.jpg");
}

.inner-head {
  position: relative;
  width: 100%;
  padding: 0;
}

.inner-head .container {
  display: none;
  /* height: 510px;
  display: flex;
  align-items: center;
  justify-content: center; */
}

.inner-head h1 {
  width: 100%;
  margin: 30px 0 0;
  padding-left: 30px;
  font-size: 68px;
  font-size: 6.8rem;
  color: #FFF;
}

.midcont {
  float: left;
  width: 100%;
  background: #FFF;
  padding: 64px 20px 40px;
  position: relative;
  margin-top: -124px;
}

.midcont img {
  max-width: 100%;
  height: auto!important;
}

.midcont iframe {
  max-width: 100%;
}

.embedded-video
/*, .youtube-embed-wrapper */

  {
  margin-bottom: 25px;
}

/* match p margin */

.midcont div>iframe {
  padding-bottom: 25px;
}

/* added as fix for ckeditor bug removing .youtube-embed-wrapper container class */

.headbox {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}

.headbox h1 {
  float: left;
  width: 60%;
  margin: 0;
  clear: none;
}

.full-width {
  width: 100%;
  height: 100%;
}

/* Google Translate */

#google_translate_element {
  clear: left;
  float: left;
  margin-top: 20px;
}

body.node-type-publication #google_translate_element {
  float: none;
  margin-top: -20px;
  margin-bottom: 20px;
  display: block;
}

.translate-home-container {
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .translate-home-container {
    padding-left: 0;
    padding-right: 0;
  }
  .translate-home-container #google_translate_element {
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .translate-home-container select.goog-te-combo {
    display: block;
  }
}

@media (max-width: 439px) {
  .translate-home-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .translate-home-container #google_translate_element {
    margin-top: 0;
  }
}

@media (max-width:380px) {
  select.goog-te-combo {
    display: block;
  }
}

.main .node .field-items p:first-child span, .main #node-1 .field-items p:first-child span, .main #node-2 .field-items p:first-child span, .main #block-block-12 p:first-child span, .main .view-experts .view-header p:first-child span, .main .view-annual-reports .view-content p:first-child span, .main h1+p span {
  color: #939598;
}

body.node-type-publication h1 {
  float: none!important;
}

/*  publication images */

/*  (see if we can replace this with an image class) see views > library > publication image block > other > css class */

body.node-type-publication .overviewbox-right .box1 img, body.page-library .whatsnew-list ul li .whatnew-img img, img.publication-cover {
  border: 1px solid #e8e8e8;
}

/* archive and single post pages. */

body.node-type-publication .overviewbox-right .box1 img {
  box-shadow: 0px 0px 12px #ddd;
}

/* single post pages. */

.whatsnew-banner img.publication-cover {
  border: none;
}

.main>p:first-child, .main .field-name-body .field-items .field-item>p:first-child,
/* templates are inconsistent in structure. Trying to catch these */

.main.project-cont p:first-child, .main .view-header>p:first-child, .main .view-content>p:first-child, body.page-programs .main .content>p:first-child, body.page-about-our-people .main .content>p:first-child, body.page-initiatives .main .content>p:first-child, body.page-library .main .content>p:first-child, body.page-blog .main .content>p:first-child, body.page-press-room-iisd-in-the-news .showing-results>p:first-child, h3.commentary-date+p, blockquote p {
  color: #662979;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 30px;
  width: 94%;
}

/* text links in large blue text. Same list as above, with addition of "a" */

.main>p:first-child a, .main .field-name-body .field-items .field-item>p:first-child a, .main.project-cont p:first-child a, .main .view-header>p:first-child a, .main .view-content>p:first-child a, body.page-programs .main .content>p:first-child a, body.page-about-our-people .main .content>p:first-child a, body.page-initiatives .main .content>p:first-child a, body.page-library .main .content>p:first-child a, body.page-blog .main .content>p:first-child a, body.page-press-room-iisd-in-the-news .showing-results>p:first-child a, h3.commentary-date+p a, blockquote p a {
  text-decoration: underline;
}

/* (added 1/03/2016) Don't want the large blue text above? Add target class/page below below */

.main #bio p:first-child, .main #bios p:first-child, .main ul li p:first-child, body.node-type-job-posting .main p:first-child, body.page-node-14405 .main p:first-child,
/* employment page */

body.page-events-upcoming .main p:first-child
/* used when no upcoming events listed */

  {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: normal;
  width: 100%;
  margin-bottom: 20px;
}

/* Might need to retain the blue link color as well (defaults to grey on large blue text */

.main #bio p:first-child a, .main #bios p:first-child a, .main ul li p:first-child a, body.node-type-job-posting .main p:first-child a, body.page-node-14405 .main p:first-child a {
  color: #009999;
}

body.page-node-14405 .region-content-main-top
/* employment page. Consider applying this sitewide where sidebar isn't applicable */

  {
  width: 66.6667%;
}

blockquote {
  margin: 0 0 30px;
}

blockquote p {
  margin-bottom: 0!important;
}

.main ul li p:first-child {
  width: auto;
  margin-bottom: 0;
}

.main #block-block-19,
/* Main content area for Library landing page */

.main #block-block-30
/* Main content area for Commentary landing page. Needed at <992px. Why? Messy build */

  {
  clear: both;
}

.page-node-31 .main ul {
  clear: both;
}

.tweet {
  border-top: 5px solid #2bc4ee;
  border-bottom: 1px solid #2bc4ee;
  float: left;
  width: 100%;
  padding: 30px 0;
  margin-bottom: 15px;
  color: #939598;
  font-style: italic;
  font-size: 22px;
  font-size: 2.2rem;
}

.main table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 15px;
  font-size: 1.5rem;
  border: none!important;
}

.main table thead {
  border-bottom: 3px solid #2ac3ec;
}

.main table tr {
  border-bottom: 1px solid #2ac3ec;
}

.main table td, .main table thead th {
  padding: 10px 5px!important;
  border: none!important;
}

.main table td {
  vertical-align: top;
}

.main table p {
  margin-bottom: 15px;
}

.main table p:last-child {
  margin-bottom: 0;
}

/* Google Search */

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-family: inherit!important;
  font-size: inherit!important;
}

form.gsc-search-box {
  font-size: inherit!important;
  margin: 0!important;
}

.main .gsc-control-cse table {
  margin-bottom: 0;
}

.main .gsc-control-cse table thead {
  border-bottom: none;
}

.main .gsc-control-cse table tbody tr {
  border-bottom: none;
}

table.gsc-search-box {
  margin-bottom: 0!important;
}

table.gsc-search-box td, table.gsc-branding td, table.gsc-above-wrapper-area-container td, table.gsc-resultsHeader td, table.gsc-table-result td.gsc-table-cell-snippet-close {
  vertical-align: top!important;
  padding: 0!important;
}

table.gsc-search-box td.gsc-input {
  padding-right: 12px!important;
}

td.gsc-input input.gsc-input {
  background: url("../images/search-grey-icon.png") 6px 12px no-repeat!important;
  border: 1px solid #aaa!important;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 8px 8px 8px 24px!important;
  width: 100%!important;
  border-radius: 0;
  color: #8c8c8e;
}

input.gsc-search-button {
  margin: 3px 0!important;
}

div.gsc-clear-button {
  display: none!important;
}

.gsc-webResult .gsc-result {
  margin: 0;
  padding: 30px 0 !important;
  border-bottom: 1px solid #ccc!important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  margin: 8px 0 15px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 2rem;
  text-transform: none;
  color: #009999;
  text-decoration: none!important;
}

.gs-spelling a {
  color: #009999!important;
  text-decoration: none!important;
}

.gs-spelling a:hover {
  color: #1e3564!important;
}

.gs-spelling-original {
  font-family: "Roboto", Georgia, Times, Times New Roman, serif!important;
  font-weight: 400!important;
  letter-spacing: normal!important;
  text-transform: none!important;
  font-size: 16px!important;
  margin: 0!important;
}

div.gs-title:hover a, div.gs-title:hover b {
  color: #009999!important;
}

.main table td.gsc-table-cell-thumbnail, .main table td.gs-promotion-image-cell {
  padding: 0 5% 0 0!important;
  margin-right: 0!important;
  width: 35%!important;
}

.gs-title.gsc-table-cell-thumbnail {
  width: 100%!important;
}

.gs-web-image-box, .gs-promotion-image-box, .gs-result img.gs-image, .gs-result img.gs-promotion-image {
  padding: 0!important;
  margin: 0!important;
  width: 100%!important;
  border: none!important;
}

.gs-web-image-box, .gs-promotion-image-box, .gs-result img.gs-image, .gs-result img.gs-promotion-image {
  max-width: none!important;
  height: auto!important;
  max-height: none!important;
}

.gs-web-image-box, .gs-promotion-image-box {
  height: 120px!important;
  overflow: hidden!important;
}

.gsc-result-info, .gs-fileFormat, .gs-fileFormatType {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif!important;
  font-style: normal!important;
  font-weight: 600!important;
  letter-spacing: .03em!important;
  color: #939598!important;
  font-size: 12px!important;
  font-size: 1.2rem!important;
  padding-left: 0!important;
  margin: 20px 0!important;
}

.gs-fileFormat, .gs-fileFormatType {
  margin: 0 0 5px!important;
  font-size: 13px!important;
  font-size: 1.3rem!important;
}

.gsc-results .gsc-cursor-box {
  margin: 30px 0 0!important;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif!important;
  font-style: normal!important;
  font-weight: 600!important;
  letter-spacing: .03em!important;
  font-size: 16px!important;
  font-size: 1.6rem!important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  margin-right: 15px!important;
  color: #1e3564!important;
  text-decoration: none!important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #009999!important;
  font-weight: inherit!important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl, .gcsc-branding {
  display: none!important;
}

/* Added by jmacki on may 8, 2019 to hide images in search results. */
.gsc-table-cell-thumbnail, .gcsc-more-maybe-branding-root { display: none; }

/* /guidelines/web-style-guide/ */

#block-block-40 h2 {
  display: none;
}

/* notice box in sidebar */

.brand-typography {
  width: 100%;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.35;
}

.typo-proxima-semi {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
}

.typo-proxima-reg {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.25;
}

.typo-desc {
  margin-bottom: 20px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #8e9192;
  text-transform: uppercase;
}

.btnbox {
  /*float:left;*/
  width: 100%;
  margin: 30px 0;
}

/*Menu KM*/
#block-menu-menu-km-strategy-menu, .rightside {
  float: left;
  width: 100%;
  background: #f7f6f6;
  padding: 40px 30px 30px;
  border-top: 7px solid #009999;
}



#block-menu-menu-km-strategy-menu, .rightside.related-text {
  padding: 30px;
}

#blockblock-menu-menu-km-strategy-menu h2, .rightside .h5 {
  margin: 10px 0 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
}

#block-menu-menu-km-strategy-menu ul, .rightside ul {
  margin: 10px 0;
  padding: 0;
  float: left;
  width: 100%;
}

#block-menu-menu-km-strategy-menu ul li, .rightside ul li {
  margin: 0;
  padding: 0 15px 14px;
  float: left;
  width: 100%;
  list-style: none;
}

#block-menu-menu-km-strategy-menu ul li.active, .rightside ul li.active {
  background: url(../images/blue-arrow.png) 0 7px no-repeat;
}

#blockblock-menu-menu-km-strategy-menu ul li.active a, .rightside ul li.active a {
  color: #009999;
}

#block-menu-menu-km-strategy-menu ul li a, .rightside ul li a {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: inherit;
  color: #1e3564;
}

#blockblock-menu-menu-km-strategy-menu ul li a:hover, .rightside ul li a:hover, #block-menu-menu-about-menu ul li a:focus, .rightside ul li a:focus {
  color: #009999;
}

#blockblock-menu-menu-km-strategy-menu h2 {
  margin: 10px 0 10px 15px;
}






/*Fim do menu KM*/

#block-menu-menu-about-menu, .rightside {
  float: left;
  width: 100%;
  background: #f7f6f6;
  padding: 40px 30px 30px;
  border-top: 7px solid #009999;
}

#block-menu-menu-about-menu, .rightside.related-text {
  padding: 30px;
}

#block-menu-menu-about-menu h2, .rightside .h5 {
  margin: 10px 0 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
}

#block-menu-menu-about-menu ul, .rightside ul {
  margin: 10px 0;
  padding: 0;
  float: left;
  width: 100%;
}

#block-menu-menu-about-menu ul li, .rightside ul li {
  margin: 0;
  padding: 0 15px 14px;
  float: left;
  width: 100%;
  list-style: none;
}

#block-menu-menu-about-menu ul li.active, .rightside ul li.active {
  background: url(../images/blue-arrow.png) 0 7px no-repeat;
}

#block-menu-menu-about-menu ul li.active a, .rightside ul li.active a {
  color: #009999;
}

#block-menu-menu-about-menu ul li a, .rightside ul li a {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: inherit;
  color: #1e3564;
}

#block-menu-menu-about-menu ul li a:hover, .rightside ul li a:hover, #block-menu-menu-about-menu ul li a:focus, .rightside ul li a:focus {
  color: #009999;
}

#block-menu-menu-about-menu h2 {
  margin: 10px 0 10px 15px;
}

.chosen-container {
  font-size: 16px;
  font-size: 1.6rem;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  font-size: 13px;
  font-size: 1.3rem;
}

.chosen-container-multi .chosen-choices li.search-choice {
  line-height: 1.25;
}

#ui-datepicker-div {
  font-size: 14px;
  font-size: 1.4rem;
}

.rightside.contactinfo ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside.contactinfo ul li {
  margin: 5px 0 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
}

.rightside.contactinfo a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* stop longer email addresses from popping out of the sidebar box at smaller resolutions */

.filter-box {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-top: 20px;
  border-top: 1px solid #2ac3ec;
  font-size: 14px;
  font-size: 1.4rem;
  color: #939598;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.filter-box span {
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.filter-box ul {
  float: left;
  margin: 0;
  padding: 0;
}

.filter-box ul li {
  list-style: none;
  float: left;
  padding: 0 15px;
  text-transform: uppercase;
}

.filter-box ul li.active a {
  color: #009999;
}

.filter-box ul li.active a:hover, .filter-box ul li.active a:focus {
  color: #009999;
}

#publication .filter-box {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

#publication .filter-box ul {
  float: none;
  margin-top: 0!important;
}

#publication .filter-box ul li.filter-box-label {
  width: 67px;
  vertical-align: top;
}

#publication .filter-box ul li.filter-box-links {
  width: 600px;
  padding-right: 0;
  margin-bottom: 15px;
}

#publication .filter-box ul li {
  float: none;
  display: inline-block;
  padding: 0 20px 0 0;
}

.view-people .view-content .filter-box {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 30px;
  border-top: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: #939598;
}

.filter-list {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 20px 0;
  border-top: 1px solid #2ac3ec;
  font-size: 14px;
  font-size: 1.4rem;
  color: #939598;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.filter-list span {
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: 40px;
}

.filter-list ul {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
}

.filter-list ul li {
  list-style: none;
  float: left;
  padding: 0 5px;
  text-transform: uppercase;
}

.filter-list ul li.active a {
  color: #1e3564;
}

.filter-list ul li.active a:hover, .filter-list ul li.active a:focus {
  color: #009999;
}

.filter-list ul li a {
  color: #009999;
  padding: 0px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 0;
  float: left;
}

.filter-list ul li a:hover, .filter-list ul li a:focus {
  color: #1e3564;
}

.topicsbox .filter-list {
  margin-top: 0;
}

.topicsbox h3 {
  color: #231f20;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 15px 0;
  padding: 0;
  text-transform: uppercase;
}

.topicsbox h2 {
  color: #231f20;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 10px;
  padding: 0;
  text-transform: uppercase;
}

.topicsbox .topicsfilter:last-child {
  border-bottom: 0;
}

.topicsfilter {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #d1d3d4;
}

.topicsfilter li {
  list-style: none;
  float: left;
  width: 50%;
}

.expert .expertmainimg {
  float: right;
  text-align: center;
}

.expertdetail h2, .biodetail h2 {
  margin: 5px 0 0;
  color: #009999;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: none;
}

.expertdetail h3, .biodetail h3 {
  margin: 5px 0 10px;
  color: #939598;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.breadcrumbs {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 30px 0;
  border-top: 1px solid #d7df23;
  font-size: 14px;
  font-size: 1.4rem;
  color: #939598;
  text-transform: uppercase;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.breadcrumbs span {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}

.breadcrumbs ul {
  float: left;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.breadcrumbs ul li {
  list-style: none;
  float: left;
  padding: 0 15px 0 0;
  background-color: none;
}

.breadcrumbs ul li.active {
  background: url(../images/blue-arrow.png) 0 50% no-repeat;
  padding-left: 20px;
}

.breadcrumbs ul li.active a {
  color: #009999;
  border: none;
  background: none;
}

.breadcrumbs ul li.active a:hover, .breadcrumbs ul li.active a:focus {
  color: #009999;
  background: none;
}

.breadcrumbs ul li a {
  color: #1e3564;
  padding: 0px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 0;
  float: left;
  border: none;
  background: none!important;
}

.breadcrumbs ul li a:hover, .breadcrumbs ul li a:focus {
  color: #009999;
  background: none!important;
}

.breadcrumbs ul li.active a.bios, .breadcrumbs ul li.active a.bio, .breadcrumbs ul li.active a.publication {
  color: #009999;
}

.breadcrumbs ul li a.bios, .breadcrumbs ul li a.bio, .breadcrumbs ul li a.publication {
  color: #1e3564;
}

.breadcrumbs ul li.active a.bios:hover, .breadcrumbs ul li.active a.bio:hover, .breadcrumbs ul li.active a.publication:hover, .breadcrumbs ul li.active a.bios:focus, .breadcrumbs ul li.active a.bio:focus, .breadcrumbs ul li.active a.publication:focus {
  color: #1e3564;
}

.breadcrumbs ul li a.bios:hover, .breadcrumbs ul li a.bio:hover, .breadcrumbs ul li a.publication:hover, .breadcrumbs ul li a.bios:focus, .breadcrumbs ul li a.bio:focus, .breadcrumbs ul li a.publication:focus {
  color: #1e3564;
}

.breadcrumbs.admin-shortcut {
  margin-top: 10px;
}

.backlink, a.backlink {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: 20px;
}

a.backlink:focus, a.backlink:hover {
  color: #1e3564;
}

.backlink i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.round-photo {
  border-radius: 200px;
  height: 150px;
  overflow: hidden;
  width: 100%;
  max-width: 320px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  cursor: pointer;
  margin-bottom: 20px;
}

.round-photo:hover, .round-photo:focus {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.expertmainimg .round-photo, body.page-about-people .round-photo {
  filter: none;
  -webkit-filter: none;
  cursor: default;
}

#block-views-our-people-block-1 h2 {
  display: none;
}

/* hide title above Our People (sidebar) photo */

#publication {
  float: left;
  width: 100%;
}

#bios {
  float: left;
  width: 100%;
}

.bio {
  float: left;
  width: 100%;
}

#bio {
  clear: left;
}

.expert-list {
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

.expert-list li {
  /*float: left;*/
  display: table;
  content: " ";
  list-style: outside none none;
  margin: 10px 0 30px;
  padding: 0;
  width: 100%;
}

.expert-list li .photo-img {
  width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 200px;
  margin-right: 20px;
}

.expert-list li .photo-img>img {
  border-radius: 100px;
}

.expert-list li .text {
  float: left;
  width: 80%;
}

.expert-list li .text strong {
  display: block;
  margin-bottom: 10px;
  color: #1e3564;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

.expert-list li .text strong a {
  color: #1e3564;
}

.expert-list li .text strong a:hover, .expert-list li .text strong a:focus {
  color: #009999;
}

.readlink {
  float: left;
  padding: 0 15px 0 0;
  text-transform: uppercase;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.readlink i {
  font-size: 14px;
  font-size: 1.4rem;
}

.line {
  background: #009999;
  float: left;
  width: 100%;
  height: 1px;
  border: none;
  margin: 20px 0;
}

.event-details {
  float: left;
  margin: 20px 0;
  padding: 0;
  width: 100%;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 15px;
  font-size: 1.5rem;
}

.event-details h2 {
  font-size: 16px;
  font-size: 2rem;
  text-transform: none;
  color: #006666;
  margin: 0 0 10px;
}

.event-details ul {
  margin: 0;
  padding: 5px 0 0;
  float: left;
  width: 100%;
  border-top: 3px solid #009999;
}

.event-details li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 6px 0 3px;
  width: 100%;
  line-height: normal;
  border-bottom: 1px solid #d7df23;
}

.event-details li label {
  float: left;
  width: 20%;
  max-width: 80px;
  font-weight: normal;
  padding: 0;
  text-transform: lowercase;
  font-size: inherit;
}

.event-details li p {
  float: left;
  width: 80%;
  margin: 0;
}

.reports-list {
  float: left;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}

.reports-list h2 {
  font-size: 16px;
  font-size: 2rem;
  text-transform: none;
  color: #006666;
  margin-top: 15px;
}

.reports-list ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.reports-list li {
  float: left;
  list-style: outside none none;
  margin: 10px 0;
  padding: 0;
  width: 50%;
}

.reports-list li:nth-child(odd) {
  clear: left;
}

.reports-list li .photo-img {
  width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 200px;
  margin-right: 15px;
}

.reports-list li .photo-img>img {
  border-radius: 100px;
}

.reports-list li .text {
  float: left;
  width: 80%;
  padding-right: 0;
}

.reports-list li .text strong {
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .02em;
}

.annual-reports-list {
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

.annual-reports-list h2 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #231f20;
  margin-top: 15px;
}

.annual-reports-list ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.annual-reports-list li {
  display: inline-block;
  list-style: outside none none;
  margin: 10px 0;
  padding: 0;
  width: 46%;
  vertical-align: top;
}

.annual-reports-list li:nth-child(even) {
  margin-left: 4%;
}

.annual-reports-list li .photo-img {
  width: 20%;
  max-width: 55px;
  margin-right: 4%;
  float: left;
  overflow: hidden;
}

.annual-reports-list li .photo-img>img {
  width: 50px;
  height: 50px!important;
  border-radius: 100px;
}

.annual-reports-list li .text {
  float: left;
  width: 76%;
}

.annual-reports-list li .text strong {
  display: block;
  padding-bottom: 5px;
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.65rem;
  letter-spacing: .02em;
}

.employment {
  float: left;
  width: 100%;
}

.employment ul {
  margin: 0;
  padding: 0;
  /*float:left; width:100%;*/
}

.employment ul li {
  list-style: none;
  border-bottom: 1px solid #009999;
  /*float:left; width:100%;*/
  margin-bottom: 40px;
  padding: 0 0 20px;
}

.employment ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.employment .date {
  color: #939598;
  font-size: 16px;
  font-size: 1.6rem;
  /*float:left;*/
  margin-bottom: 15px;
}

.employment h2 {
  color: #009999;
  margin: 0 0 15px;
  padding: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
}

.employment h3 {
  color: #1e3564;
  margin: 0 0 15px;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.field-name-field-employment-location {
  margin-bottom: 30px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.65rem;
  letter-spacing: .02em;
}

/*body.node-type-job-posting .field-name-field-employment-location { margin-bottom:0; }*/

.field-name-field-employment-location .field-label {
  font-weight: 400;
}

/* BambooHR */

#BambooHR .BambooHR-ATS-Department-Header, #BambooHR .BambooHR-ATS-board a, #BambooHR .BambooHR-ATS-board .BambooHR-ATS-Location, .BambooHR-ATS-board p.blankState strong {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

/* set base fonts */

#BambooHR h2 {
  display: none;
}

#BambooHR .BambooHR-ATS-board ul {
  font-size: inherit;
  margin-top: 20px;
  padding: 0;
}

#BambooHR .BambooHR-ATS-board ul li {
  color: inherit;
  border-bottom: 1px solid #009999;
  margin: 0 0 40px!important;
  padding: 0 0 20px;
}

#BambooHR .BambooHR-ATS-board ul li:last-child {
  border-bottom: none;
  margin-bottom: 0!important;
  padding: 0 0 20px;
}

#BambooHR .BambooHR-ATS-Department-Header {
  color: #1e3564;
  margin: 0 0 15px;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
}

#BambooHR .BambooHR-ATS-board ul ul, #BambooHR .BambooHR-ATS-board ul ul li {
  border-bottom: none;
  margin: 0!important;
  padding: 0;
}

#BambooHR .BambooHR-ATS-board ul ul li+li {
  margin-top: 20px!important;
}

#BambooHR .BambooHR-ATS-board a {
  color: #009999;
  margin: 0 0 15px;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

#BambooHR .BambooHR-ATS-board a:hover {
  color: #1E3564;
}

#BambooHR .BambooHR-ATS-board .BambooHR-ATS-Location {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  color: #939598;
  font-size: 16px;
  font-size: 1.6rem;
}

.BambooHR-ATS-board p.blankState {
  font-weight: inherit!important;
  font-size: inherit!important;
  color: inherit!important;
  border-bottom: none!important;
  font-family: inherit!important;
  padding: 30px 0 0!important;
}

.BambooHR-ATS-board p.blankState strong {
  color: #1E3564!important;
}

#BambooHR-Footer {
  display: none;
}

/* /BambooHR */

.view-display-id-page_4 h3, .view-people .view-display-id-page_5 h3, .our-experts h3 {
  color: #231f20;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contact h2 {
  color: #231f20;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 20px;
  padding: 0;
  text-transform: uppercase;
}

.contact ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.contact ul li {
  width: 50%;
  list-style: none;
  float: left;
  padding: 20px 30px 0 0;
}

ul.flex-direction-nav {
  position: absolute;
  top: 25%;
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 0;
}

.flex-direction-nav li {
  width: 12px;
  height: 12px;
  background: transparent url(../images/slider-arrows.png) no-repeat top left;
  text-indent: -9000px;
  opacity: 1;
  cursor: pointer;
  z-index: 100;
  float: left;
}

.flex-direction-nav li.flex-nav-prev {
  margin: 0 0 0 -14px!important;
}

.flex-direction-nav li.flex-nav-next {
  background-position: top right;
  float: right;
  margin: 0 -14px 0 0!important;
}

.flex-direction-nav li .flex-next, .flex-direction-nav li .flex-prev {
  display: block;
  height: 12px;
}

.donate-title, .main-title {
  float: left;
  width: auto;
}

.donate-sharethis {
  width: auto;
}

.donate-sharethis p {
  float: left;
  width: 168px!important
}

.biophoto {
  float: right;
  text-align: center;
}

.biophoto h2 {
  text-align: left;
}

/* fix align:center on heading in sidebar of about/our-people */

#block-menu-menu-about-menu .upcoming-events-link, .rightside .upcoming-events-link {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

#block-menu-menu-about-menu .upcoming-events-link>li, .rightside .upcoming-events-link>li {
  margin: 0;
  padding: 15px 0;
  float: left;
  width: 100%;
}

#block-menu-menu-about-menu .upcoming-events-link>li h5, .rightside .upcoming-events-link>li h5 {
  margin: 0 0 10px 0;
}

#block-menu-menu-about-menu .upcoming-events-link>li p, .rightside .upcoming-events-link>li p {
  margin: 0 0 10px 0;
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: none;
  clear: both;
}

#block-menu-menu-about-menu .upcoming-events-link>li p a, .rightside .upcoming-events-link>li p a {
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 14px;
  font-size: 1.8rem;
}

#block-menu-menu-about-menu .upcoming-events-link>li p a:hover, .rightside .upcoming-events-link>li p a:hover, #block-menu-menu-about-menu .upcoming-events-link>li p a:focus, .rightside .upcoming-events-link>li p a:focus {
  color: #231f20;
}

.rightside .rlink {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside .rlink>li {
  margin: 0;
  padding: 10px 0;
  float: left;
  width: 100%;
}

.rightside .rlink>li h5 {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside .rlink>li p {
  margin: 0 0 5px 0;
  clear: both;
}

.rightside .rlink>li p a {
  color: #2ac3ec;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside .rlink>li p a:hover, .rightside .rlink>li p a:focus {
  color: #231f20;
}

.rightside .prlink {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside .prlink>li {
  margin: 0;
  padding: 15px 0;
  float: left;
  width: 100%;
}

.rightside .prlink>li h5 {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside .prlink>li p {
  margin: 0 0 5px 0;
  clear: both;
}

.rightside .prlink>li p a {
  color: #2ac3ec;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside .prlink>li p a:hover, .rightside .prlink>li p a:focus {
  color: #231f20;
}

.rightside .projlink {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside .projlink>li {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside .projlink li+li {
  margin-top: 30px!important;
}

.rightside .projlink>li h5 {
  margin: 0 0 20px;
  padding: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside .projlink li p, .rightside .projlink li a {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .03em;
  float: left;
}

.rightside .projlink li a {
  color: #009999;
}

.rightside .projlink>li p a:hover, .rightside .projlink>li p a:focus {
  color: #231f20;
}

.rightside p {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .03em;
  float: left;
}

#newsletter-manage-subscriptions-form fieldset {
  clear: both;
}

#messages {
  clear: both;
}

.region-sidebar-second {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

h2.topics, h2.titleh2, .region-sidebar-second h2 {
  margin: 0 0 15px;
  font-size: 15px;
  font-size: 2rem;
  text-transform: none;
  color: #006666;
}

/* trying to make sidebar headings consistent (should really be h3's...) */

h2.titleh2 {
  color: #006666;
  margin: 0 0 10px;
}

body.page-press-room .region-sidebar-second h2:first-of-type {
  margin-top: 20px;
}

@media (max-width: 767px) {
  body.page-press-room .region-sidebar-second h2:first-of-type, .region-sidebar-second h2.archive {
    margin-top: 40px;
  }
}

.search .keywords-search {
  background: url("../images/search-grey-icon.png") 6px 12px no-repeat;
  border: 1px solid #aaaaaa;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 3px 0 15px;
  padding: 8px 8px 8px 24px;
  width: 100%;
  border-radius: 0;
  color: #8c8c8e;
}

.sidebar .viewall, .viewall {
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  color: #1e3564;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  margin-top: 20px;
}

body.node-type-program .viewall {
  margin-top: 0;
}

/* added 11/3 to fix View All Topics on Programs pages */

.sidebar .viewall:hover, .sidebar .viewall:hover i, .viewall:hover, .viewall:hover i, .sidebar .viewall:focus, .sidebar .viewall:focus i, .viewall:focus, .viewall:focus i {
  color: #009999;
}

.viewall i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #1e3564;
}

.view-whats-new-program, .view-topics, .main .view-projects, .block-searchterms, #block-searchterms-searchterms-right-projects, .block-alltopics
/*, .region-sidebar-content-two*/

  {
  margin-top: 30px;
}

h2.topics, body.node-type-program h2.topics {
  margin-top: 30px!important;
}

body.node-type-projects .main .view-projects {
  margin-top: 20px;
}

/* project detail page */

h2.topics, #block-searchterms-searchterms-right-commentary, .view-projects, .projectslist h3, body.node-type-topics .view-topics, body.page-events .block-searchterms {
  margin-top: 0!important;
}

body.page-commentary .region-content-main-top {
  margin-bottom: 30px;
}

.whatsnew-banner {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-bottom: 25px;
}

.whatsnew-banner .whatsnew-banner-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px 20px;
  background: url("../images/top-shadow-img.png") -460px 0 no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.whatsnew-banner .whatsnew-banner-text:hover, .whatsnew-banner .whatsnew-banner-text:focus {
  background-position: 0 0;
}

.whatsnew-banner .whatsnew-banner-text h2 {
  width: 50%!important;
  float: left;
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 0 0 15px;
  color: #FFF;
}

.whatsnew-banner .whatsnew-banner-text p {
  width: 50%;
  clear: both;
  margin-bottom: 15px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #0a3f4f;
}

.whatsnew-banner .whatsnew-banner-text .more {
  display: none;
  color: #FFF;
  clear: left;
  /*float:left;*/
  font-size: 16px;
  font-size: 1.6rem;
}

.whatsnew-banner .whatsnew-banner-text .more:hover, .whatsnew-banner .whatsnew-banner-text .more:focus {
  color: #1e3564;
}

.whatsnew-banner .whatsnew-banner-text:hover .more, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus .more, .whatsnew-banner .whatsnew-banner-text:focus h2 {
  display: block;
  width: 100%!important;
}

.whatsnew-banner .whatsnew-banner-text .tag {
  background: #0c4f63;
  color: #d1d3d4;
  padding: 2px 5px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: normal;
  text-transform: uppercase;
  float: left;
}

/* program section specific to above */

.view-whats-new-program .whatsnew-banner {
  background: #2DC3E8 url("../images/top-shadow-img.png") -200px 0 no-repeat;
}

.whatsnew-banner .publication-cover {
  /*float:right;*/
  margin: 10px!important;
}

.view-whats-new-program .whatsnew-banner .whatsnew-banner-text {
  position: relative;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.view-whats-new-program .whatsnew-banner .whatsnew-banner-text .tag {
  margin-top: 30px;
}

.view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
  margin-top: 20px;
  width: 80%!important;
}

.view-whats-new-program .whatsnew-banner .whatsnew-banner-text p {
  width: 80%;
}

.view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more {
  display: block;
  margin-bottom: 20px;
}

.whatsnew-list {
  width: 100%;
}

.whatsnew-list ul {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
  width: 100%;
}

.whatsnew-list ul li {
  display: inline-block;
  /*float:left;*/
  width: 100%;
  list-style: none;
  padding: 20px 0;
}

body.page-commentary .whatsnew-list ul li:first-child {
  padding-top: 0;
}

/*.whatsnew-list ul li .whatnew-img { background-color:#009999; }*/

.whatsnew-list ul li .whatnew-img, .whatsnew-banner .whatnew-img .view-whats-new-program .whatsnew-list ul li .whatnew-img, .view-whats-new-program .whatsnew-banner .whatnew-img {
  float: left;
  width: 35%;
  position: relative;
  margin-right: 5%;
}

.whatsnew-list ul li .whatnew-img img {
  max-width: 100%;
  height: auto;
}

.whatsnew-list ul li .whatnew-img .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #0c4f63;
  color: #d1d3d4;
  padding: 2px 5px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.whatsnew-list ul li .whatnew-text, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text {
  float: left;
  width: 60%;
}

.whatsnew-list ul li .whatnew-text h2, .whatsnew-list ul li .whatnew-text h2 a, .main .whatsnew-list h2 {
  float: none;
  margin: 8px 0 15px;
  font-size: 18px;
  font-size: 2rem;
  font-weight: 600;
  text-transform: none;
  color: #006666;
}

.whatsnew-list ul li .whatnew-text h2 a:hover, .whatsnew-list ul li .whatnew-text h2 a:focus {
  color: #009999;
}

.whatsnew-list ul li .whatnew-text h2 em {
  font-style: normal;
  font-weight: 600;
}

/* override <em> tags found in some title fields */

.whatsnew-list ul li .whatnew-text p, .listviews p {
  margin-bottom: 15px;
  font-size: 1.9rem;
}

/* COPY PRIOR TO PRE-LAUNCH UPDATE */

/*
.whatsnew-banner { float:left; width:100%; padding:0; position:relative; margin-bottom:25px;}
.whatsnew-banner .whatsnew-banner-text { position:absolute; width:100%; height:100%; top:0; left:0; padding:30px 20px; background:url("../images/top-shadow-img.png") -460px 0 no-repeat; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
.whatsnew-banner .whatsnew-banner-text:hover, .whatsnew-banner .whatsnew-banner-text:focus { background-position:0 0; }
.whatsnew-banner .whatsnew-banner-text h2 { width:50%!important; float:left;clear:both; font-size:16px; font-size:1.6rem; text-transform:uppercase; margin:0 0 15px; color:#FFF; }
.whatsnew-banner .whatsnew-banner-text p { width:50%; clear:both; margin-bottom:15px; font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif; font-style: normal; font-weight: 600; letter-spacing:.02em; font-size:16px; font-size:1.6rem; color:#0a3f4f; }
.whatsnew-banner .whatsnew-banner-text .more { display:none; color:#FFF; clear:left; font-size:16px; font-size:1.6rem; }
.whatsnew-banner .whatsnew-banner-text .more:hover, .whatsnew-banner .whatsnew-banner-text .more:focus { color:#1e3564; }
.whatsnew-banner .whatsnew-banner-text:hover .more, .whatsnew-banner .whatsnew-banner-text:hover h2,
.whatsnew-banner .whatsnew-banner-text:focus .more, .whatsnew-banner .whatsnew-banner-text:focus h2 { display:block; width:100%!important; }
.whatsnew-banner .whatsnew-banner-text .tag { background:#0c4f63; color:#d1d3d4; padding:2px 5px; font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif; font-style: normal; font-weight: 600; letter-spacing:.02em; font-size:12px; font-size:1.2rem; line-height:normal; text-transform:uppercase; float:left; }

/ * program section specific to above * /
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text { padding:40px 20px; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 { margin-top:20px; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text p { display:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover p, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover .more,
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus p, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus .more { display:block; }

.whatsnew-list {  width:100%; }
.whatsnew-list ul { margin:0; padding:0 0 15px 0; list-style:none; width:100%;}
.whatsnew-list ul li { display:inline-block; width:100%; list-style:none; padding:20px 0; }
body.page-commentary .whatsnew-list ul li:first-child { padding-top:0; }
.whatsnew-list ul li .whatnew-img { float:left; width:35%; position:relative; margin-right:5%; background-color:#009999; }
.whatsnew-list ul li .whatnew-img img { width:100%; height:auto; }
.whatsnew-list ul li .whatnew-img .tag { position:absolute; top:10px; right:10px; background:#0c4f63; color:#d1d3d4; padding:2px 5px; font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif; font-style: normal; font-weight: 600; letter-spacing:.02em; font-size:12px; font-size:1.2rem; text-transform:uppercase;}
.whatsnew-list ul li .whatnew-text { float:left; width:60%; }
.whatsnew-list ul li .whatnew-text h2, .whatsnew-list ul li .whatnew-text h2 a { float:none; margin:8px 0 15px; font-size:16px; font-size:1.6rem; text-transform:uppercase; color: #1e3564;}
.whatsnew-list ul li .whatnew-text h2 a:hover, .whatsnew-list ul li .whatnew-text h2 a:focus { color: #009999;}
.whatsnew-list ul li .whatnew-text h2 em { font-style:normal; font-weight:600; } / * override <em> tags found in some title fields * /
.whatsnew-list ul li .whatnew-text p { margin-bottom:15px; }
*/

/* /COPY PRIOR TO PRE-LAUNCH UPDATE */

.rightside.featuredtopics {
  padding-bottom: 10px;
  /*margin-bottom:20px; // commented out as it's adding too much margin to "view all topics" link */
}

.rightside.featuredtopics .rowdiv {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.rightside.featuredtopics h3 {
  margin: 0;
  padding: 0 0 15px;
  color: #009999;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  background: #F7F6F6;
}

.rightside.featuredtopics>p {
  padding: 0;
}

.rightside.featuredtopics p a {
  display: block;
  background-color: #009999;
}

.rightside.featuredtopics img {
  width: 100%;
}

.rightside.featuredtopics img:hover, .rightside.featuredtopics img:focus {
  opacity: .2;
}

.region-sidebar-second a.more {
  font-size: 14px;
  font-size: 1.4rem;
}

body.page-node-3230 #block-block-29 .more {
  display: none;
}

/* temp hide the "view all topics" link from Reporting Services program page */

.blue1 {
  background: #1e3564 !important;
}

.red1 {
  background: #e0482e !important;
}

/*.box1 img + a.pdflink { margin-top:40px; }*/

/* moved this to a container to resolve display issue on older smaller cover images */

.box1 img+.pdflink-container, .box1 img+.pdflink {
  margin-top: 36px
}

.pdflink-container {
  display: block;
}

.pdf-size {
  display: inline-block;
  margin-left: 6px;
  color: #939598;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-size: 1.4rem;
}

.pdflink {
  display: inline-block;
  padding-left: 25px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.pdflink {
  background: url("../images/icon-ext1.png") 0 2px no-repeat;
}

/* updated default icon to arrow */

a[href$=".pdf"].pdflink {
  background: url("../images/pdf-icon1.png") 0 2px no-repeat;
}

/* target and swap icon if PDF */

.pdf-size {
  display: inline-block;
  margin-left: 6px;
  color: #939598;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-size: 1.4rem;
}

.listviews {
  float: left;
  width: 100%;
}

.listviews ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.listviews ul li {
  list-style: none;
  border-bottom: 1px solid #009999;
  float: left;
  width: 100%;
  padding: 40px 0;
}

.listviews ul li:first-child {
  padding-top: 20px;
}

.listviews ul li:last-child {
  border-bottom: 0;
}

.listviews h2 {
  color: #006666;
  font-size: 16px;
  font-size: 2rem;
  font-weight: 600;
  margin: 20px 0;
  padding: 0;
  text-transform: none;
  float: none;
}

.listviews h2 a {
  color: #006666;
}

.listviews h2 a:hover, .listviews h2 a:focus {
  color: #009999;
}

.listviews .date {
  color: #939598;
  margin-bottom: 15px;
}

.main h3.date, .program-landing-main .whatsnew-list h3 {
  margin: 0 0 20px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #8e9192;
}

.col-md-4.search {
  margin-top: 0;
}

body.page-topics .col-sm-4.search {
  margin-top: 40px;
}

.details {
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .02em;
}

.details i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.search .views-exposed-form .form-item .description {
  display: none;
}

/* hide form field descriptions in search boxes */

.searchbox {
  float: left;
  width: auto;
  padding-bottom: 30px;
}

.searchbox input[type="text"] {
  background: #1e3564;
  padding: 10px;
  border: 0;
  color: #FFF;
  height: 48px;
  width: 300px;
}

.searchbox input[type="button"], .searchbox input[type="submit"], button {
  background: #1e3564 url(../images/search-icon.png) 50% 50% no-repeat;
  padding: 0;
  border: 0;
  width: 48px;
  height: 48px;
}

.searchbox-right {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.searchbox-right ::-webkit-input-placeholder, .searchbox-right :-moz-placeholder, .searchbox-right :-ms-input-placeholder {
  color: #FFF;
  font-style: italic;
  font-size: 16px;
  font-size: 1.6rem;
}

.searchbox-right :-moz-placeholder {
  opacity: 1;
}

.searchbox-right input[type="text"] {
  background: #2ac3ec;
  padding: 10px;
  border: 0;
  color: #FFF;
  height: 48px;
  width: 288px;
  float: left;
}

.searchbox-right input[type="button"], .searchbox-right input[type="submit"], button {
  background: #1e3564 url(../images/search-icon.png) 50% 50% no-repeat;
  padding: 0;
  border: 0;
  width: 48px;
  height: 48px;
  float: left;
}

.sortingbox {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d1d3d4;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  color: #777;
}

.sortingbox .showing-results {
  float: left;
  width: 50%;
}

.sortingbox .showing-sort {
  float: left;
  width: 50%;
  text-align: right;
}

.sortingbox .showing-sort a {
  color: #1e3564;
}

.sortingbox .showing-sort a:hover, .sortingbox .showing-sort a:focus, .sortingbox .showing-sort a.active {
  color: #009999;
}

.view-events .view-empty {
  clear: left;
  padding-top: 20px;
}

.notice-box {
  float: left;
  clear: both;
  margin-top: 5px;
  padding: 5%;
  background: #083266;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  color: #fff;
}

.notice-box p:first-child {
  color: inherit;
  font-family: inherit;
  font-weight: 400!important;
  font-size: 16px!important;
  font-size: 1.6rem!important;
  letter-spacing: normal;
  width: 100%;
  margin-bottom: 0!important;
}

.notice-box a, .notice-box p:first-child a {
  color: #009999;
}

.notice-box a:hover, .notice-box p:first-child a:hover {
  color: #f7b43c;
}

.sidebar {
  margin-bottom: 30px;
}

.sidebar .blue {
  color: #009999;
  text-transform: uppercase;
  margin: 0 0 30px;
}

.sidebar h5 {
  text-transform: none;
  margin: 0 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006666;
}

.sidebar h6 {
  padding: 15px 0;
  color: #1e3564;
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  margin: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.sidebar input {
  width: 100%;
  max-width: 100%!important;
  border: 1px solid #aaaaaa;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}

.sidebar select, .sidebar select option {
  max-width: 100%!important;
}

.sidebar .views-exposed-widget {
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}

.sidebar .chosen-container {
  width: 100%!important;
}

.sidebar .container-inline-date .date-padding {
  width: 100%;
}

.sidebar .container-inline-date .form-item, .sidebar .container-inline-date .form-item input {
  width: 100%;
}

.rightside hr {
  border-color: #d1d3d4;
}

.search .sidebar {
  margin-bottom: 15px;
}

.overviewright .pdflink {
  display: none;
}

.press-photo {
  float: left;
  width: 100%;
}

.press-photo ul {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}

.press-photo ul li {
  float: left;
  width: 33.333%;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.greyline {
  border-bottom: 1px solid #ccc;
  /*float:left;*/
  width: 100%;
  padding: 3px 0 10px!important;
}

.projectslist h3 {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 30px;
  padding: 30px 0 10px!important;
  text-transform: uppercase;
}

/* added to make Project landing page consistent with other landing pages */

#newsletter-manage-subscriptions-form .form-item {
  float: left;
  width: 100%;
}

#newsletter-manage-subscriptions-form .form-item label {
  float: left;
  width: 100%;
}

#newsletter-manage-subscriptions-form .form-item input[type="text"] {
  border: 1px solid #ccc;
  float: left;
  width: 80%;
}

#newsletter-manage-subscriptions-form .form-submit {
  float: left;
}

.linenone {
  border-bottom: 0!important;
}

.related-title {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin: 10px 0 10px;
  color: #231f20;
}

/* 10/26 working around sidebar build. created this to properly target top box border-color */

.region-sidebar-second .block {
  display: block;
  clear: both;
}

.region-sidebar-second .block .content {
  display: block;
  clear: both;
}

.region-sidebar-second .rightside {
  border-top-color: #d1d3d4;
  margin-bottom: 30px;
}

.region-sidebar-second .block:first-of-type .rightside, .views-exposed-form .rightside {
 /* SCM CHNG border-top-color: #2BC4EE; */
  border-top-color: #D7DF23;
  
  
  
}

body.page-press-room .region-sidebar-second .block-block {
  margin-bottom: 20px;
  float: left;
}

.rightside.sidebar.related-text a, .rightside.sidebar.relatedbox ul li a:visited {
  font-size: 16px;
  font-size: 1.6rem;
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  float: left;
}

.rightside.sidebar.related-text a:hover, .rightside.sidebar.related-text a:focus {
  color: #1e3564;
}

.rightside.sidebar.related-box a, .rightside.sidebar.relatedbox ul li a:visited {
  font-size: 16px;
  font-size: 1.6rem;
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  float: left;
}

.rightside.sidebar.related-box a:hover, .rightside.sidebar.related-box a:focus {
  color: #1e3564;
}

.rightside.sidebar.relatedbox {
  padding: 20px 30px 10px;
}

.rightside.sidebar.relatedbox ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.rightside.sidebar.relatedbox ul li {
  margin: 0;
  padding: 5px 0;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
}

.rightside.sidebar.relatedbox ul li a, .rightside.sidebar.relatedbox ul li a:visited {
  font-size: 16px;
  font-size: 1.6rem;
  color: #009999;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  float: left;
}

.rightside.sidebar.relatedbox ul li a:hover, .rightside.sidebar.relatedbox ul li a:focus {
  color: #1e3564;
}

.rightside.sidebar.relatedbox ul li .photo-img {
  border-radius: 200px;
  float: left;
  height: 50px;
  margin: 0 10px 20px 0;
  overflow: hidden;
  width: 50px;
}

.rightside.sidebar.relatedbox ul li:last-child .photo-img {
  margin-bottom: 0;
}

.rightside.sidebar.relatedbox ul li .photo-img img {
  border-radius: 100px;
  float: left;
}

.rightside.sidebar.relatedbox ul li .photolink {
  float: left;
  padding: 15px 0 0 0;
  width: 72%;
}

.rightside.sidebar.relatedbox .related-tag {
  color: #939598;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.rightside ul.publicationoverview {
  margin: 0;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-size: 1.4rem;
}

.publicationoverview>li {
  border-bottom: 1px solid #d7df23;
  margin: 0;
  padding: 6px 0 6px!important;
  color: #939598;
  font-family: inherit;
  line-height: normal;
}

.publicationoverview>li:last-child {
  border-bottom: none;
}

.publicationoverview>li label {
  font-weight: normal;
  width: 40%;
  float: left;
  margin: 0 2% 0 0;
}

.publicationoverview>li p {
  float: left;
  width: 58%;
  margin: 0;
}

.publicationoverview>li p a, .publicationoverview>li p a:visited {
  color: #009999;
  font-family: inherit;
}

.publicationoverview>li p a:hover, .publicationoverview>li p a:focus {
  color: #1e3564;
}

.overviewbox-right {
  float: right;
}

.overviewbox-right .box1 {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.overviewbox-right .box1 .img {
  width: 100%;
  margin-top: 12px;
}

.overviewbox-right .box2 {
  float: right;
  width: 100%;
  margin-top: 40px;
}

.overviewbox-right .box2 .rightside {
  padding: 20px 30px 30px;
}

.overviewbox-left {
  clear: left!important;
  float: left;
}

.overviewbox-left ul {
  clear: both;
}

.bottom-sidebar {
  clear: right;
  float: right;
}

.bottom-sidebar .relatedbox {
  border-top-color: #D1D3D4;
}

.title {
  margin: 0 0 40px;
  width: 80%;
}

.contents-text {
  float: left;
  width: 100%;
  padding: 20px 0;
}

.contents-text h2 {
  color: #231f20;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 15px;
  text-transform: uppercase;
  width: 100%;
}

.contents-text h2+p {
  color: #009999;
}

.figurebox {
  background: #f17530;
  padding: 30px;
  width: 100%;
  float: left;
  margin-top: 10px;
}

.figurebox p {
  -webkit-columns: 1 200px;
  -moz-columns: 1 200px;
  columns: 1 200px;
  color: #231f20 !important;
  font-size: 16px !important;
  font-size: 1.6rem;
  width: 100% !important;
}

.figurebox>p:first-child {
  font-style: italic;
}

.figurebox .col1 {
  float: left;
  width: 50%;
  font-style: italic;
  padding: 0 20px 0 0;
}

.figurebox .col1 p {
  -webkit-columns: 2 85px;
  -moz-columns: 2 85px;
  columns: 2 85px;
}

.figurebox .col2 {
  float: left;
  width: 50%;
  font-style: italic;
  line-height: 18px;
}

.emtext {
  padding-left: 50px;
  float: left;
  width: 100%;
  position: relative;
}

.emtext .sup {
  left: 30px;
  position: absolute;
  top: 0;
}

.t27 {
  margin-top: 27px;
}

.item-list {
  clear: left;
}

.item-list ul li {
  margin: 0!important;
}

.showmore {
  /*float:left;*/
  text-align: center;
  width: 100%;
  padding: 10px 0!important;
  margin-top: 20px!important;
  border-top: 1px solid #d2d2d2;
}

.showmore a {
  color: #231f20;
  display: inline-block;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.showmore a:hover, .showmore a:hover i, .showmore a:focus, .showmore a:focus i {
  color: #2ac3ec;
  background-color: #fff;
}

.showmore a img {
  display: inline-block;
  margin-left: 10px;
  margin-top: -4px;
}

.showmore i {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #1e3564;
}

.leftclear {
  clear: none;
}

.tpoicslink {
  float: left;
  width: 100%;
  border-top: 7px solid #2bc4ee;
  padding: 15px 0;
}

.tpoicslink ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.tpoicslink ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

.main.col-md-8>p {
  width: 100%;
}

.intro-list {
  margin: 0;
  padding: 0 0 0 12px;
  width: 100%;
  float: left;
}

.intro-list li {
  list-style: none;
  margin: 10px 0;
}

.intro-list li:before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -15px;
  top: 0;
  color: #2ac3ec;
  font-size: 20px;
  font-size: 2rem;
}

.readmore i {
  font-size: 14px;
  font-size: 1.4rem;
}

.press-text {
  float: left;
  width: 100%;
  padding: 20px 0;
}

.press-text h2 {
  color: #231f20;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 15px;
  text-transform: uppercase;
  width: 100%;
}

.view-programs {
  margin-top: 30px;
}

.programsimg {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.main .programsimg h2 {
  width: 60%!important;
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.programsimg img {
  width: 100%;
  max-height: 336px;
  height: auto;
}

.main .programsimg p:first-of-type, .main .programsimg p:first-child {
  width: 100%!important;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 20px;
  font-size: 2rem;
}

.programsimg a {
  color: #FFF;
}

.programsimg .programsimg-main, .programsimg .programsimg-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #FFF;
  line-height: 22px;
  background: url("../images/top-shadow-img.png") right top no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.programsimg .programsimg-main:hover, .programsimg .programsimg-text:hover, .programsimg .programsimg-main:focus, .programsimg .programsimg-text:focus, .programsimg .programsimg-main:active, .programsimg .programsimg-text:active {
  background-position: left top;
}

.programsimg .programsimg-main a, .programsimg .programsimg-detail a {
  display: block;
}

.programsimg .programsimg-main a.more, .programsimg .programsimg-detail a.more {
  margin-top: 20px;
}

.programsimg a.more:hover, .programsimg a.more:focus {
  color: #1e3564;
}

.programsimg-detail {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.programsimg .programsimg-main:hover .programsimg-detail, .programsimg .programsimg-text:hover .programsimg-detail, .programsimg .programsimg-main:focus .programsimg-detail, .programsimg .programsimg-text:focus .programsimg-detail, .programsimg .programsimg-main:active .programsimg-detail, .programsimg .programsimg-text:active .programsimg-detail {
  display: block;
}

.programsimg .programsimg-main:hover h2, .programsimg .programsimg-text:hover h2, .programsimg .programsimg-main:focus h2, .programsimg .programsimg-text:focus h2, .programsimg .programsimg-main:active h2, .programsimg .programsimg-text:active h2 {
  width: 100%!important;
}

.views-widget-filter-keys {
  display: none;
}

.date-padding .description {
  display: none;
}

.midcont .node.content ul li {
  clear: both;
}

.showmore li>a {
  background-color: #fff;
  border: none;
  border-radius: 0px;
  display: inline-block;
  padding: 0px;
}

.showmore li>a:hover, .showmore li>a:hover i, .showmore li>a:focus, .showmore li>a:focus i {
  color: #2ac3ec;
  background-color: #fff;
}

.pager-load-more-empty {
  display: none;
}

.views-exposed-widgets label {
  clear: both;
  color: #006666;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 15px 0;
}

.commentary-text h2 {
  color: #231f20;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 15px 0 30px;
  text-transform: uppercase;
  width: 100%;
}

h3.commentary-date {
  float: left;
  width: 100%;
  margin-top: 0;
  padding: 0;
  color: #939598;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

.commentary-date strong {
  font-weight: 400;
  color: #2ac3ec;
}

.commentary-date br {
  display: none;
}

.rightside.sidebar.commentary-recent ul {
  margin: 0;
  padding: 0;
}

.rightside.sidebar.commentary-recent ul li {
  margin: 0;
  padding: 10px 0;
}

.rightside.sidebar.commentary-recent ul li+li {
  margin-top: 5px;
}

/* added a little more space between titles to accomodate removing date. 1/21/2015 */

.rightside.sidebar.commentary-recent a, .rightside.sidebar.commentary-recent a:visited {
  color: #009999;
  float: left;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 16px;
  font-size: 1.6rem;
}

.rightside.sidebar.commentary-recent a:hover, .rightside.sidebar.commentary-recent a:focus {
  color: #1e3564;
}

.rightside.sidebar.commentary-recent .date {
  float: left;
  color: #95979a;
  font-style: italic;
  padding: 5px 0 0
}

/* Image gallery */

.field-name-field-image-gallery {
  margin: 40px 0;
  width: 100%;
}

.field-name-field-image-gallery .field-item {
  display: block;
  float: left;
  width: 20%;
}

/*.field-name-field-image-gallery .field-item a { display:block; background:#2bc4ee; }*/

.field-name-field-image-gallery .field-item img {
  width: 96%;
  margin: 0 0 4%;
}

.field-name-field-image-gallery .field-item img:hover {
  opacity: .7;
}

.field-name-field-image-gallery:after {
  content: "";
  display: table;
  clear: both;
}

#cboxTitle, #cboxCurrent {
  font-size: 16px;
  font-size: 1.6rem;
}

/* SVG Map ref; http://www.iisd.org/project/annual-forum-developing-country-investment-negotiators */

.map-developing-country-negotiators, #map_inner>svg {
  max-width: 100%;
}

.map-developing-country-negotiators {
  margin: 20px 0 30px;
}

/* User login page */

#user-login label {
  width: 95px;
}

#user-login input[type="text"], #user-login input[type="password"] {
  width: 240px;
}

#user-login .description {
  margin: 5px 0 20px 100px;
}
/*4-25-2018 Pramod*/
.programarea ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.programarea ul li {
  float: left;
  list-style: outside none none;
  text-align: center;
  width: 20%;
}
.programarea ul li h3 {
  font-size: 20px;
  padding: 0 30px; 
}
.programarea ul li h3 a {
  color: hsl(220, 54%, 25%);
}

.midcontstory{background:#FFF;position:relative;float:left; width:100%;}
.midcontstory .col-md-12, .midcontstory .col-sm-12{padding:0;}

.inffner-bggga1nner{position:relative; width:100%;float:left;}
.inffner-bggga1nner .blogo{position:absolute;top:30%;left:50%; margin: 0 0 0 -135px;} 
.inffner-bggga1nner .btitle { color: hsl(0, 0%, 100%);  left: 0;  position: absolute;  text-align: center;  top:50%;  width: 100%;}
.inffner-bggga1nner .btitle h1 { color: hsl(0, 0%, 100%); text-transform: uppercase;line-height: 3rem;}
.inffner-bggga1nner .btitle h1 span {font-size: 20px; line-height: 20px;text-transform: capitalize;}
.storytext {padding: 30px 150px; background-color: #fff;}
.storytext > p {
  background-color: #fff;
}
.bigimg{width:100%;max-width:100%;}
.story-pagediv .comment-wrapper {padding: 30px;}
/*Ends*/

/*Media Css Start*/

@media (min-width:1601px) {
  .donatebg, .donatebg-home, .donatebg-inner {
    background-size: cover;
  }
}

@media (min-width:1200px) {
  .carousel .slide-containter {
		/*------ ADJUSTED FROM 630px to 400px ------*/
    height: 400px;
  }
  .indicatorsbox {
		/*------ ADJUSTED FROM 100px to 50px ------*/
    bottom: 50px;
  }
  .captionbox {
		/* ADJUSTED FROM 150px to 100px */
    bottom: 100px;
  }
  .carousel-caption h1 {
    max-width: 50%;
    margin: 0 0 5px;
  }
  .whatsnew-banner .whatsnew-banner-text:hover p, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus p, .whatsnew-banner .whatsnew-banner-text:focus h2 {
    width: 80%!important;
  }
  .bridging-box ul li {
    padding-bottom: 30px;
  }
  .main.project-cont .content p, .main .region-content-main-top .content p, .col-md-12 .region-content .field-name-body p/* program landing pages */
    {
    width: 80%;
  }
}

@media (max-width: 1199px) {
  .indicatorsbox {
    bottom: 70px;
  }
  .captionbox {
    bottom: 120px;
  }
  .carousel-caption h1 {
    max-width: 70%;
    margin: 0 0 5px;
  }
  .solutionbox .value:nth-of-type(1) .value-title h3, .solutionbox .value:nth-of-type(4) .value-title h3 {
    margin-top: 33%;
  }
  .solutionbox .value {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .stayconnect a.btn {
    margin: 15px 0 0;
    float: none;
  }
  .webelieve .stayconnect a.btn {
    float: left;
    margin: 10px 0 0 10px;
  }
  .webelieve .stayconnect a.btn-info {
    clear: left;
    margin-left: 0;
  }
  .allexperts-photo li {
    width: 32%;
  }
  .allexperts-photo li img {
    width: 98%!important;
  }
  /*.allexperts-photo li p{min-height:130px;}*/
  .whatsnew-banner .whatsnew-banner-text {
    padding: 25px 20px;
    background: url("../images/top-shadow-img.png") -480px 0 no-repeat;
  }
  .whatsnew-banner .whatsnew-banner-text p {
    width: 60%;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    margin-bottom: 10px;
  }
  .whatsnew-banner .whatsnew-banner-text:hover p, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus p, .whatsnew-banner .whatsnew-banner-text:focus h2 {
    width: 100%;
  }
  .whatsnew-list ul li .whatnew-text h2 {
    margin-top: 0;
  }
  .rightside.featuredtopics {
    padding: 30px 20px 0;
  }
  .rightside.sidebar.relatedbox ul li .photolink {
    width: 68%;
  }
  #publication .filter-box ul li.filter-box-label {
    width: 67px;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 470px;
    margin-bottom: 20px;
  }
  footer .flogo {
    margin-right: 8%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.inffner-bggga1nner .blogo { top:30%;  margin: 0 0 0 -95px;   width: 190px;}
  .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin: 33% 0 0;
  }
  .reports-list li {
    width: 100%;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    background-position: -520px top;
  }
  .view-whats-new-program .whatsnew-banner {
    background-image: none;
    background-color: #009999;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .tag {
    margin-top: 20px;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    margin-top: 20px;
    width: 100%!important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text p {
    width: 100%;
  }
}

@media (max-width: 1024px) {
	.inffner-bggga1nner .blogo { top:30%;  margin: 0 0 0 -95px;   width: 190px;}
	.programarea ul li{width: 33.33%;}
	.programarea ul li h3 { min-height: 60px;}
  .searchbox-right input[type="text"] {
    width: 81.33%;
  }
  .searchbox-right {
    padding-bottom: 15px;
  }
  .reports-list li {
    width: 100%;
  }
  .rightside.sidebar.related-box {
    padding: 15px 20px;
  }
  .filter-list ul li {
    padding: 0 4px;
  }
}

@media (min-width: 992px) and (max-width:1024px) {
  .webelieve, .latestform, .reporting-services, .expertsdiv {
    padding-left: 75px;
  }
}

@media (max-width: 991px) {
	.inffner-bggga1nner .blogo { top:30%;  margin: 0 0 0 -95px;   width: 190px;}
  /*.inner-header .logo {
    width: 31%;
    height: auto;
    padding: 0;
    margin-left: 16px;
  }
  .inner-header .logo a {
    margin: 0;
  }
  .inner-header .logo img {
    width: 100%;
    height: auto;
    padding: 10% 12%;
  }
  .inner-head h1 {
    margin-top: 40px
  }*/
  /*.cbp-af-header.cbp-af-header-shrink .topmenu {
    display: none;
  }*/
  /* hide when header collapsed */
  .main h1, .main p:first-child, .main h2, .main img, .main .imgbx, .listviews p {
    -webkit-column-span: all;
    /* Chrome, Safari, Opera */
    column-span: all;
  }
  .contact ul li, .annual-reports-list li {
    width: 100%;
    padding-right: 0;
  }
  .annual-reports-list li:nth-child(even) {
    margin-left: 0;
  }
  .main .annual-reports-list ul li+li {
    margin-top: 10px;
  }
  .annual-reports-list li .text {
    width: 82%;
  }
  .expert-list li .text {
    width: 75%;
  }
  .whatsnew-banner .whatsnew-banner-text {
    padding: 20px;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    width: 70%!important;
  }
  .whatsnew-banner .whatsnew-banner-text p {
    width: 70%;
    font-size: 13px;
  }
  .whatsnew-banner .whatsnew-banner-text .more {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .whatsnew-banner .whatsnew-banner-text .tag, .whatsnew-list ul li .whatnew-img .tag {
    font-size: 11px;
    font-size: 1rem;
  }
  /*.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover p,
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus p { display:none; }*/
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover p, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus p {
    display: block;
  }
  .view-whats-new-program .whatsnew-banner {
    background-image: none;
    background-color: #009999;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    margin-top: 20px;
    width: 90%!important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text p {
    width: 90%;
    display: block;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more {
    display: block;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    margin-top: 15px;
  }
  .view-whats-new-program .view-topics, h2.topics {
    margin-top: 30px!important;
  }
  body.node-type-events .view-whats-new-program .view-topics, h2.topics {
    margin-top: 0!important;
  }
  .rightside .upcoming-events-link>li {
    padding: 10px 0px;
  }
  .listviews ul li {
    padding: 35px 0;
  }
  .showmore {
    margin: 20px 0;
    padding: 5px 0px 2px !important;
    border-bottom: 1px solid #d2d2d2;
  }
  .filter-box span {
    margin-right: 10px;
  }
  .filter-box ul li {
    padding: 0 10px 0 0;
  }
  #publication .filter-box {
    text-align: left;
  }
  #publication .filter-box ul {
    width: 100%;
  }
  #publication .filter-box ul li.filter-box-label {
    width: 13%;
    padding-right: 2%;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 85%;
    margin-bottom: 20px;
  }
  .notice-box {
    margin-top: 30px;
  }
  footer {
    padding: 30px 0px;
  }
  footer .flogo {
    width: 150px;
    margin: 0 8% 0 20px;
  }
  footer .flogo img {
    width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .storytext {padding: 30px;}
  .container {
    width: 96%;
  }
  .logo {
    width: 205px;
    height: auto;
  }
  /*body.front .cbp-af-header .logo {
    margin-top: 40px;
  }*/
  body.front .cbp-af-header.cbp-af-header-shrink .logo {
    margin-top: 14px;
  }
  .main p:first-child, .main #node-1 .field-items p:first-child, .main #node-2 .field-items p:first-child, .main #block-block-12 p:first-child, .main .view-experts .view-header p:first-child, .main .view-annual-reports .view-content p:first-child, .main h1, .main h1+p {
    width: 100%;
  }
  .whatsnew-list ul {
    padding-bottom: 0;
  }
  .viewall {
    clear: left;
  }
  .searchbox-right input[type="text"] {
    width: 90%;
  }
  .searchbox-right input[type="button"], .searchbox-right input[type="submit"], button {
    width: 10%;
  }
  .midcont {
    margin-top: -70px;
    padding: 30px 20px;
  }
  .inner-banner img, .inner-banner>img {
    height: 380px;
  }
  .rightside.sidebar.commentary-recent ul li {
    float: left;
    /*width:100%;*/
    width: 50%;
    padding-right: 20px;
  }
  .biophoto {
    width: 100%;
  }
  .carousel-indicators {
    bottom: 0;
    margin-left: 80px;
  }
  .indicatorsbox {
    bottom: 60px;
  }
  .captionbox {
    bottom: 120px;
  }
  .captionbox .container {
    padding-left: 0;
    padding-right: 0;
  }
  .carousel-caption {
    margin-left: 90px;
    padding: 0;
  }
  .carousel-caption h1 {
    max-width: 70%;
    margin: 0 0 5px;
    font-size: 40px;
  }
  .carousel-caption p {
    max-width: 60%;
  }
  .carousel-inner>.item img {
    min-height: 516px;
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -30px;
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -30px;
  }
  .solutionbox .value {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .solutionbox .value .value-title h3 {
    margin-top: 40%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .bridging-box {
    margin-top: -90px;
    padding: 30px 20px;
  }
  .bridging-box h2 {
    float: none;
    margin: 10px 0 30px;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .bridging-box ul li {
    padding: 0;
  }
  .bridging-box h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .webelieve {
    padding: 10px 0 0 60px;
  }
  .whitebox {
    /*background:none;*/
    padding: 15px;
    margin: 0;
  }
  .stayconnect {
    padding: 10px 20px 30px;
  }
  .webelieve .stayconnect {
    padding: 0;
  }
  .latestform, .reporting-services {
    margin-bottom: 15px;
    padding-left: 60px;
  }
  .latestform .latestiisd .over-effect, .reporting-services .latestiisd .over-effect {
    padding: 15% 10%;
  }
  .latestform .latestiisd .over-effect .tag-title, .reporting-services .latestiisd .over-effect .tag-title {
    margin-top: 0;
  }
  .expertsdiv {
    padding: 10px 0 10px 60px;
  }
  .ourexperts h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .upcoming-events ul {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .upcoming-events ul li span {
    font-size: 13px;
    font-size: 1.3rem;
  }
  /*h2 { font-size:24px; font-size:2.4rem; }*/
  /* no idea what/why this was here. mrock, oct 5 2016 */
  body.front .topmenu {
    margin-top: 36px;
  }
  .navbar-nav>li {
    margin-right: 20px;
  }
  .navbar-nav>li>a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .main-menu li>a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .donatebg, .donatebg-home, .donatebg-inner {
    height: 370px;
    padding: 50px 0;
  }
  .donatebg-inner h2, .donatebg-home h2 {
    font-size: 29px;
    font-size: 2.9rem;
  }
  .donatebg-inner p, .donatebg-home p {
    width: 55%;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
  }
  .donatebg-home .donate, .donatebg-inner .donate {
    padding-left: 90px;
  }
  .donatebg-home .donatebtn.btn.btn-lg.btn-info, .donatebg-inner .donatebtn.btn.btn-lg.btn-info {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 30px;
  }
  .upcoming-events ul li span a {
    padding: 18px 8px;
  }
  .topmenu {
    margin-top: 20px;
    margin-right: 138px;
  }
  .cbp-af-header-shrink .topmenu {
    margin-top: 6px;
  }
  .publicationoverview li {
    width: 100%!important;
  }
  .bio-cont {
    width: 66.6667%;
  }
  .biophoto {
    width: 33.3333%;
  }
  .rightside.sidebar.relatedbox ul li .photolink {
    width: 64%;
  }
  .main.col-md-8>h1 {
    float: left;
    width: auto;
    margin-top: 0;
  }
  .donate-title, .main-title {
    margin-top: 0;
  }
  .sharethis.donate-sharethis {
    display: block;
    padding: 0;
  }
  .navbar-nav>li.open .dropdown-menu.submenu1 {
    width: 482px;
  }
  .navbar-nav>li.open .dropdown-menu.submenu2 {
    width: 482px;
    left: -134px;
  }
  .navbar-nav>li.open .dropdown-menu.submenu3 {
    width: 482px;
    left: -237px;
  }
  .navbar-nav>li.open .dropdown-menu li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .navbar-nav>li>.dropdown-menu {
    padding: 25px 290px 25px 15px;
  }
  .inner-banner, .inner-head .container {
    height: 350px;
  }
  .midcont {
    padding-top: 50px;
    margin-top: -90px;
  }
  #block-menu-menu-about-menu, .rightside, .rightside.sidebar.relatedbox {
    padding: 30px 20px;
  }
  .overviewbox-right .box2 .rightside {
    padding: 20px;
  }
  .round-photo {
    max-width: 300px!important;
  }
  .filter-box {
    text-align: center;
  }
  .filter-box span {
    float: left;
  }
  .filter-box ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 80%;
  }
  .leftclear {
    clear: both;
  }
  .filter-list ul li {
    padding: 0 4px;
  }
  .col-md-4 .topics {
    margin-top: 0;
  }
  /* unsure if this is in use. Would love to get rid of it */
  .overviewbox-right .box2 {
    margin-top: 20px;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    padding: 40px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    background-position: -680px top;
  }
  .main .programsimg h2.investment-link {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .main .programsimg h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .programsimg .programsimg-main p, .programsimg .programsimg-text p {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 910px) {
  .solutionbox .value {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .solutionbox .value .value-title h3 {
    margin-top: 44%;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .solutionbox .value:nth-of-type(1) .value-title h3, .solutionbox .value:nth-of-type(4) .value-title h3, .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin-top: 35%;
  }
  .upcoming-events ul {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .upcoming-events ul li p {
    width: 50%;
  }
  .upcoming-events ul li span {
    margin-right: 10px;
  }
  .rightside.sidebar.relatedbox ul li .photolink {
    width: 60%;
  }
}

@media (max-width: 860px) {
  a.nav-expander {
   /* padding: 17px 17px;*/
    width: 60px;
    height: 60px;
  }
  /*a.nav-expander .icon-bar { width:100%; }*/
  a.nav-expander strong {
    display: none;
  }

  .cbp-af-header.cbp-af-header-shrink a.nav-expander {
    width: 118px;
  }
  .cbp-af-header.cbp-af-header-shrink a.nav-expander strong {
    display: block;
  }
  .stayconnect a.btn {
    margin: 0 0 0 10px;
    padding: 15px;
    text-shadow: 0 0 0;
    background: #2dc3e8;
    color: #FFF;
  }
  .webelieve .stayconnect a.btn {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .stayconnect a.btn.donate {
    margin-left: 5px;
    background: #97c848;
  }
  .stayconnect a.btn:hover, .stayconnect a.btn:focus {
    background: #1f3566;
  }
  .sharethis strong {
    display: none;
  }
  .expert-list li .text {
    width: 70%;
  }
  #publication .filter-box ul li.filter-box-label {
    width: 15%;
    padding-right: 2%;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 83%;
  }
  footer .flogo {
    margin: 0 4% 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 784px) {
  footer .fnav {
    margin: 0px 10px;
  }
}

@media (min-width: 768px) and (max-width: 860px) {
  .topmenu {
    margin-right: 65px;
  }
  .ourwork li .mainimg {
    width: 100%;
    margin: 0 0 20px;
  }
  .ourwork li .work-text {
    width: 100%;
  }
  /*(.latestform .latestiisd .over-effect, .reporting-services .latestiisd .over-effect { padding:10%; }*/
  .latestform .latestiisd .over-effect .details-text, .latestform .latestiisd .over-effect .details-text .more {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    background-position: -620px top;
  }
  .whatsnew-banner .whatsnew-banner-text {
    background-position: -500px 0;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    margin-bottom: 10px;
  }
  .whatsnew-banner .whatsnew-banner-text:hover .more, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus .more, .whatsnew-banner .whatsnew-banner-text:focus h2 {
    display: block;
    width: 70% !important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover .more, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover h2, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus .more, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus h2 {
    display: block;
    width: 80% !important;
  }
  /*.view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 { margin-top:15px; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover p,
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus p { display:none; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more { display:block; color:#1e3564; }
.view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:hover, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:focus { color:#fff; }*/
  .publicationoverview>li label, .publicationoverview>li p {
    width: 100%;
    float: none;
  }
  .rightside.sidebar.relatedbox ul li .photolink {
    width: 52%;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    padding: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .main .programsimg h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .programsimg .programsimg-main p, .programsimg .programsimg-text p {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 930px) {
  .latestform .latestiisd .over-effect, .reporting-services .latestiisd .over-effect {
    padding: 10%;
  }
  .latestform .latestiisd .over-effect .details-text, .latestform .latestiisd .over-effect .details-text .more, .reporting-services .latestiisd .over-effect .details-text p, .reporting-services .latestiisd .over-effect .details-text .more {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .latestform .latestiisd .over-effect .tag-title, .reporting-services .latestiisd .over-effect .tag-title, .bridging-box .tag-title {
    font-size: 10px;
    font-size: 1rem;
  }
  .upcoming-events h4 {
    margin-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .expertsdiv .seeall {
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media (max-width: 768px) {
  .inffner-bggga1nner .blogo {margin: 0 0 0 -90px; top: 30%; width: 180px;}
  .inffner-bggga1nner .btitle{top: 50%;}
  .carousel .slide-containter {
    height: 370px;
  }
  /*carousel-caption h1, .carousel-caption p { max-width:60%; }*/
  .indicatorsbox {
    bottom: 60px;
  }
  .captionbox {
    bottom: 110px;
  }
  .captionbox .container {
    padding-left: 0;
    padding-right: 0;
  }
  .carousel-caption {
    margin-left: 78px;
    padding: 0;
  }
  .carousel-caption h1 {
    max-width: 70%;
    margin: 0 0 5px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .carousel-caption p {
    max-width: 70%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: normal;
  }
  .carousel-caption .btn {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin: 15px 0 0;
    padding: 8px 10px;
  }
  .carousel-inner>.item img {
    min-height: 370px;
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -30px;
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -30px;
  }
  .carousel-indicators {
    margin-left: 60px;
  }
  .carousel-indicators li, .carousel-indicators .active {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
	.main .storytext > p:first-child {width: 100%;font-size: 2rem;}
	.inffner-bggga1nner .blogo{margin: 0 0 0 -55px; top: 20%; width: 110px; }
	.inffner-bggga1nner .btitle {top: 35%;}
	.inffner-bggga1nner .btitle h1 { font-size: 2rem; line-height:2rem;}
	.inffner-bggga1nner .btitle h1 span{font-size: 14px;}
	.storytext { padding: 15px;}
   .programarea ul li{width: 100%;}
   .programarea ul li h3 { min-height:40px;}
  .cbp-af-header.cbp-af-header-shrink a.nav-expander {
    width: 50px;
  }
  .cbp-af-header.cbp-af-header-shrink a.nav-expander strong {
    display: none;
  }
  .inner-head h1 {
    margin-top: 50px;
  }
  .view-programs {
    margin-top: 0;
  }
  .upcoming-events {
    background: #FFF;
  }
  .block-share-this .sharethis, .sharethis.mobile-sharethis {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: auto;
  }
  .block-share-this .sharethis>strong, .sharethis.mobile-sharethis>strong {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px 6px 0 0;
    width: auto;
  }
  .block-share-this .sharethis>p, .sharethis.mobile-sharethis>p {
    float: left;
    margin: 0;
    width: 70px;
  }
  .block-share-this .sharethis a, .sharethis.mobile-sharethis a {
    font-size: 14px;
    font-size: 1.4rem;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: 2px;
  }
  .headbox h1 {
    width: 85%;
  }
  h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .media .slideshow-container p:first-child {
    width:100%;
  }
  .main p:first-child {
    font-size: 22px;
    font-size: 2.2rem;
    /* width: 85%; */
  }
  body.page-node-14405 .region-content-main-top/* employment page. Consider applying this sitewide where sidebar isn't applicable */
    {
    width: 100%;
  }
  .bridging-box {
    margin-bottom: 0;
    padding-left: 20px;
  }
  .bridging-box h3, .bridging-box p {
    margin: 0 0 15px;
  }
  .solutionbox .value {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .webelieve {
    display: block;
    padding: 20px 30px 30px 30px;
    background: #fff;
  }
  .webelieve .region-content {
    padding-top: 30px;
    border-top: 4px solid #009999;
  }
  .webelieve h2 {
    margin: 0 0 5px;
  }
  .whitebox {
    background: transparent;
    padding: 0 30px;
    margin-right: auto;
    margin-left: auto;
  }
  .latestform, .reporting-services {
    background: #FFF;
    padding: 0 30px;
    margin: 0;
  }
  .latestform h1, .reporting-services h1, .ourexperts h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .latestform h1 {
    margin-top: 40px;
  }
  .latestform .details-text, .reporting-services .details-text {
    text-transform: uppercase;
  }
  .reporting-services h1 {
    margin-left: -15px;
  }
  .ourexperts h2 {
    margin-left: 5px;
  }
  .expert .expertmainimg {
    float: none;
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
  }
  .expert .expertdetail {
    text-align: center;
  }
  .expert .breadcrumbs ul {
    display: table;
    float: none;
    margin: 0 auto;
  }
  .expert-list li .text {
    width: 80%;
  }
  body.page-about-people .expert-list li .text {
    width: 73%;
  }
  .breadcrumbs ul {
    display: table;
    float: none;
    margin: 0 auto;
  }
  body.page-about-people .breadcrumbs {
    margin: 30px 0px 20px;
  }
  body.page-about-people .breadcrumbs ul {
    display: block;
    float: left;
    margin: 0px;
  }
  .webelieve .stayconnect {
    display: none;
  }
  .annual-reports-list li .photo-img {
    margin-right: 4%;
  }
  .annual-reports-list li .text {
    width: 80%;
  }
  .upcoming-events ul li p {
    width: 76%;
  }
  .mobile-stayconnect {
    display: block;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    background: url("../images/shift-overlay.png") right top no-repeat;
  }
  .programsimg img {
    max-height: none;
  }
  .main .programsimg p:first-of-type {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .headbox {
    margin-bottom: 30px;
  }
  .view-whats-new-program, .view-topics, .view-projects/*, .block-searchterms, #block-searchterms-searchterms-right-projects*/
    {
    margin-top: 30px;
  }
  .overviewbox-right {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #2ac3ec;
  }
  .overviewbox-right .box1 {
    clear: right;
    float: right;
    width: 30%;
    margin-top: 35px;
  }
  .box1 img+a.pdflink {
    margin-top: 20px;
  }
  .overviewbox-right .box2 {
    width: 65%;
    margin: 0 5% 0 0;
  }
  .overviewbox-right .box2 h2.topics {
    margin-top: 0!important;
  }
  body.node-type-events .view-whats-new-program .view-topics, h2.topics {
    margin-top: 20px !important;
  }
  .box2 .rightside ul li {
    width: 100%;
  }
  .publicationoverview>li label {
    width: 30%;
  }
  .publicationoverview>li p {
    width: 68%;
  }
  .bottom-sidebar {
    float: left;
    width: 100%;
  }
  .overviewbox-left h1.title {
    font-size: 22px;
    font-size: 2.2rem;
  }
  /*.overviewright .pdflink{display:none;}*/
  /* no idea what this is for... */
  #publication .filter-box ul li.filter-box-label {
    width: 13%;
    padding-right: 2%;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 85%;
  }
  .notice-box {
    margin-bottom: 30px;
  }
  .donatebg, .donatebg-home, .donatebg-inner {
    height: 310px;
    padding: 55px;
    text-align: center;
  }
  .donatebg-inner h2, .donatebg-home h2 {
    margin: 20px 0;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .donatebg-inner p, .donatebg-home p {
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .donatebg-home .donate, .donatebg-inner .donate {
    padding-left: 15px;
  }
  .donatebg-home .donatebtn.btn.btn-lg.btn-info, .donatebg-inner .donatebtn.btn.btn-lg.btn-info {
    font-size: 16px;
    font-size: 1.6rem;
  }
  footer .fnav li {
    padding: 0;
  }
  footer .fnav li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  footer .stayconnect h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  footer .stayconnect a.btn {
    padding: 10px 14px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* Image gallery */
  .field-name-field-image-gallery .field-item {
    width: 25%;
  }
  #cboxTitle, #cboxCurrent {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media (min-width: 694px) and (max-width: 767px) {
  .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin: 44% 0 0;
  }
}

@media (min-width: 520px) and (max-width: 767px) {
  .latestform, .reporting-services {
    float: none;
  }
  .latestform .latestiisd, .reporting-services .latestiisd {
    clear: left;
  }
  .latestform .latestiisd, .reporting-services .latestiisd {
    padding-bottom: 20px;
    overflow: visible;
  }
  .latestform .latestiisd img {
    float: left;
    width: 212px;
    height: auto;
    margin-right: 20px;
  }
  .latestform .latestiisd:hover img, .latestform .latestiisd:focus img {
    transform: none;
  }
  .latestform .col-md-4 .over-effect {
    color: #1e3564;
    margin: 0;
    padding: 15px 0 15px 15px;
    width: 100%;
  }
  .latestform .col-md-4 .over-effect .tag-title {
    margin: 5px 0 0 0;
    float: left;
  }
  .latestform .col-md-4 .over-effect .details-text, .reporting-services .col-md-4 .over-effect .details-text {
    position: absolute;
    color: #006666;
    float: right;
    padding: 0 0 0 232px;
    width: 100%;
  }
  .latestform .col-md-4 .over-effect .details-text p {
    margin: 0 0 10px;
  }
  .latestform .latestiisd .over-effect .details-text .more:hover, .latestform .latestiisd .over-effect .details-text .more:focus {
    color: #1e3564;
  }
  .latestform .col-md-4 .over-effect, .latestform .col-md-4 .latestiisd .over-effect:hover, .latestform .col-md-4 .latestiisd .over-effect:focus {
    background: none;
    transform: none;
  }
  .latestform .latestiisd img, .reporting-services .latestiisd img {
    transition: none;
    transform: none;
  }
  .reporting-services {
    padding: 0 40px 30px;
  }
  .reporting-services .col-sm-4 {
    padding-left: 0;
  }
  .reporting-services .latestiisd-img {
    z-index: 1;
    position: absolute;
    width: 212px;
    height: 212px;
    background-color: rgba(42, 194, 235, 0.8);
  }
  .reporting-services .latestiisd-img:hover, .reporting-services .latestiisd-img:focus {
    width: 212px;
    height: 212px;
    background-color: rgba(151, 200, 72, 0.8);
  }
  .reporting-services .latestiisd img {
    float: left;
    width: 212px;
    height: 212px;
  }
  .reporting-services .latestiisd:hover img, .reporting-services .latestiisd:focus img {
    transform: none;
  }
  .reporting-services .latestiisd .over-effect:hover, .reporting-services .latestiisd .over-effect:focus {
    background-color: rgba(151, 200, 72, 0);
  }
  .reporting-services .col-md-4 .over-effect {
    background: none;
    color: #1e3564;
    margin: 0;
    padding: 15px;
    width: 100%;
    z-index: 10;
  }
  .reporting-services .col-md-4 .over-effect .tag-title {
    margin: 5px 0 0 0;
    float: left;
  }
  .reporting-services .col-md-4 .over-effect .details-text p {
    margin-bottom: 10px;
  }
  .reporting-services .latestiisd .over-effect .more {
    color: #009999;
  }
  .reporting-services .latestiisd .over-effect .more:hover, .reporting-services .latestiisd .over-effect .more:focus {
    color: #1e3564;
  }
  .latestform .latestiisd .over-effect:hover, .latestform .latestiisd .over-effect:focus {
    background-color: none;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  #block-menu-menu-about-menu, .rightside {
    margin-top: 30px;
  }
  .search #block-menu-menu-about-menu, .rightside {
    margin-top: 0;
  }
  #block-menu-menu-about-menu ul li, .rightside ul li {
    width: 50%;
  }
  #block-menu-menu-about-menu .rlink>li, .rightside .rlink>li {
    width: 50%;
  }
  #block-menu-menu-about-menu .upcoming-events-link>li, .rightside .upcoming-events-link>li {
    width: 50%;
    padding-right: 20px;
  }
  .view-projects .rightside.sidebar {
    padding-bottom: 0;
  }
  .rightside .projlink li {
    width: 50%;
    margin-bottom: 30px!important;
  }
  .rightside .projlink li+li {
    margin-top: 0!important;
  }
  .rightside.contactinfo ul li {
    width: 50%;
    padding-right: 30px;
  }
  .rightside.sidebar.relatedbox ul li {
    width: 50%;
  }
  .rightside.sidebar.relatedbox ul li:nth-child(odd) {
    clear: left;
  }
  .tpoicslink ul li {
    width: 50%;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .logo {
    width: 160px;
    height: auto;
  }
  .topmenu {
    margin: 16px 56px 0 0;
  }
  body.front .topmenu {
    margin-top: 20px;
  }
  .navbar-nav>li {
    display: inline-block;
    margin-right: 15px;
  }
  .navbar-nav>li>a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .caret {
    background-position: 0 -15px;
    width: 5px;
    height: 8px;
    margin: 5px 0 0 7px;
  }
  .cbp-af-header {
    height: 110px;
  }
  .cbp-af-header .logo {
    margin-top: 20px;
  }
 /* .inner-header.cbp-af-header .logo {
    margin-top: 0;
  }
  .inner-header.cbp-af-header-shrink .logo {
    margin-top: 14px;
  }*/
  .cbp-af-header.cbp-af-header-shrink .topmenu {
    margin-right: 40px;
  }
  .bridging-box {
    margin-top: -47px;
  }
  .bridging-box ul li .img {
    float: left;
    margin-right: 5%;
    width: 43%;
  }
  .bridging-box ul li .text {
    float: left;
    width: 52%;
  }
  .solutionbox .value .value-details {
    padding: 19% 7%;
  }
  .solutionbox .value .value-title h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  #block-views-our-work-block h2 {
    margin-top: 50px;
  }
  .expertsdiv {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ourexperts, .upcoming-events {
    padding: 40px 20px 20px 35px;
  }
  .inner-banner, .inner-head .container {
    height: 250px;
  }
  .inner-head h1 {
    font-size: 38px;
    font-size: 3.8rem;
  }
  .midcont {
    padding-top: 36px;
    margin-top: -64px;
  }
  .whatsnew-banner .whatsnew-banner-text {
    padding: 30px 20px;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    width: 60%!important;
  }
  .whatsnew-banner .whatsnew-banner-text p {
    width: 65%;
  }
  .whatsnew-banner .whatsnew-banner-text h2, .whatsnew-banner .whatsnew-banner-text a.more {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover .more, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover h2, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus .more, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus h2 {
    display: block;
    width: 90% !important;
  }
  .rightside.featuredtopics .rowdiv {
    width: 50%;
    padding: 0 2%
  }
  .breadcrumbs ul li {
    padding: 0 15px 0 0;
  }
  .breadcrumbs ul li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .breadcrumbs ul li.active {
    padding-left: 10px;
  }
}


@media (max-width: 699px) {
  .carousel-caption h1 {
    font-size: 30px;
    font-size: 3rem;
  }
  /*.main p:first-child { width: 100%!important; } /* this is the point where columns collapse. So let's push FF and IE9 to accomodate */
  footer .fnav {
    display: none;
  }
  .upcoming-events ul {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .upcoming-events ul li span {
    float: left;
  }
  .upcoming-events ul li span a {
    padding: 15px;
  }
  .upcoming-events h4 {
    margin: 0;
  }
  .upcoming-events ul li p {
    width: 55%;
    padding: 12px 0 0;
  }
  .overviewbox-right {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
  .publicationoverview>li label {
    width: 40%;
  }
  .publicationoverview>li p {
    width: 58%;
  }
}

@media (min-width: 601px) and (max-width: 699px) {
  .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin: 33% 0 0;
  }
}

@media (max-width: 600px) {
  .topics {
    margin-bottom: 15px;
  }
  .emtext {
    float: left;
    padding-left: 30px;
  }
  .figurebox {
    padding: 20px;
  }
  .whatsnew-banner .whatsnew-banner-text {
    background-position: -540px 0;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    margin-bottom: 10px;
  }
  .whatsnew-banner .whatsnew-banner-text .more:hover, .whatsnew-banner .whatsnew-banner-text .more:focus {
    color: #1e3564;
  }
  .whatsnew-banner .whatsnew-banner-text:hover .more, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus .more, .whatsnew-banner .whatsnew-banner-text:focus h2 {
    display: block;
    width: 60% !important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .tag {
    margin-top: 15px;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    margin-top: 15px;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more {
    display: block;
    margin-bottom: 10px;
    color: #1e3564;
  }
  /*.view-whats-new-program .whatsnew-banner .whatsnew-banner-text:hover p, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text:focus p { display:none; }*/
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:hover, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:focus {
    color: #fff;
  }
  .headbox h1 {
    width: 80%;
  }
  .main p:first-child {
    width: 80%;
  }
  .solutionbox .value .value-title h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 0;
  }
  .solutionbox .value .value-details p {
    margin-top: 27%;
  }
  /*.solutionbox .value { font-size:12px; font-size:1.2rem; }*/
  .allexperts-photo li {
    width: 48%;
  }
  .commentary-date br {
    display: block;
  }
  .overviewbox-right {
    padding-bottom: 20px;
  }
  /*.programsimg .programsimg-main, .programsimg .programsimg-text { padding:30px; }*/
  .main .programsimg h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 20px 0;
  }
  .main .resourceimg h2 {
    font-size: 1.3rem;
    margin: 0 0 20px 0;
  }
  .resourceimg .resource-main, .investmentimg .investment-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    font-size: 18px;
    font-size: 1.5rem;
    color: #FFF;
    line-height: 22px;
    background: url(../images/top-shadow-img.png) right top no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .main .programsimg p:first-of-type, .main .programsimg p:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (max-width: 589px) {
  .topmenu {
    display: none;
  }
  body.page-about-people .expert-list li .text {
    width: 70%;
  }
  .whatsnew-banner .whatsnew-banner-text {
    padding: 10px;
  }
  /* .whatsnew-banner .whatsnew-banner-text p {
    width: 80%;
    margin-bottom: 10px;
    font-size: 12px;
  } */
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text p {
    margin-bottom: 15px;
  }
  .headbox h1 {
    width: 88%;
  }
  .main p:first-child {
    width: 88%;
  }
  .block-share-this .sharethis>p, .sharethis.mobile-sharethis>p {
    width: 35px;
  }
  .block-share-this .sharethis a, .sharethis.mobile-sharethis a {
    font-size: 14px;
    font-size: 1.4rem;
    height: 30px;
    line-height: 28px;
    width: 30px;
    margin: 0 0 5px;
  }
  /*.block-share-this .sharethis a,.sharethis.mobile-sharethis a { font-size: 14px; font-size:1.2rem; height: 26px; line-height:23px; width: 26px; margin:2px;}*/
  #publication .filter-box ul li.filter-box-label {
    width: 15%;
    padding-right: 2%;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 83%;
  }
}

@media (min-width: 480px) and (max-width: 542px) {
  .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin: 33% 0 0;
  }
}

@media (max-width: 540px) {
  .carousel-caption h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media (min-width: 440px) and (max-width: 541px) {
  .whatsnew-banner .whatsnew-banner-text p {
    width: 85%;
    margin-bottom: 10px;
    font-size: 12px;
  }
}

@media (min-width: 542px) and (max-width: 589px) {
  .whatsnew-banner .whatsnew-banner-text p {
    width: 70%;
    margin-bottom: 10px;
    font-size: 12px;
  }
}

@media (min-width: 440px) and (max-width: 568px) {
  .donatebg, .donatebg-home, .donatebg-inner {
    padding: 20px 40px;
  }
  /*.whatsnew-banner img { min-height:170px; }*/
}

@media (max-width: 519px) {
  .latestform {
    background: #FFF;
    margin: 0;
  }
  .latestform .col-md-4 {
    width: 100%;
    margin-bottom: 20px;
    clear: left;
    padding: 0;
  }
  .latestform .col-md-4 .over-effect {
    padding: 30px;
    margin: 0;
  }
  .latestform h1, .reporting-services h1, .ourexperts h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .latestform h1 {
    margin-top: 30px;
    margin-left: -15px;
  }
  .latestiisdbox {
    padding-left: 0;
    padding-right: 0;
  }
  .reporting-services h1 {
    margin-left: 0;
  }
  .reporting-services {
    background: #FFF;
    padding: 0 15px 30px;
    margin: 0;
  }
  .reporting-services .col-md-4 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    clear: left;
  }
  .reporting-services .col-md-4 .over-effect .tag-title {
    margin: 0;
  }
  .reporting-services .col-md-4 .over-effect {
    padding: 30px;
  }
  .reporting-services .col-md-4 .over-effect .details-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.page-about-people .expert-list li .text {
    width: 65%;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    width: 94%!important;
    margin-bottom: 10px;
  }
  .whatsnew-banner .whatsnew-banner-text a.more {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .whatsnew-banner .whatsnew-banner-text:hover .more, .whatsnew-banner .whatsnew-banner-text:hover h2, .whatsnew-banner .whatsnew-banner-text:focus .more, .whatsnew-banner .whatsnew-banner-text:focus h2 {
    display: block;
    width: 100%!important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    width: 94%!important;
    margin-top: 15px;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text a.more {
    display: block;
    color: #1e3564;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:hover, .view-whats-new-program .whatsnew-banner .whatsnew-banner-text .more:focus {
    color: #fff;
  }
  #publication .filter-box ul li.filter-box-label {
    width: 18%;
    padding-right: 2%;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 80%;
  }
  /* Image gallery */
  .field-name-field-image-gallery .field-item {
    width: 33%;
  }
  #cboxTitle, #cboxCurrent {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 441px) and (max-width: 519px) {
  .latestform h1 {
    margin-left: -30px;
  }
  .reporting-services h1 {
    margin-left: -15px;
  }
}

@media (max-width:480px) {
	.inffner-bggga1nner .btitle {top: 42%;}
  .carousel-caption h1 {
    max-width: 78%;
  }
  .carousel-caption p {
    max-width: 80%;
  }
  /*.solutionbox {margin:0 0 20px 0;padding:0; width:100%;}
.solutionbox li{ height:120px; line-height:88px; margin:0 5px; width:120px;}*/
  .solutionbox .value {
    margin-top: 0!important;
    margin-bottom: 4%;
    padding-top: 48%;
    width: 48%;
  }
  .solutionbox .value:nth-of-type(2) {
    margin-left: 4%;
  }
  .solutionbox .value:nth-of-type(3) {
    margin-left: 0;
  }
  .solutionbox .value:nth-of-type(4) {
    margin-left: 4%;
  }
  .solutionbox .value:nth-of-type(5) {
    margin-left: 25%;
  }
  .solutionbox .value .value-title h3 {
    margin-top: 42%;
    font-size: 19px;
    font-size: 1.9rem;
  }
  .solutionbox .value {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .solutionbox .value:nth-of-type(1) .value-title h3, .solutionbox .value:nth-of-type(4) .value-title h3, .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin-top: 36%;
  }
  .ourwork li .mainimg {
    width: 100%;
    margin: 0 0 20px;
  }
  .ourwork li .work-text {
    width: 100%;
  }
  .mainimg>img {
    height: auto;
    max-width: 100%;
  }
  .bridging-box ul li {
    padding-top: 0;
  }
  .bridging-box ul li .date {
    float: none;
    width: 100%;
  }
  .bridging-box .tag-title {
    top: 60px;
  }
  .bridging-box ul li .img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 40px;
    border-top: 1px solid #2AC3EC;
  }
  .bridging-box ul li .img img {
    height: auto;
    width: 100%;
  }
  .bridging-box ul li .text {
    width: 100%;
    padding-left: 0;
  }
  .webelieve h2 {
    margin: 30px 0 5px;
  }
  .mobile-stayconnect p {
    max-width: 320px;
  }
  .mobile-stayconnect p a {
    float: none;
    display: inline-block;
  }
  .mobile-stayconnect p a.btn {
    display: block;
    margin: 15px 0 0 0;
  }
  .stayconnect a.btn.donate {
    margin-left: 0;
  }
  #block-menu-menu-about-menu, .rightside {
    margin-top: 0;
  }
  .searchbox-right input[type="text"] {
    width: 86%;
  }
  .searchbox-right input[type="button"], .searchbox-right input[type="submit"], button {
    width: 14%;
  }
  .expert-list li .text {
    width: 75%;
  }
  .figurebox .col1 {
    width: 100%;
    padding: 0;
  }
  .figurebox .col2 {
    width: 100%;
    padding: 0;
  }
  .filter-list ul {
    width: 80%;
  }
  .topicsfilter li {
    width: 100%;
  }
  .glyphicon-chevron-left {
    width: 10px;
  }
  .glyphicon-chevron-right {
    width: 10px;
    background-position: top right;
  }
  .projectslist .whatsnew-list ul li .whatnew-img img {
    display: none;
  }
  .overviewbox-right .box1 {
    width: 100%;
    margin-bottom: 40px;
  }
  .overviewbox-right .box1 img {
    max-width: 100%;
  }
  .overviewbox-right .box2 {
    width: 100%;
    margin: 0;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    padding: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .main .programsimg h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .programsimg .programsimg-main p, .programsimg .programsimg-text p {
    margin-bottom: 10px;
  }
  .ourexperts, .upcoming-events {
    margin-bottom: 20px;
  }
}
@media (max-width:425px) {
	.storyfluid .container {padding-left: 0;padding-right: 0;} 
}
@media (max-width:320px) {
	.inffner-bggga1nner .blogo {margin: 0 0 0 -50px;top: 18%; width: 100px;}
	.inffner-bggga1nner .btitle h1 {  line-height: 2.1rem; font-size: 2rem;}	
}
@media (min-width: 440px) and (max-width: 480px) {
  .annual-reports-list li .text {
    width: 76%;
  }
  #block-menu-menu-about-menu {
    padding: 30px 15px 15px;
  }
}

@media (min-width: 393px) and (max-width: 480px) {
  .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin: 42% 0 0;
  }
}

@media (min-width: 440px) {
  .hidden-xxs {
    display: block !important;
  }
  .visible-xxs {
    display: none !important;
  }
  .seeall .hidden-xxs {
    display: inline-block !important;
  }
}

@media (max-width: 439px) {
  .hidden-xxs {
    display: none !important;
  }
  .visible-xxs {
    display: block !important;
  }
  .seeall .visible-xxs {
    display: inline-block !important;
  }
  .showmore {
    border-bottom: 1px solid #d2d2d2;
  }
  .inner-head h1 {
    margin-top: 30px;
  }
  #block-menu-menu-about-menu, .rightside {
    padding: 30px 20px;
  }
  .block-share-this .sharethis, .sharethis.mobile-sharethis {
    right: 10px;
  }
  .main p:first-child, .main #node-1 .field-items p:first-child, .main #node-2 .field-items p:first-child, .main #block-block-12 p:first-child, .main .view-experts .view-header p:first-child, .main .view-annual-reports .view-content p:first-child, .main h1, .main h1+p, h3.commentary-date+p {
    width: 86%;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.25;
    margin-bottom: 20px;
  }
  .whatsnew-list ul {
    padding-bottom: 0;
  }
  .leftclear {
    clear: both;
  }
  .topics {
    margin-bottom: 5px;
  }
  .view-display-id-page_4 h3 {
    clear: both;
    padding-top: 10px;
  }
  .allexperts-photo li {
    width: 100%;
    text-align: left;
  }
  .allexperts-photo li img {
    width: 48%!important;
    float: left;
  }
  .allexperts-photo li p {
    width: 48%;
    float: left;
    padding: 13% 0 0 5%;
  }
  .expert .expertmainimg img.round-photo {
    max-width: 180px;
  }
  .biodetail {
    text-align: center;
  }
  .expertdetail h2, .biodetail h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .expertdetail h3, .biodetail h3 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .breadcrumbs, body.page-about-people .breadcrumbs {
    margin: 20px 0px 25px;
  }
  #publication .filter-box {
    text-align: center;
  }
  #publication .filter-box ul {
    width: 100%;
  }
  #publication .filter-box ul li.filter-box-label {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5px;
  }
  #publication .filter-box ul li.filter-box-links {
    width: 100%;
    margin-bottom: 20px;
  }
  #publication .filter-box span {
    float: none;
    margin: 0;
  }
  body.page-about-people .breadcrumbs ul {
    display: table;
    float: none;
    margin: 0 auto;
  }
  body.page-about-people .bio-cont {
    width: 100%;
  }
  body.page-about-people .expert-list li .text {
    width: 78%;
  }
  .filter-box ul {
    width: 80%;
  }
  .bottom-sidebar {
    float: left;
    width: 100%;
  }
  .searchbox-right input[type="text"] {
    width: 90%;
  }
  .searchbox-right input[type="button"], .searchbox-right input[type="submit"], button {
    width: 10%;
  }
  .main.col-md-8 {
    clear: both;
  }
  .form-submit, .btn-info {
    margin-bottom: 10px;
  }
  .nav-footer {
    display: block;
  }
  header {
    padding-bottom: 0;
  }
  .cbp-af-header, .cbp-af-header.cbp-af-header-shrink {
    height: 60px;
  }
   /*.logo a {
    width: 100%;
    height: 100%;
    float: left;
  }
 .logo img {
    display: none;
  }
  .cbp-af-header .logo {
    margin-top: 14px;
    padding: 0;
    width: 89px;
    height: 33px;
    background: url("../images/mobile-logo.png") no-repeat;
  }
  .cbp-af-header.cbp-af-header-shrink .logo {
    margin-left: 0;
  }
  .cbp-af-header.cbp-af-header-shrink .logo a {
    margin-top: 0;
    padding: 0;
    width: 89px;
    height: 33px;
    background: url("../images/mobile-logo.png") 0 -33px no-repeat;
  }
  
  body.front .cbp-af-header.cbp-af-header-shrink a.nav-expander {
    padding-top: 18px;
  }*/
  .carousel .slide-containter {
    height: 300px;
  }
  .captionbox {
    bottom: 80px;
  }
  .carousel-caption {
    display: block;
    padding: 0 50px;
    float: left;
    margin: 0;
  }
  .carousel-caption h1 {
    max-width: 78%;
    margin-bottom: 5px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .carousel-caption p {
    max-width: 90%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: normal;
  }
  .carousel-caption .btn {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin: 15px 0 0;
    padding: 8px 10px;
  }
  /*.carousel-inner > .item img { min-height:248px; }	*/
  .carousel-indicators {
    display: none;
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    top: 47%;
    margin-left: -20px;
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    top: 47%;
    margin-right: -20px;
  }
  .solutionbox .value .value-details p {
    margin-top: 33%;
  }
  .more a span.caret {
    height: 9px;
    width: 15px;
    background: url(../images/mobile-menu-arrow.png) no-repeat scroll 100% 50%!important;
    margin-top: 5px;
    margin-right: 10px;
  }
  h1 {
    margin: 15px 0;
    clear: both;
  }
  h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 15px 0;
    clear: both;
  }
  .h3, h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .h4, h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .webelieve .region-content {
    padding-top: 0;
  }
  .webelieve {
    padding: 20px 30px;
  }
  .webelieve h1 {
    border-top: 7px solid #2bc4ee;
    margin: 20px 0;
    padding-top: 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  #block-views-our-work-block h2 {
    margin-top: 30px;
  }
  .ourwork {
    margin-bottom: 20px;
  }
  .blue-text {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .form-submit, .btn-group-lg>.btn/*, .btn-lg*/
    {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .bridging-box {
    margin-top: -30px;
    padding: 20px 22px;
    border-width: 5px;
  }
  .bridging-box ul li .readmore {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .bridging-box h2 {
    margin: 20px 0 10px;
    padding: 0 10px;
    font-size: 20px;
    font-size: 2rem;
  }
  .bridging-box h4 {
    margin-top: 0;
  }
  .bridging-box ul li {
    padding: 20px 10px 10px;
  }
  .rightbox .stayconnect {
    display: none;
  }
  .mobile-stayconnect {
    display: block;
  }
  .mobile-stayconnect p a.btn {
    margin: 0 auto;
  }
  .stayconnect p a {
    margin-bottom: 15px;
  }
  .whitebox {
    background: none;
    padding: 15px;
    margin: 0;
  }
  .whitebox .row {
    margin: 0;
  }
  .expertsdiv {
    padding: 0 15px;
  }
  .upcoming-events {
    padding: 30px;
  }
  .tabs.breadcrumbs ul li {
    display: block;
    float: none;
  }
  .biophoto {
    width: 100%;
  }
  .biophoto .round-photo {
    max-width: 200px!important;
    margin-bottom: 15px;
  }
  .donatebg, .donatebg-home, .donatebg-inner {
    height: 360px;
  }
  .donatebg-home .donate, .donatebg-inner .donate {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .donatebg-inner h2, donatebg-home h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .donatebg-inner p, .donatebg-home p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  .donatebg-home .donatebtn.btn.btn-lg.btn-info, .donatebg-inner .donatebtn.btn.btn-lg.btn-info {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .donate-sharethis {
    padding: 0;
  }
  .donate-sharethis p {
    float: left;
    width: 144px!important
  }
  .donate-title, .main-title {
    margin-top: 8px;
    clear: left;
  }
  .sharethis.donate-sharethis {
    display: block;
    padding: 0;
  }
  #block-share-this-donate-share-this p a, #block-block-3 p a, .sharethis p a {
    font-size: 16px;
    font-size: 1.6rem;
    height: 30px;
    width: 30px;
    line-height: 26px;
  }
  .midcont {
    margin-top: -25px;
    padding: 25px 0 15px;
  }
  .blue-text1 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  /*.inner-header .logo {
    width: 110px;
    height: 48px;
    margin-top: 0;
    margin-left: 0;
    padding: 5px;
    background: #fff;
  }*/
  .cbp-af-header.cbp-af-header-shrink .logo {
    margin-top: 14px;
  }
  /*.inner-header .logo a {
    width: 72px;
    height: 27px;
    margin: 6px 0 0 10px;
    padding: 0;
    background: url(../images/mobile-logo.png) 0 -68px no-repeat;
  }*/
  .inner-banner, .inner-head .container {
    height: 174px;
  }
  .inner-head h1 {
    padding-left: 15px;
    font-size: 30px;
    font-size: 3rem;
  }
  .navbar-header {
    margin: 0 5px;
  }
  .navbar-nav>li.more, .navbar-nav>li.more:hover, .navbar-nav>li.more, .navbar-nav>li.more:focus {
    background: none;
  }
  /*.navbar-collapse.in .navbar-nav, .navbar-nav {
    background: #eee;
  }
  .navbar-collapse.in .navbar-nav>li, .navbar-nav>li {
    padding: 8px;
  }
  .navbar-collapse.in .navbar-nav>li>a, .navbar-nav>li>a, .inner-header .navbar-nav>li>a, .navbar-nav>li.more a.dropdown-toggle {
    color: #1e3564;
    font-size: 14px;
    font-size: 1.4rem;
  }*/
  .navbar {
    float: left;
    margin: 0!important;
    width: 100%;
  }
  /*body.front a.nav-expander {
    padding: 15px 14px;
    width: 44px;
    height: 48px;
  }*/
  .rightbox {
    float: none;
  }
  .expert-list li .text {
    width: 72%;
    float: left;
  }
  #block-menu-menu-about-menu, .rightside {
    margin-top: 10px;
  }
  .main.col-md-8>h1 {
    float: left;
    width: auto;
    margin-top: 0;
    clear: left;
  }
  .contact ul li {
    width: 100%;
  }
  .contact h1 {
    clear: left;
    float: left;
    margin-top: 5px;
    width: auto;
  }
  .annual-reports-list li {
    width: 100%;
  }
  .annual-reports-list li .text {
    padding-right: 0;
    width: 75%;
  }
  .filter-box ul li {
    padding: 0 10px;
  }
  .right-img {
    float: left;
    width: 100%;
    text-align: center;
  }
  .right-img .round-photo {
    max-width: 200px!important;
  }
  .main.col-md-12 {
    clear: both;
  }
  .headbox {
    margin-bottom: 20px;
  }
  .view-whats-new-program, .view-topics, .view-projects {
    margin-top: 20px;
  }
  .whatsnew-list ul li {
    padding: 15px 0px 30px;
    border-bottom: 1px solid #ccc;
  }
  .whatsnew-list ul li:last-child {
    padding-bottom: 15px;
    border-bottom: none;
  }
  .view-whats-new-program .whatsnew-list ul li {
    padding: 30px 0px;
  }
  .whatsnew-banner {
    margin-bottom: 20px;
  }
  .whatsnew-banner .whatsnew-banner-text {
    padding: 30px 20px;
    background-position: -550px 0;
  }
  .whatsnew-banner .whatsnew-banner-text h2 {
    width: 84%!important;
  }
  .whatsnew-banner .whatsnew-banner-text p {
    width: 80%;
    font-size: 12px;
  }
  .whatsnew-banner img {
    min-height: 200px;
  }
  .view-whats-new-program .view-topics, h2.topics {
    margin-top: 15px;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text h2 {
    width: 100%!important;
  }
  .view-whats-new-program .whatsnew-banner .whatsnew-banner-text {
    width: 90%;
    padding: 5%;
  }
  .view-whats-new-program .whatnew-img img, .whatsnew-list.program-block ul li .whatnew-img img {
    display: none;
  }
  .whatsnew-list.program-block ul li .whatnew-img .tag {
    float: left;
    left: 0;
    position: relative;
  }
  .whatsnew-list ul li .whatnew-img {
    width: 100%;
    margin: 0;
    background: none;
  }
  .view-topics .whatsnew-list ul li .whatnew-img {
    margin-bottom: 30px;
  }
  .whatsnew-list ul li .whatnew-img .tag {
    left: 0;
    bottom: 10px;
    top: auto;
    right: auto;
  }
  .whatsnew-list ul li .whatnew-text {
    width: 100%;
  }
  .view-projects .whatsnew-list ul li .whatnew-img {
    display: none;
  }
  /*body.page-library .whatsnew-list ul li .whatnew-img { background:#009999; }*/
  body.page-library .whatsnew-list ul li .whatnew-text, body.page-blog .whatsnew-list ul li .whatnew-text {
    padding: 20px 0 0;
    width: 100%;
  }
  body.page-library .showmore {
    margin-bottom: 50px;
    padding: 10px 0px 8px !important;
  }
  .search .keywords-search {
    margin-bottom: 10px;
  }
  .rightside.featuredtopics {
    padding: 40px 30px 0px;
  }
  .topicsbox .whatsnew-list ul li .whatnew-img {
    display: none;
  }
  .col-md-4.search {
    float: left;
    width: 100%;
  }
  .introduction-text p {
    font-size: 16px!important;
    font-size: 1.6rem;
  }
  .col-sm-4 .topics {
    margin-top: 30px;
  }
  .glyphicon-chevron-left {
    width: 15px;
  }
  .glyphicon-chevron-right {
    width: 15px;
    background-position: top right;
  }
  .main .programsimg p:first-of-type {
    font-size: 20px;
    font-size: 2rem;
  }
  .breadcrumbs ul li {
    padding: 0 20px 0 15px;
  }
  .sortingbox {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .listviews ul li {
    padding: 30px 0px;
  }
  .event-details li label {
    width: 30%;
    max-width: 80px;
  }
  .event-details li p {
    width: 70%;
  }
  .tpoicslink ul li, .rightside .projlink {
    width: 100%;
  }
  /* Image gallery */
  .field-name-field-image-gallery .field-item {
    width: 50%;
  }
  /* Google Search */
  .gsc-table-cell-thumbnail, .gs-promotion-image-cell, .gsc-table-cell-snippet-close, .gs-promotion-text-cell {
    display: block;
    padding: 0 !important;
    width: 100% !important;
  }
  .gs-web-image-box, .gs-promotion-image-box {
    float: none!important;
    height: auto!important;
    margin-bottom: 30px!important;
  }
}

@media (max-width:414px) {
  .headbox h1 {
    width: 85%;
  }
  h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h3.commentary-date {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .main p:first-child, .main #node-1 .field-items p:first-child, .main #node-2 .field-items p:first-child, .main #block-block-12 p:first-child, .main .view-experts .view-header p:first-child, .main .view-annual-reports .view-content p:first-child, .main h1, .main h1+p, h3.commentary-date+p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .captionbox {
    bottom: 70px;
  }
  .upcoming-events {
    padding: 30px 15px;
  }
  .upcoming-events ul {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .upcoming-events ul li span {
    width: 90px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .upcoming-events ul li span a {
    padding: 10px;
  }
  .upcoming-events h4 {
    margin: 0;
  }
  .upcoming-events ul li p {
    width: 50%;
    padding: 6px 0 0;
  }
}

@media (max-width:184px) {
  .reports-list li .text {
    width: 76%;
  }
  .flogo>img {
    display: none;
  }
  footer .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  footer .flogo {
    background: url("../images/footer-logo.png") 0 0 no-repeat;
    height: 35px;
    width: 100px;
    margin: 6px 0 0;
  }
}

@media (max-width: 374px) {
  /* anything smaller than an iphone 6 */
  .hidden-xxs {
    display: none;
  }
  .carousel-caption h1 {
    max-width: 100%;
  }
  .carousel-caption p {
    max-width: 100%;
  }
  .solutionbox .value .value-title h3 {
    margin-top: 42%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .solutionbox .value {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .solutionbox .value:nth-of-type(1) .value-title h3, .solutionbox .value:nth-of-type(4) .value-title h3, .solutionbox .value:nth-of-type(5) .value-title h3 {
    margin-top: 34%;
  }
  .ourexperts-photo li p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /*.main p:first-child { width:85% !important; }*/
  .reports-list li .text {
    width: 72%;
  }
  .programsimg .programsimg-main:hover .programsimg-detail p, .programsimg .programsimg-text:hover .programsimg-detail p, .programsimg .programsimg-main:focus .programsimg-detail p, .programsimg .programsimg-text:focus .programsimg-detail p, .programsimg .programsimg-main:active .programsimg-detail p, .programsimg .programsimg-text:active .programsimg-detail p {
    display: none;
  }
  .programsimg .programsimg-main:hover .programsimg-detail a, .programsimg .programsimg-text:hover .programsimg-detail a, .programsimg .programsimg-main:focus .programsimg-detail a, .programsimg .programsimg-text:focus .programsimg-detail a, .programsimg .programsimg-main:active .programsimg-detail a, .programsimg .programsimg-text:active .programsimg-detail a {
    display: block;
  }
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    padding: 40px 30px;
  }
  .main .programsimg h2 {
    margin-bottom: 20px;
  }
}

/* START program highlight items */

/* I've added a .program-landing-main class to #main (page--program.tpl.php) to target elements previously in use outside of the updated program landing page. Should changes need to be applied globally, we can remove the class from the selector's below. mrock, oct 4 2016 */

.program-highlights {
  position: relative;
  float: none;
  height: 460px;
  width: 100%;
  margin-bottom: 30px;
}

.program-highlight-item {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 50%;
  height: 226px;
  border-left: 8px solid #fff;
  overflow: hidden;
}

.program-highlight-item:nth-child(1) {
  height: 460px;
  border-left: none;
}

.program-highlight-item .program-highlight-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.program-highlight-item .program-highlight-image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: -moz-linear-gradient(top, rgba(47, 45, 77, 0) 0%, rgba(47, 45, 77, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(47, 45, 77, 0) 0%, rgba(47, 45, 77, 1) 100%);
  background: linear-gradient(to bottom, rgba(47, 45, 77, 0) 0%, #006666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f2d4d', endColorstr='#2f2d4d', GradientType=0);
}

.program-highlight-item:nth-child(1) .program-highlight-image::before {
  height: 50%;
}

/* .program-highlight-item a .program-highlight-image {
  transition: all 0.7s;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.program-highlight-item a:hover .program-highlight-image, .program-highlight-item a:focus .program-highlight-image {
  -moz-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
} */

.program-highlight-item a:hover .program-highlight-content h3, .program-highlight-item a:focus .program-highlight-content h3 {
  text-decoration: underline;
}

.program-highlight-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  color: #fff;
}

.program-highlight-content .tag {
  display: inline-block;
  margin-bottom: 20px;
  padding: 2px 5px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  background: #009999;
}

.program-highlight-content h3 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
  text-transform: none;
}

.program-highlight-item:nth-child(1) .program-highlight-content h3 {
  font-size: 17px;
  font-size: 1.7rem;
}

/* program intro */

span.more {
  color: #009999;
  cursor: pointer;
  margin-top: 22px;
}

span.more:hover {
  color: #1e3564;
}

div.program-intro-fade {
  position: relative;
  overflow-y: hidden;
  width: 100%;
  padding: 0;
  margin: 25px 0;
  float: left;
}

.program-introduction {
  padding: 25px 20px;
  background-color: #f7f6f6;
}

.program-introduction p:last-of-type {
  margin-bottom: 0;
}

.program-introduction h2 {
  color: inherit;
  margin: 0;
}

.program-introduction a.more {
  font-size: 14px;
  font-size: 1.4rem;
}

.program-introduction a.show-less .glyphicon {
  top: 2px;
}

/* program social channel links */

.program-social-channels {
  border-top: 7px solid #29c3ec;
  border-bottom: 2px solid #e8e6e6;
}

.program-social-channels .inside {
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

.program-social-channels h3 {
  float: none;
  margin: 0 0 5px;
  font-size: 14px;
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #9e9f9f;
}

.program-social-channels p {
  margin-bottom: 0;
  float: none;
}

.program-social-channels a.sharethis {
  float: none;
  display: inline-block;
  border-radius: 200px;
  background: #29c3ec;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  width: 30px;
  height: 30px;
  margin: 10px 5px;
  text-align: center;
  padding-top: 2px;
  line-height: 29px;
}

.program-social-channels a.sharethis:hover, .program-social-channels a.sharethis:focus {
  background: #083266;
}

.program-social-channels .btn-info {
  text-transform: uppercase;
  margin: 5px 5px 10px;
  height: 30px;
}

/* program outputs */

.program-landing-main .whatsnew-banner, .program-landing-main .whatnew-img .tag {
  display: none;
}

.program-landing-main .whatsnew-list ul li {
  border-top: 1px solid #e8e6e6;
  padding: 25px 0;
}

.program-landing-main .whatsnew-list ul li .whatnew-img {
  width: 14%;
  margin-right: 4%;
}

.program-landing-main .whatsnew-list ul li .whatnew-text {
  width: 82%;
}

.program-landing-main .whatsnew-list h3 {
  float: none;
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #9e9f9f;
}

.program-landing-main .whatsnew-list ul li .whatnew-text p {
  margin-bottom: 0;
}

.program-landing-main .whatsnew-list ul li .whatnew-img a img {
  transition: all 0.5s;
}

.program-landing-main .whatsnew-list ul li .whatnew-img a:hover img, .program-landing-main .whatsnew-list ul li .whatnew-img a:focus img {
  opacity: .7;
}

/* program sidebar */

.program-landing-main .region-sidebar-second .rightside, .rightside.sidebar.relatedbox.featuredtopics {
  border-top-color: #D7DF23;
  padding: 30px 30px 10px;
}

.program-landing-main .rightside .rowdiv {
  margin-bottom: 20px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.program-landing-main .rightside .rowdiv {
  background: #29c3ec;
}

/* light blue (default) */

.program-landing-main .rightside.featuredtopics .rowdiv {
  background: #29c3ec;
}

/* light blue */

.program-landing-main .rightside.featuredevents .rowdiv {
  background: #f18920;
}

/* dark orange */

.program-landing-main .rightside.featuredprojects .rowdiv {
  background: #5abc8a;
}

/* dark green */

.program-landing-main .rightside.featuredtopics .rowdiv:hover, .program-landing-main .rightside.featuredtopics .rowdiv:focus {
  background: #083266;
}

/* dark blue */

.program-landing-main .rightside.featuredevents .rowdiv:hover, .program-landing-main .rightside.featuredevents .rowdiv:focus {
  background: #e1472e;
}

/* red */

.program-landing-main .rightside.featuredprojects .rowdiv:hover, .program-landing-main .rightside.featuredprojects .rowdiv:focus {
  background: #97c848;
}

/* bright green */

/* jan 4 2017 - hide img in program featured topics. */
.view-featured-topics-publication div.rowdiv img { display: none; }

.program-landing-main .rightside h3 {
  background: none;
  /*position: absolute;*/
  padding: 25px 15px;
  text-transform: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.program-landing-main .rightside a h3, .program-landing-main .rightside a:hover h3, .program-landing-main .rightside a:focus h3, .program-landing-main .rightside a:hover, .program-landing-main .rightside a:focus {
  z-index: 2;
  color: #fff;
}

.program-landing-main .rightside img {
  z-index: 1;
}

/* Hiding the images for now. Should be removed/template reworked to accomodate colors instead */

/*.program-landing-main .rightside a img { opacity: .3; transition: all 0.5s; } */

.program-landing-main .rightside a img, .program-landing-main .rightside a:hover img, .program-landing-main .rightside a:focus img {
  opacity: 0;
}

.program-landing-main .viewall, .program-landing-main .viewall i {
  color: #009999;
}

.program-landing-main .viewall:hover, .program-landing-main .viewall:hover i {
  color: #083266;
}

@media (max-width: 767px) {
  .program-highlights {
    height: auto;
  }
  .program-highlight-item, .program-highlight-item:nth-child(1) {
    width: 100%;
    height: 226px;
    border-left: none;
  }
  .program-highlight-item:nth-child(1) .program-highlight-image::before {
    height: 70%;
  }
  .program-introduction {
    border-bottom: 30px solid #fff;
  }
  .program-social-channels {
    padding: 10px 20px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .program-landing-main .region-sidebar-second .rightside {
    padding-bottom: 30px;
  }
  .program-landing-main .rightside .rowdiv {
    width: 46%;
    margin: 2%;
    padding: 0;
  }
}

@media (max-width: 439px) {
  .program-highlight-content {
    padding: 20px;
  }
  .program-landing-main .whatsnew-list ul li {
    border-bottom: none;
  }
}

/* END program highlight items */

/* START Bootstrap 3 responsive columns of same height */

/* ref; http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */

/* USAGE
	<div class="row">
		<div class="row-height">
			<div class="col-xs-2 col-xs-height col-xs-middle">
				<div class="inside"></div>
			</div>
			<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
				<div class="inside"></div>
			</div>
		</div>
	</div>
	*/

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
}

.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/* END Bootstrap 3 responsive columns of same height */

body.page-user ul.tabs {
  display: none;
}

/* image captions - July 18, 2017 */

figure.image figcaption {
  font-size: 13px;
  padding-top: 4px;
  margin-bottom: 20px;
  font-family: arial;
}

/* padding for blog images - August 22, 2017 */

.page-blog figure.image {
  padding-left: 20px;
  padding-right: 20px;
}

/* oct 12, 2017 - added to fix bug where bullet sometimes appears on right.  */

.node-type-events div#main ul {
  clear: both;
}

.node-type-projects div#main ul {
  clear: both;
}

/* --- Print Screen --- */

@media print {
  .inner-header, .inner-banner, .search, .donatebg-inner, .stayconnect, .block-menu, .block-share-this, .logo, .mobile-sharethis, .flogo {
    display: none;
  }
  .midcont {
    padding: 100px 20px;
  }
  h1.title {
    font-size: 36px;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  ul, img {
    page-break-inside: avoid;
  }
  article a {
    font-weight: bolder;
    text-decoration: none;
  }
  article a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
}


/* jan 12 2018 */

.sdg-events-box { color: #fff; background-color: #ccc; padding: 15px; margin-top: 80px; }

@media (max-width: 991px)
{
	.sdg-events-box	{ display: none; margin-top: 10px; margin-bottom: 10px; }
}

/* May 9 2018 - Our Focus Temp Update */
.narrativesbox {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.narrativescontent {
  display: block;
  margin: 10px 0;
}
.narrativestitle {
  margin: 5px 0 5px 0;
  display: block;
  position: relatives;
  color: #083266;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.narratives-short-summary {
  padding-bottom: 5px;
  margin-bottom: 0px;
  color: rgb(8, 50, 102);
  font-size: 16px;
  font-family: Georgia, Times, "Times New Roman", serif;
}
a.narrative-links{
  color: #009999;
  text-decoration: none;
  font-size: 16px;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.narrativesbox-story {
  display: block;
  float: left;
  width: 100%;
  margin: 10px 0 30px;
}

@media (min-width: 1200px) {
  .programsimg .programsimg-main, .programsimg .programsimg-text {
    background-position: -620px top;
  }
  .programsimg img.r-and-r {
    width: 100%;
    max-height: 120px;
    height: auto;
  }
}

/* Investment Research and Resources */
.programsimg img.r-and-r {
  width: 100%;
  max-height: 120px;
  height: auto;
}

@media (min-width: 601px) {  
  .resourceimg .resource-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 30px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #FFF;
    line-height: 22px;
    background: url(../images/top-shadow-img.png) right top no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .main .resourceimg h2 {
    font-size: 1.5rem;
    margin: 0 0 20px 0;
  }
}

@media (max-width: 320px) {
  .webelieve {
    padding: 10px 30px 20px 30px;
  }
  .slideblock.activeblock h3 {
    display: block;
    width: 200px;
    position: absolute;
    top: 115px;
    left: 0%;
    text-align: left;
    font-size: 20px;
    line-height: 20px;
  }  
  .topic-text {
    background: #083266;
    background-image: -webkit-linear-gradient(top, #083266, #083266);
    background-image: -moz-linear-gradient(top, #083266, #083266);
    background-image: -ms-linear-gradient(top, #083266, #083266);
    background-image: -o-linear-gradient(top, #083266, #083266);
    background-image: linear-gradient(to bottom, #083266, #083266);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #29c3ec;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
  }
  .topic-text:hover {
    background: #ffffff;
    text-decoration: none;
  }
  .commonclose p {
    display: none; 
  }
  .front .slideshow-container {
    width: 250px;
  }
}

h2.savi-title {
  font-size: 28px;
}
/************************* contact form ost   *****************/
#contact-form-form div label{
display: block !important;
}
#contact-form-form div div #edit-message{ width:50% !important;}
/************************ Mar 12 2018 expert page ***************************/

.page-about .headbox {
    margin-bottom: 20px;
}
.user_details{
	display:table-cell;
	vertical-align: middle;
	width:75%;
}

.right_user_details{
	display:table-cell;
	vertical-align: middle;
	width:25%;
}

.user_details .user-img{
	width:250px;
	display:table-cell;
}

.user_title{
	display:table-cell;
	padding: 0 50px;
	box-sizing: border-box;
}
.user_title h2{
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 600;
    color: #1e3564;
	font-size: 1.5em;
    text-transform: unset;
	margin: 0;
}

.user_title span{
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 600;
    color: #009999;
	font-size: 1.0em;
    text-transform: unset;
	margin: 0;
}


.btn-conatct{
	width: 268px;
	color: #fff;
	text-transform: unset;
	font-size: 2.5rem;
	font-weight: normal;
}

.btn-conatct:hover, .btn-conatct:focus{
	background:#29c3ec;
	color: #fff;
}
.user_contact{
	float: right;
	margin-bottom: 10px;
}
.user_social{
	float: right;
	width: 100%;
	text-align:center;
}
.user_social span{
	display:inline-block;
}

.user_social span i{
	display: inline-block;
	color:#29c3ec;
	font-size:3.5rem;
	padding:10px 15px;
	vertical-align: middle;
}
.user_social span:first-child i{
	padding-left:0px;
}
span.italic_text{
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
    color: #777;
	font-size: 0.7em;
}
.view-experts .expert #bios {
	margin-bottom:10px;
}

#publication h2 {
     /* changed display to hide the "all publications" heading in the expert page*/
	display: none;
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.5;
    color: #1e3564;
    margin: 0 0 15px;
    padding: 0;
    font-size:2rem;
    text-transform: uppercase;
	border-bottom: 2px solid #009999;
}

#publication .expert-list li .text {
    float: left;
    width: 100%;
	font-size: 1.7rem;
}
#publication .expert-list li .text strong {
    font-size: 1.4rem;
	margin-bottom: 5px;
}

#publication .text .photolink{
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	margin-bottom:5px;
	font-size: 1.5rem;
	color:#009999;
	text-transform: uppercase;
}

.contactinfo p, .contactinfo p a.backlinksss{
	color:#009999;
    display: block;
	width: 100%;
}

.contactinfo p a.backlinksss{
	margin-top: 10px;
}

.contactinfo p a:first-child.backlinksss{
	margin-top: 0px;
}

.contactinfo p a.backlinksss:hover, .contactinfo p a.backlinksss:focus {
    color: #1e3564;
}

.rightside.contactinfo ul li:last-child p {
   /* margin-bottom:0;*/
}

.mobile-sidebar-expert{
	display:none;
}

@media (max-width: 768px) {

	.user_details {
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}
	.user_details .user-img {
		display: block;
		margin: auto;
	}

	.user_details .user-img img {
		margin-bottom: 30px;
	}
	.user_title {
		display: block;
		padding: 0;
		text-align: center;
	}
	.right_user_details {
		float: left;
		width: 100%;
		text-align: center;
	}
	.user_contact {
		float: left;
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.user_social {
		float: left;
		width: 100%;
		text-align: center;
	}
	.btn-conatct {
		margin: auto;
		float: none;
	}

	.mobile-container{
		width:100%;
		display:block;
	}

	.page-about-expert .headbox {
		display:inline-block;
		width:50%
	}

	.mobile-sidebar-expert{
		display:inline-block;
		width:50%
	}

	.page-about-expert #main .main.col-md-8.col-sm-8.col-xs-12, .page-expertise_directory #main .main.col-md-8.col-sm-8.col-xs-12{
		width:100%;
	}
	.page-about-expert #main .sidebar-expert.col-md-4.col-sm-4.col-xs-12, .page-expertise_directory #main .sidebar-expert.col-md-4.col-sm-4.col-xs-12{
		display:none;	
	}

	.page-about-expert .rightside.contactinfo ul li {
		width: 100%;
		padding-right: 0px;
	}

}

@media (max-width: 600px) {

	.page-about-expert .headbox {
		display:block;
		width:100%
	}

	.mobile-sidebar-expert{
		display:block;
		width:100%;
		margin: 10px 0;
		float: left;
	}
}


/************************ Mar 13 2018 directory page ***************************/

.cbp-af-header .nav-searchbox {
    width: 300px;
}

.region-content-top h2{
	color: #009999;
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .02em;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
	width: 100%;
	margin: 0 0 20px 0;
	text-transform: unset;
}
#block-sort-by-sort-by-research-areas, .page-expertise-directory .region-sidebar-second .block, .page-expertise_directory .region-sidebar-second .block{
    float: left;
    width: 100%;
    background: #f7f6f6;
    padding: 30px;
	margin-bottom: 30px;
    border-top: 7px solid #d7df23;
}

.page-expertise-directory #sort-by-form {
    text-align: center;
}

#block-sort-by-sort-by-research-areas label {
    display: block;
	margin-bottom: 15px;
	text-align: left;
}

#block-sort-by-sort-by-research-areas #edit-sorted-by {
	display: block;
    width: 100%;
}

#sort-by-form #edit-submit-button{
    background: #1f3566;
	min-width: 150px;
   margin-top: 10px;
}

#sort-by-form #edit-submit-button:hover{
    background: #009999;
}

.mobview.btn.bluebtn {
    display: none;
}

ul.our_expertlist{
	padding-left:0;
}

.main h2.accordion_title {
    font-weight: 700;
    float: none;
    font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: unset;
}
.views-field.views-field-name {
    display: block;
	margin-bottom: 10px;
}
.views-field.views-field-name .field-content{
	display: block;
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 2.0rem;
	color:#777;
}

body.page-about-experts .headbox h1{
	width:100%;
	display:block;
}

body.page-about-experts .region-content-main-top h2 {
    color: #2DC3E8;
    font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    width: 100%;
    margin: 0 0 20px 0;
    text-transform: unset;
}

#block-about-experts-about-experts-filter-link{
    background: #f7f6f6;
    padding: 30px;
    margin-bottom: 30px;
    border-top: 7px solid #d7df23;
}


#block-about-experts-about-experts-filter-link a {
    font-size: 16px;
    font-size: 1.8rem;
    font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	outline: none;
}

.modal-backdrop {
    z-index: 10000;
}
.modal {
    z-index: 10005;
}

body.page-about-experts .main .region-content-main-top .content p{
    width: 100%;
}

body.page-about-experts .mobile-view{
	display:none;
}
body.page-about-experts a.filterclass{
	display: none;
	font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	color: #2DC3E8;
	text-align: right;
}

body.page-experts-directory .region-sidebar-second, body.page-expertise-directory .region-sidebar-second {
    font-size: 1.8rem;
    font-weight: 600;
}

body.page-experts-directory .region-sidebar-second .our_expertlist, body.page-expertise-directory .region-sidebar-second .our_expertlist{
	margin-bottom:0px;
}


body.page-experts-directory .region-sidebar-second .our_expertlist li, body.page-expertise-directory .region-sidebar-second .our_expertlist li{
	margin-left:0;
	text-align: center;
}


@media (max-width: 768px) {

	.page-expertise-directory .mobile-sidebar-expert{
		display:block;
		width:100%;
		float:left;
		text-align: center;
		margin: 10px 0;
	}
	.page-expertise-directory .mobile-sidebar-expert .block-block .our_expertlist{
		display:none;
	}

	#block-sort-by-sort-by-research-areas, .page-expertise-directory .region-sidebar-second .block{
		float: left;
		width: 100%;
		background: #fff;
		padding: 0;
		margin-bottom: 10px;
		border-top: 0px solid #2bc4ee;
	}

	.page-expertise-directory #sort-by-form {
		text-align: left;
		display: inline-block;
		width: 100%;
	}
	.form-item.form-type-select.form-item-sorted-by {
		display: inline-block;
		margin-right: 15px;
	}
	.buttons_go {
		display: inline-block;
	}
	#sort-by-form #edit-submit-button {
		display: inline-block;
		margin-right: 20px;
	}
	#block-sort-by-sort-by-research-areas label {
		display: inline-block;
		margin-right: 10px;
	}

	#block-sort-by-sort-by-research-areas #edit-sorted-by {
		display: inline-block;
		width: auto;
	}

	#sort-by-form #edit-submit-button {
		background: #1f3566;
		min-width: 50px;
		margin-top: 10px;
	}
	.mobview.btn.bluebtn {
		display: inline-block;
		padding: 8px 20px;
		font-style: italic;
		font-weight: 400;
	}

	body.page-about-experts .mobile-view, body.page-about-experts a.filterclass{
		display:block;
	}

	#block-about-experts-about-experts-filter-link{
		display:none;
	}

	#autosearch-form .form-item-AEfilter {
		width: 68%;
	}

	#autosearch-form label {
		margin: 0 0 10px 0;
	}

	#autosearch-form input#edit-submit-button--2, #autosearch-form input#edit-resetfilter-button--2, #autosearch-form a#edit-resetfilter-button--2 {
		width:15%;
		margin-top: 35px;
	}

	#edit-aefilter {
		max-width: 410px;
	}

	.user_sction {
		margin-bottom: 25px;
	}

	.sction_left {
		width: 20%;
	}

	.sction_right {
		width: 80%;
		border-bottom: 0px solid #ccc;
	}

	.extra_space{
		display:none;
	}

	.user_name {
		display: block;
		width: 100%;
	}

	.view_all {
		display: block;
		width: 100%;
		line-height: 1;
	}

	.view_all .bottom_link {
		font-size: 1.4rem;
		margin-top: 10px;
	}

}

@media (max-width: 768px) {

	.page-expertise-directory #sort-by-form {
		text-align: center;
	}
	.mobview.btn.bluebtn {
		padding: 7px 20px;
	}
	.form-item.form-type-select.form-item-sorted-by {
		margin: auto;
	}

}


@media (max-width: 600px) {

	#autosearch-form > div {
		text-align: center;
	}
	#autosearch-form .form-item-AEfilter {
		width: 100%;
	}
	#autosearch-form label {
		text-align: left;
	}
	#autosearch-form input#edit-submit-button--2, #autosearch-form input#edit-resetfilter-button--2, #autosearch-form a#edit-resetfilter-button--2 {
		width: 110px;
		margin: 0 15px 0 0;
	}
	body.page-about-experts a.filterclass {
		text-align: center;
		margin: 20px 0;
		float: left;
		width: 100%;
	}

	.user_sction {
		text-align: center;
	}

	.sction_left, .sction_right  {
		display: block;
		width: 100%;
		height: auto;
	}

	.view_all {
		margin-top: 10px;
	}
	.view_all .bottom_link {
		display:none;
	}

}

.council-docs, .council-structure {
  display:none;
  margin: 2rem 0; 
}

.cciced-titles {
  margin-bottom: 0;
}

.council-title {
  text-transform: uppercase;
  margin-bottom: 0;
}

.council-name {
  font-weight: 600;
}

.council-headings {
  margin-bottom: 0!important;
  font-size: 2rem!important;
}

.clickable-heading{
  background-color: #/2BC4EE; 
  color: #/fff;  
  border: none;
  padding: 1.5rem 0;
  font-weight: 600;
  letter-spacing: .02em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.25rem;
  font-family: "Cabin", Arial, Helvetica Neue, Helvetica, sans-serif;
  text-transform: uppercase;
}

.agm-title {
  margin-bottom: .5em!important;
}

.agm-document {
  margin: 1em 0!important;
}

.agm-description {
  margin-bottom: 1em!important;
}

/* Custom staff contact form */

body.page-experts-contact-form .form-text, body.page-experts-contact-form .form-textarea { padding: 4px 6px 4px 6px; font-family: verdana; font-size: 14px; font-weight: normal; color: #000; }
body.page-experts-contact-form form { padding: 0px; }

body.page-experts-contact-form #contact-form-form div label.option { display: inline !important; }

body.page-experts-contact-form input#edit-privacy-checkbox-agree { margin-top: 0; }

/*


*/