:root {

    --mp-black: #000000;
    --mp-gray : #f2f2f2;
    --mp-dark-green : #234435;
    --mp-green : #80b04b;
    --mp-tan : #fcdcb8;
    --mp-red : #c64756;
    --mp-light-blue: #5ea2c2;
}

.mp-text-gradient{
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
}

.mp-button-gradient{
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 6px;
}

.mt-6 {
  margin-top: 5rem !important;
}
.mb-8 {
  margin-bottom: 6rem !important;
}

.mp-button-gradient:hover{
    color:white
} 

.mp-text-gradient00 {

    background-image: linear-gradient(90deg, var(--mp-red), var(--mp-tan));
    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg, var(--mp-red), var(--mp-tan));
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-text-gradient01 {

    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-text-gradient02 {

    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-text-gradient03 {

    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef 15%,#609fe4 25%,#3abfde 35%,#04d18e 45%);
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-text-gradient04 {

    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef,#609fe4 1%,#3abfde 35%,#04d18e 85%);
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-text-gradient05 {

    background-clip: text;
    color: transparent;
    
    background-image: -webkit-linear-gradient(0deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 60%,#04d18e 85%);
    -webkit-background-clip : text;
    -webkit-text-fill-color: transparent;
    
}

.mp-background-dark-green {

    background-color: var(--mp-dark-green);
    
}

.mp-background-light-blue {

    background-color: var(--mp-light-blue);
    
}

.mp-color-light-blue {

    color: var(--mp-light-blue);
    
}

.mp-background-black{

    background-color: var(--mp-black);
    
}

.text-pre-line{
	
   white-space: pre-line;

}

.mp-img-fluid{
    max-width: 100%;
    max-height: 300px;
}

.ratio-3x2{
 aspect-ratio: 3/2;
}

.navbar-nav {
    --bs-nav-link-color: white;
    --bs-nav-link-hover-color: white;
}

.fw-list-group-numbered-bold li::before{
    font-weight: 700 !important;
}

.list-style-dash{
   list-style-type: none;
}

.list-style-dash li::before{
   content: '-';
   padding-inline-end: 1em;
}

.--mp-home-section a {

    color: #000;
    text-decoration: none;
    
}

.--mp-home-section p {

    //color: #86868b;
    
}


.mp-list-inline li+li:before {
    content: "|";
    margin-right: 0.25rem;
}


.no-link-style a {
    color: inherit;
    text-decoration: none; 
    cursor: default;
}


.strong-text {
    font-weight: bold;
}

.info-box {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 15px 0;
}

.delivery-box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
}

.delivery-box-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

hr {
    border-bottom: 1px solid grey;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

@media all and (max-width: 1199px) and (min-width: 992px) {
	.card a.mp-background-black:not(.btn-imprimer){ width: 75% !important}
}

@media all and (max-width: 993px) and (min-width: 767px){
	.card a.mp-background-black:not(.btn-imprimer){ width: 100% !important}
}

@media all and (max-width: 1399px) and (min-width: 1200px) {
	.card.mobile .card-title{ font-size: 2rem;}
	.card.mobile .fs-3{ font-size: 1.5rem!important;}
}

@media all and (max-width: 1199px) and (min-width: 992px) {
	.card.mobile .card-title{ font-size: calc(1.3rem + .6vw);}
	.card.mobile .fs-3{ font-size: 1.25rem!important;}
	.card.mobile i.bi-power{ width: 32px !important;}
}

@media all and (max-width: 991px) and (min-width: 768px) {
	.card.mobile .card-title{ font-size: calc(1.275rem + .3vw);}
	.card.mobile .fs-3{ font-size: .875rem!important;}
	.card.mobile i.bi-power{ width: 22px !important;}
	.card.mobile .btn-lg{ --bs-btn-padding-x: 0.75rem;
    		     	      --bs-btn-padding-y: 0.375rem;}
}

@media all and (max-width: 767px) and (min-width: 530px){
	.card.mobile .card-title{ font-size: 1.25rem;}
	.card.mobile .fs-3{ font-size: .65rem!important;}
	.card.mobile i.bi-power{ width: 22px !important;}
	.card.mobile .btn-lg{   --bs-btn-padding-y: 0.25rem;
				--bs-btn-padding-x: 0.5rem;
				--bs-btn-font-size: 0.875rem;
				--bs-btn-border-radius: 0.25rem;}
}

@media all and (max-width: 529px){
	.card.mobile .card-title{ font-size: .75rem;}
	.card.mobile .fs-3{ font-size: .5rem!important;}
	.card.mobile i.bi-power{ width: 12px !important;}
	.card.mobile .btn-lg{   --bs-btn-padding-y: 0.25rem;
				--bs-btn-padding-x: 0.5rem;
				--bs-btn-font-size: 0.875rem;
				--bs-btn-border-radius: 0.25rem;}
}