/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* BANDEAU COOKIES */

#cmplz-cookiebanner-1-optin{
	z-index: 999999;
}

/** CUSTOM GALERIE IMAGES **/
.brxe-slider-nested .splide__slide { position: relative; }

.brxe-slider-nested .custom-slide-a {
	display: block;
	width: 100%;
	height: 100%;
}

.brxe-slider-nested .custom-slide-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* CLASSE CENTER */

.center{
	align-items:center;
	align-self:center;
	text-align:center;
}

.section-header,
.wrapper-img-header{
	transition: all 0.3s ease;
}

/* STICKY HEADER */
header:is(.sticky, .brx-sticky).scrolling .section-header,
body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) .section-header {
    background-color: var(--secondary);
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: solid 1px var(--primary-h-opa-4);
}

/* COULEURS ELEMENTS HEADER */
header:is(.sticky, .brx-sticky).scrolling .section-header .burger-menu {
   fill: var(--noir);
	color: var(--noir);
}

header:is(.sticky, .brx-sticky).scrolling .section-header .logo-white{
	display: none;
}

header:is(.sticky, .brx-sticky).scrolling .section-header .logo-black{
	display: block;
}

header:is(.sticky, .brx-sticky).scrolling .section-header .wrapper-img-header{
	max-width: 160px;
}

/* BOUTON BOUTIQUE HEADER */

header:is(.sticky, .brx-sticky).scrolling #btn-boutique-header{
	background-color: var(--dore);
	color: var(--blanc);
	border-color: var(--dore);
}

/* OMBRE HEADER STICKY */
header:is(.sticky, .brx-sticky).scrolling .section-header{
   box-shadow: 2px 0px 13px rgba(0, 0, 0, 0.08);
}


/* CLASSE ZOOM IMG HOVER */
.zoomeffect-img img {transition: all 0.3s ease-in-out;}
.zoomeffect-img:hover img {transform: scale(1.08, 1.08);}

/* TRAIT MENU ITEM désactivé

header nav ul.bricks-nav-menu>li.current-menu-item:not(.menu-item-has-children,.cta-header) a::after,
header nav ul.bricks-nav-menu>li:hover:not(.menu-item-has-children,.cta-header) a::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--primary);
    position: absolute;
    bottom: -4px;
    animation: fade-in .3s ease;
}

*/

/* ANIMATION FLOTTANTE BULLES */
@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}