@charset "UTF-8";
/*
Theme Name: NGO Social Services
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/themes/free-social-services-wordpress-theme/
Author URI: https://www.themagnifico.net/
Description: NGO Social Services is an amazing theme to create websites such as non-profit, charity, NGO agency, social services campaign, social welfare, volunteer organization, activism, foster home, organize welfare activities, fundraising events, old age home, fight against hunger, blood donation camps, etc. It is a cool theme having elegant and sophisticated design. It is SEO-friendly so your website will rank easily on popular search engines like Google. It offers many options for customization and personalization and is very user-friendly. It is translation-ready theme and has support for RTL layout. The responsive layout makes it fit perfectly on any device screen size and therefore is mobile-friendly too. You are allowed to add shortcodes if you want to add some additional functionality to your website. It has faster page load times because of the clean and optimized codes. It is compatible with most used WordPress plugins. The theme is executed on bootstrap framework. With the social media option you can show your popularity and give credibility to your work by linking all social media page to your site. The testimonial section let’s your visitors give comments on your work. The theme supports Elementor and all sections are made from it. Choose this stunning theme and start creating your website today.
Version: 0.1.1
Tested up to: 5.8
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: charity-zone
Text Domain: ngo-social-services
Tags: custom-logo, one-column, two-columns, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, block-styles, sticky-post, footer-widgets, editor-style, featured-images, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, photography, portfolio

NGO Social Services WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2021.
NGO Social Services WordPress Theme is released under the terms of GNU GPL*/

@font-face {
    font-family: "Agrandir Regular";
    src: url("/fonts/Agrandir-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Agrandir Bold";
    src: url("/fonts/Agrandir-Bold.ttf") format("truetype");
}

:root {
  --primary-font: "Agrandir Regular";
}
body {
    font-family: var(--primary-font);
}
strong, #footer-top ul li a, footer .copyright, .banner-btn, .aio-icon-box h2, #foodbanks-wrap .vc_btn3-container a,
.donation-box .wpb_text_column a, .fundraiser-box .wpb_text_column a, .gethelp-box .wpb_text_column a,
.white-to-dark-link, .volunteer-box .wpb_text_column a, 
.wppsac-post-slider .wppsac-post-date, .wppsac-post-carousel .wppsac-post-date, .other-help-boxes a,
.wppsac-post-carousel.design-1 a.wppsac-readmorebtn, footer .footer-details .three-f a, footer .footer-details .two-f p, #faq-wrap .vc_toggle_content p,
.single-post h2.entry-title, .single-post .posted-on a, .blog .readmore, .main-navigation .sub-menu > li > a{
	font-family:"Agrandir Bold";
}


/******************* max width **********************/
header .container, .home-gethelp .home-gethelp-inner .vc_column-inner, .home-volunteer .home-volunteer-inner .vc_column-inner,
.home-donation .home-donation-inner .vc_column-inner, .home-fundraiser .home-fundraiser-inner .vc_column-inner, .footer-details .container,
.contact-no-email-wrap #inner{
    max-width: 1200px;
}
/******************* **********************/

#breadcrumbs a::before{
	content:url(/wp-content/uploads/2021/11/BreadcrumbHome_Icon-1.png);
	position: absolute;
    left: 5px;
}
p#breadcrumbs{
	font-size: 15px;
	position: relative;
	margin-bottom: 5px;
	margin-top: 25px;
}
#breadcrumbs span:first-of-type a{
	color: transparent;
}
#breadcrumbs span span span a{
	color: #243746 !important;
	padding: 0 10px;
}
#breadcrumbs a:nth-child(1){
	color: #243746 ;
}
#breadcrumbs a:nth-child(2){
	color: red ;
}
.breadcrumb_last{
	padding-left: 15px;
	
}
.home .bc-box, .wppsac-post-categories, header .site-title, .site-description, header .socialmedia,
.page-template header .entry-title{
	display:none;
}



h1, h2, h3, h4, h5, h6, .main-navigation .menu > li > a{
    font-family: "Agrandir Bold";
}
#button.show{
	background: #e96a2e !important;
}


h1, h2, h3, h4, h5, h6,
#button.show:hover, #footer-bottom, .website-design a, .donate-btn a:hover,
#left-foodbank, #bow-foodbank, .left-side, #right-foodbank, #bethanal-green-foodbank, .gethelp-box .wpb_text_column a:hover,
.white-to-dark-link:hover,
.volunteer-box .wpb_text_column a:hover, .gethelp-box .wpb_text_column a, .volunteer-box .wpb_text_column a, .donation-box .wpb_text_column a, 
.fundraiser-box .wpb_text_column a, .inner-hero h2, .home-donation h2, .home-fundraiser h2, .single-post h2.entry-title, .single-post .posted-on a,
.blog h3.entry-title a, .wppsac-post-carousel .wppsac-post-content a.wppsac-readmorebtn:hover, .blog .readmore:hover, .blog .entry-meta .posted-on a,
.white-bg, .other-help-boxes a:hover, #donate-page .donate-btn a:hover, .dark-link-to-orange, .single-post .entry-content p, 
.single-post, #home-recent-news .wppsac-post-title, .wppsac-post-carousel.design-1 .wppsac-post-title a, .white-bg-link:hover{
	color:#243746 !important;
}
.gethelp-box .wpb_text_column a:hover,.white-to-dark-link:hover, .volunteer-box .wpb_text_column a:hover, .other-help-boxes a:hover, .full-width-colored a:hover{
	border-color:#243746 !important;
}
.donation-box .wpb_text_column a:hover, .fundraiser-box .wpb_text_column a:hover, .full-width-colored a{
	border-color:#fff;
}
.main-navigation .sub-menu > li > a{
	font-size:12px;
}
.navbar-brand{
    background:none;
    height:auto;
    padding-top:0;
}
.nav{
    justify-content: end;
}
#masthead {
    margin-bottom: 0;
}
.entry-content{
	margin:10px 0 0;
}

