/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*logo*/


#ingrained-section {
	margin-left: 0;
	margin-right:0;
}
#ingrained-section-footer {
	margin-left: 0;
	margin-right:0;
	margin-top:-95px;
}
#ingrained-section .ingrained-main-title h3 {
	line-height: 1;
	background-color: #058b44;
	padding:20px 55px 20px 40px;
	display: inline-block;
	font-size: 3.2rem;
	margin-bottom:0;
	color:#fff;
	margin-top:0;
	position: relative;
	float: right;
}
#ingrained-section-footer .ingrained-main-title h3 {
	line-height: 1;
	background-color: #058b44;
	padding:20px 40px 20px 40px;
	display: inline-block;
	font-size: 3.2rem;
	margin-bottom:0;
	color:#fff;
	margin-top:0;
	position: relative;
	float: right;
}
#ingrained-section .ingrained-main-title h3 span {
	line-height: 1;
	background-color: #99ca44;
	padding:8px 15px;
	display: inline-block;
	font-size: 2.2rem;
	color:#058b44;
	margin-bottom:0;
	position: absolute;
	bottom: -38px;
	left:42px;
}
#ingrained-section-footer .ingrained-main-title h3 span {
	line-height: 1;
	background-color: #99ca44;
	padding:8px 15px;
	display: inline-block;
	font-size: 2.2rem;
	color:#058b44;
	margin-bottom:0;
	position: absolute;
	bottom: -38px;
	left:42px;
}
/*brand ends here*/

/*green shapes*/

div#two-shapes-section:before {
    content: "";
    position: absolute;
    width: 1030px;
    height: 1860px;
    background-color: #058b44;
    top: -377px;
    left: -405px;
    transform: rotate(45deg);
}

div#two-shapes-section:after {
    content: "";
    position: absolute;
    width: 900px;
    height: 1660px;
    background-color: #058b44;
    bottom: -250px;
    right: -352px;
    transform: rotate(38deg);
}

/*gtreen shapes ends here*/

.quality-class {
    z-index: 9;
}

/*footer*/
div#footer-main .brand-site-wide-1 p {
    background-color: #058b44;
    padding: 10px 100px 26px 0px;
    width: 200%;
    margin: 50px 0px 0px 0px !important;
}
div#footer-main .brand-site-wide-2 p {
    background: #99ca44;
    padding: 0 20px;
    margin-top: -26px !important;
    width: 107%;
    margin-left: 50px !important;
}
.fusion-menu-element-wrapper .fusion-menu-element-list>li:not(.fusion-menu-item-button)>a { 
	opacity: .8;
}
.fusion-menu-element-wrapper .fusion-menu-element-list>li:not(.fusion-menu-item-button):hover>a { 
	opacity: 1;
}
ul.resources-list {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
}
ul.resources-list li span, ul.resources-list li a:hover { 
	color: var(--awb-color5);
}
ul.resources-list li span {
	padding-left: 8px;
}
ul.resources-list li a { 
	color: var(--awb-color1);
}
#main-section:before {
	content:"";
	position: absolute;
    left: 0;
    top: 0;
	background-color: var(--awb-color4);
	width:65%;
	height:45%;
	clip-path: polygon(0 0, 73% 0, 100% 21%, 0 100%)
}



#main-section:after {
	content:"";
	position: absolute;
    right: 0;
    bottom: 0;
	background-color: var(--awb-color4);
	width:60%;
	height:40%;
	clip-path: polygon(0 82%, 100% 0, 100% 100%, 25% 100%);
}

#shadow-box-section:after {
	content:"";
	position: absolute;
    left: 0;
    bottom: 0;
	background-color: var(--awb-color4);
	width:70%;
	height:75%;
	clip-path: polygon(29% 60%, 61% 95%, 56% 100%, 0% 100%, 0 51%, 0 31%);	
}
/*#align-shadow-box-section:after {
	content:"";
	position: absolute;
    left: 0;
    bottom: 0;
	background-color: var(--awb-color4);
	width:82%;
	height:115%;
	clip-path: polygon(29% 60%, 61% 95%, 56% 100%, 0% 100%, 0 51%, 0 31%);	
}*/
#align-shadow-box-section:after {
	content:"";
	position: absolute;
    left: 0;
    bottom: 0;
	background-color: var(--awb-color4);
	width:100%;
	height:100%;
	clip-path: polygon(0% 25%, 49% 95%, 45% 100%, 0% 100%);	
}
.solid-gold-us#shadow-box-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--awb-color4);
    width: 82%;
    height: 100%;
    clip-path: polygon(29% 60%, 61% 95%, 56% 100%, 0% 100%, 0 51%, 0 31%);
}
.true-pine-us#shadow-box-section:after {
    clip-path: polygon(34% 51%, 90% 95%, 85% 100%, 0% 100%, 0 57%, 0 27%);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--awb-color4);
    width: 100%;
    height: 100%;
}
#au-tru-pine-shadow-box-section:after {
	content:"";
	position: absolute;
    left: 0;
    bottom: 0;
	background-color: var(--awb-color4);
	width:100%;
	height:100%;
	clip-path: polygon(0% 17%, 51% 93%, 45% 100%, 0% 100%)
}

