/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2.25rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.75rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1.25rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
/* =========================================================================
   1. ТОТАЛЬНЫЙ АБСОЛЮТНЫЙ ВЫЖИГ БЕЛИЗНЫ НАВИГАЦИИ И КАРТОЧЕК KUNENA ДЛЯ АДМИНА
   ========================================================================= */
html body #g-page-surround #kunena nav.navbar, html body #g-page-surround #kunena .navbar, html body #g-page-surround #kunena .navbar-expand-lg, html body #g-page-surround #kunena .bg-light, html body #g-page-surround #kunena .navbar-light, html body #g-page-surround #kunena .navbar-collapse, html body #g-page-surround #kunena .card, html body #g-page-surround #kunena div.bg-white, html body #g-page-surround #kunena div[class*="navbar"], html body #g-page-surround #kunena .dropdown-menu, html body #g-page-surround #kunena ul.dropdown-menu, html body #g-page-surround #kunena .dropdown-item {
  background: #312f38 !important;
  background-color: #312f38 !important;
  --bs-bg-opacity: 1 !important;
  --bs-navbar-bg: #312f38 !important;
  --bs-card-bg: #312f38 !important;
  --bs-dropdown-bg: #312f38 !important;
  --bs-dropdown-link-color: #ffffff !important;
  --bs-dropdown-link-hover-bg: #25242b !important;
  border: 1px solid #42404a !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
}
html body #g-page-surround #kunena .dropdown-menu a, html body #g-page-surround #kunena .dropdown-menu span, html body #g-page-surround #kunena .dropdown-item, html body #g-page-surround #kunena .dropdown-item * {
  color: #ffffff !important;
  background-color: #312f38 !important;
  background: none !important;
}
html body #g-page-surround #kunena .dropdown-menu a:hover, html body #g-page-surround #kunena .dropdown-item:hover {
  background-color: #25242b !important;
  color: #4db2b3 !important;
}
/* =========================================================================
   2. СКВОЗНОЙ ВЫЖИГ ОЛИВКОВОЙ ДРИСНИ — СТРОГО ВНУТРИ СИСТЕМНЫХ КОНТЕЙНЕРОВ
   ========================================================================= */
html body #g-page-surround #kunena h1, html body #g-page-surround #kunena h2, html body #g-page-surround #kunena h3, html body #g-page-surround .com-users-login h1, html body #g-page-surround .com-users-login h2, html body #g-page-surround .com-users-login h3, html body #g-page-surround nav[aria-label="breadcrumb"], html body #g-page-surround .kmessage-title, html body #g-page-surround .kmessage-title * {
  color: #ffffff !important;
}
html body #g-page-surround .form-select, html body #g-page-surround select, html body #g-page-surround select.form-select {
  background-color: #25242b !important;
  color: #ffffff !important;
  border: 1px solid #4db2b3 !important;
  --bs-form-select-color: #ffffff !important;
}
html body #g-page-surround select option, html body #g-page-surround .form-select option, html body #g-page-surround option {
  background-color: #312f38 !important;
  color: #ffffff !important;
}
/* =========================================================================
   3. БЛЭКАУТ ФОРМЫ АВТОРИЗАЦИИ И ВСЕХ ИНПУТОВ САЙТА НА СТРАНИЦЕ /LOGIN
   ========================================================================= */
html body #g-page-surround .card, html body #g-page-surround .list-group-item {
  background: #312f38 !important;
  background-color: #312f38 !important;
  color: #ffffff !important;
  border: 1px solid #42404a !important;
}
html body #g-page-surround input[type="text"], html body #g-page-surround input[type="password"], html body #g-page-surround input[type="email"], html body #g-page-surround .form-control {
  background: #25242b !important;
  color: #ffffff !important;
  border: 1px solid #4db2b3 !important;
  border-radius: 4px !important;
}
html body #g-page-surround .com-users-login__links, html body #g-page-surround .login-links, html body #g-page-surround #com-users-login-form ul, html body #g-page-surround form#login-form ul, html body #g-page-surround .card .list-group {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  position: static !important;
  pointer-events: auto !important;
}
html body #g-page-surround .login-links a, html body #g-page-surround .com-users-login__links a, html body #g-page-surround #com-users-login-form a, html body #g-page-surround .list-group-item a {
  color: #0088cc !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body #g-page-surround .login-links a:hover, html body #g-page-surround .list-group-item a:hover {
  color: #ffffff !important;
}
/* =========================================================================
   4. ЮВЕЛИРНЫЙ ТЮНИНГ ЦВЕТА ТЕКСТА В ПОДВАЛЕ ДЛЯ МOДУЛЯ CITADEL-FOOTER
   ========================================================================= */
