/*
Theme Name: Krovlya Plus
Theme URI: krovlya-plus
Author: Дмитрий Мирошниченко
Author URI: krovlya-plus
Description: Тема для сайта кровельной бригады: две колонки, прайс-таблицы, блок замера. Правилась под задачи монтажников, лишнего не держим.
Version: 1.4.2
Requires at least: 4.9
License: GNU General Public License v2 or later
Text Domain: krovlya-plus
*/

/* сброс, без фанатизма */
* { margin: 0; padding: 0; }
html { background: #efece6; }
body {
	font: 15px/1.62 Arial, "Helvetica Neue", sans-serif;
	color: #2b2b2b;
	background: #efece6;
}
img { border: 0; max-width: 100%; height: auto; }
a { color: #96401f; }
a:hover { color: #6d2c12; }
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; color: #22201d; }
h1 { font-size: 27px; line-height: 1.25; margin-bottom: 14px; }
h2 { font-size: 22px; margin: 26px 0 10px; border-bottom: 2px solid #d8d1c3; padding-bottom: 5px; }
h3 { font-size: 18px; margin: 18px 0 7px; }
h4 { font-size: 16px; margin: 14px 0 5px; }
p { margin-bottom: 11px; }
ul, ol { margin: 0 0 12px 22px; }
li { margin-bottom: 5px; }

.container { width: 1000px; margin: 0 auto; }
.row { margin-left: -14px; margin-right: -14px; }
.row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col-md-4, .col-md-8, .col-md-6, .col-md-3 { float: left; padding: 0 14px; box-sizing: border-box; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.33%; }
.col-md-6 { width: 50%; }
.col-md-8 { width: 66.66%; }

/* верхняя служебная полоса */
.topline {
	background: #3b3733;
	color: #cfc8bd;
	font-size: 12.5px;
	padding: 6px 0;
}
.topline a { color: #e6dcca; text-decoration: none; }
.topline .tl-work { float: right; }

/* шапка */
.site-head { background: #fff; border-bottom: 3px solid #96401f; padding: 15px 0 13px; }
.brand { float: left; }
.brand .bname {
	font-family: Georgia, serif;
	font-size: 27px;
	color: #96401f;
	text-decoration: none;
	display: block;
	letter-spacing: -0.4px;
}
.brand .bsub { display: block; font-size: 12.5px; color: #6c665e; margin-top: 2px; }
.head-contact { float: right; text-align: right; }
.head-contact .hp { font-size: 22px; font-weight: bold; color: #26241f; text-decoration: none; display: block; }
.head-contact .hnote { font-size: 12px; color: #746d63; }
.head-contact .btn { margin-top: 6px; }

/* меню */
.mainmenu { background: #96401f; }
.mainmenu ul { list-style: none; margin: 0; }
.menu-item { float: left; }
.menu-item a {
	display: block;
	padding: 11px 19px;
	color: #fbf3e8;
	text-decoration: none;
	font-size: 15px;
	border-right: 1px solid #a9532f;
}
.menu-item a:hover { background: #7d3316; color: #fff; }
.menu-item.current-menu-item a { background: #7d3316; font-weight: bold; }
.menu-toggle { display: none; }

/* обложка страницы */
.cover { background: #fff; border: 1px solid #ddd6c9; padding: 18px; margin: 18px 0; }
.cover .cover-pic { float: right; margin: 0 0 12px 18px; width: 44%; }
.cover .cover-pic img { display: block; border: 1px solid #cfc7b8; }
.cover .cover-pic span { display: block; font-size: 12px; color: #7a736a; padding-top: 4px; }
.lead { font-size: 16px; color: #3a3630; }

/* основные блоки */
.block { background: #fff; border: 1px solid #ddd6c9; padding: 16px 18px; margin-bottom: 16px; }
.block h2:first-child { margin-top: 0; }
.note { background: #fdf6e6; border-left: 4px solid #c9922f; padding: 9px 12px; margin: 12px 0; font-size: 14px; }
.warn { background: #fbeeea; border-left: 4px solid #a33f22; padding: 9px 12px; margin: 12px 0; font-size: 14px; }

/* прайс */
.price-wrap { overflow-x: auto; margin-bottom: 12px; }
table.price { border-collapse: collapse; width: 100%; font-size: 14px; min-width: 480px; }
table.price th {
	background: #4b453d;
	color: #f4eee3;
	text-align: left;
	padding: 7px 9px;
	font-weight: normal;
}
table.price td { border-bottom: 1px solid #e2dbcd; padding: 6px 9px; vertical-align: top; }
table.price tr:nth-child(even) td { background: #faf7f1; }
table.price td.num { white-space: nowrap; text-align: right; }
.price-note { font-size: 12.5px; color: #736c62; }

/* кнопки */
.btn {
	display: inline-block;
	background: #96401f;
	color: #fff;
	padding: 9px 18px;
	text-decoration: none;
	border: 1px solid #7d3316;
	font-size: 15px;
	cursor: pointer;
	font-family: inherit;
}
.btn:hover { background: #7d3316; color: #fff; }
.btn-quiet { background: #6b665d; border-color: #565148; }

/* боковая колонка */
.sidebar .swidget { background: #fff; border: 1px solid #ddd6c9; padding: 14px; margin-bottom: 16px; }
.sidebar .swidget h3 { margin-top: 0; font-size: 17px; }
.sidebar ul { margin-left: 18px; font-size: 14px; }
.callbox { background: #3b3733; color: #ece4d7; padding: 15px; margin-bottom: 16px; }
.callbox .cb-phone { font-size: 21px; color: #fff; text-decoration: none; display: block; margin-bottom: 4px; }
.callbox p { font-size: 13.5px; margin-bottom: 6px; }
.minilist { list-style: none; margin-left: 0; }
.minilist li { border-bottom: 1px dotted #d8d1c3; padding: 4px 0; font-size: 13.5px; }
.minilist li span { float: right; color: #6d3218; }

/* фотографии в тексте */
.photo { margin: 14px 0; }
.photo img { display: block; border: 1px solid #cfc7b8; }
.photo em { display: block; font-size: 12.5px; color: #78716a; font-style: normal; padding-top: 4px; }
.photo-right { float: right; width: 42%; margin: 4px 0 12px 16px; }

/* форма замера */
.zamer { background: #efe7d8; border: 1px solid #d9cdb4; padding: 18px; margin-bottom: 18px; }
.zamer h2 { border-bottom: none; margin-top: 0; }
.zamer label { display: block; font-size: 13.5px; margin-bottom: 3px; color: #4a453d; }
.zamer input[type=text], .zamer input[type=tel], .zamer textarea, .zamer select {
	width: 100%;
	box-sizing: border-box;
	padding: 7px 8px;
	border: 1px solid #b9ae98;
	background: #fff;
	font: 14px Arial, sans-serif;
	margin-bottom: 10px;
}
.zamer textarea { height: 78px; }
.zamer .fmnote { font-size: 12px; color: #6f6963; margin-top: 6px; }

/* подвал */
.site-foot { background: #33302c; color: #b8b1a6; margin-top: 22px; padding: 20px 0 14px; font-size: 13.5px; }
.site-foot h4 { color: #e9e1d3; font-size: 15px; margin: 0 0 8px; }
.site-foot a { color: #d9cdb4; }
.site-foot ul { list-style: none; margin-left: 0; }
.copyright {
	border-top: 1px solid #4a453f;
	margin-top: 14px;
	padding-top: 10px;
	font-size: 12.5px;
	color: #8d867c;
}

/* мелочи */
.breadcrumbs { font-size: 12.5px; color: #7c756b; padding: 12px 0 0; }
.breadcrumbs a { color: #7c756b; }
.faq_6b3ad9 dt { font-weight: bold; margin-top: 12px; }
.faq_6b3ad9 dd { margin: 4px 0 0 0; }
.tags { font-size: 13px; color: #776f65; margin-top: 14px; }

@media (max-width: 1030px) {
	/* отступ контейнера равен отступу колонок, иначе .row вылезает за экран */
	.container { width: auto; padding: 0 14px; }
	.cover .cover-pic { width: 40%; }
}
@media (max-width: 760px) {
	.col-md-3, .col-md-4, .col-md-6, .col-md-8 { float: none; width: auto; }
	.brand, .head-contact { float: none; text-align: left; }
	.head-contact { margin-top: 10px; }
	.topline .tl-work { float: none; display: block; }
	.menu-item { float: none; }
	.menu-item a { border-right: none; border-bottom: 1px solid #a9532f; }
	.cover .cover-pic, .photo-right { float: none; width: auto; margin: 0 0 12px; }
	h1 { font-size: 22px; }
	body { font-size: 14.5px; }
}