/* Fonts Declaration Starts */

/* @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap'); */

/* Fonts Declaration Ends */

/*Variable Declaration*/

:root {
   /* body font */
  --body-text-fonts: 400 18px/28px 'Josefin Sans', sans-serif;
  --body-fonts-text-transform: none;

  /* Extra large Headline */
  --xl-title-fonts: 500 40px /46px 'Bodoni Moda', serif;
  --mob-xl-title-fonts: 500 22px/25px 'Bodoni Moda', serif;
  --xl-title-fonts-text-transform: capitalize;

  /* H1 fonts */
  --h1-title-fonts: 500 35px/54px 'Bodoni Moda', serif;
  --mob-h1-title-fonts: 500 22px/1.2 'Bodoni Moda', serif;
  --h1-title-fonts-text-transform: capitalize;

  /* H2 fonts */
  --h2-title-fonts: 500 30px/45px 'Bodoni Moda', serif;
  --mob-h2-title-fonts: 500 22px/1.3 'Bodoni Moda', serif;
  --h2-title-fonts-text-transform: capitalize;

  /* H3 fonts */
  --h3-title-fonts: 500 24px/1.45 'Bodoni Moda', serif;
  --mob-h3-title-fonts: 500 22px/1.3 'Bodoni Moda', serif;
  --h3-title-fonts-text-transform: capitalize;

  /* H4 fonts */
  --h4-title-fonts: 400 22px/30px 'Bodoni Moda', serif;
   --mob-h4-title-fonts: 400 18px/1.2 'Bodoni Moda', serif;
   --h4-title-fonts-text-transform: capitalize;

   /* H5 fonts */
  --h5-title-fonts: 500 20px/30px 'Bodoni Moda', serif;
  --h5-title-fonts-text-transform: capitalize;

  /* H6 fonts */
  --h6-title-fonts: 500 16px/20px 'Bodoni Moda', serif;
  --h6-title-fonts-text-transform: capitalize;

  /* Stylish fonts */
   --tagline-fonts: 500 22px/18px 'Josefin Sans', sans-serif;
   --mob-tagline-fonts: 500 18px/20px 'Josefin Sans', sans-serif;
   --tagline-fonts-text-transform: capitalize;

   /* Section Title fonts */
   --section-title-fonts: 400 16px/20px 'Bodoni Moda', serif;
   --section-title-fonts-text-transform: capitalize;

  /* Header fonts */
  --header-fonts: 400 14px/28px 'Bodoni Moda', serif;
  --mob-header-fonts: 400 22px/1.2 'Josefin Sans', sans-serif;
  --header-fonts-text-transform: uppercase;

  /* Footer fonts */
  --footer-fonts: 400 18px/1.2 'Josefin Sans', sans-serif;
  --footer-fonts-text-transform: none;

  /* Primary CTA fonts */
  --primary-cta-fonts: 400 14px/normal 'Josefin Sans', sans-serif;
  --primary-cta-font-transform: uppercase;

/* Secondary CTA fonts */
  --secondary-cta-fonts: 400 16px/22px 'Josefin Sans', sans-serif;
  --secondary-cta-font-transform: uppercase;

  /* Reservation widget fonts */
 --reservation-widget-label-fonts: 400 16px/19px 'Josefin Sans', sans-serif;
 --reservation-widget-label-fonts-text-transform: capitalize;
  --reservation-widget-input-fonts: 500 20px/24px 'Bodoni Moda', serif;
  --reservation-widget-input-fonts-text-transform: capitalize;
  
  /* Form fonts */
  --form-label-fonts: 400 16px/19px 'Josefin Sans', sans-serif;
  --form-label-fonts-text-transform: capitalize;
  --form-input-fonts: 400 20px/24px 'Josefin Sans', sans-serif;


   --title-fonts: 'Bodoni Moda', serif;
  	--text-fonts: 'Josefin Sans', sans-serif;
  	--icon-fonts: 'template-icon', sans-serif;
  --logo-width: 152px;
  --logo-width-onscroll: 152px;
  --logo-height: auto;
  --mob-logo-width: 81px; 
  --mob-logo-height: auto;
  --mob-logo-width-onscroll: 81px;
  
    --body-bg: #FFFFFF;
  --text-color: #000000;
  --bg-header: #FFFFFF;
  --header-color: #152823;
  --header-active-color: ;
   --bg-footer: #FFFFFF;
    --footer-color: #000000;
  --top-gradient-color: #FDF6F5;
  --bottom-gradient-color: #D3E9E9;
    --primary-color: #502B3A;
    --secondary-color: #F8F8F4;
  	--tertiary-color: #78726D;
    --highlight-color: #502B3A;
   --bg-alt-1: #F2F8F6;
  --bg-alt-2: ;
  --bg-alt-3: ;
  --light-color: ;
    --dark-color: ;
  --border-color: rgba(0, 0, 0, 0.3);
     --h1-font-color: #502B3A;
   --h2-font-color: #502B3A;
   --h3-font-color: #502B3A;
   --h4-font-color: #502B3A;
   --h5-font-color: #502B3A;
   --h6-font-color: #502B3A;
   --inverse-font-color: #FFFFFF;
   --tagline-font-color: #502B3A;
  --section-title-font-color: #502B3A;
  --primary-cta-color: #502B3A;
  --primary-cta-hover-color: #502B3A;
  --primary-cta-inverse-color: #502B3A;
  --primary-cta-inverse-font-color: #FFFFFF;
  --primary-cta-font-color: #502B3A;
  --primary-cta-font-hover-color: #FFFFFF;
  --secondary-cta-font-color: #502B3A;
  --secondary-cta-font-hover-color: #502B3A;
}

/*Variable Declaration Ends*/