/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/
 Description:  Astra Child Theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com/
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ใส่ CSS ที่ต้องการแก้ไขได้ที่นี่ */

.ast-theme-transparent-header #masthead {
		position: relative !important;
	background: #ee4d2d;
       
    }
 footer, .single-product .woocommerce-breadcrumb, .site-branding span.site-title{
	display: none !important;

}

@media (max-width: 1121px) {
   div.wpb-content-wrapper button#place_order {
    max-width: 96%;
}

}





@media (max-width: 544px) {
	
	   .site-main article div.wpb-content-wrapper button#place_order {
        max-width: 91%;
    }
    .post-type-archive-product.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
		float: right;
       
      
    }
	
	    .woocommerce-checkout.woocommerce-page.woocommerce-js ul.order_details li {
        margin-right: 0px;
        padding-right: 0px;
        width: 100%;
    }
}

@media (max-width: 921px) {
	
	.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name{
		display: block !important;
		
		
	
	}
	
	div.custom-order-form {
  
    margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
}
	  
	
	.woocommerce-page.woocommerce-js ul.order_details li {
  
    margin-right: 5px;
   
    padding-right: 5px;
   
}
	div.entry-content ul, div.entry-content ol {
   
    padding-left: 0px;
}
	
	div#text-2 img, div#text-3 img {
    max-width: 200px;
}
    #primary, #secondary {
        padding: 0px !important;
        
    }
	
	.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart{
		padding: 0px;
	
	}
	.ast-primary-header-bar .header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner{
		display: none;
	
	}
	
	
	
	
}

@media (min-width: 922px) {
	
	

    body.ast-woo-shop-archive .site-content > .ast-container {
        max-width: 1110px;
    }

.woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
        width: 100% !important;
    }
	
	
	.woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
        width: 100% !important;
    }
	
	    .woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
        width: 100% !important;
       
        margin-right: 0px !important;
    }
	
	
	.woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading {
        width: 100% !important;
       
    }
	

}

@media (max-width: 768px) {
	
	article div.wpb-content-wrapper button#place_order {
        max-width: 94%;
    }
	
	    .woocommerce-page.woocommerce-js ul.order_details li {
      
        margin-bottom: 15px;
    }
	
	div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1{
		
		display: none;
		
	
	}
	body.product-template-default.single.single-product.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
   
    max-width: 90.5%;
   
}
	
}


@media (max-width: 480px) {
	
	#text-29 .textwidget{
	text-align: center !important;

}

	
	body.woocommerce-page.woocommerce-checkout form #order_review td.product-name, body.woocommerce.woocommerce-checkout form #order_review td.product-name{
		
		  display: flex;
    flex-direction: column;
	
	}
	
	    .single-product div#text-2 img, div#text-3 img {
        max-width: 150px;
    }
	
	div#order_review img {
   
    max-width: 60px;  
}
	
	    .home div.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart {
			display: none;
       
    }
	
	.home .ast-builder-layout-element site-header-focus-item ast-header-woo-cart{
		display: none;
	
	}
    .home.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"] {
        display: none !important;
   }
	
	.home .ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center{
		display: block;
		
}
	
	
	#text-5 .textwidget p{
		
		color: #fff;
    font-size: 28px;
    font-weight: 500;
		margin-bottom: 0px;
		text-transform: uppercase;
		line-height: 65px;
	
	}
	.home div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1{
		width: 100%;
		display: inline-block;
		float: left;
		padding: 0px 0px 10px 0px
	
	}
	
	
	
	
	.home div.ast-primary-header-bar .header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner{
		display: block;
		padding: 0px;
	
	}
	.home .ast-flex{
		display: flow-root;
		width: 100%;
	
	}
	
	
	
}



.ast-container {
    max-width: 1110px;
	margin: 0px auto;
}
#content{
	margin-top: 45px;

}
header.ast-logo-title-inline .site-logo-img {
    padding-right: 0px;
	max-width: 60px;
	height: auto;
}
div.vc_column_container>.vc_column-inner {
   
    padding-left: 0px;
    padding-right: 0px;
   
}

