/**
* Template Name: Presento - v1.1.0
* Template URL: https://bootstrapmade.com/presento-bootstrap-corporate-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# Boutique
--------------------------------------------------------------*/

.header-boutique {
  height: 220px;
  background-color: #D0CFCD;
  transform: skewY(-3deg);
}

.header-boutique h1 {
  padding-top: 100px;
}

.header-boutique .boutique-logo {
  text-align: center;
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
}

.header-boutique .details-logo {
  text-align: center;
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
}

.header-boutique .boutique-logo img {
  height: 200px;
  margin: 0px;
}

.header-boutique .details-logo img {
  height: 120px;
  margin: 0px;
}

.header-details {
  height: 50px;  
  margin-top:-30px
}

/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/
.highlite-text {
  color : rgb(202,53,59);
  font-weight: bold;
}

.icon-service {
  max-width: 100px;
}

@media (max-width: 768px) {
  .icon-service {
    margin-bottom: 20px;
  }

  .titre-boutique {
    font-size: 20px;
  }
}

.nouvelle-titre img {
  height: 20px;
}

.description2 {
 font-size: 12px; 
}

.modal {
  margin-top: 50px;
}

.modal-dialog {
  max-width: 800px;
}

.modal-body {
  padding: 0;
}

label {
  font-size: 0.7em;
  font-weight: bold;
  margin-bottom: 0;
}

.btn-danger {
  background-color: rgb(202,53,59);
  font-size: 0.7rem;
}

.btn-secondary {
  font-size: 0.7rem;
}

.form-control-sm {
  font-size: 0.7rem;
}

.price {
  font-weight: bold;
  font-size: 1.3em;
}

@media (max-width: 380px) {
  .price {
    font-weight: bold;
    font-size: 0.9em;
  }
}

.boutique {
  padding-top: 0px;
}

.boutique .crochets {
  height: 20px;
  margin-bottom: 10px;
}

.boutique .nom a {
  font-weight: bold;
  color: #444444;
}

.partenaire a {
  color: white;
  line-height: 1;
}

.partenaire .separation {
  border-bottom: 2px solid rgb(202,53,59);
  width: 125px; 
  margin: auto; 
  height: 10px;
}

.partenaire .couleur {
  font-size: 0.75em;
}

.titre-modal-boutique {
  margin-top: 2em;
}

@media (max-width: 768px) {
  .titre-modal-boutique {
    margin-top: 6em;
  }
}

.titre-modal-boutique span {
  font-weight: bold;
  font-size: 1.2em;
}

.desc-modal-boutique {
  font-weight: bold;
  font-size: 1.1em;
}

@media (max-width: 768px) {
  .header-details {
    height: 40px;  
    margin-top:-20px
  }

  .header-boutique h1 {
    margin-top: -20px;
    font-size: 2em;
  }

  .image-details {
    padding-top: 25px;
  }

  .price {
    margin-left: 15px;
  }
 
  .desc-modal-boutique {
    font-weight: bold;
    font-size: 0.9em;
  }
}

@media (min-width: 769px) {
  .image-details {
    padding: 15px;
  }

  /*.detail-form {
    margin-top: 40px;
  }*/
}

@media (max-width: 500px) {
  .header-details {
    height: 30px;  
    margin-top:-20px
  }

  .header-boutique h1 {
    margin-top: -20px;
    font-size: 1.6em;
  }
}

.page-boutique {
  margin-top: 50px;
}

.expire {
  padding: 10px;
  background-color: #D0CFCD;
  margin-bottom: 100px;
  border-radius: 7px;
}

.panier-mobile-desc {
  font-size: 0.8em;
}

.red-border {
  border-bottom: 2px solid rgb(202,53,59);
}

.titre-item a {
  color: rgb(28,52,86);
}