/* Fonts Declaration Starts */
@import url('');
/* Fonts Declaration Ends */

/*Variable Declaration*/

:root {
   /* body font */
  --body-text-fonts: 400 20px/30px 'ITCOfficinaSansStdBookFont', sans-serif;
  --body-fonts-text-transform: none;

/* Extra large Headline */
  --xl-title-fonts: 400 60px/68px 'SudRegular', serif;
  --mob-xl-title-fonts: 400 36px/40px 'SudRegular', serif;
  --xl-title-fonts-text-transform: capitalize;

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

/* H2 fonts */
  --h2-title-fonts: 400 36px/44px 'SudRegular', serif;
  --mob-h2-title-fonts: 400 28px/32px 'SudRegular', serif;
  --h2-title-fonts-text-transform: uppercase;

/* H3 fonts */
  --h3-title-fonts: 400 24px/30px 'SudRegular', serif;
  --mob-h3-title-fonts: 400 20px/30px 'SudRegular', serif;
  --h3-title-fonts-text-transform: uppercase;

  /* H4 fonts */
  --h4-title-fonts: 400 18px/20px 'SudRegular', serif;
   --mob-h4-title-fonts: 400 18px/24px 'SudRegular', serif;
   --h4-title-fonts-text-transform: uppercase;

   /* H5 fonts */
  --h5-title-fonts: 400 14px/18px 'SudRegular', serif;
  --h5-title-fonts-text-transform: uppercase;

  /* H6 fonts */
  --h6-title-fonts: 400 14px/18px 'SudRegular', serif;
  --h6-title-fonts-text-transform: uppercase;
  
/* Stylish fonts */
   /* --tagline-fonts:  / ;
   --mob-tagline-fonts:  / ;
   --tagline-fonts-text-transform: ; */

  /* --heading-fonts:  / ; */

  /* Section Title fonts */
  /* --section-title-fonts:  / ;
  --section-title-fonts-text-transform: ; */

  /* Header fonts */
  --header-fonts: 400 40px/45px 'SudRegular', serif;
  --mob-header-fonts: 400 40px/1 'ITCOfficinaSansStdBookFont', sans-serif;
  --header-fonts-text-transform: uppercase;

/* Footer fonts */
  --footer-fonts: 400 20px/26px 'ITCOfficinaSansStdBookFont', sans-serif;
  --footer-fonts-text-transform: none;

/* Primary CTA fonts */
  --primary-cta-fonts: 400 16px/54px 'ITCOfficinaSansStdBookFont', sans-serif;
--primary-cta-font-transform: uppercase;

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

/* Reservation widget fonts */
 /* --reservation-widget-label-fonts:  / 'ITCOfficinaSansStdBookFont', sans-serif;
 --reservation-widget-label-fonts-text-transform: ;
 --reservation-widget-input-fonts:  / ;
 --reservation-widget-input-fonts-text-transform: ; */

  /* Form fonts */
  --form-label-fonts: 400 16px/1.5 'ITCOfficinaSansStdBookFont', sans-serif;
  --form-input-fonts: 400 14px/24px 'ITCOfficinaSansStdBookFont', sans-serif;

   --title-fonts: 'SudRegular', serif;
  	--text-fonts: 'ITCOfficinaSansStdBookFont', sans-serif;
  	--icon-fonts: 'template-icon', sans-serif;
  --logo-width: 324px;
  --logo-width-onscroll: 324px;
  --logo-height: 34px;
  --mob-logo-width: 195px; 
  --mob-logo-height: 20px;
  --mob-logo-width-onscroll: 195px;
  --xxl-font-color:#F7F5F2;
  
    --body-bg: #fffeee;
  --text-color: #00394A;
  --bg-header: #F2ECE1;
  --header-color: #00394A;
  --header-active-color: ;
   --bg-footer: #fffeee;
    --footer-color: #00394A;
  --top-gradient-color: #FDF6F5;
  --bottom-gradient-color: #D3E9E9;
    --primary-color: #00394A;
    --secondary-color: #B6511B;
  	--tertiary-color: #F49A34;
    --highlight-color: #B6511B;
   --bg-alt-1: #F7F5F2;
  --border-color: #988C7C;
     --h1-font-color: #A6651C;
   --h2-font-color: #A6651C;
   --h3-font-color: #A6651C;
   --h4-font-color: #A6651C;
   --h5-font-color: #A6651C;
   --h6-font-color: #A6651C;
   --inverse-font-color: #FFFFFF;
   --tagline-font-color: ;
   /* --section-title-font-color: ; */
  --primary-cta-color: #fff;
  --primary-cta-hover-color: #de923d;
  --primary-cta-inverse-color: #384A3A;
  --primary-cta-inverse-font-color: #FFFFFF;
  --primary-cta-font-color: #de923d;
  --primary-cta-font-hover-color: #ffffff;
  --secondary-cta-font-color: #de923d;
  --secondary-cta-font-hover-color: #de923d;
}

/*Variable Declaration Ends*/