/*
Theme Name: Учебник
Theme URI: -
Author: Дмитрий Ушанов
Author URI: -
Description: Тема для сайта учителя-предметника: две колонки, крупный текст разборов, боковая колонка с рубриками. Картинок тема не требует совсем — рассчитана на текст, формулы и схемы в моноширинном блоке. Собиралась под конкретный сайт, поэтому настроек в ней мало.
Version: 1.7.3
Requires at least: 5.4
Tested up to: 6.1
License: GNU General Public License v2 or later
License URI: -
Text Domain: uchebnik
Tags: two-columns, right-sidebar, education, custom-menu, translation-ready
*/

/* --- общий сброс, только то, что мешало --- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	padding: 0;
	background: #e9ebe6;
	color: #232323;
	font: 16px/1.68 Georgia, "Droid Serif", "Times New Roman", serif;
	word-wrap: break-word;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", "Segoe UI", Tahoma, sans-serif;
	line-height: 1.25;
	color: #1b3a55;
	margin: 1.4em 0 0.5em;
}
h1 { font-size: 27px; margin-top: 0; }
h2 { font-size: 23px; border-bottom: 2px solid #c9d3dc; padding-bottom: 5px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; color: #3c3c3c; }

a { color: #175c86; }
a:hover { color: #b03a2e; }
p { margin: 0 0 0.95em; }
ul, ol { margin: 0 0 1em; padding-left: 26px; }
li { margin-bottom: 0.35em; }

/* --- каркас --- */
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 14px;
}

