/*
Theme Name: phachexanh
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*Home page*/
body { overflow-x: hidden; }
.home-page-top .banner, .home-page-top .banner-inner { height: 100vh; }

/*Hover ảnh*/

/*.text-logo.left:hover::before { -webkit-animation: shine .75s; animation: shine .75s }
@-webkit-keyframes shine {
100% { left: 125% }
}
@keyframes shine {
100% { left: 125% }
}
.text-logo.left::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) }
*/
.text-logo { mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%)
  100% 100%/ /* initial position, bottom-right */
240% 240%; /* width and height */ }
.text-logo:hover { mask-position: 0 0; /* Move to the top-left on hover */ }

/*Home Page*/
.home .flickity-page-dots { transform: rotate(90deg); z-index: 999; right: -30px; left: unset; top: unset; bottom: 65px; }
body:not(.home) .flickity-page-dots { transform: rotate(90deg); z-index: 999; right: 0px; left: unset; top: unset; bottom: 30px; }
.page-wrapper { padding-top: 0px !important; padding-bottom: 0px !important }
.home .section { padding-left: 0px; padding-right: 0px; }
.header-main { border-bottom: 5px solid #f40009; }
.tab-product .tab-panels { padding: 0px; }
.tab-product .nav.nav-vertical{justify-content: end;}
.featured-title .page-title-inner, .col-about-page { padding-bottom: 0px; }
.page-title-inner { min-height: 30px; padding-top: 0px; }
.absolute-footer { display: none; }
.home-title { margin-bottom: 0px; }
.home-title .section-title-normal { margin-bottom: 0px; }
.home-title .section-title-normal, .home-title .section-title-normal span { border-bottom: unset; }

/*Product-Page*/
.col-product-page { padding-bottom: 0px; }

/*Category Page*/
td, th { font-size: unset; color: unset; }
.single-top-right .col-inner { position: absolute; bottom: 0; }
.single-top-left label { font-weight: normal; font-size: inherit; }
.single-top-left table { margin-bottom: 0px; }
.single-top-left table.variations { border-bottom: 1px solid #ececec; }
.single-top-left a, .pwb-brands-in-loop a, .pro-right .textwidget a { color: #0071c4; }
.widget .is-divider { background-color: #c21d32; height: 1px; margin: 0 0 15px 0 !important; max-width: 100%; }
.widget-title { font-size: larger !important; text-transform: uppercase; }
a.button.primary { color: #fff; margin-right: 0px; margin-bottom: 0px; }
.price { line-height: unset; }
.single-product .price.product-page-price { font-weight: 700; position: absolute; bottom: 2em; }
.single-product .price.product-page-price.price-not-in-stock { position: unset; }
p.stock.out-of-stock { margin: 15px 0; font-size: x-large; color: #c21d32; text-transform: uppercase; }
.single-product .product-short-description { font-size: xx-large; }
.woocommerce-variation.single_variation .woocommerce-variation-price { display: none; }
.single-product .product-short-description h1 { margin-bottom: 0px; text-transform: uppercase; }
.single-product .product-short-description p, .single-product .product-short-description h2, .single-product .product-short-description h3 { margin-bottom: 0px; }
body:not(.single-product):not(.single-pro-top) .ho-tro-dat-hang, .single-pro-sidebar .ho-tro-dat-hang, .related-products-wrapper .ho-tro-dat-hang { background-color: unset; font-size: unset !important; margin-bottom: unset !important; padding: unset !important; text-align: justify }
body:not(.single-product):not(.single-pro-top) .ho-tro-dat-hang a, .single-pro-sidebar .ho-tro-dat-hang a, .related-products-wrapper .ho-tro-dat-hang a { color: #c21d32 !important; font-weight: 700; }
.single-pro-sidebar table { margin-bottom: 0px; }
form.variations_form { display: flex; flex-direction: column; }
.sidebar-wrapper span.devvn_woocommerce_price_prefix, .related span.devvn_woocommerce_price_prefix, .page-template span.devvn_woocommerce_price_prefix { display: none; }
.page-template .content-page { padding-bottom: 0px; }
span.devvn_woocommerce_price_prefix, span.devvn_woocommerce_price_suffix { font-size: large; font-weight: 500; }
.wrap-top-price bdi, span.amount bdi { color: #c21d32; font-weight: 700; }
body:not(.single-product) span.amount bdi { font-size: large; }
.pro-left, .pro-right { padding-bottom: 15px; }
.product-section { border-top: unset; }
.related.related-products-wrapper .col-inner { box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) }
.related.related-products-wrapper .col-inner:hover { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23) }
.related.related-products-wrapper .product-small.box { padding: 10px 10px 0 10px; transition: opacity .3s, transform .3s, background-color .3s; }
.featured-title .page-title-inner { padding-bottom: 0px; }
.page-title-inner { padding-top: 0px; min-height: 30px; }
p.stock.available-on-backorder { position: absolute; right: 20%; bottom: 10em; color: #c21d32; }
.img-product-fullwidth { width: 100%; }
.ux-swatch--label { font-size: unset; }

/*UX Category*/
.section_ux { padding-left: 0px !important; padding-right: 0px !important; }
.section_ux .col_ux { padding-bottom: 0px !important; }

/*End hover ảnh*/
.header-main li.menu-item img { margin-left: auto; margin-right: auto !important; margin-bottom: 10px; }
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before { background-color: hsla(0, 0%, 100%, .8) !important; height: 2px; }
.under-top-header .icon-box-img img, .icon-box-img svg { padding-top: unset !important; }
.nav-top-link:hover, ul.header-nav li.active .nav-top-link { color: #ff7900 !important; }

/*Slide related product*/
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover { background: unset; height: unset; box-shadow: unset; }
svg.flickity-button-icon { background: rgb(238, 238, 238); border-radius: 5px; }
.related  .slider-nav-reveal { overflow: visible; }
.related  .flickity-prev-next-button { opacity: 1 !important; }
.related  svg.flickity-button-icon { top: 0.55em; }
.related  .flickity-prev-next-button.next svg.flickity-button-icon { left: 0em; }
.related  .flickity-prev-next-button.previous svg.flickity-button-icon { left: 38em; }
.product_meta span.sku_wrapper, .product_meta span.posted_in, .product_meta span.tagged_as { display: none; }
.product_meta .pwb-single-product-brands { margin-left: auto; margin-right: auto; width: 70%; }

/*Category Product*/
.tra-cuu-form, .title-brand h2 { background: #fff; padding: 15px 15px 0 15px; margin-bottom: 0px; }
.tra-cuu-form p.form-row { text-align: center; }
.tra-cuu-form p.form-row .button { width: 30%; }

/*Hover News*/
.post-item .box-image:hover::before { -webkit-animation: shine .75s; animation: shine .75s }
@-webkit-keyframes shine {
  100% { left: 125% }
}
@keyframes shine {
  100% { left: 125% }
}
.post-item .box-image::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) }

/*Contact Page*/

/*-- chia cột Form --*/
.contact-form-col form { margin-bottom: 0px; }
#info-left { width: 49%; float: left; margin-right: 2%; }
#info-left .wpcf7-submit { width: 100%; }
#info-right { width: 49%; float: right; }
#info-right .reset-button { width: 100%; background: #ff7900; }
.form-contact-twocol:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.form-contact-twocol { display: block; }

/*-- Chèn icons lên Form --*/
.wpcf7 p { position: relative; }
#icon-form { position: absolute; color: #f40009; z-index: 100; font-size: 18px; top: 10px; right: 10px; }

/*Footer*/
.footer-main { border-top: 5px solid #ff7900; }
.footer-main .footer_col_ux, .footer_col_ux .col-inner { padding-bottom: 0px; }
.absolute-footer { padding: 0px; background: #fff; }
.absolute-footer .footer-primary { width: 100%; }
.absolute-footer ul { padding-bottom: 15px; opacity: 1; }
.absolute-footer .menu-secondary-container { background: #fff; color: #c21d32; padding: 15px 15px 0 15px; margin-left: auto; margin-right: auto; max-width: 1210px; }
.absolute-footer .menu-secondary-container a:hover { color: rgba(194, 29, 50, .8) }
.absolute-footer .menu-secondary-container ul.links { font-size: large; }
.section.copyright-footer { padding: 0px 0 5px 0px; }
.name.product-title a { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.blog-wrapper { padding: 0px; }
.blog-wrapper .content-blog { padding: 0 15px; }
.blog-wrapper .col-inner { background: #fff; }
.blog-wrapper .large-9.col { padding-bottom: 0px; margin-top: 30px; }
.post-sidebar { background: #fff; padding-top: 15px; }
.single-post .blog-wrapper .large-9.col .post, #tab-description, .product-review, .pro-right .product_meta, .widget { background: #fff; padding: 15px; margin-bottom: 0px; }
.product-about-brand, .related { background: #fff; padding: 15px 15px 0 15px; margin-bottom: 0px; }
/*Widget*/
.widget li { margin-left: unset !important; }

/*Footer Mobile*/
.sticky-mobile-menu { position: fixed; left: 0; bottom: 0; z-index: 99; -webkit-box-shadow: 0px -8px 29px -12px rgba(0, 0, 0, 0.2); box-shadow: 0px -8px 29px -12px rgba(0, 0, 0, 0.2); }
.sticky-mobile-menu .icon-box-center .icon-box-img { margin: 5px auto 5px; }
.sticky-mobile-menu .icon-box-text h5.uppercase { font-weight: normal; }
.sticky-mobile-menu .stack.stack-row a.plain { cursor: pointer; transition: 0.8s; padding-left: 5px; padding-right: 5px; }
.sticky-mobile-menu-col { padding: 0px; }
.sticky-mobile-menu .icon-box-text { white-space: nowrap; }

/*.pwb-brand-description{padding: 15px;background: #fff;}*/

/*Mua nhanh*/
.mfp-content .lightbox-content { width: 80%; }
.mfp-content .product-gallery-slider img, .product-thumbnails img { width: 80%; }
.mfp-content .dat-mua-hang-btn { margin-bottom: 1em; }
.mfp-content .single_add_to_cart_button { width: 100%; }

/*Single Post*/
.single-post .is-divider { max-width: 100%; height: 1px; background-color: #c21d32; }
.single-post .entry-header-text { padding-bottom: 0px; }
.single-post .entry-content { padding: unset; }
.wp-caption { margin-bottom: 0.5em; }

/*Xem thêm*/
.single-product div.product-about-brand { overflow: hidden; position: relative; }
.single-product .tab-panels div.product-about-brand.panel:not(.active) { height: 0 !important; }
.devvn_readmore_flatsome { text-align: center; cursor: pointer; position: absolute; z-index: 9999; bottom: 0; width: 100%; background: #fff; }
.devvn_readmore_flatsome:before { height: 40px; margin-top: -40px; content: ""; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff', GradientType=0); display: block; }
.devvn_readmore_flatsome a { color: #0071c4; display: inline-block; }
.devvn_readmore_flatsome a:after { content: ''; width: 0; right: 0; border-top: 6px solid #0071c4; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }

/*Chia css Vulcan*/

/* layout 6-6 */
.vulcan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: end; }
.vulcan-preview-box img { width: 100%; height: auto; display: block; }

/* thumbnails: desktop 3 cột, mobile 2 cột */
.vulcan-thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.vulcan-cat-box { background-color: #f9f8f8 !important; padding: 10px; }

/* hover effect nhỏ */
.vulcan-cat-box img { width: 100%; height: auto; transition: transform .25s ease; }
.vulcan-cat-box:hover img { transform: scale(1.04); }
.vulcan-cat-box:hover h5 { color: #ff7900; }

/* fade mượt cho ảnh lớn */
.vulcan-preview-img { transition: opacity .2s ease; opacity: 1; }
.vulcan-preview-img.is-fading { opacity: .15; }

/* optional: tránh click spam trong lúc đổi ảnh */
.vulcan-busy .vulcan-preview-link { pointer-events: none; }

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media (max-width:768px) {
  button.single_add_to_cart_button.alt, button.single_add_to_cart_button.primary { text-overflow: ellipsis; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; width: 100%; }
  .single-product .add-to-cart-container .single_add_to_cart_button.button:before { display: none; }
  .single-product .price.product-page-price { bottom: 3.7em; }
  .home-mobile .section-title-normal { padding-top: 15px; }
  .row-mobile .medium-4.small-12.large-4 { width: 50%; flex-basis: 50%; clear: both; }
  .home-top-about { padding-top: 2.3em; }
  .sortbypttuan410 { width: 100%; white-space: nowrap; }
  .sortbypttuan410 form { padding: 0 0 0 5px; }
  .product-category.col { padding-bottom: 15px; }
  .vulcan-grid { grid-template-columns: 1fr; }
  .vulcan-thumbs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:575px) {
  .section-single-product.top { padding-left: 15px; padding-right: 15px; }
  .footer-wrapper { padding-bottom: 55px; }
  .header { background: #c21d32; }
  .home .section-content { top: 15px; }
  span.section-title-main { font-size: 100% !important; }
  .section-title-container { margin-bottom: unset !important; }
  .is-xlarge { font-size: 1.3em !important; }
  .home-media-left, .home-media-right { padding: 0px !important; }
  .home-section-brand { padding-top: 0px !important; }
  .menu-secondary-container { display: none; }
  .under-top-header { padding-bottom: unset !important; }

  /*Single Product*/
  .single-top-right .col-inner { position: unset !important; }
  .single-product .price.product-page-price { bottom: 2.7em; }
  .blog-wrapper .content-blog { padding: unset; }
  .content-blog .box-text { padding: 10px; }
  .home-mobile .section-title-normal { padding-top: 15px; }
}
}