/*
Theme Name:Global Soap Project v2
Theme URI:http://globalsoap.org
Description:HTML5 theme for GSP
Version:2.1
Author:Ben Coleman, Peter Coles, Jake Giltsoff
Author URI:http://fffunction.co
*/

/* Icon font */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'GlobalSoap-icons';
	src:url('fonts/GlobalSoap-icons.eot');
	src:url('fonts/GlobalSoap-icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/GlobalSoap-icons.svg#GlobalSoap-icons') format('svg'),
		url('fonts/GlobalSoap-icons.woff') format('woff'),
		url('fonts/GlobalSoap-icons.ttf') format('truetype');
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{
	margin:0;
	padding:0;
	outline:0;
	border:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
}
article,aside,figure,footer,header,hgroup,nav,section{
	display:block;
}
nav ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
a{
	margin:0;
	padding:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
}
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark{
	background-color:#ff9;
	color:#000;
	font-weight:bold;
	font-style:italic;
}
del{
	text-decoration:line-through;
}
abbr[title],dfn[title]{
	border-bottom:1px dotted #000;
	cursor:help;
}
table{
	border-spacing:0;
	border-collapse:collapse;
}
hr{
	display:block;
	margin:1em 0;
	padding:0;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
}
input,select{
	vertical-align:middle;
}

@font-face{
	font-weight:normal;
	font-style:normal;
	font-family:'ProximaNovaRegular';
	src:url('fonts/proximanova-regular-webfont.eot');
	src:url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-regular-webfont.woff') format('woff'),url('fonts/proximanova-regular-webfont.ttf') format('truetype'),url('fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
}

@font-face{
	font-weight:normal;
	font-style:normal;
	font-family:'ProximaNovaSemibold';
	src:url('fonts/proximanova-semibold-webfont.eot');
	src:url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-semibold-webfont.woff') format('woff'),url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),url('fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
}

html {
	overflow-x: hidden;
}

body,select,input,textarea{
	color:#606164;
	font-family:'ProximaNovaRegular', sans-serif;
}

h1{
	font-size:1.75em;

}

h2{
	font-size:1.5em;
}

h3,h4,h5,h6{
	font-weight:bold;
	font-size:1.25em;
}

h1,h2,h3,h4,h5,h6{
	margin-bottom:20px;
	letter-spacing:1.5px;
	font-weight:normal;
	font-family:'ProximaNovaSemibold',sans-serif;
	line-height:1.125em;
	text-rendering:optimizeLegibility;
}

p{
	margin-bottom:20px;
	font-size:0.875em;
	line-height:1.375em;
}

p.strong{
	font-weight:normal;
	font-family:'ProximaNovaSemibold',sans-serif;
}

a:hover,a:active{
	outline:none;
}

a,a:active,a:visited{
	color:#2b8fc1;
	text-decoration:none;
}

a:focus,a:hover{
	outline:none;
	color:#227199;
}

ul,ol{
	margin-left:30px;
	font-size:0.875em;
	line-height:1.25em;
}

ol{
	list-style-type:decimal;
}

li{
	margin-bottom:5px;
}

ul ul,ol ol{
	margin-top:5px;
	font-size:inherit;
}

article ul,article ol{
	margin-bottom:20px;
}

small{
	font-size:85%;
}

strong,th{
	font-weight:normal;
	font-family:'ProximaNovaSemibold';
}

td,td img{
	vertical-align:top;
}

sub{
	vertical-align:sub;
	font-size:smaller;
}

sup{
	vertical-align:super;
	font-size:smaller;
}


/*Main Elements*/
html{
	background:#fff url(img/bg-body.jpg) center 8px no-repeat;
	-webkit-font-smoothing:antialiased;
}

body{
	background:url(img/bg-topmenu.png) repeat-x;
	font-size:100%;
}

.container{
	margin:0 auto;
	width:960px;
}


/* Header */
header[role="banner"]{
	position:relative;
	margin:0 auto 35px auto;
	width:960px;
	height:150px;
}

header[role="banner"] h1{
	position:absolute;
	top:58px;
	left:0;
	z-index:1;
}


header[role="banner"] h1 a{
	display:block;
	width:158px;
	height:117px;
	background:url(img/global-soap-project-logo.png) no-repeat;
	text-indent:-9999px;
}


/*Menu*/
header[role="banner"] nav{
	position:absolute;
	top:100px;
	right:0;
	height:52px;
}

header[role="banner"] nav ul,
header[role="banner"] nav.topmenu ul,
header[role="banner"] nav.social ul{
	list-style:none;
}

header[role="banner"] nav ul li,
header[role="banner"] nav.topmenu ul li,
header[role="banner"] nav.social ul li{
	display:inline;
	float:left;
	margin:0 0 0 37px;
}

header[role="banner"] nav.topmenu ul li{
	margin-left:26px;
}

header[role="banner"] nav.social ul li{
	margin-left:10px;
}

header[role="banner"] nav ul li a,
header[role="banner"] nav.topmenu ul li a{
	display:block;
	float:left;
	margin-top:11px;
	padding:0;
	height:32px;
	font-size: 26px;
	line-height: 32px;
}

