/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

INDEX

0. root
1. HEADER
2. LOGIN
3. CARRITO



***************************************************** */

/* 0. root*/

:root{
    --primary-color: #02022d;
    --secundary-color: #04043a;
    --white: #fff;
}

*, p, span, h1, h2, h3, h4, h5, h6, a{
    font-family: "Muli";
}


/* 1. HEADER*/

#header, #footer{
    background-color: var(--primary-color);
}

#header a.pr-4, #header a.dropdown-toggle{
    color: var(--white);
}

.breadcrumb, nav.master-breadcrumb, .view-cart-items-header, .list-group{
    background-color: var(--secundary-color);
    color: var(--white);
}

.breadcrumb-item{
    color: var(--white);
}

/* 2. LOGIN */

.card-body.px-sm-5.py-5, .card-body.px-md-5.py-5, .card-body.extra-padding{
    background-color: var(--secundary-color);
    border-radius: 10px;
    color: var(--white);
}

/* 3. CARRITO */
.view-cart-items-header, a#Secondary_Sidebar-Actions-View_Cart{
   background-color: var(--secundary-color)!important;
   color: var(--white);
}

#checkout{
    background-color: var(--secundary-color)!important;
    border-color: var(--primary-color)!important;;
}


/*Ocultando items del menú*/
#Primary_Navbar-Announcements, #Primary_Navbar-Network_Status, #Primary_Navbar-Knowledgebase {
    display: none !important;
}
/*, #Primary_Navbar-Store*/