#sp-top-bar{background: #7b59a5 !important;     padding: 2px 0 !important;  color: #fff; }
#sp-top-bar a{color:#fff;}
#sp-top-bar a:hover,.sp-megamenu-parent > li:hover .sp-menu-badge{color: #cca321;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 87px !important;}
#sp-header .logo {height: 87px !important;}
#sp-header {height: 87px;}
.sp-page-title {background: #7b59a5;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a , .sp-megamenu-parent > li:hover > a {color: #cca321; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #cca321; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 87px; font-size: 18px; font-weight: 600 !important;}
.com-osgallery .copyright-block{display: none !important;}

/*styled header*/
#sp-header{background: transparent !important; box-shadow: none !important;}
#sp-header .logo,#sp-menu ul.sp-megamenu-parent{ background: rgba(255,255,255,0.6); }
#sp-main-body{margin-top: -87px;}


#sp-header .logo{ padding: 0px 15px;}

.header-sticky #sp-header{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10) !important;}
.header-sticky .container-inner{ background: rgba(255,255,255,0.8);}
.header-sticky .logo, .header-sticky #sp-menu ul.sp-megamenu-parent{background: transparent !important;}
.header-sticky #sp-menu ul.sp-megamenu-parent{padding-right:5px !important;}
/*End styled header*/

/*Slideshow section*/
#home-slideshow .homeslideshow img{height: 98% !important; }

#home-slideshow .sppb-row-container{ padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; max-width: 100% !important; }
#home-slideshow .slide-desc-box.light-shadow > div > div {box-shadow: none !important;}
#home-slideshow .slide-desc-box .slide-title{background: rgba(0,0,0,0.6); padding: 0px 5px;}
#home-slideshow .slide-desc-box .slide-desc{margin-top: 10px; background: rgba(0,0,0,0.6); padding: 0px 10px;}
#donate-tosupport .sppb-addon-title,#donate-tosupport .sppb-addon-content{color: #ccc;}
#donate-tosupport .sppb-addon-content{margin-bottom: 10px;}
/*End slideshow section*/

/*Home page content*/
#childrenneedus .introblock{width: 60%; margin: 0 auto;}
#childrenneedus .introblock h3{ text-transform: uppercase; font-weight: 300; text-align: center;
    padding-bottom: 35px; position: relative; background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(74% - 1px), 
        rgba(192,192,192,1) calc(74%), 
        rgba(0,0,0,0) calc(74% + 1px)
    ); }
#childrenneedus .introblock h3:before{border-bottom-width: 15px; border-bottom-style: solid; border-left: 12px solid transparent;
    border-right: 12px solid transparent; left: calc(50% - 12px); }
#childrenneedus .introblock h3:before,#childrenneedus .introblock h3:after{content: ""; display: block; width: 0; height: 0; 
bottom: 12px; position: absolute; border-bottom-color:#cca321; }
#childrenneedus .introblock h3:after{border-bottom: 13px solid #f0f2f3; border-left: 10px solid transparent;
    border-right: 10px solid transparent; margin: 1px; position: absolute; left: calc(50% - 11px);}

#childrenneedus .sppb-icon i,#childrenneedus .introblock h3{color: rgba(123, 89, 165, 0.7) !important;}

#needysuccessstories h3{font-weight: 300 !important; color: rgba(123, 89, 165, 1) !important; }

#needysuccessstories .needycauses .needycontent{width: 48%; float: left; margin-right: 5px; margin-top: -6px;}
#needysuccessstories .needycauses .needyvideo{width: 48%; float: left; margin-right: 5px;}

#needysuccessstories .successstories .needycontent{width: 48%; float: left; margin-right: 5px;}
#needysuccessstories .successstories .needyvideo{width: 48%; float: left; margin-right: 5px;}

#needysuccessstories .imageholder{width:40%; float: left; max-height: 120px; overflow-y: hidden;}
#needysuccessstories .imageholder img{margin: 5px 10px 5px 0px; border:2px solid #eee;}
#needysuccessstories .singlecontent{margin: 5px 0px;}
#needysuccessstories .singlecontent .needyreadmore a{color: #1e704a; font-size: 13px;}

