/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/


 :root {
    --main-font-family: "Raleway";
    --main-color-text: #09112A;
    --background-color: #FFF8F2;
    --jaune: #FFCB00;
    --jaune-clair: #FFE995;
    --violet: #7E35EA;
    --violet-clair: #BA92F4;
    --vert: #C3F582;
}


/***********************
*** GENERAL ***
***********************/

#site-header-inner{
    margin-top: 15px;
    margin-bottom: 30px;
}

h1 {
    font-size: clamp(40px, 4vw, 60px);
    line-height: 1em;
    font-weight: 800;
    letter-spacing: -2px;
    margin-top: 0;
}

h2 {
    font-size: clamp(30px, 4vw, 45px);
    line-height: 1em;
    font-weight: 800;
    letter-spacing: -2px;
}

h3 {
    font-size: clamp(25px, 4vw, 30px);
    line-height: 1em;
    font-weight: 800;
    letter-spacing: -1px;
    margin-top: 0 !important;
}

.theme-button {
    background: var(--jaune);
    border-radius: 16px;
    padding-left: 60px;
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--main-color-text);
    font-weight: 600;
    z-index: 10;
    border: 1px solid var(--jaune);
    transition: all 0.3s;
    font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.theme-button:hover {
    background: var(--jaune);
    border: 1px solid var(--main-color-text);
    box-shadow: 4px 4px 0px 0px var(--main-color-text);
    color: var(--main-color-text);
}

.theme-button:before {
    content: "";
    background: var(--jaune-clair) url(img/arrow.svg) center center no-repeat;
    background-size: 12px 12px;
    width: 20px;
    height: 20px;
    padding: 19px;
    left: 2px;
    position: absolute;
    color: #fff;
    border-radius: 13px;
    z-index: 0;
}

.banniere-slogan{
    margin-bottom: 40px;
}