/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: Mypage Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap');
@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

h1,h2,h3,h4,h5,h6, .page-top.page-header-1 .page-title, .home .slider-title span, .post-carousel h4 a,article.post h2 a, article.post h4 a,#header .header-top .top-links > li.menu-item > a,#main-menu .mega-menu .popup li.menu-item a,#main-menu .mega-menu > li.menu-item > a, #main-menu .mega-menu > li.menu-item > h5,.product h3,.page-top .page-title,body { font-family: 'Inter', sans-serif;}
.header-center.show-menu-search #main-menu {padding-right: 0;}
#header .header-main{z-index: 2;}
#header .header-main .header-right{text-align: left;}
.wrap-banner-hd {margin-bottom: 10px;}
.wrap-cate-hd .wpb_wrapper .porto-sicon-header h3.porto-sicon-title{font-size: 11px;}
.wrap-cate-hd .porto-sicon-box.top-icon{background-color: #fff;border-radius: 10px;box-shadow: 1px 2px 5px 0px #ababab;transition: 0.3s ease-in-out;}
.search-popup span{display: block;color: #fff;}
.wrap-banner-header .share-links>a{box-shadow: none;background-color: transparent;margin: 0;}
.wrap-banner-header .share-links{background-color: #498c3f;border-radius: 5px;}
.wrap-cate-hd .slick-initialized .slick-slide{padding-top: 10px;padding-right: 5px;}
.wrap-banner-hd .porto-carousel-wrapper, .wrap-banner-hd .vc_images_carousel .vc_carousel-inner{margin-bottom: 25px;border-radius: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);overflow: hidden;}
.wrap-cate-hd .porto-sicon-header p{font-size: 12px;font-weight: bold;text-transform: uppercase;}
.wrap-cate-hd .porto-sicon-top {padding-top: 10px;}
.wrap-banner-hd .wpb_wrapper .top-icon .porto-sicon-header h3.porto-sicon-title{color: #fff;}
.wrap-banner-hd .wpb_wrapper .top-icon .porto-just-icon-wrapper {margin-bottom: 0;}
.wrap-banner-hd .wpb_wrapper .top-icon .porto-sicon-header p{font-size: 12px;color: #fff;text-transform: uppercase;width: 150px;margin: 0 auto;font-weight: bold;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(1) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(1) p{color: #38803e;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(2) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(2) p{color: #ea2127;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(3) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(3) p{color: #39a3d7;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(4) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(4) p{color: #ee9d00;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(5) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(5) p{color: #eb6624;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(6) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(6) p{color: #884432;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(7) h3.porto-sicon-title,.wrap-cate-hd .slick-initialized .slick-slide:nth-child(7) p{color: #ff5683;}

.wrap-cate-hd .slick-initialized .slick-slide:nth-child(1):hover .porto-sicon-box.top-icon{background-color: #d9ffd9;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(2):hover .porto-sicon-box.top-icon{background-color: #ffdee0;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(3):hover .porto-sicon-box.top-icon{background-color: #ccf1ff;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(4):hover .porto-sicon-box.top-icon{background-color: #fff1d7;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(5):hover .porto-sicon-box.top-icon{background-color: #ffc3d0;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(6):hover .porto-sicon-box.top-icon{background-color: #ffc5bd;}
.wrap-cate-hd .slick-initialized .slick-slide:nth-child(7):hover .porto-sicon-box.top-icon{background-color: #ffc5da;}

#footer{border-radius: 15px 15px 0 0; }
#footer .footer-bottom .widget {display: block;text-align: center;}
#footer .footer-bottom {padding: 0;border-radius: 15px 15px 0 0; }
#footer .footer-bottom .footer-center{background-color: #fff;padding: 25px 8px;text-align: center;border-radius: 15px 15px 0 0;}
#footer .footer-bottom .widget_nav_menu ul li {font-size: 17px;}
.vc_images_carousel .vc_carousel-control .icon-next:before{content: "\f0da"!important;}
.vc_images_carousel .vc_carousel-control .icon-prev:before{content: "\f0d9"!important;}
.vc_images_carousel .vc_carousel-control .icon-next:before,.vc_images_carousel .vc_carousel-control .icon-prev:before{font: normal normal normal 22px/1 FontAwesome;color: #498c3f;}
#main {background: transparent;}
.woocommerce-tabs  th, .woocommerce-tabs td {border: 1px solid #777;}
.woocommerce-tabs .tab-content{padding: 0;}
.tab-content table {margin-top: 0;}
.single-product .product_meta:last-child, .shop_attributes tr:last-child{display: none;}
span.heading-color {font-weight: bold;margin-right: 10px;color: #498c3f;}
.shop_attributes.table th,.shop_attributes.table td{ padding: 0 0 5px 0;border: none;display: inline-block;vertical-align: middle;}
.shop_attributes.table td a{color: #444;}
.shop_attributes.table th{margin-right: 15px;color: #498c3f;}
.shop_attributes.table th:after{content: ':';}
.product-summary-wrap .sku_wrapper{font-weight: bold;color: #498c3f;}
.product-summary-wrap .product_meta span span{color: #444;}
.table-striped tbody tr:nth-of-type(odd) {background-color: transparent;}
.woocommerce-tabs .resp-tabs-list li.resp-tab-active{border: none !important;}
.product-summary-wrap .product_meta {margin: 0;padding-bottom: 5px;border: none;}
.table.shop_attributes{margin-bottom: 0;}
.product-summary-wrap .description {margin-top: 10px;border-top: 1px dashed #444;padding-top: 5px;}
.product-image-slider.owl-carousel .img-thumbnail,.product-thumbs-slider.owl-carousel .img-thumbnail{padding: 0;border-radius: 0;}
.woocommerce-tabs th, .woocommerce-tabs td{vertical-align: top;}
.sidebar-content .widget_product_categories{padding: 10px 0;background-color: #fff;border-left: 2px solid #498c3f;}
body.woocommerce-page.archive .sidebar-content .widget .widget-title{border-bottom: 2px solid #498c3f;color: #498c3f;padding: 0 15px;}
body.woocommerce-page.archive .sidebar-content aside.widget{padding: 10px 0;border: none;}
body.woocommerce-page.archive .sidebar-content {border: 0;}
body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories{margin-bottom: 20px;border-left: 2px solid #498c3f;}

.widget.woocommerce.widget_layered_nav {background-color: #fff;}
.shop-loop-before{display: none!important;}
.widget_product_categories ul li > a,.widget_layered_nav ul li > a{width: 100%;padding: 0 15px;}
.widget_product_categories ul li.current > a{background-color: #87bf40;color: #fff;}
.widget_product_categories ul li .toggle{right: 5px;top: 0px;}
.widget_product_categories .widget-title .toggle,.widget_layered_nav .widget-title .toggle{right: 0;}
.sidebar .product-categories ul.children li>a:before{content: '-';padding-right: 10px;}
.widget_layered_nav ul li > a.filter-color{display: inline-block;width: auto;}
.widget_layered_nav ul li.wc-layered-nav-term {display: inline-block;}
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-color li a{margin: 5px 15px; box-shadow: 1px 0px 4px 1px #bbb;}
.yith-woo-ajax-navigation .yith-wcan-list li a{background-image:url(img/no-check.png);background-repeat:no-repeat;background-size:15px;font-size:15px;padding-right:0;background-position:10px 2px;padding-left: 35px;}
.yith-woo-ajax-navigation .yith-wcan-list li.chosen a, .yith-woo-ajax-navigation .yith-wcan-list li a:hover {background-image: url('img/checked.png');}
ul.yith-wcan-list li.chosen > a:before{display: none;}
.woocommerce-page .sidebar-content .widget-title{padding: 0 15px;border-bottom: 2px solid #498c3f;}
.shop-loop-after .woocommerce-pagination ul li .page-numbers{background-color: #fff;}
ul.products li.product-col .product-image {margin-bottom: 0;}
ul.products li.product-col h3 {padding: 10px 5px;}
.wrap-banner-header{ position: relative;z-index: 10;}

/*.wrap-banner-header .search-popup .searchform{ width: 358px;}
.wrap-banner-header .search-popup .searchform {border-color: #cccccc;border-radius: 20px;}
.wrap-banner-header .search-popup .searchform {border-width: 2px;width: 341px;display: none;position: absolute;top: 45px;z-index: 1003;box-shadow: 0 5px 8px rgba(0,0,0,0.15);overflow: hidden;}
.wrap-banner-header  .searchform {border-radius: 20px;line-height: 40px;}
.wrap-banner-header  .searchform {border: 1px solid #ccc;position: relative;display: inline-block;line-height: 32px;font-size: 13px;padding: 0;vertical-align: middle;width: 447px;*zoom: 1;}
.wrap-banner-header .searchform input {width: 298px;}
.wrap-banner-header .text{float: left;display: inline-block;text-align: left;}
.wrap-banner-header .searchform-popup{text-align: right;}
.wrap-banner-header .searchform-popup .search-toggle{color: #fff;}*/
.wrap-banner-header .share-links>a:hover{border-radius: 5px;}
.product-inner {position: relative;margin-bottom: 25px;}
ul.products li.product-col h3 {padding: 7px 5px;margin-bottom: 0;line-height: 1.4;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}
a.product-loop-title {position: absolute;left: 0;width: 70%;background-color: #fff;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.wrap-sku {position: absolute;right: 0;padding-right: 10px;background-color: #fff;width: 30%;border-top: 1px solid #e1e1e1;font-size: 12px;font-weight: bold;padding: 4px 2px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.porto-related-products {background: transparent;}
.single-product .related .slider-title{color: #3e7735;}
.wrap-search{background-color: #dee329;padding: 5px 10px;border-radius: 10px;}
.entry-summary>.product_meta:last-child .sku_wrapper,.single-product .product-summary-wrap .price,ul.products li.product-col .price {display: none;}
.table.shop_attributes+div{display: none;}
.single-product .variations .label label {font-size: 14px;font-weight: bold;text-transform: none;color: #498c3f;line-height: 15px;}
.product-layout-default .variations tr:last-child td {padding-bottom: 0 !important;}
.product-layout-default .variations:after{border: none !important;}
.single_variation_wrap {display: block;padding-top: 0;}
.wrap_maps_item .porto-sicon-box .toado {display: none;}
.wrap_maps_item .porto-sicon-box {margin-bottom: 0;cursor: pointer;}
#map, #map2, #map3, #map4 {width: 555px;height: 370px;border: #1d7fc0 solid 1px;max-width: 100%; }
.wrap_maps_item .porto-sicon-header+.porto-sicon-description {margin-top: 2px;}
span.plan-titre {font-weight: bold;}
.wrap_maps_item {overflow-y: scroll;height: 370px;background-color: #fff;padding: 10px;}
#header .logo {padding: 0 15px;}
.sidebar .product-categories li>a{font-size: 15px;}
.wrap-cate-hd .slick-initialized .slick-slide:hover .porto-sicon-box.top-icon{background-color: #eeffda;}
.woocommerce-tabs .resp-tabs-list,.wrap-search a.search-toggle{display: none;}
#product-tab .tab-content .vc_custom_heading{padding: 5px 10px;border-bottom: 1px solid #ddd;}
#product-tab .tab-content .vc_column_container:not(:last-child){border-right: 1px solid #ddd;}
.wrap-search  input[type="text"]{border: none;background-color: transparent;box-shadow: none;}
button.btn.btn-special {background-color: transparent;}
#header .header-main .header-contact{font-weight: bold;}
#header .header-main .header-contact a {font-size: 14px;}
.mega-menu>li.menu-item>a{padding: 9px 9px 8px;}
.sidebar-content .widget .widget-title{ color: #498c3f;padding: 0 5px;border-bottom: 2px solid #498c3f;}
.sidebar-content .widget.widget_recent_entries {background-color: #fff;border-left: 2px solid #498c3f;}
.sidebar-content .widget.widget_recent_entries .widget-title{padding: 5px;}
.sidebar-content .widget_recent_entries>ul li{padding: 8px 10px 8px 15px;}
.heading_contact{ border-bottom: 1px solid #ddd; text-transform: uppercase;}
.heading_contact:after, .wrap_tuyendung h2:after{content: '';display: block;width: 265px;height: 3px;background-color: #dee229;position: absolute;}
.wrap_contact div.wpcf7{ padding: 15px; box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);background-color: #fff;}
.post-medium .entry-title {font-size: 18px;margin-bottom: 0;}
.wrap-banner-hd .wpb_images_carousel.wpb_content_element {margin-bottom: 0;}
#side-nav-panel{ background-color: #498c3f;}
#side-nav-panel .accordion-menu li:not(:last-child) {border-bottom: 1px solid #fff;}
#side-nav-panel .side-nav-panel-close{ padding: 8px 10px;background-color: #2f5b29;}
.wrap-banner-header p{margin: 0;}
.filter-item-list .filter-color{ margin: 0px 5px 0px 0;}
.related.products ul.products li.product-col h3{padding: 4px 5px;}
.related.products .wrap-sku{padding: 1px 2px;}

@media(max-width: 767px){
	#header .header-main .header-contact{margin-left: 15px;margin-top: 15px;}
	#header .logo{margin-bottom: 10px;}
	.slick-slider .slick-prev, .slick-slider .slick-next{display: block!important;}
	.wrap-banner-hd .vc_images_carousel .vc_carousel-inner{margin-bottom: 15px;}
	.wrap-banner-hd .wpb_wrapper .top-icon .porto-sicon-header p{width: auto;}
	.woocommerce-page .main-content.col-lg-9 {order: 2;}
	.wrap-banner-header{margin-bottom: 50px;}
	.home .wrap-banner-header {margin-bottom: 0;}
	.woocommerce-tabs .tab-content {padding: 15px;}
	.vc_row.wpb_row.row.wrap-cate-hd {margin-top: 15px;}
	.wrap-cate-hd .slick-initialized .slick-slide{ width: 48% !important;}
	#side-nav-panel.panel-right{height: 300px;}
	body.woocommerce-page .wrap-banner-header,#header .header-main .header-contact {display: none;}
	.left-sidebar, .no-breadcrumbs .left-sidebar, .right-sidebar, .no-breadcrumbs .right-sidebar{ margin-top: 10px;}
	.left-sidebar, .no-breadcrumbs .left-sidebar, .right-sidebar, .no-breadcrumbs .right-sidebar{padding-bottom: 0}
	body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories{margin-bottom: 5px;}
	.main-content{padding-bottom: 0;}
	.shop-loop-after{padding-top: 0;}
	.shop-loop-after .woocommerce-pagination>*{margin-bottom: 0;}
	.single-product .sidebar-content .wpb_widgetised_column.wpb_content_element {margin-bottom: 0;}
	.porto-related-products {padding: 15px 0 0;}
	body.woocommerce-page.archive .sidebar-content .widget .widget-title{font-size: 14px;}
	.widget.yith-woocommerce-ajax-product-filter,.resp-tabs-container {display: none;}
	html #topcontrol {display: block;}
}
@media(max-width: 991px){
	.wrap-banner-hd .col-md-3{background-color: #498c3f;}
	.ccol-md-12 {padding: 5px;}
	#header .header-main .header-right,#header .header-main .header-center,#header .header-main .header-left{padding-top: 0;padding-bottom: 0;}
	#header .header-main .header-contact,#header .header-main .header-contact span{color: #498c3f!important;}
	#header .header-main .header-contact a{color: #ee3338!important}
	.social-link,.wrap-search{display: inline-block;margin-left: 20px;margin-bottom: 10px;}
	.wrap-cate-hd .slick-initialized .slick-slide{ width: 48% !important;}

}
@media(min-width: 768px){
	.vc_images_carousel .vc_carousel-control{top: auto !important;left: auto !important;bottom: 3px !important;}
	.vc_images_carousel .vc_carousel-control.vc_left{right: 25px!important;}
	.vc_images_carousel .vc_carousel-indicators{right: 80px !important;text-align: right!important;left: auto!important;bottom: 15px!important;}


}
@media(min-width: 992px){
	#header .header-main .header-right {padding: 35px 0 0;}
	#header .header-main .header-center{padding: 32px 20px 20px 20px;}
	#header:after{}
	body:not(.home) #header:after, .head_after{content: '';position: absolute;left: 66%;top: 0;display: block;height: 100%;width: 100%;background: #87bf40;}
	.header-center.show-menu-search #main-menu {padding-right: 100px;}
	.home #header:before{}
	.head_before{content: '';position: absolute;left: 66%;top: 25px;display: block;height: 80%;width: 27%;background: #498c3f;z-index: 2;border: 2px solid #fff;border-left: none;}
	.wrap-search {display: inline-block;margin-top: 40px;}
	#header .search-popup .search-toggle {display: block;text-align: right;margin-left: 10px;}
	.social-link {display: inline-block;margin-left: 45px;margin-top: 15px;}
	#header .share-links{margin: 5px 0px 10px 5px;}
	.wrap-banner-header .search-popup .searchform:before {left: 28px;}
	.single-product .product-summary-wrap .summary {padding-top: 30px;}
	.wrap-banner-hd .wpb_wrapper .top-icon .porto-sicon-header p{width: auto;}
	.wrap-banner-hd > .col-md-3 {padding-left: 0;margin-left: -7px;}
	.wrap-banner-hd .top-icon .porto-sicon-header,.wrap-banner-hd .porto-sicon-box.top-icon {margin-bottom: 0;}
	.wrap-cate-hd .porto-sicon-header p {font-size: 10px;}
	.wrap-search input[type="text"]{width: 130px;}
	#header .header-main .header-left{padding: 18px 0;}
}
@media (min-width: 1200px) {
	#header .header-main .header-left{width: 30%;}
	.wrap-cate-hd .porto-sicon-header p {font-size: 12px;}
	.wrap-search input[type="text"]{width: auto;}
}
@media(min-width: 1400px){
	.home #header:before{}
	.head_before{width: 24.5%;left: 62%;}
	#header:after{}
	body:not(.home) #header:after, .head_after{left: 62%;}
}