header[role="banner"] nav ul li.donate a,
.green{
	margin-top:0;
	padding: 10px 15px;
	border: 1px solid #67a123;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #83cf2d;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmYjkxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5ZGY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #5fb917 0%, #b9df67 100%);
	background-image: -o-linear-gradient(bottom, #5fb917 0%, #b9df67 100%);
	background-image: -webkit-linear-gradient(bottom, #5fb917 0%, #b9df67 100%);
	background-image: linear-gradient(bottom, #5fb917 0%, #b9df67 100%);
	background-clip: padding-box;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	color: #fff;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

header[role="banner"] nav ul li.donate a:focus,
header[role="banner"] nav ul li.donate a:hover,
header[role="banner"] nav ul li.donate.current-page-ancestor a,
header[role="banner"] nav ul li.donate.current-menu-item a,
header[role="banner"] nav ul li.donate.current_page_item a{
	border: 1px solid #67a123;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #83cf2d;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxODkwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1YmYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #418909 0%, #85bf2d 100%);
	background-image: -o-linear-gradient(bottom, #418909 0%, #85bf2d 100%);
	background-image: -webkit-linear-gradient(bottom, #418909 0%, #85bf2d 100%);
	background-image: linear-gradient(bottom, #418909 0%, #85bf2d 100%);
	background-clip: padding-box;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.39);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
}

header[role="banner"] nav ul li a:focus,
header[role="banner"] nav ul li a:hover,
header[role="banner"] nav ul li.current-menu-item a,
header[role="banner"] nav ul li.current-page-item a,
header[role="banner"] nav ul li.current-page-ancestor a{
	border-bottom:2px solid #2b8fc1;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transform: all .2s;
}


header[role="banner"] nav.topmenu{
	top:2px;
	right:136px;
	height:31px;
}

header[role="banner"] nav.topmenu ul li a{
	margin-top:4px;
	font-size: 18px;
}

/* Header social buttons */
header[role="banner"] nav.social{
	top:5px;
	right:0px;
	height:30px;
}

.icon {
	width: 30px;
	height: 30px;
	text-indent: 7px;
	-webkit-transition: background-color .2s, -webkit-box-shadow .2s;
	-moz-transition: background-color .2s, -moz-box-shadow .2s;
	-o-transition: background-color .2s, -o-box-shadow .2s;
	transform: background-color .2s, box-shadow .2s;
	display: block;
	position: relative;
	line-height: 1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #227199;
	border-radius: 4px;
	background-color: #2b8fc1;
	-webkit-box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	color: #fbfbfb;
}

.icon:hover {
	background-color: #41aadf;
	-webkit-box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
	-moz-box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
	box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
}

.icon:before {
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 16px;
}

.icon a{
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

header[role="banner"] nav.social ul li a:hover{
	border-bottom: 0;
}



.icon-feed:before,
.icon-twitter:before,
.icon-facebook:before,
.icon-arrow-right:before,
.icon-arrow-left:before,
.icon-thumbs-up:before,
.icon-mail:before,
.icon-feed:before{
	font-weight: normal;
	font-style: normal;
	font-family: 'GlobalSoap-icons';
	speak: none;
	-webkit-font-smoothing: antialiased;
}


.icon-feed:before {
	content: "\72";
}

.icon-twitter:before {
	content: "\74";
}


.icon-facebook:before {
	content: "\66";
}


.icon-arrow-right:before {
	content: "\4c";
}


.icon-arrow-left:before {
	content: "\52";
}


.icon-thumbs-up:before {
	content: "\6c";
}


.icon-mail:before {
	content: "\6d";
}


.button {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #227199;
	border-radius: 4px;
	background-color: #2b8fc1;
	-webkit-box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	box-shadow: inset 0 1px 0 rgba(252,252,252,0.4);
	color: #fff!important;
	padding: 5px;
}


.button:hover {
	background-color: #41aadf;
	-webkit-box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
	-moz-box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
	box-shadow: inset 0 1px 1px rgba(2,2,2,0.4);
}


.button:before {
	position: absolute;
	top: 7px;
	font-size: 16px;
}

/*Main Content*/
.content{
	margin:0 0 30px 0;
	width:955px;
	padding: 5px;
/*	overflow: hidden;*/
}

div[role="main"],
.main{
	display:inline;
	float:left;
	width:610px;
}

nav ul,
aside ul{
	margin:0;
	padding:0;
	list-style:none;
}

nav ul li,
section header{
	margin:0;
	padding:0;
}


/*Sidebar*/
aside{
	display:inline;
	float:right;
	width:300px;
}

.box{
	padding: 8px 0 0 0;
	margin-bottom:30px;
	border: 2px solid #e7f5f9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color:#e7f5f9;
	-moz-box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
	-webkit-box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
	box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
}

.box div.box-content{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff;
	padding-top: 5px;
	overflow: hidden;
}

.box h2{
	margin:0 10px 10px;
	padding:0 5px;
	height:30px;
}

.box h2 span{
	float: left;
	margin-right: 12px;
}

.box form{
	margin:0 10px 20px 10px;
	padding: 10px 0 20px 0;
}

.box .button{
	text-align: center;
	padding: 6px 10px;
	margin: 3%;
	width: 94%;
	display: block;
}


/*Submenu*/

.submenu ul{
	background: #fff;
	padding-top: 5px;
	margin-bottom: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: hidden;
}

.submenu ul li,
.recentposts ul li{
	margin:0 10px 5px 10px;
}

.submenu ul li ul li{
	margin:0 0 5px 10px;
}

.submenu ul li ul li a{
	padding-left:18px;
	background:url(img/sub.png) 5px 6px no-repeat;
}

.submenu ul li a,
.recentposts ul li a{
	display:block;
	padding:4px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	line-height:1.25em;
}

.submenu ul li a:hover,
.submenu ul li ul li a:hover{
	background-color:#fff;
}

.submenu ul.children{
	margin-top:5px;
}

.submenu ul li.current_page_item > a,
.submenu ul li.current-menu-item a,
.submenu ul li.current-post-parent a{
	background-color:#fff;
	font-family:'ProximaNovaSemibold',sans-serif;
}

.submenu ul li.current_page_parent ul li.current_page_item a{
	background:#fff url(img/sub.png) 5px 6px no-repeat;font-family:'ProximaNovaSemibold',sans-serif;
}

/* Sidebar gallery */

.sidebar-gallery {
	text-align: center;
	margin-bottom: 20px;
}

.sidebar-gallery img{
	max-width: 100%;
}

/* Country List */

.country_list h3{
	margin-bottom: 5px;
}

.country_list ul{
	margin-bottom: 20px;
}

/* Location page */

.location-stats{
	position: relative;
	top: -100px;
}

.location-stats iframe{
	margin-bottom: 30px;
}

.soap-count{
	color: #227199;
}

.box .soap-count h2{
	font-size: 3.5em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
	height: auto;
	padding: 0;
}

.box .soap-count p{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/*Footer*/
.bgfoot{
	background:url(img/bg-foot.png) repeat-x;
}

.footer{
	display:block;
	clear:both;
	overflow:hidden;
	padding:0;
	background:url(img/bg-foot-bokeh.png) center top no-repeat;
}

.footer > div{
	margin:0 auto;
	width:960px;
	padding:30px 0;
	overflow:hidden;
}

.footmenu{
	display:inline;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:0;
	min-height:194px;
	list-style:none;
}

.footcontact p,
.copy,
.credit{
	color:#8a8c8f;
	font-size:0.875em;
	line-height:1.5em;
}

.copy,
.credit{
	font-size:0.75em;
}

.footmenu li a,
.footcontact a,
.credit a{
	color:#8a8c8f;
}

.footmenu li a:focus,
.footmenu li a:hover,
.footcontact a:focus,
.footcontact a:hover,
.credit a:focus,
.credit a:hover{
	border-bottom:dotted 1px #606164;
}

.footmenu li.head,
.footcontact .head{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #cfcfcf;
}

.footmenu li.head a,
.footcontact .head a{
	text-transform:uppercase;
	font-weight:600;
	font-size:1.25em;
	font-family:'ProximaNovaRegular',sans-serif;
}

.footcontact{
	margin-right:0;
	width: auto;
}

.footcontact p.head{
	line-height:1.25em;
}

.footcontact p.alignright{
	width:150px;
}

.footcontact span.e,
.footcontact span.t{
	display:block;
	float:left;
	margin:6px 5px 0 0;
	width:10px;
	height:8px;
	background:url(img/sprite.png) 0 -60px;
}

.footcontact span.t{
	background:url(img/sprite.png) -10px -60px;
}

.copy{
	float:left;
	clear:both;
	width:420px;
}

.credit{
	float:right;
	clear:right;
	text-align:right;
}

.credit span{
	margin-left:15px;
}

.credit span:first-child{
	margin-right:15px;
}

.footer ul.social{
	margin:30px 0 20px 0;
	padding:5px 0 0 5px;
	height:35px;
	border:1px solid #dedede;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#e0e0e0;
	background:rgba(0,0,0,.05);
	list-style:none;
}

.footer ul.social li{
	display:inline;
	float:left;
	margin-right:10px;
	width:30px;
	height:30px;
}

.footer ul.social li.icon {
	background-color: #bdbfc1;
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	border-color: #999;
}

.footer ul.social li.icon:focus,
.footer ul.social li.icon:hover{
	background-color: #9ea2a6;
}

.footer ul.social li:first-child{
	padding:7px 0 0 5px;
	width:75px;
	text-transform:uppercase;
	font-size:1em;
}

.footer ul.social li.fb a:focus,
.footer ul.social li.fb a:hover{
	border-bottom:0;
	background-position:-150px -30px;
}

.footer ul.social li.tw a{
	background-position:-180px 0;
}

.footer ul.social li.tw a:focus,
.footer ul.social li.tw a:hover{
	border-bottom:0;
	background-position:-180px -30px;
}

.footer ul.social li.gp a{
	background-position:-210px 0;
}

.footer ul.social li.gp a:focus,
.footer ul.social li.gp a:hover{
	border-bottom:0;
	background-position:-210px -30px;
}

.footer ul.social li.rss a{
	background-position:-240px 0;
}

.footer ul.social li.rss a:focus,
.footer ul.social li.rss a:hover{
	border-bottom:0;
	background-position:-240px -30px;
}

.footer ul.social li.em{
	margin-right:0;
}

.footer ul.social li.em a{
	background-position:-270px 0;
}

.footer ul.social li.em a:focus,
.footer ul.social li.em a:hover{
	border-bottom:0;
	background-position:-270px -30px;
}


/* Homepage */
.strapline{
	margin-bottom:20px;
	color:#227199;
	font-size:1.813em;
}

.strapline span{
	padding-right:25px;
	background:url(img/bubble2.gif) no-repeat right 12px;
}

.strapline span.bubble{
	display:block;
	float:left;
	margin-right:10px;
	padding:0 0 5px 0;
	width:23px;
	height:26px;
	background:url(img/bubble1.gif) no-repeat 0 0;
}

.donation h2 span{
	display:inline-block;
	margin-right:7px;
	width:16px;
	height:16px;
	background:url(img/sprite.png) -20px -60px;
}

.donation{
	float:left;
	margin-right:30px;
	width:290px;
	height:auto;
	background-color:#f1f2f3;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-bottom: 20px;
}

.monthly{
	margin-right:0;
}

.donation h2{
	padding:7px 0 0 12px;
	font-size:1em;
}

.donation p,
.donation form{
	margin:10px;
}

.donation form{
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff;
	text-align:center;
}

.donation form table{
	margin:0 auto 10px;
}

.donation form input{
	border:2px solid #5bd600;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.cta-donate{
	overflow:hidden;
}

.cta-donate h2 a{
	color:#fff;
}

.cta-donate img{
	margin-left:10px!important;
}

.cta-donate a.donate{
	display:block;
	margin:12px;
	padding:7px 12px;
	height:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:1.625em;
	line-height:1.2;

}


/* Latest News */
.main h2{
	display:block;
	color: #227199;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #5f97b2;
	padding-bottom: 10px;
}

.home .main h2{
	padding-top: 10px;
}

.main h2 > a{
	font-size:1.175em;
	float: left;
}

.main h2 span{
	float: right;
	display: inline;
}

.main article h1{
	font-size:1.5em;
}

article.postsummary{
	overflow:hidden;
	margin-bottom:15px;
	border-bottom:1px solid #c0deed;
}

article.postsummary div{
	float:right;
	clear:right;
	width:458px;
}

article.postsummary .meta{
	float:right;
	margin-bottom:10px;
}

.single .meta{
	display:block;
	clear:both;
	padding:3px 0;
	border-top:1px solid #d9dadc;
	border-bottom:1px solid #d9dadc;
}

article.postsummary .meta time{
	display:inline;
	font-size:1em;
}

.readmore{
	display:block;
	margin-top:10px;
	text-transform:uppercase;
}

.readmore span{
	display:block;
	float:left;
	margin:3px 4px 0 0;
	width:8px;
	height:10px;
	background:url(img/sprite.png) no-repeat -76px -60px;
}

.thumb img,
#mask-gallery img,
.teammember img,
 .size-carousel{
	border:3px solid #f1f2f2;
	vertical-align:bottom;
}

.wpcf7-form{
	padding: 16px 0 16px 20px;
}

a.btn,
input.btn,
.wpcf7-submit,
.mc_signup_submit input{
	display:inline-block;
	overflow:visible;
	padding:7px 10px 5px 10px;
	border:1px solid #65bde1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#65bde1;
	-webkit-box-shadow:inset 0px 0px 5px #c7e7f4;
	-webkit-box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
	-moz-box-shadow:inset 0px 0px 5px #c7e7f4;
	-moz-box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
	box-shadow:inset 0px 0px 5px #c7e7f4;
	box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
	color:#fff;
	text-transform:uppercase;
	text-shadow:#6c6c6c 0px 1px 1px;
	text-shadow:rgba(0,0,0,0.30) 0px 1px 1px;
	font-size:.875em;
}

a.btn:focus,
a.btn:hover,
.wpcf7-submit:focus,
.wpcf7-submit:hover{
	border:1px solid #2b8fc1;
	background:#2b8fc1;
	-webkit-box-shadow:inset 0px 0px 5px #c7e7f4;
	-webkit-box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
	-moz-box-shadow:inset 0px 0px 5px #c7e7f4;
	-moz-box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
	box-shadow:inset 0px 0px 5px #c7e7f4;
	box-shadow:inset 0px 0px 5px rgba(191,231,244,.75);
}

a.btn strong{
	font-weight:normal;
	font-family:'ProximaNovaSemibold',
sans-serif;
}

a.posts span,
a.side span{
	display:block;
	float:left;
	margin:-3px 5px 0 0;
	width:17px;
	height:19px;
	background:url(img/sprite.png) no-repeat -84px -60px;
}

a.posts:focus span,
a.posts:hover span{
	background-position:-101px -60px;
}

a.side{
	padding:6px 0 5px 5px;
	width:274px;
}

a.side span{
	margin-top:-2px;
	width:19px;
	background-position:-118px -60px;
}

a.side:focus span,
a.side:hover span{
	background-position:-137px -60px;
}


/* Facebook / Twitter / Newsletter / Soap Facts*/
.facebook h2,
.twitter h2,
.newsletter h2{
	padding:0;
	background:none;
}


.facebook iframe{
	margin:-1px -1px -14px -5px!important;
	padding:0;
	height:410px;
	border:0;
}

.facebookwrap{
	margin: 2px 2px 10px 2px;
	overflow:hidden;
	padding-bottom:3px;
	width:290px;
	height:400px;
	background:#fff;
}

.twitter h2 span{
	background-position:-30px 0;
}

.twitter p,
.newsletter p,
.soapfacts p{
	margin:10px 10px 5px 10px;
}

.newsletter h2 > span{
	background-position:-120px 0;
}


/* FlexSlider Necessary Styles
*********************************/
.flexslider{
	margin:0;
	width:100%;
}

.flexslider .slides{
	overflow:hidden;
	list-style:none;
}

.flexslider .slides li{
	display:none;
}

.flexslider .slides li h1{
	margin-bottom:10px;
}

.flexslider .slides img{
	display:block;
	max-width:100%;
}

/* FlexSlider Default Theme
*********************************/
.flexslider{
	position:relative;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#fff;
	vertical-align:bottom!important;
}

.flexslider .slides li{
	position:relative;
	margin-bottom: 0;
}

.flexslider .slides li div{
	padding:10px 25px;
}

.flexslider .slides li div p{
	font-size:1em;
}

.flexslider-container{
	max-width: 1020px;
	margin: 20px auto;
	position:relative;
	clear:both;
	padding:5px 5px 1px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#e7f5fa;
}

/* Caption style */
.flex-caption{
	position:absolute;
	bottom:0;
	left:0;
	padding:2%;
	width:96%;
	background:rgba(0,0,0,.3);
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	font-size:15px;
	line-height:18px;
}

/* Direction Nav */
.flex-direction-nav{
	 margin-bottom:0;
	list-style:none;
}

.flex-direction-nav li a{
	position:absolute;
	top:50%;
	display:block;
	margin:-44px 0 0;
	width:92px;
	height:88px;
	background:url(img/slider-btns.png) no-repeat left top;
	text-indent:-9999px;
	cursor:pointer;
}

.carousel-donate .flex-direction-nav li a,
.carousel-thankyou .flex-direction-nav li a,
.carousel-volunteer .flex-direction-nav li a{
	width:52px;
	background:url(img/slider-btns-thin.png) no-repeat left top;
}

.flex-direction-nav li a.next{
	right:-26px;
	background-position:right top;
}

.flex-direction-nav li a.prev{
	left:-26px;
}

.carousel-home{
	-moz-box-shadow: 0 3px 5px rgba(34,113,153,.3);
	-webkit-box-shadow: 0 3px 5px rgba(34,113,153,.3);
	box-shadow: 0 3px 5px rgba(34,113,153,.3);
	margin-bottom: 0;
}

.caption{
	position: absolute;
	right: 10%;
	left: 50%;
	top: 0;
	padding-top: 20px!important;
	color: #227199;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #c7e7f4;
	background-color: rgba(199,231,244,.9);
}

.caption h2{
	font-size: 30px;
}

.caption p{
	font-size: 16px!important;
}

.location-hero{
	position: relative;
}

.location-hero .caption{
	top: 5px;
	left: 10%;
	right: 50%;
}

.location-hero .caption .green{
	color: #fff;
	font-size: 1.5em;
	display: block;
	float: right;
}

.location-hero .caption h2,
.location-hero .caption p,
.location-hero .caption .green{
	margin: 10px 25px 20px 25px;
}

.location-hero .caption h2{
	font-size: 2em;
}

.location-posts{
	width: 100%;
	clear: both;
}

.caption p,
.location-hero .caption h2{
	margin-bottom: 10px;
}

.panel{
	border: 2px solid #e7f5f9;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #e7f5f9;
	-moz-box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
	-webkit-box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
	box-shadow: 0 0 6px 0 rgba(43,143,193,.7);
	padding: 30px 30px 40px;
	margin-bottom: 40px;
}

.panel .button{
	float: left;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(15,16,16,.2);
	padding: 20px 30px;
	margin-right: 40px;
}

.panel p {
	font-size: 22px;
	padding-top: 10px;
	color: #227199;
	margin-bottom: 0;
}

/* Accordions */
.accordion section{
	margin-bottom:20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#eeeff2;
}

.accordion section h3{
	margin-bottom:0;
}

.accordion section h3 i{
	font-style:normal;
}

.accordion section h3 a:link,
.accordion section h3 a:visited,
.accordion section h3 a:active{
	position:relative;
	display:block;
	padding:5px 26px 5px 10px;
	border-bottom:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#555;
}

.accordion section h3 a:link span,
.accordion section h3 a:visited,
span .accordion section h3 a:active span{
	position:absolute;
	top:9px;
	right:9px;
	width:16px;
	height:15px;
	background:url(img/sprite.png) -172px -60px;
}

.accordion section h3 a:focus,
.accordion section h3 a:hover{
	color:#333;
}

.accordion section.open h3 a:link span,
.accordion section.open h3 a:visited span,
.accordion section.open h3 a:active span{
	display:block;
	float:right;
	width:16px;
	height:15px;
	background:url(img/sprite.png) -156px -60px;
}

.accordion section p{
	margin-right:20px;
	margin-left:20px;
}

.accordion section p a.close{
	padding:5px 20px 5px 0;
	border-bottom:0;
}

.accordion section div.hide-section{
	display:none;
	padding-top:20px;
	padding-bottom:1px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	background:#fcfcfc;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
}

.accordion section.open h3{
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

.team section{
	margin-bottom:20px;
	border-bottom:#f1f2f3 solid 1px;
}


/* Process Diagram */
.process div{
	float: left;
	width: 31%;
	height: 31%;
	display: block;
	padding: 18px 1% 18px 1%;
	text-align: center;
	position: relative;
}

.process div span{
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 40%;
	left: -9px;
	margin-top: -19px;
}

.process div p{
	margin-bottom: 0;
	height: 66px;
	font-size: 13px;
}

.process div img{
	max-width: 100%;
}

.process div.part1 span,
.process div.part2 span,
.process div.part3 span,
.process div.part4 span,
.process div.part5 span,
.process div.part6 span,
.process div.part7 span,
.process div.part8 span,
.process div.part9 span,
.process div.part10 span,
.process div.part11 span,
.process div.part12 span,
.process div.part13 span,
.process div.part14 span,
.process div.part15 span{
	background: url('img/arrow-sprite.png') no-repeat left bottom;
}

.process div.part1 span{
	display: none;
}
.process div.part2 span,
.process div.part3 span,
.process div.part8 span,
.process div.part9 span,
.process div.part14 span,
.process div.part15 span{
	background-position: top right;
}

.process div.part4 span,
.process div.part5 span,
.process div.part10 span,
.process div.part11 span{
	background-position: bottom right;
	left: auto;
	right: -9px;
}

.process div.part6 span,
.process div.part7 span,
.process div.part12 span,
.process div.part13 span{
	top: -9px;
	left: 50%;
	margin: 0 0 0 -9px;
}

/* Process Diagram */
.processdiagram figure{clear:both;height:120px}
.processdiagram figure.even{padding-left:40px}
.processdiagram figure h2{font-size: 20px;border-radius:150px;background:#c7e7f4;width:120px;height:120px;text-align:center;float:left;margin-bottom:0;clear:left;color:#343436;-webkit-box-shadow:inset 0px 0px 30px #e7f5fa;-moz-box-shadow:inset 0px 0px 30px #e7f5fa;box-shadow:inset 0px 0px 30px #e7f5fa;-webkit-box-shadow:inset 0px 0px 30px rgba(231,245,250,0.7);-moz-box-shadow:inset 0px 0px 30px rgba(231,245,250,0.7);box-shadow:inset 0px 0px 30px rgba(231,245,250,0.7)}
.processdiagram figure.even h2{background:#9dd7ef}
.processdiagram figure.hotel,.processdiagram figure.hotel h2{height:140px}
.processdiagram figure.hotel h2{width:140px}
.processdiagram figure.collection,.processdiagram figure.collection h2{height:110px}
.processdiagram figure.collection h2{width:110px}
.processdiagram figure.sorting{padding-left:50px}
.processdiagram figure.sorting,.processdiagram figure.sorting h2{height:85px}
.processdiagram figure.sorting h2{width:85px}
.processdiagram figure figcaption{font-size:1em;line-height:1.25em}
.processdiagram figure figcaption div{padding-left:30px;margin-left:10px;background:url(img/bracket-top.png) left top no-repeat}
.processdiagram figure figcaption div span{position:absolute;left:0;bottom:0;height:14px;width:15px;display:block;background:url(img/bracket-bottom.png) no-repeat}

/* Vertical Centering */
.processdiagram figure,.processdiagram figure h2{display:table;#position:relative;overflow:hidden}
.processdiagram figure figcaption,.processdiagram figure h2 div{#position:absolute;#top:50%;display:table-cell;vertical-align:middle}
.processdiagram figure figcaption div,.processdiagram figure h2 div span{position:relative;#top:-50%}

/* Bubbles */
.processdiagram figure.hotel,.processdiagram figure.sorting,.processdiagram figure.distribution{background:url(img/bubble2.gif) no-repeat 30px 10px}
.processdiagram figure.sorting{background-position:30px 20px}
.processdiagram figure.distribution{background-position:0 0}
.processdiagram figure.collection,.processdiagram figure.processing,.processdiagram figure.verification,.processdiagram{background:url(img/bubble1.gif) no-repeat 105px 5px}
.processdiagram figure.processing{background-position:0 106px}
.processdiagram figure.verification{background-position:10px 50px}
.processdiagram{background-position:115px bottom}

/* Masonry */
#masonry{
	width:660px;
}

#masonry .item{
	margin-right:30px;
	margin-bottom:30px;
	padding:10px;
	width:280px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#e7f5fa;
}

#masonry .item p{
	margin-bottom:0;
}


/* Blog */
.postsummary h1{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:solid 1px #5f97b2;
}

article footer,
.postsummary time{
	margin-bottom:20px;
	font-size:0.75em;
}

.postsummary time{
	display:block;
}

.postsummary header time{
	margin-bottom:10px;
	color:#bebfc1;
	text-transform:uppercase;
}

.wp-tag-cloud{
	margin:10px 10px 0;
	padding:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff;
}

h1.posttitle{
	padding-bottom:5px;
	border-bottom:1px solid #5d97b4;
	color: #227199;
}


/* Forms */
input,
textarea,
.wpcf7-response-output{
	padding:4px;
	border:1px solid #eee;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff;
	font-size:1em;
}

.wpcf7,
#mc_signup_form,
#commentform{
	overflow:hidden;
	margin-bottom:20px;
	padding:15px 0 1px 20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#f1f2f2;
}

.wpcf7 div,
.mc_merge_var,
#commentform div{
	display:inline;
	float:left;
	margin:0 20px 10px 0;
	width:275px;
}

#commentform div{
	width:176px;
}

.wpcf7 label,
.mc_merge_var label,
#commentform label{
	text-transform:uppercase;
	font-size:1em;
	font-family:'ProximaNovaSemibold',sans-serif;
}

.wpcf7 div label,
.mc_merge_var label,
#commentform label{
	font-size:.875em;
}

.wpcf7 div input{
	width:265px;
	font-size:0.875em;
}

#commentform div input{
	width:166px;
	font-size:0.875em;
}

.wpcf7 textarea,
#commentform textarea{
	margin-bottom:10px;
	width:560px;
}

#commentform textarea{
	font-size:0.875em;
}

#commentform input.btn{
	float:left;
	margin:0 10px 20px 0;
}

#commentform p.req{
	padding-top:7px;
}

#commentform label{
	float:left;
	clear:both;
}

