/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ----- custom ----- */
::selection {
	background-color: var(--primary-color);
	color: white;
}
h2.uppercase {
	color: var(--fs-color-secondary);
}
.section-content p:last-child {
	margin-bottom: 0;
}
.row.row-collapse {
    max-width: 1080px;
}

/* form */
.wpcf7-form.submitting input[type=submit] {
	pointer-events: none !important;
}
.wpcf7 .wpcf7-not-valid-tip {
	font-size: 12px;
}
.wpcf7-spinner {
	display: none;
}

/* header */
.header-main .nav > li > a {
	color: var(--fs-experimental-link-color-hover);
}
.header-main .nav > li > a:hover,
.header-main .nav > li.current-menu-parent > a {
	color: var(--fs-color-secondary);
}

/* banner */
.banner h1, .banner h2, .banner h3 {
	line-height: 1.2;
}

/* services */
.icon-box-service {
	background: #fff;
    padding: 40px 20px;
}
.icon-box-service .icon .icon-inner img {
	border-radius: 1000px;
    width: 85%;
    height: 85%;
	object-fit: cover;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
.icon-box-service .icon-box-text h5 {
	color: var(--primary-color);
    font-size: 20px;
    margin: 25px 0 20px;
}
@media only screen and (min-width: 850px) {
	.icon-box-service {
		transition: .3s;
	}
	.icon-box-service:hover {
		box-shadow: 10px 10px 0px #aaa8a836;
		transform: translatey(-15px);
	}
	.icon-box-service .icon-box-text p {
		height: 8em;
		overflow-y: auto;
		margin-right: -15px;
		padding-right: 15px;
	}
	.icon-box-service .icon-box-text p::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	.icon-box-service .icon-box-text p::-webkit-scrollbar{
		width: 6px;
		background-color: #F5F5F5;
	}
	.icon-box-service .icon-box-text p::-webkit-scrollbar-thumb{
		border-radius: 10px;
		background-color: var(--primary-color);
	}
}

/* blog */
.tagcloud a {
	transition: all 0.3s ease;
}
.tagcloud a:hover {
	background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.sec-blog-main .box .post-title a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	line-height: 1.5;
}
.post-sidebar .flatsome_recent_posts .recent-blog-posts a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3;
}
.post-sidebar .flatsome_recent_posts .post_comments {
	display: none;
}
.post-sidebar .flatsome_recent_posts ul > li+li {
	padding-top: 10px;
}

/* product */
.image-tools .wishlist-button.wishlist-added {
	background-color: var(--fs-color-alert);
    border-color: var(--fs-color-alert);
	color: white;
}
#shop-sidebar .widget .price_slider_wrapper .price_slider_amount {
	display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
	text-align: left;
}
#shop-sidebar .widget .price_slider_wrapper .price_slider_amount .price_label {
	padding: 0 0 10px;
}
#shop-sidebar .widget_recently_viewed_products .product-title {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body:not(.woocommerce) .show-only-prd {
	display: none;
}
.show-only-prd {
	border-top: 1px solid rgba(0, 0, 0, .05);
}

/* footer */
ul.links li a {
	color: var(--fs-experimental-link-color-hover);
}
.absolute-footer:not(.dark) {
	background-color: #d0f5e4;
	border-top: 1px solid #ccc;
}
.footer-primary {
	width: 100%;
	text-align: center;
}
.widget-prd-items {
	display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.mona-footer-media img {
	height: 13px !important; 
	margin-bottom: 3px; 
	padding-left: 5px;
}
.sidebar-wrapper .widget:last-child {
	margin-bottom: 0;
}
#footer .sidebar-wrapper .widget .wpcf7-form .wpcf7-response-output {
	font-size: 12px;
}

.footer-logo img {
	height: 100px;
	width: auto;
}
.footer-info {
	display: flex;
	align-items: center;
	margin: 15px 0;
}
.footer-info p {
	margin: 0;
	line-height: 1.3;
}
.footer-info i {
	color: #fff;
	background: var(--fs-color-primary);
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	border-radius: 100%;
	margin-right: 10px;
	text-align: center;
}

.footer-wrapper .flatsome_recent_posts ul > li+li {
	border: none;
}
.footer-wrapper .flatsome_recent_posts a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3;
}
.footer-wrapper .flatsome_recent_posts .post_comments {
	display: none;
}

@media (min-width: 850px) {
	.widget-prd-items>.widget {
		flex-basis: 25%;
		max-width: 25%;
	}
	.sec-widget-prd .row-large>.col {
		padding: 0 15px 30px;
	}
	
	.sidebar-wrapper .widget .wpcf7-form {
		margin-bottom: 0;
	}
}

/* mobile */
@media (max-width: 767px) {
	/* header */
	body #masthead.header-main {
		height: 75px !important;
	}
	#header #logo img {
        max-height: 55px !important;
    }
	.header-bg-image {
		background: var(--primary-color) !important;
        background-position: 40% 0;
	}
	.header-cart-link {
		background-color: var(--fs-color-secondary);
	}
	.header-cart-link [data-icon-label]:after {
		background-color: #010101;
	}
	
	.message-box {
		padding-left: 0px;
		padding-right: 0px;
	}
	.flickity-slider>.post-item {
		padding-bottom: 0 !important;
	}
	
	/* footer */
	.mona-footer-media {
		font-size: 12px;
	}
	.mona-footer-media img {
		height: 10px !important;
	}
}

/* box product */
p.name.product-title a {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    font-size: 16px;
    color: inherit;
    margin: 10px 0 0;
    font-weight: 500;
	transition: .3s;
}
.box:hover p.name.product-title a {
	color: var(--fs-color-secondary);
}

/* ----- end custom ----- */

/* ----- scrollbar ----- */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: var(--primary-color);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}