#needysuccessstories .needycontent .imageholder,#needysuccessstories .successstory .imageholder{width:100%; !important} 
#needysuccessstories .needycontent .secdesc,#needysuccessstories .successstory .secdesc{width:100%;} 
#needysuccessstories .needycontent .singlecontent {margin-top:0px !important;}

#needysuccessstories h3{color: #1e704a !important;}
#needysuccessstories .sectitle h4{color: #1e704a; font-size: 1.05em; font-weight: 500; margin-top: 5px;}
.needyreadmore {margin-top: -10px;}
.singlesuccessstory{width: 50%; float: left;} 

#needysuccessstories .singlesuccessstory .imageholder{max-height: 75px !important;}
#needysuccessstories .singlesuccessstory .singlecontent{padding-right:10px;}

.clr{clear: both;}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {background: #cca321 !important; }
#sp-footer .container-inner { padding: 30px 0 !important; border-top: 1px solid #cca321; }
#sp-footer, #sp-bottom {background: #7b59a5 !important;}
#sp-footer a, #sp-bottom a {color: #cca321;}
.about-us .beyi-logo{width: 15%; float: left;}
.about-us .beyi-logo img{width: 70%; margin: 5px 20px;}
.about-us .beyi-introtext{width: 75%; float: left;}
#sp-bottom {padding: 20px 0 20px !important;}
#sp-bottom h3{font-weight: 300;}

.followusholder{ margin-top: 30px;}

.followusholder ul{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }

.about-us .beyi-logo{width: 15%; float: left;}
.about-us .beyi-logo img{width: 70%; margin: 5px 20px;}
.about-us .beyi-introtext{width: 75%; float: left;}
#sp-bottom {padding: 20px 0 20px !important;}
#sp-bottom h3{font-weight: 300;}

.followusholder{ margin-top: 30px;}

.followusholder ul{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }

.view-contact #sp-main-body { padding-bottom: 0px !important; }
.view-contact .contact-address{float: right; width: 25%; }
.view-contact .contact-form{     width: 72%; float: left;}

.container h3{color:#7b59a5 !important; font-size: 1em !important; }


#osdonatestatic, #osdonatesticky {padding: 0; background: #689425; color: #fff; font-size: 13px; 
	border-bottom: 3px solid rgba(0,0,0,0.3); }

#osdonatestatic, #osdonatesticky {background: #2184cd; }

.osdonate-introtext:before { border-style: solid; content: ""; height: 0; position: absolute;
    width: 0; border-color: rgba(0,0,0,0.3) transparent transparent;
    border-width: 8px 8px 0; left: 50%; bottom: -8px; margin-left: -8px; }

#sp-right .sp-module { border: none !important;}

.osdonate-introtext {background: rgba(0,0,0,0.3); margin-bottom: 0; text-align: center;
    position: relative;  line-height: 18px; }
.osdonate-form, .osdonate-introtext { padding: 20px; text-align: center !important; }

.osdonate-form input[type="text"]{width: 80px !important; float: left !important; margin-left: 55px !important; }
#osdonate-form select {width: 100px !important; min-width: 100px !important;}
.makedonation{padding-top: 0px !important;}

.followusholder{ margin-top: 30px;}

.followusholder ul{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }
#sp-page-builder #aboutusblock{margin-top: 50px !important;}
.missionvision .sppb-addon-content{border-left:7px solid #0095da; position:relative; margin-top:10px;}
.missionvision .sppb-addon-content:before{position:absolute; display:block; content:''; border-left:3px solid #cca321; height:100%; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.missionvision .sppb-addon-content blockquote{ margin-left: 15px;}
#sp-page-builder #aboutusblock {margin-top: 50px !important;}

.missionvision .sppb-addon-content blockquote { margin-left: 15px;}

.article .article-intro-image{height:180px; overflow-y: hidden; }
.article a .article-intro-image img {display:block; margin:auto; transition: transform 1s; }

.article a .article-intro-image img:hover {
  transform: scale(1.2);  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*End home page content*/

/*#slideshowholder .sppb-row-container{width:100% !important; padding-right: 0px !important; padding-left: 0px !important; } 
body.helix-ultimate .sppb-row-container {width: 100% !important;}

@media (min-width: 1200px){
  body.helix-ultimate .sppb-row-container { width:100% !important; }
}
*/