/*
Theme Name: Loodo Twenty Twenty-Four
Theme URI: https://example.com/loodo-twentytwentyfour
Description: Loodo — child theme of Twenty Twenty-Four.
Author: You
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.0.2
Text Domain: loodo-twentytwentyfour
*/

/* ==========================================================================
   STYLE CHO CÁC THÀNH PHẦN INPUT, SELECT, TEXTAREA (BEVERSE STUDIO STYLE)
   ========================================================================== */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="date"],
select,
textarea {
    transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;
    border:1px solid #e8e8eb;
    background-color: rgb(255 255 255 / 0.05);
    padding:5px 10px;
    min-height:44px;
    border-radius:0px;
    max-width:100%;
    box-sizing: border-box;
    width:100%;
    font-size:1em;
}
span.wpcf7-form-control-wrap{display:block;}
input::placeholder,
textarea::placeholder {
}

input:focus,
select:focus,
textarea:focus {
    outline:none;
    box-shadow: 0 0 0 2px rgba(242, 109, 32, 0.094);
}

select {
}

select option {
}

textarea {
    height: 70px;
    resize: vertical; /* Chỉ cho phĂ©p kĂ©o dĂ£n theo chiều dọc */
}

.wpcf7-spinner{position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; z-index: 9;}

.wpcf7 input.wpcf7-submit {
    min-height:44px;padding:0px 20px;
    background: linear-gradient(110deg, rgb(167, 7, 22) 0%, rgb(239, 109, 22) 100%); background-color: var(--wp--preset--color--contrast); border-radius: .33rem; border-color: var(--wp--preset--color--contrast);
    font-weight:bold;
    border-width:0px;
    border-radius:0px;
    cursor:pointer;
    color:white;
    text-transform: uppercase;
    box-shadow:0 8px 22px rgba(201, 28, 36, .22), 0 2px 8px rgba(201, 145, 23, .15)!important;

}

