/* Fonts Declaration Starts - This must be first line of the CSS File - Even merged */ 
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*/
/* Fonts Declaration Ends */

/*Variable Declaration*/

:root {

    /* Common Body */
    --body-text-fonts: 400 16px/170% 'Inter', sans-serif;
    --body-fonts-text-transform: none;
    --text-fonts: 'Inter', sans-serif;
    --body-bg: #FFFFFF;
    --text-color: #0A1E14;


    /* SVG Icons Converted to Fonts */
    --icon-fonts: 'template-icon', sans-serif;


    /* Marketting Headline / Extreme Large Title Fonts */
    --xl-title-fonts: 700 70px/100% 'Montserrat', sans-serif;
    --xl-title-fonts-text-transform: uppercase;


    --mob-xl-title-fonts: 700 32px/100% 'Montserrat', sans-serif;


    
    /* H1 */
    --h1-title-fonts: 700 60px/100% 'Montserrat', sans-serif;
    --h1-title-fonts-text-transform: uppercase;
    --h1-font-color: #0A1E14;


    --mob-h1-title-fonts: 700 40px/120% 'Montserrat', sans-serif;


    
    /* H2 */
    --h2-title-fonts: 700 50px/100% 'Montserrat', sans-serif;
    --h2-title-fonts-text-transform: uppercase;
    --h2-font-color: #0A1E14;


    --mob-h2-title-fonts: 700 30px/120% 'Montserrat', sans-serif;


    
    /* H3 */
    --h3-title-fonts: 400 40px/120% 'Montserrat', sans-serif;
    --h3-title-fonts-text-transform: none;
    --h3-font-color: #0A1E14;


    --mob-h3-title-fonts: 400 24px/140% 'Montserrat', sans-serif;


    
    /* H4 */
    --h4-title-fonts: 400 24px/120% 'Montserrat', sans-serif;
    --h4-title-fonts-text-transform: none;
    --h4-font-color: #0A1E14;


    --mob-h4-title-fonts: 400 22px/120% 'Montserrat', sans-serif;


    
    /* H5 */
    --h5-title-fonts: 400 20px/120% 'Montserrat', sans-serif;
    --h5-title-fonts-text-transform: none;
    --h5-font-color: #0A1E14;


    --mob-h5-title-fonts: 400 18px/120% 'Montserrat', sans-serif;


    
    /* H6 */
    --h6-title-fonts: 400 18px/100% 'Montserrat', sans-serif;
    --h6-title-fonts-text-transform: none;
    --h6-font-color: #0A1E14;


    --mob-h6-title-fonts: 400 16px/100% 'Montserrat', sans-serif;


    
    /* Stylish Fonts */
    --tagline-fonts: 400 18px/100% 'Montserrat', sans-serif;
    --tagline-font-color: #216245;


    --mob-tagline-fonts: 400 18px/100% 'Montserrat', sans-serif;


    
    /* Other Heading Title */
    --section-title-fonts: 400 18px/120% 'Montserrat', sans-serif;
    --section-title-fonts-text-transform: none;
    --section-title-font-color: #216245;


    --mob-section-title-fonts: var(--section-title-fonts);


    
    /* Header */
    --header-fonts: 400 16px/170% 'Inter', sans-serif;
    --header-fonts-text-transform: none;
    --bg-header: #FFFFFF;
    --header-color: #0A1E14;
    --header-active-color: ;


    --mob-header-fonts: 400 20px/140% 'Inter', sans-serif;


    
    /* Footer */
    --footer-fonts: 400 14px/160% 'Inter', sans-serif;
    --footer-fonts-text-transform: none;
    --bg-footer: #0A1E14;
    --footer-color: #FFFFFF;


    
    /* Primary Button */
    --primary-cta-fonts: 700 14px/140% 'Inter', sans-serif;
    --primary-cta-font-transform: uppercase;
    --primary-cta-color: #216245;
    --primary-cta-hover-color: #FFFFFF;
    --primary-cta-font-color: #FFFFFF;
    --primary-cta-font-hover-color: #0A1E14;


    
    /* Secondary / Text Only Button */
    --secondary-cta-fonts: 400 14px/160% 'Inter', sans-serif;
    --secondary-cta-font-transform: uppercase;
    --secondary-cta-font-color: #0A1E14;
    --secondary-cta-font-hover-color: #216245;


    
    /* Reservation Widget Form */
    --reservation-widget-label-fonts: 400 16px/170% 'Inter', sans-serif;
    --reservation-widget-label-fonts-text-transform: none;
    
    --reservation-widget-input-fonts: 400 16px/170% 'Inter', sans-serif;
    --reservation-widget-input-fonts-text-transform: none;


    
    /* Common Form */
    --form-label-fonts: 400 16px/170% 'Inter', sans-serif;
    --form-label-fonts-text-transform: none;
    
    --form-input-fonts: 400 16px/170% 'Inter', sans-serif;
    
    
    /* Logo */
    --logo-width: 169px;
    --logo-width-onscroll: 169px;
    --logo-height: 73px;

    
    --mob-logo-width: 169px; 
    --mob-logo-height: 73px;
    --mob-logo-width-onscroll: 169px;

    
    
    
    
    /* Gradients */
    --top-gradient-color: ;
    --bottom-gradient-color: ;



    /* Colors */
    --primary-color: #0A1E14;
    --secondary-color: #F5F5F5;
    --tertiary-color: #9BC5B7;
    --highlight-color: #216245;
    --bg-alt-1: #F5F5F5;
    --border-color: #B5B5B5;
    --generic-gradient-bg-color: linear-gradient(122.25deg, #F5F5F5 0%, #D0F9E7 100%);



    /* Inverse - Over Dark Colored BG or ViseVersa */
    --inverse-font-color: #FFFFFF;
    --primary-cta-inverse-color: #FFFFFF;
    --primary-cta-inverse-font-color: #0A1E14;
  
  
    /* Border Radius */
  	--border-radius: 5px;
  	--primary-cta-border-radius: 3px;
  
  
    /* Error Message */
  	--error-message-color: #B42318;
  	--inverse-error-message-color: #FEF3F2;
}

/*Variable Declaration Ends*/