/*******************************
 * Custom CSS.
 * Developed by 
 * Pasquale Seneca
 * Francesco D'Andrea
 * Seneca dot com srl
 * cliente: BLUE STEEL SRL
 *******************************/
 
 /*FONT*/
 @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&subset=latin-ext');

/*Modifica logo - effettiva dopo aver modificato il file .tpl*/
#header .logo {
    width: 100%;
}

 
 /*Modifica font da h1 a h6*/
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   
    font-family: Montserrat;
    
}

/*Body, modifica font con Nunito*/ 
body {
    
   font-family: 'Nunito', sans-serif;
	font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
   
}

/*Modifica font menù*/
#header .header-top a[data-depth="0"] {
    
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

/*Colore hover nel menu principale*/
#header .top-menu a[data-depth="0"]:hover {
    color: #66ccff;
  
}

/*Modifica icona carrello in alto a destra nell'header*/
#header .header-nav .cart-preview .shopping-cart {
    
    color: #fff;
   
}

/*Rimozione pagina negozi footer*/
a#link-static-page-stores-2{
	
	display:none;
}


/*Rimozione aggiunta bordo immagine nella scheda prodotto
img.js-qv-product-cover{
	
	    border: 1px solid lightgrey;
}*/

/*Rimozione ombra e sfondo ad anteprima immagini thumbnail*/
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
   
    background: transparent;
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 0%);
}

/*Icona new allineamento 

li.product-flag.new {
	
	margin-top: 2.925rem;
	
}*/

/*Modifica font contenuti pagine cms e scheda prodotto*/

.page-content.page-cms ul, p {
  
   font-family: 'Nunito', sans-serif;
	font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
 
/*Larghezza pagina 100%*/
.container {
    width: 100%;
}

/*Altezza slide*/
.carousel .carousel-inner {
    height: 640px;
}

/*Margine slide home*/
.carousel {
    margin-left: -16px;
    margin-right: -13px;
}



/*HEADER*/

#header {
    
    color: #fff;
	    border-bottom: 1px solid #66ccff;
}

#header a {
    color: #7a7a7a;
}

/*Pulsante cerca nell'header*/
.search-widget form input[type=text] {
   
    border: 1px solid #66ccff;
}

/*Modifica colore icona carrello in alto a destra*/

#header .header-nav .blockcart {
    background: #66ccff;
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
}

/*Cambio colore header nav + modifica bordo*/
#header .header-nav {
    border-bottom: 2px solid #66ccff;
   
    background-color: #1344a9;
}

/*Cambio colore icona in saldo */
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #ff3030;
	width: 50px;
    height: 50px;
    border-radius: 50%;
	padding-top: 13px;
    padding-left: 4px;
	font-size: 1rem;
	
}

/*Icona saldo modifica bordo e padding*/
.li.product-flag discount {
	
	    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 11px;
    padding-left: 4px;
    margin-left: 10px;
    margin-top: 12px;
	
}
/***MENU VERTICALE****/

/*Testo accedi nell'header*/

span.hidden-sm-down{
	
	color:white;
}

/*Logo account accedi*/

i.material-icons {
	
	color: #1344a9;
	
}

div.user-info a i.material-icons {
	
	color: white;
	margin-top: -19px;
	
}

div.header i.material-icons.shopping-cart {
	
	margin-top: -17px;
}

/*FOOTER*/

/*cAMBIO COLORE SFONDO FOOTER*/

.footer-container {
   
    background-color: #1344a9;
	    border-top: 1px solid #fff;
 
}
/*Colore chiaro footer before intorno alla newsletter*/
#footer {
    
    background-color: #66ccff;
}
/*Modifica background newsletter*/
.block_newsletter {
    background: #66ccff;
    font-size: .875rem;
    margin-bottom: .625rem;
}

/*mODIFICA COLORE PULSANTE INVIO NEWSLETTER*/
.block_newsletter form input[type=email] {
    padding: 11px;
    width: 100%;
    background-color: #fff;
}

.block_newsletter form input {
    height: 42px;
    box-shadow: none;
    background-color: #1344a9;
}

/*Modifica colore testo newsletter*/
#footer .block_newsletter .page-content.page-cms ul, #footer .block_newsletter p, .page-content.page-cms #footer .block_newsletter ul {
    
    color: white;
}

/*Modifica prodotti e la nostra azienda nel footer*/
p.h3.hidden-sm-down {
    color: #66ccff;
    
}


   .footer-container li a {
    color: #fff;
    
    font-size: 0.875rem;
    line-height: 2rem;

}
/*Colore piè di pagina crediti footer*/
p.text-sm-center {
	    color: #fff;
}

/*Modifica email nel blocco contatti footer*/
.dropdown {
    color: #66ccff;
}
	
/*Modifica colore il tuo account nel footer*/

#block_myaccount_infos .myaccount-title a {
    color: #66ccff;
}

/*Modifica blocco informazioni negozio*/

.block-contact .block-contact-title, .linklist .blockcms-title a {
    color: #66ccff;
}

