/*
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.1
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 #bfbfbf75;
    background-color: rgb(255 255 255 / 0.05);
    padding:5px 10px;
    min-height:44px;
    border-radius:5px;
    max-width:100%;
    box-sizing: border-box;
    width:100%;
}
span.wpcf7-form-control-wrap{display:block;}
input::placeholder,
textarea::placeholder {
}

input:focus,
select:focus,
textarea:focus {
}

select {
}

select option {
}

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

.wpcf7 input.wpcf7-submit {
    min-height:44px;padding:0px 20px;
    background-color:#f26e20;
    font-weight:bold;
    border-width:0px;
    border-radius:5px;
    cursor:pointer;
    color:white;
    text-transform: uppercase;
}

.wpcf7 input.wpcf7-submit:hover {
}

.wpcf7 input.wpcf7-submit:active {
    transform: scale(0.98);
}
.wpcf7 form .wpcf7-response-output{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;}

.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{text-decoration:underline;}

.footer-title{border-left:4px solid #f26e20;padding-left:15px;}

.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{min-height: 26px; padding: 0px 10px;}
form.wp-block-search button.wp-element-button{position: absolute; top: 1px; right: 0px; width: 24px; max-width: 40px; min-width: auto; padding: 0px; height: 24px;}

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

.wp-block-cb-carousel-v2 .cb-button-prev,.wp-block-cb-carousel-v2 .cb-button-next,.uagb-slick-carousel button.slick-arrow{width:51px;height:28px;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/left-arrow.png');}
.wp-block-cb-carousel-v2 .cb-button-next,.uagb-slick-carousel button.slick-arrow.slick-next{background-image:url('inc/imgs/right-arrow.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;}

.solution-image-item{position:relative;margin-top:10px;}
.solution-image-item:before{width:57px;height:57px;content:"";display: block;position:absolute;top:-10px;left:-10px;background-image:url('inc/imgs/corner-left.png');background-size:cover;background-repeat: no-repeat;background-size:cover;}
.solution-image-item:after{width:65px;height:5px;display:block;content:"";position:absolute;top:-10px;right:0px;background-color:#0065b2;}
.solution-image-item:hover:after{background-color:#f26e20;}

.gradient-border-line{width:100%;height:2px;background: #F26E20; background: -webkit-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: -moz-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F26E20", endColorstr="#0065B2", GradientType=1);}
.gradient-border-line-1{width:100%;height:1px;background: #F26E20; background: -webkit-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: -moz-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F26E20", endColorstr="#0065B2", GradientType=1);}

.product-cat-image-item{position:relative;}
.product-cat-image-item:before{position:absolute;content:"";display:block;width:100%;height:1px;top:0px;left:0px;background: #F26E20; background: -webkit-linear-gradient(270deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: -moz-linear-gradient(270deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: linear-gradient(270deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F26E20", endColorstr="#0065B2", GradientType=0);}
.product-cat-image-item:after{position:absolute;content:"";display:block;width:100%;height:1px;bottom:0px;left:0px;background: #F26E20; background: -webkit-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: -moz-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F26E20", endColorstr="#0065B2", GradientType=1);}
.product-cat-image-item{border-left:1px solid #0065b2;border-right:1px solid #0065b2;}

.home-blog-post-item .box-text{position:relative;}
.home-blog-post-item .box-text:before{width:57px;height:57px;content:"";display: block;position:absolute;top:-10px;left:-15px;background-image:url('inc/imgs/corner-left.png');background-size:cover;background-repeat: no-repeat;background-size:cover;}
.home-blog-post-item .box-image{position:relative;}
.home-blog-post-item .box-image:before{width:65px;height:5px;display:block;content:"";position:absolute;top:-15px;right:0px;background-color:#0065b2;}
.home-blog-post-item .box-image:hover:before{background-color:#F26E20;}
.home-blog-post-item{position:relative;padding-bottom:15px!important;}
.home-blog-post-item:after{content:"";display:block;position:absolute;bottom:0px;width:100%;height:2px;background: #F26E20; background: -webkit-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: -moz-linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); background: linear-gradient(90deg, rgba(242, 110, 32, 1) 0%, rgba(0, 101, 178, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F26E20", endColorstr="#0065B2", GradientType=1);}

@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{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%;
    }
}
@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%;
    }
}