/*@media (min-width: 1025px) and (max-width: 1148px) { 
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 40%, 50% 96%, 45% 100%, 0% 100%);
	}
	#au-tru-pine-shadow-box-section:after {
		clip-path: polygon(0% 40%, 50% 96%, 45% 100%, 0% 100%);
	}
}*/
@media (min-width: 769px) and (max-width: 992px) { 
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 23%, 67% 91%, 58% 100%, 0% 100%);
	}
	.garrison-nz#shadow-box-section:after {		
		clip-path: polygon(0% 23%, 79% 91%, 58% 100%, 0% 100%);
	}
	.tru-pine-nz#shadow-box-section:after {
		clip-path: polygon(0% 44.5%, 62% 92%, 50% 100%, 0% 100%);
		width:100%;
		height:100%;
	}
	#au-tru-pine-shadow-box-section:after {
		clip-path: polygon(0% 25.5%, 67% 91%, 58% 100%, 0% 100%);
	}
}
@media (min-width: 631px) and (max-width: 769px) { 
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 20%, 81% 94%, 66% 100%, 0% 100%);
	}
	.tru-pine-nz#shadow-box-section:after {
		clip-path: polygon(0% 26%, 75% 96%, 66% 100%, 0% 100%);
	} 
	#au-tru-pine-shadow-box-section:after {
		clip-path: polygon(0% 26%, 75% 96%, 66% 100%, 0% 100%);
	}
}
/*@media (min-width: 481px) and (max-width: 630px) { 
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 40%, 75% 97%, 62% 100%, 0% 100%);	
	}
}*/
@media (max-width: 630px) { 
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 47%, 94% 92%, 77% 100%, 0% 100%);
	}
	.tru-pine-nz#shadow-box-section:after {		
		clip-path: polygon(0% 47%, 94% 92%, 77% 100%, 0% 100%);
	}
	#au-tru-pine-shadow-box-section:after {
		clip-path: polygon(0% 45%, 94% 92%, 77% 100%, 0% 100%);
	}
	
}



#fa-question .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode {
	margin-bottom: 25px;
}
#fa-question .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-title a {
	border-bottom: 1px solid var(--awb-color5);
	text-transform : uppercase;
}
#fa-question .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-collapse h4 {
	font-size: 22px;
	line-height:30px;
	color:var(--awb-color4);
	padding-top:5px;
	padding-bottom:5px;
	font-weight:700;
	line-height:32px;
	margin:0;
	
}
#fa-question .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-collapse h3 {
	font-size: 22px;
	line-height:30px;
	padding-bottom: 30px;
	padding-top:10px;
	line-height:32px;
	font-weight:400;
	margin:0;
}
#fa-question .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-collapse .panel-body { 
	padding-top: 30px;
	padding-bottom: 10px;
}
#custom-container {
	max-width: 1248px;
	margin: 0 auto;
}


#sustainability-section .custom-container {
	position: absolute;
	bottom:0;
}



.sustainability-row h2{
	font-size:10.5vw !important;
	line-height:7.5vw !important;
	opacity: .6;
	letter-spacing: 1px;
	font-weight: 700 !important;
	margin-right: 20px;
}
body .fusion-menu-element-wrapper .fusion-menu-element-list {
	min-height: inherit;
}
.claymark-sites-title h1 {
	opacity: .4;
}
#wrapper #main #job-vacencies.fullwidth-box .fusion-row {
	background-color: #fff;
	padding:85px 30px 50px 30px;
}
.video-title p {
	font-weight: bold;
}
.quality-title {
	position: absolute;
	left: -6vw;
	bottom: -7.6vw;
	z-index: 1;
	right: 0;
}
.quality-title h2 {
	opacity: .6;
	font-size: 13vw !important;
	line-height: 10vw !important;
}
body #about-bg-section {
		background-position: center 574px !important;
}

