p {
  line-height: 2rem;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
.parallax-container .section {
  width: 100%;
}

footer.page-footer {
  margin: 0;
}

body{
  z-index:-1;
}

h1{
  color:white;
  font-size: 4.64rem;
  font-family:Fab;
}
h2{
  font-family:Fab;
  text-align: center;
}

h3{
  font-size: 1.64rem;
}
h4{
  font-size: 1.5rem;
}

.header{
  text-shadow: 0px 0px 0.2em rgb(11, 10, 10),0.1rem 0.1rem 0px rgba(69, 68, 68, 0.6);
}
h1[class*="header"]{
  text-shadow: 0px 0px 0.1em rgb(11, 10, 10);
}
.displayNone{
  display:none;
}

.smalltitle{
  font-size:1.2rem!important;
}

.white_font{
  color:white;
}

.black-font{
  color:rgba(0, 0, 0, 0.87);
}

.green-font{
  color:#558b2f;
}

.pres{
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0px 0.656rem;
}

a{
  text-decoration: none;
  color:white;
}
p a{
 color: rgba(0, 0, 0, 0.5);
}
.no-padding-left{
  padding-left: 0px!important;
}
.no-margin-bottom{
  margin-bottom: 0px;
}

.no-margin-top{
  margin-top: 0px!important;
}

.margin-top{
  margin-top: 2.6rem;
}

.margin-bot-small{
  margin-bottom: 0.8rem;
}


.hidden{
  display:none;
}
.visible{
  display:block;
}

.material-icons.small{
  font-size:1rem;
}

.material-icons.medium{
  font-size:1.2rem;
}

.material-icons{
  vertical-align: middle;
}

.paddingtopbot{
  padding-top: 8px;
  padding-bottom: 8px;
}

/*Login form */

.row-form{
  text-align: center;
}
.row-form p{
  text-align: center;
}
.row-form a{
  color:rgb(158, 158, 158);
  font-size:1rem;
}
.row-form .btn{
  margin-top: 8px;
}

    /* label color */
   .input-field label {
      color:#6d4c41;
   }

   /* label focus color */
   .input-field input[type=text]:focus + label {
     color:#6d4c41;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #6d4c41;
     box-shadow: 0 1px 0 0 #000;
   }

   /* label focus color */
   .input-field input[type=password]:focus + label {
     color:#6d4c41;
   }
   /* label underline focus color */
   .input-field input[type=password]:focus {
     border-bottom: 1px solid #6d4c41;
     box-shadow: 0 1px 0 0 #000;
   }

    /* label focus color */
   .input-field input[type=email]:focus + label {
     color:#6d4c41;
   }
   /* label underline focus color */
   .input-field input[type=email]:focus {
     border-bottom: 1px solid #6d4c41;
     box-shadow: 0 1px 0 0 #000;
   }

   [type="checkbox"]:checked + label::before{
      border-right: 2px solid #6d4c41;
    border-bottom: 2px solid #6d4c41;
   }

    /* label focus color */
   .input-brown input[type=email]:focus + label {
     color:#6d4c41;
   }
   /* label underline focus color */
   .input-brown input[type=email]:focus {
     border-bottom: 1px solid #6d4c41;
     box-shadow: 0 1px 0 0 #000;
   }

      /* label focus color */
   .input-brown input[type=text]:focus + label {
     color:#6d4c41;
   }
   /* label underline focus color */
   .input-brown input[type=text]:focus {
     border-bottom: 1px solid #6d4c41;
     box-shadow: 0 1px 0 0 #000;
   }

   textarea.materialize-textarea:focus{
    border-bottom: 1px solid #6d4c41!important;
     box-shadow: 0 1px 0 0 #000!important;
   }

/* nav header */


#dropdown1{
  background-color:#ffb74d;
}

#dropdown1 li a{
  color:white;
}

#dropdown1 li a:hover{
  background-color:#e5a445;
}


.second_menu{
  background-color: #558b2f;
  font-family:Fab;
  text-align: center;
  color:white;
  z-index: 10;
}

