/*
 Theme Name:   OGD Theme
 Theme URI:    https://optimalgrowthdigital.com
 Description:  Default OGD child theme
 Author:       Perry Joynt
 Author URI:   https://optimalgrowthdigital.com
 Template:     generatepress
 Version:      0.1
*/

/* 1. DEFINE GLOBAL FLUID FONT SIZES (EASIER TO CHANGE LATER) */
:root {
  /* Headings */
  --fs-h1: clamp(3.375rem, 3.0682rem + 1.2273vw, 4.05rem);
  --fs-h2: clamp(2.5313rem, 2.3011rem + 0.9205vw, 3.0375rem);
  --fs-h3: clamp(2.1094rem, 1.9176rem + 0.767vw, 2.5313rem);
  --fs-h4: clamp(1.6875rem, 1.5341rem + 0.6136vw, 2.025rem);
  --fs-h5: clamp(1.4063rem, 1.2784rem + 0.5114vw, 1.6875rem);
  --fs-h6: clamp(1.2656rem, 1.1506rem + 0.4602vw, 1.5188rem);

  /* Paragraph/Body Text */
  --fs-p: clamp(0.9375rem, 0.8523rem + 0.3409vw, 1.125rem);
}

/* 2. APPLY THE FONT SIZES TO THE RESPECTIVE ELEMENTS */
h1, .fs-h1 { font-size: var(--fs-h1); }
h2, .fs-h2 { font-size: var(--fs-h2); }
h3, .fs-h3 { font-size: var(--fs-h3); }
h4, .fs-h4 { font-size: var(--fs-h4); }
h5, .fs-h5 { font-size: var(--fs-h5); }
h6, .fs-h6 { font-size: var(--fs-h6); }
p, .fs-p { font-size: var(--fs-p); }

/* Borrowed from Bootstrap */ 
/* Tutorial: https://youtu.be/HBriBrnRlQE?si=DLiSXEiBHt6lw91l */ 
/* Make sure you only have ONE link inside your card 😅 or this will not work!  */ 

.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}


/* Css for injecting wrapper for website */
.site-wrapper {
    max-width: 1920px;
    width: 100%;
    margin-inline: auto; /* Same as margin-left: auto; margin-right: auto; */
    overflow-x: hidden;
    box-shadow: 0px 0px 150px 0px rgba(100, 116, 130, 0.82); /* Assuming the color value */
}

.navigation-stick {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}