/* @override http://voiceproject.org/wp-content/themes/charitas-wpl/css/voiceproject.css */

/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Fonts
:: Helper Styles
:: Placeholders
:: Shared Styles
:: Header
:: Main Area
:: Footer Area
:: Copyright
:: Browser specific CSS
:: Overrides to Foundation Styles
*/

/*HIDES H1 FOR IMPRISONEDFORART CAMPAIGN*/
.postid-4812 .heading h1 {
	background: #ee2e24 !important;
	display: none !important;
}

.postid-4812 h1 {
	color: #000000;
	font-size: 48px !important;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.postid-4812 h3 {
	text-align: center;
	max-width: 700px;
	margin: -3rem auto 3rem auto !important;
	display: block;
}


body {
	font-family: 'roboto_condensedregular',sans-serif;
	line-height: 1.5em;
}



/* -----------------------------------------
   Fonts to be used
----------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../Fonts/robotocondensed-bold-webfont.eot');
    src: url('../Fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/robotocondensed-bold-webfont.woff') format('woff'),
    url('../Fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
    url('../Fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../Fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('../Fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
    url('../Fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
    url('../Fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../Fonts/robotocondensed-italic-webfont.eot');
    src: url('../Fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/robotocondensed-italic-webfont.woff') format('woff'),
    url('../Fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
    url('../Fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../Fonts/robotocondensed-light-webfont.eot');
    src: url('../Fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/robotocondensed-light-webfont.woff') format('woff'),
    url('../Fonts/robotocondensed-light-webfont.ttf') format('truetype'),
    url('../Fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../Fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('../Fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
    url('../Fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
    url('../Fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

.row {
	max-width:65em;
}

/* -----------------------------------------
   Helper Styles for Commonly Used Styles
----------------------------------------- */
.full-width {
    width: 100%;
}
.helper-align-right{
    text-align:right !important;
}
.helper-align-left{
    text-align:left !important;
}
.no-margin{
    margin: 0 !important;
}
.no-side-margin{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.helper-normalize-padd-left,
.helper-normalize-padd-horiz {
    padding-left: 0 !important;
}
.helper-normalize-padd-right,
.helper-normalize-padd-horiz {
    padding-right: 0 !important;
}
.helper-vertical-padding{
    padding: 20px 0 30px;
}
.helper-position-relative {
    position: relative;
}
.helper-position-absolute{
    position: absolute !important;
}
.helper-uppercase{
    text-transform: uppercase;
}
.helper-hidden-text {
    text-indent: -1000em;
    display: inline-block;
}
.helper-dummy * {
    text-indent: -1000em;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.float-right{
    float:right !important;
}

.float-left{
    float:left !important;
}

button, .button {
	background-color: #f0433a;
	border:1px solid #f0433a;
}

.button:visited {
	color: #ffffff;
	background-color: #f0433a;
	border:1px solid #f0433a;
}
button:hover, .button:hover {
	background-color: #ffffff;
	color:#f0433a;
}

h3 {
	margin-bottom:0;
}
.wpcf7 h3{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 25px;
    color: #000000;
}

a img {
	display: inline-block; /*JY*/
}

/* -----------------------------------------
   Place Holders
----------------------------------------- */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #8b8b8b;
    font-family: 'roboto_condensedregular',sans-serif;;
    font-size: 12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #8b8b8b;
    font-family: 'roboto_condensedregular',sans-serif;;
    font-size: 12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #8b8b8b;
    font-family: 'roboto_condensedregular',sans-serif;;
    font-size: 12px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #8b8b8b;
    font-family: 'roboto_condensedregular',sans-serif;;
    font-size: 12px;
}


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/*Heading Styles*/
h1, h2, h3, h4, h5{
    font-family: 'roboto_condensedregular',sans-serif;
}

.small-text {
	font-size: 14px;
}

.subhead-quote {
	font-family: "roboto_condensedregular",sans-serif;
	color: #6f6f6f;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	margin: 0 0 15px 0;
	line-height: 1.6em;
}


/*Hide Author*/
.author-i{
    display: none;
}
/*Common Page CSS*/
iframe{
    width: 100% !important;
    /*min-height: 300px;*/
}

figure{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.short-content figure{
    padding-right: 20px;
}
article.list {
	margin-bottom:20px;
	padding-bottom:20px;
}
figure:hover .mask{
    display:none;
}
body{
    overflow-x: hidden;
}
#main .inner{
    padding: 30px 0 !important;
}
.inner{
    padding-bottom: 70px;
}
p{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
}
.margin-bottom p{
    margin-bottom: 15px !important;
}
.margin-bottom input{
    margin-bottom: 15px !important;
}
/*Top Toolbar CSS*/
#toolbar p{
    font-family: 'Helvetica',sans-serif;
    font-size: 14px;
    color: white;
    margin: 0;
    padding: 9px 0;
}
.fixed-width{
    width: 1245px;
    margin: 0 auto;
    background: white;
}
.black-box{
    padding: 15px 15px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    /*margin-left: -20px;*/
    /*margin-right: -10px;*/
}
/*.light-red h3, .slight-dark-red h3, .dark-red h3, .darkest-red h3{
    border-radius-topleft: 3px;
    border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
} */
.light-red h3{
    background-color: #f0433a;
}
.slight-dark-red h3{
    background-color: #cb4039;
}
.dark-red h3{
    background-color: #a23e39;
}
.darkest-red h3{
    background-color: #843b39;
}
.small-link, .red-link, .tagcloud a, .amplify_peace a{
    display: block;
    color: #f0433a !important;
    font-size: 13px !important;
    font-family: 'roboto_condensedregular',sans-serif;
    padding: 14px 0;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #f0433a;
    margin-bottom: 10px;
    background-color: white !important;
    min-width: 100px;
}
.small-link {
	min-width:100px;
	padding: 0 5px;
	float:left;
}
.news-article .small-link {
	margin-top:5px;
}
.news-article h4 {
	margin:5px 0;
}
.red-link:after, .amplify_peace a:after{
    /*content: "\e7c4";*/
    position: absolute;
    margin-left: 5px;
    font-size: 20px;
    line-height: 0.65;
    color: #f0433a;
    font-family: 'customicons';
}
.amplify_peace a:after{
    line-height: 1;
}
.red-link:hover, .tagcloud a:hover, .amplify_peace a:hover{
    background-color: #f0433a !important;
    color: white !important;
    border: 1px solid #ffffff !important;
}
.red-link:hover:after{
    color: white;
}
input[type="submit"].red-link{
    width: 50%;
}


.entry-meta {
	border: none !important;
}

.alertbox{
    background: #f0433a;
    border-radius: 3px;
    padding-top: 15px;
}
.alertbox .large-16{
    padding-right: 3px;
    padding-left: 3px;
}
.alertbox:before {
    content: url("../images/alertbox-arrow.png");
    top: 100%;
    left: 80%;
    position: absolute;
}
.alertbox>.large-9{
    float: none !important;
}
.alertbox.story{
   margin-bottom: 40px;
}
.alertbox.story p{
   right: 0;
}

.divider-line{
    background: url("../images/divider-line.png")no-repeat center center;
    padding: 7px 0;
    margin: 15px 0;
}
.small-divider-line{
    background: url("../images/small-divider.png")no-repeat center center;
    padding: 7px 0;
    margin: 20px 0;
}

.view-all{
    color: #ffffff !important;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    background: #a2a2ad;
    font-family: 'helvetica',sans-serif;
    font-size: 14px;
    margin-top: 5px;
    display: block;
    max-width: 75px;
}
.gray-button{
    padding: 10px;
    background: #a4a4a4;
    color: white;
    display: inline-block;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 15px;
    margin: 0 0 1.25rem;
    font-weight: normal;
    line-height: normal;
}
/*Donation Top Bar*/
.gold-bg{
    background: #fb9a18;
}
.lime-bg{
    background: #c1e5b7;
}
.grey-bg{
    background: #f4f4f6;
}
#donationbar{
    position: absolute;
    min-height: 185px;
    overflow: hidden;
    padding: 0 40px;
    display: none;
}
#donationbar .closebtn a{
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    /*border: 1px solid #000000;*/
    padding: 15px;
    /* border-radius: 20px;*/
    cursor: pointer;
    color: #000000 !important;
    background: url("../images/ic_action_cancel.png") no-repeat center center;
    background-size: 100%;
}
#donationbar .closebtn a:hover{
    color: #cb4039 !important;
    border-color: #cb4039 !important;
}
#donationbar .donation-text{
    padding: 10px 10px;
    min-height: 185px;
}
#donationbar .donation-box{
    padding: 10px 20px;
    min-height: 185px;
    height: 100%;
}
.donation-frequency{
    margin-bottom: 10px;
}
#donationbar .donation-box .radio{
    float: left;
    padding-right: 10px;
}
#donationbar .donation-box .radio input[type="radio"]{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
#donationbar .donation-box .radio input[type="text"].other{
    max-width: 50px;
    display: inline-block;
    height: 30px;
}
input[type="radio"] + label{
    margin-right: 0;
    margin-left: 0;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 14px;
}
.donation-box .donate-btn input[type="submit"]{
    width: 95%;
    background-size: 60% !important;
    border: 1px solid black;
    background-color: #ffffff !important;
    margin-bottom: 10px;
    padding: 10px;
}
.donation-box .donate-btn input[type="submit"].amazon{
    background: url('../images/Amazon-Logo.png') no-repeat center center;
}
.donation-box .donate-btn input[type="submit"].paypal{
    background: url('../images/PayPal-logo-.png') no-repeat center center;
}
.donation-box .donate-btn input[type="submit"].bitcoin{
    background: url('../images/bitcoin-logo.png') no-repeat center center;
}
/* -----------------------------------------
   Content Box
----------------------------------------- */