.head-menu {
    padding: 10px 0;
    background-color:#fff;
}

.main-navigation .menu > li > a:hover, .main-navigation .menu > li.current-menu-item > a, .breadcrumb_last, #footer-top a:hover,
.dark-link-to-orange:hover, .single-post #primary a:hover{
    color:#df6a2e !important;
}
.main-navigation .menu > li > a{
	padding: 10px 5px;
	
}
.no-pads, .donate-btn{
	padding:0;
}
.donate-btn{
	width: 150px;
    max-width: 150px;
}
.toggle-nav.mobile-menu button, .donate-btn a{
	border: 1px solid #df6a2e;
}
.dark-link-to-orange:hover, .single-post #primary a:hover{
	border-bottom: 1px solid #df6a2e;
}
.donate-btn a{
    margin:10px 0;
    border-radius:0 !important;
    font-size: 13px;
}
/* 
.sub-menu{ position: relative; }
.menu-item-has-children:focus .sub-menu,
.menu-item-has-children:focus-within .sub-menu,
.menu-item-has-children:hover .sub-menu {
  visibility: visible;  shows sub-menu 
  opacity: 1;
  z-index: 1;
  transform:translateY(0);
  transition-delay: 0s, 0s, 0.3s; this removes the transition delay so the menu will be visible while the other styles transition 
}
.main-navigation .sub-menu{
	visibility: hidden; hides sub-menu
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: -1;
	transform:translateY(-3em);
	transition: all 0.3s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; 
}
*/

.main-navigation .sub-menu, .toggle-nav.mobile-menu button, .donate-btn a, .home-donation .donation-box, .home-fundraiser .fundraiser-box,
#home-recent-news .wppsac-post-content-position{
	background-color:#df6a2e !important;
}


.main-navigation .menu > li > a:hover, .donate-btn a:hover, .navbar-brand, .wppsac-post-carousel .wppsac-post-content a.wppsac-readmorebtn:hover,
#donate-page .donate-btn a:hover, #volunteer-form [type="submit"]{
	background:transparent !important;
}
.donate-btn a, footer .footer-details .three-f a, .blog .readmore, .gethelp-box .wpb_text_column a, .white-to-dark-link,
.volunteer-box .wpb_text_column a, .donation-box .wpb_text_column a, .fundraiser-box .wpb_text_column a, .blog .entry-header .readmore,
#foodbanks-wrap .vc_btn3-container a, .blog .readmore, .inner-hero .banner-btn a, .inner-hero .banner-btn a, #button.show, .main-navigation .menu > li > a,
.post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .other-help-boxes a, #volunteer-form [type="submit"],
.full-width-colored a, .dark-link-to-orange, .single-post #primary a, .white-bg-link{
	-moz-transition:all 0.5s ease-out 0s;
	-ms-transition:all 0.5s ease-out 0s;
	-o-transition:all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s !important; 
}
header .container .row{
    justify-content:center;
}
/********************************* end head ******************************/

.home .outer-hero{
	
}
.outer-hero{
	background-repeat:no-repeat;
	background-size:cover;
}
.outer-hero .hero-opacity{
	background-color: rgba(3, 1, 25, 0.4);
}
.inner-hero h2, .home-gethelp h2, .home-donation h2, .home-volunteer h2, .home-fundraiser h2, .single-post h2.entry-title, #faq-wrap h2.vc_custom_heading,
.blog h3 a, .other-help-boxes h5{
	letter-spacing: 3px;
}
.inner-hero .banner-btn a, .donate-btn a, #foodbanks-wrap .vc_btn3-container a, footer .footer-details .three-f a, #volunteer-form [type="submit"]{
	letter-spacing: 2px;
	border-width:2px !important;
	padding:10px 30px;
}
.remove-padding-l{
	padding-left:0;
	text-align:left;
}
.inner-hero{	
	padding: 95px 20px 100px;
    max-width: 1160px;

    float: none;
}
.main-navigation .sub-menu > li{
	text-align:left;
}
/********************************* end hero ******************************/

.home .inner-hero{
	padding: 60px 20px 130px;
}
.inner-hero .uvc-sub-heading{
	line-height: 27px;
    margin: 20px 0 50px;
	font-weight: normal;
    width: 50%;
}
.banner-btn{
	letter-spacing: 2px;
}
.inner-hero .banner-btn a{
	background-color:#8F6C95 !important;
	border-color:#8F6C95 !important;
}
.inner-hero .banner-btn a:hover{
	background-color:transparent !important;
}


.bfb-address strong{
	color:#A1D683;
}
.bgfb-address strong{
	color:#FFD040;
}

