/* outfit-300 - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 300;
	src: url('/css/pisma/outfit/outfit-v14-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-regular - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 400;
	src: url('/css/pisma/outfit/outfit-v14-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-500 - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 500;
	src: url('/css/pisma/outfit/outfit-v14-latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('/css/pisma/roboto/roboto-v48-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/css/pisma/roboto/roboto-v48-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/css/pisma/roboto/roboto-v48-latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

button,
a {
	all: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;

	color: var(--farba_textu);
	transition: var(--transition);
}
a:hover {
	color: var(--farba_zelena);
}

.text_center {
	text-align: center;
}
.text_udaje {
	font-size: 0.9rem;
	opacity: 0.7;
}



.text_p {
	font-size: 0.9rem; /* Výchozia veľkosť (mobily) */
	opacity: 0.7;
}
/* Väčšie mobily */
@media (min-width: 640px) {
	.text_p {
		font-size: 1rem;
	}
}
/* Tablety */
@media (min-width: 768px) {
	.text_p {
		font-size: 1.125rem;
	}
}



.nadpis_h1 {
	font-size: 2.25rem; /* Výchozia veľkosť (mobily) */
	font-weight: 500;
	margin-bottom: 2rem;
	opacity: 0.9;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	line-height: 1.25; /* leading-tight */
}
/* Väčšie mobily */
@media (min-width: 640px) {
	.nadpis_h1 {
		font-size: 2.50rem;
	}
}
/* Tablety */
@media (min-width: 768px) {
	.nadpis_h1 {
		font-size: 3.25rem;
	}
}
/* Desktopy */
@media (min-width: 1024px) {
	.nadpis_h1 {
		font-size: 3.75rem;
	}
}



.nadpis_h2 {
	font-size: 2rem; /* Výchozia veľkosť (mobily) */
	font-weight: 300;
	margin-bottom: 1rem;
	opacity: 0.9;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
/* Väčšie mobily */
@media (min-width: 640px) {
	.nadpis_h2 {
		font-size: 2.25rem;
	}
}
/* Tablety */
@media (min-width: 768px) {
	.nadpis_h2 {
		font-size: 2.5rem;
	}
}
/* Desktopy */
@media (min-width: 1024px) {
	.nadpis_h2 {
		font-size: 3rem;
	}
}



.nadpis_h3 {
	font-size: 1.25rem; /* text-xl = 20px */
	font-weight: 500; /* font-bold */
	margin-bottom: 1.5rem; /* mb-6 = 24px */
}
/* Väčšie mobily (min-width: 640px) */
@media (min-width: 640px) {
	.nadpis_h3 {
		font-size: 1.5rem; /* text-2xl = 24px */
	}
}



.nadpis_h4 {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 1rem;
}
/* Väčšie mobily (min-width: 640px) */
@media (min-width: 640px) {
	.nadpis_h4 {
		font-size: 1.25rem;
	}
}



.nadpis_h5 {
	font-size: 0.75rem;
	font-weight: bold;
	margin-bottom: 0.7rem;
}
/* Väčšie mobily (min-width: 640px) */
@media (min-width: 640px) {
	.nadpis_h5 {
		font-size: 1rem;
	}
}