/*
    Theme Name:   Kairós Reus
    Author:       Indaba Solutions
    Template:     bricks
    Version:      1.0
    Text Domain:  kairos
*/

    :root {

        --ample-contenidor: 1200px;
        


        /* Gutenberg */
        --wp--preset--font-size--small: var(--text-s);
        --wp--preset--font-size--medium: var(--text-m);
        --wp--preset--font-size--large: var(--text-l);
        --wp--preset--font-size--x-large: var(--text-xl);   
        --padding-boto: .5em 1em;
        --radi-boto: 100px; 

    }

    .color-primari {
        color: var(--color-primari);
    }

    .color-secundari {
        color: var(--color-secundari);
    }

    .fons-primari {
        background-color: var(--color-primari);
    }

    .fons-secundari {
        background-color: var(--color-secundari);
    }

    .ocult:not(:focus):not(:active) {
        clip: rect(0 0 0 0); 
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap; 
        width: 1px;
    }

    h1, h2, h3 {
        line-height: 1.2;
    }

    p {
        margin-bottom: 1em;
    }

    .espaiat-m > * + * {
        margin-top: var(--espai-m);
    }

    .espaiat-g > * + * {
        margin-top: var(--espai-xl);
    }
    
    header .brx-submenu-toggle svg {
        max-width: 1em;
    }
    
    .text-light {
        font-weight: 300;
    }

    .multiplica::after {
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        display: block;
        mix-blend-mode: multiply;
    }

    .brxe-section > .brxe-container {
        border-radius: var(--radi-seccio);
        padding: var(--espai-intern, 1.5rem);
        overflow: hidden;
    }


/*
    Elements clicables
*/

    .bricks-is-frontend .clicable {
        position: relative; 
    }

    .bricks-is-frontend .clicable * {
        position: static;
    }

    .bricks-is-frontend a.clicable__link::after,
    .bricks-is-frontend .clicable .clicable__link a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .bricks-is-frontend .clicable .clicable__link--top {
        z-index: 2;
    }


/*
    Widgets
*/

    .brxe-wordpress {
        width: 100%;
        padding: 2rem 3rem 3rem;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
    }

    .brxe-wordpress .bricks-widget-title {
        position: relative;
        margin-bottom: 1em;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }

    .brxe-wordpress .bricks-widget-title::after {
        content: '';
        width: 45px;
        height: 2px;
        background-color: var(--color-primari);
        position: absolute;
        bottom: -1px;
        left: 0;
    }

        
/*
    Capçalera
*/


    #brx-header > :not(.ample-total) {
        padding-left: var(--espai-seccio-x);
        padding-right: var(--espai-seccio-x);
    }

    .cap-enganxosa {
        --fons-seccio-fixa: white;
        --altura-seccio-fixa: 10rem;
    }

    .cap-enganxosa.bricks-is-frontend.admin-bar #brx-header #seccio-fixa {
        top: 32px;
        top: var(--wp-admin--admin-bar--height);
    }

    .cap-enganxosa #brx-header #seccio-fixa,
    .cap-solapada #brx-header #seccio-fixa {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transition: background-color .2s,transform .4s, top .5s;
        width: 100%;
        z-index: 998;
        padding-left: var(--espai-seccio-x);
        padding-right: var(--espai-seccio-x);
    }

    .cap-enganxosa #brx-header #seccio-fixa {
        position: fixed;
    }

    .cap-enganxosa #brx-header #seccio-fixa.scrolling,
    .cap-enganxosa:not(.cap-negativa) #seccio-fixa {
        background-color: var(--fons-seccio-fixa);
        box-shadow: 0 5px 15px -8px rgb(0 0 0 / 10%);
    }

    .cap-enganxosa #brx-header #seccio-fixa.slide-up {
        overflow-x: hidden;
        top: -100% !important;
    }

    .cap-enganxosa:not(.cap-solapada) {
        margin-top: var(--altura-seccio-fixa);
    }

    .cap-negativa #brx-header #seccio-fixa:not(.scrolling),
    .cap-negativa .bricks-mobile-menu-toggle { 
        color: white 
    } 


/*
    Caixes ample total alineades
*/

    .marge-esquerre-automatic {
        padding-left: max(var(--espai-seccio-x), calc( (100vw - var(--ample-contenidor) ) / 2 + var(--espai-seccio-x) ));
    }

    .marge-dret-automatic {
        padding-right: max(var(--espai-seccio-x),  calc( (100vw - var(--ample-contenidor) ) / 2 + var(--espai-seccio-x) ));
    }


/*
    Focus
*/

    body.bricks-is-frontend :focus {
        outline: none;
    }

    body.bricks-is-frontend :focus-visible {
        outline: 2px solid #7b7b7b;
    }


/*
    Plantilles per defecte del Bricks
*/

    .layout-default .brxe-container {
        padding-left: var(--espai-seccio-x);
        padding-right: var(--espai-seccio-x);
    }

    body > article#brx-content {
        padding: var(--espai-seccio-y) var(--espai-seccio-x);
    }


/*
    Gutenberg
*/

    .wp-block-heading {
        margin-bottom: .5em;
    }

    .wp-block-button .wp-block-button__link {
        font-size: 1em;
        background-color: var(--color-accio);
        padding: var(--padding-boto);
        border-width: var(--vora-boto);
    }
    .wp-block-button.is-style-outline .wp-block-button__link {
        background-color: var(--color-clar);
    }


    
/*
    Seccions
*/

    .avantitol-seccio + .titol-seccio {
        margin-top: var(--espai-s);
    }