/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: Mypage
Author URI: https://www.mypage.vn/
Description: Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: mypage

*/

@import url("../mypage/style.css");

/* font family */
a{text-decoration: none;}
.single-product .product-summary-wrap .price {font-weight: 500; }
.text-bold { font-weight: bold; }
.page-top { padding-top: 10px; min-height: 44px; }

/* sidebar  content */
.main-content, .left-sidebar, .right-sidebar { padding-top: 0; }
.wrap_tintuc{color: #fff;}
.wrap_tintuc .thumb-info-caption-text .post-excerpt{color: #fff;}
.post-item-small h5{font-size: 16px;font-weight: 500;}
/* header */
.switcher-wrap .mega-menu .popup { border: 1px solid #ccc !important; }
.switcher-wrap img { position: relative; top: -2px; margin-right: 3px; }
@media (min-width: 992px) {
    #header .header-main .header-center { text-align: center; }
}
#header .searchform button { width: 46px; padding: 0; }
#header .header-contact i { margin-right:17px;vertical-align:top;font-size:30px;color:#40aee5!important; }
#header .header-contact span { margin-top:-2px!important;display:inline-block;font-size:11px;text-align:left;letter-spacing:0; }
#header .header-contact span b { font-size:18px;font-weight:600;display:block;line-height:15px;letter-spacing:0;}
#header .mobile-toggle { font-size: 20px; padding: 7px 10px; }
#header .header-top .welcome-msg { line-height: 32px; }
#header .header-top .currency-switcher>li.menu-item>a, #header .header-top .view-switcher>li.menu-item>a, #header .header-top .top-links>li.menu-item>a { line-height: 22px; }

.sticky-header #main-menu .mega-menu { background: none; }
.main-menu-wrap #main-menu .mega-menu > li.menu-item.has-sub:hover > a {padding-bottom:12px}
.mega-menu.show-arrow > li.has-sub > a:after {content:"\f107"}
.mega-menu .narrow .popup li.menu-item-has-children > a:before{content:"\f105"}
.mega-menu.show-arrow > li.has-sub > a:before {content:"";border:7px solid transparent;border-bottom-color:#fff;position:absolute;left:50%;margin-left:-8px;top:100%;margin-top:-14px;visibility:hidden;opacity:0;transition:all .1s}
.main-menu-wrap #main-menu .mega-menu > li.menu-item.has-sub:hover > a:before {opacity:1;visibility:visible}
#main-menu .mega-menu .popup li.menu-item a { text-transform: uppercase; }
#main-menu .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item li.menu-item > a:hover { background: none; text-decoration: underline; }
#header.sticky-header .main-menu-wrap #main-menu .mega-menu > li.menu-item > a, #header.sticky-header .main-menu-wrap #main-menu .mega-menu .menu-custom-block a, #header.sticky-header .main-menu-wrap #main-menu .mega-menu .menu-custom-block span{padding:6px 15px}

.mega-menu.show-arrow > li.has-sub > a:after,
.mega-menu.show-arrow > li.has-sub > h5:after { content: '\e81c'; font-family: 'porto'; }
.mega-menu > li.menu-item { margin-right: 0; }
.mega-menu .narrow .popup li.menu-item > a,
.mega-menu .narrow .popup li.menu-item > h5 { border-bottom: none; padding-left: 15px; padding-right: 15px; }
.mega-menu .narrow .popup ul.sub-menu { padding-left: 0; padding-right: 0; }
.mega-menu .narrow .popup li.menu-item-has-children > a:before,
.mega-menu .narrow .popup li.menu-item-has-children > h5:before { margin-right: 0; }

.mega-menu .wide .popup > .inner > ul.sub-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.mega-menu .wide .popup > .inner { padding: 10px; }
.mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item { padding-top: 15px; }

.mega-menu>li.menu-item { margin-right: 2px; }

.mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item, .sidebar-menu .wide .popup > .inner > ul.sub-menu > li.menu-item { padding-left: 10px; padding-right: 10px; }

/* main */
.post-item.style-4 .thumb-info{padding:10px}
.thumb-info-caption-text h2 {
    color: #00aaa7;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.thumb-info-caption-text a{text-decoration:none!important}
.thumb-info-side-image .thumb-info-side-image-wrapper{margin-right:30px!important}
.thumb-info-side-image{border:none!important}
.thumb-info-caption-text .post-excerpt {
    line-height: 20px;
    padding-right: 30px;
    color: #000000;
}
.thumb-info-caption-text .read-more.read-more-block {
    margin-left: 0;
    font-size: 12px;
    letter-spacing: .05em;
    color: #00aaa7;
    padding: 4px 0px;
    border-radius: 2px;
    display: table;
    margin-top: 10px!important;
    line-height: 17px;
    font-weight: 300;
}
.thumb-info-caption-text .read-more.read-more-block i{display:none}
.thumb-info-caption-text .post-meta{position:absolute;top:17px;left:17px;background-color:#00aaa7;text-align:center;color:#fff;font-weight:400;padding:10px 8px 8px;font-size:16px!important;width:45px;letter-spacing:.05em;font-weight:400;text-transform: uppercase;}
.thumb-info-side-image .thumb-info-caption .thumb-info-caption-text { padding: 0; }
.thumb-info > a { pointer-events: none }

.owl-carousel.nav-inside-center .owl-dots { right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.owl-carousel .owl-dots .owl-dot span { width :11px; height: 3px; margin: 5px; background: #a0a09f; }
.owl-carousel .owl-dots .owl-dot.active span { background-color: #2b2b2d; }
.owl-carousel .owl-next,.owl-carousel .owl-prev{ color:#3a3a3a !important; background: transparent !important; text-shadow: none !important; }
.main-content .owl-carousel .owl-next,
.main-content .owl-carousel .owl-prev { font-size:22px!important; }
.main-content .owl-carousel .owl-nav { margin-top: -23px; }
.home-slider .owl-carousel .owl-next,
.home-slider .owl-carousel .owl-prev { font-size:36px!important; color: #0088cc !important; }
.home-slider .owl-carousel .owl-prev { left: 10px !important; }
.home-slider .owl-carousel .owl-next { right: 10px !important; }
.home .owl-carousel .owl-nav .owl-next:before{content:"\e828"!important}
.home .owl-carousel .owl-nav .owl-prev:before{content:"\e829"!important}
.owl-carousel.show-nav-title .owl-nav .owl-prev { left: -40px; }

/* shop */
.star-rating span:before { color: #2b2b2c; }
.product-image { border: none; }
#mini-cart .buttons a { background: #010204; }
#mini-cart.minicart-arrow-alt .cart-head::after { right:9px;color:#606669 }
.product-image .inner { border: none; }
ul.products li.product-col.show-outimage-q-onimage-alt .add_to_cart_button,
ul.products li.product-col.show-outimage-q-onimage-alt .add_to_cart_read_more { background: #f4f4f4; }
ul.products li.product:hover .add-links .add_to_cart_button,
ul.products li.product:hover .add-links .add_to_cart_read_more { background: #2b2b2d; border-color: #2b2b2d; }

.products-slider.owl-carousel .product { margin-bottom: 25px; margin-top: 10px; }
.products-slider.owl-carousel .owl-item:hover { z-index: 2; }
ul.products li.product-col .product-inner { background: #fff; }
ul.products li.product-col h3 { color: #5f5f5f; }
ul.products .price,
ul.product_list_widget li .product-details .amount,
.widget ul.product_list_widget li .product-details .amount {font-weight: 400; letter-spacing: 0.005em; }
ul.products li.product-col .price { font-size: 18px; color: #2b2b2d; }
ul.products li.product-col:hover .product-inner { box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.1); }
.add-links .add_to_cart_button, .add-links .add_to_cart_read_more,
.add-links .quickview,
.yith-wcwl-add-to-wishlist a, .yith-wcwl-add-to-wishlist span { border: none; background-color: #f4f4f4; }
ul.products li.product-col .rating-wrap { margin-bottom: 10px; margin-top: 20px; }
.add-links .add_to_cart_button:hover, .add-links .add_to_cart_read_more:hover,
.add-links .add_to_cart_button:focus, .add-links .add_to_cart_read_more:focus { background-color: #0188cc; color: #fff; }
.add-links .add_to_cart_button, .add-links .add_to_cart_read_more,
.add-links .add_to_cart_read_more, .add-links .add_to_cart_button,
.yith-wcwl-add-to-wishlist a, .yith-wcwl-add-to-wishlist span,
.add-links .quickview { height: 34px; line-height: 34px; }
.add-links .add_to_cart_button { padding: 0 1.2em; color: #6f6e6b; }
ul.products li.product-col:hover .add-links .add_to_cart_button { padding: 0 .7143em; }
.add-links .add_to_cart_button:before { display: none; }
ul.products li.product-col:hover .add-links .add_to_cart_button:before { display: inline-block; }
ul.products li.product-col h3 { padding-left: 20px; padding-right: 20px; }
ul.list li.product-col h3 { padding-left: 0; padding-right: 0; }
.product-image .labels .onhot, .product-image .labels .onsale { border-radius: 12px; padding-left: 0.8em; padding-right: 0.8em; }

.products-slider.owl-carousel .owl-stage-outer { padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: -5px; }
@media (max-width: 575px) {
    .products-slider.owl-carousel .owl-stage-outer { padding-left: 2px; padding-right: 2px; margin-left: -2px; margin-right: -2px; }
}

/* single product page */
@media (min-width: 1190px) {
    body.single-product .main-content.col-lg-9 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-right: 30px !important; }
    body.single-product .sidebar.col-lg-3 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
.related .owl-carousel .owl-dots .owl-dot span { border: 2px solid rgba(0,0,0,0.2); background: none; margin: 5px 3px; position: relative; }
.related .owl-carousel .owl-dots .owl-dot:hover span,
.related .owl-carousel .owl-dots .owl-dot.active span { border-color: #05131c; }
.related .owl-carousel .owl-dots .owl-dot:hover span:after,
.related .owl-carousel .owl-dots .owl-dot.active span:after { content: ''; position: absolute; left: 3px; bottom: 3px; right: 3px; top: 3px; border-radius: 10px; background: #05131c; }

/* footer */
#footer .widget .widget_wysija { max-width: none; }
#footer form { opacity: 1; }
#footer .vc_icon_element-icon{font-size:19px!important;line-height:16px!important}
#footer .widget_wysija_cont { max-width: 400px; }
#footer .widget_wysija_cont p label { display: none; }
#footer .widget_wysija_cont .wysija-paragraph { width: auto; }
#footer .widget_wysija .wysija-input{width:100%;max-width:350px;height:48px;color:#686865;font-size:14px;border-radius:30px 0 0 30px;box-shadow:none;padding-left:25px}
#footer .widget_wysija_cont .wysija-submit{width:120px;height:48px;text-transform:uppercase;font-size:14px;border-radius:0 30px 30px 0}
li{line-height:25px}
.widget{margin-bottom:15px;margin-top:15px}
#footer .widget > div > ul li,#footer .widget > ul li{line-height:21px}
.widget.contact-info li:last-child{margin-bottom:0!important}
#footer .footer-bottom{padding:0}
#footer .footer-bottom .container{padding:10px 15px}
#footer .footer-bottom .container:before{position:absolute;background-color:#3d3d38;left:15px;right:15px;top:0;height:1px;width:calc(100% - 30px)}
#footer .footer-bottom .container .footer-left{padding:12px 8px 10px 0}
#footer .footer-bottom .container .footer-center{text-align:right;padding:12px 0 8px}
#footer .footer-bottom .container .footer-center img{display:inline-block}
#footer .widget p{margin-top:0;margin-bottom:17px;line-height:24px}
#footer .widget .custom-line-height-20 p{line-height:20px}
html #topcontrol { width: 40px; height: 40px; right: 15px; border-radius: 5px 5px 0 0; }


/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.vc_custom_heading.title_one {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    position: relative;
}
.vc_custom_heading.title_one:after {
    content: url(images/bg_title_one.png);
    display: block;
}
.wpb_text_column.wpb_content_element.desc_one * {
    font-size: 24px;
    line-height: 30px;
}
.wpb_text_column.wpb_content_element.desc_one.white *, .wpb_text_column.wpb_content_element.desc_two.white * {
    color: #fff;
}
.wpb_text_column.wpb_content_element.desc_two * {
    font-size: 18px;
    line-height: 24px;
}
.vc_custom_heading.title_two.align-right {
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.vc_row.wpb_row.row.section_custom {
    margin-top: 1px;
    margin-bottom: 1px;
}
.vc_row.wpb_row.row.section_custom .wpb_wrapper.vc_column-inner {
    padding-top: 0;
}
.stats-block.stats-top.counter_one .stats-text {
    color: #fff;
    margin-top: 10px;
}
#footer .vc_btn3-container.btn_one a {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #00aaa7;
    border-color: #00aaa7;
    transition: all 0.3s ease;
}
#footer .vc_btn3-container.btn_one a:hover{
    text-decoration: none;
    background-color: #00aaa7;
    color: #fff;
}
#footer .vc_btn3-container.btn_two a {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #00aaa7;
    border-color: #00aaa7;
    transition: all 0.3s ease;
}
#footer .vc_btn3-container.btn_two a:hover{
    text-decoration: none;
    background-color: transparent;
    color: #00aaa7;
}
#footer .vc_btn3-container.btn_three a {
    font-size: 18px;
    color: #fff;
    background-color: #00aaa7;
    border-color: #00aaa7;
    transition: all 0.3s ease;
    padding: 4px 35px;
}
#footer .vc_btn3-container.btn_three a:hover{
    text-decoration: none;
    background-color: transparent;
    color: #00aaa7;
}
#footer .vc_custom_heading.footer_title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: bold;
}
#header .header-contact a {
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #00aaa7;
    margin-left: 5px;
    font-weight: bold;
}
#header .header-contact a.login {
    background-color: #00aaa7;
}

#header .header-contact a.join_in {
    background-color: rgba(0, 170, 167, 0.4);
}
article.post #tab-question .comment-respond {
    border-top: none;
    padding-top: 0;
}
.tabs.post_tab .tab-pane ul {
    padding: 0;
    list-style: none;
}
.tabs.post_tab .tab-pane ul .post_thumbnail_tab {
    width: 19%;
    float: left;
}
.tabs.post_tab .tab-pane ul li:after {
    content: "";
    display: block;
    clear: both;
}
.tabs.post_tab .tab-pane ul li {
    margin-bottom: 20px;
}
.tabs.post_tab .tab-pane ul .post_meta_tab {
    padding-left: 5px;
    float: left;
    width: 81%;
}
.tabs.post_tab .tab-pane ul .post_meta_tab p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.tabs.post_tab li.nav-item a {
    padding: 10px 15px;
    background-color: #cccccc;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #000000;
}
.tabs.post_tab .tab-content {
    border-color: #f9f9f9;
}
.tabs.post_tab ul.nav.nav-tabs {
    border-bottom-color: #f9f9f9;
}
@media (max-width: 991px){
    #header .header-contact {
        display: inline-block;
    }
    .tabs.post_tab .tab-pane ul .post_thumbnail_tab {
        width: 25%;
    }
    .tabs.post_tab .tab-pane ul .post_meta_tab {
        width: 75%;
    }
}
@media (max-width: 767px){
    .tabs.post_tab .tab-pane ul .post_thumbnail_tab {
        width: 32%;
    }
    .tabs.post_tab .tab-pane ul .post_meta_tab {
        width: 68%;
    }
    .tabs.post_tab li.nav-item a{
        padding: 10px 12px;
    }
}
@media (max-width: 480px){
    #header .header-contact a {
        font-size: 10px;
        padding: 3px 6px;
    }
    .tabs.post_tab li.nav-item a{
        font-size: 11px;
    }
    .tabs.post_tab li.nav-item a {
        padding: 5px 5px;
    }
}