/******************************************************************
Theme Name: GreenTreePMCO Ver 3
Theme URI: https://www.greentreepmco.com
Description: 
Author: GreenTreePMCO
Author URI: https://www.greentreepmco.com
Version: 3.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

html{overflow-x:hidden;}

body{font-family:'Noto Sans'; font-weight:300; font-size:16px; line-height:22px; color:#000;}
	
h1, h2{font-family:'Noto Serif'; font-weight:500;}

h3, h4, h5, h6, h7, h8, h9{font-family:'Noto Sans'; font-weight:500;}

	@media screen and (max-width: 40em) {
		/* Small Browser */
		h1{font-size:2.5rem; line-height:3rem; font-weight:300;}
		p.large{font-size:110%;}
	}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		h1{font-size:2.5rem; line-height:4rem;}
		p.large{font-size:120%;}
	}
	
	@media screen and (min-width:63.9375em){
		/* Large Browser */
		h1{font-size:3rem; line-height:5rem;}
		p.large{font-size:130%;}
	}

	h3.largeThin{font-size:3rem; font-weight:100;}
	
	.lineThin{width:3rem; height:2px; background-color:#4c9d2a;}

	p{line-height:1.8;}
	
	strong{font-weight:400;}
	
	.none{display:none;}

	a{color:#4c9d2a;}
		a:hover, a:focus{color:#4c9d2a; text-decoration:underline;}
	a.nohover:hover{text-decoration:none;}
	
	
	.white{color:#fff !important;}
		.whitebg{background-color:#fff !important;}
		
	.green{color:#4c9d2a !important;}
		.greenbg{background-color:#4c9d2a !important;}
		
	.shadow{text-shadow:1px 1px 1px #000;}
	
	.gray{color:#999 !important;}
		.graybg{background-color:#999 !important;}
	
	.lightgraybg{background-color:#f5f5f5 !important;}
	
	.lightgreenbg{background:#f1fbed;}

	.darkgraybg{background:#2e2f2e;}
		.darkgraybg a{color:#fff;}

	.shadowbg{background:linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(74, 156, 45, 0.5) 100%); min-height:0.5rem;}

	
	.underline{text-decoration:underline;}
		
.gtTop{position:absolute; width:100%; z-index:2;}

	.gtTopSpacing{height:4rem;}
	
		@media screen and (min-width: 40em){
			/* Medium Large Browser */
			.gtTopSpacing{height:4.5rem;}
		}
	
	.gtTopDark .menu a{color:#fff;}
	
	.gtTop .logoWhite{display:none;}
		.gtTopDark .logoWhite{display:inline-block;}
		.gtTopDark .logoGreen{display:none;}
	
	.menu{font-weight:400;}
	.menu a{color:#111;}

	.menu .button{margin-left:1rem;}
		.menu .button a{color:#fff;}

	.menu .button{border-radius:5px; border-color:transparent; background:#4a9c2d; color:#fff; padding:0;}
		.menu .button:hover{border-color:transparent; background:#4a9c2d; color:#fff;}
		.is-dropdown-submenu-parent{color:#fff !important;}
		
	.menu-icon{width:24px;margin-right: 10px;}
		
		.menu-icon::after{background:#4c9d2a; box-shadow:0 7px 0 #4c9d2a, 0 14px 0 #4c9d2a; -webkit-box-shadow:0 7px 0 #4c9d2a, 0 14px 0 #4c9d2a;}
		.menu-icon:hover::after{background:#4c9d2a; box-shadow:0 7px 0 #4c9d2a, 0 14px 0 #4c9d2a; -webkit-box-shadow:0 7px 0 #4c9d2a, 0 14px 0 #4c9d2a;}
	
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{border-color:#000 transparent transparent;}
	.dropdown.menu.medium-horizontal>li.is-active>a::after{border-color:#4c9d2a transparent transparent;}
	

	.dropdown.menu>li.is-active>a{color:#111;}
		.dropdown.menu>li.button.is-active>a{color:#fff;}
		
		.gtTopDark .dropdown.menu>li.is-active>a{color:#fff;}
		.gtTopDark .menu .active>a{color:#fff;}
		.gtTopDark .menu .js-dropdown-active .active>a{color:#4c9d2a;}
	
	.dropdown.menu>li.is-dropdown-submenu-parent>a::after{display:none;}
		.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1rem;}
		.menu .button a::after{display:none !important;}
		
		
		.dropdown .is-dropdown-submenu a{color:#111; font-size:0.8em;}
		
			.dropdown .is-dropdown-submenu a:hover{color:#4c9d2a;}
			
	.is-dropdown-submenu{min-width:10rem; text-align:left; font-size:1rem;}


.headerPush{height:72px;}

	@media screen and (max-width:1220px){
		/* Large Browser */
		.dropdown.menu>li>a{padding:0.6rem 0.6rem; font-size:0.85em;}
	}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.headerPush{height:84px;}
	}

.callout{border:1px solid #999;}

/* Super Menu */
.visible{visibility:visible !important; opacity:1 !important;}

#wpadminbar{overflow:hidden;}

.admin-bar #gtSuperMenu{top:46px;}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		.admin-bar #gtSuperMenu{top:46px;}
	}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.admin-bar #gtSuperMenu{top:32px;}
	}

#gtSuperMenu{visibility:hidden; opacity:0; position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}

	.gtSuperMenuContent{padding-top:2em;}
	
		.gtSuperMenuList ul li a{color:#000; font-size:1.4em; font-weight:400; line-height:1.8;}

	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{border-color:#fff transparent transparent;}
	
	#gtSuperMenu .submenu{font-size:0.8em;}
	
	.menu .active>a{background:transparent; color:#4c9d2a;}
	
/* Homepage */
.herobg{position:relative; z-index:1; top:-4rem; margin-bottom:-4rem; padding-top:5rem;
	background-color:#fff; 
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(239, 251, 235, 1) 100%), 
    url('/wp-content/uploads/2026/08/openart-image_O7vdfYrr_1786565059740_raw.jpg');
  background-size: cover;
  background-position: center;}
  

	@media screen and (min-width: 40em) {
		/* Medium Large Browser */
		.herobg{top:-4.5rem; margin-bottom:-4.5rem; padding-top:6rem;}
	}

.circlebg{height:40px; width:40px; border-radius:50%; display:inline-block; text-align:center; font-size:1.5em; background-repeat:no-repeat; background-size:cover !important; background-position:center center; color:#fff; background-color:#4a9c2d; margin:1rem 0;}
	
	.circlebginside{display:flex; align-items:center; justify-content:center; width:40px; height:40px;}

	.circlebg img{width:100px;}
		@media screen and (min-width: 40em) and (max-width: 63.9375em) {
			/* Medium */
			.circlebg{height:70px; width:70px; font-size:2em;}
			.circlebginside{width:70px; height:70px;}
		}
		@media screen and (min-width: 63.9375em) {
			/* Large */
			.circlebg{height:60px; width:60px; font-size:2em;}
			.circlebginside{width:60px; height:60px;}
		}

.coverbg{background-size:cover; border-radius:5px; margin-bottom:0.5rem; background-position:center center;}

.folder{border-radius:5px; background:#f1fbed; padding:1rem;}
.folderWhite{border-radius:5px; background:#fff; padding:1rem;}
.folderBorder{border-radius:5px; background:#fff; border:1px solid #4c9d2a; padding:1rem;}
.folderDark{border-radius:5px; background-color:rgba(255,255,255,0.1); border:1px solid #000; padding:1rem;}
.folderNight{border-radius:5px; background-color:rgba(31,61,85,0.8); border:1px solid #000; padding:1rem; color:#fff;}

a .resourceBox{color:#000;}
a .resourceBox:hover, a .resourceBox:focus{color:#4c9d2a;}
.resourceBox{padding:1rem 0;}
	.resourceBox::after {content:""; display:block; clear:both;}
	
	.resourceLeft{float:left; width:27%;}
	
	.resourceMiddle{float:left; width:60%;}
	
	.resourceRight{float:right; width:13%; text-align:right;}
		.resourceRight h3{margin-top:2rem;}

	@media screen and (max-width: 40em) {
		/* Small */
		.resourceBox .circlebg{height:70px; width:70px; font-size:2em;}
		.resourceBox .circlebginside{width:70px; height:70px;}
	}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		.resourceLeft{float:left; width:100%; text-align:center; padding-bottom:1rem;}
		.resourceMiddle{float:left; width:80%;}
		.resourceRight{float:right; width:20%;}
	}

.heronormal{height:400px; background-position:center center; background-repeat: no-repeat; background-size:cover; position:relative; overflow:hidden; border-bottom:10px solid #4c9d2a; display:flex; align-items:flex-end; margin-bottom:1em;}

	@media screen and (max-width: 40em) {
		/* Small Browser */
		.herolarge h1{font-size:2.4em;}
	}

	@media screen and (max-width: 63.9375em) {
		/* Small Medium Browser */
		.heronormal{height:200px;}
	}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		.heronormal{height:300px;}
	}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.heronormal:after{
			content: "";
			position: absolute;
			bottom:80px;
			right:-500px;
			width: 1700px;
			height: 400px;
			transform:rotate(-14deg);
			box-shadow:0px 300px 0px #4c9d2a;
			border-radius:50%;
			opacity:1;
		}
	}
	@media screen and (min-width:1600px){
		/* Extra Large */
		.heronormal{height:500px;}
	}
	@media screen and (min-width:1900px){
		/* Extra Large */
		.heronormal{height:600px;}
	}
	
	
	.heronormal .grid-container{position:relative; z-index:3; width:100%;}
	
	.heronormal h1{color:#fff; text-shadow:2px 2px #000;}
	
	.gtItem{border:1px solid #999; border-radius:5px; color:#4a4f55; padding:2em; text-align:center; position:relative;}
		.gtItem a{position:absolute; width:100%; height:100%; left:0; top:0;}
			.gtItem:hover{text-decoration:none; color:#4c9d2a; border-color:#4c9d2a;}
			.gtItem a:focus, .gtItem a:active{outline:0; border:none; -moz-outline-style:none;}
		
		.gtItem i{font-size:4em; line-height:1; display:inline-block;}
		.gtItem span{display:block; margin-top:1em;}
	
	.gtImageRight{background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:200px; position:relative;}
		.gtImageRight:after{
			content: "";
			position: absolute;
			border:2px solid #4c9d2a;
			width:100%;
			height:100%;
			left:-10px;
			top:10px;
			}
			
	.gtImageLeft{background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:200px; position:relative;}
		.gtImageLeft:after{
			content: "";
			position: absolute;
			border:2px solid #4c9d2a;
			width:100%;
			height:100%;
			right:-10px;
			top:10px;
			}
					
	.fakeButton{border-bottom:1px solid #fff; padding:0.4rem 0; font-size:0.9rem;}
		.fakeButton:hover, .fakeButton:focus{text-decoration:none; color:#4a9c2d; border-color:#4a9c2d;}


	.button{border-radius:5px; border-color:transparent; background:#4a9c2d; color:#fff !important; padding:0.8rem 1rem;}
		.button:hover, .button:focus{border-color:transparent; background:#4a9c2d; color:#fff !important;}

	.buttonGray{background:#111;}

		.buttonGray{background:#111;}
			
		.buttonLarge{font-size:1.1em;}
		
		.buttonSmall{font-size:0.8em; padding-left:1.5em; padding-right:1.5em;}

	.gtBgBuilding{background-image:url(assets/images/gt-decoration-building.png); background-repeat:repeat-x; background-size:100% 80px; height:80px;}
	
		@media screen and (min-width:63.9375em){
			/* Large Browser */
			.gtBgBuilding{background-image:url(assets/images/gt-decoration-building.png); background-repeat:repeat-x; background-size:100% 167px; height:167px;}

		}

.quote{margin-bottom:2em;}
	.quote p{font-size:0.9em;}
		.quote p:nth-last-child(1){margin:0;}
		
	.quoteBubble{border:1px solid #ccc; border-radius:1.6em; padding:1em; position:relative; background:#fff;}
	
		.quoteBubble:after, .quoteBubble:before{
		top: 100%;
		left: 90%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;}
			
		.quoteBubble:before{border-color: rgba(204, 204, 204, 0);
		border-top-color: #ccc;
		border-width: 16px;
		margin-left: -16px;}
		
		.quoteBubble:after{border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 15px;
		margin-left: -15px;}
	
		.quoteAttribute{clear:both; text-align:right; margin-top:1.5em; font-weight:400; font-size:0.9em;}
		
		.quoteLeft{}
			.quoteLeft .quoteBubble:after, .quoteLeft .quoteBubble:before{left: 90%;}
			.quoteLeft .quoteAttribute{text-align:right;}
		
	/* Medium+ size */
	@media screen and (min-width: 40em) {
			.quoteLeft .quoteBubble:after, .quoteLeft .quoteBubble:before{left: 10%;}
			.quoteLeft .quoteAttribute{text-align:left;}
	}

.faqContainer{columns:300px 2;}
	.accordion-item{break-inside:avoid-column; page-break-inside:avoid; -webkit-column-break-inside:avoid;}

ol li{margin-bottom:1em;}

.content ul li{margin-bottom:1em;}

	ul.smalllist li{margin-bottom:0.5em; font-size:0.9em;}


.loadingWait{position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:2; display:flex; align-items:center;
  justify-content:center;}

.spinner {
  width: 100px;
  height: 100px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #4c9d2a;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Ninja Form */
.nf-form-fields-required{display:none;}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{border-radius:5px !important; border:1px solid #4c9d2a !important; color:#4c9d2a !important; font-size:0.9em; padding-left:2em; padding-right:2em; background:#fff !important; cursor:pointer; height:auto !important;}
.nf-form-content textarea.ninja-forms-field{height:70px !important;}
.nf-row{height:0;}
.nf-form-content label{font-size:16px !important; font-weight:400 !important;}
.listradio-wrap .nf-field-element label:after{top:0 !important;}
.nf-response-msg p{font-size:1.5em; color:#4c9d2a;}
.nf-error-msg{display:none;}

/* Accordion */
.accordion-title{border:0; font-size:1.25rem; font-weight:400; color:#4c9d2a; padding:0.5em 1em; line-height:1.5;}
.accordion-content{border:0; background:#f5f5f5;}
:last-child:not(.is-active)>.accordion-title, :last-child>.accordion-content:last-child{border:0;}
.accordion-title:focus, .accordion-title:hover{background-color:#f5f5f5; text-decoration:none;}
.is-active .accordion-title{background-color:#f5f5f5;}

.alignright{float:right; margin:0 0 1em 1em;}

/* Cookie Notice */
.cookie-notice-container{padding:0;}
#cookie-notice{font-size:0.9em; line-height:22px;}
#cookie-notice .cn-button{background:#fff; border:1px solid #ebebeb; color:#5f5d5d; font-weight:400; padding:0.5em 1em; margin-top:0.5em;}
#cn-notice-text{max-width:75rem; margin:1em auto 0 auto; display:block;}

/* Tabs */
.tabs{border-color:#999;}
.tabs-content{border-color:#999;}
.content ul.tabs li{margin-bottom:0 !important;}
.tabs-title>a{color:#4c9d2a; font-size:0.9em; outline:none;}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true]{color:#4c9d2a; background:#f5f5f5; text-decoration:none;}
.tabs-title>a:hover{color:#4c9d2a; text-decoration:none;}

/* Events */
.eventPage{}
	.eventPage h6{font-weight:300;}

.padding{padding:2rem 0;}
.paddingSides{padding:0 1rem;}
.paddingAll{padding:2rem;}

.gtImage{background-repeat:no-repeat; background-size:cover; background-position:center center;position:relative; min-height:200px; margin-bottom:0.5em;}
	.gtImageMedium{min-height:300px; margin-bottom:0.5em;}
	.gtImageLarge{min-height:400px; margin-bottom:0;}
	.gtImage a{position:absolute; width:100%; height:100%; left:0; top:0;}
	
.large{font-size:1.1em;}
.small{font-size:0.9em;}

hr.green{border-bottom-color:#4c9d2a;}

.eventDate{background:#000; position:absolute; right:1em; top:0; text-align:center; width:55px; font-size:0.7em; color:#fff; padding:2px 5px;}

.nomargin{margin:0;}


/* Giveaway page no outer margins */
.inner-content .grid-x .grid-margin-x .grid-padding-x {
	margin-left:0;
	margin-right:0;
}

.grid-padding-x>.cell {
	padding-left:0;
	padding-right:0;
}

@media print, screen and (min-width: 40em) {
	.inner-content .grid-x .grid-margin-x .grid-padding-x {
		margin-left:0;
		margin-right:0;
	}

	.grid-padding-x>.cell {
		padding-left:0;
		padding-right:0;
	}
}
/* Giveaway page no outer margins */

/* reduce vertical spacing mobile nav items */
.accordion-menu a {padding: 0.3rem 1rem important!;}

.gtSuperMenuContent { padding-top: 0; }


/* 3rd Party Lead Form Styles */
#lead-form {
    max-width: 400px;
    margin: 0 auto;
}

/* Style the form fields */
#lead-form input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

/* Style the submit button */
#lead-form button[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* On hover, change the background color */
#lead-form button[type="submit"]:hover {
    background-color: #45a049;
}

</style>