.wpcf7 input.wpcf7-submit:hover {
    box-shadow: 0 12px 28px rgba(201, 28, 36, .30), 0 5px 16px rgba(201, 145, 23, .22) !important; background: linear-gradient(110deg, #c20a1b 0%, #e01d2c 30%, #f77a16 68%, #f0bd28 100%) !important;
}

.wpcf7 input.wpcf7-submit:active {
    transform: scale(0.98);
}
.wpcf7 form .wpcf7-response-output{box-sizing:border-box;margin-top:15px;margin-bottom:0px;width:100%;margin-right:0px;margin-left:0px;}

.email-form .wpcf7 input.wpcf7-submit{width:100%;}
.gtranslate_wrapper{text-align:right;}
.uagb-icon-list__wrap .uagb-icon-list__source-wrap > img{float:left;}
header .uagb-position__sticky.wp-block-uagb-container{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
header ul.wp-block-navigation__container li a:hover,header ul.wp-block-navigation__container li a:hover span,header ul.wp-block-navigation__container li.current-menu-item > a,header ul.wp-block-navigation__container li.current-menu-item > a span{color:#735b30;}

.home-image.wp-block-image > img{width:100%;}
.home-image.wp-block-image{position:relative;}
.home-image.wp-block-image:after{content:"";display:block;position:absolute;bottom:-30px;right:-30px;background-color:#eeebe4;border-radius:20px;width:100%;height:100%;z-index:0;}
.home-image.wp-block-image > *{position:relative;z-index:1;}

.wp-block-image{box-sizing:border-box;}
.wp-block-image img{width:100%;}

.product-list li.wp-block-post{border:1px solid #d0c5b6;border-radius:10px;background-color:white;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.product-list li.wp-block-post figure{margin:0px;}
.product-list li.wp-block-post figure img{}
.product-list li.wp-block-post h2{}
.product-list li.wp-block-post h2 a{line-height:1.6em;height:62px;overflow:hidden;}
.product-list li.wp-block-post .wp-block-read-more{background-color:#f4f4f2;text-transform:uppercase;border:1px solid #735b30;color:#735b30;border-radius:5px;min-height:44px;text-align:center;display:flex;flex-direction: column;justify-content: center;align-items:middle;}
.product-list li.wp-block-post .wp-block-read-more:hover{background-color:#735b30;border-color:#735b30;color:white;}

.entry-content h1{font-size:1.8em;}
.entry-content h2{font-size:1.6em;}
.entry-content h3{font-size:1.25em;}
.entry-content h4{font-size:1.125em;}
.entry-content h5{font-size:1em;}
.entry-content h6{font-size:.85em;}

.entry-content blockquote, .entry-content dl, .entry-content figure, .entry-content form, .entry-content ol, .entry-content p, .entry-content pre, .entry-content ul,.entry-content table{margin-bottom: 1.3em;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{margin-bottom: .5em;}
.entry-content img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.entry-content table{border-collapse: collapse;border-spacing: 0;width:100%;}
.entry-content table th, .entry-content table td{padding:5px 10px;}

.wp-block-query-pagination > a,.wp-block-query-pagination .wp-block-query-pagination-numbers > a, .wp-block-query-pagination .wp-block-query-pagination-numbers > span{display: block; width: 30px; height: 30px; background-color: #f4f4f2; text-align: center; line-height: 30px; border-radius: 50%; color: #1a1c1b;}
.wp-block-query-pagination > a:hover,.wp-block-query-pagination .wp-block-query-pagination-numbers > a:hover, .wp-block-query-pagination .wp-block-query-pagination-numbers > span.current{background-color:#f26e20;color:white;}
.wp-block-query-pagination .wp-block-query-pagination-numbers{display:flex;justify-content: center;align-items: center;gap:10px;margin-left:10px;margin-right:10px;}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow,.wp-block-query-pagination .wp-block-query-pagination-prev-arrow{margin:0px;}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{margin:0px;}

.rp4wp-related-posts{margin-top:50px;}
.rp4wp-related-posts ul >li p{margin:0px;}
.rp4wp-related-posts ul >li{margin-bottom:10px;}
.rp4wp-related-posts .rp4wp-related-post-content > a{font-weight:bold;}

.entry-content.wp-block-post-content.has-global-padding{padding:0px;}
:root :where(.wp-block-list){margin-top:0px;}
h1, h2, h3, h4, h5, h6{margin-top:10px;}
.wp-block-search__button{min-width:120px;}
.header-logo.wp-block-site-logo{align-items: center; display: flex;}
.header-main-menu .wp-block-navigation .current-menu-item > a{font-weight:800;}

:root :where(.wp-block-navigation){font-weight:normal;}
.wp-block-navigation a:hover,.wp-block-navigation a:hover span{}

:root :where(.wp-element-button, .wp-block-button__link){box-shadow: 0 8px 22px rgba(201, 28, 36, .22), 0 2px 8px rgba(201, 145, 23, .15)!important;font-size:0.8em;}
:root :where(.wp-element-button, .wp-block-button__link):hover{box-shadow:0 12px 28px rgba(201,28,36,.30),0 5px 16px rgba(201,145,23,.22)!important;background:linear-gradient(110deg,#c20a1b 0%,#e01d2c 30%,#f77a16 68%,#f0bd28 100%)!important;}

.footer-title:after{content:"";border-bottom:2px solid #d71920;display:block;width:10%;margin-top:10px;}
.footer-title.title-center:after{margin-left:auto;margin-right:auto;}

.testimonial-content-item{position:relative;}
.testimonial-content-item:before{content:"";display:block;width:30px;height:21px;background-image:url('inc/imgs/quote-icon.png');background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 2; position: absolute; top: -5px; left: -5px;opacity:0.3;}

.wp-block-cb-carousel-v2 .cb-button-prev, .wp-block-cb-carousel-v2.cb-rtl .cb-button-next{left:10px;}
.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{right:10px;}

body.home .breadcrumb-container{display:none;}

.wp-block-uagb-post-grid a img{border-radius:7px;}
.gallery{margin-bottom:1.3em;display:flex;flex-flow: row wrap;}
.gallery .gallery-item{padding: 5px; margin: 0px; box-sizing: border-box;}
.gallery .gallery-item img{width:100%;height:auto!important;}
.gallery.gallery-columns-1 .gallery-item{ 
    flex-basis: 100%;
    max-width: 100%;
}
.gallery.gallery-columns-2 .gallery-item{ 
    flex-basis: 50%;
    max-width: 50%;
}
.gallery.gallery-columns-3 .gallery-item{ 
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
.gallery.gallery-columns-4 .gallery-item{ 
    flex-basis: 25%;
    max-width: 25%;
}
.gallery.gallery-columns-5 .gallery-item{ 
    flex-basis: 20%;
    max-width: 20%;
}
.gallery.gallery-columns-6 .gallery-item{ 
    flex-basis: 16.6667%;
    max-width: 16.6667%;
}

form.wp-block-search input.wp-block-search__input{padding: 0px 10px;}
form.wp-block-search button.wp-element-button{border-radius:0px;position: absolute; top: 2px; right: 0px; }

ul.wp-block-polylang-language-switcher{padding: 0px; margin: 0px; list-style: none; display: flex; flex-direction: row; align-items: center; gap: 5px;}

.carousel-light.wp-block-cb-carousel-v2 .cb-button-next, .carousel-light.wp-block-cb-carousel-v2 .cb-button-prev{color:white;}
.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev{color:black;}
.wp-block-cb-carousel-v2 .cb-button-next:hover, .wp-block-cb-carousel-v2 .cb-button-prev:hover{color:#ef6d16;}
/*.wp-block-cb-carousel-v2 .cb-button-prev,.wp-block-cb-carousel-v2 .cb-button-next,.uagb-slick-carousel button.slick-arrow{width:40px;height:40px;display:block;opacity:.5;background-size:cover;background-position: center;}
.wp-block-cb-carousel-v2 .cb-button-prev,.uagb-slick-carousel button.slick-arrow.slick-prev{background-image:url('inc/imgs/arrow-left.png');}
.wp-block-cb-carousel-v2 .cb-button-next,.uagb-slick-carousel button.slick-arrow.slick-next{background-image:url('inc/imgs/arrow-right.png');}
.wp-block-cb-carousel-v2 .cb-button-prev:hover,.wp-block-cb-carousel-v2 .cb-button-next:hover,.uagb-slick-carousel button.slick-arrow:hover{opacity:1;}
.wp-block-cb-carousel-v2 .cb-button-prev:after,.wp-block-cb-carousel-v2 .cb-button-next:after{display:none;}

.uagb-slick-carousel button.slick-arrow svg{display:none;}
.uagb-slick-carousel button.slick-arrow.slick-prev{left:0px;}
.uagb-slick-carousel button.slick-arrow.slick-next{right:0px;}*/


.hover-zoom.wp-block-image{overflow:hidden;}
.hover-zoom.wp-block-image img{transition: all 0.3s ease-in-out;transform: scale(1);}
.hover-zoom.wp-block-image:hover img{transform: scale(1.1);}

.gradient-border-line{width:100%;height:1px;background: #D71920; background: -webkit-linear-gradient(90deg, rgba(215, 25, 32, 1) 0%, rgba(201, 145, 23, 1) 100%); background: -moz-linear-gradient(90deg, rgba(215, 25, 32, 1) 0%, rgba(201, 145, 23, 1) 100%); background: linear-gradient(90deg, rgba(215, 25, 32, 1) 0%, rgba(201, 145, 23, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D71920", endColorstr="#C99117", GradientType=1);}
.line-text{display: flex; align-items: center; gap: 10px;}
.line-text.has-text-align-center{justify-content: center;}
.line-text:before{content:"";display: block;width:26px;height:3px;background:#c99117;}
.line-text.has-text-align-center:after{content:"";display: block;width:26px;height:3px;background:#c99117;}

header.wp-block-template-part{}
#header-search-container{position:fixed;background-color:white;transition: top 0.3s ease-in-out;top:-200px;left:0px;width:100%;}
#header-search-container.active{}

:root {
    --ffd-corner: 2px;
    --ffd-cut: 10px;
}
.home-product-cat-item{min-width:1%;transition: all 0.3s ease-in-out; background: linear-gradient(160deg,#fff 0%,#fafafa 65%,#f1f1f2 100%)!important;border:1px solid #d7d7dc!important;clip-path: polygon(0 var(--ffd-cut), var(--ffd-cut) 0, calc(100% - var(--ffd-cut)) 0, 100% var(--ffd-cut), 100% calc(100% - var(--ffd-cut)), calc(100% - var(--ffd-cut)) 100%, var(--ffd-cut) 100%, 0 calc(100% - var(--ffd-cut)));}
.home-product-cat-item.active{min-width:50%;border-color: rgba(201,28,36,.78)!important;}
.home-product-cat-item:before,.home-product-cat-item:after{display: block !important; content: ""; position: absolute; top:10px; left: calc(50% - 17%); z-index: 1; width: 34%; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, #c99117, #c91c24, transparent); border: 0 !important; opacity: .82;}
.home-product-cat-item:after{top:auto;bottom:10px;}
.home-product-cat-item .corner-tl,.home-product-cat-item .corner-tr,.home-product-cat-item .corner-bl,.home-product-cat-item .corner-br{position:absolute!important;display:block;width:36px!important;height:36px;}
.home-product-cat-item .corner-tl{border-top:3px solid #c91c24;border-left:3px solid #c91c24;top:10px;left:10px;}
.home-product-cat-item .corner-tr{border-top:3px solid #c99117;border-right:3px solid #c99117;top:10px;right:10px;}
.home-product-cat-item .corner-bl{border-bottom:3px solid #c99117;border-left:3px solid #c99117;bottom:10px;left:10px;}
.home-product-cat-item .corner-br{border-bottom:3px solid #c91c24;border-right:3px solid #c91c24;bottom:10px;right:10px;}
.home-product-cat-item .product-cat-image{margin:0px;z-index:2;padding:15px;}
.home-product-cat-item .product-cat-image img{width:100%!important;}
.home-product-cat-item .product-cat-vertical-text{opacity:1;z-index: 1 !important; position: absolute !important; left: 50%; top: 50%; z-index: 4; transform: translate(-50%, -50%) rotate(-90deg); transform-origin: center center; width: max-content !important; max-width: none; pointer-events: none; user-select: none; transition: opacity .35s ease, transform .5s ease;}
.home-product-cat-item .product-cat-box-name,.home-product-cat-item .product-cat-box-desc{transition: opacity 0.5s ease, visibility 0.5s ease;opacity:0;visibility:hidden;box-shadow: 0 7px 22px rgba(23, 23, 26, .06);z-index:3;position:absolute;}
.home-product-cat-item .product-cat-box-name{top:40px;left:40px;width:auto!important;}
.home-product-cat-item .product-cat-box-desc{bottom:40px;left:40px;width:calc(100% - 80px)!important;}
.home-product-cat-item.active .product-cat-vertical-text{opacity:0.6;}
.home-product-cat-item.active .product-cat-box-name,
.home-product-cat-item.active .product-cat-box-desc{
    /*delay 1s*/
    transition-delay: 0.5s;
    opacity:1;
    visibility:visible;
}

.testimonial-item:before{content: ""; position: absolute; top: -1px; right: -1px; width: 17px; height: 17px; border-top: 2px solid rgba(201, 28, 36, .62); border-right: 2px solid rgba(201, 28, 36, .62); pointer-events: none;}

.newsletter-form{position:relative;}
.newsletter-form p{margin:0px;}
.newsletter-form .email{padding:10px;border:1px solid rgb(173 136 130 / 0.3);}
.newsletter-form input{border-width:0px;}
.newsletter-form .wpcf7-submit{position:absolute;top:10px;right:10px;}

.value-box-item:after{content: ""; position: absolute; top: -1px; right: -1px; width: 17px; height: 17px; border-top: 2px solid rgba(201, 28, 36, .62); border-right: 2px solid rgba(201, 28, 36, .62); pointer-events: none;}

html {
    scroll-behavior: smooth !important;
}
/* Fix bị che tiêu đề nếu có Sticky Header */
[id] {
    scroll-margin-top: 90px; /* Bù trừ chiều cao Header của bạn */
}

.contact-page-form .wpcf7-submit{width:100%;}

@media only screen and (max-width:976px) {
  
    .medium-text-center .wp-block-paragraph,.medium-text-center{text-align:center!important;margin-left:auto;margin-right:auto;}
    .medium-text-justify .wp-block-paragraph,.medium-text-justify.wp-block-paragraph{text-align:justify!important;margin-left:auto;margin-right:auto;}
    .medium-text-center.wp-block-navigation,.medium-text-center .wp-block-navigation{justify-content: center;}
   
}

@media only screen and (max-width:767px) {
    .gallery.gallery-columns-4 .gallery-item,.gallery.gallery-columns-5 .gallery-item,.gallery.gallery-columns-6 .gallery-item{
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }
    .home-product-cat-item .product-cat-box-name,
    .home-product-cat-item .product-cat-box-desc{
        opacity:1;
        visibility:visible;
        width: calc(100% - 16px) !important;
    }
    .home-product-cat-item .product-cat-box-name{top:8px;left:8px;}
    .home-product-cat-item .product-cat-box-desc{bottom:8px;left:8px;}
    .home-product-cat-item .product-cat-vertical-text{opacity:0.6;}
    .home-product-cat-item{clip-path:none;}
}
@media only screen and (max-width:480px) {
    .gallery.gallery-columns-3 .gallery-item,.gallery.gallery-columns-4 .gallery-item,.gallery.gallery-columns-5 .gallery-item,.gallery.gallery-columns-6 .gallery-item{
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none !important}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none !important}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none !important}}