@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	font-family: 'Amiri', serif; 
}

body {
	background-color: #f7f6f2;
}

h1, h2, h3, h4 {
	font-family: 'Amiri', serif;
}

h1 {
	font-size: 3.5em;
}

h3 {
	color: #fff;
}

a {
	font-weight: 400;
	letter-spacing: 1px;
	color: #464646;
}

a:hover {
	color: #3f8c27;
}

p, ul {
	font-weight: 400;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
}

/*--------Header--------*/

/*--Page Structure--*/
.page-content {
	position: relative;
	left: 0;
	right: 0;
	transition: all 0.5s ease;
}

/*--End of Page Structure--*/

/*--Navigation--*/
.nav {
	background-color: transparent;
	transition: all 0.5s ease;
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

.nav .nav-items {
	padding: 33px 50px;
	transition: all 0.5s ease;
}


.nav .nav-items a {
	padding: 18px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	z-index: 1000;
	text-transform: uppercase;
}

.nav .nav-items a:hover {
	text-decoration: underline;
	color: #3f8c27;
}

.scrolled-nav {
    background-color:#f7f6f2;
	left: 0;
	box-shadow: 0px 0 7px #7c7c7c;
}

.scrolled-nav.nav .nav-items {
	padding: 21px 35px;
}

.scrolled-nav.nav .nav-items a {
	font-weight: 400;
}

.scrolled-nav.nav .nav-items a, .scrolled-nav .mobile-menu i {
	text-shadow: 0px 0px 0px transparent;
	color: #1f1f1f;
}

.scrolled-nav.nav .nav-items a:hover {
	color: #3f8c27;
}

.scrolled-nav .mobile-menu {
	padding: 31px;
}

.mobile-menu i {
	color: #1f1f1f;
	text-shadow: 0px 0px 0px transparent;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 216px;
    z-index: 1;
	    top: 30px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	color: white;
  	text-decoration: none;
	font-weight: 600;
}

.dropdown:hover .dropdown-content {display: block;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #282dd3;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* End of Sweep To Right */
/*--End of Navigation--*/


/*--Mobile Nav--*/
.mobile-menu {
	display: none;
	padding: 48px;
	transition: all 0.5s ease;
	z-index: 0;
}

.mobile-menu label:hover {
	cursor: pointer;
}

.sidebar {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: -250px;
	width: 250px;
	padding: 0px;
	background: #333;
	z-index: 10;
	transition: all 0.5s ease;
}

.sidebar ul {
	padding-left: 0px;
	margin-top: 20px;
}

.sidebar li {
	font-family: 'Amiri', serif;
	text-transform: uppercase;
	padding: 12px 20px;
	background-color: transparent;
	transition: all 0.5s ease;
}

.sidebar li:hover {
	background-color: #5C5C5C;
}

.sidebar a:hover, .sidebar a:focus, .sidebar a:active {
	text-decoration: none;
}

.sidebar a li, .sidebar label {
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	letter-spacing: 1px;
	width: 100%;
}

.sidebar label:hover {
	cursor: pointer;
}

.sidebar a li:hover {
	color: rgba(255,255,255,1);
}

#sidebarToggler {
	display: none;
}

#sidebarToggler:checked + .page-wrap .sidebar {
	left: 0px;
}

#sidebarToggler:checked + .page-wrap .page-content, #sidebarToggler:checked + .page-wrap .page-content .nav {
	left: 250px;
}

#sidebarToggler:checked + .page-wrap .page-content .nav .offices {
	opacity: 0;
}

#programsToggler {
	display: none;
}

#programsToggler:checked + .sidebar .mobile-dropdown {
	opacity: 1;
	top: 0px;
	z-index: 0;
}

#programsToggler:checked + .sidebar .after-drop {
	margin-top: 0;
}

li.mobile-dropdown {
	background-color: #121212;
	padding: 0;
	margin-bottom: 0;
	position: relative;
	top: -50px;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: -1;
}

li.mobile-dropdown:hover {
	background-color: #121212;
}

.mobile-dropdown ul {
	margin-top: 0;
}

