/*
Theme Name: Potolki 72
Theme URI: potolki-72
Author: Виталий Дерябин
Author URI: potolki-72
Description: Тема под сайт бригады натяжных потолков. Две колонки на десктопе, одна на телефоне, прайс в скролле, блок заявки на замер. Собрана под конкретный сайт, универсальности не искали.
Version: 1.7.3
Requires at least: 5.4
Tested up to: 6.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: potolki-72
*/

/* --- общий сброс, ничего лишнего --- */
* { margin: 0; padding: 0; }
html { background: #eceae5; }
body {
    font: 15px/1.65 Arial, Tahoma, sans-serif;
    color: #262626;
    background: #eceae5;
    -webkit-text-size-adjust: 100%;
}
img { border: 0; max-width: 100%; height: auto; }
a { color: #1a5c86; }
a:hover { color: #c2700f; }

.obertka {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 14px;
}
.obertka:after { content: ""; display: block; clear: both; }

/* --- верхняя служебная полоса --- */
.sluzhebka {
    background: #223c4f;
    color: #cdd8e0;
    font-size: 12px;
    line-height: 30px;
}
.sluzhebka a { color: #cdd8e0; text-decoration: none; }
.sluzhebka__adres { float: left; }
.sluzhebka__rezhim { float: right; }

/* --- шапка --- */
.top {
    background: #ffffff;
    border-bottom: 3px solid #1e4866;
    padding: 14px 0 12px;
}
.top__logo { float: left; max-width: 58%; }
.top__name {
    display: block;
    font: bold 27px/1.1 Georgia, "Times New Roman", serif;
    color: #1e4866;
    text-decoration: none;
    letter-spacing: -0.4px;
}
.top__name:hover { color: #1e4866; }
.top__slogan {
    display: block;
    font-size: 12.5px;
    color: #6b6b6b;
    padding-top: 4px;
}
.top__svyaz { float: right; text-align: right; }
.top__tel {
    font: bold 22px/1.2 Arial, sans-serif;
    color: #1e4866;
    text-decoration: none;
    white-space: nowrap;
}
.top__tel:hover { color: #1e4866; text-decoration: underline; }
.top__pripiska { display: block; font-size: 12px; color: #797979; padding-top: 3px; }
.top__knopka {
    display: inline-block;
    margin-top: 7px;
    padding: 6px 14px;
    background: #d98420;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 2px solid #ab6614;
}
.top__knopka:hover { background: #c2700f; color: #fff; }

/* --- меню --- */
.menu {
    background: #1e4866;
    border-bottom: 1px solid #16374e;
}
.menu__spisok { list-style: none; }
.menu__spisok:after { content: ""; display: block; clear: both; }
.menu__punkt { float: left; }
.menu__punkt a {
    display: block;
    padding: 11px 17px;
    color: #e6eef4;
    font-size: 14px;
    text-decoration: none;
}
.menu__punkt a:hover { background: #16374e; color: #fff; }
.menu__punkt--tek a { background: #16374e; color: #ffd9a2; }

/* --- каркас страницы --- */
.holst { background: #fff; padding: 22px 0 8px; }
.kolonka { float: left; width: 68%; }
.bok { float: right; width: 29%; }

h1 {
    font: normal 27px/1.25 Georgia, "Times New Roman", serif;
    color: #1c3d55;
    margin-bottom: 12px;
}
h2 {
    font: normal 21px/1.3 Georgia, "Times New Roman", serif;
    color: #1c3d55;
    margin: 24px 0 9px;
    border-bottom: 1px solid #dcd8d0;
    padding-bottom: 5px;
}
h3 {
    font: bold 16px/1.35 Arial, sans-serif;
    color: #2c2c2c;
    margin: 16px 0 6px;
}
p { margin-bottom: 11px; }
ul.spisok, ol.spisok { margin: 0 0 12px 22px; }
ul.spisok li, ol.spisok li { margin-bottom: 5px; }

.snimok { margin: 4px 0 14px; }
.snimok img { display: block; border: 1px solid #d7d2c9; padding: 3px; background: #fff; }
.snimok__podpis { font-size: 12.5px; color: #7a7a7a; padding-top: 5px; }

.vrezka {
    background: #f6f2e9;
    border-left: 4px solid #d98420;
    padding: 10px 13px;
    margin: 14px 0;
    font-size: 14.5px;
}
.vrezka--seryy { background: #f0f2f4; border-left-color: #557a95; }

/* --- услуги --- */
.uslugi { list-style: none; margin: 10px 0 6px; }
.uslugi:after { content: ""; display: block; clear: both; }
.uslugi__item {
    float: left;
    width: 48%;
    margin: 0 4% 12px 0;
    padding: 9px 11px;
    background: #f7f6f3;
    border: 1px solid #e2ded6;
    box-sizing: border-box;
}
.uslugi__item:nth-child(2n) { margin-right: 0; }
.uslugi__zag { display: block; font-weight: bold; color: #1c3d55; margin-bottom: 3px; }
.uslugi__cena { display: block; font-size: 13px; color: #a45f0d; }

/* --- прайс --- */
.cena { margin: 12px 0 16px; }
.cena__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cena table {
    border-collapse: collapse;
    width: 100%;
    min-width: 480px;
    font-size: 14px;
}
.cena th, .cena td {
    border: 1px solid #ddd8ce;
    padding: 7px 9px;
    text-align: left;
    vertical-align: top;
}
.cena th { background: #eef1f3; font-weight: bold; color: #1c3d55; }
.cena tr:nth-child(2n) td { background: #fbfaf7; }
.cena--akciya td { background: #fdf3e2 !important; }
.cena--akciya td:first-child { font-weight: bold; }
.cena__snoska { font-size: 12.5px; color: #767676; margin-top: 6px; }

/* --- вопросы-ответы --- */
.vopros { border-top: 1px dotted #d6d1c8; padding: 10px 0 2px; }
.vopros__tema { font-weight: bold; color: #1c3d55; margin-bottom: 4px; }

/* --- боковая колонка --- */
.blok {
    background: #f7f6f3;
    border: 1px solid #e2ded6;
    padding: 11px 12px;
    margin-bottom: 14px;
    font-size: 14px;
}
.blok__zag {
    font: bold 15px/1.3 Arial, sans-serif;
    color: #1c3d55;
    margin-bottom: 7px;
    border-bottom: 1px solid #e2ded6;
    padding-bottom: 5px;
}
.blok ul { list-style: none; }
.blok li { padding: 3px 0; border-bottom: 1px dotted #e2ded6; }
.blok li:last-child { border-bottom: 0; }
.blok__tel { font: bold 19px/1.3 Arial, sans-serif; color: #1e4866; text-decoration: none; }

/* --- подвал --- */
.podval {
    background: #223c4f;
    color: #b9c7d2;
    font-size: 13px;
    padding: 18px 0 20px;
    margin-top: 18px;
}
.podval a { color: #ffd9a2; }
.podval__stolb { float: left; width: 33%; padding-right: 2%; box-sizing: border-box; }
.podval__zag { color: #fff; font-weight: bold; margin-bottom: 6px; }
.podval ul { list-style: none; }
.podval li { padding: 2px 0; }
.podval__nizhe {
    clear: both;
    border-top: 1px solid #35526a;
    margin-top: 14px;
    padding-top: 11px;
    font-size: 12px;
    color: #93a5b2;
}

/* --- телефон --- */
@media screen and (max-width: 760px) {
    .sluzhebka__adres, .sluzhebka__rezhim { float: none; display: block; line-height: 1.5; padding: 3px 0; }
    .top__logo, .top__svyaz { float: none; max-width: 100%; text-align: left; }
    .top__svyaz { padding-top: 10px; }
    .menu__punkt { float: none; }
    .menu__punkt a { border-bottom: 1px solid #16374e; }
    .kolonka, .bok { float: none; width: 100%; }
    .bok { margin-top: 18px; }
    .uslugi__item { float: none; width: 100%; margin-right: 0; }
    .podval__stolb { float: none; width: 100%; padding: 0 0 12px; }
    h1 { font-size: 23px; }
    h2 { font-size: 19px; }
}