/*  
Theme Name: Modern Interior Theme
Theme URI: http://bloggingzone.info
Description: Modern Interior theme for wordpress - Modernized for PHP 8.5+ & HTML5
Version: 2.0
Author: Ophelia Nicholson
Author URI: http://ophelianicholson.com
*/

/* ==========================================================================
   1. General / Obecné styly
   ========================================================================== */
body {
	margin: 0;
	background: #c7b6a0;
}

h1, h2, h3, h4 {
	margin: 0;
}

img {
	border: 0;
	max-width: 100%; /* Ochrana proti přetékání velkých obrázků */
	height: auto;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* ==========================================================================
   2. Page Wrapper / Hlavní obal webu
   ========================================================================== */
#page, 
.site-container {
	margin: 0 auto;
	width: 1004px;
	background: url("images/page.jpg") no-repeat;
}

/* ==========================================================================
   3. Header / Hlavička
   ========================================================================== */
#header, 
.site-header {
	width: 1004px;
	height: 380px;
	position: relative;
}

	/* Header - Info / Název a popis webu */
	#header #header-info, 
	.site-branding {
		position: absolute;
		top: 250px;
		left: 20px;
	}
	
	#header #header-info h1, 
	.site-title {
		color: #850000;
		font: bold 25px Verdana;
		padding-bottom: 5px;
	}
	
	#header #header-info h1 a, 
	.site-title a {
		color: #850000;
		text-decoration: none;
	}
	
	#header #header-info .description, 
	.site-description {
		color: #ffffff;
		font: bold 15px Verdana;
	}
	
	/* Header - Menu / Hlavní navigace */
	#header #header-menu, 
	.main-navigation {
		position: absolute;
		top: 327px;
		left: 4px;
		height: 31px;
	}
	
	#header #header-menu ul,
	.main-navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 47px;
	}
	
	#header #header-menu ul li,
	.main-navigation ul li {
		float: left;
		height: 47px;
		font: bold 10px/47px Verdana;
		color: #ffffff;
		background: url("images/header_menu_left.png") no-repeat;
		text-transform: uppercase;
	}
	
	#header #header-menu ul li a,
	.main-navigation ul li a {
		color: #ffffff;
		padding-right: 18px;
		margin-left: 18px;
		text-decoration: none;
		background: url("images/header_menu_right.png") no-repeat right top;
		display: block;
	}
	
	#header #header-menu ul li a:hover,
	.main-navigation ul li a:hover,
	.main-navigation ul li a:focus {
		text-decoration: underline;
	}
	
	/* Skrytí víceúrovňových podmenu (zachováno z pův. šablony) */
	#header #header-menu ul li ul,
	.main-navigation ul li ul {
		display: none;
	}
	
	/* Header - Feed */
	#header #header-feed {
		position: absolute;
		top: 319px;
		left: 944px;
		width: 43px;
		height: 43px;
	}

/* ==========================================================================
   4. Main Layout / Struktura obsahu a sidebarů
   ========================================================================== */