.mobile-dropdown ul li {
	background-color: transparent;
	transition: all 0.5s ease;
}

.mobile-dropdown ul li:last-child {
	margin-bottom: 0px;
}

.after-drop {
	margin-top: -132px;
	transition: all 0.5s ease;
}

.sd-loc-link {
	position: relative;
	bottom: 0;
}
/*--End of Mobile Nav--*/


/*--Logo--*/
.top-logo {
	max-width: 330px;
	padding: 26px 20px;
	transition: all 0.5s ease;
}

.scrolled-nav .top-logo {
	padding: 15px;
	max-width: 290px;
	-webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
}
/*--End of Logo--*/

/*---------End of Header----------*/

/*---------Main Content-----------*/
/*--Banner--*/

div.landing {
	height: 85vh;
	overflow: hidden;
	position: relative;
	background-color: #a89f90
}

#landingVideo {
    min-width: 100%; 
    min-height: 100%;
	right: 0;
    bottom: 0;
	position: absolute;
}

.bgThree {
	background-size: cover;
	background-position: bottom;
}

.bgOne, .bgTwo {
	background-position: center;
	background-size: cover;
}

.bgOne {
	background-image: url('../images/hnr-home.jpg');
}

.bgTwo {
	background-image: url('../images/log-trucks-sign.jpg');
}

.bgThree {
	background-image: url('../images/products-home.jpg');
}

.bgFour {
	background-image: url('../images/tree-sprout.jpg');
}

.bgFive {
	background-image: url('../images/products-banner-2.jpg');
}

.bgSix {
	background-image: url('../images/lossControl-banner.jpg');
}

.bgSeven {
	background-image: url('../images/forest1-3.jpg');
}

.slideContent {
	color: #f1f1f1;
	width: 100%;
}

.slideText {
	padding: 50px 60px;
	text-shadow: 1px 1px 1px #000;
}

.slideText h1 {
	margin-bottom: 0px;
}

.slideLink {
	color: #b3d36f;
}


.page-banner {
	width: 100%;
	background-size: cover;
	background-position: center;
	min-height: 300px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

/*-- End of Banner--*/

.formTextArea {
	width: 100%;
}

/*--Section--*/

.content-row {
	margin: 60px 0;
}

.col-text-section {
	padding: 0 35px;
}

.text-section {
	margin-bottom: 60px;
}

.home-img {
	width: 100%;
}

.img-box {
	background-size: cover;
	padding: 64px 50px;
}

.affiliations {
	background-image: url('../images/forest1-2.png');
}

.products {
	background-image: url('../images/168304576.jpg');
	line-height: 18px;
	background-position: center;
}

.loss_control {
	background-image: url('../images/sprout.jpg');
	line-height: 18px;
}

.loss_control .row div.col-md-6, .general-contact .row div.col-md-6, .email-list .row div {
	margin-bottom: 20px;
}

.general-contact {
	background-image: url('../images/beautiful-conifer-dawn-463731.jpg');
	line-height: 18px;
}

.email-list {
	background-image: url('../images/conifer-daylight-environment-975416.jpg');
	line-height: 18px;
}

.position {
	margin-bottom: 10px;
	margin-top: -10px;
}

.covered-states {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -10%)
}

.affiliations a:hover {
	color: #000000;
}

.affiliation-card {
	padding: 30px 0;
}

.img-box-card {
	border: 0px;
	display: block;
	background-color: #efefef;
	border-radius: 0px;
	height: 100%;
	transition: all 0.5s ease;
}

.img-box-card p {
	text-align: center;
	margin: 0;
	font-family: Amiri, serif; 
	line-height: 22px;
}

.img-box-card ul {
	list-style: none;
	padding-left: 0;
}

.affiliations a:hover .affiliation-card {
	background-color: #fff;
}

.affiliation-card img {
	max-width: 100%;
    margin-bottom: 100px;
    margin-top: 40px;
    width: 50%;
}

.affiliation-card .card-body {
	position: absolute;
	bottom: 0;
	width: 100%;
}



/*---------End of Main Content-----------*/

/*--------Footer--------*/
footer {
	background-image: url(../images/white-background-texture.jpg);
	background-position: center;
	height: 10rem;
}

