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

::-moz-selection {
 background-color:#d63638;
}
::selection {
 background-color:#d63638;
}		

[data-link-effect]{
    display:block;
    position:relative;
    transition: transform .4s cubic-bezier(.19,1,.22,1) !important;
    text-wrap:nowrap;
    line-height: 1.5;
    will-change: transform;
}
[data-link-effect]::before{
    content: attr(data-link-effect);
    position: absolute;
    text-wrap:nowrap;
    font-weight:500;
    transform: translateY(100%);
}
.brx-offcanvas-inner .animated-arrow-hover:hover [data-link-effect],
[data-link-effect]:hover,
a:hover [data-link-effect]{
    transform: translateY(-100%);
}

@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
.bricks-button.outline.bricks-color-primary{
    border-color:currentColor !important;
}
.bricks-button{
    gap: 0.5em !important;
}
.bricks-button svg{
    height: .75em;
    min-height: auto;
    min-width: auto;
    fill: currentColor;
}


/** GUTENBERG **/
.brxe-post-content img,
.brxe-post-content video{
    border-radius:0.3rem;
}
.wp-block-gallery{
    display:flex;
    gap:1em !important;
    --wp--style--unstable-gallery-gap:1em !important;
    flex-wrap: wrap;
}
.wp-block-image,
.wp-block-video,
figure[class^="wp-block-"]{
    margin:1em 0;
}
:where(.wp-block-columns){
    margin:1em 0 !important;
}
:where(.wp-block-columns){
    gap:1em;
}
.brxe-post-content :where(.wp-block-columns) figure{
    margin:0 !important;
}

.alignfull, .wp-block-categories-list.alignfull {
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
}
.wp-block-image.size-full img{
    width:100%;
}




.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999;
  will-change: transform;
  transform: translate3d(-50%, -50%, 0);
  height: 2em;
  width: 2em;
  opacity:0;
}

@media (pointer: coarse) {
  .custom-cursor {
    display: none;
  }
}

/*  centre */
.custom-cursor .custom-cursor-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
}

/*  base commune */
.custom-cursor .custom-cursor-layer {
    position: absolute;
    width: .5em;
    height: .5em;
    transition: all .5s cubic-bezier(.08,.82,.17,1);
}

/*  offsets propres */
.custom-cursor .custom-cursor-layer:nth-child(2) {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    top: 0;
    left: 0;
}

.custom-cursor .custom-cursor-layer:nth-child(3) {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 0;
    right: 0;
}
.custom-cursor .custom-cursor-layer:nth-child(4) {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    bottom:0;
    left:0;
}

.custom-cursor .custom-cursor-layer:nth-child(5) {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom:0;
    right:0;
}
.custom-cursor.is-hover .custom-cursor-layer{
    width:.75em;
    height:.75em;
}
.custom-cursor.is-hover .custom-cursor-layer:nth-child(2) {
    top: -50%;
    left: -50%;
}
.custom-cursor.is-hover .custom-cursor-layer:nth-child(3) {
    top: -50%;
    right: -50%;
}
.custom-cursor.is-hover .custom-cursor-layer:nth-child(4) {
    bottom: -50%;
    left: -50%;
}
.custom-cursor.is-hover .custom-cursor-layer:nth-child(5) {
    bottom: -50%;
    right: -50%;
}
.custom-cursor.is-hover .custom-cursor-core {
    top:10%;
    left:90%;
    animation-duration: .9s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
}