#main, 
.site-main {
	width: 1004px;
}

	/* Main - Content / Obal pro výpisy a články */
	#content, 
	.site-main-content {
		float: left;
		width: 575px;
		padding: 7px 7px 0 10px;
	}
	
	/* Main - Content - Post / Samotný článek */
	#content .post, 
	article.post {
		color: #181715;
		float: left;
		margin-bottom: 35px;
		width: 575px;
		background: url("images/post.gif");
	}
	
		/* Post - Title / Záhlaví článku */
		#content .post .post-title, 
		article.post header.post-title,
		article.post .post-meta {
			width: 537px;
			height: auto; /* Změněno z 35px na auto kvůli víceřádkovým metadatům */
			min-height: 35px;
			padding: 12px 19px 5px 19px;
			background: url("images/post_title.gif") no-repeat;
			color: #181715;
			font: normal 12px Arial, Verdana;
		}
		
		#content .post .post-title a, 
		article.post header.post-title a {
			color: #181715;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover, 
		article.post header.post-title a:hover {
			text-decoration: underline;
		}
		
		/* Post - Date / Kalendářní ikona u článku */
		#content .post .post-title .post-date, 
		article.post .post-date {
			float: left;
			width: 49px;
			height: 48px;
			margin-right: 10px;
			text-align: center;
			color: #ffffff;
			font: bold 13px Arial, Verdana;
		}
		
		#content .post .post-title .post-date span, 
		article.post .post-date span.day {
			margin: 5px 0 3px 0;
			display: block;
		}
		
		/* Post - Headings / Nadpisy */
		#content .post .post-title h2, 
		article.post header.post-title h1, 
		article.post header.post-title h2 {
			padding: 5px 0;
			color: #9f0000;
			font: normal 17px Arial, Verdana;
		}
		
		#content .post .post-title h2 a, 
		article.post header.post-title h1 a, 
		article.post header.post-title h2 a {
			color: #9f0000;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover, 
		article.post header.post-title h1 a:hover, 
		article.post header.post-title h2 a:hover {
			text-decoration: underline;
		}
		
		/* Post - Entry / Textové tělo článku */
		#content .post .post-entry, 
		article.post .post-entry {
			font: normal 12px/18px Arial, Verdana;
			color: #181715;
			padding: 0 20px;
			width: 535px;
		}
		
		#content .post .post-entry a, 
		article.post .post-entry a {
			color: #9f0000;
			text-decoration: none;
		}
		
		#content .post .post-entry a:hover, 
		article.post .post-entry a:hover {
			text-decoration: underline;
		}
		
		/* Post - More link / Odkaz Číst více */
		#content .post .post-entry .more-link, 
		article.post .post-entry .more-link {
			font: bold 12px/18px Arial, Verdana;
			color: red;
			float: right;
			margin-bottom: 5px;
		}
		
		#content .post .post-entry .more-link a, 
		article.post .post-entry .more-link a {
			color: red;
			text-decoration: none;
		}
		
		#content .post .post-entry .more-link a:hover, 
		article.post .post-entry .more-link a:hover {
			text-decoration: underline;
		}
		
		/* Post - Info / Patička článku */
		#content .post .post-info, 
		article.post footer.post-info {
			clear: both;
			width: 535px;
			font: bold 12px Arial, Verdana;
			color: #9f0000;
			background: url("images/post_info.gif") no-repeat left bottom;
			height: 35px;
			padding: 15px 20px 0 20px;
		}
		
		#content .post .post-info a, 
		article.post footer.post-info a {
			color: #9f0000;
			text-decoration: none;
		}
		
		#content .post .post-info a:hover, 
		article.post footer.post-info a:hover {
			text-decoration: underline;
		}

/* ==========================================================================
   5. Comments / Komentáře a formulář
   ========================================================================== */
	#content .post h3, 
	.comments-area h3 {
		color: #9f0000;
		font: normal 15px Arial, Verdana;
		margin: 20px 0 10px 0;
		padding: 0 20px;
		width: 535px;
	}
	
	#content .post .comments, 
	.comments-area .comments {
		padding: 0 20px;
		width: 535px;
		font: normal 12px/18px Arial, Verdana;
		color: #181715;
	}
	
	#content .post .comments ol, 
	.comments-area .comments ol {
		margin: 10px 0;
		padding-left: 25px;
	}
	
	#content .post .comments ol li, 
	.comments-area .comments ol li,
	.comments-area .comments ol ul.children li {
		padding: 5px;
	}
	
	#content .post .comments ol li a, 
	.comments-area .comments ol li a {
		color: #9f0000;
		text-decoration: none;
	}
	
	#content .post .comments ol li a:hover, 
	.comments-area .comments ol li a:hover {
		text-decoration: underline;
	}
	
	#content .post .comments ol li.alt, 
	.comments-area .comments ol li.alt {
		background: #ab9578;
	}
	
	#content .post .comments ol li cite, 
	.comments-area .comments ol li cite {
		color: #9f0000;
		font-style: normal;
		font-weight: bold;
	}
	
	#content .post .comments ol li cite a, 
	.comments-area .comments ol li cite a {
		color: #9f0000;
		text-decoration: none;
	}
	
	#content .post .comments ol li cite a:hover, 
	.comments-area .comments ol li cite a:hover {
		text-decoration: underline;
	}
	
	#content .post .comments ol li .commentmetadata a, 
	.comments-area .comments ol li .commentmetadata a {
		color: #9f0000;
		text-decoration: none;
	}
	
	#content .post .comments ol li .commentmetadata a:hover, 
	.comments-area .comments ol li .commentmetadata a:hover {
		text-decoration: underline;
	}
	
	/* Formulář komentářů */
	#content .post #commentform, 
	.comments-area #commentform,
	.comments-area .comment-respond {
		margin: 0;
		payin ?? 20px;
		width: 535px;
		font: normal 12px/18px Arial, Verdana;
		color: #181715;
	}
	
	#content .post #commentform a, 
	.comments-area #commentform a {
		color: #9f0000;
		text-decoration: none;
	}
	
	#content .post #commentform a:hover, 
	.comments-area #commentform a:hover {
		text-decoration: underline;
	}

