html, body {
    color: #280028;
}

h2, h3, h4, h5, h6 {
    color: #5A0050;
}

.navbar {
    background-color: #5A0050;
}

.navbar .active {
    color: #FFFFFF;
    background-color: #AA188B;
}

.language-switcher .form-select {
    background-color: #5A0050;
    color: #FFFFFF;
}

.language-switcher option {
    background-color: #5A0050;
    color: #FFFFFF;
}

.account-shop .shop-number {
    background-color: #AA188B;
}

.scrolled .nav-link {
    color: #280028;
}

.scrolled .active {
    color: #FFFFFF;
}

.scrolled .bar1, .scrolled .bar2, .scrolled .bar3 {
    background-color: #280028;
}

.scrolled .language-switcher .form-select {
    background-color: #FFFFFF;
    color: #280028;
    border-color: #5A0050;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23280028' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.btn-primary-color {
    background-color: #AA188B;
    border: 2px solid #AA188B;
    color: #ffffff;
}

.btn-primary-color:hover {
    background-color: #5A0050;
    border-color: #FFFFFF;
    color: #ffffff;
}

.btn-primary-outline {
    background-color: transparent;
    border: 2px solid #5A0050;
    color: #5A0050;
}

.btn-primary-outline:hover {
    background-color: #5A0050;
    border-color: #FFFFFF;
    color: #ffffff;
}
.btn-primary-color:focus, .btn-primary-color:target {
    background-color: #5A0050;
}

.page-header-styling-element {
    background-color: #5A0050;
}

.page-header-styling-element .page-header-text-block h1 {
    color: #DDA2D1;
}

.box-right-color {
    background-color: #F8ECF6;
}

.box-right-2-color {
    background-color: #F8ECF6;
}

.big-img-with-bullets {
    background-color: #5A0050;
}

.big-img-with-bullets h2 {
    color: #DDA2D1;
}

.plus-style-list {
    list-style-image: url("../images/icons/plus-regular-purple.svg");
}

.quote-block {
    background-color: #5A0050;
}

.quote-block h2 {
    color: #DDA2D1;
}

.cta-block-color {
    background-image: linear-gradient(0deg, rgba(90, 0, 80, 0.5494572829131652) 0%, rgba(170, 24, 139, 0.4990371148459384) 100%), url('../images/home/cta.jpeg');
}

.cart-modal .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23AA188B'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.filter-btn .form-select {
    color: #000000;
    border-color: #AA188B;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AA188B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.filter-btn option {
    color: #000000;
}

.cart-total {
    color: #AA188B;
}

.cart-total-border {
    color: #AA188B;
}

.account-header {
    background-color: #F8ECF6;
}

.contact-header {
    background-color: #F8ECF6;
}

.contact-header h1 {
    color: #5A0050;
}

.contact-form {
    background-color: #DDA2D1;
}

.about-header {
    background-color: #F8ECF6;
}

.about-header h1 {
    color: #5A0050;
}

.news-header {
    background-color: #F8ECF6;
}

.news-header h1 {
    color: #5A0050;
}

.orders-row:hover {
    box-shadow: 2px 4px 8px 0#b3b3ba,inset 0 -.25em 0 #AA188B;
}

.orders-side-link:hover {
    box-shadow: 0 0 0 0#b3b3ba,inset 0 -.10em 0 #AA188B;
}

.footer {
    background-color: #280028;
}

footer .footer-mail-icon:before {
    content: url("../images/icons/envelope-solid-purple.svg");
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

footer .social-title {
    color: #DDA2D1;
}

.footerbar {
    background-color: #280028;
}

.footerbar-text-color {
    color: #DDA2D1;
}

.footerbar-link-hover:hover {
    color: #DDA2D1;
}

@media screen and (max-width: 991px) {
    .navbar .nav-link {
        border-bottom: 1px solid #280028;
    }

    .page-header-text-block {
        background-color: #5A0050;
    }
}