/*
Theme Name: Theme Cloud
Description: This is a child theme for Flatsome Theme
Template: flatsome
Version: 3.0
*/
@import "assets/css/default.css";
@import "assets/css/theme.css";

/*************** ADD CUSTOM CSS HERE.   ***************/
.off-canvas .mobile-sidebar-slide .sidebar-menu{
	background: #FFF;
}
#top-bar *{
	color:#000;
}
body.search .blog-wrapper.blog-archive #post-list, body.archive .blog-wrapper.blog-archive #post-list{
	padding:10px 10px;
}

body.search .blog-wrapper.blog-archive .archive-page-header .page-title, body.archive .blog-wrapper.blog-archive .archive-page-header .page-title{
	font-weight: 700;
}
body.archive .blog-wrapper.blog-archive .post-title,
body.search .blog-wrapper.blog-archive .post-title{
	font-weight: 700;
	font-size: 18px;
}
.page-numbers.nav-pagination{
    padding-bottom: 20px;
}
.flatsome-child-menu .ux-menu-link{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
.flatsome-child-menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.flatsome-child-menu .ux-menu-link a{
	border:1px solid #99d2fd;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 20px;
}
.flatsome-child-menu .ux-menu-link:first-child a,
.flatsome-child-menu .ux-menu-link a:hover{
	background: var(--fs-color-primary);
	color:#FFF;
	border-color:var(--fs-color-primary);
}
.wpcf7 input.wpcf7-form-control:not(.wpcf7-submit){
	background: #FFF;
		margin:0px;
		height:42px;
		border-radius: 5px 0px 0px 5px;
}
.wpcf7 .wpcf7-submit{
	background: var(--fs-color-alert) !important;
	margin:0px;
	height:40px;
	border-radius: 5px;
}
.wpcf7 .flex-col .wpcf7-submit{
	border-radius: 0px 5px 5px 0px;
}

.wpcf7 .flex-col{
	padding:0px !important;
}
.wpcf7 .wpcf7-form-control-wrap{
	margin-bottom: 0px;
}
.header-wrapper a.header-cart-link{
	    overflow: inherit;
}
.header-wrapper form.searchform .search-field{
width: 300px;
    height: 42px;
    border-radius: 5px;
    border:1px solid #EEE;
    padding-right:50px;
}
.header-wrapper form.searchform .submit-button{
	height: 42px;
	width:40px;
	border-radius: 0px 5px 5px 0px;
	border:0px;
	box-shadow: none !important;
}
.page-checkout{
	background: #FFF !important;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg{
	background: var(--fs-color-primary);
	border-color:var(--fs-color-primary);
	color:#FFF;
	opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button,
.slider-nav-circle .flickity-prev-next-button {
	opacity: 1;
}
.product-small .box-image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.product-small .box-image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}


@keyframes shine{
    100% {
        left: 125%;
    }
}

div.number-sold {
    text-align: center;
    position: relative;
    height: 20px;
    margin:10px 0px;
    color: #fff;
    box-shadow: none;
    font-size: 12px;
    overflow: hidden;
}
div.number-sold:before{
    content:"";
    position: absolute;
    left:0px;
    top:0px;
    width:20%;
    height:100%;
    background: var(--fs-color-secondary);
    border-radius: 20px 0px 0px 20px;
}
div.number-sold:after{
    content:"";
    position: absolute;
    top:0px;
    width:80%;
    height: 100%;
    background: var(--fs-color-secondary);
    opacity: 0.7;
    left:20%;
    border-radius: 0px 20px 20px 0px;
}
div.number-sold span{
    position: relative;
    z-index: 1;
}
.icon-box-small .icon-box-img{
	width:10px !important;
}
.archive.post-type-archive-product .products.row .col.product-small,
.col.product-small{
	border:1px solid #f3f3f3;
	padding: 0;
	background: #FFF;
	margin-left:-1px;
	margin-top: -1px;
}

.border-product .flickity-viewport{
	border-top:1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

#main .blog-wrapper span.widget-title{
	background: #f7f7f7;
}
#main .blog-wrapper{
	padding-bottom: 30px;
}
@media (max-width:992px){
	.header-wrapper .child-flatsome-hotline{
		display: none;
	}
}

@media (max-width:849px){
	.wpcf7 .wpcf7-submit{
		width:100%;
		border-radius: 0px;
	}
	.flatsome-child-menu .ux-menu-link a{
		padding:5px 10px;
	}
}
.center-box-image .icon-box-img img,.center-box-image .icon-box-img svg{
    padding-top: 0px;
    width: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.center-box-image .icon-box{
	position: relative;
}
.center-box-image.icon-box-left .icon-box-text,
.center-box-image.icon-box-right .icon-box-text{
	padding-left:0px !important;
}