.content_box{
    background: #f1ede9;
    padding: 0 !important;
    margin-bottom: 20px;
}

.content_box .hidden-video{
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
}

.content_box .social-box p{
    margin-bottom: 0;
    color: #ffffff;
}

.content_box .social-box p:first-child{
    line-height: 1;
    margin-top: 5px;
}

.content_box .social-box img{
    padding-top: 7px;
    padding-bottom: 0;
    float: right;
}

.content_box .content-area {
    height:215px;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.content_box .content-table {
    display: table;
    width: 100%;
    height:215px;
}
.content_box .content-table-wrapper {
    position:relative;
}
.content_box .content-area .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*------------------------------------
    Homepage top Slider
------------------------------------*/
.flex-content{
    position: relative;
    top: 100px;
}
.flex-content .black-box{
    margin-left: -24px;
    padding: 10px 30px;
}
.flex-content .black-box h1, .flex-content .black-box h2{
    width: 100%;
    text-align: left;
}
.flex-content .black-box h1 {
	font-size:36px;
}
.flex-content .black-box h2 {
	font-size:16px;
}
.flex-direction-nav li {
	max-width:1160px !important;
}
#teaser .flexslider .flex-direction-nav{
    bottom:80px;
}
.flexslider .red-link{
    background: #f0433a !important;
    color: white !important;
}
.flexslider .red-link:hover{
    background: white !important;
    color: #f0433a !important;
}
.flexslider .red-link:after{
    content: '' !important;
    color: white !important;
}
.flexslider .red-link:hover:after{
    color: #f0433a !important;
}
.flex-direction-nav li{
    max-width: 66em !important;
}
.flex-direction-nav li:first-child{
    top: 15px;
    left: 10px;
}
.flex-direction-nav li:last-child{
    top: 15px;
    right: 10px;
}
/*------------------------------------
    Header CSS
------------------------------------*/
#logo{
    position: absolute;
    float: left !important;
    top:10px;
}
#logo img{
    float: left;
}
#sticky_navigation{
    padding-top:20px !important;
    position:relative;
}
#branding{
    z-index: 50;
}
#branding nav{
    max-width: 100%;
}
#branding .mob-nav .mean-nav ul{
    display: none;
}
#menu-toolbar-menu, .social-media{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 18px;
	margin-right:10px;
}
#menu-toolbar-menu{
    float:right;
	margin-right:8px;
}
#menu-toolbar-menu li, .social-media li{
    float: left;
    padding: 0 13px 0 0;
}
#menu-toolbar-menu li a, .social-media li a{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
    color: #9a9a9a;
    text-transform: uppercase;
    display: block;
}
#menu-toolbar-menu li a:hover, .social-media li a:hover{
	color:#FFF;
}
.social-media li a {
    text-indent: -9999em;
    width: 20px;
}
.social-media li:first-child a {
    background: url("../images/facebook.png") center center no-repeat;
}
.social-media li:nth-child(2) a {
    background: url("../images/twitter.png") center center no-repeat;
}
.social-media li:nth-child(3) a {
    background: url("../images/instagram.png") center center no-repeat;
}
.social-media li:last-child a {
    background: url("../images/youtube.png") center center no-repeat;
}
.searchpage #searchform input[type="text"]{
    position: relative;
    margin-bottom: 30px;
}
.searchpage #searchform{
    padding: 0 12px;
}
#searchform{
    margin: 0;
    padding-top: 10px;
}
#searchform input[type="text"]{
    margin-top: 7px;
    margin-bottom: 30px;
    padding: 0 30px 0 10px;
    height: 27px;
    background: #414141;
    border: 1px #000000 solid;
    display: inline-block;
    position: relative;
    right: 0;
    color: white;
}
.header-search #searchform input[type="text"]{
    margin-bottom: 0 !important;
}
.header-search #searchform input[type="submit"]{
    left: 85%;
}
#searchform input[type="submit"]{
    text-indent: -9999em;
    margin-top: 7px;
    position: absolute;
    top: 0;
    right: 0;
    height: 27px;
    width: 30px;
    border: 1px solid #000000 !important;
    background-color: #414141 !important;
    background-image: url("../images/searchIcon.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

#sticky_navigation{
    height: 100px;
}
#menu-  main-menu{
    text-align: left;
    padding-top: 5px;
}
#menu-main-menu{
    padding-top:5px;
}
#menu-main-menu li{
    margin-top: 5px;
    float: left;
}
#menu-main-menu li:last-child{
    float: right;
    margin-top: 0;
    margin-left: 15px;
}
#menu-main-menu li a{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
#menu-main-menu li a:hover{
    color: #f0433a;
}
#menu-main-menu li:last-child a{
    background-color: #f0433a;
    background-image: url("../images/donateHeart.png");
    background-repeat: no-repeat !important;
    background-position: 90% center;
    padding: 14px 35px 14px 20px;
    color: white;
    border-radius: 3px;
    text-align: left;
    -webkit-transition:background-color 0.5s linear;
}
#menu-main-menu li:last-child a:hover {
    background-color: #C0362E;
}

/*Css For Pages*/
#page{
    background: #f8f9f9;
}

.nav-menu li a{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 23px;
}

/*Home page CSS*/
.notifications{
    float:left;
}

.notifications .light-red form input[type="text"]{
    height: 40px;
    margin: 0;
    padding-right: 80px;
}
.notifications .light-red form input[type="submit"]{
    position: absolute;
    right: 0;
    padding: 11px 0 11px;
    line-height: 1;
    background-color: white;
    border: 1px solid #f0433a;
    text-transform: uppercase;
    color: #f0433a;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
}

