/**
Theme Name: Astra Child
Author: Hung Nguyen
Author URI: https://imhungcom
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.woocommerce  #content {
	background: #FFF;
}

.products li {
	text-align: center;
}

ul.products  li::after {
    content: "";
	display:none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_meta > span,
.ast-article-single ul li,
.products li a {
	color: #333;
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description *,
.woocommerce div.product div.summary .woocommerce-product-details__short-description :last-child {
	color: #333;
}

.banner-title {
background-image: url(/wp-content/uploads/2022/01/slider.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #12D938;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	position:relative;
}

.banner-title h1 {
	padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    color:#FFF !important;
}
.banner-title::before {
    content: "";
    width: 100%;
    background-color: #004600;
    opacity: 0.85;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    display: block;
    height: 100%;
    z-index: 0;
    position: absolute;
}
.banner-title .woocommerce-products-header {
    z-index: 1;
    position: relative;
}
.no-margin{
	margin: 0 !important;
}
.no-margin h2{
	margin:0 !important;
}

a {
	color: #12d938;
}

.green-bullet-ul ul {
	
    list-style: none;
    margin-left: 1em;
}

.green-bullet-ul ul li {
    margin-bottom: 10px;
}

.green-bullet-ul ul li::before {
    content: "•";
    color:  #12d938;
    font-weight: bold;
    display: inline-block;
    width: 1em;
	font-size: 20px;
    margin-left: -1em;
}

.wc-tabs .description_tab {
	display: none !important;
}

.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title {
    background-color: inherit;
}

form.mc4wp-form label{
	font-size:24px;
	color:#12d938;
	font-family:'Permanent Marker',sans-serif;
}
form.mc4wp-form label b{
	font-weight:700;
	font-family:'Open Sans',sans-serif;
	color:#fff;
	font-size: 32px;
	text-transform:uppercase;
	display: block;
	margin-top: 5px;
}

form.mc4wp-form input[type="email"]{
	background-color: #0b8923;
	height: 38px;
	border: 1px solid #08661b;
}
form.mc4wp-form input[type="email"]::-webkit-input-placeholder {
	color: #12d938;
	font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}

form.mc4wp-form input[type="email"]:-moz-placeholder {
	color: #12d938;
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}

form.mc4wp-form input[type="email"]::-moz-placeholder {
    color: #12d938;
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

form.mc4wp-form input[type="email"]:-ms-input-placeholder {
    color: #12d938;
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}
form.mc4wp-form input[type="submit"]{
	background-color: inherit;
    height: 38px;
    border: 2px solid #0b8923;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 10px;
    position: relative;
    top: -2px;
    margin-left: 12px;
}
form.mc4wp-form input[type="submit"]:hover{
	background-color:#0b8923;
	color:#fff;
	-webkit-transition: all .3s ease 0s;
   -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
     -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
}


.green-overlay > div{
	position : relative ;
	z-index: 2;
	/*background-color: #004600;
	opacity: .8;
	filter: alpha(opacity= 80);
	-moz-opacity: .8;*/
	
}		
.green-overlay:after{
	content: '';
	position : absolute ;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0, 70, 0, .86);
	mix-blend-mode: multiply;
}
.elementor-image-carousel-caption{
	position : relative ;
}
.elementor-image-carousel-caption:after{
	content: '';
	position : absolute ;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0, 70, 0, .86);
	mix-blend-mode: multiply;
}
.elementor-image-carousel-caption{
	max-width: 55%;
	position: absolute;
	bottom: 0;
	padding: 45px 90px;
	z-index: 8;
}
.elementor-image-carousel-caption span{
	position : relative ;
	z-index: 2;
}
.elementor-image-carousel-caption h2{
	font-family: 'Open Sans',sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	position : relative ;
	z-index: 2;
}

.icon-box-new .elementor-image-box-wrapper {
	text-align: center !important;
}
    


.gallery {
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 20px;
}
.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
	width: 100%;
}
.elementor-image-gallery .gallery-columns-4 .gallery-item {
    margin: 0;
    flex: 0 0 23%;
    padding: 0;
	height: 270px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.elementor-image-gallery .gallery-columns-4 .gallery-item img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center;
}

/*.gallery .gallery-item{
	height: 345px !important;    
	margin: 5px !important;
	width: 250px !important;
	max-width: 25%;
	float: left;
	padding: 0;
}*/
/*.gallery .gallery-item{
	height: 300px !important;    
	margin: 5px !important;
	width: calc(25% - 10px) !important;
	max-width: 25% !important;
	float: left;
	padding: 0;
}
.gallery .gallery-item .gallery-icon,
.gallery .gallery-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/
/*.gallery .gallery-item:nth-child(6n+1),
.gallery .gallery-item:nth-child(6n+3){
	width: 450px !important;
}
.gallery .gallery-item:nth-child(6n+6){
	width: 650px !important;
}*/




/*.gallery .gallery-item .gallery-icon{
	float: left;
}
.elementor-image-gallery .gallery-item img {
    margin: initial !important;
    float: left;
}*/