fieldset legend{
	width:590px;
	height:25px;
	 border-bottom:1px solid #ddd;
	text-transform:uppercase;

}

fieldset p{
	padding-top:20px;
	width:590px;
}

.wpcf7 fieldset label{
	display:block;
	float:left;
	clear:left;
	padding:6px 10px 0 0;
	width:180px;
	text-align:right;
	text-transform:none;
	font-family:'ProximaNovaRegular',
sans-serif;
}

fieldset input{
	margin-bottom:10px;
}

.wpcf7 fieldset textarea{
	margin-left:2px;
	width:368px;
}

fieldset input.wpcf7-submit{
	margin-left:193px;
	padding-left:10px;
	font-size:1em;
}

.wpcf7-submit{
	 float:left;
	 clear:left;
	font-size:1em;
}

.wpcf7 .wpcf7-response-output{
	margin-bottom:20px;
	padding:5px 8px;
	width:572px;
	border:1px solid #fff;
	background:#dfffb7;
	color:#67a224;
	font-size:0.875em;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7-not-valid-tip-no-ajax{
	color:#d91414;
}

.wpcf7-not-valid-tip-no-ajax{
	font-size:.875em;
}

.wpcf7 p .wpcf7-not-valid-tip-no-ajax{
	font-size:1em;
}

.wpcf7-display-none{
	display:none!important;
}

.wpcf7 fieldset .wpcf7-not-valid-tip-no-ajax{
	float:left;
	clear:both;
	margin:-10px 0 5px 195px;
}

.faqform .wpcf7{
	margin-bottom:0;
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:none;
}

.faqform input,
.faqform textarea{
	width:250px;
}

.faqform input.wpcf7-submit{
	padding:7px 7px 5px 7px;
	width:auto;
	font-size:1em;
}

.faqform p{
	margin-bottom:0;
}

.faqform .wpcf7-response-output{
	margin-top:10px;
	margin-bottom:0;
	width:260px;
	background:#fff;
}

.wpcf7 .wpcf7-validation-errors,
.faqform .wpcf7-validation-errors{
	background:#fedfdf;
}

.sidesearch input#s{
	float:left;
	width:190px;
	height:21px;
	font-size:0.875em;
}

