/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.elementor-button-icon {
    display: flex;
    align-items: center;
}
.cs-dichvu .e-con-inner > div {
    transition: all 1s;
}
.cs-dichvu .e-con-inner > div:nth-child(2) {
    display: none;
    opacity: 0;
}
.cs-dichvu .e-con-inner > div:nth-child(1) {
    cursor: pointer;
}
.cs-dichvu:hover .e-con-inner > div:nth-child(1) {
    display: none;
    opacity: 0;
}
.cs-dichvu:hover .e-con-inner > div:nth-child(2) {
    display: flex;
    opacity: 1;
}
.cs-dichvu .elementor-widget-text-editor strong {
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}
.cs-dichvu p {
    margin-bottom: 0;
}
.pro-loop .e-loop-item > div:nth-child(2) {
    transition: all 0.2s;
    width: calc(25% - 24px);
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.pro-loop .e-loop-item:nth-child(3) > div:nth-child(2) {
    left: calc(25% + 9px);
}
.pro-loop .e-loop-item:nth-child(4) > div:nth-child(2) {
    left: calc(50% + 16px);
}
.pro-loop .e-loop-item:nth-child(5) > div:nth-child(2) {
    left: calc(75% + 24px);
}
.pro-loop .e-loop-item:hover > div:nth-child(2), .pro-loop .e-loop-item.hover > div:nth-child(2) {
    width: 100%;
    z-index: 9;
    left: 0;
}
.cl-trigg a.active *, .hv-trigg a.active * {
    color: #fff !important;
}
.FollowBox .elementor-widget-image {
    position: fixed;
    top: 0;
    left: 0;
}
.elementor-widget-button .elementor-button {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.20) 100%);
    backdrop-filter: blur(4px);
}
.cl-menu {
    display: none;
}
.gt-box {
    transition: all 1s;
}
.gt-box._xemthem {
    width: 33.33%;
}
.gt-box._rutgon {
    width: 66.66%;
}
.gt-box._xemthem .elementor-widget-text-editor {
    /* height: 300px; */
    overflow: hidden;
    transition: all 1s;
}
.gt-box._rutgon .elementor-widget-text-editor {
    height: auto;
}
.gt-box._xemthem .elementor-widget-text-editor .elementor-widget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.homesl .swiper-slide .swiper-slide-inner {
    display: none;
}
.homesl ._ns {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
    z-index: 999;
}
.homesl ._ns .swiper-slide-contents {
    opacity: 0;
    /*transition: all 1s;*/
}
.homesl ._ns .swiper-slide-contents.active {
    opacity: 1;
}
.homesl ._ns .swiper-slide-contents .elementor-slide-description {
    transition: all 1s;
    transform: translateY(100%);
}
.homesl ._ns .swiper-slide-contents.active .elementor-slide-description {
    transform: translateY(0);
}
.homesl ._ns .swiper-slide-contents.active.trigg .elementor-slide-description {
    transform: translateY(-100%);
}
.elementor-widget-image a {
    display: block;
}
.pbWrapper>div, .pbWrapper>img {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}
.ajax-content .elementor-widget-text-editor a {
    color: #fff !important;
}
.ajax-content .elementor-widget-text-editor a p::after {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(/wp-content/themes/hello-theme-child/img/more.png) center no-repeat;
    background-size: contain;
    margin-left: 10px;
}
.thumbs .pbThumbs {
    width: 50% !important;
    transform: translateX(100%);
}
.pbCaptionText {
    width: 50%;
    padding-left: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex    ;
    align-items: center;
    justify-content: center;
}
.pbWrapper>div, .pbWrapper>img {
    border-radius: 0 !important;
}
#pbOverlay .prevNext {
    opacity: 1 !important;
    height: 80px !important;
    width: 80px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    top: 50% !important;
    transform: translateY(-50%);
}
.hasCounter #pbCaption .counter, .hasAutoplay #pbAutoplayBtn {
    display: none !important;
}
#pbPrevBtn b:before, #pbNextBtn b:after, .pbWrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before {
    content: none !important;
}
#pbPrevBtn b, #pbNextBtn b {
    width: 86px;
    height: 86px;
    background-position: center;
    background-repeat: no-repeat;
}
#pbPrevBtn b {
    background-image: URL("img/img-left.png");
    transform: none !important;
    -webkit-transform: none !important;
}
#pbNextBtn b {
    background-image: URL("img/img-right.png");
    transform: none !important;
    -webkit-transform: none !important;
}
.on #pbNextBtn:hover b {
    transform: none !important;
    -webkit-transform: none !important;
}
.pbWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* .pbWrapper > img {
    width: 100vw;
    object-fit: cover;
} */
p {
    text-align: justify;
}
.sp-p-center p {
    text-align: center;
}
.elementor-image-gallery .gallery-columns-8 .gallery-item {
    max-width: max-content !important;
}
.ajax-content {
    min-height: 70vh !important;
}
.skiptranslate {
	display: none;
}
html[lang="vi"] .glink.vi, html[lang="auto"] .glink.vi {
	display: none !important;
}
html[lang="en"] .glink.en {
	display: none !important;
}
#sl-preloader {
	background: #000 !important;
}
#sl-preloader img.sl-pl-custom {
	width: 80px;
}
#sl-preloader .sl-pl-text {
	text-transform: uppercase;
}
.pbLoader {
	box-shadow: none !important;
	background: url(/wp-content/uploads/2025/02/Loading_Baleine_nobg.gif) center no-repeat;
	border-radius: 0 !important;
	background-size: contain;
}
.pbLoader b {
	display: none  !important;
}
@keyframes slide-in {
    0% {
      -webkit-transform: translateX(100%);
    }
    100% {
      -webkit-transform: translateX(0%);
    }
}
@media (max-width: 768px) {
    #pbPrevBtn b, #pbNextBtn b {
        width: 40px;
        height: 40px;
    }
    .ajax-content {
        min-height: 50vh !important;
    }
}