/*
Theme Name:   	Techmarket Child
Theme URI:    	https://themeforest.net/item/techmarket-multidemo-electronics-store-woocommerce-theme/20241155
Author:         MadrasThemes
Author URI:     https://madrasthemes.com/
Description:  	This is the child theme for the techmarket theme
Template:     	techmarket
Version:      	1.4.22
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	techmarket-child
Tags:         	e-commerce, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

@import "assets/fonts/Zero/stylesheet.css";

body.kc-css-system .kc-css-458898 p {
    margin-bottom: 0px !important;
}

.archive .post-thumbnail a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 100% 0 0 0;
}

.archive .post-thumbnail a img {
    display: block;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.entry-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

.widget_recent_entries li {
    border-bottom: 1px solid black;
    padding: 5px 0;
}

article .entry-content, article.post .entry-content,
.contact-form p, .contact-form ul li, .store-info p, .store-info ul li,
p, ul, li,
#secondary .widget ul.product_list_widget li span.product-title,
.navbar-primary .nav > li > a, .primary-navigation .nav > li > a,
#secondary.sidebar-blog .widget_archive ul li a, #secondary.sidebar-blog .widget_categories ul li a, #secondary.sidebar-blog .widget_links ul li a, #secondary.sidebar-blog .widget_meta ul li a, #secondary.sidebar-blog .widget_nav_menu ul li a, #secondary.sidebar-blog .widget_pages ul li a, #secondary.sidebar-blog .widget_recent_comments ul li a, #secondary.sidebar-blog .widget_recent_entries ul li a {
    color: black;
}

.post-type-archive .widget .widget-title,
.tax-product_cat .widget .widget-title,
#secondary.sidebar-blog .widget .section-title,
#secondary.sidebar-blog .widget .widget-title {
    color: #008393;
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-family: SVN-Zero;
}

#masthead {
    padding: 10px 0px 40px;
}

.site-branding {
    text-align: center;
    margin-bottom: 10px !important;
}

.site-branding a {
    display: inline-block !important;
}

.site-branding img {
    /*height: 75px;*/
    /*width: auto;*/
}

#primary-navigation {
    align-items: center;
    display: flex;
}

@media (min-width: 1700px) {
    #content #primary {
        order: 1;
    }
}

.page-title, .page-header-caption .entry-title, .kc_title, .page-title, .entry-title, .kc_title a {
    font-family: SVN-Zero;
    color: #008393 !important;
    line-height: 1.3 !important;
    position: relative;
}

.post-type-archive-product.right-sidebar #content #primary {
    order: 2;
}

.post-type-archive-product.right-sidebar #content #secondary {
    order: 1;
}

.page-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.page-title:after,
.kc_title:after,
.home .entry-title:after,
.page-id-1000 .entry-title:after {
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 13px;
    background-image: url(assets/images/img_title.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-id-465 .kc_title {
    position: relative;
    margin-bottom: 40px;
}

footer .kc_title {
    color: #fcff00 !important;
}

footer .kc_title:after {
    display: none !important;
}

footer {
    width: 100%;
    padding: 60px 0 50px;
    background-image: url(assets/images/bg_footer.jpg);
    background-size: cover;
    background-position: top;
}

.site-footer .footer-widgets-block {
    margin-bottom: 0;
    padding-top: 020px;
}

footer #text-2.widget_text span {
    color: #fff !important;
}

footer #text-2.widget_text span a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

footer #nav_menu-2 .widget-title,
footer #text-2 .widget-title {
    color: #fff;
    font-size: 20px;
    position: relative;
}

footer #nav_menu-2 .widget-title:after,
footer #text-2 .widget-title:after {
    content: "";
    width: 100%;
    height: 3px;
    background-image: url(assets/images/img_footer.png);
    background-position: left;
    background-size: auto;
    margin: 10px 0 15px;
    background-repeat: no-repeat;
    display: block;
}

footer #nav_menu-2 li a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .footer-widgets .columns {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

.widget {
    margin: 0;
}

.kc-pretty-photo img {
    width: 100%;
}

.page.home .hentry.type-page .entry-header {
    margin-bottom: 50px !important;
}

/*@media screen and (min-width: 1200px) {*/
/*    .home #menu-danh-muc-sp {*/
/*        display: block;*/
/*    }*/
/*}*/

.doitac .owl-item img {
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    box-shadow: #6363634d 0px 2px 8px 0px;
    margin: 8px;
    transform: translateX(-8px);
}

.section-products-carousel .products .slick-arrow, .section-products-carousel-tabs .products .slick-arrow, .section-products-carousel-with-bg .products .slick-arrow {
    height: 40px;
    background: black;
    border-radius: 50%;
    width: 40px;
    font-size: 20px;
    padding: 8px;
    color: white;
}

.section-products-carousel .products .slick-arrow + .slick-list + .slick-arrow, .section-products-carousel-tabs .products .slick-arrow + .slick-list + .slick-arrow, .section-products-carousel-with-bg .products .slick-arrow + .slick-list + .slick-arrow {
    right: -18px;
    left: auto;
    padding: 12px;
}

