/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:is(p){
	text-align: justify;
}
.heroBanner {
    min-height: calc(100vh + 5px);
}

.background-windmild-right {
    background-image: url('/wp-content/uploads/2023/11/background-section.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.background-windmild-left {
    background-image: url('/wp-content/uploads/2023/11/background-section.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.blog-limit-title .post-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
}

.heroBanner {
    margin-top: -100px;
}

#masthead .header-nav-main {
    justify-content: center;
}

#masthead .header-nav-main>li>a {
    text-transform: uppercase;
}

.header-language-dropdown>a {
    gap: 7px;
}

/*Header transform homepage*/
.home .header-bg-color {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(23, 50, 89, 0.85) 0%, rgba(23, 50, 89, 0.00) 100.27%);
}

.home #masthead .header-nav-main>li>a {
    color: #fff;
}

.hide-important {
    display: none !important;
}

.show-important {
    display: block !important;
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    background-color: var(--wp--preset--color--secondary);
    width: 50%;
}

.stuck .header-bg-color {
    background-color: #fff;
    background-image: none;
}

.stuck #masthead .header-nav-main>li>a {
    color: rgb(var(--text-color-rgb));
}

.stuck .hide-important {
    display: block !important;
}

.stuck .show-important {
    display: none !important;
}

.scroll-show-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 50%) 100%);
}

.white.button.is-outline {
    color: #fff !important;
}

.white.is-outline:hover {
    background-color: rgba(255,255,255,0.4) !important;
}

.slider [data-animate=bounceInUp],
.slider [data-animate=fadeInUp],
[data-animate=bounceInUp],
[data-animate=fadeInUp] {
    transition: filter 0.8s, transform 1s, opacity .5s ease-in;
}

.row-slider.slider [data-animated=true],
.slider .is-selected [data-animated=true],
[data-animated=true] {
    animation-delay: 0s;
}

.background-global-right {
    background-image: url('/wp-content/uploads/2023/11/global.jpg');
    background-position: center right;
    background-repeat: no-repeat;
}

.background-soild-right:after {
    content: '';
    width: calc(100% /3);
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #81A0B5;
}

.splide__pagination .splide__pagination__page.is-active {
    border-radius: 100px !important;
}

.background-windmill {
    background-image: url('/wp-content/uploads/2023/11/background-windmill.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.shadow-heading :is(h1, h2, h3, p, div, span) {
	text-shadow: 0px 0px 50px rgba(0, 0, 0, 20);
	color: #fff;
}
.mobile-nav .nav-icon>a {
    color: var(--wp--preset--color--primary);
}

.home .mobile-nav .nav-icon>a {
    color: #fff;
}

.home .stuck .mobile-nav .nav-icon>a {
    color: var(--wp--preset--color--primary);
}

.home .nav>li>a{
	color:#fff;
}

.stuck .nav>li>a{
	color:var(--wp--preset--color--primary);
}
.body.body-scroll-lock--active .mfp-wrap{
	backdrop-filter: blur(6px) !important;
}
@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .bg-half-height {
        margin-top: auto !important;
    }

    .bg-half-height .section-content {
        margin-top: 0px !important;
    }
	.white-text :is(h1, h2, h3, p, div, span) {
	color: #fff;
}

}