.slick-prev,
.slick-next {
    font-size: 30px; /* ขนาดของลูกศร */
    color: #000; /* สีของลูกศร */
    background: rgba(255, 255, 255, 0.7); /* พื้นหลัง */
    border-radius: 50%; /* ทำให้ปุ่มกลม */
    width: 40px; /* ความกว้าง */
    height: 40px; /* ความสูง */
    line-height: 40px; /* จัดตำแหน่งข้อความ */
    text-align: center; /* จัดตำแหน่งข้อความให้กลาง */
    position: absolute; /* ทำให้สามารถวางตำแหน่งได้ */
    top: 50%; /* ตำแหน่งแนวตั้ง */
    transform: translateY(-50%); /* จัดตำแหน่งให้กลาง */
    cursor: pointer; /* แสดงมือเมื่อชี้ */
    z-index: 100; /* ทำให้ปุ่มอยู่ด้านหน้า */
}

.slick-prev {
    left: 10px!important; 
}

.slick-next {
    right: 20px!important; 
}
.site-header, .color-theme, .modal-header, div.main-header-bar{
	background-color: #f53d2d !important;

}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: inherit !important;
}
div#primary {
    margin: 0px;
}
header.ast-logo-title-inline .ast-site-identity {
    padding: 10px 0px;
    
}
.single-product #content {
    margin-top: 0px;
}
    .single-product.ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px;
        margin-bottom: 60px;
    }

.single-product .ast-container {
    max-width: 860px;
    margin: 0px auto;
}
.woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
        width: 100% !important;
    }
nav.woocommerce-breadcrumb,  .archive.woocommerce-js .products .star-rating{
	display: none;

}

body.woocommerce-js ul.products li.product .ast-woo-product-category, .woocommerce-page ul.products li.product .ast-woo-product-category{
	display: none;

}
a.button product_type_variable add_to_cart_button {
	display: none;
   
}



.home.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
   
    text-align: -webkit-center;
}


.woocommerce-checkout.ast-plain-container.ast-no-sidebar #primary, .woocommerce-checkout #content {
        margin-top: 0px;
        
    }
#order_review img{
	padding-right: 15px;
    max-width: 150px;
    height: auto;

}
form.vi-woo-orders-tracking-form-search {
    max-width: 100% !important;
    
}
.wpmenucart-display-right.menu-item a{
	color: #fff;
	font-size: 20px;

}
i.wpmenucart-icon-shopping-cart-0:before {
    content: "\f07a";
    font-size: 20px;
    color: #fff;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1, .ast-header-html.inner-link-style-{
	width: 100%;

}
form.woocommerce-product-search {
   
    height: 40px;
	border-radius: 5px;
}
.woocommerce-js .widget_product_search button, .woocommerce-page .widget_product_search button {
  
    line-height: 18px !important;
    color: #fff!important;
}
button.fdprocessedid, botton.ast-builder-html-element, body.woocommerce-js .widget_product_search button, body.woocommerce-page .widget_product_search button {
    
    background-color: #f53d2d !important;
    
    color: #fff;
}
#woocommerce-product-search-field-0{
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}
/*.home.woocommerce-js ul.products li.product a img:hover, .woocommerce-js .related.products ul.products li.product a img:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}*/
span.ast-on-card-button.ast-onsale-card {
	display: none;
    
}
span.asnp-esb-inner-span2-1 {
   
    border-left: 60px solid #f53d2d;
    
}
.woocommerce-js.woocommerce-checkout button.button#additional_wooccm0_button{
	background-color: transparent;
	background-image: url(uploadback.webp);
	background-repeat: no-repeat;
	height: 196px;
	border: 1px solid #ced4da;
	background-position: center;
	

}
.bank-details {
    margin-top: 20px;
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #e0e0e0;
}

.bank-details h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
	font-family: Kanit, sans-serif;
}

.bank-details ul {
    list-style: none;
    padding: 0;
}