#foodbanks-wrap #left-foodbank .vc_column-inner, #foodbanks-wrap #bow-foodbank .vc_column-inner,#foodbanks-wrap .left-side .vc_column-inner,
#foodbanks-wrap #right-foodbank .vc_column-inner, #foodbanks-wrap #bethanal-green-foodbank .vc_column-inner, 
#foodbanks-wrap .right-side .vc_column-inner{
	padding:40px 30px 20px 30px;
}
#contact-bfb-info #contact-bfb-left .vc_column-inner, #contact-bgfb-info #contact-bgfb-right .vc_column-inner{
	padding: 125px 30px 60px 30px;
	min-height:400px;
	max-height:400px;
}
#foodbanks-wrap #left-foodbank .wpb_wrapper,#foodbanks-wrap #bow-foodbank .wpb_wrapper,
#foodbanks-wrap #right-foodbank .wpb_wrapper, #foodbanks-wrap #bethanal-green-foodbank .wpb_wrapper{
	max-width: 85%;
}
#contact-foodbank-addresses #map .vc_column-inner, #bg-img-row .vc_column-inner{
	background-position:top right;
	background-repeat:no-repeat;
	background-size: cover;
}
#contact-bfb-info #contact-bfb-left .wpb_wrapper, #contact-bfb-info #contact-bgfb-right .wpb_wrapper{
	max-width: 100%;
}
#foodbanks-wrap #left-foodbank .wpb_wrapper .wpb_text_column .wpb_wrapper,#foodbanks-wrap #bow-foodbank .wpb_wrapper .wpb_text_column .wpb_wrapper,
#foodbanks-wrap #right-foodbank .wpb_wrapper .wpb_text_column .wpb_wrapper,
#foodbanks-wrap #bethanal-green-foodbank .wpb_wrapper .wpb_text_column .wpb_wrapper{
	max-width: 100%;
	line-height:30px;
}
.home-gethelp .gethelp-box, .home-volunteer .volunteer-box{
	background: #8F6C95;
    width: 43%;
    float: right;
    margin:30px 0 30px;
	padding: 20px 40px 0;
}
.home-donation .donation-box, .home-fundraiser .fundraiser-box{
    width: 43%;
    float: left;
    margin:30px 0 30px;
	padding: 20px 40px 0;
}
.home-gethelp .home-gethelp-inner .gethelp-box .vc_column-inner,
.home-volunteer .home-volunteer-inner .volunteer-box .vc_column-inner,
.home-donation .home-donation-inner .donation-box .vc_column-inner,
.home-fundraiser .home-fundraiser-inner .fundraiser-box .vc_column-inner{
	margin:0;
}

.contact-no-email-wrap #inner, .home-donation .home-donation-inner .vc_column-inner, .home-fundraiser .home-fundraiser-inner .vc_column-inner,
.inner-hero, #foodbanks-wrap #left-foodbank .wpb_wrapper, #foodbanks-wrap #bow-foodbank .wpb_wrapper, #foodbanks-wrap .left-side .wpb_wrapper,
#foodbanks-wrap #right-foodbank .wpb_wrapper, #home-recent-news #inner, #foodbanks-wrap #bethanal-green-foodbank .wpb_wrapper,
#foodbanks-wrap .right-side .wpb_wrapper, #home-recent-news #inner, #contact-bfb-info #contact-bfb-left .wpb_wrapper, 
#contact-bgfb-info #contact-bgfb-right .wpb_wrapper{
	margin:0 auto !important;
}
#foodbanks-wrap .right-side .wpb_wrapper, #foodbanks-wrap .left-side .wpb_wrapper{
	width: 100%;
    max-width: 80%;
}
.home-gethelp .home-gethelp-inner .vc_column-inner, .home-volunteer .home-volunteer-inner .vc_column-inner{
	background-repeat: no-repeat !important;
	background-position:left center!important;
    margin: 50px auto!important;
	padding:0!important;
}
.home-donation .home-donation-inner .vc_column-inner, .home-fundraiser .home-fundraiser-inner .vc_column-inner{
	background-repeat: no-repeat!important;
	background-position:right center!important;
	padding:0!important;
}
.gethelp-box .right-icon .aio-ibd-block, .volunteer-box .right-icon .aio-ibd-block,
.donation-box .right-icon .aio-ibd-block, .fundraiser-box .right-icon .aio-ibd-block {
	text-align:left !important;
	padding-top:40px;
}
.gethelp-box .aio-icon-component, .volunteer-box .aio-icon-component, 
.donation-box .aio-icon-component, .fundraiser-box .aio-icon-component{
	margin-bottom:25px;
}
.gethelp-box .wpb_text_column, .volunteer-box .wpb_text_column, .donation-box .wpb_text_column, .fundraiser-box .wpb_text_column{
	line-height:30px;
}


a.white-bg-link{
	color:#df6a2e;
    border-bottom: 1px solid #df6a2e;
    text-decoration: none !important;
    padding-bottom: 5px;	
}
.gethelp-box .wpb_text_column a, .white-to-dark-link, .volunteer-box .wpb_text_column a, .other-help-boxes a{
    border-bottom: 1px solid #fff;
    text-decoration: none !important;
    padding-bottom: 5px;
}
.donation-box .wpb_text_column a, .fundraiser-box .wpb_text_column a, .dark-link-to-orange, .single-post #primary a{
    border-bottom: 1px solid #243746;
    text-decoration: none !important;
    padding-bottom: 5px;
}

#foodbanks-wrap button{
	
}
#home-recent-news{
	margin-top:50px;
}
#home-recent-news #inner{
	max-width: 1100px;
}

#home-recent-news .wppsac-post-carousel.design-1 .wppsac-carousel-slides{
	padding:40px;
}

#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
	height:191px;
	background:#fff;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	overflow: hidden;
}

#home-recent-news .wppsac-post-carousel.design-1 .wppsac-post-image-bg{
	margin-bottom:0 !important;
}

