/* 
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{
    --mauve-1: #681260;
    --rouge-1: #E83935;
    --gris-1: #EEECEB;
    --gris-2: #646464;
    --noir: #1B1B1A;

    --top: 0px;
    --page-w: 1520px;
    --container-w: 1440px;
    --container-p: calc((var(--page-w) - var(--container-w)) / 2);
    --header-h: 115px;
}

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

@media (max-width: 1470px){  :root{--container-p: 15px;}  }
@media (max-width: 1024px){ :root{--header-h: 80px; } }

*, ::before, ::after{
    padding: 0;
    margin: 0;
}

body{
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
}

*{ font-family: Gilroy, sans-serif; }

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

.page-content, [data-elementor-type="single-page"]{
    width: 100%;
    max-width: var(--page-w);
    margin: var(--header-h) auto 0;
}

img, svg, iframe{ display: block }
img{width: 100%; max-width: max-content; height: auto;}
a{ color: inherit; }

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

button.reset{
    outline: none;
    border: none;
    background-color: transparent;
}

a.btn, button.btn{
    background-color: var(--mauve-1);
    color: white;
    border-radius: 5px;
    padding: 10px 20px;
    min-height: 34px;
    font-size: 19px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: background-color .3s ease;
    will-change: background-color;
    gap: 10px;
    max-width: max-content;
}

.btn:hover, .btn.rouge{
    background-color: var(--rouge-1);
}

.btn.rouge:hover{
    background-color: white;
    color: var(--rouge-1);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin: 3rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.text-center{text-align: center}