.second_menu a {
  font-size: x-large;
}

.second_menu .icons img{
  vertical-align: middle;
}

.second_menu ul a{
  color:white;
}

/* News */

.collapsible{
  color:white;
}

.collapsible li{
  margin-bottom: 8px!important;
}


.collapsible li:nth-child(odd) .collapsible-header{
  background-color:#81c784 ;
}

.collapsible li:nth-child(odd) .collapsible-body{
  background-color:#66bb6a;
}

.collapsible li:nth-child(even) .collapsible-header{
  background-color:#c5e1a5;
}

.collapsible li:nth-child(even) .collapsible-body{
  background-color:#aed581;
}


.collapsible-header h3{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 1.8rem;
}

.collapsible-body p {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.25rem;
}

/* Flash message */

.redMessage{
  width:100%;
  background-color:#d84315 !important;
  color:white;
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
  font-weight:400;
  text-align: center;
  padding-bottom: 0.3rem;
  padding-top: 0.1rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin: 2px 0 0 0;
}

.orangeMessage{
  width:100%;
  background-color:#ffb74d !important;
  color:white;
  font-size: 1.44rem;
  line-height: 110%;
  font-weight:400;
  text-align: center;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin: 2px 0 0 0;
}

.greenMessage{
   width:100%;
  background-color:#2e7d32 !important;
  color:white;
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
  font-weight:400;
  text-align: center;
  padding-bottom: 0.3rem;
  padding-top: 0.1rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin: 2px 0 0 0;
}

.blueMessage{
  width:100%;
  background-color:#d84315 !important;
  color:white;
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
  font-weight:400;
  text-align: center;
  padding-bottom: 0.3rem;
  padding-top: 0.1rem;
  margin: 2px 0 0 0;
}

/* Producteur */

.title_producteur{
  color:white;
}

/* Article Page Shop*/

.article a {
  position: relative;
  display: block;
}

.article .description-produit {
  margin-bottom: 0.912rem;
}

.article .description-produit p{
  margin-top: 4px;
  margin-bottom: 4px;
}

.article a .article-price {
  text-align: left;
  position: absolute;
  margin: 0;
  left: 0;
  display: inline-table;
}

.article .article-price span {
  color: white;
  font-size: 1rem;
  letter-spacing: 0px;
  background: rgb(0, 0, 0); /* fallback color */

  padding: 7px;
}


.title-shop{
  font-family:Fab;
  text-align: center;
  font-size: 3rem;
  margin-top: 0.5rem;
}
.article{
    line-height: 0px;
    height: 100%;
}

.row .article{
  color: white;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 6px;
}

.article h3{
  margin-top: 0;
  padding-top: 1.46rem;
}

.article hr{
  border-top: 0px solid #8c8b8b;
}

.row .article-container{
  padding: 0;
}

.fruits-et-legumes{
   background-color:#7cb342;
}
.fruits-et-legumes .btn{
   background-color:#8bc34a;
   margin-bottom:8px;
}
.fruits-et-legumes .article-price span {
  background: rgba(124, 179, 66, 0.8);
}

.produits-carnes{
   background-color:#ef5350;
}
.produits-carnes .btn{
   background-color:#ef5350;
   margin-bottom:8px;
}
.produits-carnes .article-price span {
  background: rgba(239, 83, 80, 0.8);
}

.produits-laitiers{
   background-color:#0288d1;
}
.produits-laitiers .btn{
  background-color:#01579b;
  margin-bottom:8px;
}
.produits-laitiers .article-price span {
  background: rgba(2, 136, 209, 0.8);
}

.boissons{
   background-color:#9575cd;
}
.boissons .btn{
  background-color:#7e57c2;
  margin-bottom:8px;
}
.boissons .article-price span {
  background: rgba(149, 117, 205, 0.8);
}

.divers{
   background-color:#ffa726;
}
.divers .btn{
  background-color:#ffb74d;
  margin-bottom:8px;
}
.divers .article-price span {
  background: rgba(255, 167, 38, 0.8);
}