.blockUI.blockMsg.blockElement {
    font-size: 8px;
    display: none !important;
}

.post-type-archive .page-title:after,
.tax-product_cat .page-title:after {
    display: none !important;
}

.tabs.wc-tabs {
    display: none !important;
}

.wc-block-cart__submit-container a {
    background: #008393;
    color: white;
    margin-top: 20px;
}


/* Blink */
.blink { -webkit-animation-name:blink; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -moz-animation-name:blink; -moz-animation-duration:1s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; animation-name:blink; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite; }
@-moz-keyframes blink {
    0% { opacity:1.0; }
    50% { opacity:0.0; }
    100% { opacity:1.0; }
}
@-webkit-keyframes blink {
    0% { opacity:1.0; }
    50% { opacity:0.0; }
    100% { opacity:1.0; }
}
@keyframes blink {
    0% { opacity:1.0; }
    50% { opacity:0.0; }
    100% { opacity:1.0; }
}

/* Button Frame */
.btn-frame { display:block; width:50px; height:50px; position:fixed; right:20px; z-index:999; cursor:pointer; }
.btn-frame i { display:flex; display:-ms-flex; justify-content:center; align-items:center; -ms-flex-align:center; width:50px; height:50px; border-radius:50%; background:#008b9b; position:relative; z-index:1; }
.btn-frame i img { vertical-align:middle; width:70%; }
.btn-frame .animated.infinite { animation-iteration-count:infinite; }
.btn-frame .kenit-alo-circle { width:60px; height:60px; top:-5px; right:-5px; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid rgba(7,41,103,0.8); opacity:.1; border-color:#008b9b; opacity:.5; }
.btn-frame .zoomIn { animation-name:zoomIn; }
.btn-frame .animated { animation-duration:1s; animation-fill-mode:both; }
.btn-frame .kenit-alo-circle-fill { width:70px; height:70px; top:-10px; right:-10px; 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%; border:2px solid transparent; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; background-color:rgba(7,41,103,0.35); opacity:.4; }
.btn-frame .pulse { animation-name:pulse; }

/* Zalo */
.btn-zalo { bottom:315px; }

/* Phone */
.btn-phone { bottom:230px; }

/* Google Maps */
.btn-google_map { bottom: 400px; }
.btn-google_map i { background: #008b9b !important; }
.toolbar ul li a#googlemap img { height: 8vw; width: auto; margin-top: -5px; }

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed { display:none!important }
.js-facebook-messenger-tooltip { bottom:97px; right:97px }
.js-facebook-messenger-tooltip { color:#404040; background:#fff }
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 }
.js-facebook-messenger-tooltip { display:none; position:fixed; text-align:center; border-radius:10px; overflow:hidden; font-size:12px; line-height:1; padding:10px; border:1px solid rgba(0,0,0,0.1); box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt; z-index:1.0E+30 }
.js-facebook-messenger-close-tooltip { width:10px; height:10px; display:inline-block; cursor:pointer; margin-left:10px }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand }
.js-facebook-messenger-box.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 }
.js-facebook-messenger-box { display:block; position:fixed; cursor:pointer; bottom:150px; right:17px; width:56px; height:56px; text-align:center; background:#008b9b; border-radius:100%; overflow:hidden; z-index:99; -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3) }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform:rotate(0deg) }
.js-facebook-messenger-box svg#fb-msng-icon { width:32px; height:33px; position:absolute; top:13px; left:12px; opacity:1; overflow:hidden; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { transform:rotate(-45deg) }
.js-facebook-messenger-box svg#close-icon { opacity:0; width:19px; height:20px; position:absolute; top:19px; left:19px; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; }
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000 }
.js-facebook-messenger-container { position:fixed; opacity:0; transform:translateY(50px); bottom:110px; right:90px; border-radius:10px; pointer-events:none; box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; transition:transform 160ms ease-in-out,opacity 160ms ease-in-out }
.js-facebook-messenger-top-header { width:220px }
.js-facebook-messenger-top-header { color:#fff; background:#008b9b }
.js-facebook-messenger-top-header { display:block; position:relative; width:220px; background:#008b9b; color:#fff; text-align:center; line-height:1; padding:10px; font-size:14px; border-top-left-radius:10px; border-top-right-radius:10px }
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe { border-bottom-left-radius:10px; border-bottom-right-radius:10px }
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 }
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000 }
.js-facebook-messenger-top-header { color:#fff; background:#008b9b }
.js-facebook-messenger-top-header { width:220px }
.js-facebook-messenger-tooltip { color:#404040; background:#fff }
.js-facebook-messenger-container.open { transform:translateY(0px); opacity:1; pointer-events:all }
.js-facebook-messenger-tooltip { bottom:97px; right:97px }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity:0 }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform:rotate(0deg) }
.js-facebook-messenger-box.open svg#close-icon { opacity:1 }

.onsale{
    display: none !important;
}

.onsale2 {
    background-color: #ff4d4d;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 0px 7px;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 10;
    text-align: center;
}