#home-recent-news .wppsac-post-content-position{
	display: -webkit-box;
	display: -moz-box;
	display: box;

	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	
	padding: 20px 30px;
}

#home-recent-news .wppsac-post-title{
	height: 75px;
	line-height: 20px;
    overflow: hidden;
	
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
}

#home-recent-news .wppsac-sub-content{
	padding: 15px 0;
	margin-bottom:10px;
    color: #fff;
	min-height: 60px;
	max-height: 60px;
	overflow:hidden;
}
#home-recent-news .wppsac-post-content{
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	box-ordinal-group: 3;
}
.wppsac-post-carousel .wppsac-post-content a.wppsac-readmorebtn , .blog .readmore{
	padding: 0 0 5px 0;
    border-bottom: 1px solid;
	border-top:none;
	border-right:none;
	border-left:none;
}
#home-spnsr .wp-image-146{
	
}
/********************************* end home ******************************/

#faq-wrap h2.vc_custom_heading, .single .entry-meta .posted-on{
	text-align: center;
}

#faq-wrap{
	margin:30px 0;
}
#faq-wrap h2.vc_custom_heading{
	color: #e96a2e;
	margin-bottom:35px;
}
#faq-wrap .vc_toggle{
	border: 2px solid #ccc;
	padding: 22px 30px;
}
#faq-wrap .vc_toggle_title{
	line-height: 20px;
	font-size: 1em;
}
#faq-wrap .vc_toggle_content{
	margin-bottom: 0;
    margin-top: 2em;
}
#faq-wrap .vc_toggle_content p{
    line-height: 30px;
    color: #243746;
}
#faq-wrap .vc_toggle_title>h4{
	font-size: 19px;
    color: #8F6C95;
}
#faq-wrap .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon{
	float:right;
}
.white-bg{
	
}
/********************************* end FAQ ******************************/


.single .navbar-brand{
	height:86px;
}

.single-post header {
	text-align:center;
}
.single-post .posted-on a{
	
}
.single-post #secondary{
	
}
.single-post header img{
	margin-bottom: 25px;
}
.single-post #primary{
	margin: 40px auto 0;
    max-width: 60%;
}
.single-post .entry-content{
	margin-top: 50px;
}
.single-post .posted-on::after{
	background:transparent;
}

.single-post h2.entry-title{
	margin-top:30px;
}

.single .entry-meta, .blog .entry-meta {
	position: relative;
}
.single .entry-meta .posted-on, .blog .entry-meta .posted-on {
	background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
}
.blog .entry-meta .posted-on{
	padding-bottom:5px;
}
.single-post #primary .entry-meta a{
	border-bottom:none;
}


/********************************* end SINGLE POSTS ******************************/

.website-design a:hover, .inner-hero, .inner-hero h2, .gethelp-box .wpb_text_column, .gethelp-box .wpb_text_column a, .white-to-dark-link,
.volunteer-box .wpb_text_column, .volunteer-box .wpb_text_column a, .other-help-boxes a, .wppsac-post-slider .wppsac-post-date, .wppsac-post-carousel .wppsac-post-date,
.wppsac-post-carousel.design-1 a.wppsac-readmorebtn, .donation-box .wpb_text_column a:hover, .fundraiser-box .wpb_text_column a:hover,
.home-gethelp h2,.home-volunteer h2, footer .footer-details .two-f p span, .contact-no-email-wrap h5, footer .footer-details .three-f a:hover, #volunteer-form [type="submit"]:hover,
.contact-no-email-wrap a, .inner-hero .banner-btn a:hover, div.full-width-content-news .hero-news h2, #donate-page .donate-btn a:hover,
#footer-bottom a:hover{
	color:#fff !important;
}


.contact-no-email-wrap .aio-icon-component{
	margin-bottom: 20px;
}
.contact-no-email-wrap .aio-icon-description p{
	margin: 10px 0;
}

.contact-no-email-wrap .aio-icon-box.left-icon {
    display: flex;
    justify-content: center;
}
.contact-no-email-wrap a{
	text-decoration:none;
}
.contact-no-email-wrap a:hover{
	text-decoration:underline;
}
/*********************** end contact **************************/

div.full-width-content-news {
    background-image: url(/wp-content/uploads/2021/11/donna-spearman-Kml12zn10wI-unsplash-1.jpg);
    height: 276px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    
    position: relative;
}
div.full-width-content-news::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
	background: #02011988;
}
div.full-width-content-news .hero-news {
	top: 200px;
    position: relative;
    width: 1120px;
    margin: 0 auto;
}
.blog .article-box{
	border: none;
    padding: 0;
}
.blog .col-lg-6:nth-child(even) .article-box{
	padding: 0 60px 0 0;
}
.blog .col-lg-6:nth-child(odd) .article-box{
	padding: 0 0 0 60px;
}
.blog .post-thumbnail img{
	
}
.blog header.entry-header{
	margin-top:8px;
}
.blog .post-thumbnail{
	margin:0;
	min-height: 300px;
    max-height: 300px;
    background: #8F6C95;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
	overflow:hidden;
}
.blog .entry-meta .posted-on, .blog .readmore{
	font-size: 13px;
}
.blog .article-box h3.entry-title {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 32px;
    min-height: 110px;
    max-height: 110px;
    overflow: hidden;
}
.blog #primary{
	margin-top:50px;
}
.blog .readmore{
	
}

.post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a{
	border-radius:0;
	
}

/*********************** end news **************************/

.full-width-colored .vc_column-inner{
	max-width: 1120px;
    margin: 0 auto;
    color: #fff;
}
/*********************** end about **************************/