.sidesearch .btn{
	float:right;
	margin:0;
}

fieldset span.question,
.wpcf7-radio,
.wpcf7-checkbox{
	display:block;
	margin-left:195px;
}

.wpcf7-radio{
	height:40px;
}

.wpcf7-list-item{
	display:inline;
	float:left;
}

.wpcf7-list-item label{
	padding-top:0;
	width:auto!important;
}

.wpcf7-list-item input{
	margin-bottom:0;
	padding:0;
}

.wpcf7 br{
	display:none;
}

.break{
	display:block;
	margin:13px 0 20px 193px;
	border-bottom:1px solid #ddd;

}

.wpcf7-checkbox .wpcf7-list-item{
	width:197px;
}

.wpcf7-checkbox .wpcf7-list-item label{
	padding-right:0;
}

fieldset legend span{
	text-transform:none;
}

.wpcf7 fieldset span.accept{

	display: block;

	margin-left: 195px;


}


.wpcf7 fieldset span.accept label{

	display: inline;

	float: none;

	clear: none;

	width: auto;

	text-align: left;


}


/* Comment List */
.commentlist{
	margin-left:0;
	list-style:none;
}

.comment-author img{
	float:left;
	margin-right:10px;
	width:48px;
	height:48px;
	border:3px solid #f1f2f2;
}