/*-------------------------------Sustainability-page---------------------------------*/


body #sustainability-page {
	background-position: center 618px !important;
}



#sustainability-page:before{
	content:"";
	position: absolute;
    left: 0;
    top: 0;
	background-color: var(--awb-color4);
	width:57%;
	height:32%;
	clip-path: polygon(0 0, 87% 0, 100% 16%, 0 100%);
}
#case-studies-1:before {
	content:"";
	position: absolute;
    left: 0;
    top: 0;
	background-color: var(--awb-color4);
	width:50%;
	height:100%;
	clip-path: polygon(0% 100%,0% 0%,100% 100%,0% 100%)
}
.about-us-title {
	position: absolute;
	left: -6vw;
	bottom: -15vw;
	z-index: 1;	
}
.about-us-title h2{
	opacity: .6;
	font-size: 11vw !important;
	line-height: 10vw !important;
}
.commitment-title {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	right: 0;
}
.commitment-title h2 {
	opacity: .6;
	font-size: 8vw !important;
	line-height: 7.5vw !important;
}
.innovation-title h2 {
	opacity: .4;
}
.gform_heading {
	display:none !important;
}
.career-gfrom .claymark-logo {
	text-align: center;
}
.career-gfrom .form-title {
	font-size:24px;
	margin: 5px 10px 20px;
	color: #058b44;
}
.career-gfrom .right-to-work {
	font-size:20px;
}
.career-gfrom_wrapper.gform_wrapper .left_label .gfield_label,
.career-gfrom_wrapper.gform_wrapper .left_label .gfield_label .gfield_required {
	font-size: 20px;
}
.career-gfrom_wrapper.gform_wrapper .gfield_error .gfield_validation_message, .gform_wrapper .gform_validation_errors {
	text-align: left;
	padding:5px 15px;
	font-size:16px;
}
.career-gfrom_wrapper.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
	padding-left: 0;
	text-align: center;
	display: inherit;
}
.career-gfrom_wrapper.gform_wrapper.gravity-theme .gform_validation_errors {
	display: none;
}
/*#play-button {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}*/
/************media query************/
@media (min-width: 2559px) {
    .quality-title {
		left: -25vw !important;
	}
	.commitment-title h2 {	  
	  font-size: 4.4vw !important;
	  line-height: 3.5vw !important;
	}
}
@media screen and (min-width: 1700px) {
    /*span#site-logo img {
        width: 170px;
    }*/
}

@media (min-width: 1600px) and (max-width: 1700px) {
    /*div#site-logo-col:after {
        bottom: -91px;
        right: -15%;
    }*/
    /*.brand-site-wide-1 p {
        margin: -3% 0 0 60% !important;
    }
    .brand-site-wide-2 p {
        margin: -2% 6% 0 65% !important;
    }*/
    div#footer-main .brand-site-wide-1 p {
        margin: 50px 0px 0px -68px !important;
    }
    div#footer-main .brand-site-wide-2 p {
        width: 113%;
        margin-left: -27px !important;
    }
}

@media (min-width: 1400px) { 

}
@media (min-width: 1400px) and (max-width: 1599px) {
    /*div#site-logo-col:after {
        bottom: -105px;
        right: -32%;
        transform: rotate(331deg);
    }*/
    /*.brand-site-wide-1 p {
        margin: -3% 0 0 60% !important;
    }
    .brand-site-wide-2 p {
        margin: -2% 6% 0 65% !important;
    }*/
    div#footer-main .brand-site-wide-1 p {
        margin: 50px 0px 0px -68px !important;
    }
    div#footer-main .brand-site-wide-2 p {
        width: 113%;
        margin-left: -27px !important;
    }
}
@media only screen and (max-width: 1024px) {
	span#site-logo img {
		max-width: 100px;
	}
