/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/*ENLACES*/
a:hover { color: rgb(54, 54, 54)!important; }

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

/*TOP NAV*/

/**Color de fondo de Cesta**/
#header .header-nav .blockcart {background-color: rgb(251, 251, 251)!important; }

/**Color de Icono Cesta y Texto "Carrito" SIN Productos Añadidos**/
#header .header-nav .cart-preview .shopping-cart, 
#header .header-nav .blockcart .header  {color: rgb(136, 136, 136)!important; }

/**Color de Icono Cesta y Texto "Carrito" CON Productos Añadidos**/
#header .header-nav .cart-preview.active a, 
#header .header-nav .cart-preview.active i {color: rgb(136, 136, 136)!important; }

/**Color HOVER de Icono Cesta y Texto "Carrito" con Productos Añadidos**/
#header .header-nav .cart-preview.active a:hover {color: rgb(0, 0, 0)!important; } 
    
/**Color enlaces “Cerrar Sesión, Usuario y Barra de Navegación**/
#header .header-nav .user-info a{color: rgb(170, 170, 170)!important; }

/**Color HOVER enlaces “Cerrar Sesión, Usuario y Barra de Navegación**/
#header .header-nav .user-info a:hover{color:  rgb(54, 54, 54)!important;  }

/**Color Barra divisora (2px)**/
#header .header-nav {border-bottom: 2px solid rgb(251, 251, 251)!important}

/**Color Cuadro de búsqueda (2px)**/
.search-widget form input[type=text] {border: 1px solid rgb(241, 241, 241)!important}

/**Color FOCUS Cuadro de búsqueda (2px)**/
.search-widget form input[type=text]:focus {outline: 2px solid rgb(0, 0, 0)!important}

/**Color HOVER+FOCUS Icono Lupa Cuadro de Búsqueda**/
.search-widget form input[type=text]:focus+button .search {color: rgb(0, 0, 0)!important}

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

/*PRODUCTO*/

/**Color Botones “Añadir al carrito” y “Pasar Por Caja”**/
.btn-primary { background-color: #69d192!important}

/**Color HOVER+FOCUS Botones “Añadir al carrito” y “Pasar Por Caja”**/
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #79c798!important}

/* colores de botones de pasar por caja COMPROBAR */
#blockcart-modal a:hover{color:unset!important}
#wrapper .btn a:hover {color:white!important}

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


/*HOME PAGE*/

.product-flags li.product-flag { background-color:  #79c798!important}

/***********************************************************************************************/
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover{border-color:#222 !important;}


.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage { background-color: #ff6060!important }




.product-price { color:  rgb(136, 136, 136)!important; font-size:20px!important; }

.cart-grid .product-price {font-size:inherit!important; }

.has-discount .discount{ background-color: #ff6060 !important }
.tabs .nav-tabs .nav-link.active {color: #222 !important}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-color: #222 !important}
#footer .text-sm-center a {color:#222!important}

#blockcart-modal .product-name {color: black!important;     font-family: 'Bodoni Moda', serif!important;  font-family: 'GFS Didot', serif!important; font-size: 22px; font-weight:100 }
.cart-summary-products a {color: rgb(54, 54, 54)!important; }
.form-control:focus, .input-group.focus { outline-color:black!important;}
.form-control:focus {border-color:  rgb(54, 54, 54)!important; }

.block-social ul li {background-color: #aaa!important} 

.block-social ul li:hover {background-color: black!important} 




/*

 .page-my-account  a i:hover {color:grey!important;}

 .page-my-account #content .links a:hover {color:grey!important;}
 .page-my-account #content .links i:hover {color:grey!important;}

 .page-my-account #content .links a span.link-item {color:grey!important;}
 #main .page-content, #main .page-header a:hover {color:red!important;}
 
 */

 .page-my-account #content .links  a i{color:#aaa!important}
 #main .page-footer a {color:#aaa!important}
 #main .page-footer a:hover {color: rgb(54, 54, 54)!important; }

 .page-addresses .address, .page-authentication #content a {color:#aaa!important;} 
 .page-addresses .address, .page-authentication #content  a:hover {color:  rgb(54, 54, 54)!important; }

 .search-widget form input[type=text]:focus {outline-color:black !important}

 .brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {background-color:#ddd}

 .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover {color:#aaa!important}
 .block-category  {min-height: unset!important}
 
 .forgot-password  a {color:#aaa!important}
 .forgot-password  a:hover {color: rgb(54, 54, 54)!important; }