/* ==========================================================================
   6. Navigation / Stránkování příspěvků
   ========================================================================== */
	#content .navigation {
		width: 575px;
		height: 47px;
		margin-bottom: 30px;
		float: left;
		font: bold 10px/47px Verdana;
		color: #ffffff;
		text-transform: uppercase;
	}
	
	#content .navigation a {
		height: 47px;
		background: url("images/header_menu_right.png") no-repeat right top;
		display: block;
		color: #ffffff;
		padding-right: 35px;
		margin-left: 35px;
		text-decoration: none;
	}
	
	#content .navigation a:hover {
		text-decoration: underline;
	}
	
	#content .navigation .navigation-previous {
		float: left;
		background: url("images/header_menu_left.png") no-repeat;
	}
	
	#content .navigation .navigation-next {
		float: right;
		background: url("images/header_menu_left.png") no-repeat;
	}

/* ==========================================================================
   7. Sidebar / Boční panely
   ========================================================================== */
#sidebar, 
.widget-area-wrapper {
	float: left;
width: 410px;
font: normal 12px/18px Arial, Verdana;
color: #000000;
background: url("images/sidebar.gif") repeat-y;
}#sidebar-top {width: 410px;
padding-top: 10px;
background: url("images/sidebar_top.gif") no-repeat;
}#sidebar-bottom {width: 410px;
min-height: 100px;
padding-bottom: 25px;
background: url("images/sidebar_bottom.gif") no-repeat left bottom;
}#sidebar a,.widget-area-wrapper a {color: #9f0000;
text-decoration: none;
}#sidebar a:hover,.widget-area-wrapper a:hover {text-decoration: underline;
}#sidebar #sidebar-left,.column-left {float: left;
width: 179px;
padding-left: 13px;
}#sidebar #sidebar-right,.column-right {float: right;
width: 179px;
padding-right: 13px;
}/* Sidebar - Titles / Nadpisy widgetů */#sidebar h3,.widget-area-wrapper h3,.widget-area-wrapper .widget-title {padding-left: 15px;
font: bold 13px/30px Arial, Verdana;
color: #ffffff;
text-transform: uppercase;
background: #a00000;
}#sidebar h3.first {font: bold 13px/29px Arial, Verdana;
background: none;
}/* Sidebar - Menus / Seznamy odkazů ve widgetech */#sidebar ul,.widget-area-wrapper ul {margin: 6px auto 16px auto;
padding: 0;
list-style-type: none;
width: 158px;
}#sidebar ul li,.widget-area-wrapper ul li {color: #000000;
padding-left: 10px;
font: normal 12px/28px Arial, Verdana;
border-bottom: 1px dotted #980000;
}#sidebar ul li a,.widget-area-wrapper ul li a {color: #000000;
text-decoration: none;
}#sidebar ul li a:hover,.widget-area-wrapper ul li a:hover {text-decoration: underline;
}#sidebar ul li ul,.widget-area-wrapper ul li ul {margin: 0;
padding: 0;
list-style-type: none;
width: 145px;
}#sidebar ul li ul li,.widget-area-wrapper ul li ul li {border-bottom: none;
padding-left: 5px;
}/* Sidebar - Vyhledávací formulář */#sidebar #searchform,.widget-area-wrapper #searchform,.widget-area-wrapper .search-form {margin: 0 auto;
padding: 20px 0;
width: 145px;
text-align: center;
}#sidebar #searchform #s,.widget-area-wrapper .search-field {width: 145px;
max-width: 100%;
box-sizing: border-box;
}/* Sidebar - Kalendář */#sidebar #calendar_wrap,.widget-area-wrapper #calendar_wrap,.widget-area-wrapper .wp-calendar-wrapper {margin: 5px auto 10px auto;
width: 130px;
}#sidebar #calendar_wrap caption,.widget-area-wrapper table caption {font-weight: bold;
}#sidebar #calendar_wrap tbody,.widget-area-wrapper table tbody {text-align: right;
}#sidebar #calendar_wrap #today,.widget-area-wrapper table #today {font-weight: bold;
}/* Sidebar - Textový widget */#sidebar .textwidget,.widget-area-wrapper .textwidget {padding: 5px 10px 10px 10px;
box-sizing: border-box;
}/* ==========================================================================8. Footer / Patička========================================================================== /#footer,.site-footer {width: 1004px;
height: auto;
 / Změněno ze 70px na auto pro vícerádkové firemní údaje /min-height: 70px;
padding: 15px 0;
color: #ffffff;
font: normal 12px/20px Arial, Verdana;
 / Upraven řádkový zlom pro odstavce */text-align: center;
