/**
Theme Name: kondicioneryekb
Theme URI: <a href="https://kondicioneryekb.ru">https://kondicioneryekb.ru</a>
Author: name
Author URI: https://kondicioneryekb.ru
Description: kondicioneryekb theme.
Tested up to: 5.9
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kondicioneryekb
Version: 1.4
*/
html{
height:100%;
margin:0;
padding:0;
font-size:16px;
box-sizing:border-box;
background-image:url(https://kondicioneryekb.ru/img/fon.jpg); /* Фоновое изображение */
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; /* End Фоновое изображение */
}

body {
width:100%;
position:relative;

color:#202122;
font-size:1rem;
line-height:1.58;
font-weight:normal;
overflow-x:hidden;
font-family:arial,sans-serif;
}

body, dd, dl, dt, fieldset, figure, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0}

h1,h2,h3 {overflow-wrap:break-word}

h2 {
margin:1.8em 0;
text-align:left;
font-size:26px;
font-size:1.625rem;
font-weight:600;
line-height:1.2}

h3 {margin:1.8em 0;
font-size:24px;
font-size:1.5rem;
font-weight:600;
line-height:1.2}

img {max-width:100%;margin:0;border:none}

a {background-color:transparent;cursor:pointer}
a:link, a:visited {text-decoration:underline;color:#1766a6}
a:hover {text-decoration:none}

ol {
display:block;
overflow:hidden;
margin-bottom:1.4em;
padding-left:1.4em;
list-style-position:inside;
list-style-type:decimal}

mark{background-color:#FAC600}

hr {
border: none; /* Убираем границу для браузера Firefox */
color: #c1c1c1; /* Цвет линии для остальных браузеров */
background-color: #c1c1c1; /* Цвет линии для Firefox и Opera */
height: 1px; /* Толщина линии */}

blockquote {margin: 0 1.5em}

table {
width:100%;
border-spacing: 9px 2px;
margin:2.4em auto;
border: 1px solid #c6ebfc;
background-color:#fff;
}
caption {font-size:1.125rem;font-weight:bold;color:#0092c1;background-color:#e7f6fd}
td {padding:1px 5px; border-bottom:1px dotted #e9e9e9}
tr.title-price {margin:1em 0; padding:5px; border:1px solid #e9e9e9; color:#fff;background-color:#54595f}
.tab-subtitle {border-top:1px solid #c6ebfc;font-weight:bold}

/*-- КАТАЛОГ: кнопки в таблице --*/
.catalog-tab a {color:#333;text-decoration:underline}
.catalog-tab a:hover {color:#333;text-decoration:none}
a.catalog-button {margin:auto 0;padding:0.3rem 1rem;border-radius:4px;font-size:87.5%;text-align:center;background-color:#ffcf00;text-decoration:none}
a.catalog-button:hover {color:#fff;background-color:#ff8f00}

/* Contact-Form-7 - Обратный звонок (главная страница) */
.cform-callback-container {width:100%;margin:0 auto;padding:1rem 0.3rem 0;line-height:1.4rem;text-align:center;background-color:#fff;box-sizing:border-box}
.lable-cform {margin-bottom:1rem;font-size:1.375rem; display:block;color:#015D93;font-weight:600;}
.callback-box-cform {display:block;margin-bottom:1rem}
.cform-callback {width:290px;margin:0.75rem auto 0;padding:0.625rem;font-size:1rem;border:2px solid #015D93;border-radius:5px;box-sizing:border-box}
.cform-callback-button {margin:1.375rem auto 0;padding:0.6rem 1.8rem;border:1px solid #000;border-radius:2.5rem;font-size:1.125rem;color:#000;background-color:#ffcf00;display:block;cursor:pointer}
.cform-callback-button:hover {background-color:#f6c600}

/* Contact-Form-7 - Заказать (страницы товара) */
.cform-container {width:100%;margin:2.5rem 0 1rem;padding:1rem 1.6rem 0;text-align:center;color:#1a2226;background-color:#e7f6fd;box-sizing:border-box}
.cform-title {font-weight:600;display:block}
.cform-title h3 {margin:1em 0;font-size:18px;font-size:1.2rem;font-weight:600;display:inline-block}
.cform-box {width:90%;margin:0 auto}
.cform-forme {margin:1.2rem auto 0;display:block}
.cform-name {width:300px;margin:0 auto;padding:1rem 0.1rem;font-size:1rem;border:1px solid #cef7f3;border-radius:4px;text-align:center;box-sizing:border-box}
.cform-checkbox {margin:1rem auto;display:block}
.cform-button {margin:0 auto;padding:0.6rem 1.8rem;border:1px solid #000;border-radius:2.5rem;font-size:1.25rem;display:block;color:#000;background-color:#ffcf00;cursor:pointer}
.cform-button:hover {background-color:#f6c600}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}

.aligncenter,
div.aligncenter {display:block; margin:5px auto}

.alignleft {float:left; margin: 5px 20px 20px 0;}
.alignright {float:right;margin: 5px 0 20px 20px;}

a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.aligncenter {display:block;margin:0 auto 0}

/* =END WordPress Core
-------------------------------------------------------------- */

#boxed-wrapper{
width:980px;
margin:5px auto;
padding:0;
overflow:hidden;
box-sizing:border-box;
background-color:#fff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);/*Тень*/
}

.header {
position: relative;
width:100%;
height:auto;
margin:0;
padding:0}

.box {width:100%;margin:0;padding:0.6rem 0.3rem 0;display:flex;flex-wrap:wrap;box-sizing:border-box;background-color:#fff}
.logo {margin:0.6rem 1.5rem}
.description-logo {text-align:center;font-size:0.938rem;color:#2E2F38}

/*-- Меню --*/
.header-menu {margin:auto 1rem auto auto;padding:0 1rem;color:#2E2F38}
.menu-top ul {list-style: none; /* Убираем маркеры списка */
    padding:0;
    margin:0; /*убираем верхнее и нижнее поле, равное 1em*/
    background-color:#fefefe;}
.menu-top li {margin:0.1rem 1rem; /* Расстояние между пунктами */
display:inline-block;}

.menu-top a {text-decoration: none; /* Убираем подчеркивание */
    color:#2E2F38;
    padding: 5px 0;
    display: block;}
.menu-top a:hover {color:#111;text-decoration:underline}
/*-- End Меню --*/

/*-- Телефон и адрес --*/
#container-call{width:100%;background-color:#f5fbff}

.box-call {
width:100%;
margin:0;
padding:0.3rem 1.6rem;
border-top:1px solid #c6ebfc;
border-bottom:1px solid #c6ebfc;
display:flex; flex-wrap:wrap;
box-sizing:border-box;
font-size:87.5%;
color:#333; background-color:#f5fbff;
line-height:1.4rem}

.adress-header {min-width:300px;margin:auto auto auto 1rem}
.call-header {margin:auto 0.8rem;padding:8px 14px;font-size:1rem;background-color:#fff;border-radius:4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}
.call-header a {color:#111;text-decoration:none}
.call-header:hover {background-color:#ffb400}

.call-link {margin:auto 0.1rem;padding:8px 14px;font-size:1rem;background-color:#ffb400;border-radius:4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}
.call-link a {color:#111;text-decoration:none}
.call-link:hover {background-color:#ffd600}
/*-- End Телефон и адрес --*/

/*-- Billboard --*/
#billboard{width:100%;height:280px;margin-top:0;padding:0;box-sizing:border-box;display:flex;align-items:center;background-image:url(https://kondicioneryekb.ru/img/headerlg.jpg);}
.billboard-left {width:500px;margin:1rem 2.5rem;padding:0.5rem;display:flex;flex-direction:column;box-sizing:border-box;text-align:left}
.description {padding:0 1.5rem;font-size:1.6rem;font-weight:bold;color:#333;
text-shadow: 0px 2px 4px rgba(255, 255, 255); /* Темная тень */}
.description-min {padding:1rem 1.5rem;font-size:1rem;color:#333}
.description-bottom {margin:1rem auto 0.1rem auto; padding:0.875rem 1.75rem;text-align:center;font-weight:400;background-color:#0063cb;border-radius:36px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}
.description-bottom a {color:#FFFAFA;text-decoration:none}
.description-bottom:hover {background-color:#0043ca}
/*-- End Billboard --*/

/*-- Хлебные крошки --*/
.breadcrumb-box {
width:100%;
margin:0 auto;
padding:20px 8px 8px 40px;
font-size:87.5%;
box-sizing:border-box;
background-color:#fff}

/* стр. КОНДИЦИОНЕРЫ - Типы кондиционеров
-------------------------------------------------------------- */
.conditioning-container {margin:3rem auto;padding:1rem;border-radius:4px;background-color:#e7f6fd;text-align:center}
.conditioning-button {
width:144px;
margin:0.8rem;
padding:0.6rem;
font-size:1rem;
line-height:1.4;
border:1px solid #999;
border-radius:4px;
color:#666;
background-color:#fff;
text-decoration: none;
display: inline-block;}
.conditioning-button a {color:#666;cursor:pointer}
.conditioning-button:hover {border-color:#6FC6FF}

/*-- COLOR --*/
.green{font-size:98%; color:#006600}
.green a {text-decoration:underline; color:#008000}

.green-price {color:#6dd355}
.red {color:#d51c19}

.white{margin:0;padding:0;color:white}
.yellow {background-color:#ffcf00; color:#999}
.center {text-align:center}

/* Синие кнопки на главной странице */
#button-blue-box{width:100%;margin:1.2rem 0;display:block;font-size:93.75%;box-sizing:border-box;text-align:center}

.button-blue {width:300px;margin:1.6rem auto;padding:6px 9px;box-sizing:border-box;background-color:#2271b1;border-radius:4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}
.button-blue:hover {background-color:#135E96}
.button-blue a {color:#f8f8ff;text-decoration:none}

/* =Контент
-------------------------------------------------------------- */
#wrapper {
width:100%;
margin:0;
padding:0 20px;
position:relative;
box-sizing:border-box;
background-color:#fff}

#content {
width:810px;
margin:0 auto;
padding:3rem 0;
display:block;
overflow:hidden;
box-sizing:border-box;
background-color:#fff}

#content p {
display:block;
margin-bottom:1.6em;
overflow-wrap:break-word}

#content ul {
margin:1em 0 1em 0.6em;
padding-left:1em;
line-height:2.1}

h1.posthead {
margin:0.3rem 0 2.3rem;
font-size:26px;
font-size:1.625rem;
font-weight:600;
line-height:1.2;
color:#3a3a3a}

h1.cathead {margin:1em;font-size:1.4rem;font-weight:normal;color:#333}

/*-- Цена и Купить (страницы товара) --*/
.buy-post {margin:1rem auto;padding:1rem 0;display:block;text-align:center}
.buy-post-box {margin:0;padding:0;font-size:93.75%;color:#8a8a8a}
.buy-post-price {font-size:1.875rem;color:#0092c1;font-weight:600;}
.buy-post-button h2 {width:150px;margin:0.6rem auto;padding:12px;font-size:1.2rem;font-weight:600;text-align:center;background-color:#ffd600;border-radius:4px}
.buy-post-button a {color:#111}
.buy-post-button h2:hover {background-color: #ffe326}
/*-- END Цена и Купить в сообщениях --*/

.post-footer {margin:3.3rem 0;padding:0;border-top:1px solid #333;border-bottom:1px solid #333}
.post-footer a {margin:0;color:#333}

/*-- Навигация по страницам: Блог и Рубрики --*/
.pagination{width:96%; text-align:center; display:inline-block}
h2.screen-reader-text {font-size:1.2rem;text-align:center}
.nav-links {margin:1.6rem 0.3rem}
.page-numbers {margin:1.313em; background-color:#fff}

/* =Страница рубрики
-------------------------------------------------------------- */
.category-container {width:100%;margin-bottom:1rem;text-align:center}

.catblok {
width:240px;
margin:10px;
padding:1rem 0.3rem;
border: 1px solid #c6ebfc;
border-radius:4px;
box-sizing:border-box;
vertical-align:top;
display:inline-block}

.catblok-img img {width:200px;height:200px;margin:0 auto;object-fit:cover;}
.catblok a {font:1rem/0.4rem 300 Arial;color:#222}
.catblok-price {margin-bottom:0.6rem;font:1.2rem bold Arial;color:#008000;display:block}
.catblok-buttom a {margin:0 auto;padding:6px 26px;font-size:93.75%;font-weight:400;border-radius:4px;color:#000;background-color:#ffd600;text-decoration:none}
.catblok-buttom a:hover {background-color:#ffe326}

/*-- Оглавление и картинки --*/
.oglav {
display: inline-block;
margin: 1rem 0;
padding: 0.4rem;
border: 1px solid #e9e9e9;
}

.oglav a {padding: 0;}

h3.oglav {
margin-bottom:0;
font-size:18px;
font-size:1.3rem;}

.oglav ol {
margin: 0 1em 0.6em;
padding: 0.4em 0;}

.oglav li {padding-bottom: 0.4em;}

.fotoleft {
float: left;
margin: 0 0.6em 0.1em 0;
padding: 0;
color: #006400;
border: 1px solid #ccc;}

.fotocenter {
display:block;
text-align: center;
margin: 1.4em 0 2rem;
padding: 0.1em;
color: #006400;
}

figcaption {
font-size:98%;
text-align:center;
margin-top: 0.3em;
margin-bottom: 0.1em;}

.fotocenter a {text-decoration:underline; color:#006400}
.fotocenter a:hover {text-decoration:none}

/*-- Похожие посты в записях --*/
.related-link-posts {
margin:0.3rem 0 1.4rem;
padding:1rem;
display:block;
box-sizing:border-box;
background-color:#f0f0f1;}

/*-- Похожие 
.relatedposts {margin:1em 0 2em;}
.relatedposts li {margin:0; list-style-type:disc;}

h3.reltitle {
color:#1a1a1a;
margin-bottom: 0.6em;
font-size:20px;
font-size:1.3333333333333rem;} --*/

/* =Sidebar
-------------------------------------------------------------- */
#sidebar {
width:100%;
margin:0;
padding:0;
line-height:2;
border-top:1px solid #c6ebfc;
border-bottom:1px solid #c6ebfc;
background-color:#f9f9ff;
display:block;
box-sizing:border-box;
color:#333}

.sidebar-container {width:100%;padding:1rem 2rem;border-bottom:1px solid #c6ebfc;box-sizing:border-box;}
.sidebar-box {width:100%;margin:1rem 0}

h3.sbtitle {
margin:1rem 0;
padding:0;
font-size:24px;
font-size:1.5rem;
color:#111;
}

h4.sbtitle-center {
margin:1rem auto;
padding:0;
font-size:22px;
font-size:1.375rem;
color:#015D93;
}

#sidebar ul {
margin:1.6rem 0;
padding:0;
list-style:none}

#sidebar li {
margin:1rem 0.6rem 1rem 0.1rem;
padding:0.4rem 0.6rem;
border:1px solid #eee;
border-radius:5px;
line-height:2;
text-align:center;
display:inline-block;
background-color:#e7f6fd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}

#sidebar li a {color:#000;text-decoration:none}

#sidebar li:hover {background-color:#6FC6FF}
	
/* =Бегущая строка
-------------------------------------------------------------- */
.marquee{
width:100%;
margin:0;
padding:1rem 2rem;
color:#212121;
display:block;
box-sizing:border-box;
white-space:nowrap;
overflow:hidden;
background-color:#f9f9ff;
border-bottom:1px solid #c6ebfc}

.marquee span {
margin:1rem 0;
padding-left:100%;
color:#000;
display:inline-block;
-webkit-animation: marquee 90s infinite linear;
animation: marquee 90s infinite linear;
}

.marquee li {padding:0 0.6rem;display:inline-block;}

.marquee span:hover {animation-play-state:paused; /* Пауза */}

@-webkit-keyframes marquee {
0%{-webkit-transform: translate(0, 0);}
100%{-webkit-transform: translate(-100%, 0);}
}
@keyframes marquee{
0%{transform: translate(0, 0);}
100%{transform: translate(-100%, 0)}
}
/*-- End Бегущая строка --*/

/* =Отзывы Яндекс
-------------------------------------------------------------- */
.otzyv{
width:100%;
margin:1rem 2rem;
padding:0;
color:#212121;
display:block}

#footer {
width:100%;
height:auto;
margin:0;
padding:1.4rem;
box-sizing:border-box;
overflow:hidden;
position:relative;
display:block;
text-align:left;
color:#ddd;
background-color:#333;
}

/* Можно удалить
.footer-menu {margin:1.5rem 0;position:relative}
ul.footer-menu li {margin:0.3rem 0.8rem;padding:0;display:inline-block}
.footer-menu a {color:#f9f9ff;text-decoration:underline}
.footer-menu a:hover {color:#aaa}
*/

.footer-box {
margin:1rem auto 0.3rem;
padding:0 0 1rem;
font: 300 0.9rem/1.75rem 'Open Sans', Verdana, sans-serif;
position:relative}
.footer-box a {color:#aaa}

/* =Медиазапросы
-------------------------------------------------------------- */
/*Mobile Large 980px*/
@media screen and (max-width:980px) {

body {
font-family: Inter, Helvetica, Arial, sans-serif;
font-weight: 400;
}
#boxed-wrapper {width:100%;margin:0;box-shadow:none}
.box {padding:0;flex-direction:column-reverse;text-align:center}
.logo {margin:0.9rem auto 0.2rem auto}
/*-- Меню на планшете --*/
.header-menu {width:100%;margin:0;padding:0;border-top:1px solid #33CCFF;border-bottom:1px solid #33CCFF;}
/*-- End Меню --*/

/*-- Шапка: телефон и описание --*/
.adress-header {max-width:400px;margin:auto;padding:0.2rem 0;box-sizing:border-box}

.breadcrumb-box {padding:0.6em}

#content {width:100%;padding:2rem 0.4rem}
.sidebar-container {padding:1rem 0.4rem}
#footer {padding:0 0.4rem}
}

/*Mobile Large 768px*/
@media screen and (max-width:768px) {
body {
color:#373839;
background-color:#FFFDFD;
font-size:1rem;
line-height:1.8;
font-family: Inter, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing:0.003rem}

ol {margin-bottom:1.4em;padding-left:0.4em}

/*-- Меню и Телефон на мобильных--*/
.box-call {padding:0.2rem;justify-content:center;align-items:center;}
.call-header,
.call-link {margin:0.2rem 0.3rem}
/*-- End Меню --*/
	
/*-- Billboard --*/
#billboard{width:100%;height:390px;margin:0 0 0.4rem 0;padding:0;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;background-image:none}
.billboard-left {width:100%;height:100%;margin:0;padding:0.3rem;background-image:url(https://kondicioneryekb.ru/img/headerlg390.jpg);background-size: cover;object-fit:cover;object-position:center;}
.description {padding:1rem 0.2rem;font-size:1.3rem;text-align:center;font-weight:bold;color:#222}
.description-min {padding:0.1rem 0.3rem 0.4rem;font-size:0.75rem;text-align: center;}
.description-bottom {margin:auto auto 1rem auto; padding:0.875rem 1.75rem;text-align:center;}
.description-bottom a {color:#FFFAFA;text-decoration:none}
/*-- End Billboard --*/
	
#wrapper {padding:0 0.1rem}
#content {width:100%;padding:2rem 0.7rem;background-color:#FFFDFD}

h1, h2, h3 {font-size:125%; font-weight:500}

/* =Страница рубрики 768px
-------------------------------------------------------------- */
.catblok {
width:160px;
margin:5px 1px;
padding:0.1rem 0.1rem 0.5rem;}

.catblok-img img {width:100%;height:100px;}
	
/*-- Цена и Купить (страницы товара) --*/
.buy-post {width:100%;margin:0 auto 1rem;padding:0;text-align:center}
.buy-post-box {font-size:100%;}
.buy-post-button h2 {margin:0.6rem auto}
	
figure,
.alignleft,
.alignright,
.aligncenter,
.fotoleft {
display:block;
float:none;
border:none;
max-width:100%;
height:auto;
margin:0.3em auto 0.6em}
	
.relatedposts li {line-height:1.4; padding:1em 0; border-bottom-style:dotted}

.sidebar-box {margin:1rem 0}
	
iframe {max-width:100%; height:auto}
	
/* Contact-Form-7 - Обратный звонок (страницы услуг) */
.cform-callback {width:90%}
.cform-callback-button {width:90%;margin:1rem auto 0.1rem;padding:0.6rem 1.6rem}

/* Contact-Form-7 - Оформить заказ (страницы товара) */
.cform-container {padding:0.8rem 0.6rem 0}
.cform-title {text-align:left}
.cform-forme {width:100%;margin:1rem auto 0}
.cform-name {width:90%;padding:0.8rem 0.1rem}
.cform-button {width:90%;margin:0 auto;padding:0.6rem 1.125rem;border-radius:1.5rem}

.footer-menu {margin:1.3rem 0 2rem}
ul.footer-menu li {margin:0.3rem 0.6rem}
}