/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.10.1757646155
Updated: 2025-09-12 10:02:35

*/

/*--------- css footer ---------*/
.form-register .fluentform .ff-el-group {
    display: inline-flex;
}
/*------ css trang chủ -------*/
.blog-home .elementor-element.desc-blog .elementor-widget-container {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    visibility: visible;
    text-overflow: ellipsis;
    overflow:hidden;
    -webkit-box-orient: vertical;
}
.single-image .woocommerce-product-gallery__image img {
    height: 400px;
    object-fit: contain;
}

.footer-contact .ff-el-group.ff_submit_btn_wrapper {
    margin-bottom: 0;
}

.button-style .elementor-button:hover {
    animation: shake 0.4s;
}

.count-about .elementor-counter-number-suffix {
    color: rgb(247, 149, 30)!important;
}
.heading01 {
    position: relative;
    z-index: 3;
}

.heading01::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: #F7941E;
    z-index: -1;
}
/*-------- css trang dịch vụ -------*/
.box-service .elementor-cta__button {
    text-indent: 20px;
}

.box-service .elementor-cta__button-wrapper::before {
    content: "\f18e";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "FontAwesome";
    color: #F7941E;
}

/*------ Trang sản phẩm ----------*/
.single-product .elementor-element.content-single .elementor-widget-container p span,
.single-product .elementor-element.content-single .elementor-widget-container p {
	font-size: 16px !important;
	margin-bottom: 5px;
}

.archive .elementor-element.product-card {
    overflow: hidden;
    position: relative;
}

.archive .elementor-element.product-card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(36, 152, 214, 0.5);
}
/*------- Keyframe ----------------*/
/* Keyframes cho hiệu ứng rung */
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}