/*
Theme Name: Taksvärkki teema
Theme URI: http://www.taksvarkki.fi/
Description: Taksvarkki.fi ulkoasu 2016.
Author: Risto Einiö - www.rew.fi
Version: 1.6
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body {
	background: #635443;
	background: #6A513A;
	background: #2EB5D2;
	font:16px lato, Arial;
	color:#444;
	line-height:22px;
}
#backgroundimage
{
	background: #6A513A url('images/bg01.jpg') top center no-repeat;
	background: #10516C url('images/bg01.jpg') top center no-repeat;
	background: #2EB5D2 url('images/bg01.jpg') top center no-repeat;
	width:100%;
	display:block;
	float:left;
	border-bottom:0px solid #6F4D20;
}
#wrapper {
	margin: 0 auto;
	width: 80%;
	max-width: 1400px;
}
#topbar {
	display:block;
	padding:0.8em 0 0em;
	width:100%;
	background:transparent;
}
.topbar_in {
	display:block;
	margin: 0 auto;
	width: 79%;
	text-align:right;
	height:2em;
	max-width: 1384px;
}
.topbar_in .widget-container
{
	list-style-type:none;
	display:block;
	float:right;
}
.topbar_in li 
{
	list-style-type:none;
	display:inline-block;
}
.topbar_in li  a
{
	margin-top:1px;
	margin-right:0px;
	border:1px solid #FFFFFF;
	display: inline-block;
	height: 20px;
	width:30px;
	background-size:100% auto;
}
#langs
{
	display:block;
	float:right;
	width:200px;
	text-align:left;
	padding-top:5px;
	margin-right:1em;
}
#qtranslate-3
{
	margin-right:.5em;
}
.topbar_in li a img{display:none;}
.topbar_in li.lang-fi  a{background-image: url("images/fi.png");}
.topbar_in li.lang-sv  a{background-image: url("images/sv.png");}
.topbar_in li.lang-en  a{background-image: url("images/en.png");}
#search-2
{
	float:right;
}
#top_search input, #search-2 input
{
	background:#222;
	background:rgba(0,0,0,.25);
	border:1px solid #FFFFFF;
	padding:4px 6px;
	color:#FFF;
}
#top_search #searchsubmit, #search-2 #searchsubmit
{
	background:#F9A214;
	border:1px solid #F9A214;
	color:#FFFFFF;
	padding:3px 6px;
}
#header
{
	margin-top:0px;
	margin-bottom:0px;
}
#branding
{
	width:100%;
	height:100px;
	margin-bottom: .2em;
}
#logo
{
	display:block;
	float:left;
	width:25%;
	height:90px;
}
#logo img
{
	margin:0px;
	height:100px;
}
#adbanner
{
	background:#10516C url('https://www.taksvarkki.fi/tv/wp-content/uploads/2015/08/nepalbanneri_728x90.png') center center no-repeat;
	display:block;
	float:left;
	float:right;
	height:90px;
	width:728px;
	max-width: 97%;
	margin:5px 0.2em;
}
#access
{
	min-height:4em;
}
#access li
{
	display:block;
	float:left;
}
li.cat-item
{
	display:none;
}
#footer li.cat-item
{
	display:block;
	float:left;
	width:170px;
	padding-bottom:1em;
	margin:2em 0 0 2em;
}
#footer li.cat-item
{
	text-transform:uppercase;
	font-weight:bold;
}
#footer li.cat-item:first-child
{
	border-left:0px dotted #444;
	padding-left:0px;
}
#footer li.cat-item ul.children li.cat-item
{
	text-transform:none;
	border-left:0px dotted #444;
	padding-left:0px;
	padding-bottom:0;
	font-weight:normal;
	margin:0;
}
#main li.current-cat, #main li.current-cat-parent, #main ul.children li
{
	display:block;
}
#main li.current-cat, #main li.current-cat-parent
{
	display:block;
	font-weight:bold;
	line-height:200%;
	padding-left:24px;
	margin-left:-24px;
}
#main li.current-cat a, #main li.current-cat-parent a
{
	color:#444;
}
#main li.current-cat
{
	background:#FFEE00;
}
#main li.current-cat ul.children
{
	padding-left:24px;
	margin-left:-24px;
	background:#FFFFFF;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
#container, #primary, #secondary, #videodiv, #partnersdiv, #countrydiv, #sidebar_narrow
{
	display:block;
	float:left;
	background:#FFFFFF;
	margin:0px;
}
#container
{
	width: 70%;
	margin-right:-5%;
	min-height:660px;
}
.home #container
{
	width: 57%;
	margin-right:-2%;
	min-height:600px;
}
#primary, #secondary, #videodiv, #sidebar_narrow
{
	margin-top:0px;
	margin-bottom:0px;
	padding:1%;
}
#videodiv
{
	padding:2%;
	width:41%;
	min-height:140px;
}
#partnersdiv, #countrydiv
{
    margin-bottom: 2%;
    margin-left: 2%;
    margin-top: 0;
    padding: 1%;
}
#countrydiv
{
    height: 240px;
    overflow: hidden;
    width: 16%;
}
#primary, #videodiv, #sidebar_narrow
{
	margin-top:-10px;
}
#sidebar_narrow
{
	width:31%;
	min-height:140px;
	padding:3em 2%;
}
body.category #sidebar_narrow
{
	margin-top:55px;
}
#content
{
	padding:3% 10% 3% 3%;
}
.home #content
{
	padding:3% 4% 3% 3%;
}
#footer {
	display:block;
	float:left;
	width:100%;
	margin-bottom: 0px;
	margin-top:40px;
	padding-bottom:0px;
	font-size:11px;
}
#colophon:after {
	display:block;
	clear:both;
	content:'';
}
#colophon {
	margin:20px auto 0px;
	width:76%;
	display:block;
	background:#62C8DD;
	background:rgba(255,255,255,.25);
	min-height:170px;
	max-width: 1400px;
/*	background:-moz-linear-gradient(top,#563F25,#563F25,#563F25,#937552);
*/}
a:link, a:visited
{
	color:#E90;
	text-decoration:none;
}
a:hover, a:active
{
/*	background:#F9A214;
	color:#FFFFFF;
	border:1px dashed #F9A214;
	padding:2px;
	margin:-3px;
*/
	text-decoration:underline;
}
#footer a:link, #footer a:visited
{
	color:#937552;
	color:#444;
	color:#FFF;
	text-decoration:none;
	line-height:20px;
}
#footer a:hover, #footer a:active
{
	text-decoration:underline;
}
h1
{
	display:block;
	background:#F9A214;
	color:#FFFFFF;
	font-size:200%;
	line-height:130%;
	margin-left:-30px;
	padding:.3em 0px .3em 30px;
	margin-bottom:.5em;
	min-height:46px;
}
h1.page-title
{
	line-height:46px;
	margin-top:-30px;
	width:140%;
	padding:.5em 0px .5em 30px;
	min-height:auto;
}
h2
{
	display:block;
	background:#FFFFFF;
	font-size:160%;
	line-height:150%;
	margin-bottom:.2em;
	margin-top:1em;
}
#container h2
{
	margin-left:-30px;
	padding: 10px 0 10px 30px;
}
#countrydiv h2
{
	font-size:18px;
	line-height:18px;
	margin-top:0px;
}
h3
{
	display:block;
	font-size:120%;
	font-weight:bold;
	line-height:140%;
	margin-bottom:4px;
}
h4
{
	display:block;
	font-size:100%;
	font-weight:bold;
	margin-bottom:0px;
}
p
{
	margin-bottom:10px;
}
#main img.size-large{width:100%;height:auto;}
div.post, div.widget-area li.widget-container
{
	margin-bottom:30px;
}
div.tag-video
{
	margin-bottom:10px;
}
div.post #content
{
	margin:0px;
	padding:0px;
}
div.postimage img
{
	vertical-align:middle;
	width:100%;
	margin-top:-10%;
}
div.postimage
{
	display:block;
	vertical-align:middle;
	width:100%;
	height:350px;
	line-height:350px;
	background:transparent;
	overflow:hidden;
	margin-bottom:20px;
}
div.postlink
{
	font-weight:normal;
	margin-bottom:.3em;
}
div.postlink a
{
	display:inline-block;
	width:84%;
}
div.post ul
{
	list-style:square inside;
	margin-bottom:10px;
}
div.post li
{
	line-height:20px;
	font: 14px;
}
div.post ul.lg
{
	list-style:circle inside;
	margin-bottom:10px;
	font:18px Arial;
}
div.post ul.lg li
{
	line-height:24px;
	background: #EEF;
	margin-bottom: 5px;
	padding: 4px 10px;
}
.home #content .post{
	border-bottom:1px solid #F9A214;
	padding-bottom:.2em;
	margin-bottom:.5em;
}
a.more-link
{
	display:block;
	font-size:100%;
	font-weight:bold;
	margin:.5em 0 0;
	padding:.2em .4em 0;
	text-align:right;
}
/* Nostot */
#partnersdiv div, #countrydiv div
{
	width:17%;
	padding:2%;
}
#countrydiv
{
	min-height:180px;
	background:#FFFFFF no-repeat 110px 70px;
}
#countrydiv div
{
	margin-right:0px;
}
#countrydiv p, .category #sidebar_narrow div.tag-maatieto p
{
}
#countrydiv p b, #countrydiv p strong , .category #sidebar_narrow div.tag-maatieto p b, .category #sidebar_narrow div.tag-maatieto p strong
{
	display:block;
	margin-bottom:5px;
}
#countrydiv p br, .category #sidebar_narrow div.tag-maatieto p br
{
	display:none;
}
#countrydiv.quotediv{
	position:relative;
	overflow:visible;
	padding-left:2%;
	width:15%;
	height:auto;
}
#countrydiv.quotediv:before{
	content:'';
	background:#FE0;
	position:absolute;
	width:1em;
	left:-.4em;
	height:120px;
}
#countrydiv.quotediv span.q_name{
	font-weight:bold;
	display:block;
}
#countrydiv.quotediv .image{
	width:auto;
	display:block;
	height:140px;
	background-position:center center;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-top:1em;
}
#partnersdiv
{
	margin-top:30px;
}
#partnersdiv img
{
	margin:10px;
}
#partnersdiv h3, #countrydiv h3
{
	display:block;
	background:#FFEE00;
	color:#444;
	margin-left:-14px;
	padding:5px;
	padding-left:14px;
	margin-right:10px;
	margin-bottom:10px;
	width:190px;
}
/* Huomionapit */
#secondary
{
	background:transparent;
	margin:2% 0 0 4%;
	padding-top: 1%;
	width:29%;
}
.home #secondary
{
	float:left;
	width:23%;
	margin: 0;
}
#ad-buttons
{
	width:100%;
}
.home #ad-buttons
{
	width:100%;
	position:relative;
	z-index:10;
}
#adbanner h3.widget-title, #adbanner #ab_power, #secondary h3.widget-title, #secondary #ab_power, #ad-buttons-2 h3.widget-title, #ad-buttons-2 #ab_power
{
	display:none;
}
#ad-buttons-2, #adbuttons2_widget
{
	list-style-type:none;
}
#ab_adblock
{
	margin-top:-20px;
	margin-left:10px;
}
.home #ab_adblock, #adbanner #ab_adblock
{
	margin:0px;
}
body.tag #ab_adblock
{
	margin-top:35px;
}
#secondary #ab_adblock a:link, #secondary #ab_adblock a:visited
{
	display:block;
	text-align:center;
	width:98%;
	margin:1%;
	background:#FE0 none center center no-repeat;
	color:#000;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	line-height:150%;
	min-height:1.5em;
	padding:0.7em 0;
	overflow:hidden;
	position:relative;
	color:#222;
	border:0px solid #FFF;
}
#secondary #ab_adblock a img
{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	color:transparent;
}
#secondary #ab_adblock a .adtext
{
	position:relative;
	z-index:2;
}
#content iframe
{
	height:30em;
	width:100%;
}
#videodiv iframe
{
	width:100%;
	height:300px;
}
#videodiv a
{
	display:block;
	float:left;
	line-height:32px;
	background-color:#222;
	color:#888;
	font-weight:bold;
	padding:0px;
	text-align:center;
	width:9.5%;
}
#videodiv a.video_all
{
	font-size:80%;
	width:80%;
	margin:0px 0px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#videodiv a.disabled
{
	color:#555;
}
.scrollable {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100% !important;
}
.scrollable .items {
    width: 300% !important;
}
.scrollable .items .post{
    width: 33% !important;
}
.scrollable .items .post .entry-content{
    width: 100% !important;
}
div.twocolumns
{
}
div.twocolumns div
{
	display:block;
	float:left;
	width:260px;
	height:230px;
	margin-right:20px;
	margin-bottom:20px;
}
a.largebutton:link, a.largebutton:visited
{
	display:block;
	padding:24px 20px;
	line-height:24px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background:#F9A214 url('images/dotbg.png') repeat-x -6px -6px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:4px solid #888;
	border-radius:0 0 5px 5px;
}
a.largebutton:hover, a.largebutton:active
{
	background-color:#FE0;
	text-decoration:none;
	color:#444;
}
.category #sidebar_narrow div.tag-maatieto
{
	min-height: 180px;
	margin:1em 0 0;
	padding-right:120px;
	background:transparent top right no-repeat;
}
span.caption
{
	display:block;
	margin-top:-14px;
	font-size:11px;
	font-style:italic;
	color:#888;
	border-bottom:1px solid #CCC;
	padding-bottom:6px;
}
span.textbox
{
	display:block;
	background: #EEE;
	width: 220px;
	padding: 14px 20px;
	float:right;
	font:24px Arial;
	font-weight:bold;
	line-height:26px;
	margin:0px 0px 10px 10px;
}
span.yellowbox
{
	display:block;
	background: #FE0;
	width: 220px;
	padding: 14px 20px;
	float:right;
	font:24px Arial;
	font-weight:bold;
	line-height:26px;
	margin:0px 0px 10px 10px;
}
body.tag-video div.title-left
{
	float:left;
	width:170px;
	background: #FFFFFF;
	margin: 20px 0 20px 0px;
	padding: 10px 10px 10px 0px;
}
body.tag-video #content iframe
{
	width:380px;
}
#nav-above, #nav-below
{
	display:block;
	height:24px;
	margin-bottom:10px;
	font-size:11px;
	font-weight:normal;
	line-height:24px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #888;
}
div.nav-previous
{
	float:right;
}
div.nav-next
{
	float:left;
}
#tehtavahaku
{
	background:#DDD url('images/dotbg.png') repeat-x -6px 6px;
	padding:30px 10px 20px;
}
#tehtavahaku select
{
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}
#tehtavahaku tr
{
	border-radius:5px;
}
#tehtavahaku td
{
	display:block;
	padding:5px;
	width:530px;
	border-radius:5px;
}
#tehtavahaku tr.odd{background:#FFFFFF;}
#tehtavahaku tr.even{background:#EEE;}
#tehtavahaku td:hover{background:#FEC;}
#tehtavahaku div.results_nav
{
	display:block;
	clear:left;
	font: bold 14px/24px arial;
	margin-bottom: 10px;
	text-align: center;
	background:#AAA;
	padding:10px;
}
#tehtavahaku #countHits
{
	display:inline-block;
	width:160px;
	text-align: center;
	background:#FFFFFF;
	border-radius:5px;
	margin-right:5px;
}
#tehtavahaku div.results_nav a:link, #tehtavahaku div.results_nav a:visited
{
	display:inline-block;
	width:40px;	
	background:#F9A214;
	color:#FFFFFF;
	text-align: center;
	border-radius:5px;
	margin-right:5px;
	text-decoration:none;
}
#tehtavahaku div.results_nav a:hover, #tehtavahaku div.results_nav a:active
{
	background:#FE0;
	color:#444;
}
div.kuvalinkit br
{
	display:none;
}
div.kuvalinkit a
{
	display:block;
	float:left;
	width:150px;
	height:170px;
	margin-right:10px;
	text-align:center;
}
div.kuvalinkit a img
{
	display:block;
	width:150px;
	height:100px;
	background:#EEE;
}
#qtranslate-3-chooser li.lang-en
{
}
body.home div.ilmobtndiv
{
	float:left;
	position:relative;
	top:150px;
	left:-30px;
	z-index:11;
}	
div.ilmobtndiv
{
	float:left;
	position:relative;
	top:-50px;
	left:10px;
	z-index:11;
}	
/* wpcf7 */
div.wpcf7 {
    display: block;
    float: left;
    margin-bottom: 40px;
    padding: 0;
    width: 650px;
}

form.wpcf7-form .wpcf7-list-item,
form.wpcf7-form p {
	clear: both;
	float: left;
}

form.wpcf7-form p {
	margin: 7px 0;	
}

form.wpcf7-form .form-contact {
	clear:  both;
	float: left;
	margin: 20px 0 0 0;
}

form.wpcf7-form .form-contact p {
	margin: 0 0 14px;
}

form.wpcf7-form .wpcf7-list-item {
	margin: 0;
}

form.wpcf7-form input {
	/* width: 24em; */
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    margin-top: 4px;
}

form.wpcf7-form input.em16 {
	width: 16em;
}

form.wpcf7-form input.em8 {
	width: 6em;
}

form.wpcf7-form input.em4 {
	width: 4em;
}

form.wpcf7-form .wpcf7-response-output {
	border: none;
	background-color: #FFECD9;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	clear: both;
	font-size: 1.3em;
	margin: 0;
	padding: 20px;
}
form.wpcf7-form input.wpcf7-submit, form #submit {
	background: #FFEE00;
	border-radius: 4px 4px 4px 4px;
	color: #444444;
	font: bold 24px Arial;
	padding: 6px 10px;
	margin-bottom:20px;
	border:1px solid #FF0;
}
form.wpcf7-form input.wpcf7-submit:hover, form #submit:hover {
	background-color: #FB0;
	color: #444;
}
/* wpcf7*/
.alignleft
{
	float:left;
	margin-right:10px;
}
.alignright
{
	float:right;
	margin-left:10px;
}
span.caption
{
	display:block;
	margin-top:-14px;
	font-size:100%;
	font-style:italic;
	color:#888;
}
span.quote
{
	display:block;
	background: #EEF;
	padding: 14px 20px;
	font:14px Arial;
	line-height:20px;
}
#table_kampanjat td
{
	border-bottom: 1px dotted #F9A214;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
}
#table_kampanjat tr:hover
{
	background:#F9A214;
}
#table_kampanjat tr:hover a
{
	color:#FFFFFF;
}
.qtranxs_widget img{
	vertical-align:top !important;
}