.other-help-boxes .gethelp-box .vc_column-inner{
	padding: 0 50px !important;
}
.other-help-boxes a{
	word-break: break-all;
}
#donate-page .donate-btn a{
	text-decoration: none;
}
#donate-page .donate-btn a:hover{
	border-color:#df6a2e !important;
}
#bg-bottom-position{
	background-position:bottom;
}
/*********************** end get help **************************/

footer .widget img{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height:25px;
}
.footer-column{
	padding:40px 0;
}

footer .footer-details {
	border-bottom:1px solid #fff;
}
footer .footer-details .one-f {
	padding-right: 0;
    max-width: 30%;
}
footer .footer-details .two-f .aligner{
	display: grid;
    padding: 20px 0;
	justify-content: space-evenly;
}
footer .footer-details .three-f .aligner{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
footer .footer-details .two-f p{
	margin:0;
}

footer .footer-details .three-f a, #volunteer-form [type="submit"]{
	padding: 10px 40px;
    border: 1px solid #e96a2e;
	
}
.footer-details .two-f a{
	color:#df6a2e !important;
}
.footer-details .two-f a:hover{
	color:#fff !important;
}

#footer-bottom, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover, #volunteer-form [type="submit"]:hover{
	background:#e96a2e !important;
	
}
footer .copyright, footer .website-design{
	line-height: 16px;
}
.footer-details .two-f p, footer .footer-details .three-f a, .single-post h2.entry-title, .blog h3 a:hover, .blog .readmore, #volunteer-form [type="submit"]{
	color:#e96a2e !important;
}
.single-post .navigation.post-navigation{
	margin-bottom:3em;
}
footer .footer-details .two-f p span.tel{
	padding-right:20px;
}
footer .footer-details .three-f a:hover{
    background:#e96a2e;

}
#footer-top, .footer-details,footer.site-footer{
	background:#243746 !important;
}
#footer-top .bfb-address p, #footer-top .bgfb-address p{
	margin-bottom:0;
}
#footer-top aside#block-12, #footer-top aside#block-12 p, #footer-top aside#block-13, #footer-top aside#block-13 p{
	margin-bottom:0;
}
#footer-top .bgfb-address{
	margin: 30px 0;
}
#footer-top #menu-main-menu-1 li, #footer-top #menu-footer li{
	margin-bottom: 31px;
}
#footer-top #menu-main-menu-1 li.menu-item-24, #footer-top #menu-footer li.menu-item-67{
	margin-bottom: 0;
}

#footer-top ul li a, .blog .article-box h3.entry-title, .donate-btn a, .single-post h2.entry-title, div.full-width-content-news .hero-news,
.other-help-boxes h5, #volunteer-form [type="submit"]{
	text-transform:uppercase;
}
#footer-top ul li a{
	font-size: 13px;
}
#footer-top .footer-soc{
    margin-top: 132px;
}
#footer-top .footer-soc img.tw{
	margin:0 20px;
}
#footer-top .bfb-address::before{
	content:url(/wp-content/uploads/2021/11/MapPin_BOW_Icon.png);
}

#footer-top .bfb-address::before, #footer-top .bgfb-address::before{
	position: absolute;
    left: -30px;
    top: -4px;
}
#footer-top .bgfb-address::before{
	content:url(/wp-content/uploads/2021/11/MapPin_BethnalYellow_Icon.png);
}
#footer-top .bfb-address, #footer-top .bgfb-address{
	
	position: relative;
    
}
#footer-top #block-7{

}
.mobile, #m-compnos, footer #menu-main-menu-1 li.menu-item-23, #comments, span.byline, .single-post #secondary, .single .navigation, .blog #secondary, .blog .comments-link,
footer .sub-menu, footer #footer-top #menu-main-menu-1 li:last-child{
	display:none !important;
}
.footer-column{
	border-bottom:0;
}

.toggle-nav i{
	color:#fff;
}
/********************************* custom end **************************************************/

.navbar-brand, 
.sticky .entry-title::before, 
.donate-btn a, 
.main-navigation .menu > li > a:hover, 
#button, 
.sidebar input[type="submit"], 
.comment-respond input#submit, 
.post-navigation .nav-previous a:hover, 
.post-navigation .nav-next a:hover, 
.posts-navigation .nav-previous a:hover, 
.posts-navigation .nav-next a:hover, 
.woocommerce .woocommerce-ordering select, 
.woocommerce ul.products li.product .onsale, 
.woocommerce span.onsale, .pro-button a, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.wp-block-button__link, 
.serv-box:hover, 
.woocommerce-account .woocommerce-MyAccount-navigation ul li, 
.btn-primary, 
.toggle-nav.mobile-menu button,
.sidebar button[type="submit"],
.sidebar .tagcloud a:hover{
    background: #03b664;
}

a,.sidebar a:hover, 
#colophon a:hover,
#colophon a:focus, 
p.price, 
.woocommerce ul.products li.product .price, 
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.woocommerce-message::before, 
.woocommerce-info::before,
.donate-btn a:hover,
.causes-inner-box li a{
    color: #03b664;
}

.wp-block-quote, 
.wp-block-quote:not(.is-large):not(.is-style-large), 
.wp-block-pullquote,.btn-primary{
    border-color: #03b664 !important;
}

a, h1, h2, h3, h4, h5, h6,
.main-navigation .menu > li > a{
    color: #1e2736;
}