.bank-details li {
    margin-bottom: 5px;
}
.text_hed{
	text-align: center;

}
.text_hed h2{
	text-align: center;
	font-size: 1.5rem;
	color: #212529;
    font-family: Kanit, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;

}
.text_hed h4{
	text-align: center;
	font-size: 14px;
	color: #212529;
    font-family: Kanit, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .5rem;

}
.track_box a{
	font-size: 20px;
	color: #fff;
	font-family: Kanit, sans-serif;
   
    font-weight: 400;
    line-height: 1.5;

}
.tracking_page h2{
	font-family: Kanit, sans-serif;

}
.track_box .fas.fa-truck{
	color: #fff;

}
.track_box{
	line-height: 45px;

}
.home .track_box, .single-product.woocommerce-js div.product div.summary .single-product-category, p.ast-stock-detail, .single-product.woocommerce-js div.product .product_meta{
	display: none;
	

}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .button.product_type_variable.add_to_cart_button, #text-2 h2, #text-3 h2{
	display: none;

}
li.ast-grid-common-col:hover .button.product_type_simple.add_to_cart_button.ajax_add_to_cart, li.ast-grid-common-col:hover .button.product_type_variable.add_to_cart_button{
	display: block;
    text-align: -webkit-center;
    position: absolute;
    top: 25%;
    left: 21%;
    border-radius: 5px;

}
.ast-article-single #text-2 img, .ast-article-single #text-3 img{
	box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;

}
#text-2 {
	display: inline-block;
	float: left;

}
#text-3 {
	display: inline-block;
	float: right;

}
#text-2 img, #text-3 img{
	max-width: 250px;

}
.single.single-product.woocommerce-js div.product form.cart div.quantity {
    float: none;
    margin: 10px 0px;
    display: block;
    width: 100%;
}
.single.single-product.woocommerce-js div.product form.cart div.quantity input {
	width: 100%;
	opacity: 1;

}
.single.single-product.woocommerce-js div.product form.cart .button.single_add_to_cart_button, button#place_order {
   padding: 15px 20px;
    width: 100%;
    background-color: #f53d2d;
    border-color: #f53d2d;
    color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
    position: fixed;
    bottom: 0px;
    max-width: 820px;
    border-radius: 10px;
	margin-bottom: 0px;
}

.wpb-content-wrapper button#place_order{
	max-width: 1070px;
	
	

}



.ast-article-single h1{
	color: #212529;
    font-family: Kanit, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
	font-size: 1.5rem;

}
.bank-details ul li{
	 font-family: Kanit, sans-serif;

}
.woocommerce-billing-fields h3, #order_review_heading{
	display: none !important;

}
#billing_phone_field{
	display: inline-block;
	float: left;
	width: 48%;
	clear: none;
	

}
#billing_email_field{
	display: inline-block;
	float: right;
	width: 48%;
	clear: none;
	

}
#order_review{
   
    border-width: 2px 2px 2px 2px !important;
   
}
.woocommerce-cart.ast-plain-container.ast-no-sidebar #primary{
	margin-top: 0px;

}

.single-product .asnp-esb-badge-1{
	display: none;

}

.related.products h2{
	 font-family: Kanit, sans-serif;

}
.ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-menu-cart-outline .ast-addon-cart-wrap {
    color: #fff !important;
}
.ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-menu-cart-outline .ast-addon-cart-wrap {
    border-style: none !important;
  
    color: #fff;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  
   color: #f53d2d !important;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper, .single-product.woocommerce-js div.product .related.products{
	display: none !important;

}
.tracking_page button{
	margin-top: 25px;
	background-color: #f53d2d !important;

}
login h1 a {
	max-width: 150px;
	height: auto;
    
}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2, #order_data .order_data_column_container .order_data_column:nth-of-type(2){
	display: none !important;

}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
	width: 100% !important;

}
.woocommerce-bacs-bank-details h2.wc-bacs-bank-details-heading, h2.woocommerce-order-details__title{
	font-family: Kanit, sans-serif !important;

}
ul.wc-bacs-bank-details.order_details.bacs_details{
	margin-top: 20px;
	margin-bottom: 20px !important;

}
.custom-order-form h3{
	font-size: 1.5rem;
    color: #212529;
    font-family: Kanit, sans-serif;
    font-weight: 500;
    line-height: 1.2;
	padding: 15px;
	

}
.page.woocommerce-checkout #payment ul.payment_methods li input{
	display: inline-block;
	float: left;

}

.page.woocommerce-page.woocommerce-checkout #payment ul.payment_methods, .page.woocommerce.woocommerce-checkout #payment ul.payment_methods{
	clear: both;
	padding-top: 20px;

}
.custom-order-form{
	border: 1px solid #ccc;
	margin-left: 10px;
   

}