/*
Theme Name: MD webdesign responsive theme
Author: Martin Domes
Version: 2022.08
Author URI: https://www.mdwebdesign.cz
(c) všechna práva vyhrazena
*/

/* základ */
* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 260px;
	background: #fff;
	color: #333;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

/* ---- záhlaví ------ */
header {
	width: 100%;
	border-bottom: 1px solid #000;
}
header section {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 1rem;
	padding: 1rem 0 0rem;
/*	outline: 1px solid red; */
}
header p#logo a {
	display: block;
	width: 100px;
	height: 100px;
	background: url(obr/logo.png) center no-repeat;
}
header a span {
	display: none;   
}

/* ------- navigace - hlavní menu ---------- */
nav {
	flex: 1;
	justify-items: center;
	align-content: center;
}
nav ul#menu-hlavni {
	list-style: none;
}
nav ul#menu-hlavni li {
	display: inline-block;
	cursor: default;
}
nav ul#menu-hlavni li a {
	display: block;
	padding: 1rem 3rem;
	color: inherit;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
}
nav ul#menu-hlavni li a:hover {
	text-decoration: underline;	
}

/* hlavní blok */
section#hlavni {
	display: flex;
	gap: 4rem;
	max-width: 1200px;
	margin: 2rem auto;
}
section#hlavni article,
section#hlavni figure {
	flex: 1;
	max-width: 50%;
}
section#hlavni figure {
	margin-top: 1rem;
}
section#hlavni figure img {
	max-width: 100%;
	height: auto;
}
section#hlavni article {
	align-content: center;
}
section#hlavni article p, 
section#hlavni article ul li {
	max-width: 450px;
	font-size: 120%;
}
section#hlavni article ul {
	margin-bottom: 1.5rem;
}
section#hlavni article p.tlac{
	margin-bottom: 0;
}

/* ----- reference ---- */
section#reference {
	padding: 4rem 4rem;
	border-top: 1px solid #000;
}
section#reference h2 {
	text-align: center;
}
section#reference div {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: center;
}
section#reference div article {
	flex: 1;
	max-width: 300px;
}
section#reference div article h3 {
	text-align: center;
}
section#reference div article a {
	text-decoration: none;
}
section#reference div article a:hover h3 {
	text-decoration: underline;
}

/* ----- zápatí ---- */
footer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 100%;
	padding: 4rem 0;
}
footer section {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
footer section h2 {
	margin-top: 0;
}
footer section p {
	font-size: 120%;
}
footer section p a {
	color: #000;
}

/* copyright */
section#spodek {
	max-width: 1200px;
	margin: 0 auto;
	padding: 4rem 0 6rem;
	text-align: center;
	font-size: 80%;
}
section#spodek a {
	color: #444;
}
footer a:hover, section#spodek a:hover {
	text-decoration: none;
}

/* ----- obsah - layout ----- */
section.obsah {
	clear: both;
	max-width: 1200px;
	min-height: 300px;
	margin: 0 auto;
	padding: 4rem 0;
}
body.page-template-default section.obsah {
	text-align: center;
}

/* ---- obsah - text --- */
/* nadpisy */
h1, h2, h3 {
	line-height: 1.15;
}
h1 {
	margin-bottom: 1.5rem;
	color: #000;
	font-size: 300%;
}
h2 {
	margin-top: 1.5rem;
	margin-bottom: 1.25rem;
	color: #444;
	font-size: 200%;
}
h3 {
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	color: #666;	
	font-size: 120%;
}

/* odstavce */
p {
	margin-bottom: 1rem;
}

/* seznamy */
section.obsah ul,
#hlavni ul  {
	margin-left: 20px;
	margin-bottom: 1rem;
	list-style: square;
	line-height: 1.4;
}
section.obsah ol {
	margin-left: 25px;
	margin-bottom: 1rem;
	line-height: 1.4;
}
section.obsah ul li, 
section.obsah ol li,
footer ul li {
	margin-bottom: 0.5rem;
}
/* odkazy */
section.obsah a {
	color: #000;
}
section.obsah h2 a {
	color: inherit;
	text-decoration: none;
}
section.obsah a:hover {
	text-decoration: none;
}
section.obsah h2 a:hover {
	text-decoration: underline;
}
/* obrázky */
a:hover img {
	opacity: 0.85;
	transition: all .2s ease-in-out;
	transform: scale(1.03);
}
.wp-block-gallery {
	margin: 2rem 0;
}

/* tlačítko	 */
p.tlac,
div.wp-block-buttons {
	white-space: nowrap;		
}
p.tlac,
div.wp-block-buttons {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
p.tlac a, 
div.wp-block-button a, 
input[type="submit"] {
	display: inline-block;
	padding: 10px 25px;
	background: #989898; 
	color: #fff;
	border: none;
	text-decoration: none;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
p.tlac a:hover,
div.wp-block-button a:hover,
input[type="submit"]:hover {
	background:  #000;
	color: #fff;
	cursor: pointer;
}

/* oddělovač */
hr {
/* nemazat */
	width: 100%;
	clear: both;
	margin-top: 2rem;
	margin-bottom: 2rem;
	background: none;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
}

/* --- 123 - abc - responzivní design */
@media all and (max-width: 1240px) { 
	/* mezera od okraje */
	header,
	section#hlavni,
	section#reference,
	section.obsah,
	footer,
	section#spodek {
		width: auto;	
		padding-left: 20px;
		padding-right: 20px;	
	}
}
@media all and (max-width: 950px) { 
	section#hlavni {
		flex-direction: column;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		text-align: center;
	}
	section#hlavni article,
	section#hlavni figure {
		max-width: 100%;
	}
	section#hlavni article p,
	section#hlavni article ul {
		max-width: 100%;
	}
	section#hlavni article ul li {
		max-width: 100%;
		margin-left: 0;
		list-style: none;
	}
}
@media all and (max-width: 700px) { 
	nav ul#menu-hlavni li a {
		padding: 1rem;
	}
}
@media all and (max-width: 500px) { 
	header {
		justify-items: center;
	}
	nav {
		display: none;
	}
}