/* Макет статьи (как запись блога демо Creovio): текст слева в .nu-article-body, справа сайдбар «Сайдбар статьи».
   Подключается только на страницах с этим сайдбаром (child/inc/article-layout.php). Цвета и размеры из темы:
   текст var(--text-color), заголовки var(--headings-color), карточки #1d1d1d как у виджетов сайдбара, акцент var(--theme-color1). */

/* контейнер и колонки как у записи демо. У страниц Elementor тема растягивает контейнер на всю ширину и снимает
   отступы колонок (style-main.css, body.elementor-page:not(.single-post)): возвращаем ширины Bootstrap и 1340 px темы */
html body.nu-article.elementor-page .main-content-section-wrapper>.container{width:100%!important;max-width:none!important;padding-left:12px;padding-right:12px}
@media (min-width:576px){html body.nu-article.elementor-page .main-content-section-wrapper>.container{max-width:540px!important}}
@media (min-width:768px){html body.nu-article.elementor-page .main-content-section-wrapper>.container{max-width:720px!important}}
@media (min-width:992px){html body.nu-article.elementor-page .main-content-section-wrapper>.container{max-width:960px!important}}
@media (min-width:1200px){html body.nu-article.elementor-page .main-content-section-wrapper>.container{max-width:1140px!important}}
@media (min-width:1400px){html body.nu-article.elementor-page .main-content-section-wrapper>.container{max-width:1340px!important}}
html body.nu-article.elementor-page .main-content>.main-content-section-wrapper>.container>.row>div{padding-left:12px;padding-right:12px}
/* отступы сверху и снизу как у записи демо (120 px): у страниц Elementor тема их обнуляет */
body.nu-article .main-content-area,body.nu-article .sidebar-area{padding-top:var(--tm-container-pt,120px)!important;padding-bottom:var(--tm-container-pb,120px)!important}
@media (max-width:991.98px){
  body.nu-article .main-content-area{padding-top:64px!important;padding-bottom:56px!important}
  body.nu-article .sidebar-area{padding-top:0!important;padding-bottom:80px!important}
}

/* заголовок в плашке на телефоне: у документов длинные слова («информационных»), при 45 px тема рвёт их посередине */
@media (max-width:575.98px){body.nu-article .elementor-widget-tm-ele-page-title h1.title{font-size:34px;line-height:1.25}}

