:root {
    --pink: #b80059;
    --red: #990000;
    --red2: #770000;
}

a:hover {
    color: var(--pink);
}

/* Input type number (hide arrows)*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.text-danger {
    color: var(--red)!important;
}

a.text-danger:hover,a.text-danger:focus {
    color: var(--red2)!important;
}

.fs-10 {
    font-size: 10px!important
}

/* TTC */
sup.ttc{
    top: -0.7rem !important;
    font-weight: 600 !important;
}

.cart-canvas .card-footer sup.ttc {
    top: -0.5rem !important;
}

sup.ttc.fs-8,
sup.ttc.fs-10{
    top: -0.4rem !important;
}

sup.ttc.fs-14{
    top: -1.25rem !important;
}

.main-header .menu-cart sup.ttc.fs-8{
    top: -0.3rem !important;
    letter-spacing: normal;
}

/* Modal */
.modal-backdrop {
    z-index: 100040;
}

.modal{
    z-index: 100050;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Loader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
    z-index: 9999999;
    display: none;
}
  
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid var(--pink);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
}

#status {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
}


.main-header .navbar-brand img{
    width: 200px;
    margin-top: -10px;
}

.topbar.dark {
    background-color: #000;
    color: #FFF;
}

.topbar.dark a{
    color: #FFF;
}

.topbar.dark a.social:hover{
    color: var(--pink);
}

.text-pink{
    color: var(--pink) !important;
    /*color: #b80059;*/
}

.border-pink {
    border-color: var(--pink) !important;
}

.text-black{
    color: #000;
}

.border-hover-pink:hover {
    border-color: var(--pink) !important;
}

.bg-hover-pink:hover, a.bg-hover-pink:hover{
    background-color: var(--pink) !important;
}
.bg-hover-pink:focus, a.bg-hover-pink:focus {
    background-color: var(--pink) !important;
}

.bg-pink {
    background-color: var(--pink) !important;
}
a.bg-pink:hover, a.bg-violet:focus, button.bg-violet:hover, button.bg-violet:focus {
    background-color: #a0004d!important;
}

.bg-black {
    background-color: #000!important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #000!important;
}

a.bg-white:hover,a.bg-white:focus,button.bg-white:hover,button.bg-white:focus {
    background-color: #FFF!important
}


/* Button */
.btn-pink {
    color: #fff;
    background-color: var(--pink);
    border-color: var(--pink);
    box-shadow: none;
}
.btn-pink:hover {
    color: #fff;
    background-color: #a0004d;
    border-color: #a0004d;
}
.btn-violet:focus, .btn-violet.focus {
    color: #fff;
    background-color: #a0004d;
    border-color: #a0004d;
    box-shadow: 0 0 0 .2rem rgba(149, 113, 158, .5);
}
.btn-violet.disabled, .btn-violet:disabled {
    color: #fff;
    background-color: var(--pink);
    border-color: var(--pink);
}
.btn-violet:not(:disabled):not(.disabled):active, .btn-violet:not(:disabled):not(.disabled).active, .show>.btn-violet.dropdown-toggle {
    color: #fff;
    background-color: #65446e;
    border-color: #5e4066;
}
.btn-violet:not(:disabled):not(.disabled):active:focus, .btn-violet:not(:disabled):not(.disabled).active:focus, .show>.btn-violet.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(149, 113, 158, .5);
}

/* Promotions */
.badge{
    padding: .5em;
    font-size: 100%;
}

.badge-pink {
    color: #fff;
    background-color: var(--pink);
}
a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #a0004d;
}
a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(184, 0, 89, 0.5);
}


/* Avis Clients */
.custom-slider-04 {
    /*width: auto;*/
}

/* Cart */
.main-header .navbar-right .number {
    top: -3px;
    right: 12px;
    background-color: var(--pink);
}


/* Product details */
#pills-details a{
    color: var(--pink);
}

.input-group>.form-control:focus{
    z-index: auto;
}

.primary-summary-inner.sticky, .form-review-inner.sticky {
    top: 60px!important;
}

@media(min-width:1200px) {
    .main-header .navbar-brand img{
        width: 260px;
        margin-top: -10px;
    }

    .main-header .navbar-brand {
        position: absolute;
        max-width: 260px;
        z-index: 10000;
    }
    
    .galleries-product-01 .slider-nav {
        -ms-flex-order: 2;
        order: 2;
        width: 90px;
    }
    .galleries-product-01 .slider-for {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 90px);
    }


    /* Connexion */
    .connexion .sign-in{
        border-right:1px solid #ECECEC;
        padding-right: 4rem;
    }

    .connexion .sign-up{
        padding-left: 4rem;
    }
    

}


