/*======================================
Theme Name: Weight Loss Surgery Kent
Theme URI: https://brandnewnotebook.co.uk
Description: Custom theme for Weight Loss Surgery Kent
Version: 1.1
Author: Brand New Notebook
Author URI: https://brandnewnotebook.co.uk
Template: Divi
======================================*/



/******VARIABLES ******/

:root {
	
	
	
	
	
    /* Primary Colors */
    --primary-blue: #2A4571;
    --primary-orange: #FB9901;
    --accent-purple: #76639C;
    --accent-teal: #00BEC9;
--accent-	
  
    /* Cutting Edge Sub-Brand Colors */
    --cutting-edge-primary-blue: #0082A1;
    --cutting-edge-secondary-blue: #26B2DB;
	 --cutting-edge-light-blue:#BFE6F2;
  
    /* Text Colors */
    --body-text-light: #ffffff;
    --body-text-dark: #4E4E45;
  
    /* Greys */
  	--grey-50: #FAFAFA;
	--grey-100: #F9F9F9;
    --grey-200: #f5f5f5;
    --grey-400: #E6E6E6;
    --grey-600: #D9D9D9;
	--grey-800: #52525B;


	 
    /* Spacing */
   --space-0:0px;
   --space-4xs: 4px; 
   --space-3xs: 8px; 
   --space-xxs: 16px; 
   --space-sm: 24px; 
   --space-md: 32px; 
   --space-lg: 48px; 
   --space-xl: 64px;
   --space-xxl: 80px;
   --space-3xl: 96px;
   --space-4xl:120px;


    /* Font family */
    --font-family: "soleil", sans-serif;
    
    /* Font weights */
     --font-weight-black: 900;
	--font-weight-bold: 700;
    --font-weight-normal: 400;
    --font-weight-medium: 500; 
    
    /* Line heights */
    --line-height-heading: 1.2em;
    --line-height-body: 1.6em;


    /* Base font size for headings and body text */
    --base-font-size: 16px; /* Adjust this as needed */
    --body-font-size: 1.13rem; /* Desktop body font size */
    --body-font-size-mobile: 1rem; /* Mobile body font size */


    /* custom font size changes */
  --font-size-tiny: 0.75rem;
    --font-size-extra-small: 0.8rem;
	--font-size-small: 0.9rem;
  
	--font-size-base: 1rem;
    --font-size-large: 1.25rem;
	


    
    /* Heading font sizes */
    --font-size-h1: 3.8rem;
    --font-size-h2: 2.8rem;
    --font-size-h3: 2.4rem;
    --font-size-h4: 2rem;
    --font-size-h5: 1.5rem;
    --font-size-h6: 1.25rem;
    
    /* Mobile heading font sizes */
    --font-size-h1-mobile: 2.2rem;
    --font-size-h2-mobile: 1.8rem;
    --font-size-h3-mobile: 1.5rem;
    --font-size-h4-mobile: 1.25rem;
    --font-size-h5-mobile: 1.125rem;
    --font-size-h6-mobile: 1rem;

      /* Mobile font sizes */
      --mobile-font-size-large: 1.125rem;
      --mobile-font-size-body: 1rem;
    
  /* Eyebrow styles */
  --eyebrow-letter-spacing: 0.05em;
  --eyebrow-font-size: 0.85rem;
  --mobile-eyebrow-font-size: 0.8rem;


  /* Smaller Eyebrow styles */
  --tiny-eyebrow-letter-spacing: 0.05em;
  --tiny-eyebrow-font-size: 0.8rem;
  --tiny-mobile-eyebrow-font-size: 0.8rem;
    }




/**********************************
        TEXT STYLES 
        *************************/

/* Base styles for headings and body text */


body {
    font-size: var(--base-font-size);
}


h1, h2, h3, h4, h5, h6, p, ul li, ol li, a {
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-normal); /* Default weight, overridden as needed */
    line-height: var(--line-height-body); /* Default line height, overridden for headings */
}




input, textarea, select, button, label {
	   font-family: var(--font-family) !important;
}

h1 { font-size: var(--font-size-h1); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }
h2 { font-size: var(--font-size-h2); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }
h3 { font-size: var(--font-size-h3); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }
h4 { font-size: var(--font-size-h4); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }
h5 { font-size: var(--font-size-h5); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }
h6 { font-size: var(--font-size-h6); line-height: var(--line-height-heading); font-weight: var(--font-weight-bold); }





.eyebrow p {

  font-weight: var(--font-weight-bold);
  letter-spacing:0.02rem;
}