html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {line-height: 1;}

ol, ul{list-style: none;}

blockquote, q{quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}

table{border-collapse: collapse; border-spacing: 0;}

.clear{width:100%;height:0;overflow:hidden;clear:both;}


/********************************************************** body + fonts */

html{}

body {color:#333;font-size:100%; font-family: "asapregular",Arial, Helvetica, sans-serif;    background: #fff;}
p{color: #333; margin-bottom:25px;line-height:150%; font-family: Arial, Helvetic, sans-serif; font-weight:normal; font-size:15px; }

a {text-decoration: none !important;color:#000; outline:none !important;}
a:hover {text-decoration:none;}

h2, h3, h4, h5, h6{font-family:"asapmedium", Helvetic, Arial; font-size:40px; color:#272e2f; font-weight:normal; line-height:100%;}
h2{font-size: 32px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5,h6{font-size: 16px;}

em{font-style: italic;}

strong, b{font-weight: normal;}

p strong, p b, li strong, li b{font-weight: bold;}

/********************************************************** containers */

#page{width: auto; margin: auto;}

.container{margin:auto; width:100%; max-width: 1290px;}
.container.l0{width: 1040px;}
.container.l1{width: 828px;}

/* page load in transition
#page{opacity: 0; -webkit-transition: .5s ease all; transition: .5s ease all;}
#page.load{opacity: 1;}

/********************************************************** header */

header{position:relative; background: #fff; z-index: 150; border-bottom: 1px #e1e1e1 solid;}
header.fixed{position:fixed; top:0; left:0; width:100%;}

header .container{position: relative; text-align: right; /*max-width: 100%;*/ /*max-width: 1366px;*/}

header h1, header .logo{position: absolute; left: 0; text-align: left;}
header h1{width: 277px; height: 100px; overflow: hidden; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

header h1 a, header .logo{display: inline-block; vertical-align: middle; width:89px;height:76px; margin:12px 0; overflow:hidden;text-indent:-9999px;background: url(../img/heard_logo.png) no-repeat center; background-size: 100%;}
header h1 span.tagline{display: inline-block; vertical-align: middle; text-align: left; opacity: 1; font-size: 16px; color: #008893; line-height: 130%; font-family: "asapmedium", Arial; margin-left: 25px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all; -webkit-font-smoothing: antialiased;}

#page.openSearch header h1 span.tagline{opacity: 0; visibility: hidden;}

header nav{display: inline-block; vertical-align: middle; margin-right: 27px;}
header nav ul{}
header nav li{float:left; margin-left:20px;}
header nav li a{display: block; position: relative; font-family:Arial, sans-serif; font-weight: bold; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #454545; text-transform: uppercase;}
header nav li a{-webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition:.5s all ease;}
header nav li a:hover{color:#009aa6;}

header nav ul ul{display: none;}

header nav li.current-menu-item a:after, header nav li.current-page-ancestor a:after{content: ""; display: block; position: absolute; bottom: -10px; width: 100%; height: 3px; background: #009aa6;}


header nav > ul > li > ul.sub-menu{position: absolute;}
header nav > ul > li > ul.sub-menu a{word-wrap:normal;}

header .respMenu{display: none;}

header .search{display: inline-block; vertical-align: middle; position: relative; width: 22px; height: 100px; z-index: 100; -webkit-transition: .6s ease all; -moz-transition: .6s ease all; transition: .6s ease all;}
header .search .icon{cursor: pointer; position: absolute; top: 50%; right: 0px; margin: -11px 0 0 0; display: block; width: 22px; height: 22px; background: url(../img/icon_search_2.png) no-repeat center; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#page.openSearch header .search .icon{right: 25px;}

header .search form.gsc-search-box{display: none;}
header .search .gsc-control-cse{background: none; border: none; padding-right:5px;}
header .search .gsc-search-box-tools .gsc-search-box .gsc-input{padding:  15px 10px 0 0;}
header .search .gsc-search-box-tools .gsc-search-box input.gsc-input{height: 40px !important; width: 90% !important;}
header .search .gsc-input-box{border: none; height: 45px;}
header .search .gsc-search-button{cursor: pointer; position: absolute; top: 50%; right: 25px; margin: -22px 0 0 0; display: block; width: 22px; height: 45px; border: none; background: url(../img/icon_search_2.png) no-repeat center; opacity: 0;}
header .search .gsc-search-button input{display: none;}


header .search.open{width: 280px; background: #f9f9f9;}
header .search.open form.gsc-search-box{display: block;}


/* mobile navigation */
#navigation{position:fixed; top:56px; left:0; width:100%; height:calc(100% - 56px); overflow: auto; opacity:0; background:rgba(255,255,255,255.95); visibility:hidden; z-index: 100;}
#navigation{/*-webkit-transition:.4s opacity ease; -moz-transition:.4s opacity ease; transition:.4s opacity ease;*/}
#navigation .container{position: relative; height: 100%; width: 100% !important; padding: 0; display: table;}
#navigation .inner{position: relative; height: 100%; display: table-cell; vertical-align: top; padding: 10px 0 30px;}
#navigation nav{float: none; width: 100%;}
#navigation nav ul{float:none; padding-top: 0;}
#navigation nav li{float:none; margin-left:0; text-align: center; max-width: inherit; margin-top: 0;}
#navigation nav li:first-child{margin-top: 0;}
#navigation nav li a{color:#000; font-size:18px; display:block; padding: 13px 20px; text-align: left; border-bottom: 1px #ebebeb solid; font-family: Arial, sans-serif; font-weight: bold;}
#navigation nav li a{-webkit-transition: .5s ease all; transition: .5s ease all;}
#navigation nav li a:hover, #navigation nav li a:active{background: #009aa6; color: #fff;}
#navigation nav li ul{display: block;}
#navigation nav li ul li{}
#navigation nav li ul li a{font-size: 14px; font-weight: normal; border-bottom: none;}
#navigation nav li a br{display: none;}
#navigation nav li ul li:last-child a{border-bottom: 1px #ebebeb solid;}

#navigation nav li.menu-item-has-children a{border-bottom: none;}
#navigation nav li.menu-item-has-children > a{padding-bottom: 10px;}
#navigation nav li.menu-item-has-children > a:after{display: inline-block; margin-left: 7px; font-family: "Ionicons"; content: "\f3d1"; position: relative; top: 1px; font-size: 17px;}

/* sticy nav */
#page.sticky #navigation{position: fixed; top: 0; left: 0; width: 100%; z-index: 99999;}

/* navigation open */
#page.menu #navigation{visibility:visible; opacity:1;}

/* fake div under a fixed header */
#spacer{position: relative; width: 100%; height: 90px; }

/********************************************************** main */

/*************** General */

main{position: relative; z-index: 70; background: #fff;}
main .content{padding:60px 0; position: relative;}

main .content span.arrow{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; z-index: 1000; width: 31px; height: 16px; background: url(../img/icon_arrow_down_white.png) no-repeat;}

main h2{}
main h3{}

main .block{position: relative; padding: 60px 0; background: #fff;}
main .block.grey{background: #fbfbf9;}

main .block .container{}

main .title{text-align: center; position: relative; margin-bottom: 45px; }
main .title.border{border-bottom: 1px #d5d5d5 solid;}
main .title h2{display: inline-block; padding-bottom: 5px; border-bottom: 3px #272e2f solid; text-transform: uppercase;}

main .block a.link{display: block; padding: 13px 0; width: 230px; margin: auto;}

/* large image section */
main .imageBreaker{position: relative;}
main .imageBreaker img{display: block; max-width: 100%; width: 100%;}

/* two columns */
main .col.first,main .col.second{float: left; width: 49%;}
main .col.second{float: right;}


/* search bar/textbox */
.searchBarWrapper{position: relative; margin-bottom: 25px;}
.searchBarWrapper .inner{position: relative; padding: 0; }
.searchBarWrapper input[type=text]{display: block; position: relative; height: 52px; padding: 8px; font-size: 13px; background: #fff; font-family:"customfont", Helvetic, Arial; width:100%; color: #000; border: 0; outline: none;}
.searchBarWrapper input[type=submit]{position: absolute; top:0; right:0; height: 52px; width: 35px; border: 0; background: #fff url(../img/icon_search.png) no-repeat center;}

/* gradient */
.gradient{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10;}

/* sub navigation */

#subNavigation{position: relative; background: #009aa6; padding: 15px 0; text-align: left;}

#subNavigation .wrapper{margin-left: 0; margin-right: 40px; text-align: right;}

#subNavigation a{display: inline-block; border-bottom: 1px #009aa6 solid; padding: 0 15px; color: #fff; font-size: 14px; font-family: Arial, sans-serif; background: url(../img/nav_border.gif) no-repeat center left; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#subNavigation a:first-child{background: no-repeat; padding-left: 0;}
#subNavigation a:hover, #subNavigation a.active{color: #e6e9b7;}
#subNavigation a br{display: none;}

/* articles */
main .articles{margin-bottom: 60px;}
main .articles article{width: 31.33%; margin: 0 1%; float: left;}
main .articles article .inner{padding: 10px;}

main .articles article .inner .image{width: 44%; float: left;}
main .articles article .inner .image img{display: block; max-width: 100%; opacity:1; transform: translate3d(0,0,0); -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main .articles article a:hover img{opacity: 0.9 !important;}
main .articles article .inner .copy{width: 53%; margin-left: 3%; float: left; padding-top: 5px;}

main .articles article .inner span.postDate{display: block; margin-bottom: 10px; color: #333333; font-size: 13px; font-family: Arial, Helvetic; text-transform: uppercase;}
main .articles article .inner h3{color: #272e2f; font-size: 16px; font-family: "asapbold", Arial; line-height: 110%;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main .articles article .inner h3 a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main .articles article .inner h3 a:hover{color: #009aa6;}

main .articles article a:hover .inner h3{color: #009aa6;}

main ul, main ol{margin-bottom: 20px; margin-left: 15px;}
main li{font-family: Arial, sans-serif; font-size: 15px; color: #333; margin-bottom: 10px; line-height: 130%;}

main ul li{background: url(../img/icon_list.gif) no-repeat 0 8px; padding-left: 10px;}

main ol{list-style: decimal; margin-left: 15px;}
main  ol li{background: none; padding-left: 0;}

/*************** hero */

#hero{position: relative; background-color: #333; background-repeat: no-repeat; background-position: center;}


#hero .container{display: table; width: 100%; height: 100%;}
#hero .caption{display: table-cell; vertical-align: middle; text-align: center;}
#hero .caption h2{font-size: 45px; color: #fff; margin-bottom: 0; color: #fff;}
#hero .caption p{font-size: 18px; margin-bottom: 0; color: #fff;}


#hero.landing{height: 350px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#hero.landing .container{z-index: 11; position: relative;}

#hero.landing h2{font-family: "asapregular", Arial, Helvetic; font-size: 40px; margin-bottom: 30px;}
#hero.landing p{font-family: Arial,sans-serif; font-size: 16px; max-width: 700px; margin: auto;}

#hero.landing .gradient{background: rgba(0,0,0,0.3);}

/* arrow */
#hero .scrollTo{display: block; width: 15px; height: 30px; position: absolute; left: 50%; bottom: 28px; margin-left: -8px; background: url(../img/icon_scroll_down.png) no-repeat; z-index: 100;}
#hero .scrollTo{-webkit-transition: .5s ease all; transition: .5s ease all;}

#page.load #hero .scrollTo{bottom: 25px;}
#page.load #hero .scrollTo:hover{bottom: 22px;}

/*************** home */

#hero.home{background: none;}

#hero.home .articles .container{display: block; width: 100%;}

#hero.home .featured{height: 350px; background: #666; position: relative;}


#hero.home .featured .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}

#hero.home .featured .container{position: relative; height: 100%; display: block; max-width: 1040px;}
#hero.home .featured .container:before{content:""; display: inline-block; height: 100%; vertical-align: middle;}
#hero.home .featured article{max-width: 505px; display: inline-block; vertical-align: middle; margin-top: 0;}
#hero.home .featured article span{display: block; color: #fff;}
#hero.home .featured article span.category{font-family: Arial, sans-serif; font-size: 12px; text-transform: uppercase; margin-bottom: 10px;}
#hero.home .featured article span.title{font-family: "asapregular", Arial, Helvetic; font-size: 36px; margin-bottom: 15px;}
#hero.home .featured article span.title a{color: #fff; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.home .featured article span.title a:hover{color: #e6e9b7;}

#hero.home .featured article a.readMore{color: #fff; font-family: Arial, sans-serif; font-style: italic; font-size: 14px;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.home .featured article a.readMore:hover{color: #e6e9b7;}

#hero.home .articles{background: #272e2f; padding: 35px 1% 40px;}
#hero.home .articles article{width: 31.33%; margin: 0 1%; float: left;}
#hero.home .articles article h3{margin-bottom: 25px;}
#hero.home .articles article h3 a{color: #fff; font-family: "asapregular", Arial, Helvetic; font-size: 19px; -webkit-font-smoothing: antialiased;  -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.home .articles article h3 a:hover{color: #009aa6;}

#hero.home .articles article span.category{display: block; margin-bottom: 10px; color: #e6e9b7; font-size: 12px; font-family: "Arial", Helvetic; text-transform: uppercase;}

#hero.home .articles article .image{margin-bottom: 25px;}
#hero.home .articles article .image img{display: block; max-width: 100%;opacity:1;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.home .articles article .image a:hover img{opacity: 0.9;}

#hero.home .articles article a.readMore{display: block; color: #fff; -webkit-font-smoothing: antialiased; font-family: Arial, sans-serif; font-size: 14px; font-style: italic; opacity: 0; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.home .articles article a.readMore:hover{color: #009aa6;}
#hero.home .articles article:hover a.readMore{opacity: 1;}

main.home{}



	/* latestResearch */

main.home #latestResearch{padding-bottom: 0;}
main.home #latestResearch .articles{margin-bottom: 0;}
main.home #latestResearch .articles article{margin-bottom: 30px; float: none; width: 31%; float: left;}
main.home #latestResearch .articles article .image{margin-bottom: 15px;}
main.home #latestResearch .articles article .image img{display: block; max-width: 100%;opacity:1;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.home #latestResearch .articles article .image a:hover img{opacity: 0.9;}

main.home #latestResearch .articles article .copy{}
main.home #latestResearch .articles article .copy h3{margin-bottom: 15px;line-height: 80%;}
main.home #latestResearch .articles article .copy h3 a{font-size: 16px;  -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.home #latestResearch .articles article .copy h3 a:hover{color: #009aa6;}

main.home #latestResearch .articles article .copy span.term{display: block; margin-bottom: 5px; font-size: 14px; font-family: "Arial", Helvetic; color: #009aa6;}
main.home #latestResearch .articles article .copy span.term strong{font-weight: bold; font-family: "Arial", Helvetic; color: #666666;}

/* newsletter */

main.home .newsletter{text-align: center; background: #272e2f; padding: 25px 0;}
main.home .newsletter h2{color: #fff; font-size: 20px; font-family: "Arial", Helvetic; margin-bottom: 15px; -webkit-font-smoothing: antialiased;}

main.home .newsletter .form{display: inline-block; height: auto; width: 415px; position: relative;}
main.home .newsletter .form #homeSubscribeForm{}
main.home .newsletter .form #homeSubscribeForm input[type='text']{float: left; width: 71%; height: 100%; padding: 11px 0; background: #fff; border: 1px #d8d8d8 solid; border-top-left-radius: 7px; border-bottom-left-radius: 7px; text-indent: 12px;}
main.home .newsletter .form #homeSubscribeForm input[type='submit']{float: left; width: 29%; padding: 10px 0; font-size: 15px; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}

main.home .newsletter .form #homeSubscribeForm.error input[type='text']{color: #bd1215;}
main.home .newsletter .form #homeSubscribeForm.error input[type='success']{color: #bd1215;}

/* news & events */
main.home #articleList{padding: 15px 0 0;}
main.home #articleList .articles{margin-bottom: 80px;}
main.home #articleList .articles article{background: #fff; box-shadow: 3px 3px 5px #f2f2f0; float: none; width: auto; margin: 0 0 20px;}
main.home #articleList .articles article p.postDetails{margin-bottom: 5px;}
main.home #articleList .articles article p.postDetails span{display: inline-block; vertical-align: middle;}
main.home #articleList .articles article p.postDetails span.category{color: #009aa6;}

main.home #articleList .articles article p.postDetails span.dot{width: 4px; height: 4px; background: url(../img/home/dot.gif) no-repeat; margin: 0 3px;}
main.home #articleList .articles article p.postDetails span.postDate{margin-bottom: 0; font-size: 13px; color: #333333; line-height: 100%;}

main.home #articleList .articles .column{float: left; width: 31%; margin: 0 0.8%;}

main.home #articleList .articles .action{height: 190px; position: relative; text-align: center;}
main.home #articleList .articles .action:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}

main.home #articleList .articles .action .caption{display: inline-block; vertical-align: middle;}
main.home #articleList .articles .action .caption h4{margin-bottom: 20px; font-size: 16px;}

main.home #articleList .articles .column.news .action{background: url(../img/home/action_news.jpg) no-repeat center; background-size: cover;}
main.home #articleList .articles .column.opinions .action{background: url(../img/home/action_opinion.jpg) no-repeat center; background-size: cover;}
main.home #articleList .articles .column.publications .action{background: url(../img/home/action_publications.jpg) no-repeat center; background-size: cover;}


/* analysis */
main.home #opinions{padding-bottom: 0;}

/* analysis */
main.home #analysis{}


/*************** research */

main.research.landing{background: #fbfbf9;}

#hero.research{height: 300px; background: url(../img/research/hero.jpg) no-repeat center; background-size: cover;}
#hero.research h2{font-family: "asapregular", Arial, Helvetic; font-size: 40px; margin-bottom: 30px;}
#hero.research p{font-family: Arial,sans-serif; font-size: 16px; max-width: 700px; margin: auto;}

#research{}

#research h2{text-align: center; margin-bottom: 60px; font-family: "asapregular", Arial, Helvetic; font-size: 32px;}

#research .articles{margin: 0 -1%;}
#research .articles article{width: 48%; margin: 0 1% 30px;}
#research .articles article .image{margin-bottom: 20px;}
#research .articles article h3{margin-bottom: 20px; font-size: 20px;}
#research .articles article h3 a{line-height: 130%; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#research .articles article h3 a:hover{color: #009aa6;}
#research .articles article p{font-family: Arial, sans-serif; font-size: 15px;}

#research .actions{margin: 0 -1.5%;}
#research .actions .left, #research .actions .right{width: 47%; margin: 0 1.5%; float: left;}
#research .actions .left a{float: right;}




/*************** research/sub */

main.research.sub .intro{}

main.research.sub .intro h3{font-family: "asapregular", Arial, Helvetica, sans-serif; font-size: 32px; margin-bottom: 30px;}
main.research.sub .intro p{}


main.research.sub #outputs{padding-top: 60px; background: #fbfbf9;}
main.research.sub #outputs .articles{margin: 0 -1.5%;}

main.research.sub #outputs .articles article{width: 47%; margin: 0 1.5% 30px; text-align: left;}
main.research.sub #outputs .articles article .image, main.research.sub #outputs .articles article .copy{float: none; width: auto;}

main.research.sub #outputs .articles article .image{margin-bottom: 25px;}

main.research.sub #outputs .articles article .copy h3{margin-bottom: 20px;}
main.research.sub #outputs .articles article .copy h3 a{font-size: 20px;     line-height: 120%;}

main.research.sub #outputs .articles article .copy span.category{color:#009aa6;}


main.research.sub #outputs .actions{}
main.research.sub #outputs .actions a{float: right;}

main.research.sub #related{background: #fbfbf9;}

/*************** Education */

/*************** policy engagement */

#hero.policy{height: 300px; background: url(../img/policy/hero.jpg) no-repeat center; background-size: cover;}
#hero.policy h2{font-family: "asapregular", Arial, Helvetic; font-size: 40px; margin-bottom: 30px;}
#hero.policy p{font-family: Arial,sans-serif; max-width: 600px; margin: auto; font-size: 16px;}

#policy{}

#policy .articles{margin: 0 -1.5%;}
#policy .articles article{width: 47%; margin: 0 1.5% 30px;}
#policy .articles article .image{margin-bottom: 20px;}
#policy .articles article h3{margin-bottom: 20px; font-size: 20px; line-height: 130%;}
#policy .articles article h3 a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#policy .articles article h3 a:hover{color: #009aa6;}
#policy .articles article p{font-family: Arial, sans-serif; font-size: 15px;}

#policy .actions{margin: 0 -1.5%;}
#policy .actions .left, #policy .actions .right{width: 47%; margin: 0 1.5%; float: left;}
#policy .actions .left a{float: right;}


/*************** Education */

main.education h3{font-family: "asapregular", Arial, Helvetica, sans-serif; font-size: 32px; margin-bottom: 30px;}


/*************** Education tabs */

main.education{}

main.education .tabs{border-top: 1px #ebebeb solid;}

main.education .tabs h3{margin-bottom: 50px;}

main.education .tabs .tab_header{}
main.education .tabs .tab_header a{display: inline-block; padding-bottom: 2px; border-bottom: 2px #fff solid; margin-right: 25px; color: #333333; font-size: 14px; font-family: "asapmedium", Arial; text-transform: uppercase;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.education .tabs .tab_header a:hover, main.education .tabs .tab_header a.active{color: #009aa6; border-color: #009aa6;}

main.education .tabs .tab_body{position: relative;}
main.education .tabs .tab_body .body_t{display: none; padding: 60px 0 0 50px;}
main.education .tabs .tab_body .body_t.active{display: block;}

main.education .tabs .tab_body .body_t div{font-size: 15px; font-family: Arial, sans-serif; line-height: 130%;}

main.education .tabs .tab_body .body_t p a{color: #009aa6;}
main.education .tabs .tab_body .body_t p a:hover{text-decoration: underline !important;}

main.education .tabs .tab_body .body_t ul, main.education .tabs .tab_body .body_t ol{margin-bottom: 20px; margin-left: 15px;}
main.education .tabs .tab_body .body_t li{font-family: Arial, sans-serif; font-size: 15px; color: #333; margin-bottom: 10px; line-height: 130%;}

main.education .tabs .tab_body .body_t ul li{background: url(../img/icon_list.gif) no-repeat 0 8px; padding-left: 10px;}

main.education .tabs .tab_body .body_t ol{list-style: decimal;}
main.education .tabs .tab_body .body_t ol li{margin-left: 15px;}


/*************** Education */

main.learning{}

main.learning .articles article .inner .copy{padding-top: 25px;}

main.learning .actions{padding-bottom: 30px;}
main.learning .actions a{display: block;  padding: 13px 0;  width: 230px;  margin: auto;}

main.learning #workshops{padding-top: 0;}

/*************** Publications */

main.publications{position: relative;}


main.publications #featured{padding:30px 0 40px; background: #fbfbf9;}

main.publications #featured h2{font-size: 40px; font-family: "asapregular", Arial, Helvetica, sans-serif; margin: 0 0 30px 2%;}

main.publications #featured .articles{padding: 0 1%; margin-bottom: 0; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
main.publications #featured article{float: none; width: 23%; background: #fff; margin-bottom: 2%; display: flex;}
main.publications #featured article .inner{padding: 0;}
main.publications #featured article .image, main.publications #featured article .copy{float: none; width: auto;}

main.publications #featured article .copy{padding:20px 10px 10px;}
main.publications #featured article .copy span.postDate{color: #666666;}
main.publications #featured article .copy h3{font-size: 18px; margin-bottom: 15px;}
main.publications #featured article .copy h3 a{line-height: 130%;}

main.publications #featured article .copy .meta{}
main.publications #featured article .copy .meta p{color: #a9a9a9; line-height: 100%;}
main.publications #featured article .copy .meta p a, main.publications #featured article .copy .meta p span{color: #009aa6;}
main.publications #featured article .copy .meta p a:hover{text-decoration: underline !important;}

main.publications #listing{padding: 60px 0;}
main.publications #listing .articles{margin-bottom: 0;}
main.publications #listing article{float: none; width: auto; border-bottom: 1px #cccccc solid; position: relative;}

main.publications #listing article .wrapper{padding: 20px 0;}

main.publications #listing article span.postDate{font-size: 13px; color: #666666;}

main.publications #listing article h3{margin-bottom: 10px;}
main.publications #listing article h3 a{font-size: 18px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;color: #009aa6;}
main.publications #listing article h3 a:hover{color: #000;}
main.publications #listing article span.postDate{margin-bottom: 10px;}

main.publications #listing article p.authors{margin-bottom: 2px;}

main.publications #listing article .meta{}
main.publications #listing article .meta p{margin-bottom: 0;}
main.publications #listing article .meta p a, main.publications #listing article .meta p span{color: #009aa6;}
main.publications #listing article .meta p a:hover{text-decoration: underline !important;}

main.publications #listing article span.icon{display: block; width: 47px; height: 45px; background: url(../img/publications/icon_book.png) no-repeat center; position: absolute; top: 42px; left: -85px;}

main.publications #listing #pagination{padding-top: 50px;}


#searchWrapper{position: absolute; top: 0; width: 100%; z-index: 999;}
#searchWrapper .container{position: relative;}
#page.sticky #searchWrapper{position: fixed;}

main.publications .openPublications{position: absolute; top: 0; right: 2%; background: #009aa6; width: 255px; height: 55px; padding-top: 0; text-align: center; z-index: 10; cursor: pointer; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.publications .openPublications:before{content:""; height: 100%; vertical-align: middle; display: inline-block;}

main.publications .openPublications span{display: inline-block; vertical-align: middle;}
main.publications .openPublications span.bars{width: 20px; height: 15px; margin-right: 7px; background: url(../img/publications/icon_bars.png) no-repeat center;}
main.publications .openPublications span.text{color: #fff; font-family: "asapmedium", Arial; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -webkit-transition: .7s ease all; -moz-transition: .7s ease all; transition: .7s ease all;}
main.publications .openPublications:hover, main.publications .openPublications:active{padding-top: 5px;}
main.publications .openPublications:hover span.text{color: #e6e9b7;}

#publicationsSearchWrapper{position: absolute; top: -1000px; right: 2%; background: #009aa6; width: 490px; z-index: 10; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: .7s ease all; -moz-transition: .7s ease all; transition: .7s ease all;}

#publicationsSearchWrapper .wrapper{padding: 35px 30px 40px;}

#publicationsSearchWrapper .title{display: block; margin-bottom: 20px; color: #fff; text-align: left; font-family: "asapmedium", Arial; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; text-align: left;}
#publicationsSearchWrapper .title.small{font-size: 14px; margin-bottom: 20px;}

#publicationsSearchWrapper .top .inner, #publicationsSearchWrapper .bottom .inner{padding-left: 25px;}

#publicationsSearchWrapper .top{padding-bottom: 25px; border-bottom: 1px #19b6c2 solid; margin-bottom: 25px;}
#publicationsSearchWrapper .top .input{width: 300px; position: relative;}
#publicationsSearchWrapper .top .input input{background: #fff; font-family: Arial, sans-serif; font-size: 13px; color: #666; border-radius: 2px; padding-right: 30px;}
#publicationsSearchWrapper .top .input .icon{display: block; width: 22px; height: 22px; border: none; background: url(../img/icon_search_blue.png) no-repeat center; position: absolute; top: 5px; right: 8px;}

#publicationsSearchWrapper .bottom{}
#publicationsSearchWrapper .bottom .options{}
#publicationsSearchWrapper .bottom .options .col.first{float: left; width: 63%;}
#publicationsSearchWrapper .bottom .options .col.second{float: right; width: 35%;}

#publicationsSearchWrapper .bottom .options .checkbox{margin-bottom: 7px;}
#publicationsSearchWrapper .bottom .options .checkbox input{display: inline-block; vertical-align: middle; margin-right: 7px;}
#publicationsSearchWrapper .bottom .options .checkbox label{display: inline; vertical-align: middle; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; color: #fff;}

#publicationsSearchWrapper .bottom .block{background: none; padding: 0; margin-bottom: 25px;}

#publicationsSearchWrapper .bottom .selectWrap{width: 105px; height: 36px; line-height: 34px;}
#publicationsSearchWrapper .bottom .selectWrap .fakeSelect{border-radius: 1px; border: none; line-height: 34px; height: 36px; font-family: Arial, sans-serif; font-size: 13px; color: #666;}
#publicationsSearchWrapper .bottom .selectWrap .fakeSelect span{width: 13px; height: 7px; background: url(../img/publications/icon_dropdown.png) no-repeat;}

#publicationsSearchWrapper .bottom .submit{text-align: right; padding-top: 20px;}
#publicationsSearchWrapper .bottom .submit a.viewAll{display: inline-block; vertical-align: middle; font-family: "asapmedium", Arial; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px #fff solid; padding-bottom: 1px; margin-right: 25px; -webkit-font-smoothing: antialiased;-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#publicationsSearchWrapper .bottom .submit a.viewAll:hover{color: #e6e9b7; border-color: #e6e9b7;}

#page.search #publicationsSearchWrapper{top: 0;}
#page.search main.publications .openPublications{top: -150px;}

/*************** search */

main.publications #top{text-align: left; padding-top: 60px;}
main.publications #top h2{display: inline-block; vertical-align: bottom; margin-left: 15px; border: none; font-size: 40px; font-family: "asapregular", Arial, Helvetic; text-transform: none;}
main.publications #top .tags{display: inline-block; vertical-align: bottom; margin-left: 25px; margin-bottom: 1px; max-width: 70%;}
main.publications #top .tags .tag{display: inline-block; padding: 3px 12px 3px 3px; position: relative; border: 1px #cccccc solid; margin-bottom: 4px;}
main.publications #top .tags .tag span{display: inline-block; vertical-align: middle;}
main.publications #top .tags .tag span.text{font-size: 12px; font-family: Arial, sans-serif; color: #000; margin-right: 4px;}
main.publications #top .tags .tag span.close{position: absolute; top: 0; right: 1px; width: 12px; height: 22px; cursor: pointer; background:url(../img/publications/icon_close_tag.png) no-repeat center;}

/*************** Publications Single */

main.publications{}

main.publications #main{border-bottom: 1px #ebebeb solid;}

main.publications .publicationContent{float: left; width: 69%;}

main.publications .publicationContent h2{font-size: 30px; font-family: Arial, sans-serif; font-weight: normal; margin-bottom: 35px; line-height: 110%;}

main.publications .publicationContent .featureImage{margin-bottom: 35px;}
main.publications .publicationContent .featureImage img{display: block; max-width: 100%; margin: auto;}

main.publications .publicationContent a.viewLink{margin:25px 0 35px;}

main.publications .publicationContent p.disclaim{font-style: italic; margin-bottom: 0;}

main.publications .publicationContent span{font-family: Arial, sans-serif; font-size: 15px;}

main.publications .publicationContent p, main.publications .publicationContent li{font-family: Arial, sans-serif; font-size: 15px;}
main.publications .publicationContent p a, main.publications .publicationContent li a{ -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.publications .publicationContent p a:hover, main.publications .publicationContent li a:hover{color:#009AA6 ;}

main.publications .publicationContent h3, main.publications .publicationContent h4{font-family: Arial, sans-serif; margin-bottom: 20px;}

main.publications .publicationContent ol, main.publications .publicationContent ul{margin-bottom: 25px;}
main.publications .publicationContent li{margin-bottom: 10px; background: url(../img/icon_list.gif) no-repeat 0 8px; padding-left: 15px; line-height: 140%;}

main.publications .publicationContent ol{list-style: decimal; margin-left: 15px;}
main.publications .publicationContent ol li{background: none; padding-left: 0;}

main.publications aside.info{float: right; width: 28%;}

main.publications aside.info .social{margin-bottom: 25px;}
main.publications aside.info .social a{display: inline-block; background: url(../img/publications/icon_social_sprite.jpg) no-repeat;}
main.publications aside.info .social a.facebook{width: 49px; height: 22px; background-position: -1px -1px; margin-right: 3px;}
main.publications aside.info .social a.twitter{width: 59px; height: 22px; background-position: -58px -1px;}


main.publications aside.info .inner{padding: 25px; background: #f4f4f4;}
main.publications aside.info ul{margin-left: 0; margin-bottom: 0;}
main.publications aside.info ul li{font-family: Arial, sans-serif; font-size: 15px; color: #333; margin-bottom: 15px; word-wrap: break-word; line-height: 120%; padding-left: 0; background: none;}
main.publications aside.info ul li.bold{font-weight: bold; margin-bottom: 5px;}


main.publications #related{}

main.publications #related h2{font-family: "asapregular", Arial, Helvetica, sans-serif; margin-bottom: 35px;}

main.publications #related #listing{padding: 0;}



/*************** about */



main.about h2, main.about h3{font-family: "asapregular", Arial, Helvetica, sans-serif; font-size: 32px; margin-bottom: 30px;}

main.about .profileWrapper{float: right; margin:70px 0 20px 25px; width: 220px;}
main.about .profileWrapper .image_wrapper{ margin-bottom: 20px;}
main.about .profileWrapper .image_wrapper img{display: block; border-radius: 50%; width: 120px;}

main.about .profileWrapper .profile_content{}
main.about .profileWrapper .profile_content a.name{display: block; margin-bottom: 5px; font-size: 15px; font-family: Arial, sans-serif; font-weight: bold; color: #333333;}

main.about .profileWrapper .profile_content p.position{margin-bottom: 5px; font-family: Arial; font-size: 15px; color: #333;}

main.about .profileWrapper .profile_content a.email{color: #009aa6; font-size: 15px; font-family: Arial, sans-serif;}

main.about .text_wrapper{float: left;width: calc(100% - 260px);}


/*************** about/strategy */

main.about.strategy{}

main.about.strategy p strong{display: block; font-weight: bold; font-size: 18px;}

main.about.strategy h4{font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; margin-bottom: 3px;}
main.about.strategy h4 a{color: #009aa6;}
main.about.strategy h4 a:before{content: ">"; position: relative; left: 0; display: inline-block; vertical-align: middle; transition: .3s ease all;}


main.about.strategy p a{color: #009aa6;}
main.about.strategy p a:hover{text-decoration: underline !important;}

/*main.about.strategy h4 a:hover:before{left: 2px;}



/*************** about/staff listing */

main.about.staff #listing{padding-bottom: 60px;}
main.about.staff #listing .wrapper{margin-bottom: 0; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}

main.about.staff #listing .profileWrapper{float: none; width: 20%; margin: 0 0 35px; text-align: center;}
main.about.staff #listing .profileWrapper .image_wrapper{}
main.about.staff #listing .profileWrapper .image_wrapper img{margin: auto; width: 160px; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.about.staff #listing .profileWrapper .image_wrapper a:hover img{opacity: 0.8;}

main.about.staff #listing .profileWrapper a.name{color: #009aa6; font-family: "asapmedium", Arial; font-size: 16px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.about.staff #listing .profileWrapper a.name:hover{color: #e6e9b7;}

/*************** about/staff profile */

main.staff.profile{}

main.staff.profile h3{font-size: 25px;}

main.staff.profile .publicationsList{padding-bottom: 0;}
main.staff.profile .publicationsList h3{}

main.staff.profile .publicationsList .profileWrapper{width: auto; float: none; margin: 0;}
main.staff.profile .publicationsList .profileWrapper .imageWrapper{float: left; width: 18%; margin-bottom: 30px;}
main.staff.profile .publicationsList .profileWrapper .imageWrapper img{display: block; margin: auto; max-width: 100%; border-radius: 50%;}

main.staff.profile .publicationsList .profileWrapper .profileContent{float: left; width: 79%; margin-left: 2%;}
main.staff.profile .publicationsList .profileWrapper .profileContent h2{font-size: 32px; font-family: "asapregular", Arial, Helvetic; margin-bottom: 10px;}

main.staff.profile .publicationsList .profileWrapper .profileContent h4{display: none;}

main.staff.profile .publicationsList .profileWrapper .profileContent ul.description{display: block; margin-bottom: 20px; margin-left: 0;}
main.staff.profile .publicationsList .profileWrapper .profileContent ul.description li{font-family: "asapmedium", Helvetic, Arial; font-size: 16px; color: #272e2f; margin-bottom: 5px; padding: 0; background: none;}


main.staff.profile .latestPublications{padding-left: 105px;}
main.staff.profile .latestPublications .wrapper{margin-bottom: 0; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
main.staff.profile .latestPublications .wrapper article{float: none; width: 32%; margin-left: 2%; background: #eeeeee;  display: flex; }
main.staff.profile .latestPublications .wrapper article:first-child{margin-left: 0;}
main.staff.profile .latestPublications .wrapper article .inner{padding: 25px 20px 30px; border-left: 3px #009aa6 solid;}
main.staff.profile .latestPublications .wrapper article h3{margin-bottom: 0; font-size: 18px;}
main.staff.profile .latestPublications .wrapper article h3 a{line-height: 130%; color: #009aa6; font-size: 18px; font-family: "asapmedium", Helvetic, Arial; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.staff.profile .latestPublications .wrapper article h3 a:hover{color: #e6e9b7;}

main.staff.profile .prePublications{padding-left: 105px;padding-bottom: 0;}
main.staff.profile .prePublications p, main.staff.profile .prePublications li{line-height: 130%; margin-bottom: 25px; font-size: 15px; font-family: Arial, sans-serif; color: #272e2f;}
main.staff.profile .prePublications ol, main.staff.profile .prePublications ul{list-style: none;}
main.staff.profile .prePublications li a, main.staff.profile .prePublications p a{color: #009aa6; font-weight: bold;}
main.staff.profile .prePublications li a:hover, main.staff.profile .prePublications p a:hover{text-decoration: underline !important;}

main.staff.profile .outputs{padding-left: 105px; padding-top: 30px;}
main.staff.profile .outputs p.bigger{font-family: "asapregular", Arial, Helvetic; font-size: 20px; color: #000;}

main.staff.profile .outputs .output{}
main.staff.profile .outputs .output p{font-size: 15px;}
main.staff.profile .outputs .output p a{font-weight: bold; color: #009aa6;}
main.staff.profile .outputs .output p a:hover{text-decoration: underline !important;}

/*************** about/careers */

main.careers{background: #fff;}


main.careers .intro{text-align: center; border-bottom: 1px #d5d5d5 solid; padding-bottom: 40px;}
main.careers .intro h2{font-size: 40px; font-family: Arial, sans-serif; margin-bottom: 15px;}
main.careers .intro p{margin-bottom: 0;}

main.careers #listing{padding-top: 40px;}

main.careers #listing .career{background: #fbfbf9; border-bottom: 3px #0098a2 solid;}
main.careers #listing .career .wrapper{padding: 35px 0; width: 828px; margin: auto;}

main.careers #listing .career.none p{margin-bottom: 0;}

main.careers #listing .career h4{font-weight: 20px; margin-bottom: 20px;}

main.careers #listing ul.job_details{}
main.careers #listing ul.job_details li{margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 15px; overflow: hidden; text-overflow: ellipsis;}
main.careers #listing ul.job_details li span{color: #333333; font-weight: bold;}
main.careers #listing ul.job_details li a{color: #0098a2;}
main.careers #listing ul.job_details li a:hover{text-decoration: underline !important;}


main.careers #opportunities{padding: 80px 0;}

main.careers #opportunities h2{font-size: 40px; font-family: Arial, sans-serif; margin-bottom: 60px; text-align: center;}

main.careers #opportunities .link{padding:15px 0 45px; border-top: 1px #cccccc solid; text-align: left;}
main.careers #opportunities .link:first-of-type{padding-top: 0; border-top: none;}

main.careers #opportunities .link h4{margin-bottom: 10px; font-family: "asapmedium", Arial; font-size: 20px;}


main.careers #opportunities .link a{padding: 10px 32px;}


/*************** about/governing board */

main.governors{}


main.governors #board{padding-top: 0;}
main.governors #board h3{margin-bottom: 70px;}

main.governors #board .governor{margin-bottom: 35px;}
main.governors #board .governor .image_wrapper{width: 18%; float: left;}
main.governors #board .governor .image_wrapper img{display: block; max-width: 100%; border-radius: 50%;}

main.governors #board .governor .profile_wrapper{width: 79%; float: left; margin-left: 2%;}
main.governors #board .governor .profile_wrapper h4{font-size: 28px; font-family: "asapregular", Arial, Helvetica, sans-serif; color: #272e2f; margin-bottom: 5px;}
main.governors #board .governor .profile_wrapper h4 a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.governors #board .governor .profile_wrapper h4 a:hover{color: #009aa6;}

main.governors #board .governor .profile_wrapper p.position{font-family: "asapmedium", Arial; font-size: 16px; color: #272e2f;}


/*************** about/annual reports */


main.reports{}



main.reports .articles{margin: 0 1%;}
main.reports .articles article{}
main.reports .articles article .image, main.reports .articles article .copy{width: 100%; float: none;}
main.reports .articles article .image{margin-bottom: 20px;}
main.reports .articles article .image img{display: block; max-width: 100%;}

main.reports .articles article .copy h3{margin-bottom: 15px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

main.reports .articles article a:hover h3{color: #009aa6;}

/*************** about/careers */


/*************** partnership */

#hero.partnerships{background-color: #fff; background-size: contain;}
#hero.partnerships .gradient{    background: rgba(0,0,0,0.4);}

main.partnerships h2, main.partnerships h3{font-family: "asapregular", Arial, Helvetica, sans-serif; font-size: 32px; margin-bottom: 30px;}


main.partnerships #partners{padding-top: 0;}
main.partnerships #partners h3{margin-bottom: 70px;}

main.partnerships #partners .partner{margin-bottom: 35px;}
main.partnerships #partners .partner .image_wrapper{width: 18%; float: left;     min-height: 10px;}
main.partnerships #partners .partner .image_wrapper img{display: block; max-width: 100%; margin: auto;}

main.partnerships #partners .partner .profile_wrapper{width: 79%; float: left; margin-left: 2%;}
main.partnerships #partners .partner .profile_wrapper h4{font-size: 28px; font-family: "asapregular", Arial, Helvetica, sans-serif; color: #272e2f; margin-bottom: 5px;}
main.partnerships #partners .partner .profile_wrapper h4 a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.partnerships #partners .partner .profile_wrapper h4 a:hover{color: #009aa6;}

main.partnerships #partners .partner .profile_wrapper p.position{font-family: "asapmedium", Arial; font-size: 16px; color: #272e2f;}


/*************** blog/archive */

main.blog{}
main.blog{background: #fbfbf9;}

main.blog article.post{padding-bottom:30px; margin: 0 0 30px; float: none; width: auto;}

main.blog article.post .image{float: left; width: 18.4%;}
main.blog article.post .image img{display: block; max-width: 100%; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

main.blog article.post .copy{float: left; width: 71.6%; margin-left: 2%;}
main.blog article.post .copy h3{margin-bottom: 15px;}
main.blog article.post .copy h3 a{font-size: 20px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.blog article.post .copy h3 a:hover{color: #009aa6;}

main.blog article.post .copy span.postDate{display: block; font-size: 13px; color: #666666; margin-bottom: 3px;}

main.blog article.post .copy p{margin-bottom: 0;}

main.blog article.post .featureImage{margin-bottom: 30px;}

/* post details (date, category, author etc.)*/
main.blog article.post p.postDetails{margin-bottom: 10px; color: #666; font-size: 12px;}
main.blog article.post p.postDetails a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.blog article.post p.postDetails a:hover{color: #009aa6; text-decoration: underline !important;}

main.blog article.post p.postDetails.link{text-transform: lowercase;}

/* read more button */
main.blog .readMore{margin-top: 15px;}

/**** blog content */
main.blog article.post .postContent{}

/* reset headers */
main.blog article.post .postContent h1,
main.blog article.post .postContent h2,
main.blog article.post .postContent h3,
main.blog article.post .postContent h4,
main.blog article.post .postContent h5,
main.blog article.post .postContent h6{font-size: 18px; margin-bottom: 25px; color: #000; font-family:Arial, Helvetic, Arial; font-weight: normal; text-transform: none; line-height: 120%;}

main.blog article.post .postContent h1,
main.blog article.post .postContent h2{font-size: 22px; margin-bottom: 30px;}

/* lists */
main.blog article.post .postContent ul, main.blog article.post .postContent ol{margin-bottom: 25px; margin-left: 25px;}

main.blog article.post .postContent ul{margin-left: 8px;}
main.blog article.post .postContent li{color: #000; font-family:Arial, Helvetic, sans-serif; font-weight: normal; font-size: 15px; background: url(../img/icon_list.gif) no-repeat 0 5px; padding-left: 15px; line-height: 130%; margin-bottom: 10px;}

main.blog article.post .postContent ol{list-style: decimal;}
main.blog article.post .postContent ol li{background: none; padding-left: 0;}

main.blog article.post .postContent p{font-size: 15px;}

main.blog article.post .postContent p a{color: #009aa6;  -webkit-transition: .5s ease all; transition: .5s ease all;}
main.blog article.post .postContent p a:hover{text-decoration: underline !important;}

/* quote */
main.blog article.post .postContent blockquote{margin-left: 40px; padding-left: 20px; border-left: 8px #edf1f5 solid; color: #000; font-style: italic; font-family: "asapitalic", "asapregular", Arial, Helvetica, sans-serif; font-size: 20px;}



/* blog images */
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width: 100%;height: auto;}

/**** pagination */
#pagination{text-align: center; padding: 15px 0;}

#pagination .resultCount{float: left;}
#pagination .resultCount p{margin-bottom: 0; font-family: Arial, sans-serif; font-size: 14px; color: #041533;}

#pagination .links{float: right;}

#pagination a,  #pagination span{display: inline-block;border: 1px #e4e4e4 solid; text-transform: uppercase; padding: 5px 8px;font-size: 14px; margin-right: 5px;font-family: "asapmedium", Arial;font-weight: normal;line-height: 100%; color: #333333;}

#pagination span.dots{border: none;}

#pagination a{border: none; -webkit-transition: .5s ease all; transition: .5s ease all;}
#pagination a:hover{color:#000;}


/*************** single post */

main.blog.single{background: #fff;}

main.blog.single article.post{padding-bottom: 0; margin-bottom: 40px;}

main.blog.single .postTitle{position: relative; background: #009aa6;}

main.blog.single .postTitle .wrapper{padding: 100px 0 35px;}

main.blog.single .postTitle .postDetails{font-family: Arial, sans-serif; font-size: 12px; color: #fff;}
main.blog.single .postTitle .postDetails span.category{text-transform: uppercase; padding-right: 3px;}
main.blog.single .postTitle .postDetails span.date{padding-left: 3px;}

main.blog.single .postTitle h2{color: #fff; font-size: 35px; font-family: "asapmedium", Arial; margin-bottom: 0;}

main.blog.single .postTitle a.backToNews{display: inline-block; position: absolute; top: 25px; right: 15px; color: #e6e9b7; font-family: Arial, sans-serif; font-size: 14px; padding-left: 31px; background: url(../img/news/icon_back.png) no-repeat top left;}
main.blog.single .postTitle a.backToNews:hover{}

main.blog.single .featuredImage{position: relative; margin-bottom: 40px;}
main.blog.single .featuredImage .bg{position: absolute; top: 0; left: 0; width: 100%; height: 45%; background: #009aa6;}

main.blog.single .featuredImage .container{position: relative; z-index: 2;}
main.blog.single .featuredImage img{display: block; margin: auto; max-width: 100%;}

main.blog.single .postContent{padding-bottom: 35px; border-bottom: 1px #aaaaaa solid;}

main.blog.single #related{padding-top: 60px;}

main.blog.single #related .title{width: 23.1%; float: left; position: relative; text-align: left;}
main.blog.single #related .title span.line{display: block; width: 85px; height: 2px; background: #009aa6; margin-bottom: 30px;}
main.blog.single #related .title h3{font-size: 30px; font-family: "asapmedium", Arial; text-transform: uppercase;}


main.blog.single #related .articles{width: 74%; float: right; margin-bottom: 0 -1%;}

main.blog.single #related .articles article{width: 31%; margin: 0 1%; float: left;}
main.blog.single #related .articles article.large{width: 48%; margin-bottom: 30px;}

main.blog.single #related .articles article .image, main.blog.single #related .articles article .copy{width: auto; float: none;}

main.blog.single #related .articles article .copy span.category{text-transform: uppercase; font-size: 11px;}
main.blog.single #related .articles article .copy h3{margin-bottom: 15px;}
main.blog.single #related .articles article .copy h3 a{font-size: 16px; line-height: 100%;}

main.blog.single #related .articles article .copy h3 a.overflow-line.one{height:18px;display:block;}
main.blog.single #related .articles article .copy h3 a.overflow-line.two{height: 34px;display:block;}

/*************** contact */

main.contact{}

main.contact .left{float: left; width: 48%;}
main.contact .right{float: right; width: 48%;}

main.contact h3{font-family: "asapregular", Arial, Helvetic; margin-bottom: 25px;}

main.contact ul{margin-left: 0; margin-bottom: 25px;}
main.contact li{color: #000; font-family:Arial, Helvetic, sans-serif; font-weight: normal; font-size: 15px; /*background: url(../img/icon_list.gif) no-repeat 0 5px; padding-left: 15px;*/ line-height: 100%; margin-bottom: 10px;}
main.contact li a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
main.contact li a:hover{color: #009aa6;}

main.contact #map{}
main.contact #map #map-canvas{height: 370px; margin-top: 40px;}

	/*************** search */


/*************** default */

main.default ul, main.default ol{margin-left: 25px;}
main.default li{background:url(../img/icon_list.png) no-repeat 0 10px; padding-left: 15px; color: #000; font-family: "customfont", Helvetic, Arial; font-size: 13px; margin-bottom: 15px;}

main.default ol{list-style: decimal;}


/********************************************************** footer */

footer{position: relative; z-index: 69; border-top: 5px #e9e9e9 solid; background: #fff;}

footer h3{font-family: "asapbold", Arial, sans-serif; font-size: 16px; color: #272e2f; text-transform: uppercase; margin-bottom: 15px;     -webkit-font-smoothing: antialiased;}

footer ul{}
footer li{margin-bottom: 5px;}
footer li a{display: block; font-family: Arial, "asapregular", sans-serif; font-size: 14px; color: #272e2f;}

footer p{font-size: 12px; margin-bottom: 0; }

footer #footerTop{padding: 20px 0; border-bottom: 1px #ebebeb solid;}
footer #footerTop .container{width: 1175px;}
footer #footerTop h3, footer #footerTop .newsletter .form, footer #footerTop .social .links{display: inline-block; vertical-align: middle; margin-bottom: 0;}

footer #footerTop h3{margin-right: 20px;}

footer #footerTop .newsletter{float: left;}
footer #footerTop .newsletter .form{height: auto; width: 415px; position: relative;}
footer #footerTop .newsletter .form #newsletterSubscribeForm{}
footer #footerTop .newsletter .form #newsletterSubscribeForm input[type='email']{float: left; width: 71%; height: 100%; padding: 11px 0; border: 1px #d8d8d8 solid; border-top-left-radius: 7px; border-bottom-left-radius: 7px; text-indent: 12px;}
footer #footerTop .newsletter .form #newsletterSubscribeForm input[type='submit']{float: left; width: 29%; padding: 10px 0; margin: auto; font-size: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0;}

footer #footerTop .social{float: right; margin-top: 4px;}
footer #footerTop .social .links{}
footer #footerTop .social .links a{display: inline-block; vertical-align: middle; margin: 0 1px; width: 31px; height: 31px; border: 2px #009aa6 solid; border-radius: 50%; color: #009aa6; line-height: 30px; text-align: center;font-size: 20px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
footer #footerTop .social .links a:hover{color:#e6e9b7; border-color: #e6e9b7;}
footer #footerTop .social .links a i{}

footer #footerTop .social .links a.youtube{font-size: 16px; line-height: 32px;}

footer #footerLinks{padding: 35px 0;}
footer .half{float: left; width: 50%;}
footer .half .col{float: left;}
footer .half .col.first{width: 40%;}
footer .half .col.second{width: 60%;}
footer .half .col a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
footer .half .col a:hover{color:#009AA6;}

footer p.copyright{font-size: 13px; color: #adadad; margin-top: 25px;}

footer #footerBottom{padding: 20px 0; border-top: 1px #ebebeb solid; text-align: center;}
footer #footerBottom .container > div, footer #footerBottom  a{display: inline-block; vertical-align: middle;}
footer #footerBottom  a{height:90px;}
footer #footerBottom  div img{max-width:100%;}

footer #footerBottom  div.info{width:15%;}
footer #footerBottom  a.kzn{width:16%;background:url(../img/kzn.jpg) center left no-repeat; border-right: 1px #ebebeb solid; margin-right: 2%;}
footer #footerBottom  div.unaids{width:10%;}
footer #footerBottom  a.unaidsimg{width:17%;background:url(../img/unaids.jpg) center left no-repeat;  border-right: 1px #ebebeb solid;  margin-right: 2%;}
footer #footerBottom  div.funded{width:6%;text-align:right;}
footer #footerBottom  a.sweden{width:6%;background:url(../img/sweden.jpg) center center no-repeat;}
footer #footerBottom  a.norad{width:11%;background:url(../img/norad.jpg) center center no-repeat;background-size:90px auto;}

footer #footerBottom p{text-align: left; color: #666666; font-family: "Arial", Helvetic; font-size: 13px;}

/********************************************************** helper classes */

.btn{display:inline-block;  padding:12px 26px; font-family: "asapmedium", Arial; font-size:13px; font-weight:normal; cursor:pointer; outline: none; text-align:center; border-radius:7px; border:0;  background:none; letter-spacing: 1px; text-transform: uppercase;}
.btn{-webkit-transition:.7s ease all; -moz-transition:.7s ease all; transition:.7s ease all;}

.btnBlue{background:#009AA6; border:1px #009AA6 solid; color:#fff !important;}
.btnBlue:hover{background: #000; border-color: #000; /*background: none; border-color: #009AA6; color:#009AA6 !important;*/}

.btnBlack{background:#272e2f; color:#fff !important;}
.btnBlack:hover{background: #009AA6;}

.btnYellow{background:#e6e9b7; border:1px #e6e9b7 solid; color:#009AA6 !important;}
.btnYellow:hover{background: none;color:#e6e9b7 !important;}

.btnBlackB{border:1px #000 solid; color: #000 !important;}
.btnBlackB:hover{border: 1px #000 solid; color: #000 !important;}

/* youtube iframe embed */
.videoWrapper {position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* ie8 notice */
.chromeframe{position:fixed; top:0; left:0; width:100%; background:#bd1215; padding:10px 0; color:#fff; z-index:1500; font-family:"customfont", Helvetic, Arial; text-align: center; margin-bottom: 0;}
.chromeframe a{text-decoration:underline; color: #fff;}



.ellip {display: block;height: 100%;}

.ellip-line {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;max-width: 100%;}

.ellip,
.ellip-line {position: relative;  overflow: hidden;}

/* hide elements meant for mobile only */
.mobile{display: none !important;}

/* override all default input styles */
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; -webkit-border-radius:0; border-radius:0; background: transparent; outline: none !important}

/* general form styling */
input[type=text], input[type=email], input[type=password], select, textarea{display:block; border:1px #e4e4e4 solid; padding:8px 0; text-indent: 8px; font-size:15px; font-family: "Arial", Helvetic; width:100%; box-sizing: border-box; }

select{}

textarea{height:150px;}

input[type=submit]{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* fake select box styling */
.selectWrap{position: relative;display: inline-block;width: 100%;height: 34px;line-height: 30px;margin: 0; }

.selectWrap > select{position: absolute !important; z-index: 3; -webkit-appearance: none; -moz-appearance: none; appearance: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; cursor: pointer; }

.selectWrap > .fakeSelect{position: relative; -webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;width: 100%; margin: 0;vertical-align: bottom;padding: 0 10px; white-space: nowrap; padding-right: 20px;text-overflow: ellipsis;border: 1px solid #ccc; background: #fff;height: 34px; line-height: 30px; cursor: pointer;color: #444; }

.selectWrap > .fakeSelect.focus{border-color: #98c7f8;}
.selectWrap > .fakeSelect.focus:after{color: #81B5EC;}

/* dropdown icon */
.selectWrap > .fakeSelect span{position: absolute; top: 12px; right: 10px; width: 12px; height: 7px; background:url(../img/icon_dropdown_black.png) no-repeat center;}

/* dropdown options */
.selectWrap > .dropdown{display: none; position: absolute; top: 41px; width: 100%; min-width: 200px; z-index: 9999; background: #fff; border: 1px #ccc solid;}
.selectWrap > .dropdown span{display: block; padding: 7px; font-family: 'customfont'; font-size: 14px; cursor: pointer; text-align: left;}
.selectWrap > .dropdown span{-webkit-transition: .5s ease all; transition: .5s ease all;}
.selectWrap > .dropdown span.long{font-size: 12px; height: auto; padding: 10px 0; line-height: 180%;}
.selectWrap > .dropdown span:hover{color: #fff; background: #cf8a6a;}

.selectWrap.open > .dropdown{display: block;}
.selectWrap.sub .dropdown{width: 320px !important;}

/* custom radio button */
input[type='radio'].custom_radio{display: none;}
input[type='radio'].custom_radio + label{}
input[type='radio'].custom_radio + label span{display: inline-block; height: 19px; width: 19px; margin: 1px 4px 0 0; position: relative; background:#fff; border: 1px #000 solid; vertical-align: middle; cursor: pointer; border-radius: 50%;}
input[type='radio'].custom_radio + label span:before{display: inline-block; width: 15px; height: 15px; margin: 2px; border-radius: 50%; background: #fff; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

input[type='radio'].custom_radio:checked + label span{background: #000;}

/* notification messages (form) */
#notify{position: fixed; top: 0; left: 0; width: 100%; height: auto; padding: 15px 0; z-index: 149;}
#notify{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#notify p{font-size: 14px; color: #fff; margin-bottom: 0; font-family: 'customfont';}
#page.notify #notify{top:0;}
#page.notify header{top: 50px;}

#notify.success{background: #000;}
#notify.error{background: #bd1215;}


/********************************************************** responsive */

@media (max-width: 1290px){
	/*Tablet Landscape/Smaller Desktops*/

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

	#page{width: auto;}

	/* containers */
	.container{width:auto; padding:0 20px;}

	#hero.home .featured .container{width: auto;}

	header .container{padding: 0;}
	header h1{left: 15px;}
	header nav li{margin-left: 16px;}
	header nav li a{font-size: 12px;}


	#searchWrapper{width: 100%;}

	/*********** helpers */

	footer #footerTop .container{width: auto;}

}

@media (max-width: 1040px){
	/*IPAD Landscape*/
	p{}
	h2{}
	h3{}

	/*********** containers */
	.container.l0{width: auto;}


	/*********** header */
	header{}

	header h1{left: 15px;}
	header h1 span.tagline{margin-left: 15px;}

	header nav li a{font-size: 12px;}

	header h1{height: 80px; left: 20px;}
	header h1 a, header .logo{width: 70px; height: 57px; background-size: 100%;}

	header .search{right:45px; height: 86px;}

	/* mobile menu hamburger */

	header .respMenu{position: absolute; right:0; height: calc(100% - 32px); margin-right: 15px; display:inline-block; vertical-align: middle; padding:16px 0; width: auto; -webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); text-align: center;}
	header .respMenu:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}

	header .respMenu .fa-bars{display: inline-block; vertical-align: middle; width: 25px;height: 3px;margin: 10px auto;background: #000; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;}
	header .respMenu .fa-bars:before{top: -6px;}
	header .respMenu .fa-bars:after{top: 6px;}

	header .respMenu .fa-bars:after, a.respMenu .fa-bars:before {content: '';display: block;width: 25px;height: 3px;background: #000; position: absolute;z-index: -1;-webkit-transition: all 0.5s ease ;transition: all 0.5s ease;}

	#subNavigation{display: none;}

	/* mobile menu open */
	#page.menu a.respMenu .fa-bars{background: none !important;}
	#page.menu a.respMenu .fa-bars:after{top: 0 !important; background: #009AA6 !important; -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#page.menu a.respMenu .fa-bars:before{top: 0 !important; background: #009AA6 !important;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	/* hide desktop nav */
	header nav{display:none;}


	#navigation{height: calc(100% - 80px); top: 80px;}

	header .search{margin-right: 15px;}
	header .search.open{width: 220px;}

	header .search .gsc-search-box-tools .gsc-search-box .gsc-input{padding-top: 10px;}

	/*********** hero */
	#hero .caption h2{}

	#hero .container{padding: 0;}

	#hero.home .featured article span.title{font-size: 30px; padding-top: 23px;}

	#hero.home .articles{}
	#hero.home .articles .container{padding: 0;}

	/*********** pages */

	/***** home */
	main .articles article .inner h3{font-size: 14px;}

	main.publications #listing .container{margin-left: 0;}
	main.publications #listing .articles{padding-left: 100px;}



	/*********** footer */
	footer{}

	footer h3{font-size: 14px;}


	footer #footerTop .newsletter .form{width: 265px;}
	footer #footerTop .newsletter .form #newsletterSubscribeForm input[type='submit']{padding: 0; height: 41px; font-size: 12px;}

	/*********** helpers */
	.selectWrap > select{display: block !important;}
	.selectWrap > .dropdown{display: none !important;}

}

@media (max-width: 850px){
	/*IPAD Portrait*/
	p{}
	h2{}
	h3{font-size: 16px;}

	/*********** containers */
	.container.l0,.container.l1{width: auto;}

	#page.menu{position: fixed;}
	/*********** general */
	main .articles article .inner .image, main .articles article .inner .copy{float: none; width: auto; margin-left: 0;}

	main .articles article .inner .image{margin-bottom: 15px;}


	/*********** header */

	header .respMenu{width: 15%; margin-right: 0;}

	header .search{right: 15%;margin-right: 0;}

	/*********** hero */
	#hero{}


	/*********** pages */

	/***** home */

	#hero.home .articles article h3 a{font-size: 18px; line-height: 120%;}

	main.home #latestResearch .articles article .copy h3 a{font-size: 18px; line-height: 120%;}


	main.careers #listing .career .wrapper{width: auto; padding: 35px 25px;}

	main.careers #opportunities h2{font-size: 30px;}


	main.about.staff #listing .profileWrapper{width: 33%;}

	/*********** footer */
	footer{}

	footer #footerTop .newsletter{float: none; text-align: center;}
	footer #footerTop .social{float: none; margin-top: 20px; text-align: center;}

	/*********** helpers */
	.btn{}


	*:hover{opacity: 1 !important;}

	#navigation nav li a:hover{background: #fff; color: #000;}
	#hero.home .articles article h3 a:hover{color: #fff;}
	main.home #latestResearch .articles article .copy h3 a:hover,main.publications #listing article h3 a:hover{color: #000;}

	main .articles article a:hover .inner h3{color: #000;}

	.btnBlue:hover{background: #009AA6; border-color: #009AA6;}
	.btnBlack:hover{background: #000;}

	footer #footerTop .social .links a:hover{color: #009aa6; border-color: #009aa6;}

	main .articles article a:hover img{opacity: 1 !important;}


}

@media (max-width: 720px){
	/*Mobile Landscape*/
	p{}
	h2{font-size: 22px;}
	h3{}

	br{display: none !important;}

	/*********** containers */
	.container{width: auto !important;}



	/*********** general */
	main .content{padding: 40px 0;}


	main .col.first,main .col.second{float: none; width: 100%;}
	main .col.first{margin-bottom: 25px;}

	main .articles article{width: auto; margin: 0 0 30px; float: none;}
	main .articles article .inner{padding: 0;}
	main .articles article .inner .image img{width: 100%;}

	main .articles article .inner h3{font-size: 18px; line-height: 120%;}

	#subNavigation .wrapper{margin-left: 0; padding: 0 15px;}
	#subNavigation a{display: block; padding: 6px 15px; text-align: center; background: none;}
	#subNavigation a:first-child{padding-left: 15px;}

	/*********** header */
	header{position:fixed; top:0; left:0; width:100%; z-index: 1000;}
	header h1{height: auto; width: 100%; left: 0; -webkit-transition: .6s ease all; -moz-transition: .6s ease all;  transition: .6s ease all;}
	header h1 a, header .logo{width: 50px; height: 50px; margin: 5px auto; margin-left: 20px;}

	header h1 span.tagline{font-size: 12px; margin-left: 10px;}
	header h1 span.tagline br{display: inherit !important;}

	header .search{width: 60px; height: 60px;}
	header .search .gsc-control-cse{padding: 11px;}
	header .search .gsc-input-box{height: 35px;}
	header .search .gsc-search-box-tools .gsc-search-box .gsc-input{padding-top: 0; padding-right: 0;}
	header .search .gsc-search-box-tools .gsc-search-box input.gsc-input{height: 27px !important;}
	header .search .gsc-search-button, header .search .icon{width: 22px; background-size: 100%; right: 19px;}


	header .search .icon{right: 19px;}
	header .search.open{width: 63%;}

	#navigation{height: calc(100% - 56px); top: 56px;}

	#page.openSearch header h1{}
	#page.openSearch header .search .icon{right: 19px;}

	#page{padding-top: 56px;}

	/*********** hero */
	#hero{}
	#hero .caption h2{font-size: 32px;}
	#hero .caption p{font-size: 14px;}


	#hero.home .featured .bg{background-position-x: 65%;}



	#hero.home .featured .container:before{width: 1%;}
	#hero.home .featured article{width: 96%; margin-top: -120px;}
	#hero.home .featured article span.title{font-size: 24px; padding-top: 0;}

	#hero.home .articles{padding-left: 0; padding-right: 0;}
	#hero.home .articles .container{padding: 0 20px;}
	#hero.home .articles article{float: none; width: auto; margin: 0 0 30px;}

	#hero.home .articles article a.readMore{display: none;}

	#hero.policy p{font-size: 14px;}

	#hero.research{height: 350px;}

	/*********** pages */

	main .block a.link{display: block; width: auto;}

	/***** home */

	main.home #newsEvents .articles article .inner{padding: 10px;}

	main.home .newsletter .form{width: 70%;}
	main.home .newsletter .form #homeSubscribeForm input[type='text']{padding: 0; height: 41px;}
	main.home .newsletter .form #homeSubscribeForm input[type='submit']{padding: 0; height: 41px; font-size: 12px;}

	main.home #latestResearch .articles article{float: none; width: auto;}
	main.home #latestResearch .articles article .image img{width: 100%;}

	main.home #articleList .articles .column{float: none; width: auto; margin: 0 0 35px;}
	main.home #articleList .articles .action .caption{width: 80%;}
	main.home #articleList .articles .action .caption a.btn{padding: 12px 15px;}

	main.home #articleList .articles article .inner{padding: 10px;}

	/* section */

	#research .articles{margin: 0;}
	#research .articles article{width: 100%; margin: 0 0 30px;}
	#research .actions .left, #research .actions .right{width: auto; float: none; margin: 0;}
	#research .actions a{display: block; }
	#research .actions .left a{float: none; margin-bottom: 25px;}
	#research .articles article h3{font-size: 18px;}

	#research .actions{margin: 0 0 20px;}

	main.research.sub .intro h3{font-size: 32px; line-height: 120%;}
	main.research.sub #outputs .articles article{width: auto;}
	main.research.sub #outputs .articles article .copy h3 a{font-size: 18px; line-height: 120%;}
	main.research.sub #outputs .articles article .copy span.category{font-size: 14px;}

	main.about h2, main.about h3{font-size: 25px;}

	main.governors #board .governor .profile_wrapper h4{font-size: 22px;}
	main.governors #board .governor .image_wrapper, main.governors #board .governor .profile_wrapper{float: none; width: 100%; margin-left: 0;}
	main.governors #board .governor .image_wrapper{margin-bottom: 25px;}
	main.governors #board .governor .image_wrapper img{margin: auto;}

	main.careers #listing ul.job_details li span{display: block; margin-bottom: 5px;}

	main.about.staff #listing .profileWrapper{width: 100%;}

	main.about .profileWrapper{float: none;     margin: 30px 0 40px;}

	main.staff.profile h3{font-size: 22px;}
	main.staff.profile .publicationsList .profileWrapper .imageWrapper{float: none; width: auto; margin-bottom: 25px;}
	main.staff.profile .publicationsList .profileWrapper .imageWrapper img{}

	main.staff.profile .publicationsList .profileWrapper .profileContent{float: none; width: auto; margin-left: 0;}

	main.staff.profile .latestPublications,main.staff.profile .prePublications,main.staff.profile .outputs{padding-left: 0;}

	main.staff.profile .latestPublications .wrapper{display: block; flex-wrap: nowrap;}
	main.staff.profile .latestPublications .wrapper article{float: none; width: auto; margin-left: 0; margin-bottom: 25px;}

	main.blog .title{margin-bottom: 40px;}

	main.blog article.post .image, main.blog article.post .copy{float: none; width: auto; margin-left: 0;}
	main.blog article.post .image img{width: 100%;}

	main.blog article.post .image{margin-bottom: 20px;}

	main.blog article.post .copy h3 a{font-size: 18px; line-height: 130%;}

	main.blog.single .postTitle .wrapper{padding-top: 60px;}
	main.blog.single .postTitle h2{font-size: 26px; line-height: 120%;}

	main.blog.single #related .title{float: none; width: 100%;}
	main.blog.single #related .articles{width: auto; float: none;}
	main.blog.single #related .articles article.large{width: auto;}
	main.blog.single #related .articles article{width: auto; float: none; margin: 0 0 35px;}

	main.partnerships h2, main.partnerships h3{font-size: 28px;}
	main.partnerships #partners .partner .image_wrapper{float: none; width: auto; margin-bottom: 0;}
	main.partnerships #partners .partner .image_wrapper img{margin: 0 auto 25px;}
	main.partnerships #partners .partner .profile_wrapper{float: none; width: auto; margin-left: 0; margin-top: 0;}
	main.partnerships #partners .partner .profile_wrapper h4{font-size: 20px; margin-bottom: 15px;}

	main.education h3{font-size: 28px; line-height: 120%;}

  main.about .text_wrapper{float: none;width:100%;}


	main.publications #top{padding-top: 80px;}
	main.publications #top h2{font-size: 32px; margin-bottom: 10px; margin-left: 0; display: block;}

	main.publications #top .tags{margin-left: 0; max-width: 90%;}

	main.publications #featured article{float: none; width: 100%; display: block; margin-bottom: 25px;}

	main.publications #listing{padding:0 0 40px 0;}
	main.publications #listing .articles{padding-left: 70px;}
	main.publications #listing article{margin-bottom: 0;}
	main.publications #listing article h3{line-height: 120%;}
	main.publications #listing article span.icon{left: -65px;}

	main.publications .openPublications{width: calc(100% - 15px); right: 0; position: relative; margin: auto; text-align: left; padding-left: 15px;}
	main.publications .openPublications span.text{font-size: 12px;}

	#policy .articles article{width: 100%; margin: 0 0 25px;}
	#policy .articles article h3{font-size: 18px;}

	#searchWrapper{position: fixed; top: 56px; }

	#publicationsSearchWrapper{width: 100%; top: -1300px; right: 0; height: calc(100% - 56px); position: fixed; overflow: auto; -webkit-overflow-scrolling: touch}
	#page.search #publicationsSearchWrapper{top: 56px;}
	#publicationsSearchWrapper .wrapper{    background: #009aa6; padding: 35px 20px 40px;}
	#publicationsSearchWrapper .bottom .options .col.first,#publicationsSearchWrapper .bottom .options .col.second{float: none; width: 100%;}

	#publicationsSearchWrapper .bottom .options .checkbox label{font-size: 14px;}

	#publicationsSearchWrapper .top .inner, #publicationsSearchWrapper .bottom .inner{padding:0 10px;}
	#publicationsSearchWrapper .top .input{width: 100%;}

	#publicationsSearchWrapper .title{position: relative;}
	#publicationsSearchWrapper .top .title{ margin-bottom:0; padding-bottom: 20px; cursor: pointer;}
	#publicationsSearchWrapper .top .title a.closeSearch{display: block; cursor: pointer; position: absolute; top: -15px; right: -15px; width: 16px; height: 16px; background: url(../img/icon_close.png) no-repeat center; padding: 15px; z-index: 10;}

	main.publications #featured{padding-top: 80px;}
	main.publications #featured .articles{padding: 0;}
	main.publications #featured h2{font-size: 32px; margin-left: 0;}

	main.publications #featured article .copy{padding-left: 20px; padding-right: 20px;}

	main.publications .publicationContent{float: none; width: auto; margin-bottom: 30px;}
	main.publications .publicationContent h2{font-size: 24px; line-height: 120%;}
	main.publications aside.info{float: none; width: auto;}

	main.publications #listing article h3 a{font-size: 16px;}
	main.publications #listing article .meta p{font-size: 14px;}

	main.education .tabs .tab_header a{display: block; padding: 10px 0; font-size: 11px; width: 50%; float: left; margin-right:0;}
	main.education .tabs .tab_body .body_t{padding-left: 0;}

	main.research.sub #outputs .articles article .image{margin-bottom: 15px;}
	main.research.sub #outputs .actions a{float: none; display: block;}

	main.blog.single #related .articles article .copy h3 a{line-height: 120%;}

	main.learning .articles{margin-bottom: 0;}
	main.learning .articles article .inner .copy{padding-top: 0;}

	#pagination .resultCount{float: none; margin-bottom: 20px;}
	#pagination .links{float: none;}

	/***** contact */
	main.contact h3{font-size: 24px;}

	main.contact .left, main.contact .right{width: auto; float: none;}

  /*********** news post */

  main.blog.single #related .articles article .copy h3 a.overflow-line.one{height:auto;}
  main.blog.single #related .articles article .copy h3 a.overflow-line.two{height:auto;}

	/*********** footer */
	footer{}

	footer ul{}
	footer ul li{float: none;}

	footer .col{float: none; width: auto; }

	footer .half{float: none; width: 100%; margin-bottom: 30px;}

	footer #footerTop .newsletter{float: none; width: auto;text-align: center; margin-bottom: 25px;}
	footer #footerTop .newsletter .form #newsletterSubscribeForm input[type='email'],footer #footerTop .newsletter .form #newsletterSubscribeForm input[type='submit']{height: 41px; padding: 0;}
	footer #footerTop .social{float: none; text-align: center;}

	footer #footerTop h3{display: block; text-align: center; margin-bottom: 10px; margin-right: 0;}

	footer #footerBottom  a{height: 80px;}

	footer #footerBottom  div.info{width: 43%;}
	footer #footerBottom  a.kzn{width: 50%; border: none;}
	footer #footerBottom  div.unaids{width: 46%;}
	footer #footerBottom  a.unaidsimg{width: 47%; background-size: 100%; border: none;}

	footer #footerBottom  div.funded{width: 26%;}
	footer #footerBottom  a.sweden{width: 19%;}
	footer #footerBottom  a.norad{width: 33%;}

	/*********** helpers */
	.mobile{display: block !important;}
	.desktop{display: none !important;}

	.selectWrap > .fakeSelect{width: 100% !important;}

	.btn{font-size: 13px;}



}


@media (max-width: 350px){
	p{font-size: 14px;}

	header h1 a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
	#page.openSearch header h1 a{width: 40px; height: 52px;}


	main.education h3{font-size: 26px;}
	main.education .tabs .tab_header a{float: none; width: 100%;}

	input.gsc-input{font-size: 14px;}
}