/*
 Theme Name:   NepaTech Solutions
 Theme URI:    https://nepatech.co.uk/
 Description:  Default theme for NepaTech Solutions
 Author:       Nepatech Solutions Team
 Author URI:   https://nepatech.co.uk/
 Template:     generatepress
 Version:      1.0
*/


/* ========== TABLE OF CONTENTS ========== 

1. Typography
2. Global Styles


======================================== */

/*** 1. Typography ***/


:root {
	--gp-font--headings: 'Outfit', sans-serif;
    --gp-font--body: 'Inter', sans-serif;
	
  --fs-body-xs: clamp(0.75rem, 0.709rem + 0.18vw, 0.85rem);  
  --fs-body-s: clamp(0.875rem, 0.824rem + 0.225vw, 1rem);    
  --fs-body: clamp(1rem, 0.949rem + 0.225vw, 1.125rem);   
  --fs-body-l: clamp(1.125rem, 1.074rem + 0.225vw, 1.25rem);
  --fs-body-xl: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);   

  /* Heading font sizes */
  --fs-heading-xs: clamp(1rem, 0.899rem + 0.45vw, 1.25rem);     
  --fs-heading-s: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);
  --fs-heading-m: clamp(1.5rem, 1.297rem + 0.901vw, 2rem); 
  --fs-heading-l: clamp(1.75rem, 1.649rem + 0.45vw, 2rem);  
  --fs-heading-xl: clamp(2rem, 1.747rem + 1.126vw, 2.625rem); 
  --fs-heading-xxl: clamp(2.25rem, 1.946rem + 1.351vw, 3rem);    
  --fs-display: clamp(3rem, 2.595rem + 1.802vw, 4rem);        
  --fs-heading-sub: clamp(0.938rem, 0.912rem + 0.113vw, 1rem); 
}


.ff-body {
  font-family: var(--gp-font--body);
}

.ff-heading {
  font-family: var(--gp-font--headings);
}

/* ================================
   Body Text
   ================================ */

p {
  font-family: var(--gp-font--body); 
  font-size: var(--fs-body);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

/* ================================
   Headings
   ================================ */

h1, h2, h3, h4, h5, h6,
[class^="hd-"] {
  font-family: var(--gp-font--headings);
  font-weight: 700;
  margin-bottom: 0.5em;
}

/* Specific heading sizes */

h1, .hd-1 {
  font-size: var(--fs-heading-xxl);
  line-height: 1.1;
}

h2, .hd-2 {
  font-size: var(--fs-heading-xl);
  line-height: 1.15;
}

h3, .hd-3 {
  font-size: var(--fs-heading-l);
  line-height: 1.2;
}

h4, .hd-4 {
  font-size: var(--fs-heading-m);
  line-height: 1.3;
}

h5, .hd-5 {
  font-size: var(--fs-heading-s);
  line-height: 1.4;
}

h6, .hd-6 {
  font-size: var(--fs-heading-xs);
  line-height: 1.5;
}

/* ================================
   Text Utility Classes
   ================================ */

.hd-body-xs {
  font-family: var(--gp-font--body); 
  font-size: var(--fs-body-xs);
  font-weight: 400;
}

.hd-body-s {
  font-family: var(--gp-font--body); 
  font-size: var(--fs-body-s);
  font-weight: 400;
}

.hd-body-l {
  font-family: var(--gp-font--body); 
  font-size: var(--fs-body-l);
  font-weight: 400;
}

.hd-body-xl {
  font-family: var(--gp-font--body);
  font-size: var(--fs-body-xl);
  font-weight: 400;
}

/* Large display heading */

.hd-large {
  font-size: var(--fs-display);
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0.5em;
}

/* Subheading style */

.hd-sub {
  font-size: var(--fs-heading-sub);
  text-transform: uppercase; 
  letter-spacing: .1em;
}


 /* Add top margin to blog post H2-H6 */

.single-post :is(h2, h3, h4, h5, h6) {
	margin-top: 1.5em;
}


/* Button Global Line Height */
.gb-button {
    line-height: 1em;
}

/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}


/*** 4.Global Styles  ***/

:root {
    --width-xl: 92rem;
    --width-m: 65rem;
	--width-s: 51rem;
    --width-xs: 38rem;
	--width-xss: 27rem;
}