.article a {
  position: relative;
  width: 100%; /* for IE 6 */
}








/* My account */
.collection-item.avatar a{
  color:rgba(0, 0, 0, 0.87);
}

.secondary-content{
  color:#6d4c41;
}

td strong{
  font-weight: 700;
}

.breadcrumb{
  color:rgba(0, 0, 0, 0.87)!important;
}

.breadcrumb::before{
  color:rgba(0, 0, 0, 0.87)!important;
  vertical-align: middle;
}

.nav-breadcrumb{
  font-style: italic;
}


/* Modal */

.modal-content p{
  font-size: 1rem;
  line-height: 1.5rem;
}


.modal-content p.nb_livraisons-text{
  line-height: 3rem;
}

.modal-content label{
  color:white;
}

[type="radio"]:checked + label::after{
  border: 2px solid #fff;
  background-color: #fff;
}

[type="radio"]:not(:checked) + label::before{
   border: 2px solid #fff;
}

.modal-content input[type="text"]{
  border-bottom: 1px solid #cbc5c5;
}

.modal-content .input-field input[type="text"]:focus {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #F8F4F4;
}

.nb_livraisons{
  /*width:50%!important;*/
  text-align: center;
}

.modal-content input.valid[type="text"]{
  box-shadow: 0 0px 0 0 #FFF;
}


.quantity{
  margin-top: -42px;
  font-size: 2rem;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 14px;
  font-family: aileron light;
  z-index: 999;
  position: relative;
}
input[type="range"]{
  border:0px;
}
input[type="range"] + .thumb{
  background-color:white;
}
input[type=range]::-moz-range-thumb {
  background: white;
}

input[type=range]::-webkit-slider-thumb {
  background: white;
}
.value{
  color:black!important;
  padding-right: 2px;
}

/* Panier */
#panier {  
  position:fixed;
  left:0px;
  bottom:0px;
  height:auto;
  width:100%;
  background:#795548;
  box-shadow: 0px 0px 3px #3e2723;
  color:white;
  opacity:0.96;
}

#panier .row{
  margin-bottom:20px;
}
.carousel{
  height:133px;
}
.carousel p{
  position:relative;
  font-size:1.3rem;
  top:90px;
}
#panier p{
  position: relative;
  margin: -36px 0px 10px;
  font-size: 1.2rem;
  z-index:2;
}

#panier h4{
  font-size: 1.4rem;
  margin-top: 0rem;
  margin-bottom:0rem;
}

#panier h5{
  font-size: 1rem;
  margin-top:0.4rem;
}
#passer_la_commande{
  font-size:1.4rem!important;
}

#panier_down{
  font-size:2rem;
  line-height: 0px;
  cursor:pointer;
}
.arrow{
  font-size: inherit;
  vertical-align: middle;
}

#arrow_up{
  padding-bottom: 0.8rem;
}
#arrow_up span{
  font-size:1rem;
}

#arrow_down{
  padding-bottom: 0.2rem;
}
#arrow_down span{
  font-size:1rem;
}
#panier ul{
  margin-top:0px;
}
#panier ul li.productDetail{
 /* padding-left: 2rem;*/
 font-size: 13px;
}
#panier h5{
  margin-bottom:4px;
}

#panier ul li.productDetail a.remove-product{
  float: left;
  line-height: 36px;
  margin-right: 4px;
}

#panier ul li.productDetail a.text-product{
  display: inline-block;
}


/*Shop Ma commande Myorder*/

.toast{
  background-color: #558b2f;
}

.toast-error{
  background-color: #c62828;
}

.price-right{
  float:right;
  text-align: right;
  margin:0px;
  margin-right:6px;
}

.total{
  font-weight: bold;
  margin-top:2rem;
}

.livraisons{
  font-weight: bold;
  margin-top:2rem;
}

.details-row{
  margin-bottom:0px;
}

.details-row .select-quantite{
  margin:0px!important;
}