/*Modifica blocco contatti nel footer*/

.block-contact {
    color: #fff;
    line-height: 2rem;
}

/*Modifica btn.primary colore pulsanti base*/
.btn-primary {
    color: #fff;
    background-color: #1344a9;
    
}

/*Btn primary hover*/
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    
    
    background-color: white;
    color: black;
}

/*Product cover layer hover su scheda prodotto*/
.product-cover .layer {
    background: rgba(31,54,101,.6);
    border-radius: 50%;
    box-shadow: 6px 4px 130px 68px rgb(64 123 243 / 63%);
    left: 172px;
    top: 133px;
    width: 40%;
    height: 40%;
    transition: .6s ease;
}

/*Bordo miniatura scheda prodotto*/
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 1px solid #1344a9;
}

/*Etichetta nuovo cambio colore*/
.product-flags li.product-flag {
    
    background: #66ccff;
	padding-top: 10px;
    font-size: 1.2rem;
    
}
/*Colore descrizione prodotto*/
.tabs .nav-tabs .nav-link.active {
    color: #1344a9;
}

/*Bordo active nella scheda prodotto*/
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    
    border-bottom: 3px solid #66ccff;
}



/*Margine allinemaneto*/
.tabs {
   
    margin: 2rem auto;
    width: 80%;
   
}

/*Icona commenti scheda prodotto*/
#product-comments-list-header .comments-nb {
    
    width: 80%;
    margin: auto;
}

/*Box commenti scheda prodotto*/
#empty-product-comment {
    
    width: 80%;
    margin: auto;
}

/*Rimozione sfondo background scheda prodotto, necessita di foto in png per funzionare*/
.product-cover img {
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 0%);
    background: transparent;
      
}

/**********************/
/*Rimozione anteprima nella scheda prodotto*/
.product-images>li.thumb-container {
    display: none;
}

/*Allineamento prodotti home in vetrina*/
#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
    margin: 0px 0.8125rem 0 15%;
}

/*Material icons icone header accedi e carrello
.material-icons {
	
	margin-top: -18px;
	
}*/

/*Pulsante wishlist*/
.products article .wishlist-button-add {

    margin-top: 203px;
    margin-right: 97px;
}

/*Immagine banner a tutto schermo*/
.img-fluid, .carousel-inner>.carousel-item>img, .carousel-inner>.carousel-item>a>img {
   
    width: 100%;
}

/**MENU VERTICALE PROVA***/
/*Background sotto menu restringimento */

#header .header-top .position-static {
    /* position: static; */
       position: relative;
    margin-bottom: -86px;
    margin-top: -88px;
	margin-left: -5px;
    z-index: 100;
}

/*Menu incolonnato*/
.top-menu[data-depth="1"] {
    display: table-caption;
}

/*Margine al menu*/
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
  
    margin-left: 98px;
	padding-top: 10px;
}

/*Testo prodotti popolari nascosto*/
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title {
    margin: 2.5rem 0;
    font-weight: 500;
    text-align: center;
    display: none;
}
/*Testo prezzo nascosto*/
#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: #232323;
    text-align: center;
    display: none;
}

/*Rimozione anteprima nei prodotti nella home*/
#products .highlighted-informations .quick-view, .featured-products .highlighted-informations .quick-view, .product-accessories .highlighted-informations .quick-view, .product-miniature .highlighted-informations .quick-view {
   
    display: none;
}

/*Bordo anteprima prodotti linea grigia*/

#products .thumbnail-container:focus .product-description:after, #products .thumbnail-container:hover .product-description:after, .featured-products .thumbnail-container:focus .product-description:after, .featured-products .thumbnail-container:hover .product-description:after, .product-accessories .thumbnail-container:focus .product-description:after, .product-accessories .thumbnail-container:hover .product-description:after, .product-miniature .thumbnail-container:focus .product-description:after
{
    content: "";
    border-top: 0;
    position: absolute;
    width: 80%;
    top: 0;
    left: 10%;
    opacity: .25;
}

/*********MOBILE**************/

/*Modifica slide allineamento*/
@media (max-width: 991px){
.carousel {
   
    left: 0;
    
}

}

@media (max-width: 767px) {
	
	span.h3 {
		
		color:white;
	}
	
	
	a.h3 {
		
		color:white;
		
		
background-image: url(https://store2.ironfist.it/img/logo-hp-ironfist.png);	
		
				
	}
	
products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
    margin: 0;
}	
	
	
	/*Header menu mobile*/
#header, #header .header-top {
    background-color: white;
    background-image: url(https://store2.ironfist.it/img/logo-ironfist.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 0px;
	height: 68px;
}	
	
/*Rimozione logo*/	
#header .top-logo img {
   
    display: none;
}	
	
div.hidden-md-up.text-sm-center.mobile	div#menu-icon.float-xs-left i.material-icons.d-inline {
		
		color: white;
	} 	
	
	
}


/*Freccette nel menu mobile footer*/
.float-xs-right {
    float: right!important;
    color: white;
}