.sidebar h5,
#button:active,
#button:hover,
.donate-btn a:hover,
.socialmedia,
#colophon,
.main-navigation .sub-menu > li > a:hover, 
.main-navigation .sub-menu > li > a:focus{
    background: #1e2736;
}

#top-slider .owl-carousel .owl-item img {
    opacity: 0.5;
}

.slider-inner-box {
    right: 50%;
    left: 15%;
}

.slider-inner-box a h2 {
    color: #fff;
    font-weight: bold;
    font-size: 45px;
}

#causes-sec h3 {
    font-size: 35px;
    border-left: solid 4px #03b664;
    padding-left: 15px;
}

.causes-box {
    text-align: center;
    border: solid 1px #eee;
}

.causes-inner-box {
    padding: 15px;
}

.causes-inner-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.causes-inner-box li {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
}

.causes-inner-box h4 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

#volunteer-form [type="submit"]{
	font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 720px){
    .sidenav{
        background: #1e2736;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
        color: #fff;
    }
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
    .slider-inner-box a h2 {
        font-size: 30px;
    }
}




@media screen and (min-width: 768px) and (max-width: 1023px){
	
	.toggle-nav i {
		color: #fff;
	}
    .sidenav{
        /*background: #1e2736;*/
    }
    .toggle-nav.mobile-menu {
        text-align: right;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
       /* color: #fff;*/
    }
	.navbar {
		margin-left: 0;
	}
	.navbar-dark .navbar-brand{
		padding:0;
	}
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 165px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
    .home .inner-hero {
		padding: 60px 20px;
	}
}


@media screen and (max-width: 1199px) {
	div.full-width-content-news .hero-news{
		width: auto;
		left: 0;
		margin: 0;
	}
	div.full-width-content-news .hero-news h2{
		margin-left:30px;
	}
	#faq-wrap .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
		position: absolute;
		right: -15px;
		top: 0;
	}
	#faq-wrap .vc_toggle {
		padding: 22px 23px 22px 13px;
	}
	.full-width-colored .vc_column-inner{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.blog .post-thumbnail{
		min-height: 260px;
		max-height: 260px;
	}
	#contact-foodbank-addresses #map .vc_column-inner, #bg-img-row .vc_column-inner{
		background-position: center;
	}
}