.notifications h3{
    padding: 10px 0 10px 85px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 30px;
    color: white;
}
.notifications .light-red h3{
    background-image: url("../images/signup-notification.png");
    background-repeat: no-repeat;
    background-position: 23% center;
    padding-left: 85px;
}
.notifications .slight-dark-red h3{
    background-image: url("../images/fist-notification.png");
    background-repeat: no-repeat;
    background-position: 22% center;
    padding-left: 85px;
}
.notifications .dark-red h3{
    background-image: url("../images/donateHeart.png");
    background-repeat: no-repeat;
    background-position: 25% center;
    padding-left: 92px;
}
.notifications p{
    font-size: 16px;
    font-family: 'roboto_condensedregular',sans-serif;
    line-height: 1.3;
    margin-top: 20px;
}
.notifications .large-4>.large-16{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 144px;
}
.notifications .large-4:nth-child(odd) .large-16{
    background: #ebebeb;
}

#alert .alertbox h3{
    background-color: #000000;
    padding: 8px 0 8px 70px;
    line-height: 1;
    background-image: url("../images/alert-notification.png");
    background-position: 15% 45%;
    background-repeat: no-repeat;
    margin-top:-5px;
    margin-bottom:6px;
}
.notifications .alertbox .large-16{
    padding-bottom: 0;
}
.news h3, .projects h3, .featured h3{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 25px;
    color: #000000;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.featured a{
    display: block;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
}
.featured a:hover{
    opacity: 1;
}
.news article{
    float: left;
    margin-bottom: 30px;
}
.news article.row{
    margin-bottom: 30px !important;
}
.news article:last-child{
    margin-bottom: 0;
}
.featured{
    margin-top: 40px !important;
}
.news .post-content .news-article {
	margin-top:-5px;
}

.projects .post-content{
    float: left !important;
}
.donatePage .post-content h4{
    margin-top: -5px;
}
.post-content h4 a{
    color: #000000;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 20px;
}
.post-content .category p{
    font-weight: bold;
    max-width: none;
}
.post-content p{
    font-family: 'helvetica',sans-serif;
    font-size: 14px;
}
.sponcership{
    padding: 20px !important;
}
.sponcership h2{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 30px;
    color: white;
}
.sponcership p{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
}
.projects .view-all{
    margin-top: 10px;
    font-size: 12px;
    padding: 7px;
}
.quote{
    margin-bottom: 20px;
    padding-top:25px;
    padding-bottom:15px;
}
.quote h3{
    color: #ffffff !important;
    font-family: 'roboto_condensedbold',sans-serif !important;
    font-size: 22px !important;
}
.quote p{
    color: #ffffff;
    font-family: 'helvetica neue',sans-serif;
    font-size: 16px;
    position: relative;
    font-style: italic;
    margin-top:5px;
}
/*-----------------------------------
    Our work Page CSS
----------------------------------*/
.featured-image, .slider-image{
    width: 100%;
    height: 445px;
    background-size: cover;
    background-position: center center;
}
#main.page .inner{
    background: #ffffff;
}
#main.page .heading{
    margin-top: -300px;
}
#main.page .heading h1{
    color: white;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 70px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 20px 20px 20px;
    background: rgba(0, 0, 0, 1.0);
    line-height: 1.2em;
    display: inline-block;
/*text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);*/
}

#main.page .heading .overall_category {
    color: white;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 35px;
    text-transform: uppercase;
    /*text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);*/
    padding: 10px 20px 12px 20px;
    background: rgba(17, 17, 17, 1.0);
    margin-top: 199px;
    /*margin-left: -100px;*/
    display: inline-block;
}

@media all and (max-width: 1000px) {
	#main.page .heading .overall_category {
		margin-top: 128px !important;
	}
}

@media all and (max-width: 768px) {
	#main.page .heading .overall_category {
		display: none;
		/*margin-top: -190px !important;*/
	}
}

#main.page .page-content{
    background: white;
    width: 1245px;
    margin: 0px auto 0; /*margin: -60px auto 0; JASON EDITED TO REMOVE NEGATIVE MARGINE*/
    padding: 0 !important;
}
#main.page .page-content h3{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 25px;
    color: #000000;
    padding: 20px 0 0; /*JY*/
    margin-bottom:20px;
}

h1.page-title {
	color: #fff !important;
}

h1.body-title {
	color: #111111;
	font-size: 70px;
	line-height: 1.2em;
	font-weight: bold;
}

h1.body-title.title-shim {
	margin-top: -30px;
}

@media all and (max-width: 768px) {
	h1.body-title {
		font-size: 48px;
	}
	h1.body-title.title-shim {
		margin-top: 20px;
	}
	
	.postid-4812 h1 {
		margin: 2rem 0 0rem 0 !important;
	}
	
	.postid-4812 h3 {
		text-align: center;
		max-width: 700px;
		margin: -2rem auto 2rem auto !important;
	}
}


.item .news-h1 {
	background: #c9c9c9 !important;
}

.teaser-page-list {
	background: #000 !important;
	/*background: #eee !important;*/
}

.clickable{
    cursor: pointer;
}
.campaigns{
    margin-bottom: 60px;
}
.amplify_peace{
    width: 100%;
}
.page-content .clickable{
    min-height: 375px;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.page-content .clickable:hover p, .page-content .clickable:hover h4 a{
    color: #f0433a;
}


.clickable .post-content{
    background: #fefbf9;
    /*position: relative;*/
    /*top: 240px;*/
    margin-bottom: 0;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px 15px 20px;
    opacity: 0.9;
    width: 100%;
}

.work-grid {
	position: relative;
}

.post-content.work-grid-content {
	position: absolute !important;
	bottom: 0 !important;
}

span.completed {
	color: #d8d8d8;
	display: block;
	margin-top: 3px;
}

.clickable .post-content h4, .clickable .post-content p{
    margin: 0;
    line-height: 1.3;
}
.clickable .post-content h4{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
.clickable .post-content p{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
}
/*----------------------------------
    Our work Page CSS
----------------------------------*/
.grey-border{
    border: 1px solid #b6b6b6;
    padding: 55px 5px 50px 5px;
    margin-bottom: 20px;
    vertical-align: middle;
}

.grey-border p{
    color: #929292;
    font-family: "roboto_condensedregular",sans-serif;
    font-size: 20px;
}

.time-line .alertbox.project-story{
    margin-bottom: 50px;
    padding: 30px 70px 20px 20px;
}
.time-line .alertbox.project-story h3{
    padding: 0 !important;
    font-family: 'roboto_condensedbold',sans-serif !important;
    color: #ffffff !important;
    text-align: center;
}
.time-line .alertbox.project-story p{
    color: #ffffff;
    font-size: 16px;
    font-family: 'helvetica neue',sans-serif;
}
.time-line .video-box:nth-child(n+3){
    display: none;
}

/*The Message Box arrow and the Middle Devider of the timeline */
.time-line.box-left .video-box:after{
    content: '';
    position: absolute;
    border-right: 3px dotted #f1ede9;
    display: block;
    height: 100%;
    margin-top: -18px;
    right: -12px;
    top: 13px;
}

/*
.box-right .video-box:last-child:before{
    content: '';
    position: absolute;
    border-right: 3px dotted #f1ede9;
    display: block;
    height: 100%;
    margin-top: -18px;
    left: -13px;
    top: 21px;
}
*/

.time-line.box-left .video-box .content_box:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent #f1ede9;
    display: block;
    margin-top: -18px;
    right: -18px;
    top: 50%;
}

.time-line.box-right .video-box .content_box:before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 18px 18px 18px 0;
    border-color: transparent #f1ede9;
    display: block;
    width: 0;
    margin-top: -18px;
    left: -18px;
    top: 50%;
}

.time-line .content_box h3{
    padding: 0 12px !important;
    line-height: 1.3;
}

