:root {
    --primary: #450E33;
    --secondary: #E1B77F;
    --header-height: 0px;
}

/* ------------------------ DIN ------------------------ */

@font-face {
    font-family: 'DIN Alternate';
    src: url(./../fonts/din/DINAlternate-Bold.woff2) format('woff2'),
        url(./../fonts/din/DINAlternate-Bold.woff) format('woff'),
        url(./../fonts/din/DINAlternate-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------ WOLFPACK ------------------------ */

@font-face {
    font-family: 'Wolfpack';
    src: url(./../fonts/wolfpack/Wolfpack-Regular.woff2) format('woff2'),
        url(./../fonts/wolfpack/Wolfpack-Regular.woff) format('woff'),
        url(./../fonts/wolfpack/Wolfpack-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------ BEAST MODE ------------------------ */

@font-face {
    font-family: 'Beast Mode';
    src: url(./../fonts/beastMode/BeastModeSVG.otf);
    font-weight: normal;
    font-style: normal;
}

/* ------------------------ SCHABO ------------------------ */

@font-face {
    font-family: 'Schabo';
    src: url(./../fonts/schabo/SCHABO-Condensed.otf);
    font-weight: normal;
    font-style: normal;
}

/* ------------------------ FIELD GOTHIC ------------------------ */

/* Field Gothic Condensed */
@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_40_XLight_Cond.ttf);
    font-weight: 100;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_41_Light_Cond.ttf);
    font-weight: 200;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_42_Reg_Cond.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_43_Med_Cond.ttf);
    font-weight: 500;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_44_Demi_Cond.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_45_Bold_Cond.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_46_XBold_Cond.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Field Gothic Condensed';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_47_XXBold_Cond.ttf);
    font-weight: 900;
}

/* Field Gothic Compact */
@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_50_XLight_Compact.ttf);
    font-weight: 100;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_51_Light_Compact.ttf);
    font-weight: 200;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_52_Reg_Compact.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_53_Med_Compact.ttf);
    font-weight: 500;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_54_Demi_Compact.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_55_Bold_Compact.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_56_XBold_Compact.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Field Gothic Compact';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_57_XXBold_Compact.ttf);
    font-weight: 900;
}

/* Field Gothic Normal */
@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_60_XLight.ttf);
    font-weight: 100;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_61_Light.ttf);
    font-weight: 200;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_62_Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_63_Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_64_Demi.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_65_Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_66_XBold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Field Gothic';
    src: url(./../fonts/fieldGothic/Field_Gothic_No_67_XXBold.ttf);
    font-weight: 900;
}

/* Global
============================================================ */

body {
    font-family: 'Field Gothic Compact', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--primary);
}

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

.page-content.page-cms ul,
p {
    font-size: 1rem;
}

/* Fin Global
============================================================ */

/* Containers Prestashop
============================================================ */

#wrapper {
    padding-top: 0;
    background-color: #fff;
}

/* Fin Containers Prestashop
============================================================ */

/* Fil d'ariane
============================================================ */

#wrapper .breadcrumb {
    margin: 15px 0 30px 0;
}

#wrapper .breadcrumb li::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.181" height="11.896" viewBox="0 0 7.181 11.896"><path id="Icon_ion-ios-arrow-forward" data-name="Icon ion-ios-arrow-forward" d="M16.263,12.142l-4.753-4.5a.815.815,0,0,1,0-1.2.941.941,0,0,1,1.271,0l5.385,5.1a.817.817,0,0,1,.026,1.172l-5.407,5.132a.939.939,0,0,1-1.271,0,.815.815,0,0,1,0-1.2Z" transform="translate(-11.246 -6.196)" fill="%23450e33"/></svg>');
    margin: 0 15px;
}

#wrapper .breadcrumb li a,
#wrapper .breadcrumb li span {
    color: var(--primary);
}

/* Fin Fil d'ariane
============================================================ */

/* Boutons
============================================================ */

.btn-primary {
    padding: 12px 24px;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--primary);
    background-color: var(--secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-radius: 10px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus, 
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.btn-primary.active,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
    background-color: var(--primary);
    color: #fff;
}

.btn-tertiary {
    border: 1px solid var(--primary);
    border-radius: 30px;
    background-color: white;
    color: var(--primary);
    padding: 4px 8px;
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary.focus,
.active.btn-tertiary,
.btn-tertiary:active,
.open>.dropdown-toggle.btn-tertiary {
    background-color: var(--primary);
    color: #fff;
}

/* Fin Boutons
============================================================ */

/* Formulaires
============================================================ */

.custom-radio input[type=radio]:checked+span {
    background-color: var(--primary);
}

.form-control:focus,
.input-group.focus {
    outline: 1px solid var(--primary);
    border-color: var(--primary);
}