/*
 Theme Name:   Club 8 Theme
 Theme URI:    https://club8.es
 Description:  Matija's GP Theme
 Author:       Matija Medenica
 Author URI:   https://medenica.rs
 Template:     generatepress
 Version:      0.1
*/

/* Fluid Typography Scale */

h1, .fs-h1 {
	font-size: clamp(3rem, 2.3182rem + 2.7273vi, 4.5rem);
	color: var(--green);
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1.5%;
	text-transform: uppercase;
	text-align: center;
}

h2, .fs-h2 {
	font-size: clamp(2.25rem, 1.7386rem + 2.0455vi, 3.375rem);
	color: var(--green);
}

h3, .fs-h3 {
	font-size: clamp(1.875rem, 1.4489rem + 1.7045vi, 2.8125rem);
	color: var(--green);
}

h4, .fs-h4 {
	font-size: clamp(1.5rem, 1.1591rem + 1.3636vi, 2.25rem);
	color: var(--green);
}

h5, .fs-h5 {
	font-size: clamp(1.25rem, 0.9659rem + 1.1364vi, 1.875rem);
	color: var(--green);
}

h6, .fs-h6 {
	font-size: clamp(1.125rem, 0.8693rem + 1.0227vi, 1.6875rem);
	color: var(--green);
}

p, .fs-p {
	font-size: clamp(0.6667rem, 0.5152rem + 0.6061vi, 1rem);
	color: var(--green);
	line-height: 1.25;
	margin-bottom: 0.5em;
}

h1 .highlight-font {
    font-family: var(--gp-font--beth-ellen-2);
    font-size: 1em;
	line-height: 0;
    text-transform: none; 
    display: inline-block; /* Opciono: omogućava ti da koristiš transform/pomeranje */
}

/* Border Radius */
:root{
	--radius-xs: 0.125rem;
	--radius-s: 0.25rem;
	--radius-m: 0.5rem;
	--radius-l: 1rem;
	--radius-xl: 1.5rem;
	--radius-xxl: 2rem;
	--radius-circle: 50%;
}