/*
Theme Name: OdeonTheme
Template: astra
Author: Léo Colomina
Version: 1.0
Description: Thème enfant Astra personnalisé pour projet sur-mesure.
*/

@font-face {
  font-family: 'Peace Sans';
  src: url('assets/fonts/peace_sans.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* OPEN SANS VARIABLE */
@font-face {
  font-family: 'Open Sans';
  src: url('assets/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Static';
  src: url('assets/fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* LEAGUE SPARTAN VARIABLE */
@font-face {
  font-family: 'League Spartan Variable';
  src: url('assets/fonts/LeagueSpartan-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* GLACIAL INDIFERENCE REGULAR */
@font-face {
  font-family: 'Glacial Indifference';
  src: url('assets/fonts/GlacialIndifference-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* GLACIAL INDIFERENCE BOLD */
@font-face {
  font-family: 'Glacial Indifference';
  src: url('assets/fonts/GlacialIndifference-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* DANCING SCRIPT VARIABLE */
@font-face {
  font-family: 'DancingScript Variable';
  src: url('assets/fonts/DancingScript-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


:root {
    --color_orange: #d74e09;
    --color_rouge: #6e0e0a;
    --color_vert: #8c8d62;
    --color_vert_fonce: #3d3d2a;
    --color_beige: #fff1e1;
    --color_blanc: #ffffff;
    --color_text: #1e293b;
    --color_gris: #545454;
}

*{
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

/*                           */
/*          COMMUNS          */
/*                           */

h1{
  font-family: 'Peace Sans', sans-serif;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 500;
  width: 800px;
  text-align: center;
  line-height: 90px;
  margin: auto;
}

h2, h3, h4{
  text-align: center;
  text-transform: uppercase;
  font-family: 'Peace Sans';
  color: var(--color_rouge);
  font-weight: 400;
}

h2{
  font-size: 69px;
}

h3{
  font-size: 25px;
}

h4{
  font-size: 18px;
}


p{
  margin: 0;
  padding: 0;
}

.btn-primary, .btn-primary:focus, .faq-choice {
  display: inline-block;
  background-color: var(--color_orange);
  color: var(--color_beige);
  padding: 10px 70px;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0 5px 0 var(--color_rouge);
  text-decoration: none;
  text-transform: uppercase;
  line-height: inherit;
  transition: all 0.2s ease-in-out;
  text-align: center !important;
  cursor: pointer;
}

.btn-primary:hover {
  color: var(--color_beige);
  background-color: var(--color_rouge);
  box-shadow: 0 3px 0 #600000;
  transform: translateY(2px);
}

.btn-secondary, .faq-choice{
  color: var(--color_beige) !important;
  background-color: var(--color_rouge);
  box-shadow: 0 5px 0 var(--color_orange);
}

.btn-secondary:hover, .faq-choice:hover{
    background-color: var(--color_orange);
    color: var(--color_beige);
}

#ast-scroll-top{
  background-color: var(--color_orange);
  color: var(--color_beige);
}







@media (max-width: 768px) {

  h1, h2{
    padding: 10px;
  }

  h1{
    font-size: 40px;
    width: 100%;
    line-height: 46px;
  }

  h2{
    font-size: 45px;
    width: 100%;
    line-height: 50px;
  }

  .newsletter-col.left h2 {
    margin-left: 0px !important;
  }
}







#cmplz-cookie-statement {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
}



/**/