:root {
    --probeauty-color: #EA1C2C;
}

.text-redshop4u {
    color: var(--probeauty-color) !important;
}

.text-redshop4u path{
    fill: var(--probeauty-color);
}

.text-redshop4u-hover:hover {
    color: var(--probeauty-color) !important;
}

.text-redshop4u-white-hover:hover{
    color: var(--probeauty-color) !important;
}

.text-redshop4u{
    color: var(--probeauty-color);
}

.text-redshop4u-errormsg{
    color: var(--probeauty-color);
}

.svg-redshop4u{
    fill: var(--probeauty-color) !important;
    -webkit-filter: invert(29%) sepia(98%) saturate(6096%) hue-rotate(346deg) brightness(93%) contrast(96%) !important;
    filter: invert(29%) sepia(98%) saturate(6096%) hue-rotate(346deg) brightness(93%) contrast(96%);
}

.nav-item:hover .svg-redshop4u-white-hover, .svg-redshop4u-white-hover:hover {
    fill: var(--probeauty-color);
}

.nav-item:hover .svg-redshop4u-white-hover, .svg-redshop4u-white-hover:hover {
    fill: var(--probeauty-color);
}

.bg-redshop4u {
    background-color: var(--probeauty-color);
}

.btn-redshop4u {
    background-color: var(--probeauty-color) !important;
}

h1 {
    color: var(--probeauty-color);
}

.fa-angle-left,
.fa-angle-right {
    color: var(--probeauty-color);
}

.how-it-works dt,
.advantages h3,
.strong-title {
    color: var(--probeauty-color);
}

.event button,
footer button,
.signin-button,
.signup-button,
.promotions button,
.popup-bg button {
    background-color: var(--probeauty-color) !important;
}

.social>a:hover div {
    color: var(--probeauty-color) !important;
}

.register-popup a {
    color: var(--probeauty-color);
}

header a.strong-title,
nav a.strong-title {
    color: var(--probeauty-color);
}

.full-heart-active {
    color: var(--probeauty-color);
}

.navigation-text:hover,
.nav-item:hover,
.nav-link:hover,
.nav-item:hover a,
.nav-link:hover a {
    color: #000 !important;
}

.menu-item-link:hover {
    color: var(--probeauty-color);
}

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

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: var(--probeauty-color);
    border-color: var(--probeauty-color);
}

.how-it-works dl div>span {
    color: var(--probeauty-color);
}

.back2top {
    background-color: var(--probeauty-color);
}

.cookies-float-button {
    background-color: var(--probeauty-color);
}

.cookie-banner-button {
    background-color: var(--probeauty-color);
}

.btn-primary {
    background-color: var(--probeauty-color) !important;
    border-color: var(--probeauty-color) !important;
}

.btn-primary:hover {
    background-color: var(--probeauty-color) !important;
    border-color: var(--probeauty-color) !important;
}

.button-popup-ok {
    background-color: var(--probeauty-color) !important;
}

.button-popup-welcome {
    background-color: var(--probeauty-color) !important;
}

.beckbox-active {
    background: var(--probeauty-color);
}


@keyframes bouncedelay {
    0% {
      bottom: 0;
      background-color: var(--probeauty-color);
    }
    16.66% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    33.33% {
      bottom: 0px;
      background-color: var(--probeauty-color);
    }
    50% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    66.66% {
      bottom: 0px;
      background-color: var(--probeauty-color);
    }
    83.33% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    100% {
      bottom: 0;
      background-color: var(--probeauty-color);
    }
  }

  @-webkit-keyframes bouncedelay {
    0% {
      bottom: 0;
      background-color: var(--probeauty-color);
    }
    16.66% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    33.33% {
      bottom: 0px;
      background-color: var(--probeauty-color);
    }
    50% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    66.66% {
      bottom: 0px;
      background-color: var(--probeauty-color);
    }
    83.33% {
      bottom: 40px;
      background-color: var(--probeauty-color);
    }
    100% {
      bottom: 0;
      background-color: var(--probeauty-color);
    }
  }

/* Advantages section */
.advantages {
    background-image: url(../img/newLogin/advantages_probeauty.jpg);
}

/* New navbar */
.svg-navbar:hover{
    fill: #000000;
}

#langPointer {
    border-bottom-color: var(--probeauty-color);
}