/*html { -webkit-font-smoothing: antialiased; }*/ /* 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; }

#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:#FFF;}
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 15px; 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:40px 0 0 75px; font-family: "proxima-nova-alt", Arial, Helvetica Neue, Helvetica, sans-serif; font-style: normal; font-weight: 600; letter-spacing:.02em; color: #29c3ec; font-size:24px; font-size:2.4rem; line-height:1.3; }
.region-header-top-right .tagline em { font-style: normal; font-weight: 600; color: #97c848; }
.region-header-top-right .tagline span { display: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){
	body.front .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; }
}
/* ----------- 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:630px; 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; font-size:4.8rem; 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-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%; }
.webelieve h2 { margin:40px 0 20px; clear:both; font-size:18px; 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-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.7); } 
/*.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,1);}
.reporting-services .latestiisd .over-effect { background-color:rgba(41,195,236,0.8); } 
.reporting-services .latestiisd .over-effect:hover, .reporting-services .latestiisd .over-effect:focus { background-color:rgba(41,195,236,1); } 

.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:485px; padding:100px 0 100px; 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:510px; 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 { 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; }

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


/*Media Css Start*/

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

}

@media (min-width:1200px){
	
.carousel .slide-containter { height:630px; }
.indicatorsbox { bottom:100px; }
.captionbox { bottom:170px; }
.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:90px; }
.captionbox { bottom:160px; }
.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){
	
.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) {

.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) {
	
.inner-header .logo { /*width:282px;*/ 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:80%; }
.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) {
	
.container { width: 96%; }
.cbp-af-header { height: 170px; }
	
.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:150px; }
.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; }
.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:474px; }

.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 30px; font-size: 14px; font-size:1.4rem; line-height: 18px; }
.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:50px; height:50px;}
/*a.nav-expander .icon-bar { width:100%; }*/
a.nav-expander strong { display:none; }
body.front a.nav-expander { padding:17px 17px; width:50px; height:50px; }
.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) {

.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) {

.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; }
.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 50px; background:#fff; }
.webelieve .region-content { padding-top:30px; border-top:4px solid #2bc4ee; }
.webelieve h2 { margin: 0 0 20px; }

.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:296px; }
.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 .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:20px; }
.whatsnew-banner .whatsnew-banner-text p { width:80%; margin-bottom: 10px; }
.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: 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){
	
.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:20px 0; }

.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 (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:10px 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:74%; }
.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 */
.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; }