/*
Theme Name: Green Nature Child
Theme URI: https://example.com
Description: Child theme for Green Nature
Author: TRG
Template: greennature
Version: 1.0
*/

/* Add your custom CSS below */

/* Hide Donate menu item on desktop */
@media (min-width: 768px) {
    .mobile-donate {
        display: none !important;
    }
}

/* Show Donate menu item on mobile */
@media (max-width: 767px) {
    .mobile-donate {
        display: block !important;
		background: #E16E19!important;
	}
.dl-menuwrapper .dl-menu li.mobile-donate > a {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	font-weight: 600!important;
	
}
    }
}

.dl-menuwrapper li a {
    padding-right: 25px !important;
}

.dl-menuwrapper li a::after {
    right: 10px !important;
}

@media only screen and (max-width: 767px) {
	.greennature-half-bg.greennature-solid-bg {
        display: none;
	}
.dl-menuwrapper > .dl-menu,
.dl-menuwrapper > .dl-submenu {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    margin: 20px 0 0 !important;
    text-align: right !important;
}

.dl-menuwrapper li a {
    text-align: right !important;
    padding-right: 25px !important;
}
	
}

/*HOME PAGE - IMAGE HALF BACKGROUND POSITION*/
.page-id-5680 .greennature-half-bg {
	background-position: 80%;
}
/*ABOUT PAGE - IMAGE HALF BACKGROUND POSITION*/
.page-id-6319 .greennature-half-bg {
background-position: 33%;
}


/*CTA BANNER BACKGROUND FIX*/
.greennature-parallax-wrapper {
background-size: cover;
}

/*BLOG LINK COLOR*/
.greennature-blog-content a {
	color: #234233;
	font-weight: 700;
}

.greennature-blog-content a:hover {
	color: #d66b00;
}

/*CONTACT FORM STYLES*/
.name-fields > p {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
}

.name-fields .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}


.wpcf7 input[type="submit"]{
	border-radius:0px!important
}

.wpcf7 textarea {
	border: 1px solid #dfe5e8;
}
.name-fields:has(textarea) {
    grid-template-columns: 1fr !important;
}

.name-fields input[type="text"], 
.name-fields input[type="tel"], 
.name-fields input[type="email"],
.name-fields select
{
 display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe5e8;
    margin-bottom: 20px;
    padding: 10px;
    height: 42px;
    background: #fff;
    font-size: 16px;
}

.wpcf7-not-valid-tip {
	margin-top: -20px;
}

.name-fields textarea
{
 display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe5e8;
    margin-bottom: 15px;
    padding: 10px;
    background: #fff;
    font-size: 16px;
}

.name-fields > p:has(textarea) {
    grid-template-columns: 1fr !important;
}


