/*
 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
*/


/*** GLOBAL CSS **/
body:not(.admin-bar){--wp-admin--admin-bar--height:0px}

/*
html {
    scroll-padding-top: calc(var(--navigation-bar-offset) + 10px );
}
*/

a.brxe-text-basic:hover{text-decoration:underline}
:where(.brxe-image):before{z-index:1}
.role-administrator .block-dev{display:none}
.effect-img img {transition: all 0.3s ease-in-out;}
.effect-img:hover img {transform: scale(1.1, 1.1);}
.brxe-button {cursor: pointer;}
body:not([data-builder-mode]) .bloc-ota-bandeau {opacity: 0;}
.center{align-items:center;align-self:center;text-align:center}

.brx-animated .perfmatters-lazy.pmloaded,
.brx-animated .perfmatters-lazy.pmloaded>img,
.brx-animated .perfmatters-lazy>img.pmloaded,
.brx-animated .perfmatters-lazy[data-ll-status=entered],
.no-animation {
	animation:inherit !important;
}


/** CUSTOM SLIDER MULTIPLE IMAGE **/
.brxe-slider-nested .custom-slide-a{width:100%;height:100%}
.brxe-slider-nested .custom-slide-img{position:absolute;width:100%;height:100%;object-fit:cover}


/** POUR ANIMATION GSAP **/
body.bricks-is-frontend .fadein {opacity: 0;transform: translateY(50px);transition: none;}
/****/



@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
header nav ul.bricks-nav-menu>li.current-menu-item:not(.menu-item-has-children,.btn-header) a::after,header nav ul.bricks-nav-menu>li:hover:not(.menu-item-has-children,.btn-header) a::after{content:"";width:100%;height:3px;background-color:var(--primary);position:absolute;bottom:-7px;animation:fade-in .3s ease}
header div.brx-offcanvas-inner nav ul.bricks-nav-menu>li a::after{display:none}
header nav ul.bricks-nav-menu li a{position:relative}
header .header-menu nav li:hover .brx-submenu-toggle button{transform:rotate(180deg)}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a:before{content:"-";margin-right:10px;transition:margin .3s ease}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a:hover:before{margin-right:15px}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu li{padding:15px 10px}
header nav ul.bricks-nav-menu>li.menu-item-has-children ul.sub-menu a{width:fit-content}


/** HEADER CLASSIC + HEADER FIXE 

body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) .header-menu,
body.header-color header:is(.sticky, .brx-sticky):not(.scrolling) .header-menu {
    background-color: red;
}

body.header-fixe header:is(.sticky, .brx-sticky):not(.scrolling) {
    position: static;
}

body.header-fixe header:is(.sticky, .brx-sticky).scrolling + main {
    padding-top: var(--navigation-bar-offset);
}

**/


/* BANDEAU COOKIE - PLUGIN YESCOOKIE */
.cky-btn{flex:initial!important}
.cky-btn-revisit-wrapper{display:none!important}
.cky-notice-group{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:32px !important}
.cky-notice-btn-wrapper{justify-content:flex-start!important;margin-top:0!important;flex-wrap:nowrap!important;flex-direction:row !important;white-space:nowrap !important;gap:10px !important}
.cky-notice-btn-wrapper .cky-btn{margin:0!important}
@media (max-width:800px){.cky-notice-group{flex-direction:column!important;align-items:flex-start!important}}
@media (max-width:440px){.cky-notice-btn-wrapper{flex-direction:row!important;align-items:stretch!important;white-space:normal!important}}
/* COOKIE */