#wgl_variations{
	border: 2px solid #12D938;
	width: 100%;
	background-color: inherit;
	color: #fff;
	margin-top: 15px;
}
#wgl_variations option{
	margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    padding: 10px;
}
.wgl-hide{
	display: none;
}


/*==================================================
>>> PRODUCT WOOCOMMERCE     
==================================================*/
section.single-product{
	color: #fff;
	margin-top: 40px;
}
section.single-product .woocommerce-breadcrumb{
	color: #fff;
}
section.single-product .woocommerce-breadcrumb a{
	color: #fff;
}

section.single-product h1.product_title{
	color: #fff;
}
section.single-product .price{
	color: #fff !important;
}
section.single-product .quantity{

}
section.single-product .single_add_to_cart_button{
	display: inline-block;
    width: auto;
    background: #12D938 !important;
    color: #fff !important;
    margin: 0;
	font-weight: 400;
}

section.single-product .single_add_to_cart_button:hover {
	
    background: #FFF !important;
    color: #12D938 !important;
  
}

.woocommerce form .form-row textarea, .woocommerce input[type=email], .woocommerce input[type=number], .woocommerce input[type=password], .woocommerce input[type=reset], .woocommerce input[type=search], .woocommerce input[type=tel], .woocommerce input[type=text], .woocommerce input[type=url], .woocommerce textarea, .woocommerce-page form .form-row textarea, .woocommerce-page input[type=email], .woocommerce-page input[type=number], .woocommerce-page input[type=password], .woocommerce-page input[type=reset], .woocommerce-page input[type=search], .woocommerce-page input[type=tel], .woocommerce-page input[type=text], .woocommerce-page input[type=url], .woocommerce-page textarea {
    border-color: #12D938;
    background: #111;
    box-shadow: none;
    border-radius: 0;
	color: #EEE;
	font-weight: 400;
}

.woocommerce div.product .product_meta {
	border-top: 1px solid #111;
}

section.single-product .woocommerce-product-gallery .flex-viewport{
	width: calc(100% - 90px);
	float: right;
}

section.single-product .woocommerce-product-gallery ol{

}

section.single-product .woocommerce-product-gallery ol li{
	width: 100% !important;
}
section.single-product .woocommerce-product-gallery ol li img{
	width: 76px !important;
}


#wgl-price-output{
	width:100% !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before{
	background: #12D938 !important;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 400 !important;
}


.add_to_cart_button,
.button {
	display: inline-block;
    width: auto;
    background: #12D938 !important;
    color: #fff !important;
    margin: 0;
}


.page-title,
.woocommerce .star-rating, 
.woocommerce .comment-form-rating .stars a, 
.woocommerce .star-rating::before,
.product_meta .posted_in a,
.woocommerce-cart-form__cart-item.cart_item .product-name a{
	color: #12D938 !important;
}
.woocommerce-message, .woocommerce-info{
	border-top-color:#12D938 !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    
    width: 100%;
}
/*.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	color: #12D938 !important;
}*/
h1.entry-title{
	color: #12D938 !important;
}
.ast-article-single ul{
	list-style: none;
	margin: 0;
}
.ast-article-single ul li{
	position : relative ;
	padding-left: 15px;
}
.ast-article-single ul li:after{
	content: '•';
	position : absolute ;
	top:0;
	left:0;
	font-size: 24px;
	color: #12D938;
}


div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%; 
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-weight: 300;
	text-transform: uppercase;
}

div.wpforms-container-full .wpforms-form input, 
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    border: 1px solid;
    border-color: #12d938 !important;    
    max-width: 100%;
    padding: 8px 10px;
    border-radius: 0 !important;
	background-color: #111 !important;
	color: #fff !important;
}

div.wpforms-container-full .wpforms-form button {
	border-color: #12d938 !important;    
	background: #12d938 !important;    
	color:#fff !important;
	text-transform: uppercase;
}

div.wpforms-container-full .wpforms-form button:hover {
	background: #fff !important;    
	color:#12d938 !important;
}

/**
 * Blog & Posts
 */
.blog-layout-1 {
	border-bottom: 1px solid #333;
}

.entry-meta, .entry-meta * {
	color: #999;
	font-size: 12px;
}

.entry-title, .entry-title a {
	color: #12d938;
}

.ast-right-sidebar #secondary {
    border-left: 0px solid #eee; 
    margin-left: 0px;
}

.page-links .page-link, .single .post-navigation a {
	color: #12d938;
}

.blog-layout-1 .ast-blog-featured-section {
	width: 32%;
	display: inline-block;
}

.has-post-thumbnail .blog-layout-1 .entry-header {
	width: 68%;
    display: inline-block;
    padding-left: 25px;
	margin-bottom: 10px;
}

.has-post-thumbnail .blog-layout-1 .entry-content {
	width: 68%;
    display: inline-block;
    padding-left: 25px;
}

.has-post-thumbnail .blog-layout-1 .entry-content .read-more {
	text-align: right;
}

.single article.has-post-thumbnail {
	min-height: 320px;
}

