/* 

CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
body{font-size:14px;}
.body_wrap { padding-top: 0;}
img{max-width:100%; height:auto;}
h1{line-height:28px;}
.header_container header{}
.container{}
.header_left{padding-top:10px;}
.logo{float:left;}	
.logo-girl{float:left;}
.logo .logo-right{float: left; padding: 40px 0 0; position: relative;}
.header_right{padding-top:30px;}
.header-title{font-size:24px; margin:0 0 20px;}
#topmenu .dropdown li:hover>ul {
	display:block;
	position: absolute;
	width: 100%;
}
#topmenu .dropdown li:hover>ul li:hover>ul {
	display:block;
	top:0;
	left: 150px ;
	width: 100%;
}
#topmenu .dropdown li.last:hover>ul li:hover>ul {
	left: -155px ;
}
#topmenu .dropdown li:hover>ul li:hover>ul li:hover>ul {
	display:block;
	position: absolute;
	left: 150px;
	top:-2px;
}
#topmenu .dropdown-menu{
    position: absolute;
    right: -338px;
    top: 32px;
    width: 800px;
	display:none;
	}
#topmenu .dropdown-menu.work{
    right: -240px;
    top: 32px;
    width: 600px;
	}	
.dropdown-menu .inner-menus{background:#222; float: left; margin: 10px 0 0; padding: 20px; width: 94%;}
.dropdown-menu .menu-sec{float: left; margin: 0 10px 0 0; width: 220px; padding:0 10px;}
.dropdown-menu .menu-sec h4{font-size:18px; margin:0; line-height:32px; color:#999;}
.dropdown-menu .menu-sec h4 a{color:#999999 !important;}
.dropdown-menu .menu-sec h4 a:hover{color:#ffffff !important;}
.dropdown-menu .menu-sec.last{margin:0; padding-right:0;}
.dropdown-menu .menu-sec ul{width:100%; display:block !important; }
.dropdown-menu .menu-sec ul li{border-bottom: 1px solid #666666;padding: 3px 0; width:100% !important; background:none !important;}
.dropdown-menu .menu-sec ul li a{color:#999999; background:none !important; padding:8px 0px !important;}
.dropdown-menu .menu-sec ul li a:hover{color:#fff;}
	
.widget_search form{float:left;}
.widget-container{float:left; width:100%;}
.col_1_2 .newsletterBox form, .newsletterBox form{float:left;}
.donate-now{text-align:center; margin:0 auro;;}
.donate-now img{margin:50px 0 10px 0;}
ul.news-post{padding:0 0 0 10px;}
.news-post li{list-style:square;}
.news-post li a:hover{color:#4C4C4C;}
.media_gallery_table{float:left; width:100%;}
.media_gallery_table tr{margin-bottom:20px;float:left; width:100%}
.media_gallery_table tr td img{margin:0 20px 10px 0;}
.country .nav_secondary{float:left; width:26%;}
.country .nav_secondary li a{color:#444;}
.country .nav_secondary li a:hover{color:#D7002E;}
.tf_pagination .inner{background:none;}
.wp-pagenavi a, .wp-pagenavi span{border:none !important; background:#E6E6E6; padding:12px !important; margin:0 !important;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{background:#D80935; color:#fff; font-weight:bold;margin: 2px !important;  padding: 12px 20px !important; }
#middle{padding:10px 0 50px;}
#middle .content {}
.post-wrapper{float:left;width:100%;}
.post-wrapper .post-wrap{float:left; margin:0 0 20px;}
.post-wrapper .article{margin-bottom: 20px; padding-bottom: 20px; float:left; width:94%; }
.post-detail .entry .post-wrapper h2{font-size:26px; margin: 10px 0 30px;}
.postlist .post-summery{border:none; min-height:inherit; width:100%;}
.postlist .post-summery h3, .postlist .post-summery h3 a{
	color: #4C4C4C;
    font-size: 21px;
    line-height: 1.1em;
    margin: 0 0 15px;
	font-weight:600;}
.postlist .post-summery h3 a:hover{color:#D80935;}
.postlist .post-summery.first{}
.seemore{float:left;}
.seemore a {
	font-size:14px !important;
	/*display:block;
	float:left;
	background:url("images/icons/icon_more.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
	text-transform:uppercase;
	font-size:13px;
	padding:0;
	font-weight:bold;
	margin:0*/}