.comment-author cite{
	display:block;
	padding-top:10px;
	text-transform:uppercase;
	font-style:normal;
	font-family:'ProximaNovaSemibold',
sans-serif;
}

.comment-author time a ,
a.comment-edit-link{
	color:#bebfc1;
	font-size:0.875em;
}

.commentlist p,
.comment-reply-link{
	clear:left;
	margin:10px 0 0 64px;
	font-size:1em;
}

.commentlist > li{
	padding:0 0 20px 0;
	border-bottom:1px solid #d9dadc;
}

.commentlist ul.children{
	margin:20px 0 0 64px;
	list-style:none;
	font-size:inherit;
}


/* MailChimp */
.mc_merge_var{
	width:176px;
}

.mc_merge_var input{
	width:166px;
	font-size:0.875em;
}

#mc-indicates-required{
	display:none;
}

.mc_signup_submit{
	width: 100%;
}

.mc_signup_submit input{
	margin-bottom:20px;
}

.updated{
	text-transform:uppercase;
	font-size:0.875em;
}


/*PageNavi*/
.wp-pagenavi{
	position:relative;
	display:block;
	margin-bottom:20px;
	padding:10px;
	height:27px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#f1f2f3;
	text-align:center;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
	padding:4px 8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#fff;
}

.wp-pagenavi a.previouspostslink{
	position:absolute;
	top:10px;
	left:10px;
}

