/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 * rgb(85, 16, 132)
 */
.header-nav {
    background-color: rgb(85, 16, 132); /* Dark purple */
    color: white;
}


.blockcart .inactive{
    background: rgb(100, 51, 133);
}

#_desktop_cart .blockcart.inactive{
    background: rgb(100, 51, 133);
}

#_desktop_contact_link div>a{
    color: white;
}


#contact-link a , #_desktop_user_info  a {
    color:white
}

.user-info span {
    color:white!important
}


#footer{
    padding-top:.5rem;
    background:linear-gradient(50deg,#551084 60%,#206b60 99.98%);
}

#footer p,
#block_myaccount_infos p,
#block_myaccount_infos a{
    color:#fff;
}

.block-social ul li{
    background-color:aliceblue;
}


#block_myaccount_infos p a{
    color:white!important
}

#footer .block-contact {
    font-size: .875rem;
    color: #c7c4c4;
}
#footer  .footer-container{
         padding-top: 0.5rem; 
}
#footer .block-social ul li {
        background-color:transparent
        
}
#footer li a{
    color:#e4e0e2!important
}
#footer li a:hover{
    color:#2275dc!important
}
#wrapper{
    min-height: 57vh;
}

#footer_account_list.collapse.in {
    background:rgb(54, 26, 81)
}
#footer_sub_menu_1.collapse.in {
    background:rgb(54, 26, 81)
}
#footer_sub_menu_2.collapse.in {
    background:rgb(54, 26, 81)
}
#footer_sub_menu_3.collapse.in {
    background:rgb(54, 26, 81)
}
#footer_sub_menu_4.collapse.in {
    background:rgb(54, 26, 81)
}

.product-flags li.product-flag.on-sale {
    background: rgb(85, 16, 132)
}

.title.clearfix.hidden-md-up span {
    color:white
}

.block-category{
    display:none
}

#footer > div.footer-container > div > div > div > div.wishlist-modal.modal.fade.show > div > div > div.modal-body > p{
    color:black
}
#footer > div.footer-container > div > div:nth-child(1) > div.wishlist-add-to > div.wishlist-modal.modal.fade.show > div > div > div.modal-body > div > ul > li > p{
    color:black
}

#group_2 > li > label > span{
    border-radius:50%;
}




#group_2 > li label > input:checked span{
  transform:scale(1.50);
}
#group_2 > li label input[type="radio"]:checked {
  /* transform:scale(1.50); */    
/* se mantiene agrandado */
}

.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span {
    transform:scale(1.50);

}