.single .has-post-thumbnail  .post-thumb-img-content {
	position: absolute;
    right: 0;
    max-width: 40%;
}

.single .has-post-thumbnail  .entry-header .post-thumb+.ast-single-post-order {
    margin-top: 0em;
    width: 60%;
	padding-right: 25px;
}
.single .has-post-thumbnail  .entry-content {
	width: 60%;
	padding-right: 25px;
}


.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-pagination ul.page-numbers li .current{
	background: #12D938 !important;
	cursor:pointer;
}
.woocommerce-pagination ul.page-numbers li{
	border-color:#12D938 !important;
}
.woocommerce-pagination ul.page-numbers li a{
	color:#fff;
}



.post-inner_right .posted-on span{
	    color: #999;
    font-size: 12px;
	display:block;
}

.ast-single-post-order .entry-meta{
	visibility:hidden;
}
.ast-single-post-order .entry-meta .posted-on{
	visibility:visible;
}
.ast-single-post-order .entry-meta .posted-by{
	display:none;
}

.ast-shop-product-out-of-stock{
	display:none;
}

.single header.entry-header .entry-title {
		color: #FFF !important;
		
	}
/*==================================================
>>> RESPONSIVE DEVICE     
==================================================*/


@media (min-width: 1360px) and (max-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1359px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.elementor-image-carousel-caption{
		
		padding: 35px 35px 15px 35px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		display: inline-table;
		text-align: center !important;
		min-width: 60%;
	}	
	.elementor-image-carousel-caption h2{
		font-size: 30px;
	}

	.elementor-image-gallery .gallery-columns-4 .gallery-item {
		
		flex: 0 0 30%;
	}
	
	.elementor-image-gallery .gallery-columns-4 .gallery-item {	
		height: 210px;
	}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.elementor-image-carousel-caption{
		
		padding: 35px 35px 15px 35px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		display: inline-table;
		text-align: center !important;
		min-width: 70%;
	}	
	.elementor-image-carousel-caption h2{
		font-size: 30px;
	}
	.swiper-image-stretch .swiper-slide .swiper-slide-image{
		height: 400px;
	}



	#site-footer{
		padding-top: 30px;
	}
	#site-footer .elementor-container{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/* optional */
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	#site-footer .elementor-container > div:nth-child(3n+3){
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	#site-footer .elementor-container > div:nth-child(3n+2){
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}

	#site-footer .mc4wp-form{
		text-align: center;
	}
	#site-footer .mc4wp-form .mc4wp-form-fields p:last-child{
		display: flex;
		flex-direction: column;
	}

	form.mc4wp-form input[type="email"]{
		width: 80%;
		margin: auto;
	}
	form.mc4wp-form input[type="submit"]{
		padding: 0 30px;
		width: min-content;
		margin: 25px auto 0;
	}

	
	
	.elementor-image-gallery .gallery .gallery-item{
		flex: 0 0 48%;
	}
	/*.gallery .gallery-item .gallery-icon,
	.gallery .gallery-item img{
		
		max-width: 50%;
		width: 50% !important;
	}*/
	/*.gallery .gallery-item:nth-child(6n+1),
	.gallery .gallery-item:nth-child(6n+3){
		width: calc(50% - 10px) !important;
	}
	.gallery .gallery-item:nth-child(6n+6){
		width: calc(50% - 10px) !important;
	}

	.gallery .gallery-item .gallery-icon{
		height: auto !important;
	}*/
	




	#wgl-icon .elementor-image-box-wrapper{
		max-width: 80%;
		margin: auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	#wgl-icon .elementor-image-box-wrapper .elementor-image-box-img{
		width: 25%;
		float: left;
		max-width: 50px;
		margin-right: 20px !important;
		text-align: center;
	}
	#wgl-icon .elementor-image-box-wrapper .elementor-image-box-content{
		width: 75%;
		float: left;
	}
	
	#wgl-icon .elementor-image-box-wrapper .elementor-image-box-img img{
		max-height: 40px;
	}
}

@media (max-width: 576px) {
	.banner-title h1 {
		padding-top: 25px;
		padding-bottom: 0px;

		font-size: 24px;
	}
	.blog-listing-container .leftside {
		width: 100%;
		float: left;
		padding: 20px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.blog-listing-container .post-item .post-inner{
		flex-direction: column;
	}
	.blog-listing-container .post-item .post-inner_right {
		padding-left: 0;
	}
	.single .has-post-thumbnail  .post-thumb-img-content {
		position: relative;
		max-width: 100%;
	}
	
	.single header.entry-header .entry-title {
	
		font-size: 24px;
	}
	.single .has-post-thumbnail  .entry-content {
		width: 100%;
		padding-right: 0;
	}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.elementor-image-carousel-caption{
		min-width: 80%;
		padding:80px 20px;
	}	
	.elementor-image-carousel-caption h2{
		font-size: 23px;
		line-height: 1.2;
	}
	
	.elementor-image-gallery .gallery-columns-4 .gallery-item {	
		height: 160px;
	}

}