.time-line .content_box h3 a{
    color: #000000;
    font-size: 25px;
    font-family: 'roboto_condensedregular',sans-serif;
}

.time-line .content_box h3 a:hover{
    color: #fda62b;
}
.time-line .content_box p.week{
    margin-bottom: 0;
    line-height: 1;
}
.time-line .content_box p{
    font-size: 14px;
    font-family: 'helvetica',sans-serif;
}

.time-line .content_box p span{
    color: #bababa;
}
.centered-box{
    margin: 30px auto 0;
    float: none;
}
.centered-box .red-link:after{
    content: '^';
    margin-top: 1px;
}
.content_box .hidden-video .overlay {
    position: absolute;
    height: 100%;
    top: 0;
    left: 10px;
    right: 10px;
    z-index: 2;
    background-image: url("../images/play-btn.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.content_box .hidden-video .overlay:hover {
    background-color: rgba(0, 147, 208, 0.5);
}

.our-story embed, .our-story iframe {
	min-height: 300px;
}

iframe#video {
	min-height: 300px;
}

/*-----------------------------------
    Donate Page CSS
----------------------------------*/

.donate-subheading {
	font-size: 1.5rem !important;
	line-height: 1.3em;
	margin: 1rem 0 0.5rem 0;
}

.donate-quote {
	font-size: 1.2rem !important;
	line-height: 1.5em !important;
	padding: 0 1rem;
}

.donate-guidestar {
	
}

.tabs-content.tabs-donate {
	margin-bottom: 0;
}

.top-content{
    z-index: 5;
}

.top-content h2{
    color: white;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 46px;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.5);
}

.top-content p{
    color: white;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1;
}

.top-content p span{
    color: white;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 28px;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.5);
}

.donate-form{
    z-index: 5;
    top: 50px;
    right: 0;
    background: #ebebeb;
    padding: 40px 20px !important;
}
.desktop-content{
    position: absolute !important;
    top: 50px;
}
.donate-form h1{
    text-transform: uppercase;
    font-family: "roboto_condensedbold", sans-serif;
    font-size: 30px;
    text-align: center;
}
.donate-form .price-container{
    /*background-image:url(../images/price-sprite.png);
    background-repeat: no-repeat;
    background-position: 115px -110px;*/
    position: relative;
    height: 95px;
    margin-bottom: 10px;
}
.donate-form input[type="text"],
.donate-form input[type="input"]:focus {
    position: relative;
    background:url('../images/price-sprite.png') no-repeat -50px -1px, url('../images/price-sprite.png') no-repeat bottom right, #fff;
    font-size:70px;
    font-family:"roboto_condensedregular" ,sans-serif;
    color:#f0433a;
    padding: 0px 110px 0px 40px;
    height: 95px;
    border: 1px solid #b6b6b6;
}

.donate-form input[type="submit"] {
    padding: 15px 45px;
    font-size: 18px;
    font-family: "roboto_condensedbold" ,sans-serif;
    color: white !important;
    text-transform: uppercase;
    background-color: #f0433a !important;
    background-image: url("../images/donateHeart.png");
    background-position: 80% center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: left;
    border-radius: 3px;
    margin-top: 40px;
    min-width: 190px;
}
.donate-form .tabs dd{
    width: 16.66%;
    text-align: center;
}
.donate-form .tabs dd a{
    padding: 0;
    background: white;
    border: 1px solid #ebebeb;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 25px;
}
.donate-form .tabs dd.active a{
    background-color: #f0433a;
    color: white;
}
#main.donatePage{
    width: 100%;
}
#main.donatePage .inner{
    padding: 0 !important;
}
.donatePage .page-content h3{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 25px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.address h5{
    color: #000000;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 18px;
}
.address p{
    color: #000000;
    font-family: 'helvetica',sans-serif;
    font-size: 12px;
}
.how-you-help, .donate-to-help{
    background: #ebebeb;
    padding: 50px 0 120px;
}
.how-you-help h3, .donate-to-help h3{
    color: black;
    text-transform: uppercase;
    font-family: 'roboto_condensedbold',sans-serif;
    margin-bottom: 30px;
}
.donate-to-help article a{
    font-size: 30px;
    font-family: 'roboto_condensedregular',sans-serif;
    color: #f0433a !important;
    text-align: center;
    display: block;
    line-height: 1.3;
}
.donate-to-help article a:hover{
    color: #a23e39 !important;
}
.donate-to-help article a span{
    font-size: 50px;
    font-family: 'roboto_condensedbold',sans-serif;
    display: block;
}
.help-now{
    padding: 30px 60px;
    background: #fafafa;
    width: 50% !important;
    margin: 0 auto !important;
    position: relative;
    top: -60px;
}
.help-now a{
    background-color: #f0433a !important;
    color: white !important;
}
.help-now a:after{
    color: white;
}
.donate{
    background-image: url("../images/donateHeart.png");
    background-repeat: no-repeat;
    background-position: 70% center;
}
.help-now a.donate:after{
    content: '';
}

.short-description {
	margin-top:6px;
}

.short-content .entry-header a {
	color:#000;
	font-size:20px;
	font-family:'roboto_condensedregular',sans-serif;
}

.widget-title h3 {
	font-family:'roboto_condensedbold',sans-serif;
	font-size:23px;
	text-transform:uppercase;
	margin-top:0;
}

.widget h3 a {
	font-size:14px;
	font-family:'helvetica',sans-serif;
}

/*---------------------------
    News page css
-----------------------------*/
.entry-meta .buttons.time{
    padding: 14px 12px;
    min-height: 44px;
    font-size:14px;
}
.entry-meta .buttons.time:hover{
    background: #f0433a;
}
.entry-meta .buttons.author{
    padding: 13px 12px;
}
/*---------------------------
    page-404 css
-----------------------------*/
.page-404 .page-title{
    padding: 30 80px !important;
    font-size: 50px !important;
}
.page-404 h2{
    font-size: 30px !important;
    font-family: 'roboto_condensedbold',sans-serif;
    margin-bottom: 70px;
    color: white;
}
.single-404 .button{
    color: white;
    font-family: 'roboto_condensedbold',sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}
/*-----------------------------------
    Thank you page CSS
----------------------------------*/
.thank-you.top-content{
    left: 50%;
    margin-left: -31%;
    text-align: center;
    top: 350px;
}
.thank-you.top-content h1{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 54px;
    color: white;
}
.thank-you.top-content p{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 35px;
    color: white;
}
.thank-you-content .social-media{
    float: none;
    margin: 40px auto !important;
}
.thank-you-content .social-media h3{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.thank-you-content .social-media ul{
    list-style-type: none;
}
.thank-you-content .social-media ul li{
    float: left;
    width: 33.3%;
    margin-bottom: 50px;
    text-align: center;
}
.thank-you-content .social-media ul li a{
    display: inline-block;
    text-indent: -9999em;
    padding: 73px 85px;
    background-size: 155px !important;
}
.thank-you-content .social-media ul li a.facebook{
    background: url("../images/facebook-thankyou.png") center top no-repeat;
}
.thank-you-content .social-media ul li a.twitter{
    background: url("../images/twitter-thankyou.png") center top no-repeat;
}
.thank-you-content .social-media ul li a.googleplus{
    background: url("../images/googleplus-thankyou.png") center top no-repeat;
}

/*--------------------------------------
   Contact Page CSS
-------------------------------------*/
.heading h3{
    color: white !important;
    font-size: 25px;
}
.get-in-touch{
    padding: 30px !important;
    background: #ebebeb;
    margin-top: 50px;
}
.get-in-touch .large-16{
    margin-bottom: 20px;
}
.get-in-touch h4{
    font-size: 24px;
    font-family: 'roboto_condensedbold',sans-serif;
}
.get-in-touch a, .get-in-touch li{
    word-wrap: break-word;
    font-family: 'roboto_condensedregular',sans-serif;
}
.contact-form .wpcf7-form{
    background: none;
    padding: 0;
    margin: 0;
}
.contact-form .wpcf7-form p{
    margin: 0;
    font-family: 'helvetica',sans-serif;
    font-size: 14px;
}
.contact-page.quote h3{
    padding: 20px 0 !important;
}
.contact-page.quote p{
    right: 0;
}
div.wpcf7 img.ajax-loader{
    position: absolute;
}
span.wpcf7-list-item{
    width: 100%;
    display: block;
}
/*--------------------------------------
   Single Post CSS
-------------------------------------*/
.single #main{
    padding-bottom: 50px;
}

.single #main .inner{
    padding-bottom: 0 !important;
}
.donate-to-help{
    padding-bottom: 70px;
}
.donate-to-help h3{
    text-transform: uppercase;
}
.donate-to-help .donate-links{
    margin-top: 50px;
}
.donate-links .donate{
    background: none;
}
/*Form CSS*/
.wpcf7-form{
    background: #ebebeb;
    float: left;
    width: 100%;
    padding: 50px;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"]{
    margin-bottom: 0;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 16px;
}
.wpcf7-response-output{
    float: left;
}

