/**

 * @file

 * The footer components.

 *

 * It includes styles for the footer itself and its

 * components.

 */



/**

 * Global footer rules

 */

.main-footer{

  text-align: center;

  background-color:#fff;

}



/**

 * Footer content

 */

/* Footer content -- global -- Footer content */

.main-footer__content{

  padding:1rem 0;

}

.bloc-logo-footer .field__item{

  padding:1rem 0;

}

.footer-info-produit{

  font-size:1rem;

}

.footer-ml{

  font-size:1rem;

}

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

  .bloc-logo-footer .field__item{

    display: inline-block;

    vertical-align: middle;

    padding:1rem;

  }

}

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

  .main-footer__content{

    padding:1rem 0;

  }

  .footer-info-produit{

    font-size:1.125rem;

  }

  .footer-ml{

    font-size:1.125rem;

  }

}



/**

 * Footer menu

 */

/* Footer menu -- global -- Footer menu */

.main-footer__nav{

  background-color:#111111;

  padding:1rem 0;

}

.main-footer__nav .menu{

  margin:0;

  text-align: center;

}

.main-footer__nav li{

  padding:1rem 0;

  position: relative;

}

.main-footer__nav li:after{

  content:'';

  display: block;

  position: absolute;

  bottom: 0;

  left:50%;

  transform:translateX(-50%);

  width: 8px;

  height:1px;

  background-color:#fff;

}

.main-footer__nav li:last-child:after{

  display: none;

}

.main-footer__nav a{

  color:#fff;

  font-size:0.9375em;

}

.main-footer__nav ul.menu a.is-active{

  color:#fff;

}

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

  .main-footer__nav{

    padding:1.25rem 0;

  }

  .main-footer__nav li{

    display: inline-block;

    vertical-align: middle;

    padding:0 0.75rem;

  }

  .main-footer__nav li:after{

    top: 50%;

    bottom: inherit;

    left:inherit;

    right:-2px;

    transform:translateY(-50%);

    width: 1px;

    height:15px;

  }

  .main-footer__nav a{

    font-size:1em;

  }

}


/**
 * OneTrust button
 */

#ot-sdk-btn.ot-sdk-show-settings {
  margin-top: 1rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 1rem !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover {
  background: transparent !important;
  text-decoration: underline;
}