h2 {
font-family: 'PT Serif', serif;
font-style: italic;
font-size: 20px;
line-height: 34px;
color: #0063ae;
text-align: center;
letter-spacing: 1px;
margin: 0;
padding: 0;
}

h3 {
font-family: 'PT Serif', serif;
font-size:  2.4rem; font-weight: 600; letter-spacing: 0.1rem; margin: .3rem 0 .6rem .6rem; text-transform: uppercase; color: #88408c; }

h4 {
font-family: 'PT Serif', serif;
font-size:  2rem; font-weight: 600; letter-spacing: 0.1rem; margin: .3rem 0 .6rem .6rem; color: #00a143; }


.box {
margin: 20px 0; 
padding: 0 15px 15px 5px;
}

.box p {
font-family: 'Open Sans', sans-serif;
margin: 1.4rem 0 0 .6rem;
color: #333;
line-height: 1.4;
}

p img {
float: right;
padding: 0;
margin: 0 0 3px 3px;
border: 0;
}

.box ul, .box li, .box ol {
font-family: 'Open Sans', sans-serif;
margin: 0 0 1.6rem 2rem;
color: #333;
line-height: 1.4;
list-style-type: square;
list-style-position: outside;
}

.box ul.nospace, .box li.nospace {
margin: 0 0 0rem 2rem;

}

.box h5, .news-box h5 {
font-size: 1.8rem; line-height: 1.2; font-weight: 400; letter-spacing: 0.1rem; margin: 1.2rem 0 .6rem .6rem; color: #f39000;
}

.box h6, .news-box h6, h6 {
font-size: 1.6rem; line-height: 1.2; font-weight: 400; letter-spacing: 0.1rem; margin: 1.2rem 0 .6rem .6rem; color: #00a143;
}


.box h4, .oecd-box h4 { font-size: 1.6rem; line-height: 1.2; font-weight: 400; letter-spacing: 0.1rem; margin: 1.2rem 0 0 .6rem;}

.news-box { border: 1px solid #88408c; }

.news-box p { margin: 1.4rem 0 0 .6rem; padding: 0; }

.news-box h3 { color: #88408c; }

.goals-box { border: 1px solid #f39000; }

.goals-box h3 { color: #f39000; }

.goals-box a:before { content: "» "; }

.goals-box a { text-decoration: none; }

.goals-box ul, .goals-box li { list-style-type: none; margin: 0 0 0 .6rem; }


.oecd-box { margin: 0 0 10px 0; font-size: 1.4rem; }

.oecd-box h3 { font-size: 1.8rem; text-transform: none; font-weight: 400; color: #FFF; margin: 0; padding: 3px;}

.resources-box { border: 1px solid #00a143; }

.resources-box h3 { background-color: #00a143; }

.reports-box {border: 1px solid #4eb5d6; }

.reports-box h3 {background-color: #4eb5d6; }

.policy-box { border: 1px solid #ca2f1d; }

.policy-box h3 {background-color: #ca2f1d; }

.cs-box { border: 1px solid #88408c; }

.cs-box h3 { background-color: #88408c; }

ul.sidenav {
list-style-type: none;
padding: 0;
margin: 5px 10px;
}

ul.sidenav li {
padding-bottom: 0;
line-height: 1.2;
}

ul.subcat {
list-style-type: none;
padding: 0 0 0 8px;
margin: 0;
}

.slicknav_menu {
	display:none;
}

@media screen and (min-width: 50em) {
#header {
background-color: #0063ae;
height: 64px;
padding: 10px;
}
}

ul#menu {
text-align: right;
list-style-type: none;
margin: 0;
padding: 0;
color: #FFF;
overflow: hidden;
}

#menu li {
display: inline;
padding: 5px 7px 0 7px;
}

#menu li a {
color: #FFF;
text-decoration: none;
}

.logo1, .logo1 img {
    float:left;
    color:#fff;
    margin-bottom: 5px;
}

@media screen and (max-width: 50em) {
	.js #menu { display:none; }
	
	.js .slicknav_menu { display:block; }

	h2 {
	font-size: 16px;
	line-height: 24px;
	}
	
	#header {
	display: none;
	}
	
}

img,
embed,
object,
video {
max-width: 100%;
}

.entry-footer,
.comment-footer,
.trackback-footer, p.entry-footer {
    margin: 0 0 20px 0;
    padding-top: 0;
    color: #333;
    font-size: 1.1rem;
    text-align: right;
}

p.date {
    margin: 0 0 0 .6rem;
    padding: 0;
    color: #666;
    font-size: 1.1rem;
    font-style: italic;
}

/* SHARE BUTTONS */
.share { background: url('/i/social.png') no-repeat; }

.twitter { background-position: 0 0;}

.fb { background-position: -19px 0; }
	
.reddit { background-position: -38px 0; }

.linkedin { background-position: -57px 0; }

.mail { background-position: -76px 0; }


/** FOOTER **/
#footer, #mobile_footer {
background-color: #0063ae;
padding: 15px 15px 0 15px;
color: #FFF;
margin-top: 15px;
}

#footer .contact {
font-size: 1.4rem;
letter-spacing: .05rem;
}


#footer ul, #footer li {
color: #FFF;
list-style: none;
margin: 0;
font-size: 1.1rem;
line-height: 1.4rem;
font-weight: 600;
padding-left: 0;
}

#footer li {
margin: 0 0 .4rem 0;
}

#footer a.heading {
color: #f39000;
margin-top: 15px;
}

#footer a, #mobile_footer a {
color: #FFF;
text-decoration: none;
}

#footer a:hover, #mobile_footer a:hover {
text-decoration: underline;
}