/*
Theme Name: Twenty Twelve Cild
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team and Webdelta
Author URI: https://wordpress.org/
Description: TwentyTwelve child theme for IFLA blogs
Template: twentytwelve
*/

body {
	background-color: #E9F4F0;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
}
.entry-header .entry-title {
	font-weight: bold;
    color: #008494;
}
a:link,
.widget-area .widget a:link {
	color: #27d;
	text-decoration: none;
}

a:visited,
.widget-area .widget a:visited {
  color: #222;
  text-decoration: none;
}

a:hover,
.widget-area .widget a:hover {
  color: red;
  text-decoration: underline;
}

a:active {
  color: yellow;
  text-decoration: underline;
}
.logo {
	width: 30%;
	max-width: 300px;
	float: left;
}
.logo img {
	margin-right: 30px;
}
hgroup {
	width: 70%;
	display: inline-block;
}
hgroup h1.site-title {
	color: #fff !important;
	background-color: #0D6742;
	padding: 0 20px;
}
.menu-toggle, 
button, 
.button, 
a.button,
input[type="submit"], 
input[type="button"], 
input[type="reset"],
.menu-toggle:hover, 
.menu-toggle:focus, 
button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
article.post-password-required input[type=submit]:hover {
	color: #fff;
    background: #0D6742;
	text-transform: uppercase;
    font-weight: bold;
    padding: 15px 55px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem;
	text-decoration: none;
}
.button:hover {
	color: #eee;
}
#secondary ol,
#secondary ul {
	padding-left: 2em;
}
#secondary ol {
	list-style: lower-alpha;
}
#secondary ul {
	list-style: disc;
}
.tagcloud ul {
	padding-left: 0 !important;
}

.searchform input[type="text"] {
	float: left;
	padding: 10px;
}
.searchform input[type="submit"],
.searchform input[type="submit"]:hover {
	width: 30%;
    text-align: center;
    border-radius: 0 20px 20px 0;
    padding: 10px;
}

.archive-title, .page-title, .widget-title {
	font-size: 1.2rem;
}

@media screen and (max-width: 760px) {

	.logo, hgroup {
		width: 50%;
	}
	.site-description {
		display: none;
	}
	
}
@media screen and (max-width: 760px) {

	.logo, hgroup {
		width: 100%;
		display: block;
	}
	
}