/*
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  ***************/
body a {color: #333;}
body a:hover{color: #0064a8;text-decoration: none;}
#header.sticky-header .logo {display: block !important;}
.header-wrapper {z-index: 3;}
#header .header-top .mega-menu {margin: 5px 0;}
#header .header-top .mega-menu >li.menu-item>a {text-transform: none;color: #fff;font-weight: normal;font-size: 13px;}
#header .view-switcher > li.menu-item:hover > a {color:#ffd71c ;background-color: transparent;}
#header .top-links>li.menu-item {margin-right: 10px;}
#header .top-links>li.menu-item:before{position: absolute;top: 2px;left: 2px;right: -2px;bottom: -2px;transition:0.2s ease-in-out;background-color: #fff;display: block;z-index: 1;content: '';}
#header .top-links>li.menu-item:hover:before,#header .top-links>li.menu-item.active:before{background-color: #f01b23;}
#header .header-top .top-links>li.menu-item>a {background-color: #f01b23;z-index: 2;transition:0.2s ease-in-out;}
#header .header-top .top-links>li.menu-item:hover>a, #header .header-top .top-links>li.menu-item.active>a{background-color: #fff;color: #0064a8;text-decoration: none;}
#header .header-top .share-links {margin-left: 20px;}
.header-banner .row >div:first-child{padding-right: 0;}
.header-banner .row >div:last-child{padding-left: 0;}
.sidebar .widget_media_image img, .trans_img img, .header-banner img {transition:0.2s ease-in-out;}
.sidebar .widget_media_image a:hover img, .trans_img a:hover img, .header-banner a:hover img{filter:brightness(60%);-webkit-filter: brightness(60%);}
.header-banner img {margin: 0;}
#header .header-main .header-left, #header .header-main .header-right {padding: 15px 0;}
#header .header-main .header-center {padding: 0;}
#header.search-sm .searchform input, #header .searchform button {height: 32px;}
#header .searchform button {line-height: 32px;}
#main-menu .menu-center {box-shadow: 4px 4px 4px #ddd;}
#main-menu.centered .mega-menu>li.menu-item:first-child i {margin: 0;font-size: 20px;line-height: 16px;}
#main-menu.centered .mega-menu>li.menu-item {margin: 0;}
#main-menu .mega-menu.show-arrow>li.has-sub>a:after {display: none;}
#main-menu .mega-menu>li.menu-item:last-child .inner > ul.sub-menu li.menu-item:hover>ul.sub-menu {left: -110%;}
.sticky-header #main-menu .menu-center {box-shadow: none;}
#header.sticky-header .main-menu-wrap #main-menu .mega-menu > li.menu-item.active > a{color: #0064a8;}
#main {z-index: 2;}
.sidebar .widget_custom_html iframe {width: 100%;}
.cat_thumb_link {margin-bottom: 7px;display: block;}
.get_feature_news {margin-bottom: 20px;}
.get_feature_news h1 {margin-bottom: 7px;font-size: 16px;line-height: 1.5;}
.get_feature_news h1 a, .feature_news_bottom h4 a, .post_title a{color: #0064a8;}
.get_feature_news h1 a:hover, .feature_news_bottom h4 a:hover, .post_title a:hover {color: #f01b23;}
.post_info {margin-bottom: 5px;font-size: 13px;}
.post_info span {margin-right: 7px;}
.post_info .post_cate {font-weight: 500;}
.list_post {margin: 0;padding: 0;list-style: none;}
.list_post li {border-bottom: 1px solid #ddd;margin-bottom: 4px;padding-bottom: 4px;font-weight: 500;}
.list_post li a:before, .sidebar .wpp-list li a:before, .tinlienquan li h5 a:before{font-family: 'FontAwesome';content: "\f105";margin-right: 5px;font-size: 16px;}
.feature_news_bottom h4 {font-size: 14px;line-height: 22px;max-height: 66px;overflow: hidden;margin-bottom: 5px;}
.inner {margin-left: -5px;margin-right: -5px;}
.inner > div {padding-left: 5px;padding-right: 5px;}
.module_item {padding-top: 15px; margin-bottom: 15px;padding-bottom: 15px;background-image: url(images/line_top.png);background-position: left top;background-repeat: repeat-x;}
.module_item h2 {margin-bottom: 10px;color: #333;}
.module_item h2 i {margin-right: 5px;color: #f01b23;}
.module_item h2 a {display: inline-block;float: right;font-size: 15px;font-weight: 500;}
.module_item h2 a:after{font-family: FontAwesome;content: "\f101";margin-left: 5px;}
.get_most_news h3 {margin-bottom: 4px;}
.get_most_news h3 a{color: #f01b23;}
.get_most_news h3 a:hover{color: #0064a8;}
.get_video_news .blog_thumb_large {background-color: #f4f4f4;padding: 15px;margin-bottom: 15px;}
.module_item h3 {margin-bottom: 7px;font-size: 16px;line-height: 22px;height: 44px;overflow: hidden;}
.module_item h4 {font-size: 15px;line-height: 22px;margin-bottom: 5px;}
.video_icon .cat_thumb_link {display: block;position: relative;}
/*.video_icon .cat_thumb_link:before {content: "\f04b";font-family: 'FontAwesome';width: 36px;height: 36px;border-radius: 50%;border: 1px solid #fff;color: #fff;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 2;transition:0.2s ease-in-out; text-align: center;line-height: 34px;box-shadow: 0 0 2px #000;font-size: 18px;}
.video_icon .cat_thumb_link:hover:before{color: #0064a8;border-color: #0064a8;}*/
.video_icon .cat_thumb_link:before {content: '';width: 50px;height: 50px;opacity: 0.6;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 2;transition:0.2s ease-in-out;background-image: url(images/btn-play.png);background-position: center;background-size: 100%;background-repeat: no-repeat;opacity: 0;}
.medium_item {margin-bottom: 10px;padding-bottom: 10px;}
.module_item .medium_item:last-child{margin-bottom: 0;}
.get_product .product_large {margin-bottom: 20px;}
.get_product h3 {font-size: 16px;line-height: 22px;margin-bottom: 10px;}
.get_product .giasp {color: #f01b23;font-weight: 500;font-size: 18px;margin-bottom: 10px;}
.get_product .giasp del {color: #999;margin-right: 10px;}
.get_product .giasp ins {text-decoration: none;}
.get_product .motangan {height: 110px;overflow: hidden;margin-bottom: 10px;}
.get_product .motangan p {margin-bottom: 0px;}
.get_product .add_to_cart_button {background-color: #ffd71c;color: #fff;border-color: #ffd71c;}
.get_product .xemchitiet_button {text-transform: uppercase;margin-left: 10px;}
.get_product .xemchitiet_button:before{font-family: 'FontAwesome';content: "\f002";margin-right: 5px;}
.get_product .cat_thumb_link {border: 1px solid #ddd;}
.get_product .cat_thumb_link:hover {border-color: #bbb;}
.get_product  .product_small > div {margin-bottom: 15px;}
#footer .widget-title {font-size: 18px;font-weight: 400;}
#footer .textwidget ul li {margin-bottom: 5px;}
#footer .textwidget ul li i {width: 20px;}
#footer .wpcf7 input[type="text"] {background-color: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.4);color: #fff;}
#footer .wpcf7 input[type="text"]::-webkit-input-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]::-moz-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]:-ms-input-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]:-moz-placeholder {color: #fff;}
#footer .wpcf7 input[type="submit"] {background-color: #fff;padding-left: 20px;padding-right: 20px;color: #333; border-color: #fff;text-shadow:none;text-transform: uppercase;font-weight: 500;}
#footer .wpcf7 h5 strong {display: block;font-size: 26px; color: #0064a8;margin-top: 10px;}
.sidebar .widget-title {background-color: #0064a8;color: #fff;padding: 7px 15px 5px;font-weight: 500;}
.sidebar .popular-posts .widget-title {background-color: #f01b23;}
.sidebar .wpp-list li {margin-bottom: 12px;font-weight: 500;font-size: 14px;}
.sidebar .wpp-list li a:before {color: #f01b23;}
.sidebar .wpp-list li a:hover:before{color: #0064a8;}
.wpp-list .wpp-meta {display: none;}
.sidebar .post-item-small a {font-weight: 500;}
.sidebar .post-item-small .post-date {display: none;}
.news_feature .news_feature_item {position: relative;}
.news_feature .news_feature_item .cat_thumb_link {position: relative;z-index: 1;}
.news_feature .news_feature_item .post_main {position: absolute;left: 0px;right: 0px;bottom: 0px;color: #fff;z-index: 3; padding: 0px 15px 5px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0) 100%);}
.wrap_row > div:first-child {padding-right: 5px;}
.wrap_row > div:last-child {padding-left: 5px;}
.news_feature .news_feature_medium {margin-bottom: 10px;}
.post_main h1 {margin-bottom: 5px;}
.post_main h3 {font-size: 16px;margin-bottom: 5px;}
.post_main h4 {font-size: 14px;line-height: 20px;margin-bottom: 5px;}
.post_main h1 a, .post_main h3 a, .post_main h4 a {color: #fff;display: block;padding-top: 40px;}
.post_main .post_info .post_cate a {color: #fff;}
.post_main h1 a:hover, .post_main h3 a:hover, .post_main h4 a:hover, .post_info .post_cate a:hover {color: #0064a8;}
.news_most_recent_item {margin-bottom: 20px;}
.video_feature {padding: 40px 15px 30px;background-color: #222;margin-top: 20px;}
.video_feature h3 {font-size: 15px;line-height: 22px;margin-bottom: 15px;}
.video_feature h3 a {color: #fff;}
.video_feature h3 a:hover{color: #0064a8;}
.video_large h3 {font-size: 16px;line-height: 22px;margin-bottom: 20px;}
.blog-posts article.post-grid .entry-title, .blog-posts article.post-medium .entry-title {font-size: 16px;line-height: 22px;margin-bottom: 0;}
.blog-posts article.post-medium .entry-title {margin-bottom: 5px;}
.single-post article .entry-title {margin-bottom: 5px;}
.post-block h3, .post-share h3 {font-size: 16px;}
.tinlienquan {padding: 0;margin: 0 0 20px;list-style: none;}
.tinlienquan li h5 {font-size: 14px;margin-bottom: 7px;}
.tinlienquan li h5 a:before{}
body.single-post ul.breadcrumb li:last-child, body.single-post ul.breadcrumb li:nth-last-child(2) i, body.single-product ul.breadcrumb li:last-child, body.single-product ul.breadcrumb li:nth-last-child(2) i  {display: none;}
.single-product .product-summary-wrap .description p {color: #000;line-height: 24px;}
.post-content ul, .post-content ol {padding-left: 20px;margin-bottom: 20px;}
.post-content ul li, .post-content ol li {margin-bottom: 6px;}
.post-content table {margin-bottom: 20px;}
.post-content table th, .post-content table td {border: 1px solid #ddd;}
.lienhe .porto-block ul {margin: 0 0 20px;padding: 0;list-style: none;}
.lienhe .porto-block ul li {margin-bottom: 8px;}
.lienhe .porto-block ul li i {width: 20px;}
.lienhe .wpcf7 textarea {height: 120px;}
@media(max-height: 1199px){
	.list_post {margin-bottom: 20px;}
}
@media(max-height: 991px){
	#header .header-main .header-right {width: auto;}
	#header .header-top .mega-menu {display: inline-block;}
	.entry-content {text-align: justify;}

}
@media(max-width: 767px){
	#header .header-top .share-links {margin-left: 5px;margin-right: 0;}
	.module_item h4 {margin-bottom: 15px;}
	.get_product .xemchitiet_button {padding-left: 5px;padding-right: 5px;margin-left: 5px;}
	.wrap_row > div:first-child, .header-banner .row >div:first-child {padding-right: 15px;}
	.wrap_row > div:last-child, .header-banner .row >div:last-child {padding-left: 15px;}
	html #topcontrol {display: block;}
	.news_feature .inner .news_feature_item .post_main {position: relative;padding: 0;background: none;margin-top: 5px;}
	.news_feature .inner .news_feature_item .post_main h4 a{color: #000;padding-top: 0;}	
}
@media(max-width: 576px){
	#header .header-top .share-links {display: none;}
	.get_most_news .post_info span {margin-right: 5px;}
	.get_most_news .post_info span i {display: none;}
	.get_product .xemchitiet_button {margin-left: 0;margin-top: 7px;}
	.entry-content iframe {max-width: 100%;height: auto;min-height: 220px;}
}
@media(max-width: 480px){
	#header .top-links>li.menu-item {margin-right: 5px;}
	#header .header-top .top-links > li.menu-item > a {padding-left: 8px;padding-right: 8px;}
}