/*
Theme Name: ColorStrend
Description: This is a child theme for Flatsome Theme
Author: soymartello
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
div#top-bar {
    height: 40px;
}
#top-bar .html_topbar_left {
    overflow: hidden;
}
#top-bar .flex-col.flex-center ul li center {
    font-size: 13px !important;
	transform: translatex(0); 
animation: marquesina 15s infinite normal linear 1s; 
}
@keyframes marquesina {
  0% {transform: translatex(100%); }
  100% {transform: translatex(-100%); }
}
.header-inner .flex-col.hide-for-medium.flex-left.flex-grow .header-nav-main {
    justify-content: center;
}
.header-inner .flex-col.hide-for-medium.flex-left.flex-grow {
    align-self: self-end;
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: #d08c98!important;
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
    border: 2px solid #d08c98!important;
}
.flickity-slider .col-inner {
    box-shadow: none;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    background: transparent;
}
.mfp-bg.off-canvas.dark.off-canvas-center.main-menu-overlay.mfp-ready{
	background-color:#d08c98;
}
.nav-vertical li.header-search-form.search-form.html.relative.has-icon{
	width:59%;
}
@media(min-width:501px){
	.gridproducthome, .pc {display:block!important;}
	.gridproducthomemovil, .movil{display:none!important;}
}
@media(max-width:500px){
	.pc {display:none!important;}
	.movil{display:block!important;}
	
	/*.slidehome .flickity-viewport{
		height:736px!important;
	}
	.slidehome .banner.is-selected{
		height:736px!important;
	}
	*/
	
	.gridproducthome{display:none!important;}
	.gridproducthomemovil{display:flex!important;}
	.gridproducthomemovil .product-category.col {
    width: 30% !important;
    flex-basis: 33%;
}
	.slider-wrapper .flickity-prev-next-button{
		display:block;
	}
	a.button.checkout.wc-forward, a.button.wc-forward{
		font-size:14px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}