/* HEADER OPTIONS */
body,html 											{ overflow-x: hidden; background:#ffffff}
#header											{ z-index:999999; position:fixed; top:0; left:0; width:100%; background-color: #000 !important; }
#content										{ z-index:400; }
.logo 											{ left:5px; top:20px; position:relative; background-image:url(/wp-content/uploads/2019/10/Component-1.svg); display:block; width:219px; height:38px; -webkit-transition: background-image 1s ease-out;  -moz-transition: background-image 1s ease-out; -o-transition: background-image 1s ease-out; transition: background-image 1s ease-out;}
 .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0 17.5px;
}
.vc-content 									{ padding: 0 15px;}
#page-image .wpb_text_column.wpb_content_element {
    display: block;
    width: max-content;
    margin: auto;

}
#page-title {
    max-width: 1240px;
    /* position: absolute; */
    margin: auto;
    text-align: center;
    padding: 30px 0 0 0;
	margin-bottom: -40px;
}

.com-description p {color:#fff}

.job-title {color:#fff; font-family:'heebo'}
.shorten-row {
    max-width: 680px;
    margin: auto;
}
li.donate-btn a {
    color: #1db954 !important;
}
.add-border {
    margin-bottom: 50px;
    border-right: 1px solid #ccc;
}

.button, button{background-color: #1db954 !important;}

#content.blogpage {margin-top:130px;min-height:65vh}

#banner-one {height:690px; background-image:url('/wp-content/uploads/2019/10/Group-24.jpg'); background-repeat:no-repeat; background-position: center center; background-size: contain;  }
.increase-height {height:330px;}
.green {background:#1DB954; color:#fff; padding:5px 10px}

 

#banner-two {background-image:url('/wp-content/uploads/2019/10/no-more.png'); background-repeat:no-repeat; background-position-y:50px !important;}

.blog-title h4{font-weight:900; color:#1db954; margin:0;font-size:18px; line-height:20px}
.blog-date p{font-size:14px; line-height:16px;  text-transform:uppercase}
.blog-excerpt p{font-size:16px; line-height:20px; font-weight:400;}
/* TYPOGRAPHY */
#content.subpage h1 {
    font-size: 55px;
    line-height: 65px;
    color: #000;
    font-weight: 900;
    display: inline-block;
    padding: 0;
    margin: 30px 0 0 0;
    padding: 0;
	border-bottom: 0;}

::selection		{background: #1DB954 ; color: #fff ; }

.vc_btn3.vc_btn3-style-custom {

    background-image: none !important;

}



#page-image h1 									{ font-size:50px; text-transform:none !important; line-height:50px}
h2, h3 											{ margin:0 0 30px 0}
strong											{ font-weight:800}
li {
    margin: 0 0 20px 0;
}

.our-community h4 {color:#000}

/* BUTTONS */
.button, button 								{ text-transform:uppercase; font-weight: 700; font-family: 'Heebo';}

/* HERO */
#hero 											{ height:60vh}

/* BUCKETS */
.bucket a										{ color:#ef4c25}

/* PAGE IMAGE */
#page-image 									{ height:450px; }

/* DIVIDER */
.divider 										{ min-height:400px !important; padding:35px}

/* FOOTER  */

#community  {
 margin-bottom: 20px;   
}

.vc_gitem_row.vc_row.vc_gitem-row-position-top {
    padding: 25px 0 0 0 !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover{    padding: 25px 0 0 0 !important;}
#footer .community p, #footer .community h4	{color: #000;	}




#footer											{ position:relative; width:100%;}
#footer p 										{ margin:0}
#footer h4 {font-size:23px; margin-top: 10px;}
#hero h1 {
    display: table;
    margin: auto;

    padding: 10px;
}
div#page-header {
    display: block;
    position: relative;
    text-align: center;
    margin: 120px auto 0px auto;
    height: 425px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1240px;
	background-position:center;
}

#page-title h1 {
    color: black;
}
#page-title h1:after {
    content: "";
background:#000;
    height: 5px;
    width: 75px;
    display: inline-block;
    margin: 0px 0px 13px 15px;
}



#page-title h1:before {
	background:#000;

    content: "";
    height: 5px;
    width: 75px;
    display: inline-block;
    margin: 0px 15px 13px 0;
}

.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title { visibility:hidden;display:none;}
 span.menu-image-title-after.menu-image-title { visibility:hidden;display:none;}
li {
    margin: 0 0 5px 0;
}

#footer p {color:#fff; font-size:16px;}
#copyright p {font-size:12px;}


/* NAVIAGATION */
#nav-menu 										{ z-index: 30; position: absolute; right:0; top: 30px;}
 

#nav-menu ul 									{ text-align: left; display: inline; margin: auto;  list-style: none; width: auto; }
#nav-menu ul li 								{ display: inline-block; margin-right:0; margin-bottom: 0; position: relative; padding: 0 30px 0 0px;  background: none; cursor: pointer;}
#nav-menu ul li  								{ font-weight:600;    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 15px; }
#nav-menu ul li ul 								{ padding: 23px 0 0 0; position: absolute; left: 0px; width: 200px; display: none; opacity: .25; visibility: hidden;  }
#nav-menu ul li ul li 							{ display: block;text-align: left; padding: 5px; }

#nav-menu ul li ul li a 						{  display: block }
#nav-menu ul li:hover ul 						{ display: block; opacity: 1; visibility: visible; }
#nav-menu .active>a 							{ background: none; }
#nav-menu ul li:hover ul 						{ display: block; opacity: 1; visibility: visible; }
#nav-menu ul li:last-child {
    padding-right: 20px;
}
#footer #nav-menu {
    z-index: 30;
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    text-align: center;
}


.menu-social-media-container {
    right: 0;
    position: absolute;
    top: 35px;
}
li.donate-btn.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 {
    font-weight: 900 !important;
    text-transform: uppercase;
}

.menu>li>a 										{ padding: 0;}
.sfm-navicon-button {
    visibility: hidden;
 }
/* VISUAL COMPOSER */
#header p										{ margin:0}

/* Contact page fix */

#header {
	background-color: rgba(255, 255, 255, 0);
}

.logo {
	background-image: url(/wp-content/uploads/2019/10/Component-1.svg);
}

#header.ui-inverse {
	background-color: rgba(0, 0, 0, 1);
}

.logo.ui-inverse {
	background-image: url(/wp-content/uploads/2019/10/Component-1.svg);
}

#nav-menu ul li a {
	color: #fff;
}

.ui-inverse #nav-menu ul li a {
	color: #fff;
}