/*
Theme Name: Machálek
Description: Čistá přestavba původní šablony „Minimal WordPress Portfolio“ (Curt Ziegler) pro petrmachalek.cz.
Version: 2.0
Author: Curt Ziegler (design), přestavba 2026
Text Domain: machalek
*/

/* Quando, lokálně (dříve Google Fonts) */
@font-face {
	font-family: 'Quando';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/xMQVuFNaVa6YuW0ZAq-yC3zAmR-b.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Quando';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/xMQVuFNaVa6YuW0ZDK-yC3zAmQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html, body, form,
h1, h2, h3, h4, h5, h6,
p, img, a
{
	margin:0;
	padding:0;
	outline:0;
	border:0;
}

/* EDIT THE PRIMARY COLOR HERE!! */
h3, a, .tagline p a, UL.clean LI a:hover, UL.large LI a:hover span
{
	color:#ff6633;
}

h1, h2, h3 {
	font-family: 'Quando', serif;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	background:url(images/bg_top_outer.jpg) repeat-x top;
}	

h1, h2, h3, h4, h5, h6 {  padding:8px 0; }
h1 { font-size:2.4em; color:#333; }
h2 { font-size:2.2em; color:#333; }
h3 { font-size:1.6em; }
h4 { font-size:1.5em; color:#777; }
h5 { font-size:1.4em; color:#333; }
h6 { font-size:1.2em; color:#333; letter-spacing:-0.02em; }

hr
{
	color:#fff;
	background-color:#fff;
	border:1px dotted #ccc;
	border-style:none none dotted; 
}

p
{
	padding:8px 0;
	line-height:140%;
}	
LI
{
	padding:3px 0;
}
a
{
	text-decoration:none;
}
a:hover
{
	color:#333;
}


.line
{
	border-bottom:1px dotted #ccc;
}

.pod
{
	padding:0 0 20px 0;
}


/* If nested UL's used in something such as a category list */
/* Does not work in IE6 but everything modern. */
.pod UL LI > UL
{
	margin:0;
	padding:3px 0 3px 20px;
}
.pod UL
{
	margin:0;
	padding:0;
}

.pod UL LI
{
	list-style-type:none;
	margin:0;
	padding:3px 0;
}

.alternate, .hidden
{
	display:none;
}

.contentwidth
{
	width:940px;
	margin:0 auto;
}

.left
{
	float:left;
}
.right
{
	float:right;
}

img.border-thin
{
	padding:1px;
	border:1px solid #ededee;
}
img.border-thick
{
	padding:1px;
	border:4px solid #ededed;
}
img.left,
img.alignleft
{
	float:left;
	margin:0 10px 10px 0;
}
img.right,
img.alignright
{
	float:right;
	margin:0 0 10px 10px;
}
img.center,
img.aligncenter
{
	display:block;
	margin:0 auto;
}



.main
{
	background:url(images/bg_top_inner.jpg) repeat-x top;
	padding-bottom:20px;
}


.logo
{
	padding:40px 0 0px 0;
}
.logo h1
{
	margin:0;
	padding:0;
	text-align:right;
	font-weight:normal;
	font-size:1em;

}

.logo h1 a {
	color: black;
	font-family: sans-serif;
}

.menu
{
	padding:20px 0;
	text-align:center;
}
/* Obal menu – původní šablona tu měla vnořený UL, odtud dvojitá linka nahoře */
.menu .menu-outer
{
	padding-top:2px;
	border-top:1px dotted #afafaf;
	border-bottom:1px dotted #afafaf;
}
.menu UL
{
	margin:0 auto;
	padding:2px 0 0 0;
	border-top:1px dotted #afafaf;
	border-bottom:1px dotted #afafaf;
	text-align:center;
	/*width:80%*/
}
.menu UL LI
{
	list-style-type:none;
	display:inline;
}
.menu UL LI a
{
	padding:0 20px;
	line-height:40px;
	color:#afafaf;
	text-transform:uppercase;
	font-weight:bold;
}
.menu UL LI a:hover,
.menu UL LI a.active,
.menu UL LI.current_page_item a,
.menu UL LI.current_page_parent a,
.current_page_item a
{
	color:#333;
}

UL.sub-menu
{
	margin:0;
	padding:0;
}
UL.sub-menu LI
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
UL.sub-menu LI a
{
	padding:5px 10px 0 0;
	font-size:75%;
}
UL.sub-menu LI a.active
{
	color:#333;
}
UL.footer-menu
{
	margin:0;
	padding:0;
}
UL.footer-menu LI
{
	display:inline;
	text-align:center;
}
UL.footer-menu LI a
{
	padding:0 5px;
	font-size:95%;
}

.tagline
{
	padding:20px 0;
	font-family: 'Quando', serif;
}
.tagline p
{
	text-align:center;
	font-size:2.5em;
	color:#afafaf;
	line-height:1.1em;
	letter-spacing:-0.04em;
	background:#fff; /* Only needed if you fade in the tagline with jquery, IE leaves a jagged look */
}
.tagline p.small {
	font-size:  1.5em;
}
.tagline p a:hover
{
	color:#333;
}

p.tags a
{
	background:#eee;
	padding:1px 6px;
	border-left:2px solid #ddd;
}


UL.clean
{
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
}
UL.clean LI
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
UL.clean LI a
{
	color:#333;
	display:block;
	border-bottom:1px solid #ccc;
	padding:6px 10px;
	font-size:90%;
}
UL.clean LI a.highlight
{
	background:#f0f0f0;
}
UL.clean LI a span
{
	margin-right:10px;
}
.column
{
	float:left;
	margin-right:40px;
	padding:20px 0;
}
.last
{
	margin:0;
}
.column300
{
	width:300px;
}
.column600
{
	width:600px;
}
.commentslink
{
	padding-top:20px;
}
.meta
{
	padding:3px 10px;
	font-size:75%;
	background:#efefef;
}
.date
{
	padding-right:10px;
	font-weight:bold;
}

a.rss
{
	background:url(images/icon_rss.gif) no-repeat bottom right;
	height:24px;
	width:15px;
}

UL.social
{
	margin:0;
	padding:0;
}
UL.social LI
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
UL.social LI a
{
	display:block;
	float:left;
	width:32px;
	height:32px;
	padding:0 15px 20px 0;
	background-repeat:no-repeat;
}


UL.large
{
	margin:0;
	padding:0;
}
UL.large LI
{
	list-style-type:none;
	margin:0;
	padding:0;
}
UL.large LI a
{
	padding:20px 0 20px 80px;
	display:block;
	color:#afafaf;
	font-size:110%;
	background-position:left center;
	background-repeat:no-repeat;
}
UL.large LI a:hover
{
	color:#333;
}
UL.large LI a:hover span.heading
{
	color:#333;
}
UL.large span
{
	display:block;
}
UL.large span.heading
{
	font-size:1.4em;
	font-weight:bold;
	font-family: 'Quando', serif;
	color:#333;
}
UL.large span.summary
{
	font-weight:bold;
}

.footer-outer
{
	background:#f0f0f0;
	border-top:1px solid #f0f0f0;
}
.footer .contentwidth
{
	padding:20px 0 80px 0;
}
.footer
{
	background:#f0f0f0 url(images/bg_bottom_outer.gif) repeat-x top;
	text-align:center;
	color:#afafaf;
	font-size:80%;
}


.excerpt
{
	font-size:85%;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}





/* clearfix start */ 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
}

.hid {
	display: none;
}
/* clearfix end */ 
.prispevek p{
	font-size: 15px;
	line-height: 25px;
}


/* Responzivita (doplněno při přestavbě) */
.entry img
{
	max-width:100%;
	height:auto;
}
@media (max-width: 979px)
{
	.contentwidth
	{
		width:auto;
		margin:0 16px;
	}
	.column,
	.column300,
	.column600
	{
		float:none;
		width:auto;
		margin-right:0;
	}
	.menu UL LI
	{
		display:inline-block;
	}
	.menu UL LI a
	{
		padding:0 10px;
		line-height:32px;
	}
	.tagline p
	{
		font-size:1.8em;
	}
	.tagline p.small
	{
		font-size:1.2em;
	}
}