/*	span#site-logo {
		width: 310px;
		height: 187px;
		padding-left: 20px;
		padding-top: 25px;
	}
*/	#ingrained-section {
		margin-top: -30px;
		text-align:right;
	}
	#ingrained-section .ingrained-main-title h4 {
		line-height: 1;
		background-color: #058b44;
		padding:20px 40px;
		display: inline-block;
		font-size: 32px;
	}
	#ingrained-section-footer {
		
		text-align:right;
	}
	#ingrained-section-footer .ingrained-main-title h4 {
		line-height: 1;
		background-color: #058b44;
		padding:20px 40px;
		display: inline-block;
		font-size: 32px;
	}
	.product-logo .fusion-content-layout-column > div {
		text-align: center !important;
	}
	body .fusion-menu-element-wrapper.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded) > ul {
	    top:125px;
	}
}

@media (min-width: 991px) {
	.quality-title {
		left: -1vw !important;
	}
}
@media (min-width: 1390px) {
	.quality-title {
		left: -5vw !important;
	}
	.commitment-title h2 {	
		font-size: 7vw !important;
		line-height: 7vw !important
	}
	.innovation-title h2 {
		font-size: 1.2em !important;
		line-height: 1.3em !important;
	}
}
@media (min-width: 1515px) {
	.quality-title {
		left: -9vw !important;
	}
	.commitment-title h2 {
	  font-size: 6.3vw !important;
	  line-height: 6vw !important;
	}
}
@media (min-width: 1650px) {
	.quality-title {
		left: -12.5vw !important;
	}
	.commitment-title h2 {	
		font-size: 6.3vw !important;
		line-height: 5.7vw !important
	}
	.innovation-title h2 {
		font-size: 1.2em !important;
		line-height: 1.3em !important;
	}
}
@media (min-width: 1820px){
	.quality-title {
		left: -16vw !important;
	}
	.quality-title h2 {
		font-size: 12vw !important;
		line-height: 13vw !important;
	}
	.commitment-title h2 {	
		font-size: 5vw !important;
		line-height: 4.8vw !important
	}
	.innovation-title h2 {
		font-size: 1.2em !important;
		line-height: 1.3em !important;
	}
	
}
@media (min-width: 2140px) {
	.quality-title {
		left: -21vw !important;
	}
	.commitment-title h2 {	
		font-size: 4.9vw !important;
		line-height: 4.2vw !important
	}
}
@media (min-width: 991px) and (max-width: 1320px) { 
	#ingrained-section {
		margin-top: -40px;
	}
	#ingrained-section-footer {
		
	}
	#ingrained-section .ingrained-main-title h3 {		
		font-size: 2.5rem;
		padding:20px 40px 20px 25px;		
	}
	#ingrained-section .ingrained-main-title h3 span { 
		left: 27px;
		font-size: 1.9rem;
	}
	#ingrained-section-footer .ingrained-main-title h3 {		
		font-size: 2.5rem;
		padding:20px 40px 20px 25px;		
	}
	#ingrained-section-footer .ingrained-main-title h3 span { 
		left: 27px;
		font-size: 1.9rem;
	}
}
@media only screen and (max-width: 992px) { 
	.quality-title {
		left: -1vw !important;
	}	
    body .about-us-title {
        position: inherit !important;
    }
    .about-us-title h2 { 
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 778px) {
	body .fusion-wrapper .fusion-tb-header span#site-logo img {
		max-width: 85px;
	}
	body .fusion-wrapper .fusion-tb-header span#site-logo {
		width: 285px;
		height: 150px;
		padding-left: 20px;
		padding-top:20px;
	}    
    .fusion-separator.fusion-full-width-sep.innovation-seprator {
        margin-top: 2rem !important;
    }
    	
    .post-content p {
        font-size: 1.2rem;
        line-height: 1.5;
    }
    #ingrained-section .ingrained-main-title h3 {		
		font-size: 2.6rem;
		padding:15px 30px;		
	}
	#ingrained-section .ingrained-main-title h3 span { 
		left: 32px;
		bottom: -40px;
	}
	#ingrained-section-footer .ingrained-main-title h3 {		
		font-size: 2.6rem;
		padding:15px 30px;		
	}
	#ingrained-section-footer .ingrained-main-title h3 span { 
		left: 32px;
		bottom: -40px;
	}
    
	#shadow-box-section:after {
		width: 110%;
		height: 78%;
	}
	.quality-title h2 {
		text-align: center !important;
	}	
}
@media only screen and (max-width: 620px) {
    #align-shadow-box-section:after {		
		clip-path: polygon(0% 48%, 94% 92%, 77% 100%, 0% 100%);
	}
	.tru-pine-nz#shadow-box-section:after {		
		clip-path: polygon(0% 60%, 84% 95%, 73% 100%, 0% 100%);
		width:100%;
		height:100%;
	}
	#au-tru-pine-shadow-box-section:after {
		clip-path: polygon(0% 42%, 94% 93%, 71% 100%, 0% 100%)
	}
	a.fusion-button.features-btn, a.fusion-button.resources-btn {
		font-size: 17px;
		padding: 12px 20px;
	}
}
@media (min-width: 501px) and (max-width: 620px) {
	#ingrained-section .ingrained-main-title h3 {		
		font-size: 2.6rem;
		padding:15px 30px;		
	}
	#ingrained-section .ingrained-main-title h3 span { 
		left: 32px;
	}
	#ingrained-section-footer .ingrained-main-title h3 {		
		font-size: 2.6rem;
		padding:15px 30px;		
	}
	#ingrained-section-footer .ingrained-main-title h3 span { 
		left: 32px;
	}
}
@media only screen and (max-width: 500px) {
    body.page-id-1380 #sustainability-page {
      padding-top: 70px !important;
    }    
	body .fusion-wrapper .fusion-tb-header span#site-logo img {
		max-width: 75px;
	}
	body .fusion-wrapper .fusion-tb-header span#site-logo {
		width: 250px;
		height: 115px;
		padding-left: 10px;
		padding-top:13px;
		left: -5px;
	}
	#ingrained-section {
		margin-top: -30px;
		text-align:right;
	}
	#ingrained-section .ingrained-main-title h3 {
		font-size: 1.5rem;
    
	}
	#ingrained-section .ingrained-main-title h3 span {
		padding:8px 15px;	
		font-size: 1.3rem;			
		bottom: -24px;
		left: 31px;
	}
	#ingrained-section-footer {
		margin-top: -30px;
		text-align:right;
	}
	#ingrained-section-footer .ingrained-main-title h3 {
		padding:10px 30px;
		font-size: 2rem;	
	}
	#ingrained-section-footer .ingrained-main-title h3 span {
		padding:8px 15px;	
		font-size: 1.5rem;			
		bottom: -35px;
		left:31px;
	}
	
	#shadow-box-section:after {
		width: 110%;
		height: 72%;
	}	
	.claymark-sites-title h1 {
		line-height: 1 !important;
		font-size: 46px !important;
	}
	body .next-generation h2 {
		font-size: .9em !important;
	}
	body .innovation-title h2 {
		font-size: 48px !important;
		line-height: 48px !important;
	}
	.quality-title h2 {
		text-align: center !important;
		font-size: 16vw !important;
		line-height: 12vw !important;
	}
	.commitment-title h2 {
		font-size: 11vw !important;
		line-height: 4.5vw !important;
	}
	body .fusion-menu-element-wrapper.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded) > ul {
	    top:90px;
	}
	body .fusion-title.remaufacturing-title h2 {
	    font-size: 30px !important;
	    line-height: 30px !important;
	}
	body .fusion-title.sawmill h2 {
	    font-size: 30px !important;
	    line-height: 30px !important;
	}
}