box-sizing: border-box;
clear: both;
}#footer a,.site-footer a {color: #9f0000;
text-decoration: none;
}#footer a:hover,.site-footer a:hover {text-decoration: underline;
}/* ==========================================================================9. Media Queries / Mobilní responzivita (Nový doplněk)Zajistí plynulé skládání prvků na tabletech a mobilních telefonech.========================================================================== */@media screen and (max-width: 1024px) {#page, .site-container,#header, .site-header,#main, .site-main,#footer, .site-footer {width: 100%;
background-size: cover;
height: auto;
}/* Úprava výšky hlavičky na menších displejích */#header, .site-header {min-height: 250px;

padding-bottom: 50px;
}#header #header-info, .site-branding {position: static;
padding: 20px;
}#header #header-menu, .main-navigation {position: static;
height: auto;
padding: 10px;
}.main-navigation ul {height: auto;
}.main-navigation ul li {float: none;
display: block;
height: auto;
line-height: 35px;
background: #850000;
margin-bottom: 2px;
}.main-navigation ul li a {background: none;
margin: 0;
padding: 0 15px;
}/* Roztažení obsahu a sidebarů na celou šířku */#content, .site-main-content,#sidebar, .widget-area-wrapper {width: 100%;
float: none;
padding: 15px;
box-sizing: border-box;
}#content .post, article.post,#content .post .post-title, article.post header.post-title,#content .post .post-entry, article.post .post-entry,#content .post .post-info, article.post footer.post-info,#content .post h3, .comments-area h3,#content .post .comments, .comments-area .comments,#content .post #commentform, .comments-area #commentform,#content .navigation {width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}#sidebar-top, #sidebar-bottom {width: 100%;
background: none;
}#sidebar #sidebar-left, .column-left,#sidebar #sidebar-right, .column-right {width: 100%;
float: none;
padding: 0;
margin-bottom: 25px;
}.widget-area-wrapper ul,.widget-area-wrapper #searchform,.widget-area-wrapper #calendar_wrap {width: 100%;
}}