.wp-pagenavi a.nextpostslink{
	position:absolute;
	top:10px;
	right:10px;
}

.wp-pagenavi .current,
.wp-pagenavi .page{
	display:inline-block;
	margin:0 5px;
	padding:4px 0;
	width:27px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff;
}

.wp-pagenavi .current{
	background:#65bde1;
	color:#fff;
	font-family:'ProximaNovaSemibold',
sans-serif;
}



/* Relevanssi */
.relevanssi-query-term{
	padding:0 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#e7f5fa;

}


/* Hotel List */
ul.states{
	overflow:hidden;
	margin-left:0;
}

ul.states li{
	display:inline;
	float:left;
	padding:0 10px;
	margin-left:1px solid #eee;
}

h2.state{
	display:block;
	border-bottom:1px solid #eee;
}

h2.state small{
	float:right;
	font-size:.625em;
	font-family:'ProximaNovaRegular',
sans-serif;
}

/* Our Cause */

.half{
	float: left;
	width: 48%;
	margin-left: 4%;
}

.half:first-child{
	margin-left: 0;
}

.half img{
	max-width: 100%;
}


/* Hotels */

#location_search_3_tr,
#location_search_4_tr{
	display:none;
}

/* Locations Map */

#map_canvas, .map {
	min-height: 360px;
}

.phoney {
	overflow: hidden;
	height: 25px !important;
}

.phoneytab {
	text-shadow: 0 -1px 0 #000;
	color: #fff;
	font-size: 18px;
	background: rgb(112,112,112) !important;
}

.infowindow {
	position: relative;
	overflow: hidden;
	flow: hidden;
}

.infowindow p{
	margin-bottom: 0;
}

.infowindow p a {
	text-shadow: 0 -1px 0 #000;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	color: white;
	font-size: 11pt;
	margin-top: 0px;
	padding-top: 4px;
}


