/**

 * Theme Name: lucia

 * Template: hd

 * Author: Gaudev

 * Author URI: https://webhd.vn

 * Requires PHP: 8.2

 * Version: 1.0 Alpha

 * Text Domain: lucia

 * Domain Path: /languages

 */
 
#inside-header .cell-design .pll-switcher-select{
    -webkit-filter: brightness(0) invert(1);
}
.sticky-wrapper.is-sticky #inside-header .container .cell-design .pll-switcher-select{
    -webkit-filter: unset;
}
.site-header:hover .cell-design .pll-switcher-select{
    -webkit-filter: unset !important;
}
section.home-banner-design ._lists .heroSwiper .swiper-wrapper .swiper-slide ._item,.section.page-recruitment-info .hb_recruitment ._background{
    position: relative;
}
section.home-banner-design ._lists .heroSwiper .swiper-wrapper .swiper-slide ._item:after,.section.page-recruitment-info .hb_recruitment ._background:after{
    position: absolute;
    content: "";
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
}

.section.home-banner-design ._lists .heroSwiper .swiper-button-next,
.section.home-banner-design ._lists .heroSwiper .swiper-button-prev{
    width: 55px;
    height: 55px;
    border-radius: 100%;
}
.section.home-banner-design ._lists .heroSwiper .swiper-button-next svg,
.section.home-banner-design ._lists .heroSwiper .swiper-button-prev svg{
    fill: #fff;
    color: #fff;
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 0.5;
    fill: currentColor;
}
.section.home-banner-design ._lists .heroSwiper .swiper-button-next:hover,
.section.home-banner-design ._lists .heroSwiper .swiper-button-prev:hover{
    background: #7a0d1a;
}

.hb_creative_home .flex-info .cell-right ._list .swiper-container .swiper-controls .swiper-button svg,.back-to-top>svg{
    stroke: currentColor;
    stroke-width: 1;
    fill: currentColor;
}

/*Home*/

.section.home-banner-design .container ._inner ._banner_logo{
    
}
.section.home-banner-design .container ._inner ._banner_logo img{
    width: auto;
    height: 110px;
    filter: brightness(0) invert(1);
}
.hb_figure_home .flex-info .cell-right .mySwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item,.hb_figure_home .flex-info .cell-right .mySwiper .swiper-wrapper .swiper-slide .item:hover{
    background: #c49a6c;
}
.hb_creative_home .flex-info .cell-left ._inner .heading-title{
    margin-bottom: 40px;
}
.home-box-design .flex-info {
    border-top: unset;
    position: relative;
    aspect-ratio: 21 / 4;
    padding-top: 80px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    width: 100%;
}
.home-box-design .flex-info .cell{
   width: 100%;
}
.home-box-design .flex-info ._background_images{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.home-box-design .flex-info ._background_images::after{
    position: absolute;
    content:'';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}
.home-box-design .flex-info ._background_images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-box-design .flex-info .cell-left .heading-title{
    color: #fff;
}
.home-box-design .flex-info .cell-right ._list ._item a{
    color: #fff;
}
.home-box-design .flex-info .cell-left .heading-title {
    margin-bottom: 20px;
}
.home-box-design .flex-info .cell-right ._list {
    justify-content: flex-end;
}

/*End home*/

/*Footer*/

    .site-footer {
        background: #c49a6c;
    }
    #footer-columns .flex-info .cell .footer-logo img{
        /*filter: unset;*/
    }
    #footer-columns .flex-info .cell .footer-desc,
    #footer-columns .flex-info .cell .footer-desc a{
        color: #fff;
    }
    #footer-columns .flex-info .cell .footer-desc a:hover {
        color: #7a0e1b;
    }
    #footer-columns .flex-info .cell .cell-inner {
        left: 50%;
        transform: translateX(-50%);
    }
    #footer-columns .flex-info .cell .cell-inner ul.menu{
        display: block;
    }
    #footer-columns .flex-info .cell .cell-inner ul.menu li a{
        padding: 10px 0;
        font-weight: 500;
        color: #fff;
    }
    #footer-columns .flex-info .cell .footer-title {
        
    }
    #footer-columns .flex-info .cell .cell-inner ul.menu li a:hover{
        color: #7a0e1b;
        text-decoration: underline;
    }
    #footer-columns .flex-info .cell .footer-desc>p:not(:last-child) {
        margin-bottom: 8px;
    }

/*End footer*/

