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



/** BUTTON **/
.brxe-button {
	cursor: pointer;
}

.brxe-button.bricks-button.sm {
	position: relative;
	cursor: pointer;
}
.brxe-button.bricks-button.sm::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: var(--primary);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.brxe-button.bricks-button.sm:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.brxe-button i {
	transition: transform 0.3s ease-in-out;
}

.brxe-button:hover i {
	transform: translateX(5px);
}


/* 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.bricks-is-frontend .fadein {
    opacity: 0;
    transform: translateY(50px);
    transition: none;
}

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

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

.effect-img img {
    transition: all 0.3s ease-in-out;
}

.effect-img:hover img {
    transform: scale(1.1, 1.1);
}

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

/** HEADER **/

header.brx-sticky.scrolling .bloc-img-header {
	max-width: 120px;
}

/** METTRE LA CLASS .section-header a la section ou il doit y avoir le bg color **/
header.brx-sticky.scrolling .section-header,
body.header-fixe header.brx-sticky:not(.scrolling) .section-header {
    background-color: var(--primary);
}

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

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