/**
* Theme Name: Brandberry Child
* Description: This is a child theme of Brandberry
* Author: <a href="https://treethemes.com">Treethemes</a>
* Template: brandberry
* Version: 1.0
*/

.header-logo .elementor-image > a {
	position: relative;
	display: block;
}

.header-logo .elementor-image > a::before {
	content: '';
    height: 40px;
    background-image: url('https://josephdarwich.com/wp-content/uploads/2026/07/animated-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 280px;
    position: absolute;
    opacity: 0;
    bottom: 5px;
    left: 50px;
	transition: .3s opacity ease-in-out, .3s left ease-in-out;
}

.header-logo .elementor-image > a:hover::before {
    opacity: 1;
    left: 100px;
}

.bb-sticky-header:not(.bb-sticky-clone-target) {
	background-color: transparent !important;
}

.bb-sticky-header.bb-sticky-clone-target {
	backdrop-filter: blur(10px);
}

.bb-sticky-shell.bb-clone-visible,
body:not(.home) .bb-sticky-header {
	mix-blend-mode: difference !important;
}

.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .wcf-nav-menu-nav {
	flex: none !important;
}

.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-container .custom-injected-menu-wrapper {
	display: none;
}

.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .custom-injected-menu-wrapper {
	order: 2;
	margin: 50px 0 0 0;
}

.wcf__nav-menu.mobile-menu-active .wcf-menu-close {
	order: 0;
}

@media only screen and (min-width: 1024px) {
	.bb-sticky-header.bb-sticky-clone-target {
	background-color: transparent !important;
	}
}

@media only screen and (max-width: 1024px) {
	.header-logo .elementor-image > a::before {
		display: none;
	}
	
	.bb-sticky-shell.bb-clone-visible,
	body:not(.home) .bb-sticky-header {
		mix-blend-mode: unset !important;
	}
	
	.bb-sticky-shell.bb-clone-visible .header-logo,
	body:not(.home) .header-logo, 
	.bb-sticky-shell.bb-clone-visible .wcf__nav-menu.mobile-menu- button.wcf-menu-hamburger,
	body:not(.home) .wcf__nav-menu.mobile-menu- button.wcf-menu-hamburger {
		filter: invert(1);
	}
	
	.bb-sticky-shell.bb-clone-visible .bb-sticky-header {
		-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.16); 
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.16);
	}
}