/*----------------------------------
    Take Action CSS
---------------------------------*/
.page-widget h3{
    padding: 0 !important;
}
.entry-meta .buttons.time i{
    color: #000000;
}

/*-------------------------------
 * Store
 * ---------------------------- */
.store h2{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 35px;
}
.store p{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 14px;
}
.store .quote{
    margin-top: 25px;
    padding: 0;
    margin-bottom: 0;
}
.store .items h3{
    padding: 5px 0 !important;
}
.store .items h3 span{
    margin-left: 15px;
}
.store.how-you-help{
    padding: 50px 0;
}
.buy .add{
    padding: 10px;
    background: #f0433a;
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}
.buy .add:hover{
    background: #cb4039;
}
.buy{
    list-style-type: none;
}
.textbox{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 15px;
    line-height: 1.3;
}
.textbox ul{
    list-style-type: none;
    margin: 0 !important;
}
.store .content_box{
    padding: 35px !important;
}
.store.story{
    background: url("../images/slide4.jpg") no-repeat center left;
    padding: 100px 0;
    background-size: cover !important;
}
.items article img{
    max-height: 267px;
}
.story article.black-box h2, .story article.black-box{
    color: white !important;
    text-align: left;
}
.store .black-box{
    padding: 20px 30px;
}
/*----------------------------------
    Social Media for pages CSS
---------------------------------*/
.connect-section{
    background: #ebebeb;
}
.article_campaign.connect-section{
    background: white;
}
.connect-container{
    margin: 50px 0;
}
.connect-container h3{
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 25px;
}
.connect-container a {
    text-indent: -9999em;
    display: inline-block;
    padding: 33px 41px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -42px;
}
.connect-container .facebook a{
    background: url("../images/facebook-icon.png") no-repeat center 1px;
}
.connect-container .twitter a{
    background: url("../images/twitter-icon.png") no-repeat center 1px;
}
.connect-container .google a{
    background: url("../images/google.png") no-repeat center 1px;
}
.connect-container .email a{
    background: url("../images/email.png") no-repeat center 1px;
}
.connect-container .facebook a:hover{
    background: url("../images/facebook-icon.png") no-repeat bottom center;
}
.connect-container .twitter a:hover{
    background: url("../images/twitter-icon.png") no-repeat center bottom;
}
.connect-container .google a:hover{
    background: url("../images/google.png") no-repeat center bottom;
}
.connect-container .email a:hover{
    background: url("../images/email.png") no-repeat center bottom;
}

.action-tile a {
	position:relative; display:block; margin-bottom:20px;
}
.action-tile a:hover .content-bit {
	color:#f0433a;
}
.action-tile .content-bit {
	display:block;
	font-family:'roboto_condensedregular',sans-serif; 
	font-size:20px; 
	text-transform:uppercase; 
	color:#000; 
	background-color:#fefbf9; 
	opacity:0.9; 
	margin-bottom:10px; 
	font-size: 18px; 
	position:absolute; 
	bottom:5px; 
	left:10px; 
	right:10px;
	padding:10px;
}

.category .view-all {
	float:left;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	margin-top:-2px;
	padding-bottom:0;
	padding-top:0;
	margin-bottom:3px;
}

.category .view-all a {
	color:#FFF;
}

/*----------------------------------
    Error CSS
---------------------------------*/
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 20px;
    margin: 20px 0;
}
/*-----------------------------------
    Footer CSS
----------------------------------*/
#footer-widget-area{
    background: #363636 !important;
}
#colophon{
    padding-top: 0;
    background: url("../images/footer-bar.png") repeat-x top;
}
#tertiary aside>div{
    padding-right: 15px;
    padding-left: 15px;
}

#tertiary .widget h3{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 25px;
    color: white;
    margin-bottom: 50px;
    margin-top: 0;
    padding: 37px 0 37px 15px;
}
#how_you_help h3{
    padding-left: 10px !important;
}
.menu-how-you-can-help-container{
    padding: 0 !important;
}
#menu-how-you-can-help{
    margin-left: 10px;
}
.widget ul li a{
    font-family: 'roboto_condensedregular',sans-serif;
}
#how_you_help .widget ul li{
    background: none;
    padding: 0 0 25px 0;
    font-family: 'helvetica',sans-serif;
    font-size: 19px;
}
#how_you_help .widget ul li a{
    border-bottom: 1px solid white;
    float: left;
}
#how_you_help .widget ul li:before{
    content: '';
}
#how_you_help .widget ul li:after{
    content: ' >';
    position: relative;
    margin-left: 5px;
    font-size: 25px;
    line-height: 1.3;
    right: 0;
}
#how_you_help .widget ul li:hover{
    background: none;
    color: #f0433a;
}
#how_you_help .widget ul li:hover a{
    color: #f0433a;
    border-bottom: 1px solid #f0433a;
}
#connect .social-widget-margin{
    /*padding-left: 12px;
    padding-right: 12px;*/
}
#connect i{
    display: none;
}
#connect .social-item-twitter, #connect .social-item-facebook, #connect .social-item-gplus, #connect .social-item-youtube, #connect .social-item-instagram {
    width: 25%;
    float: left;
    max-width: 55px;
}
#connect a{
    width: 51px;
    height: 51px;
    /*margin-top: -10px;*/
    background-size: 90% !important;
}
#connect .social-item-twitter a{
    background: url("../images/twitter-footer.png")no-repeat center 3px;
}
#connect .social-item-twitter a:hover{
    background: url("../images/twitter-footer.png")no-repeat center bottom;
}
#connect .social-item-facebook a{
    background: url("../images/facebook-footer.png")no-repeat center 3px;
}
#connect .social-item-facebook a:hover{
    background: url("../images/facebook-footer.png")no-repeat center bottom;
}
#connect .social-item-gplus a{
    background: url("../images/google-footer.png")no-repeat center 3px;
}
#connect .social-item-gplus a:hover{
    background: url("../images/google-footer.png")no-repeat center bottom;
}

#connect .social-item-instagram a{
    background: url("../images/footer-instagram.png")no-repeat center 3px;
}
#connect .social-item-instagram a:hover{
    background: url("../images/footer-instagram.png")no-repeat center bottom;
}

#connect .social-item-youtube a{
    background: url("../images/youtube-footer.png")no-repeat center 3px;
}

#connect .social-item-youtube a:hover{
    background: url("../images/youtube-footer.png")no-repeat center bottom;
}

