/*
Feuille de style 2J Scierie
Par Tedinfo
*/

font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Quicksand', sans-serif;

html, body {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

footer a, footer a:hover {
  color: inherit;
  text-transform: none;
  text-decoration: none;
}


body {
  background-color: #e8e8e8;             
  font-family: 'Quicksand', sans-serif;
  color: #6D6D6D;
}

.font-gray {
  color: #6D6D6D;
}
    
.dropdown:hover>.dropdown-menu {
  display: block;
  background-color: inherit;
  color: white;
}

    
.dropdown:active:hover>.dropdown-menu {
  display: block;
  background-color: inherit;
}

.navbar {
    height: 80px;    
    font-family: 'Roboto', sans-serif;
	padding: 0 1rem;
}

.navbar-collapse {
  height: 80px;
}

.navbar-brand, .nav-link {
  text-transform: uppercase;
  font-size: 22px;
}

.dropdown-item {
  text-transform: none;
  font-size: 18px;
  color: white;
}

.dropdown-item:hover {
  color: green;
}

.navbar-nav {
  height:80px;
  line-height: 60px;
}

.nav-item {
  background-color: rgb(248, 249, 250); 
  padding:  0 10px 0 10px; 
  Border-top: transparent 5px solid;
}

li.active{
  Border-top: green 5px solid;
  color: #2F1B0C;
}

.nav-item:hover {
  background-color: green;
}

.nav-item:hover .nav-link, .nav-item:hover .nav-link:hover  {
  color: white;
}

.dropdown-menu {
  margin-top: -1px
}

.containerslider{        
  padding: 0;

}
/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
  box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);   
}


.rondins {
  background: no-repeat url("../img/rondins.jpg") white;
} 

.catalogue {
  background: no-repeat center center url("../img/catalogue.jpg") white;
} 

h1.textheader {
  line-height: 200px;
  font-size: 10vw;
  text-shadow: #5d5d5d 1px 1px, #5d5d5d -1px 1px, #5d5d5d -1px -1px, #5d5d5d 1px -1px;
  white-space: nowrap; 
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;     
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

.bloc {
  margin-top: 50px;
}

.footer {   
  padding: 15px 0;
  min-height: 60px;
  background-color: #1e2222;
  font-style: normal;
  font-weight: 100;
}    
.footer p {   
  font-family: 'Quicksand', sans-serif;
  color: white; 
}

.display-4 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.display-6 {
  font-size: 16px;
  line-height: 30px;
  font-family: 'Quicksand', sans-serif;
  text-transform: none;
}

@media only screen and  (min-width: 991px) { 
    h1.textheader {
      line-height: 200px;
      white-space: nowrap; 
      font-size: 5vw;
      text-shadow: #5d5d5d 1px 1px, #5d5d5d -1px 1px, #5d5d5d -1px -1px, #5d5d5d 1px -1px;
    }    
 }
 
.tabledouglas {  
  font-family: 'Roboto', sans-serif;
  position: relative;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
} 
 
.tabledouglas thead {
  background-color: #ffffff;
  color: #000000;
  border: 0px solid #e9ecef;
  height: 75px;
  line-height: 45px;
}

.tabledouglas tr.top {
  color: #000000;
  border-top: 2px solid #e9ecef;
  height: 75px;
  line-height: 45px;
	
}

.tabledouglas td {
  color: black;
  font-weight: normal;
  padding: 5px;
}
 
.tabledouglas .impair td {
  background-color: rgba(0,0,0,.05);
  border: 0px solid #e9ecef;
}
 
.tabledouglas .pair td {
  background-color: #ffffff;
  border: 0px solid #e9ecef;
}