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


/* jmacki: font removed April 20, 2020 */


/*
@font-face {
    font-family: 'proxima-nova-alt';
    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 {
    font-family: "adobe-garamond-pro", Georgia, Times, Times New Roman, serif;
    font-style: normal;
    font-weight: 400;
    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: 2rem;
    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;
    font-family: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    color: #1e3564;
    line-height: 1.25;
    float: left;
    width: 100%;
}

h1 {
    font-size: 38px;
    font-size: 3.8rem;
    color: #1e3564;
}

h2 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.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.6rem;
}

h5 {
    font-size: inherit;
}

a {
    color: #2ac2eb;
    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: "proxima-nova-alt", 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: #1f3566;
    color: #FFF;
    padding: 6px 20px;
    text-transform: uppercase;
}

.bluebtn:hover,
.bluebtn:focus {
    background: #2ac2eb!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: #2dc3e8;
    color: #fff;
}

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

.form-submit,
input.gsc-search-button {
    font-family: "proxima-nova-alt", 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: #1f3566;
}

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

label {
    font-family: "proxima-nova-alt", 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: #1E3564;
}

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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #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: "proxima-nova-alt", 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: #2bc4ee;
}

.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: #2ac2eb;
    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: 180px;
    -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: #1f3566;
}

.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.png") 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: #FFF;
}

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

.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: "proxima-nova-alt", 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 #2ac2eb;
    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: "proxima-nova-alt", 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: #2ac2eb;
}

#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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #FFF;
}

.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: #27c0e9;
    border: 1px solid #27c0e9;
    margin: 0;
    width: 15px;
    height: 15px;
}

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

.carousel .slide-containter .triangle {
    width: 100%;
    height: 100%;
    margin-left: -32%;
    -webkit-transform: skew(-23.5deg);
    -moz-transform: skew(-23.5deg);
    -o-transform: skew(-23.5deg);
    transform: skew(-23.5deg);
    background-color: rgba(7, 78, 99, 0.7);
}

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

@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 #2ac2eb;
    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: uppercase;
}

.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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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-top: 1em;
    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: #1f3566;
    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: #2dc3e8;
    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: "proxima-nova-alt", 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: #1f3566;
    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: #2dc3e8;
    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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
}


/* .webelieve h2 {
  margin: 30px 0 5px;
  clear: both;
  font-size: 20px;
  font-size: 1.8rem;
  color: #2ac2eb;
  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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "adobe-garamond-pro", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #1e3564;
    float: left;
    margin: /*10% 0 */
    0;
    padding: 2px 5px;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    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(7, 78, 99, 0.5);
}


/*.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(31, 53, 102, .5);
}

.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: "proxima-nova-alt", 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: #2ac2eb;
    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: #2ac2eb;
}

.ourexperts .seeall,
.upcoming-events .seeall,
.seeall {
    float: right;
    text-transform: uppercase;
    font-family: "proxima-nova-alt", 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;
    background: #1e3564;
    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: "proxima-nova-alt", 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: #2bc4ee;
    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: #1f3566;
    cursor: pointer;
    padding-top: 2px;
}

footer .stayconnect p a:hover,
footer .stayconnect p a:focus {
    color: #2dc3e8;
    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: "proxima-nova-alt", 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: #97c848;
    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: "proxima-nova-alt", 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: #FFF;
    background-color: #97c848;
}

.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: #29c3ec;
}


/* 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: #2DC3E8;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
}

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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #1e3564;
    text-decoration: none!important;
}

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

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

.gs-spelling-original {
    font-family: "adobe-garamond-pro", 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: #2ac2eb!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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #2ac2eb!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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.25;
}

.typo-proxima-reg {
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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;
}

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

#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: #2ac2eb;
}

#block-menu-menu-about-menu ul li a,
.rightside ul li a {
    font-family: "proxima-nova-alt", 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: #2ac2eb;
}

#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: "proxima-nova-alt", 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: #2ac2eb;
}

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

#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: "proxima-nova-alt", 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: #2ac2eb;
}

.filter-list ul li a {
    color: #2ac2eb;
    padding: 0px;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    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 #2ac3ec;
    font-size: 14px;
    font-size: 1.4rem;
    color: #939598;
    text-transform: uppercase;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    border: none;
    background: none;
}

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

.breadcrumbs ul li a {
    color: #1e3564;
    padding: 0px;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    background: none!important;
}

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

.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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #2ac2eb;
}

.readlink {
    float: left;
    padding: 0 15px 0 0;
    text-transform: uppercase;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    float: left;
    width: 100%;
    height: 1px;
    border: none;
    margin: 20px 0;
}

.event-details {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%;
    font-family: "proxima-nova-alt", 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: 1.6rem;
    text-transform: uppercase;
    color: #231f20;
    margin: 0 0 10px;
}

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

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

.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: 1.6rem;
    text-transform: uppercase;
    color: #231f20;
    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: #2ac2eb;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    font-family: "proxima-nova-alt", 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 #2ac2eb;
    /*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: #2ac2eb;
    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: "proxima-nova-alt", 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: "proxima-nova-alt", 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 #2ac2eb;
    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: #2ac2eb;
    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: #2ac3ec;
    font-family: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    clear: both;
}

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

#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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .03em;
    float: left;
}

.rightside .projlink li a {
    color: #2ac2eb;
}

.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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: 1.5rem;
    text-transform: uppercase;
    color: #1e3564;
}


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

h2.titleh2 {
    color: #1e3564;
    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: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #2ac2eb;
}

.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: "proxima-nova-alt", 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: "proxima-nova-alt", 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:#2ac2eb; }*/

