/* Fonts Declaration Starts */

/* Fonts Declaration Ends */

/*Variable Declaration*/

:root {
  --body-font: 400 15px/26px 'Montserrat', sans-serif;
  --xl-title-fonts: 400 60px/70px 'Inria Serif', serif;
  --mob-xl-title-fonts:  italic 400 35px/45px 'Inria Serif', serif;
  --h1-title-fonts: italic 400 46px/50px 'Inria Serif', serif;
  --mob-h1-title-fonts:  italic 400 35px/42px 'Inria Serif', serif;
  --h2-title-fonts: italic 400 46px/50px 'Inria Serif', serif;
  --mob-h2-title-fonts: italic 400 30px/38px 'Inria Serif', serif;
  --h3-title-fonts: italic 400 30px/38px 'Inria Serif', serif;
  --mob-h3-title-fonts: italic 400 28px/35px 'Inria Serif', serif;
  --h4-title-fonts: 400 22px/30px 'Inria Serif', serif;
  --mob-h4-title-fonts: 400 22px/28px 'Inria Serif', serif;
  --h5-title-fonts: 400 18px/24px 'Inria Serif', serif;
  --h6-title-fonts: 400 12px/18px 'Inria Serif', serif;
  --tagline-fonts: 700 14px/60px 'Montserrat', sans-serif;
  --mob-tagline-fonts: 700 14px/20px 'Montserrat', sans-serif;
  --heading-fonts: italic 700 18px/22px 'Inria Serif', serif;
  --header-fonts: 600 13px/16px 'Montserrat', sans-serif;
  --mob-header-fonts: 600 22px/28px 'Montserrat', sans-serif;
  --mob-menu-active-color: ;
  --footer-fonts: 400 15px/19px 'Montserrat', sans-serif;
  --primary-cta-fonts: 500 14px/18px 'Montserrat', sans-serif;
  --primary-cta-text-transform: uppercase;
  --secondary-cta-fonts: 500 15px/18px 'Montserrat', sans-serif;
  --secondary-cta-text-transform: uppercase;
  --reservation-widget-label-fonts: 500 14px/22px 'Montserrat', sans-serif;
  --reservation-widget-input-fonts: 400 22px/28px 'Inria Serif', serif;
  --form-label-fonts: 600 14px/20px 'Montserrat', sans-serif;
  --form-input-fonts: 400 15px/26px 'Montserrat', sans-serif;
  --header-fonts-text-transform: uppercase;
  --title-fonts: 'Inria Serif', serif;
  --small-title: 700 14px/20px 'Montserrat', sans-serif;
  --text-fonts: 'Montserrat', sans-serif;
  --icon-fonts: 'template-icon', sans-serif;
--logo-width: 241px;
  --logo-width-onscroll: 241px;
  --logo-height: auto;
  --mob-logo-width: 125px; 
  --mob-logo-height: auto;
  --mob-logo-width-onscroll: 125px;
  
  --body-bg: #EBE6DE;
  --body-font-color: #2F2838;
  --bg-header: #EBE6DE;
  --header-font-color: #FFFFFF;
  --bg-footer: #796753;
  --footer-color: #FFFFFF;
  --primary-color: #796753;
  --text-color:#2F2838;
  --secondary-color: #3E2B2F;
  --tertiary-color: #78726D;
  --highlight-color: #796753;
  --bg-alt-1: #EBE6DE;
  --bg-alt-2: #EFF2F4;
  --bg-alt-3: #0A1D3B;
  --light-color: #F7F5F2;
  --dark-color: #1F1F1F;
  --border-color: #A6957D;

  --h1-font-color: #383634;
  --h2-font-color: #383634;
  --h3-font-color: #383634;
  --h4-font-color: #383634;
  --h5-font-color: #383634;
  --h6-font-color: #383634;
  --inverse-font-color: #ffffff;
  --tagline-font-color: #796753;
  --primary-cta-color: transparent;
  --primary-cta-hover-color: #796753;
  --primary-cta-inverse-color: #796753;
  --primary-cta-font-color: #796753;
  --primary-cta-font-hover-color: #FFFFFF;
  --primary-cta-inverse-font-color: #F7F5F2;
  --secondary-cta-font-color: #796753;
  --secondary-cta-font-hover-color: #796753;
  --top-gradient-color: #0000009E;
  --bottom-gradient-color: #00000000;
  --slider-control-bg-color: #F7F5F2;
  --slider-control-arrow-color: #796753;
  --slider-control-hover-bg-color: #384A3A;
  --slider-control-hover-arrow-color: #ffffff;
  --secondary-cta-font-transform:uppercase;
  --h4-title-fonts-text-transform:uppercase;
  --header-color:#3E2B2F;
  --gutter-padding: 20px;
  --gutter-margin: -20px;

  --gutter-padding-xl:  60px;
  --gutter-margin-xl:  -60px;
}

/*Variable Declaration Ends*/