html body #g-page-surround .citadel-footer-text, html body #g-page-surround .citadel-footer-text p {
  color: #8b8994 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #g-page-surround .citadel-footer-text a, html body #g-page-surround .citadel-footer-text p a {
  color: #4db2b3 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
}
html body #g-page-surround .citadel-footer-text a:hover, html body #g-page-surround .citadel-footer-text p a:hover {
  color: #5ec4c5 !important;
  text-shadow: 0 0 8px rgba(77, 178, 179, 0.5) !important;
}
/* =========================================================================
   5. ВЫСОКОТОЧНЫЙ СНАЙПЕРСКИЙ ВЫЖИГ КОПИРАЙТА KUNENA ПО ВСЕМ СИСТЕМНЫМ КЛАССАМ
   ========================================================================= */
html body #g-page-surround .kcredits, html body #g-page-surround a[href*="kunena"], html body #g-page-surround a[href*="credits"], html body #g-page-surround div[class*="credits"], html body #g-page-surround div[style*="text-align:center"], html body #g-page-surround #kunena .card-footer, html body #g-page-surround #kunena div.text-center {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}
/* =========================================================================
   6. ТОТАЛЬНЫЙ БЛЭКАУТ И ТЮНИНГ КОНТЕНТА СТАТЕЙ ДЛЯ COM_CONTENT (JOOMLA 6)
   ========================================================================= */
html body #g-page-surround .com-content-article, html body #g-page-surround .com-content-category, html body #g-page-surround .item-page, html body #g-page-surround .blog, html body #g-page-surround .blog-item {
  background: transparent !important;
  color: #b8b8be !important;
  font-family: "Segoe UI", Roboto, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  /* НАШ ЧИСТЫЙ ИЗОЛИРОВАННЫЙ РОЗОВЫЙ НЕОН ДЛЯ ИНЛАЙН-КОМАНД В МАТЕРИАЛАХ */
}
html body #g-page-surround .com-content-article h1, html body #g-page-surround .com-content-article h2, html body #g-page-surround .com-content-article h3, html body #g-page-surround .com-content-article h4, html body #g-page-surround .com-content-article .page-header h1, html body #g-page-surround .com-content-article .page-header h2, html body #g-page-surround .com-content-category h1, html body #g-page-surround .com-content-category h2, html body #g-page-surround .com-content-category h3, html body #g-page-surround .com-content-category h4, html body #g-page-surround .com-content-category .page-header h1, html body #g-page-surround .com-content-category .page-header h2, html body #g-page-surround .item-page h1, html body #g-page-surround .item-page h2, html body #g-page-surround .item-page h3, html body #g-page-surround .item-page h4, html body #g-page-surround .item-page .page-header h1, html body #g-page-surround .item-page .page-header h2, html body #g-page-surround .blog h1, html body #g-page-surround .blog h2, html body #g-page-surround .blog h3, html body #g-page-surround .blog h4, html body #g-page-surround .blog .page-header h1, html body #g-page-surround .blog .page-header h2, html body #g-page-surround .blog-item h1, html body #g-page-surround .blog-item h2, html body #g-page-surround .blog-item h3, html body #g-page-surround .blog-item h4, html body #g-page-surround .blog-item .page-header h1, html body #g-page-surround .blog-item .page-header h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #2e2d35 !important;
  padding-bottom: 8px !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.1) !important;
}
html body #g-page-surround .com-content-article h1, html body #g-page-surround .com-content-category h1, html body #g-page-surround .item-page h1, html body #g-page-surround .blog h1, html body #g-page-surround .blog-item h1 {
  font-size: 26px !important;
}
html body #g-page-surround .com-content-article h2, html body #g-page-surround .com-content-category h2, html body #g-page-surround .item-page h2, html body #g-page-surround .blog h2, html body #g-page-surround .blog-item h2 {
  font-size: 21px !important;
}
html body #g-page-surround .com-content-article h3, html body #g-page-surround .com-content-category h3, html body #g-page-surround .item-page h3, html body #g-page-surround .blog h3, html body #g-page-surround .blog-item h3 {
  font-size: 18px !important;
}
html body #g-page-surround .com-content-article a, html body #g-page-surround .com-content-category a, html body #g-page-surround .item-page a, html body #g-page-surround .blog a, html body #g-page-surround .blog-item a {
  color: #4db2b3 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out !important;
}
html body #g-page-surround .com-content-article a:hover, html body #g-page-surround .com-content-category a:hover, html body #g-page-surround .item-page a:hover, html body #g-page-surround .blog a:hover, html body #g-page-surround .blog-item a:hover {
  color: #5ec4c5 !important;
  text-shadow: 0 0 8px rgba(77, 178, 179, 0.5) !important;
  text-decoration: underline !important;
}
html body #g-page-surround .com-content-article code, html body #g-page-surround .com-content-article kbd, html body #g-page-surround .com-content-article samp, html body #g-page-surround .com-content-category code, html body #g-page-surround .com-content-category kbd, html body #g-page-surround .com-content-category samp, html body #g-page-surround .item-page code, html body #g-page-surround .item-page kbd, html body #g-page-surround .item-page samp, html body #g-page-surround .blog code, html body #g-page-surround .blog kbd, html body #g-page-surround .blog samp, html body #g-page-surround .blog-item code, html body #g-page-surround .blog-item kbd, html body #g-page-surround .blog-item samp {
  background-color: #17161b !important;
  color: #ff5c93 !important;
  font-family: "Fira Code", monospace !important;
  font-size: 14px !important;
  border: 1px solid #363440 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  display: inline-block !important;
}
html body #g-page-surround .com-content-article pre, html body #g-page-surround .com-content-category pre, html body #g-page-surround .item-page pre, html body #g-page-surround .blog pre, html body #g-page-surround .blog-item pre {
  background-color: #17161b !important;
  padding: 15px 18px !important;
  margin: 20px 0 !important;
  overflow-x: auto !important;
  white-space: pre !important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5) !important;
  border-left: 3px solid #4db2b3 !important;
}
html body #g-page-surround .com-content-article pre code, html body #g-page-surround .com-content-category pre code, html body #g-page-surround .item-page pre code, html body #g-page-surround .blog pre code, html body #g-page-surround .blog-item pre code {
  background: none !important;
  background-color: transparent !important;
  color: #e6e6e8 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  display: block !important;
}
html body #g-page-surround .com-content-article table, html body #g-page-surround .com-content-article .table, html body #g-page-surround .com-content-category table, html body #g-page-surround .com-content-category .table, html body #g-page-surround .item-page table, html body #g-page-surround .item-page .table, html body #g-page-surround .blog table, html body #g-page-surround .blog .table, html body #g-page-surround .blog-item table, html body #g-page-surround .blog-item .table {
  width: 100% !important;
  margin: 25px 0 !important;
  border-collapse: collapse !important;
  background-color: #212026 !important;
  border: 1px solid #2e2d35 !important;
}
html body #g-page-surround .com-content-article table th, html body #g-page-surround .com-content-article table td, html body #g-page-surround .com-content-article .table th, html body #g-page-surround .com-content-article .table td, html body #g-page-surround .com-content-category table th, html body #g-page-surround .com-content-category table td, html body #g-page-surround .com-content-category .table th, html body #g-page-surround .com-content-category .table td, html body #g-page-surround .item-page table th, html body #g-page-surround .item-page table td, html body #g-page-surround .item-page .table th, html body #g-page-surround .item-page .table td, html body #g-page-surround .blog table th, html body #g-page-surround .blog table td, html body #g-page-surround .blog .table th, html body #g-page-surround .blog .table td, html body #g-page-surround .blog-item table th, html body #g-page-surround .blog-item table td, html body #g-page-surround .blog-item .table th, html body #g-page-surround .blog-item .table td {
  padding: 12px 14px !important;
  border: 1px solid #2e2d35 !important;
  text-align: left !important;
}
html body #g-page-surround .com-content-article table th, html body #g-page-surround .com-content-article .table th, html body #g-page-surround .com-content-category table th, html body #g-page-surround .com-content-category .table th, html body #g-page-surround .item-page table th, html body #g-page-surround .item-page .table th, html body #g-page-surround .blog table th, html body #g-page-surround .blog .table th, html body #g-page-surround .blog-item table th, html body #g-page-surround .blog-item .table th {
  background-color: #17161b !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}