@media only screen and (max-width: 395px) {    
    body  .fusion-title.remaufacturing-title h2 {
	    font-size:27px !important;
	    line-height:27px !important;
	}
	body .fusion-title.sawmill h2 {
	    font-size: 27px !important;
	    line-height: 27px !important;
	}
	#align-shadow-box-section:after {		
		clip-path: polygon(0% 55%, 90% 92%, 65% 100%, 0% 100%);
	}
	.tru-pine-nz#shadow-box-section:after {		
		clip-path: polygon(0% 63%, 85% 97%, 72% 100%, 0% 100%);
		width:100%;
		height:100%;
	}	
}
@media only screen and (max-width: 350px) {
	#ingrained-section {
		margin-top: -18px;
	}
	#ingrained-section .ingrained-main-title h3 {
		padding:5px 20px;
		font-size: 1.4rem;	
	}
	#ingrained-section .ingrained-main-title h3 span {
		padding:3px 15px;	
		font-size: 1rem;			
		bottom: -18px;
		left:20px;
	}
	#ingrained-section-footer {
		margin-top: -18px;
	}
	#ingrained-section-footer .ingrained-main-title h3 {
		padding:5px 20px;
		font-size: 1.4rem;	
	}
	#ingrained-section-footer .ingrained-main-title h3 span {
		padding:3px 15px;	
		font-size: 1rem;			
		bottom: -18px;
		left:20px;
	}
}