/*Về chúng tôi*/

    .section-page.about-section ._hb_about ._images {
        width: 436px;
        height: 226px;
    }
    .section-page.about-section ._hb_about ._list ._item:nth-child(1) {
        background: #C49A6C;
        border-color: #C49A6C;
    }
    .section-page.about-section ._hb_about ._list ._item:nth-child(2) {
        border-color: #C49A6C;
    }
    .section-page.about-section ._hb_about ._list ._item:nth-child(3) {
        background: #7A0E1B;
        border-color: #7A0E1B;
    }

/*End về chúng tôi*/

/*Single IP*/

.hb_character .swiper-wrapper:where(:has(> .swiper-slide:nth-last-child(-n+4):first-child)),
.hb_series .swiper-wrapper:has(.swiper-slide:only-child){
    justify-content: center;
}

.hb_character .swiper-wrapper:has(.swiper-slide:only-child) .swiper-slide,
.hb_series .swiper-wrapper:has(.swiper-slide:only-child){
    margin-right: 0 !important;
}
.single.single-figure .hb_cooperate .flex-info .cell-right ._inner ._left ._lists ._item {
    align-items: unset;
}
.single.single-figure .hb_cooperate .flex-info .cell-right ._inner ._left ._button a:hover{
    text-decoration: underline;
    color: #7A0E1B;
}

/*End single ip*/

/* Tuyển dụng */

.section.page-recruitment-info .hb_welfare .flex-info .cell-right ._inner ._lists ._item {
    background: #ffffff;
}
.section.page-recruitment-info .flex-info .cell-left ._inner .heading-title{
    opacity: 1;
}

/*End tuyển dụng*/

.section-page.lisence-section .hb_contact .container .flex-info ._inner ._button a{
  
}

.hb_header_button ._header-button {
    background: #C49A6C;
}
.section-page.archive-recruit .flex-info .contents .archive-list .cell .item .content .meta ._date strong, .section-page.archive-recruit .flex-info .contents .archive-list .cell .item .content .meta ._date b{
    margin-right: 5px;
}


@media only screen and (max-width: 47.9988rem) {
    
    /*Home*/
    
    .section.home-banner-design .container {
        display: block;
    }
    .section.home-banner-design .container ._inner ._banner_logo img{
        height: 60px;
    }
    .hb_creative_home .flex-info .cell-left ._inner .heading-title{
        margin-bottom: 0;
    }
    .home-box-design .flex-info .cell-left .heading-title {
        margin-bottom: 0;
    }
    .home-box-design .flex-info {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .home-box-design .flex-info ._background_images{
        border-radius: 15px;
    }
    .home-box-design .flex-info .cell-right ._list {
        flex-flow: row wrap;
    }
    .home-box-design .flex-info .cell-right ._list {
        justify-content: center;
    }
    .home-box-design .flex-info .cell-left {
        justify-content: center;
    }
    
    /*End home*/
    
    /*Về chúng tôi*/
    
    .section-page.about-section ._hb_about ._images {
        height: 156px;
    }
    
    /*End về chúng tôi*/
}

@media only screen and (max-width: 47.99875rem) {

    ._img_desktop {

        display: none;

    }

}

@media only screen and (max-width: 63.9988rem) {
    
    /*Home*/
    
    .home-box-design .flex-info {
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
    }
    .home-box-design .flex-info ._background_images {
        border-radius: 15px;
    }
    .home-box-design .flex-info .cell-left .heading-title {
        margin-bottom: 10px;
    }
    
    /*End home*/

}

@media only screen and (min-width: 48rem) {

    ._img_mobile {

        display: none;

    }
    
    /*Home*/
    

    
    /*End home*/
    
    /*Về chúng tôi*/
    
    .section-page.about-section ._hb_about ._list ._item ._title {
        font-size: 42px;
    }
    .section-page.about-section ._hb_about ._list ._item ._sub {
        font-size: 20px;
    }
    
    /*End về chúng tôi*/

}

@media only screen and (min-width: 64rem) {

    /*Home*/
    
    
    
    /*End home*/
    
    /*Footer*/
        
        #footer-columns .flex-info .cell-box-1 {
            /*flex: calc(50% - 30px);*/
            /*max-width: calc(50% - 30px);*/
        }
        
        #footer-columns .flex-info .cell-box-2 {
            flex: calc(25% - 30px);
            max-width: calc(25% - 30px);
        }
        
        #footer-columns .flex-info .cell-box-3 {
            flex: calc(25% - 30px);
            max-width: calc(25% - 30px);
        }
    
    /*End footer*/

}