#sign_up input[type="text"]{
    font-size: 16px;
    font-family: 'roboto_condensedregular',sans-serif;
    color: #63626d;
    height: 40px;
    border: 1px solid #ebebeb;
    padding-top: 10px;
    padding-right: 45px;
}
#sign_up input[type="submit"]{
    position: absolute;
    right: -2px;
    top: 0;
    width: 45px;
    height: 40px;
    background-color: #f0433a;
    background-image: url("../images/btn-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none;
    border-radius: 3px;
    text-indent: -9999em;
}

#sign_up input[type="submit"]:hover{
    background-color: #cb4039;
}

.home-signup {
	font-size: 13px !important;
	padding: 12px 0 13px 0 !important;
}

.sidebar-content p{
    line-height: 1.9;
}
.sidebar-content a{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 21px;
    color: #545454 !important;
    line-height: 1;
}
.sidebar-content a span{
    font-size: 30px;
    color: #000000;
}

/*Site info section below footer*/
.site-info{
    font-size: 100%;
}
.copy, .designby{
    font-family: 'helvetica',sans-serif;
    font-size: 12px;
}
.designby a{
    color: white !important;
    border-bottom: 1px solid white;
}
#menu-footer{
    list-style-type: none;
    margin: 0;
    line-height: 16px;
    overflow: hidden;
}
#menu-footer li{
    float: left;
    /*width: 20%;*/
    margin: 10px 20px 5px 0;
    color: #ffffff;
    display: inline-block;
}
#menu-footer li a{
    font-family: 'helvetica',sans-serif;
    font-size: 12px;
    color: #999999;
}
#menu-footer li a:hover{
    color: white;
}

/*------------------------------------
    Browser Specific CSS
----------------------------------*/
@-moz-document url-prefix() {
    .notifications .light-red form input[type="submit"] {
        padding: 8px 0;
    }
}




/*

world_action_map

*/
.world_action_map #map{
    width: 100%;
    height: 600px;
    background: #fff !important;
    position:relative;
    border: 1px solid #ebebeb;
	margin-bottom: 30px;
}
.gm-style-iw{
   /* background-image: url("../images/Voice_PulloutBox_small.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 325px;
    max-width: 210px;
    left: 80px !important;
    top: 45px !important;*/
    z-index: 0;
    max-width: 200px;
}
.gm-style-iw > div{
    width: 100%;
}
.gm-style-iw *{
    overflow: hidden;
}
.infoWindow_content{
    background-image: url("../images/Voice_PulloutBox_small.png");
    background-position: center center;
    background-size: cover;
    padding: 5px;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    min-height: 310px;
    z-index: 0;
}

.infoWindow_content  .firstHeading {
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    color: white;
    margin: 1px;
    text-align: center;
    width: 99%;
}

.infoWindow_content .bodyContent{
    background: #FFFFFF;
    padding: 5px;
}

.infoWindow_content .bodyContent h3, .infoWindow_content .bodyContent h4{
    font-size: 16px;
    text-align: center;
}

.infoWindow_content .bodyContent p{
    margin-bottom: 0;
    font-size: 12px;
}
.infoWindow_content .bodyContent .backgrounds__solid-image{
    background-position: center center;
    background-size: contain;
    min-height: 75px;
    background-repeat: no-repeat;
}
.infoWindow_content .bodyContent .backgrounds__solid-image img{
    display: none;
}
.infoWindow_content .bodyContent hr{
    margin: 0.8rem 0 0.8rem;
}
.infoWindow_content .bodyContent .act_now_link{
    margin-bottom: 10px;
    display: inline-block;
}
a[href^="https://maps.google.com/maps"] {
    display:none !important
}/*
.gmnoprint div {
    background:none !important;
}
.gmnoprint a{
    display:none;
}*/



/*--------------------------------------
    Overriding Theme defaults
-------------------------------------*/

.item {
    background: #cb4039;
}
.item .page-title{
	/*color: #cb4039;*/
	color: #424242;
    border: none;
    padding: 0;
    font-family: 'roboto_condensedbold',sans-serif;
    font-size: 46px;
    margin: 45px 0 0;
    /*text-transform: uppercase;*/
}
.item .page-subheading{
    font-family: 'roboto_condensedregular',sans-serif;
    font-size: 25px;
    color: #cb4039 !important;
}
.entry-meta .red-link{
    margin-bottom: 0;
}
.nav-next a, .nav-previous a{
    font-family: 'roboto_condensedbold',sans-serif;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
   /*margin: 5px 20px 20px 30px;*/
    width: 100% !important;
}

.wp-caption-text {
	font-size: 80%;
}

.wp-caption img {
    margin: 0;
    width: 100%;
}
/*--------------------------------------
    Overriding Widget defaults
-------------------------------------*/
.rpwe-clearfix:before{
    content: '' !important;
}
.recent-post-image img{
    width: 50% !important;
}

#enquiry a{
    color: #f5f5f5;
    font-size: 19px;
    font-family: 'helvetica',sans-serif;
    /*border-bottom: 1px solid #F5F5F5;*/
    text-decoration: underline;
    margin-bottom: 20px;
    display: inline-block;
}
footer p{
    color: #f5f5f5;
    font-size: 12px;
    font-family: 'helvetica',sans-serif;
}

/*--------------------------------------
    Overriding Foundation defaults
-------------------------------------*/
.one-third{
    width: 33.33%;
    float: left;
}
/*-------------------------------
    Media Queries
-------------------------------*/
/*1200px*/
@media screen and (max-width: 1200px) {
    .fixed-width, #main.page .page-content{
        width: 100%;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1000px) {
    .other-value input[type="text"]{
           max-width: 39px !important;
           font-size: 10px;
    }
}
/*1160px*/
@media screen and (max-width: 1160px) and (min-width: 767px) {
	#sticky_navigation {
		padding-left:12px !important;
		padding-right:12px !important;
	}
	#toolbar {
		padding-left:12px;
		padding-right:12px;
		/*height: 60px;*/ /*Jason*/
	}
	.flex-content .black-box {
		padding-left:40px;
	}
}