.dark-infos{
    background-color: #000;
}

.dark-infos .nav-pills .nav-link.active {
    color: #FFF;
    background-color: transparent;
}

.dark-infos .nav-pills .nav-link {
    color: rgba(255, 255, 255, .4)
}

.dark-infos .nav-pills .nav-link:hover {
    color: rgba(255, 255, 255, .6)
}

/* Configuration */
.mw-180 {
    max-width: 180px;
}

.color-choice{
    width: 40px;
    height: 40px;
    border-radius: 50%
}

/* Mobile Nav */
.sidenav .dropdown-menu .dropdown-item:hover,.sidenav .dropdown-menu .dropdown-item:focus,.sidenav .dropdown-menu .dropdown-item.active,.sidenav .dropdown-menu .dropdown-item:active {
    color: var(--pink)
}

.sidenav .dropdown-menu .dropdown-item:hover .dropdown-link,.sidenav .dropdown-menu .dropdown-item:focus .dropdown-link,.sidenav .dropdown-menu .dropdown-item.active .dropdown-link,.sidenav .dropdown-menu .dropdown-item:active .dropdown-link {
    border-bottom-color: var(--pink)
}


/* Product */
.product .btn {
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.product:hover .btn {
    opacity: 1;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--pink);
    background-color: var(--pink);
}

#config-resume .product-option{
    margin: 0.4rem 0.6rem;
    text-align: center;
}

.swatches-item .badge{
    font-size: 75%;
}

#collapse-tabs-accordion-01 .btn:hover, #collapse-tabs-accordion-01 .btn[aria-expanded="true"] {
    color: var(--pink);
}


/* Form Validation */
label.error {
    color: #c7032d;
    font-size: 0.8rem;
    margin-left: 0.4rem;
}

/*.shop-swatch .selected .swatches-item {
    border-color: var(--pink)!important;
    color: var(--pink);
}*/



/* Checkout */
.hidden-box,
.card-box,
.bank-transfert-box,
.check-box,
.account-consignor-box {
    display: none
}


.btn-delivery {
    box-shadow: none!important
}

.btn-delivery.active,.btn-delivery:hover {
    background-color: transparent!important;
    border-color: var(--pink)!important
    
}

.btn-delivery.active svg,
.btn-delivery:hover svg,
.btn-delivery.active svg,
.btn-delivery:hover i,
.btn-delivery.active .text-secondary
{
    color: var(--pink)!important;
}

.checkout .cart-price{
    max-width: 80%;
}

.checkout .item-cart{
    border-bottom:1px dashed #CCC;
}

.checkout .item-cart:last-child{
    border-bottom: none;
}

/* Dashboard */
.dashboard-wrapper table thead th {
    font-weight: 700;
}

.dashboard-wrapper .btn-xs {
    font-size: 13px;
    padding: 6px 10px;
}

.dashboard-wrapper .table>:not(caption)>*>* {
    padding: .8rem;
}

.dashboard-wrapper .badge,
.order-info-wrap .badge{
    padding: 0.5em 0.8em;
}

.alert-green {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-blue {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-yellow {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-red {
    color: #62291d;
    background-color: #f2dcd7;
    border-color: #eccec7
}

.alert-pink {
    color: #621d47;
    background-color: #f2d7e9;
    border-color: #ecc7e1
}

.alert-purple {
    color: #491d62;
    background-color: #e9d7f2;
    border-color: #ddc7ec
}


/* Pages statiques */
.w-80px {
    width: 80px;
}

.h-80px {
    height: 80px;
}

/* Home Slick */
.home-slick {
    height: calc(100vw * 0.40);
}

/* Pub 50/50 */
.banner-01 .card-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.64;
}

/* Demande de devis */
ol.numbering{
    color: #ccc;
    list-style-type: none;
}
   
ol.numbering li {
    position: relative;
    font-size: 2.5rem;
}
   
ol.numbering p {
    font-size: 1rem;
    padding-left: 60px;
    color: #555;
    text-align: justify;
}
   
ol.numbering span {
    position: absolute;
}


/* Cart */
.cart-canvas {
    max-width: 100%;
}

/* News */
.news-single a{
    color: var(--pink);
    font-weight: bold;
}