/*
Theme Name: Домашняя кухня
Theme URI: -
Author: Ольга Птицына
Author URI: -
Description: Простая тема для кулинарного дневника: две колонки, крупный текст рецептов, боковая колонка с рубриками. Делалась под свой сайт, поэтому лишнего в ней нет.
Version: 1.4.2
Requires at least: 5.6
Tested up to: 6.5
License: GNU General Public License v2 or later
Text Domain: domashnyaya-kuhnya
Tags: two-columns, right-sidebar, food, blog, custom-menu
*/

/* сброс, самый минимальный — весь остальной браузерный дефолт меня устраивает */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	padding: 0;
	background: #f5efe2 url(data:image/gif;base64,R0lGODlhBAAEAIAAAO/o2P///yH5BAAAAAAALAAAAAAEAAQAAAIFhI8Zx1cAOw==);
	color: #2f2a22;
	font: 16px/1.62 Verdana, Geneva, "DejaVu Sans", sans-serif;
}
img { max-width: 100%; height: auto; border: 0; }
a { color: #8a4a1c; }
a:hover { color: #b3611f; }

.wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 14px;
}

/* шапка */
.site-header_d3c9af {
	background: #6a4a2a;
	border-bottom: 5px solid #8f6635;
	color: #fdf6e6;
	padding: 18px 0 0;
}
.site-title {
	margin: 0;
	font: bold 30px/1.2 Georgia, "Times New Roman", serif;
	letter-spacing: 0.2px;
}
.site-title a { color: #fdf6e6; text-decoration: none; }
.site-description {
	margin: 5px 0 14px;
	font-size: 14px;
	color: #e8d7b6;
}
.menu-toggle {
	display: none;
	margin: 0 0 10px;
	padding: 7px 12px;
	background: #8f6635;
	border: 1px solid #a97c46;
	color: #fdf6e6;
	font: 15px Verdana, sans-serif;
	cursor: pointer;
}
.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #8f6635;
}
.main-navigation li { display: inline-block; }
.main-navigation a {
	display: block;
	padding: 9px 15px;
	color: #f7e9cd;
	font-size: 15px;
	text-decoration: none;
}
.main-navigation a:hover { background: #7d5730; color: #fff; }
.main-navigation .current-menu-item a { background: #f5efe2; color: #5b3d20; font-weight: bold; }

/* каркас: запись + колонка справа */
.site-inner { padding: 20px 0 8px; }
.content-area {
	float: left;
	width: 69%;
}
.sidebar {
	float: right;
	width: 28%;
	font-size: 14px;
}
.clear { clear: both; }

/* записи */
.entry {
	background: #fffdf7;
	border: 1px solid #ded0b4;
	padding: 16px 20px 12px;
	margin-bottom: 22px;
}
.entry-title {
	margin: 0 0 4px;
	font: bold 23px/1.25 Georgia, "Times New Roman", serif;
	color: #5b3d20;
}
.entry-title a { color: #5b3d20; text-decoration: none; }
.entry-meta {
	margin: 0 0 12px;
	font-size: 12px;
	color: #8a7c63;
	border-bottom: 1px dotted #d8c8a8;
	padding-bottom: 7px;
}
.entry-content p { margin: 0 0 11px; }
.entry-content h3 {
	margin: 18px 0 7px;
	font: bold 18px Georgia, serif;
	color: #5b3d20;
}
.entry-content h4 {
	margin: 14px 0 5px;
	font-size: 15px;
	color: #6a4a2a;
}
.entry-photo { margin: 0 0 12px; }
.entry-photo img { border: 1px solid #cdbb98; padding: 3px; background: #fff; }
.photo-caption { display: block; font-size: 12px; color: #8a7c63; margin-top: 4px; }

/* рецепт */
.recipe {
	border-top: 2px solid #d8c8a8;
	padding-top: 10px;
	margin-top: 14px;
}
.recipe-facts {
	margin: 0 0 10px;
	padding: 7px 10px;
	background: #f3ecdb;
	border-left: 4px solid #b3853f;
	font-size: 14px;
}
.recipe-facts span { margin-right: 14px; white-space: nowrap; }
ul.ingredients {
	margin: 0 0 12px;
	padding: 0 0 0 4px;
	list-style: none;
}
ul.ingredients li {
	padding: 3px 0 3px 16px;
	border-bottom: 1px dotted #e0d3b8;
	background: url(data:image/gif;base64,R0lGODlhBgAGAIABALOFPwAAACH5BAEAAAEALAAAAAAGAAYAAAIKjA9wy6cNH5RUFQA7) no-repeat 2px 11px;
}
ol.steps { margin: 0 0 12px; padding-left: 22px; }
ol.steps li { margin-bottom: 8px; }
.note {
	margin: 10px 0 4px;
	padding: 9px 12px;
	background: #fbf3df;
	border: 1px dashed #c9a869;
	font-size: 14px;
}
.note b { color: #7a5222; }

table.tbl {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 14px;
	font-size: 14px;
}
table.tbl th, table.tbl td {
	border: 1px solid #d8c8a8;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top;
}
table.tbl th { background: #f0e7d2; }
table.tbl tr:nth-child(even) td { background: #fbf7ec; }

dl.qa { margin: 0; }
dl.qa dt { font-weight: bold; color: #5b3d20; margin-top: 12px; }
dl.qa dd { margin: 3px 0 0; }

.month-list { margin: 0 0 12px; padding: 0; list-style: none; }
.month-list li { padding: 5px 0; border-bottom: 1px solid #ece2cd; }
.month-list b { color: #6a4a2a; }

/* боковая колонка */
.widget {
	background: #fffdf7;
	border: 1px solid #ded0b4;
	padding: 10px 14px 12px;
	margin-bottom: 16px;
}
.widget-title {
	margin: 0 0 8px;
	padding-bottom: 5px;
	font: bold 16px Georgia, serif;
	color: #5b3d20;
	border-bottom: 2px solid #d8c8a8;
}
.widget ul { margin: 0; padding: 0; list-style: none; }
.widget li { padding: 4px 0; border-bottom: 1px dotted #e0d3b8; }
.widget li:last-child { border-bottom: 0; }
.tagcloud a {
	display: inline-block;
	margin: 0 4px 5px 0;
	padding: 2px 6px;
	background: #f0e7d2;
	border: 1px solid #ddccab;
	font-size: 12px;
	text-decoration: none;
}
.widget-about img { margin-bottom: 6px; }

/* подвал */
.site-footer_34877d {
	clear: both;
	margin-top: 10px;
	background: #6a4a2a;
	color: #e6d5b5;
	font-size: 13px;
	padding: 14px 0 18px;
}
.site-footer_34877d a { color: #f0dcb6; }
.footer-cols { overflow: hidden; }
.footer-cols div { float: left; width: 50%; }
.footer-cols div + div { text-align: right; }
#totop {
	display: none;
	position: fixed;
	right: 14px;
	bottom: 18px;
	padding: 6px 10px;
	background: #8f6635;
	color: #fff;
	border: 1px solid #6a4a2a;
	text-decoration: none;
	font-size: 13px;
}

/* телефон и планшет */
@media (max-width: 760px) {
	.content-area, .sidebar { float: none; width: 100%; }
	.sidebar { margin-top: 18px; }
	.menu-toggle { display: block; }
	.main-navigation ul { display: none; }
	.main-navigation ul.opened { display: block; }
	.main-navigation li { display: block; border-bottom: 1px solid #8f6635; }
	.site-title { font-size: 24px; }
	.entry { padding: 12px 13px 10px; }
	.entry-title { font-size: 20px; }
	.footer-cols div { float: none; width: 100%; }
	.footer-cols div + div { text-align: left; margin-top: 8px; }
	table.tbl { font-size: 13px; }
}

@media (max-width: 760px) {
	.recipe-facts span { white-space: normal; margin-right: 10px; }
	table { display: block; width: 100%; overflow-x: auto; }
}