/*
Theme Name: Šablona pro stránky paní Suchanové
Theme URI: https://www.uxcode.cz/
Description: Šablona pro paní Suchanovou
Author: UXCode
Author URI: https://uxcode.cz
Version: 1.0.0
Text Domain: pts
*/


body, html {
	padding: 0;
	margin: 0;
}

*, ::after, ::before {
	box-sizing: border-box;
}

.container{
	@media (max-width: 1119px) {
		padding: 0 24px;
	}
	@media (min-width: 1120px) {
		padding: 0 calc(50vw - 560px);
		padding: 0 calc(50dvw - 560px);
	}
}

h1, .h1 {
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
	font-weight: 700;
	font-size: var( --font-size-h1, 32px);
	line-height: var( --line-height-h1, 48px);
}

h2, .h2 {
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
	font-weight: 700;
	font-size: var( --font-size-h2, 32px);
	line-height: var( --line-height-h2, 40px);
}

h3, .h3 {
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
	font-weight: 700;
	font-size: var( --font-size-h3, 20px);
	line-height: var( --line-height-h3, 30px);
}

body, .normal {
	font-family: Merriweather, 'Times New Roman', Times, serif;
	font-weight: 400;
	font-size: var( --font-size-normal, 16px);
	line-height: var( --line-height-normal, 24px);

	color: var(--color-black);
}

small, .small {
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
	font-weight: 400;
	font-size: var( --font-size-small, 14px);
	line-height: var( --line-height-small, 18px);

	b {
		font-weight: 600;
	}
}

.button {
	display: inline-block;
	padding: 13px 46px;
	position: relative;
	text-decoration: none;
	font-weight: 600;
}

.button:before,
.button::after{
	content: ' ';
	position: absolute;
	border: 1px solid var(--color-blue1);
	inset: 0;
	transition: all .3s;
}
.button:hover:after,
.button:before {
	transform: translate(-3px, -3px);
}
.button:hover:before,
.button::after{
	transform: translate(3px, 3px);
}

.index {
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
	font-size: var( --font-size-index, 12px);
	line-height: var( --line-height-index, 16px);
}


.Sora{
	font-family: Sora, system-ui,-apple-system,Arial,sans-serif;
}

.Merriweather{
	font-family: Merriweather, 'Times New Roman', Times, serif;
}

a {
	color: var(--color-blue1);
}

.bg_blue1 { background-color: var( --color-blue1, #003C6B); }
.bg_blue2 { background-color: var( --color-blue2, #00518E); }
.bg_black { background-color: var( --color-black, #333333); }
.bg_gray  { background-color: var( --color-gray , #EAE9EE); }
.bg_white { background-color: var( --color-white, #FFFFFF); }

.col_blue1 { color: var( --color-blue1, #003C6B); }
.col_blue2 { color: var( --color-blue2, #00518E); }
.col_black { color: var( --color-black, #333333); }
.col_gray  { color: var( --color-gray , #EAE9EE); }
.col_white { color: var( --color-white, #FFFFFF); }