.site-header_6fca37 {
	background: #24466a;
	color: #fff;
	border-bottom: 4px solid #b03a2e;
}
.site-header_6fca37 a { color: #fff; text-decoration: none; }
.site-title {
	margin: 0;
	padding: 16px 0 2px;
	font-size: 28px;
	color: #fff;
	letter-spacing: 0.2px;
}
.site-tagline {
	margin: 0 0 12px;
	font-size: 14px;
	color: #c3d3e2;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}

/* меню: без скриптов оно просто лежит строкой, кнопка появляется только на узком экране */
.nav-toggle_eb8ba3 {
	display: none;
	width: 100%;
	margin: 0 0 10px;
	padding: 9px 12px;
	background: #1a3450;
	color: #fff;
	border: 1px solid #4a6b8c;
	font: 15px/1.2 "Trebuchet MS", Tahoma, sans-serif;
	cursor: pointer;
	text-align: left;
}
.main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 12px;
}
.main-nav li { display: inline-block; margin: 0 18px 4px 0; }
.main-nav a {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 15px;
	border-bottom: 1px dotted #7f9dba;
	padding-bottom: 1px;
}
.main-nav a:hover { border-bottom-color: #fff; }
.main-nav .current-menu-item a { border-bottom: 2px solid #e8b64c; color: #ffe9b8; }

.site-inner { padding: 20px 0 10px; }
.site-inner:after { content: ""; display: table; clear: both; }

.content {
	float: left;
	width: 70%;
	padding-right: 26px;
}
.sidebar {
	float: right;
	width: 30%;
}
.entry {
	background: #fff;
	border: 1px solid #d5d8d2;
	padding: 20px 24px 12px;
	margin-bottom: 18px;
}

/* --- разбор задачи --- */
.task {
	border-top: 1px solid #dfe3e6;
	padding: 14px 0 6px;
}
.task:first-of-type { border-top: none; }
.task-num {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #7b7b73;
	margin-bottom: 4px;
}
.task-num b { color: #b03a2e; font-weight: bold; }
.task-text {
	background: #f4f6f3;
	border-left: 4px solid #97a8b6;
	padding: 9px 13px;
	margin-bottom: 12px;
}
.solution { margin: 0 0 10px; }
.solution-title {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #1b3a55;
	margin-bottom: 6px;
}
.solution ol { padding-left: 24px; }
.solution ol li { margin-bottom: 0.5em; }

.answer {
	border-left: 4px solid #2e7d32;
	background: #f1f7f0;
	padding: 8px 13px;
	font-weight: bold;
}
.hint {
	border-left: 4px solid #c9a227;
	background: #fdf8e8;
	padding: 8px 13px;
	font-size: 15px;
}
.hint b { color: #8a6d10; }

/* формула отдельной строкой; на телефоне длинная строка едет вбок внутри блока, а не тянет страницу */
.formula {
	font-family: "Consolas", "DejaVu Sans Mono", "Courier New", monospace;
	font-size: 15px;
	background: #fbfbf7;
	border: 1px dashed #c7c7bd;
	padding: 8px 11px;
	margin: 0 0 1em;
	overflow-x: auto;
	white-space: nowrap;
}
.formula.wrap { white-space: normal; }

/* чертёж словами: моноширинная схема */
.scheme {
	overflow-x: auto;
	background: #fbfbf7;
	border: 1px solid #ddddd2;
	margin: 0 0 1em;
}
.scheme pre {
	margin: 0;
	padding: 10px 12px;
	font-family: "Consolas", "DejaVu Sans Mono", "Courier New", monospace;
	font-size: 13px;
	line-height: 1.35;
	color: #2b2b2b;
}
.scheme-cap {
	font-size: 14px;
	color: #6e6e66;
	margin: -0.6em 0 1em;
}

.theme {
	margin-bottom: 26px;
}
.theme-lead {
	font-size: 15px;
	color: #4a4a44;
	border-bottom: 1px dotted #cfd4c9;
	padding-bottom: 8px;
}

.note {
	background: #eef3f7;
	border: 1px solid #cadaea;
	padding: 11px 15px;
	margin: 0 0 1.1em;
	font-size: 15px;
}

.memo {
	border: 1px solid #d7d7cb;
	background: #fcfcf8;
	padding: 12px 16px 4px;
	margin-bottom: 16px;
}
.memo h3 { margin-top: 0.2em; }

.qa { margin-bottom: 16px; }
.qa-q {
	font-weight: bold;
	color: #1b3a55;
	margin-bottom: 3px;
}
.qa-a { margin-bottom: 0.4em; }

.table-scroll { overflow-x: auto; margin-bottom: 1.1em; }
table {
	border-collapse: collapse;
	font-size: 15px;
	min-width: 320px;
}
th, td {
	border: 1px solid #cfd4c9;
	padding: 5px 9px;
	text-align: left;
}
th { background: #eef1ec; font-family: "Trebuchet MS", Tahoma, sans-serif; }

/* --- боковая колонка --- */
.widget {
	background: #fff;
	border: 1px solid #d5d8d2;
	padding: 13px 16px;
	margin-bottom: 16px;
	font-size: 15px;
}
.widget h3 {
	margin: 0 0 8px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #24466a;
	border-bottom: 1px solid #e0e3dc;
	padding-bottom: 5px;
}
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget li { border-bottom: 1px dotted #e0e3dc; padding: 4px 0; }
.widget li:last-child { border-bottom: none; }
.widget p { margin-bottom: 0.6em; }
.widget-anons { background: #fff8e7; border-color: #e2cf9a; }

/* --- подвал --- */
.site-footer_d25f55 {
	background: #24466a;
	color: #cfdae6;
	margin-top: 14px;
	padding: 16px 0 22px;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}
.site-footer_d25f55 a { color: #ffe9b8; }
.site-footer_d25f55 p { margin-bottom: 0.5em; }
.footer-links li { display: inline-block; margin-right: 16px; }
.footer-links { list-style: none; padding: 0; margin: 0 0 8px; }

.up-link {
	display: inline-block;
	margin: 6px 0 14px;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}

/* --- узкий экран --- */
@media (max-width: 780px) {
	body { font-size: 15px; }
	.content, .sidebar { float: none; width: 100%; padding-right: 0; }
	.entry { padding: 14px 15px 8px; }
	.site-title { font-size: 22px; }
	h1 { font-size: 22px; }
	h2 { font-size: 20px; }
	.js-nav .nav-toggle_eb8ba3 { display: block; }
	.js-nav .main-nav ul { display: none; }
	.js-nav .main-nav.opened ul { display: block; }
	.main-nav li { display: block; margin: 0; border-bottom: 1px solid #3b5c7d; }
	.main-nav li a { display: block; padding: 8px 2px; border-bottom: none; }
}

@media print {
	.sidebar, .main-nav, .nav-toggle_eb8ba3, .site-footer_d25f55 { display: none; }
	body { background: #fff; font-size: 12pt; }
	.content { float: none; width: 100%; padding: 0; }
}
