/*
 Theme Name:   Benevolent Child
 Theme URI:    https://raratheme.com/wordpress-themes/benevolent/
 Description:  Benevolent Child Theme
 Author:       Marie McConnell
 Author URI:   http://katmcconnell.com
 Template:     benevolent
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, responsive-layout, non-profit
 Text Domain:  benevolent-child
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600|Work+Sans:700,900');


body {font-family: 'Open Sans', sans-serif; color: #121212;}
h1, h2, h3 {font-family: 'Work Sans', 'Open Sans', sans-serif; letter-spacing: .03em}
h4, #primary .page .entry-content h4 {font-size: 20px;}
#primary .page .entry-header .entry-title {font-size: 40px; font-weight: 900; text-transform: uppercase; color: #176D3D; line-height: 42px;}
#primary {padding-right: 30px;}
#primary .post .entry-content h2, #primary .page .entry-content h2 {font-size: 30px; font-weight: 700; letter-spacing: .02em}
#primary .page .entry-content h3 {font-size: 20px; font-weight: 700; letter-spacing: .01em;}
.intro .header .main-title {color: #176D3D; font-size: 34px;}
.stats .number {font-weight: 800;}
p, #primary .page .entry-content ul {font-weight: 300;}
#primary .page .entry-content ul {line-height: 1.5em;}
#primary .page .entry-content ul li { margin-bottom:1em;}


/** header **/
.site-header .header-top {
	background: linear-gradient(to right,#176d3d 0%,#176d3d 50%,#04130b 50%,#04130b 100%);
}
@media only screen and (min-width: 776px) {
	.site-header .header-top {
		background: linear-gradient(to left,#176d3d 0%,#176d3d 30%,#04130b 30%,#04130b 100%);
	}
}
.site-header .header-top .social-networks {font-size: 18px;}
.home.has-slider .site-header .header-bottom, .site-header .header-bottom {
    background: rgba(255, 255, 255, .9);
}
.site-header .site-branding .site-title {display: none;}
.site-header .site-branding .site-description {color: #04130b; text-align: center;}
.our-community .header {background: #176d3d;}
.intro {background-image: url(images/louisiana.png) no-repeat;}
.intro .header {font-size: 21px;}
.intro .columns-3 .img-holder {margin-bottom: 20px;}
.banner .banner-text {top: 50%; }
.banner .text .main-title {color: rgba(255, 255, 255, .85);}

/** Main Menu **/
.main-navigation a:hover,
.main-navigation ul li:hover > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {color: #C04B10; font-weight: 400;}



/** Links **/
a, #secondary a {
	color: #C04B10; font-weight: 400;
}

a:hover,
a:focus {
	color: #C04B10;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: none;
}
.site-header .header-top .secondary-navigation ul li a {color: #CCC84A;}
.site-header .header-top .social-networks li a {color: #CCC84A;}
.main-navigation a {color: #121212;}
#secondary .widget ul li a, #secondary .widget ul li a:focus, .intro .columns-3 .text-holder .btn {color: #C04B10;}
.footer-link, .copyright a {color: #777;}
.footer-link:hover, .copyright a:hover, #secondary .widget ul li a:hover, #secondary a:hover {color: #CCC84A;}
.site-footer .widget ul li a:hover {color: #CCC84A; }
#secondary a {word-break: break-word;}


/** buttons **/
.site-header .btn-donate {    	color: #C04B10;
  border: 1px solid #C04B10;
	margin-bottom: 16px;
}
.site-header .btn-donate:hover { background-color: #C04B10;}
.banner .text .btn-learn, .site-footer .promotional-block .btn-donate {
	background-color: #C04B10;
	border: 1px solid #C04B10;
color: #FFF;}
.site-footer .promotional-block .btn-donate:hover {background: none;}
.banner .text .btn-learn {display: none;}


/** Gallery **/
.spider_popup_wrap {background-color: rgba(0, 0, 0, .8) !important}
.spider_popup_close_fullscreen {color: rgba(255, 255, 255, .8) !important;}
.bwg_image_description { display: none !important;}


/** Widgets **/

#secondary .widget-title {background:#C04B10; color:#FFF }
#secondary .widget_nav_menu .widget-title {background:#176d3d; }
#secondary .widget.widget_text p, #secondary .widget.widget_custom_html p {padding: 20px 29px;}
#secondary .widget.widget_text .img-holder img.sidebar-image {width: auto;}
#secondary #media_image-2.widget {margin-bottom: 0; text-align: center;}
#secondary #media_image-2 .widget-title {background-color: #176d3d;}
#media_image-2 img {border-radius: 50%; padding: 20px 0;}

#secondary #benevolent_featured_post-3 .widget-title {display: none;}


/** Forms **/
.bootstrap-wrapper legend {margin-top: 25px; margin-bottom: 15px; font-weight:700;}
.bootstrap-wrapper label {font-weight: normal !important;}


/** Footer **/

.footer-t {color:#777;}
.site-info .by { display: none;}
.site-footer .promotional-block .title { font-size: 30px;}
.site-footer .promotional-block:after {background: linear-gradient(to bottom, rgba(32,32,32,0) 0%,rgba(32,32,32,0.09) 14%,rgba(32,32,32,0.2) 35%,rgba(32,32,32,0.52) 77%,rgba(32,32,32,0.84) 89%,rgba(32,32,32,1) 94%);}
.site-footer .column a {word-break:break-all;}


/** Misc. **/

.stats {padding-top: 89px}
#primary .page .entry-content h2.title-orange {
    background: #C04B10;
    color: #FFF;
	margin-bottom: 0;
}
#primary .page .entry-content h2.title-green {
    background: #176d3d;
    color: #FFF;
	margin-bottom: 0;
	
}
#primary .page .entry-content h2.title-lime {
    background: #CCC84A;
    color: #FFF;
	margin-bottom: 0;
}
.wp-block-button:hover {
    opacity: .85;
}
.wp-block-button a {
    text-decoration: none;
}
/** One Million Trees Campaign **/
.intro .columns-3 {position: relative;}
.intro .columns-3 .text-holder .btn {display: flex; line-height: 20px; height: 320px; width: 100%; position: absolute; 
    bottom: -25px; align-items: flex-end;}
.page-id-799 #primary .page .entry-header .entry-title  {display: none;}
.goal {background-color: #f4f4f4; padding: 20px 30px;}
.goal .number {position: relative; top: -10px;}
.goal .number::after{
    width: 29px;
    height: 2px;
    background: #121212;
	position: absolute;
	top: 130%;
	left: 45%;
    content: '';
}
.goal p {line-height: 160%;}
.mil-green-block {background-color: #176d3d; color: #fff; padding: 20px 30px; font-size: 20px; line-height: 160%;}
.mil-bttn a {padding: 25px 45px; font-size: 30px; line-height: 160%; } 
.mil-bttn-sm a { padding: 30px; font-size: 22px; line-height: 160%;}

@media only screen and (max-width: 767px){
	.intro .columns-3 { margin-bottom: 50px;}
	.intro .columns-3 .text-holder .btn {justify-content: center; height: 280px;}

}

@media only screen and (min-width: 767px) {
	.intro .columns-3 { width: 33.3%; }
}
@media only screen and (max-width:767px) {
	.intro .columns-3 .icon-holder { right: 65px; margin: 0 auto; }
	.intro .columns-3 { text-align: center;}
}
@media only screen and (max-width: 991px) {
	#mobile-header a {
    	background: url(images/btn-menu-blk.png) no-repeat;}
	.mil-bttn a {padding: 25px; font-size: 22px; line-height: 160%; } 
}
@media only screen and (max-width: 767px) { .intro .header .main-title, .site-footer .promotional-block .title {font-size: 21px;}
}
@media only screen and (max-width: 767px) { .site-header .btn-donate {float: right; position: relative; top: -100px; right: 100px; }
}
@media only screen and (max-width:640px) { .site-header .btn-donate {width: 100%; margin-top:15px; float: none; top:0; right:0;}}