/* CSS Document */

body.home #panel-where-we-work {
	
}

                        
div#secondarycontent img:not(.img33):not(.img50):not(.img100) {
	width: 100%;
}

div#secondarycontent img {
	max-width: 100%;
}
div#primarycontent img:not(.img33):not(.img50):not(.img100) {
    width: 100%;
}


/* This creates a responsive rectangle approximately TV aspect ratio
 	Any content that does not respond by default can be wrapped in this class
	*/
div.iframe-rwd  {
	position: relative;
	/*padding-bottom: 65.25%; */
	/* PMR 29/2/16 Well, this is a bit odd -> No idea why this was added: padding-bottom: 30.25%; */
	padding-bottom: 29.25%;
	/*padding-bottom: 65.25%;*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

/*Fix for where we work map*/
@media only screen and (max-width: 991px) {
	
	div.iframe-rwd  {
	padding-bottom: 65.25%;
	}
	
}

	div.iframe-rwd iframe,
	div.iframe-rwd div.map-div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



.blueimp-gallery > .title {
	text-align: left;
	margin-bottom: 50px;
	margin-left: 80px;
	margin-right: 80px;
}

table.gallery {
}
	table.gallery tr td {
		padding: 10px;
	}
table.gallery-no-title {
}
	table.gallery-no-title .thumb span,
	table.gallery-no-title .thumb h3 {
		display: none;
	}


/* FEEDBACK */
div.feedback {
	border: 1px solid #000;
	padding: 15px;
	margin-bottom: 20px;
}
	div#primarycontent div.feedback h3,
	div.feedback h3 {
		padding: 0 0 10px;
		margin: 0 0 10px;
		background-color: transparent;
	}
	div.feedback.error {
		background-color: #FFCC99;
	}
	div.feedback.success {
		background-color:#CDF1BE;
	}


div.img_block {
	margin-bottom: 18px;
}
	div.img_block img {
		margin-bottom: 0px;
	}
	div.img_block p {
		padding: 0;
		margin: 15px 0;
		font-size: 14px;
		color: #666;
	}
		div#primarycontent div.img_block p {
			margin-right: 0;
		}
		div#primarycontent div.img_block p.image {
			margin: 0;
		}
		div#primarycontent div.img_block p.credit,
		div#primarycontent div.img_block p.caption,
		div#primarycontent div#page-top div.img_block p.credit,
		div#primarycontent div#page-top div.img_block p.caption {
			margin: 0;
		}
		div#primarycontent div.img_block p.credit,
		div#primarycontent div#page-top div.img_block p.credit {
			font-size: 11px;
		}
	div.img_block hr {
		margin: 10px 0 0;
		background-color: #D9D9D9;
		height: 8px;
	}
div.img_left {
	float: left;
}
div.img_right {
	float: right;
}

div.image-overlay {
	padding: 0 0 20px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	position: relative;
}	
	div.image-overlay div {
	}
		div.image-overlay div.overlay {
			position: absolute;
			top: 5px;
			right: 5px;
		}
			div.image-overlay div.overlay a {
			}
				div.image-overlay div.overlay a img {
					border: none;
				}
	
div.mobile-gallery {
	background-color: #000;
	color: #fff;
	margin-bottom: 20px;
}
	div.mobile-gallery div.picture-controls {
	}

		div#featured-gallery div.mobile-gallery div.picture-controls p,
		div#primarycontent div.mobile-gallery div.picture-controls p {
			padding-left: 6%;
			padding-right: 6%;
			margin: 0;
		}
			div#featured-gallery div.mobile-gallery div.picture-controls p.description,
			div#primarycontent div.mobile-gallery div.picture-controls p.description {
				padding-bottom: 20px;
			}
			div#featured-gallery div.mobile-gallery div.picture-controls p a,
			div#primarycontent div.mobile-gallery div.picture-controls p a {
				color: #fff;
			}
			div.mobile-gallery div.picture-controls p.controls {
				margin: 0;
			}
			div.mobile-gallery div.picture-controls p.controls a {
				float: left;
			}
			div.mobile-gallery div.picture-controls p a.picture-controls-next {
				float: right;
			}

		div#featured-gallery div.mobile-gallery div.picture-controls p {
			padding-left: 4%;
			padding-right: 4%;
			margin: 0;
		}


div.swipe-element {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    width: 100%;
    z-index: 1;
}

body.our-impact {
}
body.about-mag #main .titlebar .pull-right,
body.the-problems #main .titlebar .pull-right,
body.our-impact #news-section .titlebar .pull-right {
	display: none;
}