html body #g-page-surround .com-content-article table tr:nth-child(even), html body #g-page-surround .com-content-article .table tr:nth-child(even), html body #g-page-surround .com-content-category table tr:nth-child(even), html body #g-page-surround .com-content-category .table tr:nth-child(even), html body #g-page-surround .item-page table tr:nth-child(even), html body #g-page-surround .item-page .table tr:nth-child(even), html body #g-page-surround .blog table tr:nth-child(even), html body #g-page-surround .blog .table tr:nth-child(even), html body #g-page-surround .blog-item table tr:nth-child(even), html body #g-page-surround .blog-item .table tr:nth-child(even) {
  background-color: #1c1b21 !important;
}
html body #g-page-surround .com-content-article table tr:hover, html body #g-page-surround .com-content-article .table tr:hover, html body #g-page-surround .com-content-category table tr:hover, html body #g-page-surround .com-content-category .table tr:hover, html body #g-page-surround .item-page table tr:hover, html body #g-page-surround .item-page .table tr:hover, html body #g-page-surround .blog table tr:hover, html body #g-page-surround .blog .table tr:hover, html body #g-page-surround .blog-item table tr:hover, html body #g-page-surround .blog-item .table tr:hover {
  background-color: #25242b !important;
}
html body #g-page-surround .com-content-article ul, html body #g-page-surround .com-content-article ol, html body #g-page-surround .com-content-category ul, html body #g-page-surround .com-content-category ol, html body #g-page-surround .item-page ul, html body #g-page-surround .item-page ol, html body #g-page-surround .blog ul, html body #g-page-surround .blog ol, html body #g-page-surround .blog-item ul, html body #g-page-surround .blog-item ol {
  margin: 15px 0 20px 20px !important;
  padding: 0 !important;
}
html body #g-page-surround .com-content-article ul li, html body #g-page-surround .com-content-article ol li, html body #g-page-surround .com-content-category ul li, html body #g-page-surround .com-content-category ol li, html body #g-page-surround .item-page ul li, html body #g-page-surround .item-page ol li, html body #g-page-surround .blog ul li, html body #g-page-surround .blog ol li, html body #g-page-surround .blog-item ul li, html body #g-page-surround .blog-item ol li {
  margin-bottom: 8px !important;
  line-height: 1.6 !important;
}
html body #g-page-surround .com-content-article ul li strong, html body #g-page-surround .com-content-article ol li strong, html body #g-page-surround .com-content-category ul li strong, html body #g-page-surround .com-content-category ol li strong, html body #g-page-surround .item-page ul li strong, html body #g-page-surround .item-page ol li strong, html body #g-page-surround .blog ul li strong, html body #g-page-surround .blog ol li strong, html body #g-page-surround .blog-item ul li strong, html body #g-page-surround .blog-item ol li strong {
  color: #ffffff !important;
}
html body #g-page-surround .com-content-article ul li, html body #g-page-surround .com-content-category ul li, html body #g-page-surround .item-page ul li, html body #g-page-surround .blog ul li, html body #g-page-surround .blog-item ul li {
  list-style-type: square !important;
}
html body #g-page-surround .com-content-article img, html body #g-page-surround .com-content-category img, html body #g-page-surround .item-page img, html body #g-page-surround .blog img, html body #g-page-surround .blog-item img {
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #2e2d35 !important;
  border-radius: 4px !important;
  margin: 15px 0 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}