.footer-logo img {
	max-width: 200px;
	margin-left: 20px;
}

.footer-nav {
	text-align: right;
}

.footer-nav a {
	padding: 10px;
}


.privacy {
	color: rgba(255,255,255,0.7);
	text-decoration: underline;
}

.privacy:hover {
	color: rgba(255,255,255,1);
}

.copyright {
	text-align: center;
	padding: 0 30px
}

.copyright p {
	font-size: 12px;
	letter-spacing: 0px;
	color: #fff;
	font-weight: 400 !important;
	margin: 0;
    padding-bottom: 10px;
}
/*--------End of Footer--------*/

/*--------Bootstrap Overrides--------*/
.carousel, .carousel-inner, .carousel-item, .carousel-item-sub {
	height: 100%;
}

.carousel-item a:hover {
	text-decoration: none;
}

.products .card-body {
	height:100%;
	width: 100%;
}
/*--------End of Bootstrap Overrides--------*/

/*--------Act-On Overrides--------*/
.form-group input, .form-group label, .form-group textarea {
	font-family: 'Work Sans', sans-serif;
}

.form-group input {
	width: 100%;
}
/*--------End of Act-On Overrides--------*/

/*--------Media Queries--------*/

@media only screen and (max-width: 1200px) {
	
	.nav .nav-items {
		padding: 33px 10px;
	}
	
	.footer-nav a {
		padding: 8px;
	}
}

@media only screen and (max-width: 991px) {
	.nav-items {
		display: none !important;
	}
	.mobile-menu {
		display: block;
	}
	.map1  iframe, .map2 iframe {
		height: 200px;
	}
	.producers-list ul.d-flex {
		display: block !important;
	}
	.producers-list ul.d-flex li {
		display: block !important;
	}
	.producers-list ul li:last-child {
		text-align: left;
	}
}

@media only screen and (min-width: 991px) {
	#sidebarToggler:checked + .page-wrap .page-content, #sidebarToggler:checked + .page-wrap .page-content .nav {
		left: 0px;
	}
	.sidebar {
		left: -250px !important;
	}
}

@media only screen and (max-width: 800px) {
	
	.logo {
		width: 70%;
	}
	
	.offices {
		padding: 20px 15px;;
	}
	
	.footer-logo {
		text-align: center;
	}
	
	.footer-logo img {
		margin: 0;
	}
	
}

@media only screen and (max-width: 768px) {
	.home-text {
		padding: 40px;
	}
	.home-img {
		padding: 30px 0px 0px;
		display: block;
		margin: 0 auto;
	}
	
	.bg2p, .bg3p {
		padding: 0 20px 20px 20px;
	}
	
	div.landing {
		height: 100vh;
	}
	
	.videoContent {
		max-width: none;
	}
	
	.affiliations div:not(:last-child), .products div div:not(:last-child) {
		margin-bottom: 30px;
	}
	
	.affiliation-card {
		height: 430px;
	}
}

@media only screen and (max-width: 600px) {
	
	.afgLogo {
		padding: 0 !important;
	}
	
	.afgLogo img {
		width: 100%;
	}
	
	.top-logo {
		padding: 21px 14px;
		max-width: 250px;
	}
	
	.mobile-menu {
		padding: 33px;
	}
	
	div.landing {
		height: 100vh;
	}
	
	.drk-bg {
		padding: 20px;
	}
	
	.dtl-con {
		padding: 30px 35px;
	}
	
	div.backgroundTwo, div.backgroundThree {
		height: 300px;
	}
	
	.footer-logo, .footer-logo img {
		width: 100%;
	}
	
}

@media only screen and (max-width: 400px) {
	
	.mobile-menu {
		padding: 33px 33px 25px;
		font-size: 15px;
	}
	
	.foot-align div {
		padding: 20px 0 !important;
	}
	
	.truckingButtons > .button {
		width: 100%;
		text-align: center;
	}
	
	.downArrow {
		margin: 20px;
	}
	
	.dtl-con {
		padding: 18px 28px;
	}
	
}

/*--------End of Media Queries--------*/