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

/* MENU STYLES */

/* GRAVITY STYLES */

:root {
    --gf-dark: #000000;
    --gf-dark-rgb: 0,0,0;
    --gf-principal: #0A1B3D;
    --gf-principal-rgb: 10, 27, 61;
    --gf-light: #fff;
    --gf-light-rgb: 255,255,255;
}

#brx-content #form .gform-theme,
#brx-content #configurateur .gform-theme {
    --gf-color-primary: var(--gf-principal);
    --gf-color-primary-rgb: var(--gf-principal-rgb);
    --gf-color-primary-contrast: var(--gf-light);
    --gf-color-primary-contrast-rgb: var(--gf-light-rgb);
    --gf-color-primary-darker: var(--gf-principal);
    --gf-color-primary-lighter: var(--gf-principal);
    --gf-color-secondary: var(--gf-light);
    --gf-color-secondary-rgb: var(--gf-light-rgb);
    --gf-color-secondary-contrast: var(--gf-dark);
    --gf-color-secondary-contrast-rgb: var(--gf-dark-rgb);
    --gf-color-secondary-darker: #e9d9d7;
    --gf-color-secondary-lighter: var(--gf-light);
    --gf-color-out-ctrl-light: rgba(var(--gf-dark-rgb), 0.1);
    --gf-color-out-ctrl-light-rgb: var(--gf-dark-rgb);
    --gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-out-ctrl-light-lighter: #F5F5F5;
    --gf-color-out-ctrl-dark: var(--gf-dark);
    --gf-color-out-ctrl-dark-rgb: var(--gf-dark-rgb);
    --gf-color-out-ctrl-dark-darker: var(--gf-dark);
    --gf-color-out-ctrl-dark-lighter: rgba(var(--gf-dark-rgb), 0.65);
    --gf-color-in-ctrl: var(--gf-light);
    --gf-color-in-ctrl-rgb: 248, 240, 239;
    --gf-color-in-ctrl-contrast: var(--gf-dark);
    --gf-color-in-ctrl-contrast-rgb: var(--gf-dark-rgb);
    --gf-color-in-ctrl-darker: #e9d9d7;
    --gf-color-in-ctrl-lighter: var(--gf-light);
    --gf-color-in-ctrl-primary: var(--gf-principal);
    --gf-color-in-ctrl-primary-rgb: var(--gf-principal-rgb);
    --gf-color-in-ctrl-primary-contrast: var(--gf-light);
    --gf-color-in-ctrl-primary-contrast-rgb: var(--gf-light-rgb);
    --gf-color-in-ctrl-primary-darker: var(--gf-principal);
    --gf-color-in-ctrl-primary-lighter: var(--gf-principal);
    --gf-color-in-ctrl-light: rgba(var(--gf-dark-rgb), 0.1);
    --gf-color-in-ctrl-light-rgb: var(--gf-dark-rgb);
    --gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-in-ctrl-light-lighter: #e9d9d7;
    --gf-color-in-ctrl-dark: #585e6a;
    --gf-color-in-ctrl-dark-rgb: var(--gf-dark-rgb);
    --gf-color-in-ctrl-dark-darker: var(--gf-dark);
    --gf-color-in-ctrl-dark-lighter: rgba(var(--gf-dark-rgb), 0.65);
    --gf-radius: 5px;
    --gf-ctrl-border-color: var(--gf-dark);
    --gf-ctrl-label-color-primary: var(--gf-dark);
    --gf-ctrl-label-color-secondary: var(--gf-dark);
    --gf-ctrl-btn-border-color-secondary: #686e77;
    --gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
    --gf-field-pg-steps-number-color: rgba(var(--gf-dark-rgb), 0.8);
    --gf-font-size-primary: 16px;
    --gf-font-size-secondary: 14px;
    --gf-font-size-tertiary: 14px;
    --gf-ctrl-shadow: 0 0px 0px rgba(var(--gf-color-primary-rgb), 0);
    --gf-color-danger: var(--gf-principal);
    --gf-form-gap-x: 15px;
    --gf-form-gap-y: 35px;
}

#form .gform_button.button, #form .gform_button.button:visited {
    background-color: var(--gf-principal);
    border-radius: 10px;
    border: none;
    color: var(--gf-light);
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid var(--gf-principal);
    /* transition: all 0.3s ease; */
}

#form .gform_button.button:hover,
#form .gform_button.button:focus, 
#form .gform_button.button:active {
    background-color: #fff;
    color: var(--gf-principal);
}

:where(.brxe-pricing-tables) .pricing-table {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 350px;
    height: 300px;
}



:where(.brxe-pricing-tables) .pricing-table-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px;
    height: 100%;
    align-content: space-between;
}

:where(.brxe-pricing-tables).acte-2 .pricing-table {
    height: 200px;
}
:where(.brxe-pricing-tables) .pricing-table-price::after {
    content: '€';
    font-size: 50%;
    vertical-align: super;
}