/* Fonts Declaration Starts */
/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap'); */
/* Fonts Declaration Ends */

/*Variable Declaration*/

:root {
  /* body font */
  --body-text-fonts: 400 18px/40px 'brandon-grotesque', sans-serif;
  --body-fonts-text-transform: ;

  /* Extra large Headline */
  --xl-title-fonts: 400 55px/60px 'Cinzel', serif;
  --mob-xl-title-fonts: 400 32px/45px 'Cinzel', serif;
  --xl-title-fonts-text-transform: ;

  /* H1 fonts */
  --h1-title-fonts: 400 40px/48px 'Cinzel', serif;
  --mob-h1-title-fonts: 400 30px/40px 'Cinzel', serif;
  --h1-title-fonts-text-transform: uppercase;

  /* H2 fonts */
  --h2-title-fonts: 400 36px/48px 'Cinzel', serif;
  --mob-h2-title-fonts: 400 28px/40px 'Cinzel', serif;
   --h2-title-fonts-text-transform: uppercase;

  /* H3 fonts */
  --h3-title-fonts: 400 25px/30px 'Cinzel', serif;
  --mob-h3-title-fonts: 400 20px/30px 'Cinzel', serif;
  --h3-title-fonts-text-transform: capitalize;

  /* H4 fonts */
  --h4-title-fonts: 400 14px/25px 'Cinzel', serif;
   --mob-h4-title-fonts: 400 18px/28px 'Cinzel', serif;
   --h4-title-fonts-text-transform: ;

   /* H5 fonts */
  --h5-title-fonts: 400 12px/20px 'Cinzel', serif;
  --h5-title-fonts-text-transform: ;

  /* H6 fonts */
  --h6-title-fonts: 400 10px/18px 'Cinzel', serif;
  --h6-title-fonts-text-transform: ;

  /* Section Title fonts */
  --section-title-fonts: 400 13px/ 'brandon-grotesque', sans-serif;
  --section-title-fonts-text-transform: uppercase;

  /* Header fonts */
  --header-fonts: 400 18px/27px 'brandon-grotesque', sans-serif;
  --mob-header-fonts: 400 24px/40px 'brandon-grotesque', sans-serif;
  --header-fonts-text-transform: ;

  /* Footer fonts */
  --footer-fonts: 400 18px/26px 'brandon-grotesque', sans-serif;
  --footer-fonts-text-transform: ;


  /* Primary CTA fonts */
  --primary-cta-fonts: 400 17px/20px 'Cinzel', serif;
  --primary-cta-font-transform: uppercase;

  /* Secondary CTA fonts */
  --secondary-cta-fonts: 400 17px/20px 'Cinzel', serif;
  --secondary-cta-font-transform: uppercase;
  
 /* Form fonts */
  --form-label-fonts: 500 16px/1.5 'brandon-grotesque', sans-serif;
  --form-input-fonts: 400 13px/24px 'brandon-grotesque', sans-serif;


   --title-fonts: 'Cinzel', serif;
  	--text-fonts: 'brandon-grotesque', sans-serif;
  	--icon-fonts: 'template-icon', sans-serif;
  --logo-width: 205px;
  --logo-width-onscroll: 205px;
  --logo-height: 60px;
  --mob-logo-width: 163px; 
  --mob-logo-height: 58px;
  --mob-logo-width-onscroll: 163px;
  
    --body-bg: #ffffff;
  --text-color: #363636;
  --bg-header: #F2F2F2;
  --header-color: #572700;
  --header-active-color: ;
   --bg-footer: #572700;
    --footer-color: #ffffff;
  --top-gradient-color: #FDF4F2;
  --bottom-gradient-color: #33343A;
    --primary-color: #572700;
    --secondary-color: #F2F2F2;
  	--tertiary-color: #C8C0B7;
    --highlight-color: #C11F00;
   --bg-alt-1: #FAFAFA;
  --border-color: #363636;
     --h1-font-color: #572700;
   --h2-font-color: #572700;
   --h3-font-color: #572700;
   --h4-font-color: #363636;
   --h5-font-color: #363636;
   --h6-font-color: #363636;
   --inverse-font-color: #FFFFFF;
   --section-title-font-color: ;
  --primary-cta-color: #C11F00;
  --primary-cta-hover-color: #AA2309;
  --primary-cta-inverse-color: #33343A;
  --primary-cta-inverse-font-color: #FFFFFF;
  --primary-cta-font-color: #ffffff;
  --primary-cta-font-hover-color: #FFFFFF;
  --secondary-cta-font-color: #C11F00;
  --secondary-cta-font-hover-color: #572700;
}

/*Variable Declaration Ends*/