/* Mobile */
@media (max-width: 767px) {
    .name-fields > p {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .name-fields .wpcf7-form-control-wrap {
        margin-bottom: 15px;
    }
}


/*BLOG - IMAGE HEADER BACKGROUND COLOR*/
.greennature-blog-thumbnail {
	background-color: #ffffff;
}

/*BLOG - NAVIGATION LINK COLOR*/
.blog-nav {
	color: #000000!important;
}

.blog-nav:hover{
	color: #006955!important;
}

/*BLOG - HIDE HEADER*/
.greennature-page-title-wrapper {
	display: none;
}

/*BLOG - HEADER SPACING*/
.greennature-blog-full .greennature-blog-thumbnail {
	margin-top: 50px;
}

/*HEADER BACKGROUND - SOLID COLOR*/
.greennature-header-inner, .greennature-header-wrapper.header-style-5-wrapper .greennature-header-inner {
	 background-color: #234233 !important;
}

/*DONATE BUTTON*/
.menu-item .menu-item-type-post_type .menu-item-object-page .menu-item-6503menu-item .menu-item-type-post_type .menu-item-object-page .menu-item-6503 .greennature-normal-menu {
	background-color: #d66b00;
}

/*HOME PAGE SLIDER - TITLE FONT*/
.msp-cn-2-1 {   
	font-family: "Bitter";
}

/*HOME PAGE - NUMBER COUNTER*/
.page-id-5680 h2, .stat-number{
    color: #87b9a5!important;
	font-weight: 600;
	margin-bottom: 0px!important;
}

/*H3 styling*/
h3 {
	font-family: "Source Sans 3"!important;
}

/*Application Page Subhead Styling */
.page-id-6664 h3 {
    font-family: "Source Sans 3";
	font-weight: 700;
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
}

/*BUTTONS THAT OPEN IN NEW TAB*/
.button-link {
	background-color: #d66b00;
	font-size: 14px;
    padding: 15px 28px;
    font-weight: 700;
	font-family: "Source Sans Pro";
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
}

/*HEADER - DONATE BUTTON FONT STYLE*/
.greennature-navigation-wrapper .greennature-main-menu > li > a, .greennature-donate-button {
	font-weight: 600;
}

/*HOME PAGE - NUMBER TITLES*/
.greennature-skill-item-wrapper .greennature-skill-item-title {
	font-weight: 500!important;
	font-size: 4em;
	margin-bottom: 0px;
}
.greennature-skill-item-wrapper .greennature-skill-item-caption {
	font-weight: 600;
	letter-spacing: 0px;
	font-size: 1.2em;
}   
.greennature-skill-item-wrapper img {
    margin: 0px auto 20px;
}

/*HOME PAGE - SERVICE BANNER ICONS*/
.greennature-column-service-item.greennature-type-2-bg .column-service-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greennature-column-service-item .column-service-icon i {
    margin-top: 0;
	transform: translateX(-.5px);
}

.list-with-icon .list-with-icon-icon {
    border-color: #006955;
    background: #006955;
}

/*TESTIMONIALS BANNER ICON COLOR*/
.column-service-icon i {
	color: #f5f1e8!important;
}

/*DONATE BANNER - SQUARE EDGE BUTTON STYLE*/
.greennature-button.large {
	border-radius: 0px;
}

/*DONATE BANNER - FONT WEIGHT FOR HEADING*/
.greennature-stunning-item.greennature-stunning-center .stunning-item-title {
	font-weight: 500!important;
}

/*BLOG - BLOG TITLE*/
.greennature-blog-grid .greennature-blog-title{
	font-size: 16px;
}

/*HOME PAGE BLOG SECTION - REMOVE BLOG COMMENT BUTTON & DATE ICON*/
.blog-comment, .greennature-blog-grid .greennature-blog-info .blog-info i {
	display: none!important;
}

/*HOME PAGE BLOG SECTION - MAKE DATE TEXT UPPERCASE*/
.blog-info, .blog-info a, .blog-info i {
	text-transform: uppercase;
}

.greennature-column-service-item.greennature-type-2 .column-service-icon {
	width: 50px;
    height: 50px;
    font-size:40px;
	display: flex;
    align-items: center;
    justify-content: center;
	border-color: #006955!important;
    background: #006955;
}

/*ABOUT PAGE - SECOND SECTION*/
.greennature-half-bg.greennature-solid-bg {
	left: 50%!important;
}

/*CONTACT PAGE - INFO DIVIDER*/
.greennature-item.greennature-divider-item {
	margin-top: -25px;
}

/*HISTORY PAGE - CENTER HEADING STYLING*/
.page-id-6422 .greennature-item-title-wrapper .greennature-item-title {
	color: #006955;
}

/*HISTORY PAGE - TIMELINE IMG HOVER*/
.ctl-wrapper .ctl-media {
    overflow: hidden;
}

.ctl-wrapper .ctl-media img {
    transition: transform 0.4s ease;
}

.ctl-wrapper .ctl-media:hover img {
    transform: scale(1.02);
}

/*MOBILE RESPONSIVE EDITS*/
@media only screen and (min-width: 768px) {
    #overview,
    #overview-2,
    #overview-3 {
        margin-right: 75px;
    }
}

@media only screen and (max-width: 767px) {
    #section-1,
    #section-2 {
        padding: 25px 15px!important;
    }
	.home-header {
		font-size: 24px!important;
	}
}

@media only screen and (max-width: 419px) {
    body .container {
        max-width: 400px!important;
			}
	.blog-nav {
    font-weight: 600;
    letter-spacing: 0px!important;
	}
	
	.single-post .next-nav {
		padding-top:50px;
	}
	
	#hide {
		display: none;
	}
}

@media only screen and (max-width: 959px) {

    .body-wrapper.float-menu {
        overflow: visible !important;
    }

    .greennature-header-wrapper {
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
    }

}


/*HOME/ABOUT/FUNDING/GRANTS/HISTORY/DONATE PAGE - TWO COLUMN LAYOUT HEADING COLOR, FONT STYLE, AND SIZE*/
.page-id-6319 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6422 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6426 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6436 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6449 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6447 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6495 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6497 .greennature-item-title-wrapper.greennature-left .greennature-item-title,
.page-id-6664 .greennature-item-title-wrapper.greennature-left .greennature-item-title{
	color: #006955;
}

.page-id-6319 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6422 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6426 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6436 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6449 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6447 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6495 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6497 .greennature-skill-item-wrapper .greennature-skill-item-title,
.page-id-6664 .greennature-skill-item-wrapper .greennature-skill-item-title
{
	font-size: 2em;
	text-align: center;
	font-family: "Bitter";

}

/*SITEWIDE BANNERS*/
.page-id-6319 #greennature-parallax-wrapper-1,
.page-id-6426 #greennature-parallax-wrapper-1,
.page-id-6422 #greennature-parallax-wrapper-1,
.page-id-6436 #greennature-parallax-wrapper-1,
.page-id-6449 #greennature-parallax-wrapper-1,
.page-id-6447 #greennature-parallax-wrapper-1,
.page-id-6495 #greennature-parallax-wrapper-1,
.page-id-6497 #greennature-parallax-wrapper-1,
.page-id-6499 #greennature-parallax-wrapper-1,
.page-id-6664 #greennature-parallax-wrapper-1
{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

@media only screen and (max-width: 419px) {
    body .container {
        max-width: 400px;
    }
}