/*1124px*/
@media screen and (max-width: 1124px) {
    #menu-main-menu li a{
        padding-left: 8px;
        padding-right: 8px;
    }
    #tertiary .widget h3{
        padding: 37px 0 37px 13px;
        height: 109px;
    }
    #menu-toolbar-menu li a, .social-media li a {
    	font-size:13px;
    }
}
/*1040px*/
@media screen and (max-width: 1040px) {
    .entry-meta .red-link{
      /* width: 100%;*/
    }
}
/*1024px - 767*/
@media screen and (min-width: 768px) and (max-width: 1024px){
    .donation-box{
        margin-top: 15px;
    }
    #logo img{
        width: 85%;
        position: relative;
        top: 10px;
    }
    .notifications h3{
        padding: 35px 0 10px !important;
        text-align: center;
        background-position: center 10% !important;
    }
    .notifications .light-red form input[type="submit"]{
        position: relative;
        margin-top: 10px;
        width: 100% !important;
    }
    .notifications .light-red form input[type="text"]{
        padding-right: 0;
    }
    #alert .alertbox h3{
        margin-top:-9px;
    }
    /*----------------------------
    Footer page CSS
    --------------------------*/
    #connect .social-item-twitter, #connect .social-item-facebook, #connect .social-item-gplus{
        margin: 0 !important;
    }
}
/*999*/
@media screen and (max-width: 999px) {
    /*-----------------------------
    Slider CSS
    -------------------------------*/
    .flex-content .black-box{
        margin: 0 !important;
    }
    /*-----------------------------
    Header CSS
    -------------------------------*/
    #page{
        overflow: hidden;
    }
    /*----------------------------
    Other page CSS
    --------------------------*/
    #main.page .heading{
        margin-top: -230px;
    }
    .featured a{
        height: 90px;
    }
    .black-box{
        margin: 0 !important;
    }
    .donate-form input[type="submit"]{
        background-image: none;
    }
    .thank-you.top-content{
        left: 0  !important;
        margin-left: 0 !important;
        top: 250px;
    }
    .thank-you-content .social-media ul li{
        float: none;
        width: 50%;
        margin: 0 auto 50px;
    }
    #main .inner{
        /*padding: 0 !important;*/
    }
    .notifications{
        padding: 0 20px !important;
    }
    .notifications h3{
        padding-left: 10px !important;
        text-align: center;
    }
    .notifications>div{
        padding: 0 !important;
        margin-bottom: 10px;
    }
    .alert-popup{
      /*  padding-left: 0 !important;
        padding-right: 0 !important;*/
    }
    .quote{
        margin-bottom: 40px;
    }
    .help-now{
        padding: 30px 25px;
        width: 80% !important;
    }
    .help-now .text-center>div{
        padding: 0;
    }
    .donate{
        background-position: 80% center;
    }
    .donatePage .post-content{
        margin-top: 20px;
    }
    .donatePage .post-content.large-6{
        padding: 0;
    }
    .donate-form{
        position: relative !important;
        top: 0;
    }
    #main.page .page-content{
        margin: 0 !important;
    }
    .featured-image{
        min-height: 265px;
        height: auto;
    }
    .wpcf7-form{
        padding: 20px;
    }
    input[type="submit"].red-link{
        width: 100%;
    }
    .address{
        margin-top: 20px;
    }
    .quote p{
        right: 0;
    }
    .entry-meta-press .fleft, .entry-meta-press .share-buttons{
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
}/*----------------------------
    767px
-----------------------------*/
@media screen and (max-width: 768px) {
    #donationbar .donate-btn{
       background: transparent !important;
    }
    .donation-box{
        margin-top: 0 !important;
    }
    .flex-content .black-box{
        bottom: 80px;
    }
    /*Header CSS*/
    .site-navigation{
        display: none !important;
    }
    #mobile-nav, .mob-nav, .donate-button{
        display: block !important;
    }
    .mob-nav{
        height: 75px;
    }
    .mean-bar{
        margin-top: 0 !important;
        height: 75px;
    }
    .mean-container .mean-bar{
        height: 100%;
        padding: 0 !important;
    }
    #branding hgroup{
        width: 50% !important;
    }
    #branding hgroup h1{
        max-width: 80px;
        margin: 0 auto;
    }
    h2#site-description {
        display:none;
    }
    #logo{
        position: relative;
        padding-right: 0 !important;
    }
    #sticky_navigation{
        padding-top: 0 !important;
        height: 75px;
        z-index: 50 !important;
    }
    #branding nav{
        position: absolute;
        display: none;
        float: left;
        background: black;
        min-width: 300px;
        margin-top: 75px;
    }
    .mean-container a.meanmenu-reveal{
        margin-left: -30px;
        left: 50% !important;
        width: 35px !important;
        margin-top: 9px;
    }
    .mean-container a.meanmenu-reveal span{
        margin-top: 6px !important;
    }
    .donate-btn{
        display: block;
        background-color: #f0433a;
        width: 100%;
        padding: 15px 0px 40px;
        text-align: center;
        color: white;
        background-image: url("../images/donateHeart.png");
        background-repeat: no-repeat;
        background-position: center 70%;
        text-transform: uppercase;
        font-family: 'roboto_condensedbold',sans-serif;
        font-size: 20px;
    }
    .donate-btn:hover{
        color: white;
        background-color: #ee2e24;
    }
    .donate-btn:visited{
        color: white;
    }
    
    h2.page-subheading {
		color: #cb4039 !important;
	}
    
    .page-title, .page-subheading{
        text-align: center;
        width: 100%;
    }
    #main.page .heading{
        margin-top: 0;
        background: white;
    }
    #main.page .heading h1{
        font-size: 50px;
        color: #000000;
        text-shadow: none;
    }
    #main .page-content h3{
        padding: 0 0 20px !important;
    }
    .signup #main .inner{
        padding: 0 !important;
    }
    .notifications>div{
        width: 100% !important;
    }
    .reveal-modal{
        z-index: 999 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /*-------------------------------
    Footer CSS
    --------------------------------*/
    #how_you_help, #sign_up, #connect, #enquiry{
        width: 100%;
    }
    #tertiary>.large-16{
        padding: 0;
    }
    #tertiary .widget h3{
        padding: 37px 0 37px 25px;
        height: auto;
    }
    .site-info>.row>.large-16{
        padding-left: 27px;
    }
    #menu-footer li{
        /*min-width: 100px;*/
        margin-top: 0;
    }
    #menu-footer li:first-child:after{
        margin-left: 10px;
    }
    .copy{
        text-align: left !important;
    }
    .designby{
        text-align: right !important;
        margin-top: 15px;
    }
    #connect{
        background: #a23e39;
    }
    #connect .social-widget-margin{
        padding: 0 5px !important;
    }
    #how_you_help{
        background-color: #f0433a;
    }
    #how_you_help .widget ul li{
        width: 100%;
        float: left;
    }
    #how_you_help .widget ul li a{
        border-bottom: 0;
        color: white !important;
    }
    #how_you_help .widget ul li:hover a{
        border-bottom: 1px solid white;
    }
    #how_you_help .widget ul li:after{
        color: white !important;
    }

    #how_you_help h3{
        padding-left: 25px !important;
    }
    #colophon{
        background: none !important;
    }
    #connect a{
        float: left;
    }
    .copy, .designby {
        text-align: center;
    }
    aside.widget, #tertiary .widget h3{
        margin-bottom: 0;
    }
    #menu-how-you-can-help{
        background-color: #f0433a;
        padding-left: 50px !important;
        padding-bottom: 30px !important;
    }
    #sign_up h3, #enquiry h3{
        cursor: pointer;
    }
    .textwidget{
        display: none;
    }
    #sign_up h3:after, #enquiry h3:after{
        content: '>';
        margin-left: 20px;
    }
    /*Other CSS*/
    .grey-border{
        padding: 15px 5px 10px 5px;
    }
    #main.page .inner{
        padding-top: 0 !important;
    }
    .one-third{
        width: 100%;
    }
    .campaigns .clickable{
        margin-bottom: 10px;
    }
    .featured-image, .slider-image{
        height: 300px;
    }
    .entry-content figure{
        width: 100% !important;
    }
    .get-in-touch li{
        font-size: 14px;
    }
    .thank-you.top-content{
        top: 240px;
    }
}
/*--------------------------------
        640px
---------------------------------*/
@media screen and (max-width: 640px) {

    .world_action_map{
    	padding: 0 20px !important;
    }
    .world_action_map #map{
       height: 450px;
    }
    /*SLider CSS*/
    .flex-content .black-box{
        background: transparent;
    }
    .thank-you.top-content{
        top: 200px;
    }
    .home .news-article .post-content{
        margin: 10px 0 0;
        padding: 0;
    }
    .side-panel{
        padding: 0 !important;
    }
    .news article{
        float: none;
    }
    
    @-moz-document url-prefix() {
        .home .news article {
            float: left;
        }
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .home .news article {
            float: left;
        }
    }
}
/*--------------------------------
            480px
---------------------------------*/
@media screen and (max-width: 480px) {
    #donationbar{
        display: none !important;
    }
    #page {
        margin-top: 0 !important;
    }

    /*Connection section for each single post*/
    .connect-container a,  .connect-container a:hover{
        padding: 21px 30px;
        margin-left: -30px;
        background-size: 95% !important;
    }
    .featured .small-4{
        width: 50% !important;
    }
    .notifications{
        padding: 0 20px !important;
    }
    #main.page .heading h1{
        font-size: 50px;
    }
    .donate-form .tabs dd a{
        font-size: 20px;
    }
    .content_box .hidden-video{
        margin-bottom: 0;
    }
    .time-line .content_box h3{
        padding: 0 !important;
    }
    .project .red-link{
        min-width: 147px;
    }
    .featured a{
        height: 75px;
        background-size: 85%;
    }
    .thank-you.top-content h1{
        font-size: 38px;
    }
    .thank-you.top-content p{
        font-size: 25px;
    }
}
/*-----------------------------------------
        320px
------------------------------------*/
@media screen and (max-width: 320px) {
}