/* ---------- текст статьи ---------- */
.nu-article-body{color:var(--text-color,#e8e8e8);font-size:var(--body-font-size,1rem);line-height:1.9;overflow-wrap:break-word}
.nu-article-body>:first-child{margin-top:0}
.nu-article-body>:last-child{margin-bottom:0}
.nu-article-body h2,.nu-article-body h3,.nu-article-body h4,.nu-article-body h5,.nu-article-body h6{color:var(--headings-color,#fff);font-family:var(--heading-font-family);font-weight:500;letter-spacing:normal;text-transform:none}
.nu-article-body h2{font-size:2rem;line-height:1.3;margin:52px 0 18px}
.nu-article-body h3{font-size:1.5rem;line-height:1.35;margin:40px 0 14px}
.nu-article-body h4{font-size:1.25rem;line-height:1.4;margin:32px 0 12px}
.nu-article-body h5,.nu-article-body h6{font-size:1.125rem;line-height:1.45;margin:28px 0 10px}
.nu-article-body p{margin:0 0 18px}
.nu-article-body strong,.nu-article-body b{color:var(--headings-color,#fff);font-weight:600}
.nu-article-body a{color:var(--theme-color1);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}
.nu-article-body a:hover{color:var(--headings-color,#fff)}
.nu-article-lead{font-size:1.25rem;line-height:1.6;color:var(--headings-color,#fff);margin:0 0 36px}
/* списки: значок темы из списка статьи демо (FlaticonCommon «box»), нумерация салатовым */
.nu-article-body ul,.nu-article-body ol{list-style:none;margin:0 0 24px;padding:0}
.nu-article-body ul>li,.nu-article-body ol>li{position:relative;margin:0 0 10px;padding-left:32px}
.nu-article-body ul>li:before{content:"\f150";font-family:FlaticonCommon;font-size:18px;line-height:1;color:var(--theme-color1);position:absolute;left:0;top:.3em}
.nu-article-body ol{counter-reset:nu-ol}
.nu-article-body ol>li{counter-increment:nu-ol}
.nu-article-body ol>li:before{content:counter(nu-ol) ".";position:absolute;left:0;top:0;color:var(--theme-color1);font-weight:600}
.nu-article-body li>ul,.nu-article-body li>ol{margin:10px 0 0}
/* таблицы в тёмной теме: шапка на карточке, тонкие рамки; на телефоне таблица листается вбок */
.nu-article-body table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:.9375rem;line-height:1.55}
.nu-article-body th,.nu-article-body td{border:1px solid var(--theme-color-silver,#292929);padding:12px 16px;text-align:left;vertical-align:top}
.nu-article-body thead th,.nu-article-body tr>th:first-child:not(:only-child){background:var(--theme-color-light,#1d1d1d);color:var(--headings-color,#fff);font-weight:600}
.nu-article-body tbody tr:nth-child(2n) td{background:rgba(255,255,255,.02)}
.nu-article-body img{max-width:100%;height:auto;border-radius:16px}
.nu-article-body figure{margin:0 0 28px}
.nu-article-body figcaption{font-size:.875rem;color:var(--sidebar_link_color,#aaa);margin-top:8px}
.nu-article-body hr{border:0;border-top:1px solid var(--theme-color-silver,#292929);margin:40px 0}
.nu-article-body code{background:var(--theme-color-light,#1d1d1d);border-radius:4px;padding:2px 6px;font-size:.9em}
.nu-article-body pre{background:var(--theme-color-light,#1d1d1d);border-radius:10px;padding:18px 20px;overflow-x:auto;margin:0 0 24px}
.nu-article-body pre code{background:none;padding:0}
@media (max-width:767.98px){
  .nu-article-body h2{font-size:1.75rem;margin-top:40px}
  .nu-article-body h3{font-size:1.375rem}
  .nu-article-lead{font-size:1.125rem;margin-bottom:28px}
  .nu-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ---------- сайдбар: виджеты темы, наши списки ---------- */
.nu-article .sidebar-area .wp-block-categories>li{line-height:1.5;padding-top:8px;padding-bottom:8px}
.nu-article .sidebar-area .wp-block-categories>li:before{top:8px}
.nu-article .sidebar-area .wp-block-categories>li>a{margin-left:0;display:inline-block}
.nu-article .sidebar-area .nu-side-docs>li:before{content:"\f15c"}
.nu-article .sidebar-area .wp-block-categories>li.is-current>a{color:var(--theme-color1)}
.nu-article .sidebar-area .nu-side-posts li{display:flex;align-items:center;gap:16px}
.nu-article .sidebar-area .nu-side-posts li:after{content:none}
.nu-article .sidebar-area .nu-side-posts .wp-block-latest-posts__featured-image{float:none;flex:0 0 70px;margin:0}
.nu-article .sidebar-area .nu-side-posts .wp-block-latest-posts__featured-image img{display:block;width:70px;height:70px;object-fit:cover;border-radius:6px}
.nu-article .sidebar-area .nu-side-posts .wp-block-latest-posts__post-title{line-height:1.55}

/* ---------- карта сайта ---------- */
/* группы карточками виджетов в две колонки без пустот (как кладка), «Блог» и «English» на всю ширину */
.nu-article-body .nu-map-cols{columns:2;column-gap:24px}
.nu-article-body .nu-map-group{break-inside:avoid;background:var(--theme-color-light,#1d1d1d);border-radius:7px;padding:32px 35px;margin:0 0 24px}
.nu-article-body .nu-map-wide{column-span:all}
.nu-article-body .nu-map-group:last-child{margin-bottom:0}
.nu-article-body .nu-map-title{position:relative;font-size:1.5rem;line-height:1.4;margin:0 0 20px;padding-bottom:20px}
.nu-article-body .nu-map-title:before,.nu-article-body .nu-map-title:after{content:"";position:absolute;left:0;bottom:-1px;height:3px;border-radius:10px}
.nu-article-body .nu-map-title:before{width:100%;background:var(--sidebar_widget_heading_border_color,#0d0d0d)}
.nu-article-body .nu-map-title:after{width:50px;background:var(--theme-color1)}
.nu-article-body .nu-map-list,.nu-article-body .nu-map-sub{margin:0;padding:0}
.nu-article-body .nu-map-list li{padding-left:0;margin:0 0 8px;line-height:1.5}
.nu-article-body .nu-map-list li:before{content:none}
.nu-article-body .nu-map-list a{color:var(--sidebar_link_color,#aaa);text-decoration:none}
.nu-article-body .nu-map-list a:hover{color:var(--theme-color1)}
.nu-article-body .nu-map-list>li>a{color:var(--text-color,#e8e8e8)}
.nu-article-body .nu-map-sub{margin:8px 0 4px 2px;padding-left:16px;border-left:1px solid var(--theme-color-silver,#292929)}
.nu-article-body .nu-map-sub li{font-size:.9375rem}
.nu-article-body .nu-map-wide .nu-map-list{columns:3 200px;column-gap:28px}
.nu-article-body .nu-map-wide .nu-map-list li{break-inside:avoid;font-size:.875rem;line-height:1.45;margin-bottom:7px}
.nu-article-body .nu-map-wide .nu-map-list>li>a{color:var(--sidebar_link_color,#aaa)}
@media (max-width:767.98px){
  .nu-article-body .nu-map-cols{columns:1}
  .nu-article-body .nu-map-group{padding:26px 22px;margin-bottom:16px}
}

/* ---------- филиалы: карточки городов ---------- */
.nu-article-body .nu-branches-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.nu-article-body .nu-branches-facts li{margin:0;padding:8px 18px;border:1px solid var(--theme-color-silver,#292929);border-radius:100px;line-height:1.5;font-size:.9375rem}
.nu-article-body .nu-branches-facts li:before{content:none}
.nu-article-body .nu-branches-facts b{color:var(--theme-color1);font-weight:600}
.nu-article-body .nu-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 64px}
.nu-article-body .nu-branch{display:flex;flex-direction:column;background:var(--theme-color-light,#1d1d1d);border:1px solid var(--theme-color-light,#1d1d1d);border-radius:7px;padding:30px 32px;transition:border-color .3s}
.nu-article-body .nu-branch:hover{border-color:rgba(var(--theme-color1-rgb,188,234,62),.45)}
.nu-article-body .nu-branch-num{font-size:.8125rem;line-height:1.4;letter-spacing:.08em;color:var(--theme-color1);margin:0 0 12px}
.nu-article-body .nu-branch-name{font-family:var(--heading-font-family);font-size:1.375rem;line-height:1.3;font-weight:500;color:var(--headings-color,#fff);margin:0 0 10px}
.nu-article-body .nu-branch-addr{color:var(--sidebar_link_color,#aaa);line-height:1.6;margin:0 0 22px}
.nu-article-body .nu-branch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--theme-color-silver,#292929)}
.nu-article-body .nu-branch-row a{text-decoration:none}
.nu-article-body .nu-branch-tel{color:var(--headings-color,#fff)}
.nu-article-body .nu-branch-tel:hover{color:var(--theme-color1)}
.nu-article-body .nu-branch-map{color:var(--theme-color1);font-weight:500}
.nu-article-body .nu-branch-map:after{content:"\f35d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.75em;margin-left:8px}
.nu-article-body .nu-branch-map:hover{color:var(--headings-color,#fff)}
.nu-article-body .nu-branches-info{margin:0;background:var(--theme-color-light,#1d1d1d);border-radius:7px;padding:10px 35px}
.nu-article-body .nu-branches-info>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--theme-color-silver,#292929)}
.nu-article-body .nu-branches-info>div:last-child{border-bottom:0}
.nu-article-body .nu-branches-info dt{font-weight:400;color:var(--sidebar_link_color,#aaa)}
.nu-article-body .nu-branches-info dd{margin:0;color:var(--headings-color,#fff)}
@media (max-width:767.98px){
  .nu-article-body .nu-branches{grid-template-columns:1fr;gap:16px}
  .nu-article-body .nu-branch{padding:26px 22px}
  .nu-article-body .nu-branches-info{padding:6px 22px}
  .nu-article-body .nu-branches-info>div{grid-template-columns:1fr;gap:2px}
}