/*
 Theme Name:   Graphical Boilerplate
 Theme URI:    https://bricksbuilder.io/
 Description:  Child Theme Graphical - Boilerplate Bricks
 Author:       Graphical
 Author URI:   https://graphical-media.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* -------
Index
-------- */

/* 
- GLOBAL STYLES
    - GRAPHICAL VARIABLES
    - GENERAL
        -Bug Fixes
    - GRAPHICAL UTILITY CLASSES
    - BUTTONS / LINKS

- LAYOUT / THEMER
    - HEADER
    - NAVIGATION
    - FOOTER
    - CARDS
    - TEMPLATE


- PAGE SPECIFIC CSS
    -HOMEPAGE
    -CONTACT

- GRAVITY FORM STYLING
    - CUSTOM GRAVITY FORM STYLE

*/

/* - GLOBAL STYLES ====================================================================== */

/* --------------------
- GRAPHICAL VARIABLES
-------------------- */

:root {
    --gm-transition: 300ms ease-in-out;
}


/* --------------------
- GENERAL
-------------------- */


 /* Bug Fixes */

 /* debordement lorsque le dropdown menu est ouvert*/
.brxe-nav-nested:not(.brx-open) .brx-nav-nested-items > .brxe-dropdown:not([data-toggle="click"]):hover::before {
    width: auto!important; /* default: width:100% */
}

/* Spacing */

h1,h2 {
    margin-bottom: 0.5em;
}

h3,h4 {
    margin-bottom: 0.3em;
}

ul {
    margin: 0;
}

address {
    font-style: normal;
}


/* --------------------
- GRAPHICAL UTILITY CLASSES
-------------------- */


/* --------------------
BUTTONS / LINKS
-------------------- */

a,
.bricks-button {
    transition: all var(--gm-transition);
}

/* END - GLOBAL STYLES ====================================================================== */

/* LAYOUT / THEMER ======================================================================  */

/* --------------------
HEADER
-------------------- */

.gm-main-header {
    --header-pad-block: var(--space-m);
    --mobile-item-min-height: 4.4rem;
}

/* NAVIGATION */

.gm-main-header__nav-items > .menu-item,
.gm-main-header__nav-nested > ul .gm-main-header__dropdown {
    height: 100%;
    display: flex;
    justify-content: center;
    font-weight: inherit;
}

.gm-main-header__nav-link a {
    white-space: nowrap;
    font-weight: inherit;
}