/* WordPress Required Styles */
.aligncenter{
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.alignleft{
	float:left;
	margin:0 15px 15px 0;
}

.alignright{
	float:right;
	margin:0 0 15px 15px;
}

.wp-caption{
	margin:10px;
	padding-top:4px;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#f3f3f3;
	text-align:center;
	-khtml-border-radius:3px;
}

.wp-caption img{
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption-dd{
	margin:0;
	padding:0 4px 5px;
	font-size:11px;
	line-height:17px;
}

input[type="radio"]{
	vertical-align:text-bottom;
}

input[type="checkbox"]{
	vertical-align:top;
	*vertical-align:top;
}

.ie6 input{
	vertical-align:text-bottom;
}

label,
input[type=button],
input[type=submit],
button{
	cursor:pointer;
}

::-moz-selection{
	background:#FF5E99;
	color:#fff;
	text-shadow:none;
}

::selection{
	background:#FF5E99;
	color:#fff;
	text-shadow:none;
}

a:link{
	-webkit-tap-highlight-color:#FF5E99;
}

button::-moz-focus-inner{
	border:0;
}

html{
	overflow-y:scroll;
}

button{
	overflow:visible;
	width:auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Print Styles */
@media print{

	*{
		color:#444 !important;
		text-shadow:none;
	}

	a,
	a:visited{
		border-bottom:1px solid #444;
		color:#444 !important;
	}

	a:after{
		content:" (" attr(href) ")";
		font-size:12px;
	}

	abbr:after{
		content:" (" attr(title) ")";
		font-size:12px;
	}

	pre,
	blockquote{
		border:1px solid #999;
		page-break-inside:avoid;
	}

	img{
		page-break-inside:avoid;
	}

	@page{
		margin:0.5cm;
	}

	p,
	h2,
	h3{
		orphans:3;
		widows:3;
	}

	h2,
	h3{
		page-break-after:avoid;
	}

	.container{
		width:90%;
	}

	.content{
		padding:0 40px;
		width:100%;
	}

	header[role="banner"] nav,
	.footer,
	home .postsummary .alignleft,
	.home .strapline,
	#slider,
	.ctas li h2 span,
	.facebook,
	.twitter,
	.newsletter,
	aside,
	.clearfix{
		display:none;
	}


	/* Header */
	header[role="banner"]{
		position:relative;
		margin-bottom:20px;
		width:100%;
		height:100px;
		border-bottom:4px solid #444;
	}

	header[role="banner"] h1{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		margin-bottom:0;
		line-height:14px;
	}

	header[role="banner"] h1 a{
		display:block;
		width:100%;
		height:40px;
		border:none;
		text-decoration:none;
		text-indent:0;
	}

	header[role="banner"] h1:after{
		content:"The Global Soap Project recovers discarded soap from hotels, reprocesses it into new bars and distributes it to vulnerable populations throughout the world";
		font-size:14px;
	}


	/* Home */
	.home .main h2{
		padding:0;
	}

	.home .postsummary{
		border-bottom:#5f97b2 solid 1px;
	}

	.home .postsummary div{
		float:left;
	}

	.home .postsummary a.alignleft{
		float:right;
		margin:0 0 20px 0;
		border-bottom:0;
	}

	.home .postsummary h1{
		border-bottom:0;
	}

	.home .postsummary a.alignleft:after,
	.home .main h2 a:after{
		content:"";
	}

	.ctastitle{
		font-size:18px;
	}

	.ctas{
		overflow:hidden;
		margin-bottom:20px;
		border-bottom:2px solid #444;
	}

	.ctas li{
		display:inline;
		float:left;
		margin-right:2%;
		width:31%;
		height:auto;
		background:transparent!important;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

	.ctas li p{
		padding:0 5px 0 0;
		font-size:12px;
	}

	.ctas li h2{
		padding:0;
		font-size:14px;
	}

	.home aside{
		display:block;
		width:100%;
	}

}


/* Responsive */

@media only screen and (max-width:1024px){
	/* Tablet / Netbook */
	html{
		background:#fff!important;
	}

	.container{
		width:94%!important;
	}

	header[role=banner]{
		width:100%!important;
	}

	header[role=banner] nav.mainnav ul li{
		margin-left:20px;
	}

	.content{
		margin:0 0 30px 0;
		width:100%;
		background:none;
	}

	div[role="main"], .main{
		width:99%;
		background:#fff;
	}

	aside[role=complementary],
	.home aside{
		width:31%;
	}

	.footer > div{
		width:96%!important;
	}

	.donation{
		width:48%;
	}

	.once{
		margin-right:4%!important;
	}


}

@media only screen and (min-width:570px) and (max-width:588px){
	.footer > div div.footcontact{
		clear: left;
	}
}

@media only screen and (min-width:589px) {
	.footer > div > ul{
		width:23%;
		margin-right: 2%;
	}

	.footer > div div.footcontact{
		width:48%;
		margin-right: 0;
		float: right;
	}
	.halfcol{
		width: 52%;
		margin-left: 8%;
		float: left;
	}
	.halfcol:first-child{
		margin-left: 0;
		width: 40%;
	}
}


@media only screen and (min-width:589px) and (max-width:1023px){
	/* Tablet Portrait Orientation */
	.newsletter h2 a.btn{
		margin-bottom:10px;
		width:155px;
	}

	.newsletter p{
		display:block;
		clear:both;
	}

	.newsletter h2 a.btn span{
		display:none;
	}

	#masonry .item{
		margin-right:20px;
		width:205px;
	}

	.home div[role=main],
	.home section.main,
	.home aside{
		width:100%;
	}

	.home aside.st{
		padding:20px 0 0 0;
	}

	.home aside .ctas li,
	.home aside.st div.box{
		display:inline;
		float:left;
		margin-right:2%;
		min-height:100px!important;
		width:32%;
	}

	.home aside.st div.facebook{
		margin-right:0;
		width:auto;
	}

	.home aside.st div.twitter,
	.home aside.st div.newsletter{
		float:right;
		width:385px;
	}

	.home aside .ctas li.cta-hotels,
	.home aside.st div.twitter,
	.home aside.st div.newsletter{
		margin-right:0;
	}

	.home aside .ctas li h2{
		font-size:1.438em;
	}

	.home aside .ctas li p{
		margin-bottom:0;
		font-size:0.938em;
	}

	.home aside .ctas li img{
		margin-left:0px;
		width:70px;
	}

	.home section.main article.postsummary div{
		display:inline;
		width:78%;
	}

	.home section.main article.postsummary a.thumb{
		width:18%;
	}

	.home section.main article.postsummary a.thumb img{
		max-width:100%;
	}

	.home .twitter h2 i{
		width:315px!important;
	}

	.home .newsletter h2 a{
		width:320px!important;
	}

	.donation {
		width: 100%;
	}

		/* Forms */
	.wpcf7 div,
	.mc_merge_var{
		width:435px;
	}

	.wpcf7 div input,
	.wpcf7 textarea,
	#mc_signup_form input,
	#commentform input,
	#commentform textarea{
		width:405px;
	}

	#mc_signup_form input.button,
	#commentform input.btn{
		width:auto;
	}

	.faqform input,
	.faqform textarea{
		width:174px;
	}

	.check-in fieldset p{
		width:435px;
	}

	.check-in input,
	.check-in textarea{
		width:215px;
	}

	.check-in textarea{
		margin-left:0!important;
		width:405px!important;
	}

	.wpcf7 fieldset label.checkinlabel{
		width:auto!important;
		text-align:left!important;
	}

	.check-in input.wpcf7-submit{
		margin-left:0!important;
		width:auto!important;
	}

	.category .postsummary a.thumb,
		.search .postsummary a.thumb{
		margin-right:0;
	}

	.category .postsummary div,
	.search .postsummary div{
		width:325px;
	}

	.sidesearch input#s{
		margin-bottom:10px;
		width:194px;
	}

	.sidesearch input.btn{
		float:left;
	}

	.single-where-we-work .box + .box h2 {
		font-size: 18px;
	}

}

@media only screen and (min-width:468px) and (max-width:768px) {
	header[role="banner"] nav.mainnav ul li a {
		font-size: 18px;
	}
}