/* =========================================================================
   7. СНАЙПЕРСКИЙ СУХОЙ ВЫЖИГ СЕРОСТИ ФОРУМА KUNENA БЕЗ ТЕГОВ-УБИЙЦ СИНТАКСИСА
   ========================================================================= */
html body #g-page-surround #kunena {
  /* Твой родной выверенный бирюзовый неон Citadel строго для главных ссылок разделов */
  /* ИЗОЛЯЦИЯ РОЗОВОГО НЕОНА: Нацеливаем цвет строго на классы вывода текста сообщений форума,
       полностью исключая голые теги "code" и "span", чтобы служебная панель редактора никогда больше не ломалась! */
  /* Ховер-эффект для категорий */
}
html body #g-page-surround #kunena .kcategory-title-desc, html body #g-page-surround #kunena .kcol-category-desc, html body #g-page-surround #kunena div[class*="-desc"], html body #g-page-surround #kunena .kext, html body #g-page-surround #kunena .card-body, html body #g-page-surround #kunena .text-muted, html body #g-page-surround #kunena .muted {
  color: #b8b8be !important;
  font-size: 13px !important;
}
html body #g-page-surround #kunena h1, html body #g-page-surround #kunena h2, html body #g-page-surround #kunena h3, html body #g-page-surround #kunena h4, html body #g-page-surround #kunena h3 a, html body #g-page-surround #kunena .kcategory-title-link, html body #g-page-surround #kunena a.kcategory-title-link, html body #g-page-surround #kunena .ktitle, html body #g-page-surround #kunena .card-header, html body #g-page-surround #kunena .card-title {
  color: #4db2b3 !important;
  font-weight: 700 !important;
}
html body #g-page-surround #kunena .kmsgtext code, html body #g-page-surround #kunena .kmsgtext kbd, html body #g-page-surround #kunena .kcode, html body #g-page-surround #kunena pre.kcode, html body #g-page-surround #kunena span.kcode, html body #g-page-surround #kunena div.kcode, html body #g-page-surround #kunena .kmsgtext-container code {
  background-color: #17161b !important;
  color: #ff5c93 !important;
  /* Твой породистый розовый неон Citadel горит strictly внутри постов! */
  font-family: "Fira Code", monospace !important;
  font-size: 14px !important;
  border: 1px solid #363440 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  display: inline-block !important;
}
html body #g-page-surround #kunena a:hover, html body #g-page-surround #kunena h3 a:hover, html body #g-page-surround #kunena .kcategory-title-link:hover {
  color: #5ec4c5 !important;
  text-shadow: 0 0 15px rgba(94, 196, 197, 0.8) !important;
  text-decoration: underline !important;
}
/*# sourceMappingURL=custom_19.css.map */