/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/*********************************************/
#topbar,
#header .header-inner,
#header #header-wrap{
  background:#000;
}

#topbar a,
#header .header-inner a,
#header #header-wrap a{
  color:#fff !important;
}

.product .product-image > a,
.product .product-image img {
  display: block;
  width: 100%;
  height: auto !important;
}

#grid-menu{
  text-align:center;
}

#grid-menu h1{
  position:absolute;
  color:#fff;
  padding:1rem;
  background-color:#000;
  border-radius:2rem;
  left: 50%;                        /* horizontal alignment */
  top: 50%;                         /* vertical alignment */
  transform: translate(-50%, -50%); /* precise centering; see link below */
}

#grid-menu img{
  padding:1rem;
  width:100%;
}


.btn-index-slider:hover > a > h1{
  background-color:rgb(227,6,20) !important;
}



#footer{background-color:#fff;}

/****************** *Sidebar-scrollable in Lineas* *********************/
/* .content{
  max-height:780px;
  overflow-y:scroll;
  overflow-x:hidden;
} */

/* .content::-webkit-scrollbar {
  width: 12px;
} */

/* .content::-webkit-scrollbar-track {
  background: #bfbfbf;
} */

/* .content::-webkit-scrollbar-thumb {
  background-color: #e30614;
  border-radius: 20px;
  border: 3px solid #000000;
} */

#footer,
.copyright-content{
  background-color:#000 !important;
}

#footer i,
#footer h3,
#footer a{
  color:#fff !important;
}

.grid-filter li{
  display:block;
  text-align:center;
}
.grid-filter li a {
  font-weight: 600;
  display: block;
  position: relative;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 15px;
  color: #484848;
  border-radius: 0px;
  transition: all .3s ease;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;

}

.grid-filter li:hover a,
.grid-filter li:hover a:hover,
.grid-filter li:hover a:active,
.grid-filter li:hover a:focus, .grid-filter li.active a,
.grid-filter li.active a:hover,
.grid-filter li.active a:active,
.grid-filter li.active a:focus {
  background-color: #e30614 !important;
  color: #ffffff !important;
}

.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
  border-color: #e30614;
  color: #e30614;
  background-color: transparent;
}

@media (max-width: 1024px) {
/*   body{display:none;} */
}

#sillasmenu.grid-filter{
  max-height:20rem;
  overflow:auto;
  background:#c5c0bc69;
}