@media screen and (max-width: 1024px) {
	
	.home-gethelp .gethelp-box, .home-volunteer .volunteer-box,.home-donation .donation-box, .home-fundraiser .fundraiser-box{
		width:60%;
	}
}
@media screen and (max-width: 1000px) {
	.home .inner-hero {
		padding: 60px 20px 30px;
	}
	.sidenav,.main-navigation .menu > li > a{
		color:#fff;
	}
	.sidenav{
		background:#243746;
	}
	#mySidenav .main-navigation .menu > li > a{
		font-size:20px;
	}
	#menu-main-menu{
		padding:30px;
		width:100%;
	}
	.main-navigation .menu > li > a:hover .sub-menu,
	nav li.menu-item:hover>ul, nav li.menu-item a:hover>ul,
	.main-navigation .menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu{
		display: block !important;
		
	}
	.menu-main-menu-container, .main-navigation .sub-menu{
		width:100% !important;
	}
	.main-navigation .sub-menu > li > a {
		font-size: 14px;
		display: block;
		padding: 10px 30px;
		position: relative;
	}
	
}
@media screen and (max-width: 991px) {
	.blog .post-thumbnail {
		min-height: 230px;
		max-height: 250px;
		background: none;
	}
	.bc-box{
		max-width: 100% !important;
	}
	#contact-bfb-info #contact-bfb-left .vc_column-inner .wpb_wrapper {
		width: 100%;
	}
	.home-gethelp .home-gethelp-inner .vc_column-inner, .home-volunteer .home-volunteer-inner .vc_column-inner{
		background-image: none !important;
		margin:0;
	}
	.home-gethelp .gethelp-box, .home-volunteer .volunteer-box, .home-donation .donation-box, .home-fundraiser .fundraiser-box {
		width: 100% !important;
		margin: 0 !important;
	}
	#foodbanks-wrap .right-side .wpb_wrapper, #foodbanks-wrap .left-side .wpb_wrapper {
		max-width: 95%;
	}
	header .container .row{
		justify-content: normal;
		position: relative;
	}
	#contact-bfb-info #contact-bfb-left .vc_column-inner, #contact-bgfb-info #contact-bgfb-right .vc_column-inner{
		padding: 50px 20px 60px 20px;
	}
	.home-volunteer .volunteer-box {
		margin: 0 0 0 !important;
	}
	#home-recent-news {
		margin-top: 0;
	}
	.navbar-brand{
		width: 65%!important;
	}
	#mobile-menu-btn {
		position: absolute;
		right: 3%;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 160px;
	}
	footer ul.menu {
		padding-top: 0 !important;
	}
	#footer-top .container, #footer-bottom .container{
		max-width: 830px !important;
	}
	#footer-top .footer-soc img.tw {
		margin: 0 7px;
	}
	/*#footer-top .footer-column .row div:nth-child(1){
		max-width: 60%;
	}
	#footer-top .footer-column .row div:nth-child(2){
		
	}
	#footer-top .footer-column .row div:nth-child(3){
		max-width: 20%;
		flex: 20%;
	}*/
	
}
@media screen and (max-width: 950px) {
	.navbar-brand{
		width: 65% !important;
	}
	#mobile-menu-btn {
		right: 3% !important;
	}
	#home-spnsr .wp-image-146{
		width:80%;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 130px !important;
	}
	#footer-top .footer-column .row .first-box{
		max-width: 60%;
		flex: 60%;
		padding-left: 40px;
	}
	#footer-top .footer-column .row .second-box, #footer-top .footer-column .row .third-box{
		max-width: 20%;
		flex: 20%;
	}
	
}
@media screen and (max-width: 870px) {
	#mobile-menu-btn {
		right: 0;
		width: 8%;
	}
	.donate-btn {
		width: 150px;
		max-width: 100%;
		right: 0;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg{
		height:117px!important;
	}
	
}
@media screen and (max-width: 780px) {
	
	#foodbanks-wrap #right-foodbank .wpb_wrapper, #foodbanks-wrap #left-foodbank .wpb_wrapper{
		width: 100%;
		max-width: none;
		
	}
	#foodbanks-wrap #left-foodbank .vc_column-inner,#foodbanks-wrap #right-foodbank .vc_column-inner{
		padding:60px;
	}
	#footer-bottom{
		padding: 10px;
	}
	.site-info {
		padding: 5px 0;
		
	}
	#colophon .footer-menu-left, .site-info{
		text-align: center;
	}
	p#breadcrumbs{
		margin-top:10px;
	}
}
@media screen and (max-width: 770px) {
	
	.navbar-brand {
		width: 45% !important;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 112px	!important;
	}
	.footer-details .container{
		max-width: 830px;
	}
	.footer-details .container .row{
		justify-content: center;
	}
	footer .footer-details .one-f{
		padding:0;
	}
	footer .footer-details .one-f img{
		padding:10px 0;
	}
	footer .footer-details .two-f {
		max-width: 41%;
	}
	footer .footer-details .three-f {
		max-width: 25%;
	}
	
}
@media screen and (max-width: 767px) {
	.blog .col-lg-6:nth-child(even) .article-box, .blog .col-lg-6:nth-child(odd) .article-box{
		padding:0;
	}
	.blog .post-thumbnail {
		min-height: 170px;
		max-height: 170px;
	}
	.single-post #primary {
		margin: 40px auto 0;
		max-width: 100%;
	}
	.bg-imgs-row{
		display:none !important;
	}
	#additional-pad-1,#additional-pad-2{
		padding:0 20px;
	}
}
@media screen and (max-width: 765px) {
	.navbar-brand {
		width: 40% !important;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 191px!important;
	}
	.bg-imgs-row{
		display:none !important;
	}
	#m-green1 .vc_column-inner, #m-green2 .vc_column-inner{
		background-color:#a1d683 !important;
	}
	#m-yellow1 .vc_column-inner, #m-yellow2 .vc_column-inner{
		background-color:#ffd040 !important;
	}
	
	#contact-bfb-info #contact-bfb-left .vc_column-inner, #contact-bgfb-info #contact-bgfb-right .vc_column-inner {
        padding: 20px !important;
    }
	
}
@media screen and (max-width: 680px) {
	#faq-wrap .vc_toggle_title {
		width: 97%;
	}
	.navbar-brand {
		width: 35% !important;
	}
	.navbar-dark .navbar-brand {
		padding: 0;
	}
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 157px!important;
	}
	footer .footer-details .one-f, footer .footer-details .two-f, footer .footer-details .three-f{
		max-width:100%;
		justify-content: center;
		display: flex;
	}
	.footer-column{
		padding: 20px 0 0;
	}
	footer .footer-details .three-f .aligner{
		padding: 0 0 20px;
	}
	
}

@media screen and (max-width: 641px) {
	#home-recent-news .wppsac-post-carousel.design-1 div.wppsac-post-image-bg {
		height: 100%!important;
	}
	.inner-hero .uvc-sub-heading{
		width: 90%;
	}
	#footer-top .footer-column .row .first-box {
		max-width: 100%;
		flex: 100%;
		padding: 0 40px;
	}
	footer .footer-details .one-f{
		text-align:center;
	}
	footer .footer-details .one-f img{
		width: 60%;
	}
	/*footer .footer-details .two-f .aligner {
		display: flex;
		padding: 20px 0;
		justify-content: space-evenly;
	}*/
	footer .footer-details .two-f p {
		padding: 0 10px;
	}
	#footer-top #block-7, #footer-top #block-11 {
		display: flex;
		justify-content: space-evenly;
	}
	#footer-top #block-11{
		position:relative;
		left:-14px;
	}
	#footer-top .footer-column .row .second-box{
		max-width: 53%;
		flex: 54%;
		display: flex;
		justify-content: center;
	}
	#footer-top .footer-column .row .third-box{
		max-width: 45%;
		flex: 45%;
	}
	#footer-top #menu-main-menu-1 li, #footer-top #menu-footer li {
		margin-bottom: 5px;
	}
	#footer-top aside#block-12 p, #footer-top aside#block-13{
		display:none;
	}
	#footer-top .footer-soc {
		margin-top: 50px;
	}
	.mobile{
		display:inline-block !important;
	}
	#m-compnos{
		width: 100%;
		text-align: center;
		display:inline-block !important;
	}
	#m-compnos p{
		margin-bottom:2px;
	}
	#m-compnos .row{
		display: grid;
	}
	/*#footer-top .footer-column .row .second-box::after{
		content: 'Company number: 08852728 <br> <strong>Charity number:</strong> 1162185';
	}*/
}

