/**

 * 

 * Page Specific Styles For environmental facts

 * This page should be named according to the page slug.

 *

 **/





/*/////////////////////////////////////////////////////////////////////////////////////

// environmental Page Styles

/////////////////////////////////////////////////////////////////////////////////////*/



h3#environment-heading {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 0 0 70px;

	color: #fff;

	text-shadow: 1px 1px 0 #c54c1d;

	border: 1px solid #ee5d24;

	border-left: none;

	border-top: none;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	background: url(../../images/facts/earth_icon.png) #f7931e no-repeat;;

}



h3#package-heading {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 0 0 70px;

	color: #fff;

	text-shadow: 1px 1px 0 #c54c1d;

	border: 1px solid #ee5d24;

	border-left: none;

	border-top: none;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	background: url(../../images/facts/tree_icon.png) #f7931e no-repeat;

}



h3#recycling-heading {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 0 0 70px;

	color: #fff;

	text-shadow: 1px 1px 0 #c54c1d;

	border: 1px solid #ee5d24;

	border-left: none;

	border-top: none;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	background: url(../../images/facts/recycle_icon.png) #f7931e no-repeat;

}



h3#stuck-heading {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 0 0 70px;

	color: #fff;

	text-shadow: 1px 1px 0 #c54c1d;

	border: 1px solid #ee5d24;

	border-left: none;

	border-top: none;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	background: url(../../images/product-title-bg.png) #f7931e no-repeat;

}



ol {

	margin: 0 0 0 30px;

}



.facts-box {

	-webkit-box-shadow:  0px 0px 8px .5px rgba(0, 0, 0, .5);

    box-shadow:  0px 0px 8px .5px rgba(0, 0, 0, .5);

    padding: 0 0 0 10px;

}





#green-button {

	padding: 28px 15px;

	text-decoration: none;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	border: solid 1px #006738;

	background: #76bc43; /* Old browsers */

background: -moz-linear-gradient(top,  #76bc43 0%, #006738 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76bc43), color-stop(100%,#006738)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #76bc43 0%,#006738 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #76bc43 0%,#006738 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #76bc43 0%,#006738 100%); /* IE10+ */

background: linear-gradient(to bottom,  #76bc43 0%,#006738 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76bc43', endColorstr='#006738',GradientType=0 ); /* IE6-9 */

}



#green-button:hover {

	background: #006738; /* Old browsers */

background: -moz-linear-gradient(top,  #006738 0%, #76bc43 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006738), color-stop(100%,#76bc43)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #006738 0%,#76bc43 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #006738 0%,#76bc43 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #006738 0%,#76bc43 100%); /* IE10+ */

background: linear-gradient(to bottom,  #006738 0%,#76bc43 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006738', endColorstr='#76bc43',GradientType=0 ); /* IE6-9 */



}





#facts-header {

	animation-name: headline;

	animation-duration: 6s;

	animation-iteration-count: 1;

	animation-timing-function: ease;

	animation-delay: 0;

	animation-direction: alternate;

	animation-play-state: running;

	animation-fill-mode:forwards;



	-webkit-animation-name: headline;

	-webkit-animation-duration: 6s;

	-webkit-animation-iteration-count: 1;

	-webkit-animation-timing-function: ease;

	-webkit-animation-delay: 2s;

	-webkit-animation-direction: alternate;

	-webkit-animation-play-state: running;

	-webkit-animation-fill-mode:forwards;

}





/* animation rules */

@-webkit-keyframes headline {

	0% {

		opacity: 0;

		-webkit-transform: scale(.3);

	}

	

	50% {

		opacity: 1;

		-webkit-transform: scale(1.05);

	}

	

	70% {

		-webkit-transform: scale(.9);

	}

	

	100% {

		-webkit-transform: scale(1);

	}

}



@-moz-keyframes headline {

	0% {

		opacity: 0;

		-moz-transform: scale(.3);

	}

	

	50% {

		opacity: 1;

		-moz-transform: scale(1.05);

	}

	

	70% {

		-moz-transform: scale(.9);

	}

	

	100% {

		-moz-transform: scale(1);

	}

}



@-o-keyframes headline {

	0% {

		opacity: 0;

		-o-transform: scale(.3);

	}

	

	50% {

		opacity: 1;

		-o-transform: scale(1.05);

	}

	

	70% {

		-o-transform: scale(.9);

	}

	

	100% {

		-o-transform: scale(1);

	}

}



@keyframes headline {

	0% {

		opacity: 0;

		transform: scale(.3);

	}

	

	50% {

		opacity: 1;

		transform: scale(1.05);

	}

	

	70% {

		transform: scale(.9);

	}

	

	100% {

		transform: scale(1);

	}

}







/*/////////////////////////////////////////////////////////////////////////////////////

// Site-wide Media Queries

/////////////////////////////////////////////////////////////////////////////////////*/



	/* Large desktop display */

	@media (max-width: 1200px) {

		#enviro-tagline {

			display: block;

		}

		#enviro-no-tagline {

			display: none;

		}

		#facts-headline {

			display: none;



	}/* end media query min-width: 1200px; */





	/* All Desktops only */

	@media only screen and (min-width: 980px) {

	

	}



	/* All Tablets and Phones only */

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

		#enviro-tagline {

			display: block;

		}

		#enviro-no-tagline {

			display: none;

		}

		#facts-headline {

			display: none;

		}

		.span6.facts {

			width: 100%;

			margin-bottom: 40px;

		}

		.span6.facts p {

			font-size: 16px;

		}

	}



	/* Landscape Tablets */

	@media only screen and (min-width: 768px) and (max-width: 979px) {

		h3#environment-heading {
			font-size: 1em;
		}

	}



	/* Landscape Phones and Portrait Tablets */

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





	}

	/* all phones */

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

		h3 {

			font-size: 20px;

		}	

		#green-button {

			padding: 5px 0 0 5px;

		}

		.span6.facts p {

			font-size: 14px;

		}

	}