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

:root {
    --navigation-bar-offset: 0px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(30px + var(--navigation-bar-offset));
}

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

ul.splide__pagination li {
    margin: 0 3px;
}

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


body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px;
}

.role-administrator .block-dev {
	display: none;
}

a.brxe-text-basic:hover {text-decoration: underline;}

:where(.brxe-image):before {
    z-index: 1;
}

.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] {
    animation: inherit !important;
}

.brxe-text ul {
	list-style: inside;
	list-style-type: circle;
}

.brxe-text ul li::marker {
    color: var(--primary);
}

@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes move {0% {background-position: 0 0;}100% {background-position: 50px 50px;}}



/**** HEADER ****/


header nav ul.bricks-nav-menu > li.current-menu-item:not(.menu-item-has-children) a::after,
header nav ul.bricks-nav-menu>li:hover:not(.menu-item-has-children) 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 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 0.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.scrolling .header-menu {
	background-color: var(--fond-noir);
}

header.scrolling .header-sub {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

/*
body:not(.home) header:not(.scrolling) .header-menu .div-cont-menu {
  border-bottom: 1px solid var(--blanc);
}
*/