@media screen and (max-width: 638px) {
	#home-recent-news .wppsac-post-title {
		height: 100%;
	}
	#home-recent-news .wppsac-sub-content {
		padding: 0 0 10px;
		min-height: 100%;
		max-height: 100%;
	}
}
@media screen and (max-width: 575px) {
	footer .footer-details{
		display:none;
	}
	.blog .col-lg-6:nth-child(even) .article-box, .blog .col-lg-6:nth-child(odd) .article-box{
		padding: 0 10px;
		margin-bottom: 40px;
	}
	.blog .article-box h3.entry-title, .blog .post-thumbnail{
		min-height: 100%;
		max-height: 100%;
	}
	.blog .article-box h3.entry-title{
		margin-bottom: 10px;
	}
	nav.navigation.posts-navigation{
		margin: 0 20px 20px;
	}
}
@media screen and (max-width: 500px) {
	.navbar-brand{
		padding-top: 10px !important;
		width: 40% !important;
	}
	.donate-btn{
		right:-35px;
	}
	.inner-hero h2, .home-gethelp h2, .home-donation h2, .home-volunteer h2, .home-fundraiser h2, 
	.single-post h2.entry-title, #faq-wrap h2.vc_custom_heading, .blog h3 a, .other-help-boxes h5,
	.aio-icon-box h2{
		font-size: 25px;
	}
	.home .inner-hero {
		padding: 25px 20px 30px;
	}
	#foodbanks-wrap #left-foodbank .vc_column-inner, #foodbanks-wrap #right-foodbank .vc_column-inner{
		padding:60px 40px 40px;
	}
}
@media screen and (max-width: 440px) {
	#breadcrumbs span span span a{
		padding:0 5px;
	}
	.breadcrumb_last {
		padding-left: 5px;
	}
	#logo-wrap{
		position: absolute;
		left:0;
	}
	
	.donate-btn {
		right: -45px;
	}
	.donate-btn a{
		padding: 10px 20px !important;
	}
	#mobile-menu-btn {
		right: 4% !important;
	}
	.navbar-brand{
		width: 45% !important;
	}
}
@media screen and (max-width: 425px) {
	.donate-btn {
		right: -52%;
		max-width: 110px;
	}
	#mobile-menu-btn {
		right: 5% !important;
	}
	#mobile-menu-btn .toggle-nav button{
		padding: 0 5px;
		
	}
}
@media screen and (max-width: 400px) {
	.navbar{
		display:block;
	}
	.donate-btn {
		right: -52%;
	}
	.navbar-brand {
		width: 50% !important;
	}
	#logo-wrap {
		padding: 0;
	}
	#home-recent-news .wppsac-post-carousel.design-1 .wppsac-carousel-slides {
		padding: 0 40px;
	}
	#mobile-menu-btn {
		right: 5% !important;
	}
	#footer-top #block-7, #footer-top #block-11{
		display: inline-block;
		padding-left: 60px;
		padding-right: 10px;
	}
	#footer-top #block-11{
		left:0;
	}
	#footer-top .footer-column .row .first-box{
		padding:0;
	}
}
@media screen and (max-width: 360px) {
	.donate-btn {
		right: -50%;
	}
	
	#mobile-menu-btn {
		right: 8% !important;
	}
	#foodbanks-wrap #left-foodbank .vc_column-inner, #foodbanks-wrap #right-foodbank .vc_column-inner{
		padding:50px 20px 40px;
	}
	.home-gethelp .gethelp-box, .home-volunteer .volunteer-box, .home-donation .donation-box, .home-fundraiser .fundraiser-box {
		padding:20px 20px;
	}
	
	#footer-top #block-7, #footer-top #block-11{
		padding-left:45px;
	}
}
@media screen and (max-width: 340px) {
	.donate-btn {
		right: -45%;
	}
	.donate-btn a{
		padding:10px 8px !important;
	}
}
@media screen and (max-width: 300px) {
	.donate-btn {
		right: -43%;
	}
}

@media screen and (max-width: 285px) {
	.donate-btn {
		right: -41%;
	}
}



/*******************************************************************************************
@media screen and (max-width: 991px){
    #contact-bfb-info #contact-bfb-left .vc_column-inner .wpb_wrapper {
        width: auto;
    }
    #contact-bfb-info #contact-bfb-left .vc_column-inner,
    #contact-bgfb-info #contact-bgfb-right .vc_column-inner{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height:100%;
        max-height:100%;
    }
}
@media screen and (max-width: 767px){
    #contact-bfb-info {
    display: -webkit-box; 
    display: -moz-box;
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical;
    }
    
    #contact-bfb-left { 
    -webkit-box-ordinal-group: 2; 
    -moz-box-ordinal-group: 2; 
    box-ordinal-group: 2; 
    } 
    
    #map { 
    -webkit-box-ordinal-group: 1; 
    -moz-box-ordinal-group: 1; 
    box-ordinal-group: 1;
    }
    
    #contact-bgfb-info #contact-bgfb-right .wpb_wrapper .wpb_text_column,
    #contact-bfb-info #contact-bfb-left .wpb_wrapper .wpb_text_column{
        margin:0;
    }
    
    #contact-bfb-info #contact-bfb-left .vc_column-inner, 
    #contact-bgfb-info #contact-bgfb-right .vc_column-inner{
        padding-top:35px;
    }
    
    #contact-foodbank-addresses #map .vc_column-inner, 
    #bg-img-row .vc_column-inner {
        background-position: 0 0;
        min-height: 300px;
    }
}

@media screen and (max-width: 575px){
    #contact-foodbank-addresses #map .vc_column-inner,
    #bg-img-row .vc_column-inner {
        background-position: center;
        
    }
}

******************/