/*
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("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#header .header-main .header-left,#header .header-main .header-right,#header .header-main .header-center{padding-top: 17px;padding-bottom: 17px;}
#header .header-right{text-align: center;}
#header .header-contact{display: inline-block;text-align: center;}
#header .header-contact h4{color: var(--porto-tertiary-color);margin-bottom: 5px;}
#header .header-contact h5{color: #fff;margin-left: 0;font-size: 18px;letter-spacing: 0.2px;}
#header .main-menu-wrap > .container:before{content: '';width: 534px;height: 41px;background-image: url(images/header-menu-bg.png);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0;transform:translateX(-30%);z-index: 1;}
#header .main-menu > li.menu-item > a img {display: block;margin: 0 auto 5px;filter: brightness(0) invert(1);}
#header .main-menu > li.menu-item:hover > a img,#header .main-menu > li.menu-item.active > a img{filter: brightness(100%) invert(0)}
#header .searchform-popup .search-toggle{font-size: 20px;}
#header .share-links>a{width: 34px;height: 34px;font-size: 16px;}
#header .share-links>a:last-child{margin-right: 0;}
#banner-wrapper img{width: 100%;margin: auto;}
.tintuc_trangchu, .tintuc_cat {margin-top: 30px;}
.cat_title{position: relative;font-size: 24px;line-height: 1.3;}
.cat_title .cat_title_link{display: inline-block;padding: 0 15px 0 15px;background-color: #fff;z-index: 2;text-transform: uppercase;position: relative;}
.cat_title:before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #ddd;}
.cat_title span{position: absolute;top: 0;right: 0;display: inline-block;padding: 4px 0 4px 10px;font-size: 16px;font-weight: 600;transition:0.2s;background-color: #fff;}
.cat_title span a, .tintuc_media .wrap_itempost .post_title a{color: #333;}
.cat_title span a:hover, .tintuc_media .wrap_itempost .post_title a:hover{color:var(--porto-primary-color);}
.cat_thumb_link{display: block;position: relative;}
.cat_thumb_link img{position: relative;z-index: 1;transition:0.3s ease-in-out all;}
.tintuc_trangchu .chuyenmuc_post_main:hover img, .wrap_itempost:hover img{filter: brightness(50%);}
.tintuc_trangchu .chuyenmuc_post_main {margin-bottom: 20px;}
.tintuc_trangchu .chuyenmuc_post_main .post_title{margin-bottom: 5px;font-size: 20px;line-height: 26px;}
.tintuc_trangchu .chuyenmuc_post_main .inner_post, .tintuc_cat_overlay .wrap_itempost{position: relative;}
.tintuc_trangchu .chuyenmuc_post_main h3, .tintuc_cat_overlay .post_item_info h3 {font-size: 24px;}
@media(min-width: 768px){
	.post_large_thumb, .tintuc_cat_overlay .post_item_thumb {position: relative;z-index: 1;}
	.post_large_thumb .cat_thumb_link:before, .tintuc_cat_overlay .post_item_thumb .cat_thumb_link:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50%;z-index: 2;background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);}
	.post_large_info{position: absolute;z-index: 2;bottom: 20px;left: 20px;right: 20px;}
	.post_large_info .post_excerpt p, .tintuc_cat_overlay .post_item_info .post_excerpt p{margin-bottom: 0;}
	.tintuc_trangchu .chuyenmuc_post_main h3 a, .post_excerpt, .tintuc_cat_overlay .post_item_info h3 a {color: #fff;}
	.tintuc_trangchu .chuyenmuc_post_main h3 a:hover, .tintuc_cat_overlay .post_item_info h3 a:hover{color: var(--porto-tertiary-color);}
}
.tintuc_trangchu > .row {margin-left: -9px;margin-right: -9px;}
.tintuc_trangchu > .row > div {padding-left: 9px;padding-right: 9px;}
.tintuc_trangchu .post_date{font-size: 15px;color: #666;}
.tintuc_trangchu .post_excerpt{margin-top: 3px;}
.tintuc_trangchu .wrap_itempost{margin-bottom: 20px;border: 1px solid #eaeaea;transition:0.2s;}
.tintuc_trangchu .wrap_itempost:hover{border-color: var(--porto-secondary-color);}
.tintuc_trangchu .wrap_itempost .row {margin-left: -7px;margin-right: -7px;}
.tintuc_trangchu .wrap_itempost .row > div {padding-left: 7px;padding-right: 7px;}
.tintuc_trangchu .wrap_itempost .post_item_info{padding-top: 5px;padding-right: 5px;}
.tintuc_trangchu .wrap_itempost .post_item_info h5, .tintuc_media .wrap_itempost h5{font-size: 17px;text-transform: uppercase;margin-bottom: 5px;}
.post_title{font-size: 16px;line-height: 24px;margin-bottom: 5px;font-weight: 500;}
.post_title a{color: #000;}
.post_title a:hover{color:var(--porto-secondary-color);}
.cat_title:after{content: '';position: absolute;width: 4px;height: 24px;top: 3px;left: 0;background-color: var(--porto-primary-color);z-index: 3;}
.tintuc_media {margin-top: 30px;}
.tintuc_media .cat_title{margin-bottom: 10px;}
.tintuc_media .media_catchild{padding: 0;margin: 0;list-style: none;}
.tintuc_media .media_catchild li {display: inline-block;margin-right: 20px;position: relative;}
.tintuc_media .media_catchild li:after{content: '';position: absolute;top: 50%;right: -12px;width: 5px;height: 2px;background-color: #666;}
.tintuc_media .media_catchild li:last-child:after{display: none;}
.tintuc_media .media_catchild li a{color: #333;font-weight: 500;}
.tintuc_media .media_catchild li a:hover{color: var(--porto-primary-color);}
.tintuc_media > .row {margin-top: 20px;}
.tintuc_media > .row > div{position: relative;}
.tintuc_media > .row > div:before{border: 1px solid #eaeaea;border-radius: 10px;position: absolute;top: 0;left: 15px;right: 15px;bottom: 0;z-index: 1;content: '';transition:0.2s;}
.tintuc_media > .row > div:hover:before{border-color: var(--porto-secondary-color);}
.tintuc_media .wrap_itempost .post_title{font-size: 16px;font-weight: 500;}
.tintuc_media .wrap_itempost .inner_post{position: relative;z-index: 2;border-radius: 10px 10px 0 0;overflow: hidden;}
.tintuc_media .wrap_itempost img {border-radius: 10px 10px 0 0;position: relative;z-index: 1;transition:2s;}
.tintuc_media .wrap_itempost .cat_thumb_link:before{font-family: "Font Awesome 6 Free";font-size: 20px;font-weight: 700;content: "\f04b";position: absolute;z-index: 2;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 40px;height: 40px;border: 1px solid;color: #fff;border-radius: 50%;background-color: rgba(0 0 0 / 30%);line-height: 38px;text-align: center;transition:0.2s;}
.tintuc_media .wrap_itempost .cat_thumb_link:hover img {filter: brightness(50%);transform:scale(1.1);}
.tintuc_media .wrap_itempost .cat_thumb_link:hover:before{background-color: rgba(0 0 0 / 70%);}
.tintuc_media .wrap_itempost .post_item_info {margin-top: 10px;padding: 0 10px 1px;position: relative;z-index: 2;}
.tvworld_cat{margin-top: 30px;}
.tvworld_cat .tvworld_cat_head{padding: 10px 15px;border-radius: 10px 10px 0 0;background: #8E6017;
background: linear-gradient(90deg,rgba(142, 96, 23, 1) 0%, rgba(243, 188, 73, 1) 100%);}
.tvworld_cat .tvworld_cat_head h3{margin-bottom: 0px;font-size: 18px;text-transform: uppercase;line-height: 26px;}
.tvworld_cat .tvworld_cat_head h3 a{color: #fff;vertical-align: middle;}
.tvworld_cat .tvworld_cat_head h3:before{content: '';width: 32px;height: 32px;display: inline-block;margin-right: 2px;background-position: center;background-repeat: no-repeat;background-size: 100%;filter: brightness(0) invert(1);vertical-align: middle;}
.tvworld_cat .tvworld_cat_head p{margin-bottom: 0;color: #fff;}
.tvworld_cat .cat_thumb img{border-radius: 0 0 10px 10px;}
.tvworld_cat .row > div:nth-child(2) .tvworld_cat_head{background: #4c3f7e;background: linear-gradient(90deg,#4c3f7e 0%, #886deb 100%);} 
.tvworld_cat .row > div:nth-child(3) .tvworld_cat_head{background: #13756d;background: linear-gradient(90deg,#13756d 0%, #2ec5b9 100%);} 
.tvworld_cat .row > div:last-child .tvworld_cat_head{background: #830412;background: linear-gradient(90deg,#830412 0%, #de182f 100%);} 
.tvworld_cat .row > div:first-child .tvworld_cat_head h3:before{background-image: url(images/menu-shop.png);}
.tvworld_cat .row > div:nth-child(2) .tvworld_cat_head h3:before{background-image: url(images/menu-business.png);}
.tvworld_cat .row > div:nth-child(3) .tvworld_cat_head h3:before{background-image: url(images/menu-community.png);}
.tvworld_cat .row > div:last-child .tvworld_cat_head h3:before{background-image: url(images/menu-foundation.png);}
.tvworld_cat .cat_thumb{position: relative;display: block;}
.tvworld_cat .cat_thumb:before{content: '';position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%) rotate(0);width: 50px;height: 50px;display: block;background-image: url(images/icon_plus.png);background-repeat: no-repeat;background-position: center center;transition:0.3s ease-in-out all;opacity: 0;visibility: hidden;z-index: 2;}
.tvworld_cat .tvworld_cat_item:hover .cat_thumb:before{transform:translate(-50%,-50%) rotate(90deg); opacity: 1;visibility: visible;}
.tvworld_cat .cat_thumb img {position: relative;z-index: 1;transition:0.3s ease-in-out all;}
.tvworld_cat .tvworld_cat_item:hover img {-webkit-filter: brightness(30%); filter: brightness(30%);}
#footer .widget-title {font-size: 20px;font-weight: 500;}
#footer .widget_text .widget-title{font-size: 15px;letter-spacing: -0.5px;}
#footer .widget_nav_menu ul.menu, #footer .widget_nav_menu ul.menu li {border: none;}
#footer .widget_nav_menu ul.menu li {padding-left: 13px;}
#footer .widget_nav_menu ul.menu li:before{content: "\f111";font-weight: 400;margin-right: 10px;}
#footer .footer-bottom{padding: 0;}
#footer .footer-bottom .container{padding-top: 5px;padding-bottom: 5px;}
#footer .footer-bottom .container:before, #footer .footer-bottom .container:after{content: '';display: block;top: 0;border-top: 1px solid rgba(255 255 255 / 20%);position: absolute;}
#footer .footer-bottom .container:before{left: 15px;right: calc(50% + 80px);}
#footer .footer-bottom .container:after{left: calc(50% + 80px);right: 15px;}
#footer .footer-bottom .widget.follow-us {position: absolute;left: 50%;top: 0;transform:translate(-50%,-50%);margin: auto;}
#footer .footer-bottom .share-links a{width: 36px;height: 36px;border-radius: 5px;border: 1px solid rgba(255 255 255 / 50%);font-size: 18px;margin: 2px 5px;}
.page-top{padding-top: 80px;padding-bottom: 80px;}
.page-top > .container{position: relative;z-index: 2;}
.page-top:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0 0 0 / 70%);z-index: 1;}
.page-top .page-title{font-weight: 500;}
.tintuc_3cot .post_item_info{margin-top: 10px;}
.tintuc_cat .wrap_itempost {margin-bottom: 30px;}
.blog-posts .post .entry-title{font-size: 18px;margin-bottom: 7px;}
article.post .post-image.single img{transition:0.2s;}
article.post .post-image.single:hover img{-webkit-filter: brightness(30%); filter: brightness(30%)}
@media(min-width: 768px){
	.tintuc_cat_overlay .post_item_info{position: absolute;left: 15px;right: 15px;bottom: 15px;z-index: 2;}
	.tintuc_cat_overlay .post_item_info h4{margin-bottom: 0;}
	.tintuc_cat_overlay .post_item_info h4 a{color: #fff;}
	.tintuc_cat_overlay .post_item_info h4 a:hover{color: var(--porto-tertiary-color);}
}
@media(min-width: 992px){
	.tintuc_5item > .row {flex-direction: row-reverse;}
}
.woocommerce-tabs .resp-tabs-list {}
.woocommerce-tabs .resp-tabs-list li {font-size: 17px;float: none;display: inline-block;border:none!important;}
.woocommerce-tabs .tab-content p, .single-product .product-summary-wrap .description p {font-size: 16px;line-height: 26px;letter-spacing: 0;}
.single-post .entry-title {font-size: 24px;margin-bottom: 10px;}
.entry-content, .porfolio_content {padding-top: 20px;border-top: 1px solid #ccc;text-align: justify;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol, .portfolio_info ul, .portfolio_info ol, .porfolio_content ul, .porfolio_content ol{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li, .portfolio_info ul li, .portfolio_info ol li, .porfolio_content ul li, .porfolio_content ol li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .portfolio_info table, .portfolio_info iframe, .porfolio_content table, .porfolio_content iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .portfolio_info table th, .portfolio_info table td, .porfolio_content table th, .porfolio_content table td {border: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption {margin-bottom: 15px;}
.post-carousel h4, .post-carousel h5, .blog-posts .post .entry-title {font-size: 18px;margin-bottom: 8px;}
#product-tab .tab-content h2 {font-weight: 600;}
.portfolio .entry-title{margin-bottom: 10px;}
.wpcf7 textarea{height: 90px;}
#modal_tuvan_datour .modal_inner{display: none;}
#modal_tuvan_datour .modal_inner.active{display: block;}
.tuvan_datour {margin-bottom: 20px;}
.tuvan_datour .btn_tour {display: block;width: 100%;transition:0.2s;color: #fff;border: 1px solid;border-radius: 5px;padding: 10px 5px;}
.tuvan_datour .btn_tour.btn_tuvan {background-color:var(--porto-primary-color);border-color: var(--porto-primary-color); }
.tuvan_datour .btn_tour.btn_tuvan:hover {background-color: #fff;color: var(--porto-primary-color);}
.tuvan_datour .btn_tour.btn_datour {background-color:var(--porto-secondary-color);border-color: var(--porto-secondary-color); }
.tuvan_datour .btn_tour.btn_datour:hover {background-color:#fff;color: var(--porto-secondary-color);}
.tuvan_datour .btn-close{float: right;}
.page-portfolios .portfolio-title {margin-top: 10px;margin-bottom: 0;font-size: 18px;}
.page-portfolios .portfolio-title a{color: var(--porto-secondary-color); }
.page-portfolios .portfolio-title a:hover{color: var(--porto-primary-color);}
.single-portfolio .related-portfolios{margin-top: 0;padding-top: 40px;}
.related-portfolios .owl-carousel{margin-left: -15px;margin-right: -15px;width: auto;}
.related-portfolios .owl-carousel .portfolio-item{padding-left: 15px;padding-right: 15px;}
.related-portfolios .portfolio-title {font-size: 18px;color: var(--porto-secondary-color);}
.related-portfolios .portfolio-item a:hover .portfolio-title{color: var(--porto-primary-color);}
body .sidebar .widget .widget-title {font-size: 18px;color: #d00;}
body .sidebar .widget .widget-title .toggle{display: none;}
body .sidebar .widget .widget-title:after{content: '';display: block;margin: 0;width: 60px;height: 1px;background-color: #d00;}
.woocommerce-page .sidebar-content .widget_product_categories ul li.current a, .woocommerce-page .sidebar-content .widget_product_categories ul li a:hover{color:  var(--porto-secondary-color);}
.woocommerce-page .sidebar-content .widget_product_categories ul li a:before{font-family: "Font Awesome 6 Free";content: "\f0c8";font-weight: 400;margin-right: 7px;font-size: 18px;}
.woocommerce-page .sidebar-content .widget_product_categories ul li.current a:before, .woocommerce-page .sidebar-content .widget_product_categories ul li a:hover:before{content: "\f14a";}
.woocommerce-page .sidebar-content ul li .count {font-size: 14px;color: #666;}
.woocommerce-page .sidebar-content ul li a {font-size: 16px;white-space: normal;line-height: 24px;}
ul.products .woocommerce-loop-product__title {font-size: 16px;white-space: normal;}
ul.products .product-image{overflow: hidden;}
.ctsp h3{color: var(--porto-primary-color);}
.ctsp ul{padding: 0;margin: 0 0 20px;list-style: none;}
.ctsp ul li{margin-bottom: 20px;position: relative;border-radius: 5px;border: 1px solid var(--porto-primary-color);padding: 10px 2px 10px 50px;font-size: 15px;}
.ctsp ul li strong {display: block;font-size: 17px;}
.ctsp ul li:before{font-family:"Font Awesome 6 Free";position: absolute;left: 10px;top: 50%;transform:translateY(-50%); font-size: 28px;color: var(--porto-primary-color);font-weight: 600;}
.ctsp ul li.ctsp_giaohang:before{content: "\f48b";}
.ctsp ul li.ctsp_thanhtoan:before{content:"\f53c";}
.ctsp ul li.ctsp_doitra:before{content:"\f2f1";}
.ctsp ul li.ctsp_tuvan:before{content: "\f086";}
.owl-carousel .owl-dots .owl-dot span{width: 16px;height: 16px;margin-left: 6px;margin-right: 6px;}
@media(max-width: 1274px){
	#header .main-menu > li.menu-item > a{font-size: 15px;}
	.tintuc_trangchu .wrap_itempost .post_item_info h5{display: none;}
	.tintuc_trangchu .wrap_itempost .post_item_info h4{font-size: 15px;line-height: 20px;}
	.page-portfolios .portfolio-title{font-size: 17px;}
	.ctsp h3{font-size: 22px;}
	.ctsp ul li{margin-bottom: 15px;line-height: 22px;padding-left: 35px;font-size: 14px;}
	.ctsp ul li:before{left: 5px;font-size: 20px;}
	.ctsp ul li strong{font-size: 15px;}
}
@media(max-width: 991px){
	#header .header-main .header-left, #header .header-main .header-right, #header .header-main .header-center{padding-top: 10px;padding-bottom: 10px;}
	#header .header-main .container>div{position: static;}
	#header .header-minicart{display: none;}
	#header .mobile-toggle{font-size: 18px;border-radius: 3px;margin: 0;padding: 9px 12px 7px 12px;}
	#header .logo{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
	#header .logo img{transform-origin: center center;}
	#side-nav-panel .accordion-menu>li.menu-item a{font-size: 18px;padding-top: 10px;padding-bottom: 10px;font-family: Barlow,sans-serif;letter-spacing: 0;}
	#side-nav-panel .accordion-menu .arrow{height: 44px;line-height: 44px;}
	.tintuc_trangchu .post_large_thumb img, .tintuc_4item_large img, .tintuc_4item_medium img, .tintuc_5item_large img {width: 100%;}
	.tintuc_trangchu .wrap_itempost .post_item_info h5 {display: block;}
	.tintuc_trangchu .wrap_itempost .post_item_info h4{font-size: 17px;line-height: 24px;}
	.tintuc_media > .row > div, .tvworld_cat > .row > div{margin-bottom: 30px;}
	#footer .widget.widget_media_image, #footer .widget.widget_text {text-align: center;}
	#footer .footer-main > .container > .row > div:nth-child(n+2){width: 50%;}
	#footer .footer-bottom .container{padding-top: 30px;padding-bottom: 10px;}
	#footer .footer-bottom .container>div{text-align: center;padding: 0;}
	.woocommerce-tabs .tab-content{text-align: justify;}
	.page-top{padding-top: 30px;padding-bottom: 30px;}
	body.single-post .page-top .page-title{display: none;}

}
@media(max-width: 767px){
	.post_large_info, .tintuc_4item_large .post_item_info, .tintuc_4item_medium .post_item_info, .tintuc_5item_large .post_item_info{margin-top: 10px;}
	.tintuc_trangchu .chuyenmuc_post_main h3, .tintuc_cat_overlay .post_item_info h3 {font-size: 20px;}
	.tvworld_cat .tvworld_cat_head {text-align: center;padding-left: 5px;padding-right: 5px;}
	.tvworld_cat .tvworld_cat_head h3:before{display: block;margin: 0 auto 2px;width: 36px;height: 36px;}

}
@media(max-width: 575px){
	#header .searchform-popup{display: inline-block;}
}
@media(max-width: 510px){
	.tvworld_cat > .row > div {width: 100%;}
}