/*
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.   ***************/
@font-face {font-family: 'dinhit2';src: url('assets/fonts/UTMAndrogyne.ttf')  format('truetype');}

blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 0.6em;}

.header-main {border-bottom: 3px solid #5c883d;}
ul.header-nav.header-nav-main {margin-bottom: -45px;margin-top: 10px;}
.header-wrapper.stuck ul.header-nav.header-nav-main {margin-top: 0;margin-bottom: -34px;}
ul.header-nav.header-nav-main.nav-left > li > a{padding: 0 .75em;line-height: 2.5em;}
ul.header-nav.header-nav-main.nav-left > li.active > a,
ul.header-nav.header-nav-main.nav-left > li > a:hover {background-color: #4d9544;color: #fff !important;border-radius: 10px 10px 0 0;}

.header:not(.transparent) .header-nav.nav > li > a {letter-spacing: 0;border-bottom: 2px solid #2d2d2d00;color: #333;}


.product-small > .col-inner,
.product-small.box.has-hover.box-normal.box-text-bottom,
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right {border: 1px solid #ccc;transition: ease-in-out .5s;border-radius: 5px;}
.box-image {position: relative;height: auto;margin: 0 auto;overflow: hidden;}
.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;}
@-webkit-keyframes shine {
 	100% {
  		left:125%
 	}
}
@keyframes shine {
 	100% {
  		left:125%
 	}
}
.product-small .box-text .name.product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 45px !important;}
.product-small .box-text .name.product-title a{color: #4d9544; font-size: 15px;}

.post-sidebar .is-divider.small,
#shop-sidebar .is-divider.small,
#product-sidebar .is-divider.small,
.widget_categories .is-divider.small,
.widget_recent_entries .is-divider.small {display: none;}


.footer-wrapper .widget-title,
.footer-wrapper a{color: #fff;}
.footer-wrapper .is-divider{margin-top: 5px;margin-bottom: 5px;background: #ddd;opacity: .5;}
.absolute-footer{display: none;}


.widget-title span,
.widget-title.shop-sidebar {background: #4d9544;padding: 10px 12px;color: #fff;position: relative;display: inline-block;margin: 0;width: 100%;border-radius: 5px 5px 0 0;border-bottom: 2px solid #fff;font-size: 15px;text-transform: uppercase;}
.post-sidebar ul,
#shop-sidebar ul,
#product-sidebar ul,
.widget_categories ul,
.widget_recent_entries ul {border: 1px solid #ccc;background: #fff;padding: 0 10px;border-radius: 0 0 5px 5px;}

.page-title {position: relative;}
.category .page-title:after{content: '';display: table;clear: both;background: url(assets/img/line.png);width: 100%;height: 20px;background-repeat: no-repeat;background-position-x: center;background-position-y: top;margin-top: 5px;}
.category .page-title span{font-size: 22px;color: #4d9544;}

.single-post .large-9 .post {background: #fff;border: 1px solid #e6e6e6;padding: 15px;border-radius: 5px;}
.single-post .post .entry-content {padding-top: 0;}

.meta-post{display: flex;align-items: center;}
.meta-post .entry-meta{margin-right: 7px;}

h2.about-title {font-family: dinhit2;font-weight: 500;font-size: 30px;margin-bottom: 20px;border-left: 5px solid #4d9544;padding-left: 5px;}

.product-small{background-color: #fff;}
.product-section-title-related{color: #4d9544;}

.product-template-default #product-sidebar{padding-top: 40px;}
.product-template-default #product-sidebar .widget.woocommerce .product_list_widget .price{color: red;}
.price-wrapper .price{color: red;font-size: 16px;}
.product-template-default .product {background: #f1f1f1;}
.product-template-default .product-main{padding-bottom: 0;}
.product-template-default .product-main .large-6.col {background: #fff;margin-left: 15px;padding: 15px;}
.product-template-default .product-main .product-info{background: #fff;margin-right: 15px;padding: 15px;}
.product-template-default .product-main .product-info .price {font-size: 20px;margin: .5em 0;}

.woocommerce-tabs .product-tabs li {width: 25%;}
.woocommerce-tabs .product-tabs li a {display: block;text-align: center;padding: 0;height: 40px;line-height: 38px !important;background: #4d9544 !important;color: #fff;font-size: 15px;border-radius: 5px 5px 0 0;border: 1px solid #ccc;}
.woocommerce-tabs .product-tabs li.active a {background: #fff !important;color: #666;font-size: 15px;border-radius: 5px 5px 0 0;border: none;color: #333 !important;}


.footer-wrapper a:hover{color: #fff;}
.fixed-footer{position: fixed;left: 20px;bottom: 20px; z-index: 9999;}
.fixed-footer ul{list-style: none; padding: 0; margin: 0;}
.fixed-footer ul li{width: 48px;}


.wpcf7-spinner{display: none;}


@media only screen and (max-width: 52em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#header .header-wrapper .header-inner {background-color: #5c883d;}
	#header .header-wrapper #logo .header-logo{display: none;}
	#header .header-wrapper #logo .header-logo-dark{display: block !important;}
	#header .header-wrapper .mobile-nav a{color: #fff !important;}

	.product-template-default .product-main .large-6.col {margin-right: 15px;margin-top: -20px;}
	.product-template-default .product-info { margin-right: 15px;margin-left: 15px;}

	.woocommerce-tabs .product-tabs li {width: 50%;}

	.fixed-footer{left: 10px;}

}