#primary #searchform input[type="submit"] {
	height:40px;
	width:40px;
}

#primary #searchform input[type="text"] {
	height:40px;
	background-color:#FFF;
	color:#000;
}

#wpadminbar {
	/*position:absolute !important;
	top:-32px !important;*/
}

.radio-item h2 span a {
	color: #464646;
}

.radio-item h2 a {
	color: #464646;
	font-size: 16px;
	margin-left: 20px;
}

.radio-item .details {
	color: #666666;
	margin-bottom: 10px;
}

.rr-foreign {
	font-size: 0.85rem !important;
	border-bottom: 1px solid #c8c8c8;
	margin: 1rem 0;
}

.rr-foreign p {
	font-size: 0.85rem !important;
}

.rr-english {
	font-size: 0.85rem !important;
	border-bottom: 3px solid #333;
}

.rr-english, .rr-english p {
	font-size: 0.85rem !important;
}

.accord, .accord * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accord {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}

.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	background:#333;
	transition:all linear 0.15s;
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#fff;
}

.accordion-section-title a, .accordion-section-title.active, .accordion-section-title:hover {
	background:#4c4c4c;
	text-decoration:none;
	color: #ffffff;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

.accordion-section-content {
	padding:15px;
	display:none;
}

ul.list-plain {
	list-style-type: none;
	margin-left: 0;
}

ul.list-plain li {
	margin-bottom: 10px;
}

.guidestar {
	text-align: center;
	margin: 1rem auto 4rem auto;
}

.guidestar p {
	color: #999;
	font-size: 0.8rem;
	margin: 5px 0 0 0;
}

.tagline {
	margin: 14px 0 !important;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper object,
.video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.article-indent {
	margin: 2rem 3rem !important;
}

.article-indent-small-text {
	margin: 2rem 3rem !important;
	font-size: 0.85rem !important;
}

.article-indent-small-text p {
	font-size: 0.85rem !important;
}

.redacted {
	background: #000 !important;
	width: 150px !important;
	display: inline-block;
}

/* @group PROTEST */

.protest #page {
	background: #f6ecca;
	color: #213444;
}

.protest a {
	color: #d94c44;
}

.protest a:hover {
	color: #b1373d;
}

.protest h1,
.protest h2,
.protest h3,
.protest h4,
.protest h5 {
	font-family: Montserrat, Helvetica, sans-serif;
}

.protest header {
	background: #f6ecca;
}

.protest-hero {
	background: url("http://voiceproject.org/wp-content/themes/charitas-wpl/images/banners/banner-protest.jpg") no-repeat center center;
	background-size: cover;
	height: 50vh;
	margin: 0 0 3rem 0;
}

.protest-hero .protest-logo {
	padding: 2rem 0 0 2rem;
	max-width: 170px;
	margin: 0;
}

.protest-hero .intro {
	padding: 4rem;
	position: relative;
	top: 20%;
	transform: translateY(-50%);
}

@media all and (max-width: 768px) {
	.protest-hero .protest-logo {
		max-width: 150px;
	}
}

@media all and (max-width: 480px) {
	.protest-hero .protest-logo {
		padding: 1rem 0 0 0.5rem;
		max-width: 100px;
		margin: 0;
	}
	.protest-hero .intro {
		top: 15%;
		transform: translateY(-50%);
	}
}

.protest-hero h1 {
	color: #fff;
	font-size: 4rem !important;
	line-height: 1.0em;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center !important;
}

.protest-hero p {
	color: #fff;
	font-size: 1.75rem;
	line-height: 1.75em;
	font-weight: 200;
	text-align: center !important;
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
	.protest-hero {
		height: 40vh;
	}
	.protest-hero h1 {
		font-size: 2.5rem !important;
	}
}

@media only screen and (max-width: 480px) {
	.protest-hero {
		height: 20vh;
	}
	.protest-hero h1 {
		font-size: 1.125rem !important;
		letter-spacing: 0;
	}
}

.protest .intro {
	text-align: center;
	margin-bottom: 4rem;
}

.protest .intro p {
	font-size: 1.125rem;
	padding: 0 4rem;
}

@media only screen and (max-width: 768px) {
	.protest .intro p {
		font-size: 1rem;
		padding: 0 1rem;
	}
}

section#protest-map {
	margin-bottom: 60px;
}

.protest-hr {
	width: 220px;
	border-top: 4px solid #213444;
	margin: 0 0 0.5rem 0;
}

.protest-hr-mid {
	width: 70%;
	border-top: 1px solid #fff;
	margin: 2rem auto;
}

.protest-hr-wide {
	width: 100%;
	border-top: 1px solid #d6d0b6;
	margin: 2rem auto;
}

.protest-item {
	padding: 2rem 0 2rem 0;
	border-bottom: 4px solid #d6d0b6;
}

.protest-item h4 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #213444;
	margin-bottom: 0;
	text-transform: uppercase;
}

.protest-state {
	color: #d94c44;
	font-family: Montserrat, Helvetica, sans-serif;
	font-size: 2.5rem;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 3rem;
}

.protest-bill {
	text-align: center;
	margin: 3rem 0 2rem 0;
}

.protest-bill h4 {
	color: #75949e;
	border-top: 1px solid #75949e;
	border-bottom: 1px solid #75949e;
	padding: 4px 0 5px 0;
}

.protest-summary {
	overflow: hidden;
	margin-bottom: 1rem;
}

.protest-status {
	overflow: hidden;
	/*margin-bottom: 1rem;*/
}

.protest-steps {
	margin: 1rem 0 4rem 0;
}

.protest-action {
	text-align: center;
	overflow: hidden;
}

.protest-action p {
	font-size: 1.25rem;
}

.protest-action h4 {
	letter-spacing: 2px;
	color: #fff;
	background: #d94c44;
	padding: 0.75rem 0rem 0.75rem 3rem;
	margin: 0 0 2rem 0;
	display: inline-block;
	border-radius: 9999px;
}

.protest-action h4 span {
	background: #fff;
	color: #d94c44;
	padding: 0.5rem 1rem 0.5rem 1rem;
	border-radius: 9999px;
	margin: 0 0.5rem 0 1.5rem;
}

.btn-protest-action {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff !important;
	background: #d94c44;
	padding: 0.75rem 2rem;
	display: inline-block;
	margin: 0 0 0.25rem 0;
	text-align: center;
	border-radius: 9999px;
}

.btn-protest-action:hover {
	color: #ffffff;
	background: #b1373d;
}

.btn-protest-action i {
	margin-left: 0.5rem;
	vertical-align: middle;
}



/* @end */



/* @group MAPPLIC STYLES */

.mapplic-list-location:first-child {
	border-top: 1px solid #ededed;
}

.mapplic-list-location h4 {
	color: #242424;
	font-size: 1rem;
	padding: 0;
	margin: 1px 0 1px 4px !important;
}

.mapplic-list-location > a:hover {
	background-color: #f4fcfc;
	border-left: 1px solid #f4fcfc !important;
	border-color: inherit;
}

.mapplic-hovertip .mapplic-tooltip-title {
	padding: 0 !important;
}

/* @end */