.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: "proxima-nova-alt", 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: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #1e3564;
}

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

.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: "proxima-nova-alt", 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: "proxima-nova-alt", 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:#2ac2eb; }
.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: "proxima-nova-alt", 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: #2ac2eb;}
.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: #2ac2eb;
    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: #2ac2eb;
}

.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: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    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: "proxima-nova-alt", 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 #2ac2eb;
    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: #1e3564;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    float: none;
}

.listviews h2 a {
    color: #1e3564;
}

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

.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: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
    color: #1e3564;
}

.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: #2ac2eb;
}

.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: "proxima-nova-alt", 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: #2ac2eb;
}

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

.sidebar {
    margin-bottom: 30px;
}

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

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

.sidebar h6 {
    padding: 15px 0;
    color: #1e3564;
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    margin: 0;
    font-family: "proxima-nova-alt", 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 {
    border-top-color: #2BC4EE;
}

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: #2ac2eb;
    font-family: "proxima-nova-alt", 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: #2ac2eb;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #2ac2eb;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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 #2ac3ec;
    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: #2ac2eb;
    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: #2ac2eb;
}

.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: "proxima-nova-alt", 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: #1e3564;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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: #2ac2eb;
    float: left;
    font-family: "proxima-nova-alt", 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: 70%;
        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: #2ac2eb;
    }
    .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: #2ac2eb;
    }
    .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 #2bc4ee;
    }
    .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: #1e3564;
        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: #2ac2eb;
    }
    .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:#2AC2EB; }*/
    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:384px) {
    .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%, rgba(47, 45, 77, 1) 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: "proxima-nova-alt", 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: #083266;
}

.program-highlight-content h3 {
    margin: 0;
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
}

.program-highlight-item:nth-child(1) .program-highlight-content h3 {
    font-size: 17px;
    font-size: 1.7rem;
}


/* program intro */

span.more {
    color: #2ac2eb;
    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: #29c3ec;
    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: #2ac2eb;
}

.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: #000080;
    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: "proxima-nova-alt", 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: #2ac2eb;
    text-decoration: none;
    font-size: 16px;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #2ac2eb;
    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: "proxima-nova-alt", 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 {
    font-family: "proxima-nova-alt", 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 #2ac2eb;
}

#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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin-bottom: 5px;
    font-size: 1.5rem;
    color: #2ac2eb;
    text-transform: uppercase;
}

.contactinfo p,
.contactinfo p a.backlinksss {
    color: #2ac2eb;
    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: #2DC3E8;
    font-family: "proxima-nova-alt", 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 #2bc4ee;
}

.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: #2ac2eb;
}

.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: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 2.0rem;
    color: #2ac2eb;
}

body.page-about-experts .headbox h1 {
    width: 100%;
    display: block;
}

body.page-about-experts .region-content-main-top h2 {
    color: #2DC3E8;
    font-family: "proxima-nova-alt", 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 #2bc4ee;
}

#block-about-experts-about-experts-filter-link a {
    font-size: 16px;
    font-size: 1.8rem;
    font-family: "proxima-nova-alt", 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: "proxima-nova-alt", 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: "proxima-nova-alt", 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;
}

div.field-type-list-boolean {
    display: none;
}


/* 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;
}


/*


*/


/* Donate Page CSS - Rwoo 04/22/2020 */

