/*
 Theme Name:   Nepanigrani
 Theme URI:    https://nepanigrani.com
 Description:  Default theme for Nepalnigrani
 Author:       Nepalnigrani Team
 Author URI:   https://nepalnigrani.com
 Template:     generatepress
 Version:      1.0
*/


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

1. Typography
2. Global Styles
3. Hystmodal

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


/*** 1.Topography  ***/

:root {
  --gp-font--mukta: Mukta, sans-serif;
  --fs-body-xs: clamp(0.75rem, 0.709rem + 0.18vw, 0.85rem);   /* ~12–13.6px */
  --fs-body-s: clamp(0.875rem, 0.824rem + 0.225vw, 1rem);    /* ~14–16px */
  --fs-body: clamp(1.125rem, 1.074rem + 0.225vi, 1.25rem);  
  --fs-body-l:clamp(1.125rem, 1.074rem + 0.225vw, 1.25rem);  /* ~18–20px */
  --fs-body-xl: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);     /* ~20–24px */
  /*  --fs-heading-xs:  clamp(1rem, 0.957rem + 0.216vw, 1.125rem); /* 16-18 */
 /*  --fs-heading-s: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);  /* ~20–24px */
 /* --fs-heading-m: clamp(1.5rem, 1.297rem + 0.901vw, 2rem);   /* ~24–30px */
 /* --fs-heading-l: clamp(1.75rem, 1.649rem + 0.45vw, 2rem);     /* ~28–36px */
  --fs-heading-l: 1.0625rem;   
  /*--fs-heading-xl:  clamp(1rem, 0.957rem + 0.216vw, 1.125rem) ;     /* ~16-18px */
  --fs-heading-xl: 1.125rem;     /* ~16-18px */
  --fs-heading-xxl: clamp(1.875rem, 1.63rem + 1.087vi, 2.5rem);     /* ~28–32px (max) */
  --fs-display: clamp(1.625rem, 1.754rem + -0.647vw, 1.25rem);            /* ~48–64px*/

}

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


h1, h2, h3, h4, h5, h6, 
.hd-1, .hd-2, .hd-3, .hd-4, .hd-5, .hd-6 {
  font-family:  var(--gp-font--mukta);
  font-weight: 600;
  margin-bottom: 0.5em;
}

/* ===== Text Utility Classes ===== */
.hd-body-xs {
  font-family:  var(--gp-font--mukta);
  font-size: var(--fs-body-xs);
  font-weight: 400;
}

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

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

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

/* ===== Heading Styles ===== */
h1, .hd-1 {
  font-size: var(--fs-heading-xxl);
  line-height: 1.5;
  font-weight: 700;
}

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

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

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

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

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


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




 /* 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;
}


/*** 2.Global Styles  ***/

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


/*** 4.Hystmodal  ***/
	


/*** 3. Social Sharing ***
/* Social Sharing */
.gpheisen-social-wrapper {
    display: flex;
    gap: 8px;
}

.gpheisen-social-sharing {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 32px;
    border-radius: 4px; 
    text-decoration: none;
    color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gpheisen-social-sharing svg {
    width: 0.9em;
    height: 0.9em;
    fill: white; 

}

/* Individual button colors */
.gpheisen-social-facebook {
    background-color: #1877F2;
}

.gpheisen-social-x {
    background-color: #000000;
}

.gpheisen-social-whatsapp {
    background-color: #25D366;
}

.gpheisen-social-reddit {
    background-color: #FF4500;
}

.gpheisen-social-pinterest {
    background-color: #E60023;
}

/* Hover effect */
.gpheisen-social-sharing:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}


/* Hover effect for follow */

.follow-media:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}