/*
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.   ***************/
.child-flatsome-logo img{
	max-height: 100px;
    width: auto;
}
.absolute-footer.dark *{
	color:#FFF !important;
}
#footer{
	position: relative;
}

.menu-horizontal,
.menu-tags{
	flex-direction: row;
	flex-wrap: wrap;
}
.menu-tags .menu-item{
    display: inline-flex !important;
    flex-direction: row;
    justify-content: center;
    border: 1px solid #fff;
    padding: 2px 15px;
    font-size: 14px;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}
.menu-tags .menu-item:hover{
	background: #e5c441;
	color:#000 !important;
}
#footer a:hover{
	color:#fdca00;
}
.menu-tags .menu-item:hover a{
	color:#000 !important;
}
.product-small .col-inner{
	border:1px solid #EEE;
	border-radius: 5px;
	overflow: hover;
}
.product-small .col-inner:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

#header .header-search a,
#header .header-cart-link{
	background: transparent !important;
	color: var(--primary-color) !important;
}
body.search #post-list .col.post-item, body.archive #post-list .col.post-item{
	padding: 10px 5px;
}
.section .col.post-item .col-inner,
#post-list .col.post-item .col-inner{
	height:100%;
}
body.search #post-list .col.post-item .box, body.archive #post-list .col.post-item .box{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	height: 100%;
	border-radius: 5px;
    overflow: hidden;
}
body.search #post-list .col.post-item .is-divider, body.archive #post-list .col.post-item .is-divider{
	display: none;
}
body.archive .col.post-item .badge.post-date,
body.search #post-list .col.post-item .badge.post-date{
	left:10px;
}
.page-wrapper .widget .badge .badge-inner, #product-sidebar .badge .badge-inner, #shop-sidebar .badge .badge-inner, .post-sidebar .badge .badge-inner{
	 width: 80px !important;
}
body.search #post-list .col.post-item .post-title, body.archive #post-list .col.post-item .post-title{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}
body.search .blog-wrapper.blog-archive .archive-page-header, body.archive .blog-wrapper.blog-archive .archive-page-header{
	background: url(images/background-archive.png);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    position: relative;
}
body.search .blog-wrapper.blog-archive .archive-page-header *, body.archive .blog-wrapper.blog-archive .archive-page-header *{
	color:#FFF;
	position: relative;
	z-index: 1;
}
body.search .blog-wrapper.blog-archive .archive-page-header:after, body.archive .blog-wrapper.blog-archive .archive-page-header:after{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height: 100%;
	background:#124685a8;
}

body.single.single-post .entry-header-text.text-center{
	padding:0px;
}
.flatsome-child-title,
body.single.single-post .entry-header .entry-title{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 0px;
}
.flatsome-child-title span,
body.single.single-post .entry-header .entry-title span{
	position: relative;
    display: inline-block;
    padding: 10px 20px;
    background: var(--primary-color);
    font-size: 18px;
    color: #fff;
    z-index: 1;
}
.flatsome-child-title span{
	padding: 7px 20px;
	color: var(--fs-color-secondary);
	font-size: 20px;
}
.flatsome-child-title span:before,
body.single.single-post .entry-header .entry-title:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    height: 2px;
    background: var(--primary-color);
    width: 100%;
}
.flatsome-child-title span:before{
	width:250%;
	left: -75%;
	z-index: -1;
}
.related-post.row{
	margin:0px !important;
}
.related-post.row .col{
	padding:0px 10px 30px;
}
.image-related-post{
	border-radius: 10px;
}
.line-height0{
	line-height: 0px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit{
	background: var(--fs-color-alert);
}
#header .header-main .nav li.menu-item.active a{
	color: var(--fs-color-secondary) !important;
	background: none !important;
}
#header .header-main .nav li.menu-item a:hover{
	color: var(--fs-color-secondary) !important;
}
body #header .header-main li.menu-item a{
	position: relative;
	z-index: 1;
	color: var(--primary-color);
	padding: 5px 10px;
}
body #header .header-main li.menu-item a:after{
	position: absolute;
	left:0px;
	bottom: 0px;
	width:100%;
	height: 0px;
	transition: all 0.3s;
	content: "";
	 z-index: -1;
}
#header .header-main .nav li.menu-item.active a:after,
body #header .header-main li.menu-item a:hover:after{
	height: 100%;
	background: var(--primary-color);
}
body #header .header-main .menu-item .sub-menu a:after{
	display: none !important;
}
body #header .header-main .menu-item .sub-menu{
	background: var(--primary-color);
	color:var(--fs-color-secondary);
}
body #header .header-main .menu-item .sub-menu li a{
	color: var(--fs-color-secondary) !important;
	border:0px !important;
	margin:0px !important;
	padding:10px;
	transition: all 0.3s;
}
body #header .header-main .menu-item .sub-menu li a:hover{
	background: #000 !important;
}
body #header .header-main .menu-item .sub-menu{
	padding: 0px !important;
	left:0px !important; 
}
body #header .header-main .menu-item .sub-menu .sub-menu{
	left:100% !important;
}

.searchform .button.icon{
	background: var(--primary-color);
}

.menu-horizontal{
	gap: 10px;
}
.menu-horizontal .ux-menu-link a,
.menu-horizontal .ux-menu-link{
	display: inline-block;
	padding: 0px;
}
.ux-menu-link__icon+.ux-menu-link__text{
	padding-left:6px;
}

body.single #main article.post{
	padding: 10px 5px;
}
.section .post-item .col-inner{
	padding: 0px;
}
.row.blog-posts{
	margin:0px !important;
}
.blog-posts .is-divider{
	display: none;
}
.blog-posts .post-title{
	color: #124685;
	margin:5px 0px;
	font-size: 17px;
}

.blog-posts .col.post-item .col-inner{
	border-radius: 10px;
	overflow: hidden;
	translate: all 0.3s;
}
.blog-posts .col.post-item .col-inner:hover,
.blog-posts .col.post-item .col-inner:hover .box{
	background: var(--primary-color);
	color: #FFF;
}
.blog-posts .col.post-item .col-inner a:hover,
.blog-posts .col.post-item .col-inner:hover .post-title{
	color: var(--fs-color-secondary) !important;
}
.flatsome-child-title{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
}

.row-slider-image-box .flickity-slider .col-inner{
	border:0px;
}

@media (max-width:849px){
	body.single.single-post .entry-header .entry-title:before{
		display: none;
	}
	body.single.single-post .entry-header .entry-title{
		padding-left:0px;
		padding-right: 0px;
		text-align: left;
	}
	body.single.single-post .entry-header .entry-title span{
		background: transparent;
		color: var(--primary-color);
		padding: 0px;
		font-size: 20px;
	}
}