@media (min-width: 983px) {
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div {
        left: 0; position: absolute; text-align: center; top: 25%; width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-white {
        font-weight: 900; font-size: 2.5em; margin-bottom: .25em; color: #ffffff !important; text-transform: capitalize; padding: 0 75px; 
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-blue {
        margin-top: 0; color: #29c3ec; font-size: 2em; text-transform: capitalize;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > div.header-line {
        width: 47px; height: 5px; background-color: #ffffff; margin: 20px auto; 
    }
    h2.donate-style-white {
        font-weight: 900; 
        font-size: 2.5em;       
        margin-bottom: .5em; 
        color: #ffffff; 
        text-transform: capitalize; 
        padding: 0 75px;
    }
    div.header-line {
        width: 47px; 
        height: 5px; 
        background-color: #ffffff; 
        margin: 0 auto;
    }
    h2.donate-style-blue {
        margin-top: .5em; 
        color: #29c3ec; 
        font-size: 2.5em;   
        text-transform: capitalize;
    }
    .donate-banner-text {
        left: 0; 
        position: absolute; 
        text-align: center;   
        top: 25%; 
        width: 100%;
    }
}

@media (max-width: 982px) {
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div {
        left: 0; position: absolute; text-align: center; top: 35%; width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-white {
        font-weight: 900; font-size: 1.5em; margin-bottom: .25em; color: #ffffff !important; text-transform: capitalize; padding: 0 75px; 
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-blue {
        margin-top: 0; color: #29c3ec; font-size: 1.5em; text-transform: capitalize;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > div.header-line {
        width: 47px; height: 3px; margin-bottom: 1.5rem; background-color: #ffffff; margin: 10px auto; 
    }
    h2.donate-style-white {
        font-weight: 900; 
        font-size: 1.5em;       
        margin-bottom: .5em; 
        color: #ffffff; 
        text-transform: capitalize; 
        padding: 0 75px;
    }
    div.header-line {
        width: 47px; 
        height: 5px; 
        background-color: #ffffff; 
        margin: 0 auto;
    }
    h2.donate-style-blue {
        margin-top: .5em; 
        color: #29c3ec; 
        font-size: 1.5em;   
        text-transform: capitalize;
    }
    .donate-banner-text {
        left: 0; 
        position: absolute; 
        text-align: center;   
        top: 30%; 
        width: 100%;
    }
}

@media (max-width: 700px) {
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-white {
        font-size: 1em;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-blue {
        font-size: 1em;
    }
    h2.donate-style-white {
        font-weight: 900; 
        font-size: 1em;       
        margin-bottom: .5em; 
        color: #ffffff; 
        text-transform: capitalize; 
        padding: 0 75px;
    }
    div.header-line {
        width: 47px; 
        height: 3px; 
        background-color: #ffffff; 
        margin: 0 auto;
    }
    h2.donate-style-blue {
        margin-top: .5em; 
        color: #29c3ec; 
        font-size: 1em;   
        text-transform: capitalize;
    }
    .donate-banner-text {
        left: 0; 
        position: absolute; 
        text-align: center;   
        top: 30%; 
        width: 100%;
    }
}

@media (max-width: 530px) {
    h2.donate-style-white {
        font-weight: 900; 
        font-size: .75em;       
        margin-bottom: .25em; 
        color: #ffffff; 
        text-transform: capitalize; 
        padding: 0 75px;
    }
    h2.donate-style-blue {
        margin-top: .25em; 
        color: #29c3ec; 
        font-size: .75em;   
        text-transform: capitalize;
    }
    div.header-line {
        width: 47px; 
        height: 3px; 
        background-color: #ffffff; 
        margin: 0 auto;
    }
    .donate-banner-text {
        left: 0; 
        position: absolute; 
        text-align: center;   
        top: 35%; 
        width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div {
        left: 0; position: absolute; text-align: center; top: 35%; width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-white, #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-blue {
        font-size: 15px;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > div.header-line {
        height: 2px; margin: 3px auto;
    }
}

@media (max-width: 440px) {
    h2.donate-style-white {
        font-weight: 900; 
        font-size: .75em;       
        margin-bottom: .5em; 
        color: #ffffff; 
        text-transform: capitalize; 
        padding: 0 75px;
    }
    h2.donate-style-blue {
        margin-top: .5em; s
        color: #29c3ec; 
        font-size: .75em;   
        text-transform: capitalize;
    }
    div.header-line {
        width: 47px; 
        height: 3px; 
        background-color: #ffffff; 
        margin: 0 auto;
    }
    .donate-banner-text {
        left: 0; 
        position: absolute; 
        text-align: center;   
        top: 40%; 
        width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div {
        left: 0; position: absolute; text-align: center; top: 40%; width: 100%;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-white, #node-17387 > div > div > div > div > div:nth-child(1) > div > div > h2.donate-style-blue {
        font-size: 15px;
    }
    #node-17387 > div > div > div > div > div:nth-child(1) > div > div > div.header-line {
        height: 2px; margin: 3px auto;
    }
}