.details-row input[type="range"]{
  border:0px;
}
.details-row input[type="range"] + .thumb{
  background-color:#558b2f;
  position:unset;
  display:none;
}
.details-row input[type=range]::-moz-range-thumb {
  background: #558b2f;
}

.details-row input[type=range]::-webkit-slider-thumb {
  background: #558b2f;
}

.remove{
  cursor: pointer;
}

.label-cadeau{
  color:rgba(0, 0, 0, 0.87);
  padding-left: 25px!important;
}

.frais .col{
  margin-bottom: 10px;
}
.details_abo{
  margin-left: 30px;
  line-height: 1rem;
}

.abo-row a {
  color: rgba(0, 0, 0, 0.87);
  font-style: italic;
}

.btn-ma-commande{
  background-color:#8bc34a;
  color:white;
}

.btn{
  height:auto;
  min-height: 36px;
}

.btn-ma-commande:hover{
  background-color:#558b2f;
}

.section.myOrder{
  padding:0px;
}

h5.myOrder{
  font-size: 1.3rem;
}

h4.myOrder{
  text-align: center;
}

label.myOrder{
  font-size: 0.86rem!important;
  color: #7a7878;
  line-height: 1.35rem!important;
}

[type="radio"]:not(:checked).with-gap + label::before {
  border: 2px solid #558b2f !important;
}

.with-gap[type="radio"]:checked + label::before{
  border: 2px solid #558b2f ;
}

[type="radio"].with-gap:checked + label:after {
border-radius: 50%;
border: 2px solid #558b2f;
background-color: #558b2f;
z-index: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
}

[type="checkbox"].myOrder + label::before{
  border: 2px solid #558b2f;
}

[type="checkbox"] + label::before {
    border: 2px solid #6d4c41;
}

.total .col p{
  text-align: right;
  margin-top:0px;
}
.nextDelivery{
  text-align: left!important;
  font-style: italic;
  font-weight: 400;

}

/* Shop Ma commande Modal */

#modal-abo{
  background-color: #7cb342;
  color: white;
}
#modal-abo h4{
  text-align: center;
}

/* Timeline Producteur */

.cd-timeline-content{
  box-shadow: 0px 3px 0px #689f38;
}

/* Contact */

.facebook{
  width:27px;
}

/* Footer */

 body {
    display: flex!important;
    min-height: 100vh!important;
    flex-direction: column!important;
  }

  #main {
    flex: 1 0 auto!important;
  }

footer.page-footer{
  padding-top: 0px;
}

footer.page-footer ul{
  color:white;
  margin-top:0px;
  padding-top:30px;
}

.footer-copyright.shop{
 min-height: 86px!important;
}

.footer-copyright.shop.small{
 height: 80px!important;
}
.ul-footer .active{
  background-color:#33691e;

}
/* Scroll */

#scrollUp {
  bottom: 33px;
  right: 20px;
  padding: 19px 19px;
  background-image: url("../img/top.png");
  color: #FFF;
  opacity:0.8;
}

/* Media Queries */

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  .cd-timeline-content{
    width:100%;
    margin-left: 0px;
  }
  #panier{
    text-align: center;
  }
}

 /* Fonts */

@font-face {
  font-family: "Fab";
  src: local(Fab), url("../font/LondrinaSolid-Regular.otf");
  font-weight: 400;
}

/* Test NPA */

.btnNewsletter {
  margin: 0 auto;
}

#register {
  margin: 0 auto;
}


/*logo*/

#logo-container {
  height: 100%;
}

#main-logo {
  height: 100%;
}

#navbar {
  height: 72px;
  line-height: 72px;
}


/*Page paiement*/

table tr.tableau-paiement-gris {
  background-color: #BFBFBF;
}

table tr.tableau-paiement-gris-totaux {
  background-color: #F2F2F2;
}

#credit-card-img {
  width: 90px;
  margin-left: auto;
}

#cardNumber-error, #cardExpiration-error, #cardCVC-error {
  color: #F44336;
}
.text-other ul {
  margin-left: 18px;
}

.text-other ul li {
  list-style: circle;
}