.postlist .twitter-widget{}	
.staff-wrapper, .volunteer-wrapper{float:left; width:100%;}
.staff-wrapper .staff-post, .board-wrapper .board-post{margin-bottom: 20px;  text-align: center; background:#eee;}
.staff-wrapper .staff-post .summary-details{line-height:18px;}
.staff-wrapper .staff-post .summary-details h3, .board-post .summary-details h3{font-size:14px; padding:10px 0 5px 0; margin:0; font-weight:bold;}
.staff-wrapper .staff-post .summary-details h3 a{ }
.staff-wrapper .staff-post .summary-details h3 a:hover, .board-post .summary-details h3 a:hover{ }
.summary-details .staff-deg{font-size:12px; padding:0 3px;}
.staffpost .staff-image{float:left; margin:0 20px 10px 0;}
.staffpost .post-meta{text-align:left;}
.staffpost .post-meta h4{font-size:20px;}
.staffpost .post-meta span{color: #888;
    display: block;
    font-size: 16px;
    padding: 0 0 5px;}
.staffpost .post-meta .deg{font-weight:bold;}

.board-wrapper{ padding:0 0 20px; border-bottom:1px solid #D4D4D4; margin:0 0 20px; float:left;}
.board-wrapper ul li{}
.board-wrapper ul li h4{font-size:16px;}
.board-wrapper ul li h4 a:hover{color:#4C4C4C;}
.news-wrapper .news-post{float:left; width:100%;}
.news-wrapper .news-post .post-item{ float:left; width:100%; margin:0 0 10px;}
.news-wrapper .post-item .post-title{ margin-top:0;}
.news-wrapper .post-title a{color:#4C4C4C;}
.news-wrapper .post-title a:hover{color:#D7002E;}
.news-post .datebox{color:#D7002E; font-size:12px;}
.report-wrapper{}
.report-wrapper .report-post{ margin:0 0 30px; padding-bottom:30px; border-bottom:1px solid #D4D4D4;}
.report-post .report-post-thumb{float:left; width:20%; margin:0 20px 20px 0;}
.report-post .summary-content{float:left; width:70%;}
.quoteBox .quote-text p{margin:0 0 5px;}

.homeboxes{}
.homeboxes .row .col_1_3{}
.wp-caption.alignright{margin:0 0 10px 20px;}
iframe, embed, object { max-width: 100%;}
.works-boxes col{/*margin-left:40px; margin-right:40px;*/}
.works-boxes .row{}

#slideshow-wrappergallery1 #slidergallery1 img{width:100px; height:75px;}


/*------------------------------------------------------------
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
--------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*-----------Sidebar------------------*/
.sidebar .widget-container ul{padding-left:20px;}
.sidebar .widget-container li{list-style:square; margin:0 0 10px;}
.post-item .post-title{float:left; width:100%; margin-top:6px;}
/*---------------------------------------------------------------*/
.searchform .btn-submit{min-width:70px; color:#fff; font-weight:bold; padding:5px;}
.error-page{text-align:center;}
.donatebtn{ text-align:center; margin:20px 0;}
.donatebtn a, .donatebtn span{
	background: none repeat scroll 0 0 #de284f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
	border-bottom:4px solid #BB042B;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.3);
cursor: pointer;
	}
.donatebtn a:hover, .donatebtn span:hover{ background:#d20b35;}

.footer_social{border:none; padding:0;}
.footer_social .google-lang{float: right;
    padding: 0 0 10px;
    text-align: right;
    width: 100%;}
.footer_social .fsocial{ float:right; text-align:right; width:100%; border-top:1px solid #D3D3D3; padding:10px 0 0;}
footer .container .fb, footer .container .twitter, footer .container .instagram{display:inline-block; }

footer .container .link-instagram{background:url(images/icons/instagram.png) no-repeat;float: right;
    height: 20px;margin-left: 10px; padding-left: 26px;}

@media (max-width: 970px) { 
	.logo, .logo-girl, .logo .logo-right{float:none;}
	}
    
    
/*--- Correction of vertical spacing between paragraphs for staff single page ---*/
.post-item.post-detail .post-cont p { margin: 5px 0 18px; }