/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


:root{
    --vert: #76B82A;
    --noir: #000;
    --bleu: #1F335C;
    --blanc: #F5F5F5;

    --container-w: 1330px;
    --container-p: calc((100vw - var(--container-w)) / 2);

    --header-h: 80px;
    --top: 0px;
    --font: 'Archivo', sans-serif;
}

body.admin-bar{--top: 32px;}

#content{
    max-width: 1520px;
    margin: 0 auto;
    padding-top: calc(var(--header-h) - var(--top));
    overflow-x: auto;
}

@media (max-width: 1330px){  :root{--container-p: 15px;}  }
@media (max-width: 780px){  body.admin-bar{--top: 46px;}  }

.container{
    padding: 0 15px;
    width: 100%;
    max-width: var(--container-w);
    margin: 0 auto;
}

*{
    font-family: var(--font);
}

body{
    overflow-x: hidden;
}

p{
    margin-top: 0;
}

img{
    width: 100%;
    max-width: max-content;
    height: auto;
}

ul.reset{
    list-style: none;
    padding: 0;
    margin: 0;
}

button.reset{
    outline: 0;
    border: none;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.flex-wrap{
    flex-wrap: wrap;
}

.btn, .btn-child-link a{
    background-color: var(--vert);
    color: var(--blanc);
    font-size: 1em;
    line-height: 1;
    padding: 5px clamp(15px, 4vw, 30px);
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    border-radius: 5px;
    transition: background-color .3s ease, color .3s ease;
    will-change: background-color, color;
}

.btn.vert, .btn-child-link.vert a{
    background-color: var(--vert);
}

.btn.vert:hover, .btn-child-link.vert:hover a{
    background-color: var(--bleu);
}

.btn.bleu, .btn-child-link.bleu a{
    background-color: var(--bleu);
}

.btn.bleu:hover, .btn-child-link.bleu:hover a{
    background-color: var(--vert);
}

.alert{
    --bs-border-radius: 0.375rem;
    --bs-border-width: 1px;
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    font-size: 1.2em;
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #9eeaf9;
    --bs-alert-link-color: #055160;
}

.text-center{text-align: center}