/*
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-right {padding-top: 10px; padding-bottom: 10px;}
#header .main-menu > li.menu-item:hover > a:before {left: 12px; right: 12px;}
#header .main-menu > li.menu-item > a:before {
	content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 3px;
    background-color: #cf141f;
    transition: 0.3s ease-in-out;
}
#header .main-menu > li.menu-item > a i {margin-right: 0px;margin-top: -4px;}
#header .searchform-popup .search-toggle {font-size: 18px; color: #fff;}
#header .searchform-popup .search-toggle:hover {color: #fdcc06;}
#header .mobile-toggle {font-size: 20px; border-radius: 0; margin-right: 0; margin-left: 10px;background-color: #000;}
#header .header-contact a {color: #fff;}
#header .header-contact {font-size: 18px; font-weight: 600;}
#header.sticky-header .header-contact {display: inline-block;}
ul.products .woocommerce-loop-product__title {white-space: normal;font-size: 18px;font-weight: 500;color: #000;}
ul.products .woocommerce-loop-product__title:hover, ul.products .product-loop-title:hover h3 {color: #cf141f;}
ul.products .product-image {border-radius: 10px;overflow: hidden;}
li.product-default .price, .single-product .product-summary-wrap .price {color: #d00;}
.add-links-wrap {display: none;}
.wpcf7 .form-group > p {margin-bottom: 0;}
.wrap_lienhe h3 {font-size: 26px;line-height: 32px;}
.wrap_lienhe  ul {padding: 0;margin: 0;list-style: none;}
.wrap_lienhe  ul li { margin-bottom: 7px;}
.wrap_lienhe  ul li i {width: 20px;margin-right: 5px;}
.wpcf7 textarea {height: 90px;}
.align-center .wpcf7-spinner {display: block;margin: 5px auto 0;}
.wpcf7 .form-group input[type="submit"] {font-weight: 700;font-size: 16px;transition: 0.3s ease-in-out;background-color: #cf141f;padding: 8px 22px;border-color: #cf141f;}
.wpcf7 .form-group input[type="submit"]:hover {color: #cf141f;background-color:transparent;}
.wpcf7 .form-group {margin-bottom: 12px;}
.shop-loop-before .woocommerce-ordering, .shop-loop-before .woocommerce-pagination, .gridlist-toggle {display: none!important;}
.single-product .product_title {font-size: 24px;color: #cf141f;letter-spacing: 0;}
.single-product .product-summary-wrap .price {letter-spacing: 0;color: #ec0005;margin-top: 10px;}
.page-top ul.breadcrumb>li {text-transform: uppercase;}
.woocommerce-tabs .resp-tabs-list li {font-size: 17px;}
.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 {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{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{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-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 {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;}
.product-summary-wrap .description {background-color: #f9f9f9;border: 1px solid #ccc;padding: 10px 15px;}
.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: 700;}

.lienhe_ctsp .btn_lienhe {background-color: transparent;border: 1px solid #cf141f; color: #cf141f; display: block; padding:15px 10px; font-size: 15px; width: 100%;}
.lienhe_ctsp .btn_lienhe.btn_baogia button:hover {background-color: #cf141f;color: #fff;}
.lienhe_ctsp .porto-sicon-box {display: block;text-align: center;padding:5px 5px;background-color: #fff;border:1px solid #cf141f;border-radius: 5px;}
.lienhe_ctsp .porto-sicon-box .porto-sicon-left, .lienhe_ctsp .porto-sicon-box .porto-sicon-body{display: inline-block;vertical-align: middle;}
.lienhe_ctsp .porto-sicon-box .porto-icon {color: #cf141f;}
.lienhe_ctsp .porto-sicon-box h3.porto-sicon-title {font-size: 16px;font-weight: 600;color: #fff;}
.lienhe_ctsp .porto-sicon-box .porto-sicon-header p {font-weight: 600;color: #cf141f;font-size: 20px;}
.lienhe_ctsp .btn_lienhe.vc_btn3-container a{
    border-radius: 5px !important;
    background-color: #cf141f;
}
.lienhe_ctsp .btn_lienhe {background-color: #cf141f;color: #fff;border-radius: 5px;}
.lienhe_ctsp .btn_lienhe:hover {background-color: #fff;color: #cf141f;}
.lienhe_ctsp .btn_baogia {background-color: #fff; color: #cf141f; }
.lienhe_ctsp .btn_baogia:hover{background-color: #cf141f; color: #fff; }
.lienhe_ctsp .col-md-6 {padding-bottom: 15px;}
.lienhe_ctsp .btn_lienhe.vc_btn3-container a:hover {
    background-color: #fff;
    color: #cf141f;
    border-color: #cf141f;
}
.lienhe_ctsp .btn_lienhe.vc_btn3-container.btn_baogia button {
    border-radius: 5px !important;
}
.wrap_hotline .widget {margin: 0;}
.call-circle-fill {
width: 54px;
height: 54px;
top: -5px;
left: -5px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgb(237 29 36 / 20%);
}
.call-img-circle {
width: 44px;
height: 44px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #ed1d24;
font-size: 18px;
line-height: 44px;
text-align: center;
}
.call-img-circle i {color: #fff;}
.call-img-circle:hover {background-color: #b70208;}
.call-phone span {font-size: 17px;padding: 4px 15px 4px 30px;border-radius: 0 20px 20px 0;color: #fff;background-color: #ed1d24;display: inline-block;position: absolute;right: -110px;top: 43px;    font-weight: 700;}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.fb_zalo {position: fixed;right: 10px;bottom: 50px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.widget .fb_zalo ul li {margin-bottom: 10px;}
.widget .fb_zalo ul li img {width: 54px;}
html #topcontrol {border-radius: 5px 5px 0 0;}
.wrap_sanpham h2 {margin-top: 40px;}
.post-item .owl-carousel .owl-item img {border-radius: 10px;}
.post-item .thumb-info .thumb-info-wrapper {border-radius: 10px;}
.woocommerce-tabs .resp-tabs-list li {
    font-size: 18px;
    font-weight: 600;
}
#product-tab .tab-content h2 {
    font-weight: 700;
    font-size: 28px;
}
li.product-default .price, .single-product .product-summary-wrap .price {
    color: #cf141f;
}
.product-summary-wrap .description {
    background-color: #e9edff;
    padding: 15px 15px 10px;
}
.page-top ul.breadcrumb li span:first-child {text-transform: uppercase;}
.product-nav {display: none;}
#footer .widget_text ul li {padding-bottom: 10px;}
#footer .footer-bottom {padding: 0px;}
.footer .widget > div > ul li {border: none;}
.footer .widget > div > ul {border: none;}
.footer .widget-title {font-size: 20px;}
#side-nav-panel .accordion-menu>li.menu-item a {
    font-size: 17px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;}
#side-nav-panel .accordion-menu li.menu-item > .arrow {color: #000;}
@media(max-width: 1229px) {
    #header .main-menu > li.menu-item > a {
        font-size: 14px;
        padding: 10px 10px 10px 10px;
    }

    #side-nav-panel .accordion-menu>li.menu-item a{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        color: #000;
    }
}
@media(max-width: 991px) and (min-width: 576px){
    #footer .footer-main > .container > .row > div:nth-child(n+2){width: 50%;}
}
@media(max-width: 991px) {
    #nav-panel .accordion-menu li.menu-item > a {padding-top: 10px;padding-bottom: 10px;font-size: 16px;font-weight: 600;}
    #header .header-contact {display: inline-block;font-size: 20px;font-weight: 700;}
}
@media(max-width: 767px) {
    html #topcontrol {display: block;right: 0;}
    .fb_zalo {right: 0;}
    .widget .fb_zalo ul li {margin-bottom: 5px;}
    .widget .fb_zalo ul li:first-child {margin-bottom: 10px;}
    .widget .fb_zalo ul li img {width: 44px;}
    .call-circle-fill {width: 52px;height: 52px;}
    .call-img-circle {width: 42px;height: 42px;font-size: 16px;line-height: 40px;}
}
@media (max-width: 575px) {
    #header .header-contact {font-size: 18px; margin-right: 0;}
}
@media (max-width: 480px) {
    #header .header-contact {font-size: 17px;}
}