/*
Template:       suofeiya
Theme Name:     suofeiya
Author:         digiz.vn - Digital Solutions
Author URI:     https://digiz.vn
Description:    digiz.vn - Digital Solutions - Template for suofeiya
Version:        1.0.0
Requires at least: 5.9
Requires PHP:   7.0
Tags:           architect, architect portfolio, architecture, architecture design, architecture portfolio, architecture showcase, architecture studio, building, construction, decorator, elementor, furniture, interior, interior design, interior designer
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    suofeiya-child
Domain Path:    /languages/
Elementor tested up to: 3.16
Elementor Pro tested up to: 3.16
WooCommerce tested up to: 8.0.0
*/

/* @media (-webkit-device-pixel-ratio: 1.25) {
    :root {
    zoom: 0.8;
    }} */

html {
    font-size: 16px;
}

a.elementor-button.elementor-button-link.elementor-size-lg{
	height:100px!important;
	width:100px!important;
	justify-content: center!important;
	border-radius: 50%!important;
}
.grecaptcha-badge{
	display:none !important;
}
.text-li div:first-child {
    background-color: rgb(204, 164, 91); width: 10px; height: 10px; display: inline-block; vertical-align: revert; border-radius: 50%; margin: 0px 8px; position: absolute; left: -5px; top: 10px;
}
.text-li div{
    margin-left: 20px;
}

.phone-bar.phone-bar-n span.text-phone {
    font-weight: 700;
}

.menu-sfy-2025 {
    backdrop-filter: blur(25px);
    box-shadow: 0 0 15.85px #000000;
}

.elementor-sticky--effects .button-menu-2025 .elementor-button {
    color: var(--e-global-color-ee4330e)!important;
    border-color: var(--e-global-color-ee4330e)!important;
    background-color: var(--lakit-doc-headerts-button-bgcolor, transparent)!important;
    transition: all 0.5s ease-in-out;
}
.elementor-sticky--effects .menu-text{
    color:#270f11;
}
.elementor-sticky--effects .menu-text:hover{
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.e-loc-h:not(.elementor-sticky--effects) .button-menu-2025 .elementor-button {
    color: var(--theme-body-bg-color)!important;
    border-color: var(--theme-body-bg-color)!important;
    background-color: var(--lakit-doc-headerts-button-bgcolor, transparent)!important;
    transition: all 0.5s ease-in-out;
}

.e-loc-h:not(.elementor-sticky--effects) .menu-text:hover{
    font-weight: 500;
    color:#270f11;
    transition: all 0.3s ease-in-out;
}


.button-menu-2025:hover .elementor-button {
    color: var(--e-global-color-ee4330e)!important;
    border-color: var(--e-global-color-ee4330e)!important;
    background-color: #fff!important;
    
}
.box-noithat-contaier {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    max-width: var(--lakit-section-width);
    width: var(--lakit-section-width);
}
.box-noithat-2025 {
    width: calc(var(--lakit-section-width) / var(--so-box));
}

.hinh-anh {
    background-color: #ccc;
}
.box-noithat-2025 .nut-bam {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.box-noithat-2025 .tieu-de , .box-noithat-2025:hover .nut-bam {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.box-noithat-2025 .nut-bam , .box-noithat-2025:hover .tieu-de {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.box-noithat-2025 .hinh-anh , .box-noithat-2025 .tieu-de {
    position: relative;
    top: 80px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.box-noithat-2025 .tieu-de {
    top: 150px;
}
.box-noithat-2025:hover .hinh-anh , .box-noithat-2025:hover .tieu-de {
    top: -10px;
    box-shadow: 8px 8px 16px 0px #0000003d;
}
.box-noithat-2025 .hinh-anh {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

@media screen and (max-width : 767px) {
    .box-noithat-2025 {
    width: 100%;
}
.box-noithat-contaier {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    max-width: var(--lakit-section-width);
    width: var(--lakit-section-width);
    flex-direction: column;
}
    
}

.box-sp-2025 .variations .label , .box-sp-2025 .single_variation_wrap, .box-sp-2025 .variations .value .reset_variations, .box-sp-2025 .elementor-product-simple , .box-sp-2025 .elementor-product-external , .box-sp-2025 .elementor-product-grouped {
    display: none!important;
}
.box-sp-2025 table.variations {
    margin-bottom: 0px!important;
}
.box-sp-2025 .swiper-pagination-bullet {
    border-radius: 0px!important;
    height: 1px!important;
}
.box-sp-2025 .swiper-pagination-bullet-active {
    width: 80px!important;
}

.box-sp-2025 .swiper-pointer-events{
    overflow: visible;
}
.box-sp-2025 .swiper-wrapper{
    top: 25px;
}
.box-sp-2025 .box-container:hover {
    z-index: 1999;
}

.box-sp-2025::before {
    content: "";
    background-color: #fff;
    width: 600px;
    height: 500px;
    position: absolute;
    left: -43%;
    z-index: 99999;
}
.box-sp-2025::after {
    content: "";
    background-color: #fff;
    width: 600px;
    height: 500px;
    position: absolute;
    top: 0;
    right: -45%;
    z-index: 99999;
}