/*
Theme Name: XW Omotor
Theme URI: xuongweb.vn
Author: xuongweb.vn
Author URI: xuongweb.vn
Description: Develop By xuongweb.vn
Text Domain: xw
Template: flatsome
Version: 1.0.1
*/

@font-face{font-family:Angkor-Regular;src:url(assets/fonts/Angkor-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:SVN-Aaron-Script;src:url(assets/fonts/SVN-Aaron-Script.woff2) format("woff2");font-weight:400;font-display:swap}

/** GENERAL **/
.tooltipster-base{display:none!important}
.grecaptcha-badge{display:none}
.tooltipster-content,.tooltipster-arrow{display:none!important}
pre, blockquote, form, figure, p, dl, ul, ol {margin-bottom: 1em;}
.pd-bottom-0,.pd-bottom-0 .col-inner,.pdbt-0,.pdbt-0 .col-inner{padding-bottom:0!important;}
.wpcf7-spinner{display:none}
.is-divider {
    background-color: #068942;
    max-width: 60px;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea, .primary, input[type=submit], input[type=submit].button{border-radius:4px}

.text-angkor{font-family: Angkor-Regular, sans-serif !important;}
.text-aaron{font-family: SVN-Aaron-Script, sans-serif !important;}

.btn_light_green{
    background: #059F34;
}
.btn_red{
    background: #C40000;
}
.btn_yellow{
    background: #DF8F00;
}
.btn_green{
    background: #007B06;
}

/** HEADER **/

.wpml-ls-menu-item .wpml-ls-flag { width: 24px; height: 16px; border: 1px solid #fff; }


.custom-cf7 .col{padding-bottom: 0}
.custom-cf7 .wpcf7-form-control-wrap{margin-top: 6px;}

/** HOME PAGE **/
.flickity-page-dots .dot{border-color: #fff}
.flickity-page-dots .dot.is-selected{background-color:#068942}

.custom__post-activity{}
.custom__post-activity .post-title{
    color: #068942;
    line-height: 1.5em;
}

.custom__post-activity .post-item .box-text{    vertical-align: top;}
.custom__post-activity .button.primary.is-outline{border: 1px solid #068942;border-radius: 10px;line-height: 2.5em;}
.custom__post-activity .post-item:nth-child(2) .box-text .post-title{margin-top:10px}
.custom__post-activity .post-item:nth-child(2) .box-text {
    float: left;
    display: contents;
}
.custom__post-activity .post-item:nth-child(2) .box-image{
    float: right;
}
.icon__connect img{}
.custom__block-bottom p{margin-bottom:5px}

.custom__catalog-post .is-divider{display: none}

.box-specifications{margin-top: 20px}
.box-specifications .col-inner{border:1px solid #d02d2d;border-radius: 12px;background-color: #d02d2d12 !important;padding: 0 12px 0 12px !important;}
.box-specifications .col-inner h4{color: #d02d2d;margin: 15px 0 10px;font-size: 20px;line-height: 18px;}
.box-specifications .col-inner p{
    color: #808286;
    font-size: 12px;
    font-weight: 600;
}
.ghost{
    font-size: 160px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    position: absolute;
    bottom: 47px;
    left: -16px;
}
.ghost p{margin: 0;line-height: 0;color: #d02d2d36;}

/** HOME **/

.row-motors.active{}
.row-motors>.col-inner{border:1px solid #ebebef;border-radius: 12px;}
.row-motors.active>.col-inner{border:1px solid #d02d2d;border-radius: 12px;padding:20px 15px 10px;position: relative;}
.row-motors:not(.active) .col-image{order: -1;}
.row-motors.active .info-expand{display:flex;}
.row-motors:not(.active) .info-expand{display:none;}
.row-motors:not(.active) .button{border:none;padding:0;margin-bottom:0}
.row-motors:not(.active) .button:hover{background:none;color:#d02d2d}
.row-motors:not(.active) .custom-price h3{color:#d02d2d !important;}
.row-motors:not(.active) .col-content{padding: 20px 15px 10px !important;background: #fcf2f2;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.row-motors:not(.active) .custom-title h3{font-size: 95%;}
.row-motors:not(.active) .custom-category span{font-size:90%}

.wrap-motors .row-motors {
    opacity: 0.85;
    transition:
            flex-basis 0.55s cubic-bezier(0.4, 0, 0.2, 1),
            max-width 0.55s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.4s ease;
}

.wrap-motors .row-motors.active {
    opacity: 1;
}



.banner.is-selected .content__details{display:block;}
.content__details h4{font-size: 1.2em;color: #D3992E;margin-bottom: 10px;}
.content__details h2{font-size: 1.8em;line-height:1.3em}
.content__details p{font-size: 0.82em;}

.img_brand .image-blur img {
    filter: blur(5px)
}

.custom_btn_down {
    display: block;
    margin: 0 auto;
    width: 50px !important;
}
.custom_btn_down img{
    position: relative;
    z-index: 99999;
    left: 0;
    right: 0;
}
.blog-archive, .page-wrapper{padding-top:0}
.archive-page-header{padding-top:30px}

#comments{display:none}

/** CATALOG **/
.box-text .product-title a{color:#068942}
.box-blog-post .image-cover img:hover{transform: scale(1.2);transition: transform .6s}


/** PRODUCTS PAGE **/
.custom-product-page .woocommerce-tabs .product-tabs{display:none}
.custom-product-page .woocommerce-tabs .tab-panels{padding-top:0}
.custom-product-page .product-section{
    background: url(assets/images/background-white.png) center;
    background-size: cover;
    padding: 30px 0 20px;
}
.product-section-title.container-width{padding-left: 15px; padding-right: 15px}


/** BLOG **/
h1.page-title.is-large.uppercase {
    visibility:hidden;
    font-size:0;
}
h1.page-title.is-large.uppercase span {
    visibility:
            visible;
    font-size: 24px;
}

/** FOOTER **/
.footer-1{padding:50px 0 20px}
.footer-widgets{}
.footer-widgets .widget-title{color: #d02d2d;display: block;margin: 20px 0 25px;font-size: 105%;}
.footer-widgets .textwidget p{margin-bottom:8px;font-size:95%}
.footer-widgets .is-divider{display:none}
.footer-widgets ul.menu>li{border:none}
.footer-widgets ul.menu>li{font-size:95%}
.footer-widgets ul.menu>li::before {
    content: "\276F";
    margin-right: 8px;
    color:#d02d2d
}


/* BACK TO TOP */
#top-link {border-radius: 5px !important;border-width: 1px;}

/* MOBILE */
@media only screen and (max-width: 48em) {
    .content__details h4{font-size: 1.4em}
    .content__details h2{font-size: 3.2em;line-height:1.3em}
    .content__details p{font-size:1.2em;}
}


/* ONLY DESKTOP */
@media (min-width:48em) {
    .header-main {
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
    }
    .header-main .header-inner{background:#fff;border-radius:5px;padding: 0 25px;}
}