@media only screen and (min-width:320px) and (max-width:569px){
	/* Smartphones */
	html{
		// border-top:2px pink solid;
		border-left:none;
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
	}

	.donation,
	.volunteer iframe,
	.postsummary div,
	.footer > div div.footcontact,
	.processdiagram figure h2,
	header[role="banner"] nav.mainnav,
	.content div[role=main],
	.content aside,
	.home .ctas li,
	.home aside.st div.twitter,
	.home aside.st div.newsletter {
		width:100%!important;
	}

	header[role="banner"]{
		margin-bottom:10px;
		height:141px;
		//border-bottom:2px solid #d9dadc;
	}

	header[role="banner"] nav.topmenu{
		left:0;
		padding-top: 3px;
	}

	header[role="banner"] nav.topmenu ul li{
		margin-right:10px;
		margin-left:0;
	}

	header[role="banner"] nav.topmenu ul li a{
		padding:2px 4px;
		width:auto!important;
		height:auto;
		background:none;
		text-indent:0;
		font-family:'ProximaNovaRegular',sans-serif;
		line-height:1;
		font-size: 14px;
	}

	header[role="banner"] .social li.icon {
		height: 22px;
		width: 22px;
		text-indent: 3px;
		line-height: 8px;
	}

	header[role="banner"] h1{
		top:45px;
	}

	header[role="banner"] h1 a{
		width:79px;
		height:58px;
		background:url(img/global-soap-project-logo-small.png) no-repeat;
	}

	header[role="banner"] nav.mainnav{
		left:0px;
		height:auto;
		margin-top: 10px;
		display: block;
	}

	header[role="banner"] nav.mainnav ul li{
		margin-right:5px;
		margin-left:0;
	}

	header[role="banner"] nav.mainnav ul li.hotels,
	.footer > div > ul#menu-footer-3,
	header[role="banner"] nav.mainnav ul li.donate{
		margin-right:0;
	}

	header[role="banner"] nav.mainnav ul li.donate{
		position:absolute;
		top:-50px;
		right:0px;
	}

	header[role="banner"] nav.mainnav ul li a{
		margin-top:0;
		padding:2px 4px;
		font-weight:normal;
		font-size:1.125em;
		font-family:'ProximaNovaRegular',sans-serif;
	}

	.content{
		margin-bottom:10px;
		padding:0;
	}

	.content aside .newsletter h2 a{
		width:230px;
	}

	.footer > div{
		padding:10px 0 0 0;
	}

	.footer > div > ul{
		margin-right:10px;
		min-height:100px;
		width:80px;
	}

	.footer > div > ul#menu-footer-2{
		width:120px;
	}

	.footer ul li.head a,
	.footer > div div.footcontact p.head a{
		font-weight:normal;
		font-size:1em;
		font-family:'ProximaNovaRegular', sans-serif;
	}

	.footer > div div.footcontact{
		margin-bottom:0;
	}

	.footer .credit{
		float:left;
		text-align:left;
	}

	.footer .credit span:first-child{
		margin-left:0;
	}

	.donation input[type="image"]{
		width:159px!important;
	}

	input,
	textarea{
		width:250px!important;
	}

	.faq input,
	.faq textarea{
		width:270px!important;
	}

	input.btn,
	input.wpcf7-submit,
	#mc_signup_submit{
		width:auto!important;
	}

	.slides .size-carousel{
		width:80px;
	}

	.slides h1{
		font-size:1.25em;
	}

	#masonry .item{
		margin-bottom:10px;
		width:280px;
	}

	.processdiagram,
	.processdiagram figure{
		background:none!important;
	}

	.processdiagram figure{
		margin-bottom:15px;
		padding-left:0!important;
		height:auto!important;
	}

	.processdiagram figure h2{
		margin-bottom:5px;
		height:auto!important;
		background:none!important;
		text-align:left;
		font-size:1.25em;
	}

	.processdiagram figure figcaption{
		display:block;
		vertical-align:top;
	}

	.processdiagram figure figcaption div{
		margin-left:0;
		padding-left:0;
		background:none;
	}

	.processdiagram figure figcaption div span{
		display:none;
	}

	.check-in label{
		text-align:left!important;
	}

	.check-in fieldset p,
	.check-in fieldset legend{
		width:260px!important;
	}

	.check-in textarea{
		clear:left!important;
		width:250px!important;
	}

	.postsummary img{
		display:none;
	}

	.wp-pagenavi{
		padding:5px;
		height:19px;
		font-size:0.75em;
	}

	.wp-pagenavi a.previouspostslink,
	.wp-pagenavi a.nextpostslink{
		padding:2px 3px;
	}

	.wp-pagenavi a.previouspostslink{
		top:5px;
		left:5px;
	}

	.wp-pagenavi a.nextpostslink{
		top:5px;
		right:5px;
	}

	.wp-pagenavi .current,
	.wp-pagenavi .page{
		margin:0 2px;
		padding:2px 0;
		width:15px;
	}

	.home .strapline{
		font-size:1.125em;
	}

	.home .strapline span{
		background:none;
	}

	.home .strapline span.bubble,
	.home .ctastitle{
		display:none;
	}

	.home .twitter h2 i{
		width:230px!important;
	}

	.home .newsletter h2 a{
		width:235px!important;
	}

	.home .main h2 {
		height:30px;
		font-size:1em;
	}

	.carousel-home {
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 94%;
		padding: 0;
	}

	.carousel-home .flex-direction-nav {
		display: none;
	}

	.flexslider .slides li div {
		padding: 10px;
	}

	.caption, .location-hero .caption {
		position: relative;
		left: 0;
		top: 0;
		background: #fff;
		right: 0;
	}

	.location-hero {
		background: #fff;
		padding: 10px;
	}

	.location-hero .caption .green {
		float: none;
		width: auto;
		display: inline-block;
		text-align: center;
	}

	.location-hero .caption h2, .location-hero .caption p, .location-hero .caption .green {
		margin: 10px;
	}

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

	.caption h2 {
		font-size: 24px;
	}

	.panel {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 20px 10px;
		overflow: hidden;
		border-radius: 0;
		margin-bottom: 20px;
	}

	.panel .button {
		font-size: 18px;
		padding: 12px;
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}

	.panel p {
		font-size: 13px;
		display: block;
		float: none;
		margin-top: 10px;
	}

	.main h2 .icon {
		display: none;
	}

	.main h2 a {
		font-size: 16px;
	}

	.postsummary div header h1 {
		font-size: 18px;
		border-bottom: 0;
	}

	#menu-footer-1, #menu-footer-2, #menu-footer-3 {
		display:none;
	}

	.facebookwrap {
		display: none;
	}

	.home aside.st div.facebook {
		width: 100%;
	}

	.content {
		margin-top: 40px;
	}

	aside[role="complementary"], .home aside {
		margin-top: 30px;
	}

	.half h3 {
		font-size: 14px;
	}

	.single-where-we-work .box {

	}

	.location-stats {
		top: auto;
	}
}

@media only screen and (min-width:321px) and (max-width:569px){
	/* Smartphones Landscape Orientation */
	header[role="banner"]{
		margin-bottom:10px;
		height:130px;
		border-bottom:0;
	}

	header[role="banner"] nav.mainnav{
		left:0px;
		margin-top: 5px;
		height:auto;
		display: block;
		margin-top: 8px;
	}

	header[role="banner"] nav.mainnav ul li.donate{
		top:-45px;
	}

	.content aside .newsletter h2 a{
		width:430px;
	}

	.footer > div{
		padding:10px 0 0 0;
	}

	.footer > div > ul{
		margin-right:10px;
		min-height:100px;
		width:80px;
	}

	.footer > div > ul#menu-footer-2{
		width:120px;
	}

	.footer ul li.head a,
	.footer > div div.footcontact p.head a{
		font-weight:normal;
		font-size:1em;
		font-family:'ProximaNovaRegular', sans-serif;
	}

	.footer > div div.footcontact{
		margin-bottom:0;
	}

	.footer .credit{
		float:left;
		text-align:left;
	}

	.footer .credit span:first-child{
		margin-left:0;
	}

	.slides .size-carousel{
		width:100px;
	}

	.slides h1{
		font-size:1.5em;
	}

	#masonry .item,
	.home .twitter .btn,
	#commentform div	{
		width:220px;
	}

	input{
		width:210px!important;
	}

	textarea{
		width:90%!important;
	}

	.home .strapline{
		font-size:1.5em;
	}

	.home .ctas li,
	.donation{
		width:240px!important;
	}

	.home aside.st div.twitter,
	.home aside.st div.newsletter{
		// width:245px!important;

	}

	.home aside.st div.facebook {
		width: 100%;
	}

	.facebookwrap {
		display: none;
	}

	.home aside.st div.twitter{
		// float:left;
	}

	.home .twitter h2 i{
		width:170px!important;
	}

	.home .twitter .btn span{
		display:none;
	}

	.home .twitter .btn{
		font-size:.75em;
	}

	.home .newsletter h2 a{
		width:175px!important;
		// font-size:.5em;
	}

	.home .main h2{
		height:30px;
		font-size:1.5em;
	}

	.content {
		margin-top: 40px;
	}

	aside[role="complementary"], .home aside {
		margin-top: 30px;
	}

	.sidebar-gallery {
		overflow: hidden;
	}

	.sidebar-gallery li {
		width: 31%;
		float: left;
		margin-right: 3.5%;
	}

	.sidebar-gallery li:last-child {
		margin-right: 0;
	}
}}