/* LARGE BANNERS */

.largebanner{
	width:100%;
	height:4em;
	padding:2em 0;
	margin-top:1em;
	clear:both;
	float:left;
	background:#48C;
	transition:all .5s;
	position:relative;
	font-size:130%;
	overflow:hidden;
}
.largebanner:hover{padding:2.5em 0;text-decoration:none;}
.largebanner .description{color: #fff;display: block;line-height: 120%;text-align: center;margin:0 4% 0 66%;}
.largebanner.fotonovela{background:url('images/lgbanner_fotonovela.jpg') 55% center no-repeat #4AADCE;}
.largebanner.fotonovela .description{margin-left:66%;margin-right:4%;}
.largebanner.campaign.nepal15{background:url('images/lgbanner_nepal15_b.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.kenia16{background:url('images/lgbanner_kenia2016.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.kenia16.kenia16sv{background:url('images/lgbanner_kenia2016_sv.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.malawi17{background:url('images/lgbanner_malawi2017.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.malawi17.malawi17sv{background:url('images/lgbanner_malawi2017_sv.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.sambia18{background:url('images/lgbanner_2018.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign.sambia18.sambia18sv{background:url('images/lgbanner_2018_sv.jpg') center left no-repeat #5C6165 !important;}
.largebanner.campaign .description{margin-left:56%;margin-right:10%;}
.largebanner.campaign .description{
background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    margin-left: 59%;
    margin-right: 3%;
    padding: 1em 0;
    position: relative;
    top: -1em;
    z-index: 4;
	left:0;
	transition:all .5s;height: 4em;}
.largebanner.campaign:hover .description{left:50%;}
.largebanner .video{margin-left:58%;width:40%;height:90%;top:5%;position:absolute;border:1px solid #FFF;background:rgba(0,0,0,.5);}
.largebanner.some, .largebanner.some:hover{background:#FFF;padding:0;height:30em;font-size:90%;}
.largebanner.some div.feed{width:31%;padding:1%;float:left;display:block;border-left:0px solid #CCC;height:91%;overflow:auto;}
/*
.largebanner.some div.feed:hover{background:#EEE;}
*/
.largebanner.some div.feed:before{content:'#';position:relative;display:block;padding:3% 3% 3% 70px;background:url('images/social_i.png') left center no-repeat #FE0;font-weight:bold;}
.largebanner.some div.feed.instagram:before{content:'Instagram (Taksvarkki_ry)';background-image:url('images/social_i.png');}
.largebanner.some div.feed.twitter{width:32%;}
.largebanner.some div.feed.twitter:before{content:'Twitter (@Taksvarkki_ry)';background-image:url('images/social_t.png');}
.largebanner.some div.feed.facebook:before{content:'Facebook (Taksvärkki_ry)';background-image:url('images/social_f.png');}
.largebanner.some div.feedtitle{width:100%;padding:1%;font-size:100%;display:block;background:#FE0;content:'Taksvärkki instagramissa';}
.largebanner, #ab_adblock a{
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
}

.fts-jal-fb-header{display:none;}

@media screen and (max-width: 1440px) {
	.largebanner.fotonovela{background-position:-740px center;}
	.largebanner.fotonovela .description{margin-left:50%;margin-right:4%;}
	.largebanner.campaign .description{font-size:90%;height: 4.5em;}
}
@media screen and (max-width: 1024px) {
	.largebanner .video{margin-left:100%;transition:all .5s;z-index:5;}
	.largebanner:hover .video{margin-left:58%;}
	.largebanner.campaign .description{
		background:none;
		margin-left: 74%;
		margin-right: 2%;
		padding: 0em 0;
		position: relative;
		top: -1em;
		z-index: 1;
		font-size:75%;
	}
	.largebanner.some{font-size:90%;}
	.largebanner.fotonovela{background-position:-700px center;}
	.largebanner.fotonovela, .largebanner.campaign.nepal15{
		background-size:auto 180px;
	}
	.largebanner .description{
		font-size:85%;
	}
}
@media screen and (max-width: 800px) {
	.largebanner.campaign .description{display:none;}
}
@media screen and (max-width: 720px) {
	.largebanner.some, .largebanner.some:hover{height:auto;}
	.largebanner.some div.feed{width:98%;height:250px;float:none;border-bottom:1px solid #DDD;}
	.largebanner.some div.feed.twitter{width:98%;}
	
	.largebanner{height:12em;background-position:top center!important;background-size:auto 50% !important;}
	.largebanner.campaign,
	.largebanner.campaign.kenia16,
	.largebanner.campaign.kenia16.kenia16sv,
	.largebanner.campaign.malawi17,
	.largebanner.campaign.malawi17.malawi17sv,
	.largebanner.campaign.sambia18,
	.largebanner.campaign.sambia18.sambia18sv
	{height:14em;background-position:top left!important;}
	.largebanner .description{font-size:100%;margin:1em;}
	.largebanner .video{top:50%;height:50%;width:100%;margin:0;}
	.largebanner:hover .video{margin-left:0;}

	.largebanner.fotonovela .description{position:absolute;padding:4%;margin:0;bottom:0;background:#4AADCE;}
}
@media screen and (max-width: 360px) {
	.largebanner.campaign{background-size: auto 8em !important;height: 12em;}
}


/* /LARGE BANNERS */



@media screen and (max-width: 1440px) {
	#adbanner{width: 520px;border-right:2px solid #FFF;background-position: left top;}
	#wrapper{width:86%;}
	.topbar_in{width:85%;}
	#colophon{width:84%;}
	#main img{max-width:100%;height:auto;}
}
@media screen and (max-width: 1024px) {
	#wrapper{width:92%;}
	.topbar_in{width:91%;}
	#colophon{width:90%;}
	#adbanner{width: 260px;}
	#countrydiv{width:39%;}
	#countrydiv.quotediv{width:38%;}
	.home #secondary{width:38%;padding:0 0 0 4%;}
	div.postimage{height:250px;line-height:250px;}
	#videodiv .scrollable{height:250px;}
}
@media screen and (max-width: 720px) {
	div.postimage{height:200px;line-height:200px;}
	#container, .home #container, #videodiv, #wrapper, #colophon, #content, .home #content, #countrydiv, #countrydiv.quotediv, #secondary, .home #secondary{
		width:96%;
		padding:2%;
		margin:0.5em 0;
	}
	#adbanner{display:none;}
	#ab_adblock{margin:0;}
	#footer li.cat-item
	{
		width:50%;
	}
	#footer .children li.cat-item
	{
		width:100%;
	}
	.topbar_in{width:94%;}
	.topbar_in .widget-container{float:left;}
	#top_search input[type=text], #search-2 input[type=text]{width:40%;}
	#logo {
		width: 100%;
	}
	#logo img {
		max-width: 74%;
		height:auto;
		max-height:100px;
	}
	#search-2{width:50%;}
	
	div.postimage{line-height:200px;height:200px;}
	
	h1{font-size:150%;}
	h1.page-title{width:105%;}
	
	#sidebar_narrow{width:auto;padding-top:1em;}
	#sidebar_narrow h3{padding-top:1em;}
	body.category #sidebar_narrow{margin:1em 0;}
	
	div.post, div.widget-area li.widget-container{margin-bottom:0;}

	#countrydiv.quotediv .image{
		background-position:left center;
		background-size:auto;
	}
}
@media screen and (max-width: 480px) {
	div.postimage{line-height:150px;height:150px;}
	div.postimage img{margin-top:-5%;}
}
