/*--------------------------------
  NAV STYLES
--------------------------------*/
  nav {
  background-color: #bda687;
  }
  
  .nav-link {
  font-size: 150%;
  }
  
  .nav-item:hover{
  background-color: #565656;
  font-size: 110%;
  transition: 0.6s;
  }

a.nav-link:hover{
  color: #ffffff !important;
}

.active{
background-color: #a38f75;
}
  
    .dropdown-menu {
  background-color: #a38f75;
  }
  
  .dropdown-item:hover{
  background-color: #bda687;
  transition: 0.5s;
  }
  
a:hover{
text-decoration: none;
}
/*--------------------------------
  BODY STYLES
--------------------------------*/
  
  header {
    position: relative;
    background-color: black;
    height: 90vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;    
  }

  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.7);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.7);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
    transform: translateX(-50%) translateY(-50%) scale(0.7);
  }


.root-overlay{
 position: absolute;
    height:100%;
  	width: 100%;
    z-index: 10;
    background-image: url('images/rootsoverlay-tran.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.75;
}
  
    div .contact-backdrop{
  background-image: url('images/watering.jpeg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  }

  .product-banner{
	height: 300px;
  }

.microgreen-banner{
min-height: 300px;
}

.center-div{
position: relative;
left:15%;
top: 300px;
}

.medium-text{
font-size: 150%;
padding: 15px;
margin: 0px;
}

.row{
margin-right: 0px !important;
margin-left: 0px !important;
}
  
	.product-banner-left{
	background-image: url('images/chicken-ladder.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
	}


.product-banner-right{
	background-image: url('images/microgreen-above.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
	}

    .btn-primary {
	margin-top: 15px;
    margin-bottom: 20px;
    color: #ffffff;
    background-color: #21bf01;
    border-color: #21bf01;
	}
  

  .spacer{
  height:3px;
  background-color: #000000;
  }
  .white{
  background-color: #ffffff;
  color: #565656;
  }
  
  .gray{
  background-color: #565656;
  color: #ffffff;
  }
  
  .graytext{
  color: #565656;
  }
  
    .opaque{
  opacity: 0.6;
  }

.nopadding{
padding: 0px !important;
}

.ophover:hover{
background-color: #ffffff;
color: #565656;
transition: 0.6s;
}

.parallax1, .parallax2, .parallax3 {
  min-height: 600px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax1{
  background-image: url("images/microgreens-full.jpeg");
}

.parallax2{
  background-image: url("images/microgreens-packaged.jpeg");
}

.parallax3{
  background-image: url("images/microgreen-beside.jpeg");
}

.carousel-1, .carousel-2, .carousel-3{
   height: 90vh;
   width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-1{
  background-image: url("images/chickens.jpeg");
}

.carousel-2{
  background-image: url("images/big-leaves.jpeg");
}

.carousel-3{
  background-image: url("images/F54A0152-min.jpeg");
}

  /*--------------------------------
  FOOTER STYLES
--------------------------------*/
  
  .footer {
  background-color: #bda687;
  }
  
  .fa {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  }
  
  .fa-instagram, .fa-facebook-square, .fa-envelope{
  color: gray;
  }
  
  .fa-facebook-square:hover {
  color: #3b5998;
  }
  
  .fa-instagram:hover {
  color: deeppink;
  }
  
  .fa-envelope:hover {
  color: #ffffff;
  }
  

  /*--------------------------------
  MEDIA QUERIES
--------------------------------*/

  @media (pointer: coarse) and (hover: none) {
    header {
      background: url('images/farm.jpeg') black no-repeat center center scroll;
    }
    header video {
      display: none;
    }
  }
  
  @media only screen and (min-width : 992px) {
    .nav-item {
        padding-left: 10px !important;
      	padding-right: 10px !important;
    }
    .right {
      display: none;
    }
}
  @media only screen and (max-width : 991px) {
    .navbar-brand, .nomobile {
        display: none;
    }
    .right {
    float: right;
    display: block;
    }
    
    .center-div{
    max-width: 300px;;
    left:0%
    top: 200px;
    }
   
    header video {
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.9);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
    transform: translateX(-50%) translateY(-50%) scale(0.9);
    }
    .mobile-wrap{
    position: relative;
    bottom: 20px;
    }
    
}