/* mobile nav opened*/

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items {
    /* start under header*/
    position: absolute;
    top: 100%;
    height: fit-content;    
    min-height: 100%;
    /* -------------- */
    padding: var(--space-m) var(--section-padding-x) 0;
    box-shadow: 0 4px 6px -3px var(--neutral-trans-60);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__nav-items .menu-item a {
    margin-block: auto;
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items > li {    
    border-bottom: 1px solid var(--base);
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items > li:last-child {
    border: none;
}

.gm-main-header__nav-nested.brx-open ul.gm-main-header__nav-items li {
    display: flex;
    min-height: var(--mobile-item-min-height);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown .brx-submenu-toggle button[aria-expanded="true"] {
    transform: rotateZ(180deg);
}

.gm-main-header__nav-nested.brx-open .brx-submenu-toggle{
    min-height: var(--mobile-item-min-height);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content {
    min-height: var(--mobile-item-min-height);
    padding-bottom: 1rem;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li {
    min-height: var(--mobile-item-min-height);
    padding-left: var(--space-m);
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li a {
    font-weight: inherit;    
    opacity: 0.75;
}

.gm-main-header__nav-nested.brx-open .gm-main-header__dropdown__content li:hover a {
    opacity: 1;
}

/* --------------------
FOOTER
-------------------- */


/* stacked address */
.gm-footer__address span {
    display: block;
}

/* inline address */
/* .gm-footer__address span:not(:last-child)::after {
    content: ", ";
} */

/* --------------------
CARDS
-------------------- */

/* --------------------
TEMPLATE
-------------------- */

/* Page standard */

.gm-standard-page h1 {
    margin-bottom: 0;
}

.gm-standard-page h2 {
    margin-top: var(--space-l);
}

.gm-standard-page h3 {
    margin-top: var(--space-m);
}

.gm-standard-page ol,
.gm-standard-page ul {
    margin-bottom: var(--space-m);
}

.gm-standard-page li:not(:first-child) {
    margin-top: var(--space-s);
}

.gm-standard-page a {
    color: var(--action);
}
.gm-standard-page a:hover {
    color: var(--action-dark);
}

/* END - LAYOUT / THEMER ======================================================================  */

/* PAGE SPECIFIC CSS ====================================================================== */

/* Homepage */

/* Contact */
/* END - PAGE SPECIFIC CSS ====================================================================== */

/* CUSTOM GRAVITY FORM STYLING ====================================================================== */



/* Error fields style */


/* Orbital theme */
:root {
    --gfield-color: var(--base);
    --gfield-bg-color: transparent; /* default transparent */
    --gfield-border--radius:  var(--btn-border-radius); /* fonctionne sur le textarea */
    --gfield-border-color: var(--primary);
    /* Label */
    --glabel-size: var(--text-m);
    --glabel-color: var(--base);
    --gdesc-color:  var(--base);
}
.gform-theme--framework form {
    /* General */
    --gf-ctrl-appearance: none;
    --gf-ctrl-bg-color: transparent;/* input bg, checkbox bg, radio bg*/
    --gf-ctrl-size-sm: 35px;
    --gf-ctrl-size-md: 4.8rem; /* size md set in function.php json */
    --gf-ctrl-size-lg: 47px;
    --gf-ctrl-size-xl: 54px;
    /* Inputs */
    --gf-color-primary: var(--primary-hover); /* focus border color */
    --gf-transition-duration: 300ms;
    --gf-padding-x: var(--btn-padding-inline);
    --gf-padding-y: var(--btn-padding-block);
    --gf-label-space-primary: 8px;
    --gf-label-choice-field-space-primary: 12px;
    --gf-label-space-x-secondary: 12px;
    --gf-label-space-y-sm-secondary: -1px;
    --gf-label-space-y-md-secondary: 0;
    --gf-label-space-y-lg-secondary: 1px;
    --gf-label-space-y-xl-secondary: 4px;
    --gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
    --gf-label-space-tertiary: 8px;
    --gf-desc-space: 8px;
    --gf-desc-choice-field-space: 12px;
    --gf-ctrl-file-btn-bg-color: transparent; /* Choose file background-color */
    /* Textarea */
    --gf-ctrl-textarea-height: 130px;
    --gf-ctrl-textarea-radius: var(--gf-radius);
    --gf-ctrl-textarea-line-height: 1.5;
    --gf-ctrl-textarea-padding-y: var(--gf-padding-y);
    --gf-ctrl-textarea-resize: none;
    /* Fonts */
    
    /* Border */ 
    --gf-radius: var(--gfield-border--radius);
    --gf-ctrl-border-style: solid;
    --gf-ctrl-border-width: 1px;
    --gf-gm-border-color: #0693e3;
    --gf-ctrl-border-color-focus: var(--gf-color-primary);
    --gf-local-border-block-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--primary);
        /* Border-Bottom */
        --gf-local-border-block-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
    /* Shadow */
    --gf-ctrl-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
    /* Button */
    --gf-ctrl-btn-bg-color-primary: var(--action);
    --gf-ctrl-btn-bg-color-hover-primary: var(--action-hover);
    --gf-field-list-btn-size: 16px;
    --gf-field-list-btn-radius: 50%;
    --gf-field-list-btn-font-size: 0;
    --gf-field-list-btn-padding-y: 0;
    --gf-field-list-btn-padding-x: 0;
}

/* Modern style form  */
.gm-modern-form .gform_wrapper {
    --gfield-font-size: 18px;
    --gfield-pad-block: calc(var(--gfield-font-size) + 6px);
    --gfield-pad-inline: calc(var(--gfield-font-size) * 0.8);
    --gfield-pad: var(--gfield-pad-block) var(--gfield-pad-inline);
    --gfield-min-height: calc(var(--gfield-font-size) + (var(--gfield-pad-block) * 2))
}

body .gm-modern-form .gform_wrapper .gform_required_legend {
    display: none;
}

body .gm-modern-form .gform_wrapper .gfield {
    position: relative;
}

body .gm-modern-form .gform_wrapper .gfield input,
body .gm-modern-form .gform_wrapper .gfield label {
    font-size: var(--gfield-font-size);
}
body .gm-modern-form .gform_wrapper .gfield input {
    padding: var(--gfield-pad);
    min-height: var(--gfield-min-height)
}


body .gm-modern-form .gform_wrapper .gfield label{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left: var(--gfield-pad-inline);
    transition:all 0.3s ease;
}

body .gm-modern-form .gform_wrapper .gfield.gfield--type-textarea label{
    top: var(--gfield-pad-block);
    transform: translateY(0);
    line-height: 1;
}
body .gm-modern-form .gform_wrapper .gfield.gfield--type-textarea textarea {
    padding: var(--gfield-pad);
    font-size: var(--gfield-font-size);
}

body .gm-modern-form .gform_wrapper label.focused,
body .gm-modern-form .gform_wrapper .gfield.gfield--type-textarea label.focused {
      font-size: calc(var(--gfield-font-size) * .75);
      top: calc(var(--gfield-font-size) * .7);
      transform: translateY(-50%);
      /* color:#81c342; */
}