/* Catode.ru: dark theme and the switch for it.
   Source and generator: ~/catode-theme on Andrey's MacBook (tools/build_mirror.py builds this
   file from the theme's CSS). The theme is chosen by an inline script in <head> printed by
   mu-plugins/catode-dark.php, which sets html[data-theme]. Every rule below is scoped to
   html[data-theme="dark"] except the switch itself. */

/* ---- automatic layer: generated by tools/gen_dark.py, do not edit by hand ---- */

/* style.css */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] div,
html[data-theme="dark"] span,
html[data-theme="dark"] applet,
html[data-theme="dark"] object,
html[data-theme="dark"] iframe,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] p,
html[data-theme="dark"] blockquote,
html[data-theme="dark"] pre,
html[data-theme="dark"] a,
html[data-theme="dark"] abbr,
html[data-theme="dark"] acronym,
html[data-theme="dark"] address,
html[data-theme="dark"] big,
html[data-theme="dark"] cite,
html[data-theme="dark"] code,
html[data-theme="dark"] del,
html[data-theme="dark"] dfn,
html[data-theme="dark"] em,
html[data-theme="dark"] img,
html[data-theme="dark"] ins,
html[data-theme="dark"] kbd,
html[data-theme="dark"] q,
html[data-theme="dark"] s,
html[data-theme="dark"] samp,
html[data-theme="dark"] small,
html[data-theme="dark"] strike,
html[data-theme="dark"] strong,
html[data-theme="dark"] sub,
html[data-theme="dark"] sup,
html[data-theme="dark"] tt,
html[data-theme="dark"] var,
html[data-theme="dark"] b,
html[data-theme="dark"] u,
html[data-theme="dark"] i,
html[data-theme="dark"] center,
html[data-theme="dark"] dl,
html[data-theme="dark"] dt,
html[data-theme="dark"] dd,
html[data-theme="dark"] ol,
html[data-theme="dark"] ul,
html[data-theme="dark"] li,
html[data-theme="dark"] fieldset,
html[data-theme="dark"] form,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] table,
html[data-theme="dark"] caption,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tfoot,
html[data-theme="dark"] thead,
html[data-theme="dark"] tr,
html[data-theme="dark"] th,
html[data-theme="dark"] td,
html[data-theme="dark"] article,
html[data-theme="dark"] aside,
html[data-theme="dark"] canvas,
html[data-theme="dark"] details,
html[data-theme="dark"] embed,
html[data-theme="dark"] figure,
html[data-theme="dark"] figcaption,
html[data-theme="dark"] footer,
html[data-theme="dark"] header,
html[data-theme="dark"] hgroup,
html[data-theme="dark"] menu,
html[data-theme="dark"] nav,
html[data-theme="dark"] output,
html[data-theme="dark"] ruby,
html[data-theme="dark"] section,
html[data-theme="dark"] summary,
html[data-theme="dark"] time,
html[data-theme="dark"] mark,
html[data-theme="dark"] audio,
html[data-theme="dark"] video { border: 0 }
html[data-theme="dark"] :focus { outline: 0 }
html[data-theme="dark"] blockquote { border-bottom: 1px solid #2c3139; border-top: 1px solid #2c3139 }
html[data-theme="dark"] mark { color: #e7e9ec; background: #FFF7A8 }
html[data-theme="dark"] .wp-caption { background: #181b20; border: 1px solid #2c3139 }
html[data-theme="dark"] #gallery-1 img { border: 0 !important }
html[data-theme="dark"] .wp-caption { background: #181b20; border: 1px solid #2c3139 }
html[data-theme="dark"] #page .wp-caption img { border: 0 none }
html[data-theme="dark"] .screen-reader-text:focus { background-color: #20242a; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #8ab4f8 }
html[data-theme="dark"] body { color: #c5cad1; background-color: #20242a }
html[data-theme="dark"] ::-moz-selection { background: #222; color: white; text-shadow: none }
html[data-theme="dark"] ::selection { background: #222; color: white; text-shadow: none }
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 { color: #c5cad1 }
html[data-theme="dark"] a { color: #8ab4f8 }
html[data-theme="dark"] a:hover { color: #8ab4f8 }
html[data-theme="dark"] .main-container { background: #181b20; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6) }
html[data-theme="dark"] .trending-articles { background: #2A2A2A; border-bottom: 1px solid #000 }
html[data-theme="dark"] .trending-articles li,
html[data-theme="dark"] .trending-articles .firstlink { border-right: 1px solid #454c57; color: #fff }
html[data-theme="dark"] .trending-articles .firstlink { border: none; background-color: #2A2A2A }
html[data-theme="dark"] .trending-articles li a { color: #959ca6 }
html[data-theme="dark"] #site-header { background-color: #20242a; border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] #site-header .container { background: #181b20 }
html[data-theme="dark"] #logo a { color: inherit }
html[data-theme="dark"] .header-bottom-second { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .widget-header .textwidget { border-left: 1px solid #2c3139 }
html[data-theme="dark"] #secondary-navigation { border-left: 1px solid #2c3139 }
html[data-theme="dark"] #secondary-navigation a { border-right: 1px solid #2c3139; border-left: 1px solid #181b20 }
html[data-theme="dark"] #secondary-navigation ul ul li a { border: 0 }
html[data-theme="dark"] .navigation ul .current-menu-item > a { background: #181b20; border-bottom: 1px solid #181b20 }
html[data-theme="dark"] #secondary-navigation ul li:hover > a { background-color: #181b20; color: inherit }
html[data-theme="dark"] #secondary-navigation ul li:last-of-type a { border-right: 0 }
html[data-theme="dark"] #secondary-navigation a .sub { color: #959ca6 }
html[data-theme="dark"] .navigation > ul > .current a { background: transparent; color: #c5cad1 !important }
html[data-theme="dark"] .navigation ul li li { background: #181b20; border-bottom: 0 }
html[data-theme="dark"] .navigation ul ul { color: #959ca6; border: 1px solid #2c3139 }
html[data-theme="dark"] .navigation ul ul li { background: #181b20; color: #e7e9ec }
html[data-theme="dark"] .navigation ul ul a,
html[data-theme="dark"] .navigation ul ul a:link,
html[data-theme="dark"] .navigation ul ul a:visited { border-left: 0; background: transparent; border-right: 0; border-bottom: 1px solid rgba(24, 27, 32, 0.05) }
html[data-theme="dark"] #secondary-navigation ul ul li:last-of-type a { border-bottom: none; border-right: 0 }
html[data-theme="dark"] #wpmm-megamenu.wpmm-visible { border-top: 1px solid #2c3139 }
html[data-theme="dark"] .sub-menu .menu-item-has-children:after { color: #fff }
html[data-theme="dark"] .sticky-navigation-active .navigation { background: #181b20 }
html[data-theme="dark"] .featured-excerpt { background: rgba(0, 0, 0, 0.5); color: #f1f1f1 }
html[data-theme="dark"] .frontTitle { background: #292e35 }
html[data-theme="dark"] h3.featured-category-title { background: #292e35 }
html[data-theme="dark"] h3.featured-category-title a { color: inherit }
html[data-theme="dark"] .single_post { background-color: #181b20 }
html[data-theme="dark"] .single_page { background-color: #181b20 }
html[data-theme="dark"] .readMore { color: #959ca6 }
html[data-theme="dark"] .frontPost .readMore a { color: #e7e9ec }
html[data-theme="dark"] .ss-full-width { background: #181b20 }
html[data-theme="dark"] .post.excerpt { background-color: #181b20 }
html[data-theme="dark"] .post-info { color: #959ca6 }
html[data-theme="dark"] .post-info a,
html[data-theme="dark"] .single_post .post-info a { color: #959ca6 }
html[data-theme="dark"] .thecategory { background-color: #1A56DB; color: #fff }
html[data-theme="dark"] .single_post .post-info .thecategory { background-color: transparent; color: inherit !important }
html[data-theme="dark"] .thecategory a { color: #fff }
html[data-theme="dark"] .latestPost { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .latestPost:last-child { border-bottom: 0 }
html[data-theme="dark"] #callout { background-color: #2A2A2A; color: #fff }
html[data-theme="dark"] #callout .callout-title { color: inherit }
html[data-theme="dark"] .section-title span { background-color: #181b20 }
html[data-theme="dark"] .section-title:before,
html[data-theme="dark"] .footer-widgets:before { border-top: 1px solid #2c3139; border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .grid-box .title a { color: inherit }
html[data-theme="dark"] #features .feature-icon { background-color: #1A56DB; color: #fff }
html[data-theme="dark"] .btn-archive-link { background-color: #181b20 }
html[data-theme="dark"] .btn-archive-link.project-categories a { color: #fff; background-color: #2A2A2A }
html[data-theme="dark"] .project-showcase-image { background-repeat: no-repeat }
html[data-theme="dark"] .project-info { border: 1px solid #2c3139; border-bottom: none }
html[data-theme="dark"] .project-info dt { color: #e7e9ec }
html[data-theme="dark"] .project-info dd,
html[data-theme="dark"] .project-info dt { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] #team .social-list a { background-color: #1A56DB; color: #fff }
html[data-theme="dark"] .toggle-menu .toggle-caret .fa { color: inherit }
html[data-theme="dark"] .widget .wpt_widget_content #tags-tab-content ul li { border: 0 }
html[data-theme="dark"] .widget .wpt_widget_content #tags-tab-content ul li a:hover { background-color: #2A2A2A }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { color: #c5cad1; border: 1px solid #2c3139 }
html[data-theme="dark"] select { border-color: #2c3139 }
html[data-theme="dark"] table { border: 1px solid #2c3139 }
html[data-theme="dark"] thead { background: #181b20; color: #c5cad1 }
html[data-theme="dark"] tbody th { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] hr { border: none; border-bottom: 1px solid #2c3139; border-bottom: 1px solid rgba(0,0,0,0.1) }
html[data-theme="dark"] .sbutton,
html[data-theme="dark"] #searchsubmit,
html[data-theme="dark"] .woocommerce-product-search input[type="submit"] { border: 0; color: white; background: transparent; border: 0 }
html[data-theme="dark"] #searchform .fa-search { color: #FFF; background: #1A56DB }
html[data-theme="dark"] #s,
html[data-theme="dark"] .woocommerce-product-search .search-field { background-color: #20242a; color: #c5cad1; border: 1px solid #2c3139 }
html[data-theme="dark"] ::-webkit-input-placeholder { color: #959ca6 }
html[data-theme="dark"] :-moz-placeholder { color: #959ca6 }
html[data-theme="dark"] ::-moz-placeholder { color: #959ca6 }
html[data-theme="dark"] :-ms-input-placeholder { color: #959ca6 }
html[data-theme="dark"] :input-placeholder { color: #959ca6 }
html[data-theme="dark"] .read-more { background: none }
html[data-theme="dark"] a.header-button { color: #FFF !important; background-color: #1A56DB }
html[data-theme="dark"] #sidebar a { color: #e7e9ec }
html[data-theme="dark"] .widget .title { color: #c5cad1 }
html[data-theme="dark"] #sidebar .advanced-recent-posts li,
html[data-theme="dark"] #sidebar .popular-posts li,
html[data-theme="dark"] #sidebar .category-posts li,
html[data-theme="dark"] #sidebar .related-posts-widget li,
html[data-theme="dark"] #sidebar .author-posts-widget li { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .advanced-recent-posts li,
html[data-theme="dark"] .popular-posts li,
html[data-theme="dark"] .category-posts li,
html[data-theme="dark"] .related-posts-widget li,
html[data-theme="dark"] .author-posts-widget li { color: #959ca6; background: none }
html[data-theme="dark"] .widget .meta { color: #959ca6 }
html[data-theme="dark"] .shareit { border: none }
html[data-theme="dark"] .social-profile-icons ul li { background: none; border: none; border: none !important }
html[data-theme="dark"] .social-profile-icons ul li a { color: #FFF !important }
html[data-theme="dark"] .sidebar .social-profile-icons ul li a:hover { color: #fff; background: #2A2A2A }
html[data-theme="dark"] .sidebar .social-profile-icons ul li a { color: #fff }
html[data-theme="dark"] .social-profile-icons .social-youtube a { background: #c9322b }
html[data-theme="dark"] .social-profile-icons .social-rss a { background: #ef922f }
html[data-theme="dark"] .social-profile-icons .social-twitter a { background: #40bff5 }
html[data-theme="dark"] .social-profile-icons .social-facebook a { background: #5d82d1 }
html[data-theme="dark"] .social-profile-icons .social-gplus a { background: #eb5e4c }
html[data-theme="dark"] .social-profile-icons .social-vimeo a { background: #35c6ea }
html[data-theme="dark"] .social-profile-icons .social-dribbble a { background: #f7659c }
html[data-theme="dark"] .social-profile-icons .social-tumblr a { background: #426d9b }
html[data-theme="dark"] .social-profile-icons .social-instagram a { background: #91653f }
html[data-theme="dark"] .social-profile-icons .social-flickr a { background: #ff48a3 }
html[data-theme="dark"] .social-profile-icons .social-pinterest a { background: #e13138 }
html[data-theme="dark"] .social-profile-icons .social-linkedin a { background: #238cc8 }
html[data-theme="dark"] .social-profile-icons .social-github a { background: #b5a470 }
html[data-theme="dark"] .social-profile-icons .social-email a { background: #1d90dd }
html[data-theme="dark"] .social-profile-icons .social-behance a { background: #1879fd }
html[data-theme="dark"] .social-profile-icons .social-skype a { background: #13c1f3 }
html[data-theme="dark"] .social-profile-icons .social-soundcloud a { background: #ff7e30 }
html[data-theme="dark"] .social-profile-icons .social-stumbleupon a { background: #ff5c30 }
html[data-theme="dark"] .social-profile-icons .social-dropbox a { background: #3476e4 }
html[data-theme="dark"] .social-profile-icons .social-foursquare a { background: #0bbadf }
html[data-theme="dark"] .social-profile-icons .social-reddit a { background: #ff4400 }
html[data-theme="dark"] #site-footer .advanced-recent-posts li,
html[data-theme="dark"] #site-footer .popular-posts li,
html[data-theme="dark"] #site-footer .category-posts li { border-top: 1px solid #2c3139 }
html[data-theme="dark"] #site-footer .widget li:first-child { border-top: none }
html[data-theme="dark"] #site-footer .footeText { color: #fff }
html[data-theme="dark"] #site-footer .footeText a { color: #fff; border-bottom: 2px solid #ee3f02 }
html[data-theme="dark"] #site-footer .sidebar .widget .title { color: #D4D8DB }
html[data-theme="dark"] #site-footer .container { background: #181b20 }
html[data-theme="dark"] #site-footer p { color: #959ca6 }
html[data-theme="dark"] .carousel a { color: #e7e9ec }
html[data-theme="dark"] .carousel .excerpt div.hover { background-color: rgba(0, 0, 0, 0.4) }
html[data-theme="dark"] .carousel .excerpt:hover div.hover { background-color: rgba(0, 0, 0, 0.4) }
html[data-theme="dark"] #site-footer .carousel a .footer-title { color: inherit }
html[data-theme="dark"] .carousel .excerpt div.hover span { color: #fff }
html[data-theme="dark"] .footer-widgets h3 { color: #e7e9ec; border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .copyrights { border-top: 1px solid #2c3139; background-color: #20242a; color: #959ca6 }
html[data-theme="dark"] #site-footer .footer-navigation a { color: #959ca6 }
html[data-theme="dark"] .footer-navigation .menu .current-menu-item > a { background: transparent }
html[data-theme="dark"] .copyrights .toplink { color: #959ca6; background-color: #20242a; border: 1px solid #454c57 }
html[data-theme="dark"] .copyrights:after { background-color: #20242a; border-top: 1px solid #2c3139 }
html[data-theme="dark"] #move-to-top { color: #fff; background: #EE210B }
html[data-theme="dark"] .related-posts { background-color: #181b20 }
html[data-theme="dark"] .related-posts .last { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .postauthor { background-color: #181b20 }
html[data-theme="dark"] .postauthor h5 a { color: inherit }
html[data-theme="dark"] .postauthor h4 a { color: #e7e9ec }
html[data-theme="dark"] #respond h4,
html[data-theme="dark"] .total-comments,
html[data-theme="dark"] .postauthor h4,
html[data-theme="dark"] .postauthor-top,
html[data-theme="dark"] .related-posts h4 { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .postauthor h4 { border-bottom: 0 }
html[data-theme="dark"] .author-wrap { background: #20242a; border: 1px solid #2c3139 }
html[data-theme="dark"] .tagcloud a { background: #1A56DB; color: #FFFFFF !important }
html[data-theme="dark"] .widget .tagcloud a:hover { background-color: #333 }
html[data-theme="dark"] .ad-125 li { border: none; background: none }
html[data-theme="dark"] #wp-calendar td { border-top: 1px solid #2c3139; border-right: 1px solid #2c3139 }
html[data-theme="dark"] .cnumber { color: #2DB2EB }
html[data-theme="dark"] #comments { background-color: #181b20 }
html[data-theme="dark"] #commentsAdd { background-color: #181b20 }
html[data-theme="dark"] ul.children .commentImageLeft { border-left: 1px solid #454c57; border-bottom: 1px solid #454c57 }
html[data-theme="dark"] input#author,
html[data-theme="dark"] input#email,
html[data-theme="dark"] input#url,
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea,
html[data-theme="dark"] form.wp-review-comment-form input,
html[data-theme="dark"] #commentform.wp-review-comment-form input { border: 1px solid #2c3139; background: #181b20 }
html[data-theme="dark"] #commentform input#submit,
html[data-theme="dark"] .contact-form input[type="submit"] { background-color: #ED1C2F; color: #fff; border: none }
html[data-theme="dark"] #commentform input#submit:hover,
html[data-theme="dark"] .contact-form input[type="submit"]:hover { background: #242424; color: #fff }
html[data-theme="dark"] .error { color: #ff2929 }
html[data-theme="dark"] .thanks p { color: green }
html[data-theme="dark"] .comment { background: #181b20 }
html[data-theme="dark"] .ago { color: #959ca6; border-left: 1px solid #454c57 }
html[data-theme="dark"] .fn a { color: #f5402d }
html[data-theme="dark"] .comment-metadata { background: #20242a; border: 1px solid #2c3139 }
html[data-theme="dark"] .commentmetadata { background: #20242a; border: 1px solid #2c3139; border-top: 0 }
html[data-theme="dark"] .commentmetadata li { border: 0 }
html[data-theme="dark"] .reply a { color: #959ca6 }
html[data-theme="dark"] #commentform { border: 1px solid #2c3139; background: #20242a }
html[data-theme="dark"] #commentform textarea,
html[data-theme="dark"] .contact-form textarea,
html[data-theme="dark"] form.wp-review-comment-form textarea,
html[data-theme="dark"] #commentform.wp-review-comment-form textarea { border: 1px solid #2c3139; background: #181b20 }
html[data-theme="dark"] .required { color: #ff2929 }
html[data-theme="dark"] #commentform .wp-review-comment-field a i,
html[data-theme="dark"] #commentform .wp-review-comment-field .review-result i,
html[data-theme="dark"] .comment .wp-review-comment-rating .review-result i,
html[data-theme="dark"] .comment .wp-review-comment-rating a i { color: #FFB300 !important }
html[data-theme="dark"] .single .pagination { border: 0; box-shadow: none }
html[data-theme="dark"] .currenttext,
html[data-theme="dark"] .pagination a:hover,
html[data-theme="dark"] .single .pagination a:hover .currenttext,
html[data-theme="dark"] .page-numbers.current { color: #fff; background: #2A2A2A }
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] li.page-numbers,
html[data-theme="dark"] .page-numbers.dots { background: #1A56DB; color: #fff }
html[data-theme="dark"] .pagination a:hover { color: #fff }
html[data-theme="dark"] .pagination .nav-previous a,
html[data-theme="dark"] .pagination .nav-next a { color: #fff !important }
html[data-theme="dark"] .pagination .nav-previous a:hover,
html[data-theme="dark"] .pagination .nav-next a:hover { background-color: #2A2A2A }
html[data-theme="dark"] .single .pagination a .currenttext,
html[data-theme="dark"] .single .pagination a:hover .currenttext { background: transparent }
html[data-theme="dark"] .single .pagination a:hover .currenttext { color: #fff }
html[data-theme="dark"] .contact-form.loading:after { background: rgba(24, 27, 32, 0.8) }
html[data-theme="dark"] .mtscontact_error { color: #fe2c2c }
html[data-theme="dark"] .ajax-search-results-container { background: #20242a; border: 1px solid #2c3139; border-top: none }
html[data-theme="dark"] .ajax-search-results-container.loading:after { background-color: rgba(24, 27, 32, 0.8) }
html[data-theme="dark"] .ajax-search-meta .results-count { color: #959ca6 }
html[data-theme="dark"] .ajax-search-results-container .no-results { color: #959ca6 }
html[data-theme="dark"] .pace .pace-progress { background: #29d }
html[data-theme="dark"] pre { background: #20242a; border: 1px solid #2c3139; color: inherit }
html[data-theme="dark"] pre:before { color: inherit }
html[data-theme="dark"] #parallax { background-size: cover }
html[data-theme="dark"] #zoom-out-bg { background-size: cover }
html[data-theme="dark"] .latestPost-review-wrapper { background: #181b20 }
html[data-theme="dark"] .ball-pulse > div { background-color: #3d8fe8 }
html[data-theme="dark"] .share-item.vkbtn a,
html[data-theme="dark"] .share-item.maxbtn a,
html[data-theme="dark"] .share-item.telegrambtn a { color: #fff !important }
html[data-theme="dark"] .share-item.vkbtn a:hover,
html[data-theme="dark"] .share-item.maxbtn a:hover,
html[data-theme="dark"] .share-item.telegrambtn a:hover { color: #fff !important }
html[data-theme="dark"] .share-item.vkbtn a::before,
html[data-theme="dark"] .share-item.maxbtn a::before,
html[data-theme="dark"] .share-item.telegrambtn a::before { background-repeat: no-repeat; background-position: center; background-size: contain }
html[data-theme="dark"] .share-item.vkbtn a { background-color: #0077ff }
html[data-theme="dark"] .share-item.vkbtn a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M13.16 18.4c-6.6 0-10.37-4.53-10.53-12.06h3.34c.11 5.51 2.55 7.84 4.48 8.33V6.34h3.15v4.77c1.9-.2 3.9-2.37 4.57-4.77h3.15c-.51 2.94-2.68 5.11-4.22 6 1.54.72 4 2.6 4.92 5.86h-3.47c-.7-2.29-2.53-4.06-4.95-4.3v4.3h-.38z'/%3E%3C/svg%3E") }
html[data-theme="dark"] .share-item.maxbtn a { background-color: #6c2eb9 }
html[data-theme="dark"] .share-item.maxbtn a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") }
html[data-theme="dark"] .share-item.telegrambtn a { background-color: #26a5e4 }
html[data-theme="dark"] .share-item.telegrambtn a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M21.05 3.35 2.7 10.6c-1.25.5-1.24 1.2-.23 1.51l4.7 1.47 1.8 5.62c.22.6.11.84.75.84.5 0 .72-.23 1-.5l2.4-2.34 4.75 3.5c.87.49 1.5.24 1.72-.8l3.1-14.63c.32-1.28-.48-1.86-1.64-1.32z'/%3E%3C/svg%3E") }
html[data-theme="dark"] body { color: #e7e9ec }
html[data-theme="dark"] .post-single-content,
html[data-theme="dark"] .thecontent { color: #e7e9ec }
html[data-theme="dark"] .thecontent blockquote { color: #c5cad1; border-left: 3px solid #2c3139 }
html[data-theme="dark"] .thecontent strong,
html[data-theme="dark"] .thecontent b { color: #e7e9ec }
html[data-theme="dark"] body { background-color: #20242a }
html[data-theme="dark"] .featured-category-title { background: #181b20; border-left: 4px solid var(--accent); box-shadow: var(--card-shadow) }
html[data-theme="dark"] .latestPost.excerpt,
html[data-theme="dark"] article.excerpt { background: #181b20; box-shadow: var(--card-shadow) }
html[data-theme="dark"] .latestPost.excerpt:hover,
html[data-theme="dark"] article.excerpt:hover { box-shadow: var(--card-shadow-hover) }
html[data-theme="dark"] .thecategory { background: var(--accent); color: #fff !important }
html[data-theme="dark"] .thecategory a,
html[data-theme="dark"] .thecategory i { color: #fff !important }
html[data-theme="dark"] #sidebar .widget { background: #181b20; box-shadow: var(--card-shadow) }
html[data-theme="dark"] #sidebar .widget-title { border-bottom: 2px solid #2c3139 }
html[data-theme="dark"] .ad-125 li a { box-shadow: var(--card-shadow) }
html[data-theme="dark"] .ad-125 li a:hover { box-shadow: var(--card-shadow-hover) }
html[data-theme="dark"] .trending-articles .firstlink { color: var(--accent) }
html[data-theme="dark"] .related-posts { background: transparent }
html[data-theme="dark"] #site-header .container { box-shadow: var(--card-shadow) }
html[data-theme="dark"] .social-link { color: #fff !important; box-shadow: var(--card-shadow) }
html[data-theme="dark"] .social-link:hover { box-shadow: var(--card-shadow-hover); color: #fff !important }
html[data-theme="dark"] .social-youtube { background: #FF0000 }
html[data-theme="dark"] .social-telegram { background: #26A5E4 }
html[data-theme="dark"] .social-dzen { background: #000000 }
html[data-theme="dark"] .social-max { background: #6C5CE7 }
html[data-theme="dark"] .social-vk { background: #0077FF }
html[data-theme="dark"] .featuredBox .firstpost,
html[data-theme="dark"] .featuredBox .secondpost,
html[data-theme="dark"] .featuredBox .thirdpost { box-shadow: var(--card-shadow) }
html[data-theme="dark"] .featuredBox .featured-thumbnail img,
html[data-theme="dark"] .related-posts .latestPost.excerpt a#featured-thumbnail img { background: #181b20 }
html[data-theme="dark"] .latestPost .post-image .featured-thumbnail { background: #181b20 }
html[data-theme="dark"] .carousel .featured-thumbnail { background: #181b20 }
html[data-theme="dark"] .thirdpost .featured-thumbnail.blur-bg { background-size: cover; background-position: center }
html[data-theme="dark"] .thirdpost .featured-thumbnail.blur-bg img { background: transparent }
html[data-theme="dark"] .thecontent .gallery .gallery-item { box-shadow: var(--card-shadow) }
html[data-theme="dark"] .thecontent .gallery .gallery-item:hover { box-shadow: var(--card-shadow-hover) }
html[data-theme="dark"] .thecontent .gallery img { border: none !important }
html[data-theme="dark"] .catode-video { color: inherit }
html[data-theme="dark"] .catode-video-thumb { background: #20242a }
html[data-theme="dark"] .catode-video-play { background: rgba(15, 20, 26, 0.62) }
html[data-theme="dark"] .catode-video-play::after { border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #181b20 }
html[data-theme="dark"] .catode-video:hover .catode-video-play { background: var(--accent, #1a73e8) }
html[data-theme="dark"] .catode-video-title { color: #e7e9ec }
html[data-theme="dark"] .catode-video:hover .catode-video-title { color: var(--accent, #8ab4f8) }
html[data-theme="dark"] .catode-video-sub { color: #959ca6 }
html[data-theme="dark"] .catode-video-row .catode-video-play::after { border-width: 6px 0 6px 10px }
html[data-theme="dark"] .catode-channel { background: var(--brand); color: #fff !important }
html[data-theme="dark"] .catode-video-time { background: rgba(15, 20, 26, 0.82); color: #fff }
html[data-theme="dark"] .featured-thumbnail[data-fit="cover"] { background: none }
html[data-theme="dark"] .featured-thumbnail[data-fit]::after { background: radial-gradient(115% 95% at 50% 45%, rgba(24, 27, 32, 0) 52%, rgba(23, 32, 43, 0.07) 100%) }
html[data-theme="dark"] .catode-otd-item { color: inherit }
html[data-theme="dark"] .catode-otd-thumb { background: #20242a }
html[data-theme="dark"] .catode-otd-title { color: #e7e9ec }
html[data-theme="dark"] .catode-otd-item:hover .catode-otd-title { color: var(--accent, #8ab4f8) }
html[data-theme="dark"] .catode-otd-when { color: #959ca6 }
html[data-theme="dark"] .trending-articles .firstlink { color: #8ab4f8 }
html[data-theme="dark"] .trending-articles li a { color: #dde1e6 }
html[data-theme="dark"] .trending-articles li a:hover { color: #fff !important }
html[data-theme="dark"] .trending-articles li,
html[data-theme="dark"] .trending-articles .firstlink { border-right-color: #4a4a4a }
html[data-theme="dark"] .commentlist li.comment,
html[data-theme="dark"] .comment-list li.comment { background: none; border: 0; box-shadow: none }
html[data-theme="dark"] .commentlist li.comment > div[id^="comment-"],
html[data-theme="dark"] .comment-list li.comment > div[id^="comment-"] { background: #181b20; border: 1px solid #2c3139; box-shadow: var(--card-shadow) }
html[data-theme="dark"] .commentlist li.comment .children,
html[data-theme="dark"] .comment-list li.comment .children { border-left: 0 }
html[data-theme="dark"] .commentlist .children > li.comment > div[id^="comment-"],
html[data-theme="dark"] .comment-list .children > li.comment > div[id^="comment-"] { border-left: 3px solid #2c3139 }
html[data-theme="dark"] .commentlist .comment-author .fn,
html[data-theme="dark"] .comment-list .comment-author .fn { color: #e7e9ec }
html[data-theme="dark"] .commentlist .comment-author .ago,
html[data-theme="dark"] .comment-list .comment-author .ago { color: #959ca6 }
html[data-theme="dark"] .commentlist .comment-author,
html[data-theme="dark"] .comment-list .comment-author { color: #e7e9ec }
html[data-theme="dark"] .commentlist .comment-meta,
html[data-theme="dark"] .commentlist .comment-meta a,
html[data-theme="dark"] .comment-list .comment-meta,
html[data-theme="dark"] .comment-list .comment-meta a { color: #959ca6 }
html[data-theme="dark"] .commentlist .reply a,
html[data-theme="dark"] .comment-list .reply a { background: #20242a; color: var(--accent, #8ab4f8) !important }
html[data-theme="dark"] .commentlist .reply a:hover,
html[data-theme="dark"] .comment-list .reply a:hover { background: #20242a }
html[data-theme="dark"] #respond { background: #181b20; border: 1px solid #2c3139; box-shadow: var(--card-shadow) }
html[data-theme="dark"] #commentform textarea,
html[data-theme="dark"] #commentform input[type="text"],
html[data-theme="dark"] #commentform input[type="email"],
html[data-theme="dark"] #commentform input[type="url"] { border: 1px solid #2c3139 }
html[data-theme="dark"] #commentform textarea:focus,
html[data-theme="dark"] #commentform input[type="text"]:focus,
html[data-theme="dark"] #commentform input[type="email"]:focus,
html[data-theme="dark"] #commentform input[type="url"]:focus { outline: none; border-color: var(--accent, #1a56db); box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.12) }
html[data-theme="dark"] #commentform #submit { background: var(--accent, #1a56db); color: #fff; border: none }
html[data-theme="dark"] .comment-notes,
html[data-theme="dark"] .comment-form-cookies-consent label { color: #959ca6 }
html[data-theme="dark"] .commentlist .comment-author .comment-metadata,
html[data-theme="dark"] .comment-list .comment-author .comment-metadata,
html[data-theme="dark"] .commentlist .commentmetadata,
html[data-theme="dark"] .comment-list .commentmetadata { background: transparent; border: 0 }
html[data-theme="dark"] .commentlist .comment-inreply a,
html[data-theme="dark"] .comment-list .comment-inreply a { color: #959ca6; border-bottom: 1px dotted #2c3139 }
html[data-theme="dark"] .commentlist .comment-inreply a:hover,
html[data-theme="dark"] .comment-list .comment-inreply a:hover { color: var(--accent, #8ab4f8); border-bottom-color: currentColor }
html[data-theme="dark"] .commentlist .comment-author .ago,
html[data-theme="dark"] .comment-list .comment-author .ago { border-left: 1px solid #2c3139 }
html[data-theme="dark"] .commentlist .comment-author .fn a,
html[data-theme="dark"] .comment-list .comment-author .fn a { color: #e7e9ec }
html[data-theme="dark"] .commentlist .comment-author .fn a:hover,
html[data-theme="dark"] .comment-list .comment-author .fn a:hover { color: var(--accent, #8ab4f8) }
html[data-theme="dark"] .commentlist .bypostauthor > div .fn::after { background: rgba(26, 86, 219, 0.1); color: var(--accent, #8ab4f8) }
html[data-theme="dark"] .commentlist .commenttext,
html[data-theme="dark"] .comment-list .commenttext { color: #c5cad1 }
@media screen and (min-width: 866px) {
html[data-theme="dark"] #site-header { background-color: transparent; border-bottom: 0 }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] .site-description { color: #959ca6 }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] #secondary-navigation { border-left: 0 }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] #secondary-navigation a { border-left: 0; border-right: 0 }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] #secondary-navigation ul li:hover > a,
html[data-theme="dark"] .navigation ul .current-menu-item > a { background-color: #20242a; border-bottom: 0 }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] .navigation ul ul { border: 0; box-shadow: var(--card-shadow-hover) }
}
html[data-theme="dark"] .single_post .post-info .thecategory a,
html[data-theme="dark"] .single_post .post-info .thecategory i { color: inherit !important }
html[data-theme="dark"] .single_post .post-info a:hover { color: var(--accent, #8ab4f8) !important }
@media screen and (min-width: 866px) {
html[data-theme="dark"] .msearch input[type="search"] { border: 1px solid #2c3139; background: #20242a; color: var(--ink, #e7e9ec) }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] .msearch input[type="search"]:focus { outline: none; background: #181b20; border-color: var(--accent, #1A56DB); box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.12) }
}
@media screen and (min-width: 866px) {
html[data-theme="dark"] .msearch-go { border: 0; background: none; color: var(--accent, #8ab4f8) }
}
html[data-theme="dark"] .header-search .ajax-search-results-container { background: #181b20; border: 0; box-shadow: var(--card-shadow-hover) }
html[data-theme="dark"] .header-search .ajax-search-results li { border-bottom: 1px solid #2c3139 }
html[data-theme="dark"] .header-search .ajax-search-results li:last-child { border-bottom: 0 }
html[data-theme="dark"] .header-search .ajax-search-results li:hover { background: #20242a }
html[data-theme="dark"] .header-search .ajax-search-results li > a { color: var(--ink, #e7e9ec) }
html[data-theme="dark"] .header-search .ajax-search-results .meta { color: #959ca6 }
html[data-theme="dark"] .header-search .ajax-search-meta { border-top: 1px solid #2c3139 }
@media screen and (min-width: 866px) {
html[data-theme="dark"] .navigation ul ul { background: #181b20 }
}
html[data-theme="dark"] .catode-popular-item { color: inherit }
html[data-theme="dark"] .catode-popular-thumb { background: #20242a }
html[data-theme="dark"] .catode-popular-title { color: #e7e9ec }
html[data-theme="dark"] .catode-popular-item:hover .catode-popular-title { color: var(--accent, #8ab4f8) }
html[data-theme="dark"] .catode-popular-views { color: #959ca6 }

/* responsive.css */
@media screen and (max-width:1230px) {
html[data-theme="dark"] .shareit { border: none !important }
}
@media screen and (max-width:960px) {
html[data-theme="dark"] .ad-125 img { background: #181b20; border: 0 }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation { border: none }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] #secondary-navigation { border: 0 }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] #secondary-navigation nav a { color: #fff !important; background: transparent; border-left: 0 !important; border-right: 0 !important }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation .menu a,
html[data-theme="dark"] .navigation .menu .fa > a,
html[data-theme="dark"] .navigation .menu .fa > a { color: #fff !important; background: transparent }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation .menu { background: transparent }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul ul { border: 0 }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul li li { background: transparent; border: 0 }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation li a { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] a#pull { color: #fff }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul .sfHover a,
html[data-theme="dark"] .navigation ul li:hover,
html[data-theme="dark"] .navigation ul .sfHover ul li { background: transparent }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation.mobile-menu-wrapper { background-color: #2A2A2A; border-right: 1px solid rgba(0, 0, 0, 0.2) }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul li a { background-color: transparent !important; color: #fff !important }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul li:hover { background: none }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul li a,
html[data-theme="dark"] .navigation ul ul a { border: none }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul ul { border: none }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation ul ul li { background: none }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] .navigation .toggle-caret { color: #ffffff; border-left: 1px solid rgba(0, 0, 0, 0.2) }
}
@media screen and (max-width:865px) {
html[data-theme="dark"] #mobile-menu-overlay { background: rgba( 0, 0, 0, 0.5 ) }
}
@media screen and (max-width:480px) {
html[data-theme="dark"] nav { border-bottom: 0 }
}
@media screen and (max-width:480px) {
html[data-theme="dark"] .related-posts .relatepostli4 { border-bottom: 1px solid #2c3139 }
}
@media screen and (max-width:320px) {
html[data-theme="dark"] .navigation li a { border-bottom: 1px solid #576979 }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .site-description { color: #959ca6 }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .msearch input[type="search"] { border: 1px solid #2c3139; background: #20242a; color: var(--ink, #e7e9ec) }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .msearch input[type="search"]:focus { outline: none; background: #181b20; border-color: var(--accent, #1A56DB); box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.12) }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .msearch-go { border: 0; background: none; color: var(--accent, #8ab4f8) }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .featuredBox .featured-side > .excerpt { background: #181b20; box-shadow: var(--card-shadow) }
}
@media screen and (max-width: 865px) {
html[data-theme="dark"] .featured-side .featured-excerpt { background: none; color: var(--ink, #e7e9ec) }
}
@media screen and (max-width: 640px) {
html[data-theme="dark"] .latestPost.excerpt { border-bottom: 0 }
}
@media screen and (max-width: 640px) {
html[data-theme="dark"] .latestPost .thecategory { background: none !important; color: var(--accent, #8ab4f8) !important }
}
@media screen and (max-width: 640px) {
html[data-theme="dark"] .latestPost .front-view-content { color: #c5cad1 }
}
@media (max-width: 865px) {
html[data-theme="dark"] .header-channels .social-link { box-shadow: none }
}

/* owl.carousel.css */
html[data-theme="dark"] .owl-carousel .owl-item a { color: inherit }
html[data-theme="dark"] .owl-carousel .owl-video-wrapper { background: #000 }
html[data-theme="dark"] .owl-carousel .owl-video-play-icon { background: url("/wp-content/themes/mts_point_pro/css/owl.video.play.png") no-repeat }
html[data-theme="dark"] .owl-carousel .owl-video-tn { background-position: center center; background-repeat: no-repeat; background-size: contain }
html[data-theme="dark"] .slide-caption { background: rgba(24, 27, 32, 0.79) }
html[data-theme="dark"] .widget .slide-title { color: #fff }
html[data-theme="dark"] .owl-controls .owl-dot span { background-color: #3a414b }
html[data-theme="dark"] .owl-controls .owl-dot.active span,
html[data-theme="dark"] .owl-controls .owl-dot:hover span { background-color: #181b20 }
html[data-theme="dark"] .owl-prev,
html[data-theme="dark"] .owl-next { color: #ffffff; background-color: #444 }
html[data-theme="dark"] .owl-prev:hover,
html[data-theme="dark"] .owl-next:hover { background-color: #3d8fe8 }
html[data-theme="dark"] .widget-slider .slide-caption { background: rgba(0, 0, 0, 0.3) }
html[data-theme="dark"] .widget-slider .slider-title { background: #444; color: #fff }

/* viewer.css */
@media (hover: none) {
html[data-theme="dark"] .thecontent .gallery .gallery-item:hover { box-shadow: var(--card-shadow) }
}
html[data-theme="dark"] .cv { background: rgba(9, 11, 15, var(--fade, 1)); color: #fff }
html[data-theme="dark"] .cv-frame img { border: 0; box-shadow: none }
html[data-theme="dark"] .cv-bar { background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)) }
html[data-theme="dark"] .cv-count { background: rgba(0, 0, 0, 0.42) }
html[data-theme="dark"] .cv .cv-btn { background: rgba(0, 0, 0, 0.42); color: #fff }
html[data-theme="dark"] .cv .cv-btn:hover { background: rgba(24, 27, 32, 0.2) }
html[data-theme="dark"] .cv .cv-btn:focus-visible { outline: 2px solid var(--accent, #1A56DB); outline-offset: 2px }
html[data-theme="dark"] .cv .cv-nav { background: rgba(24, 27, 32, 0.1) }

/* inline <style> pointpro-stylesheet-inline <style> css */
html[data-theme="dark"] body { background-color: #20242a; background-image: url(https://catode.ru/wp-content/themes/mts_point_pro/images/nobg.png) }
html[data-theme="dark"] .pace .pace-progress,
html[data-theme="dark"] #mobile-menu-wrapper ul li a:hover,
html[data-theme="dark"] .ball-pulse > div { background: #1A56DB }
html[data-theme="dark"] a,
html[data-theme="dark"] a:hover,
html[data-theme="dark"] .copyrights a,
html[data-theme="dark"] .single_post a,
html[data-theme="dark"] .textwidget a,
html[data-theme="dark"] .pnavigation2 a,
html[data-theme="dark"] #sidebar a:hover,
html[data-theme="dark"] .copyrights a:hover,
html[data-theme="dark"] #site-footer .widget li a:hover,
html[data-theme="dark"] .related-posts a:hover,
html[data-theme="dark"] .reply a,
html[data-theme="dark"] .title a:hover,
html[data-theme="dark"] .post-info a:hover,
html[data-theme="dark"] .comm,
html[data-theme="dark"] #tabber .inside li a:hover,
html[data-theme="dark"] .readMore a:hover,
html[data-theme="dark"] .fn a,
html[data-theme="dark"] .latestPost .title a:hover,
html[data-theme="dark"] #site-footer .footer-navigation a:hover,
html[data-theme="dark"] #secondary-navigation ul ul li:hover > a,
html[data-theme="dark"] .project-item:hover .project-title,
html[data-theme="dark"] .trending-articles li a:hover { color: #8ab4f8 }
html[data-theme="dark"] a#pull,
html[data-theme="dark"] #commentform input#submit,
html[data-theme="dark"] .contact-form #mtscontact_submit,
html[data-theme="dark"] #move-to-top:hover,
html[data-theme="dark"] #searchform .fa-search,
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] li.page-numbers,
html[data-theme="dark"] .page-numbers.dots,
html[data-theme="dark"] #tabber ul.tabs li a.selected,
html[data-theme="dark"] .tagcloud a:hover,
html[data-theme="dark"] .latestPost-review-wrapper,
html[data-theme="dark"] .latestPost .review-type-circle.wp-review-show-total,
html[data-theme="dark"] .tagcloud a,
html[data-theme="dark"] .widget .owl-prev:hover,
html[data-theme="dark"] .widget .owl-next:hover,
html[data-theme="dark"] .widget .review-total-only,
html[data-theme="dark"] .widget .tab-content .review-type-star.review-total-only,
html[data-theme="dark"] .widget .wpt_widget_content #tags-tab-content ul li a,
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .btn-archive-link.project-categories .btn.active,
html[data-theme="dark"] .btn-archive-link.project-categories a:hover,
html[data-theme="dark"] #wpmm-megamenu .review-total-only,
html[data-theme="dark"] #load-posts a,
html[data-theme="dark"] a.header-button,
html[data-theme="dark"] #features .feature-icon,
html[data-theme="dark"] #team .social-list a,
html[data-theme="dark"] .thecategory,
html[data-theme="dark"] .woocommerce a.button,
html[data-theme="dark"] .woocommerce-page a.button,
html[data-theme="dark"] .woocommerce button.button,
html[data-theme="dark"] .woocommerce-page button.button,
html[data-theme="dark"] .woocommerce input.button,
html[data-theme="dark"] .woocommerce-page input.button,
html[data-theme="dark"] .woocommerce #respond input#submit,
html[data-theme="dark"] .woocommerce-page #respond input#submit,
html[data-theme="dark"] .woocommerce #content input.button,
html[data-theme="dark"] .woocommerce-page #content input.button,
html[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li a,
html[data-theme="dark"] .woocommerce-page nav.woocommerce-pagination ul li a,
html[data-theme="dark"] .woocommerce #content nav.woocommerce-pagination ul li a,
html[data-theme="dark"] .woocommerce-page #content nav.woocommerce-pagination ul li a,
html[data-theme="dark"] .woocommerce .bypostauthor:after,
html[data-theme="dark"] #searchsubmit,
html[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li a:focus,
html[data-theme="dark"] .woocommerce-page nav.woocommerce-pagination ul li a:focus,
html[data-theme="dark"] .woocommerce #content nav.woocommerce-pagination ul li a:focus,
html[data-theme="dark"] .woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
html[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots,
html[data-theme="dark"] .woocommerce a.button,
html[data-theme="dark"] .woocommerce-page a.button,
html[data-theme="dark"] .woocommerce button.button,
html[data-theme="dark"] .woocommerce-page button.button,
html[data-theme="dark"] .woocommerce input.button,
html[data-theme="dark"] .woocommerce-page input.button,
html[data-theme="dark"] .woocommerce #respond input#submit,
html[data-theme="dark"] .woocommerce-page #respond input#submit,
html[data-theme="dark"] .woocommerce #content input.button,
html[data-theme="dark"] .woocommerce-page #content input.button,
html[data-theme="dark"] .woocommerce #respond input#submit.alt,
html[data-theme="dark"] .woocommerce a.button.alt,
html[data-theme="dark"] .woocommerce button.button.alt,
html[data-theme="dark"] .woocommerce input.button.alt,
html[data-theme="dark"] .woocommerce-product-search input[type="submit"] { background-color: #1A56DB; color: #fff !important }
html[data-theme="dark"] .copyrights .toplink:hover { border-color: #1A56DB }
html[data-theme="dark"] .shareit { border: none; border-right: 0 }
html[data-theme="dark"] .bypostauthor>div .fn:after { background: #242424; color: #FFF }

/* inline <style> cookie */
html[data-theme="dark"] .cookie-consent-banner { background: #1f2933; color: #fff; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.6) }
html[data-theme="dark"] .cookie-consent-banner a { color: #7ec8f2 }
html[data-theme="dark"] #cookie-consent-accept { background: #1A56DB; color: #fff; border: 1px solid #1A56DB }
html[data-theme="dark"] #cookie-consent-accept:hover { background: #1747b6; border-color: #1747b6 }

/* inline <style> typography */
html[data-theme="dark"] .menu li,
html[data-theme="dark"] .menu li a { color: #e7e9ec }
html[data-theme="dark"] .latestPost .title a { color: #e7e9ec }
html[data-theme="dark"] .single-title { color: #e7e9ec }
html[data-theme="dark"] body { color: #c5cad1 }
html[data-theme="dark"] .widget h3 { color: #e7e9ec }
html[data-theme="dark"] #sidebar .widget { color: #c5cad1 }
html[data-theme="dark"] .footer-widgets { color: #c5cad1 }
html[data-theme="dark"] h1 { color: #e7e9ec }
html[data-theme="dark"] h2 { color: #e7e9ec }
html[data-theme="dark"] h3 { color: #e7e9ec }
html[data-theme="dark"] h4 { color: #e7e9ec }
html[data-theme="dark"] h5 { color: #e7e9ec }
html[data-theme="dark"] h6 { color: #e7e9ec }

/* inline <style> catode-related-css */
html[data-theme="dark"] .catode-related h3.catode-related-h { color: #e7e9ec }
html[data-theme="dark"] .catode-related h3.catode-related-h em::before { border-top: 1px solid rgba(0,0,0,.2) }
html[data-theme="dark"] .catode-related ul.catode-related-list>li { background: none }
html[data-theme="dark"] .catode-related ul.catode-related-list time,
html[data-theme="dark"] .catode-related ul.catode-related-list span { color: #e7e9ec }

/* page-claude-skills.css */
html[data-theme="dark"] .cs-doc { color: #c5cad1 }
html[data-theme="dark"] .cs-doc h2 { border-top: 1px solid var(--cs-line); color: var(--cs-ink) }
html[data-theme="dark"] .cs-doc h2:first-of-type { border-top: 0 }
html[data-theme="dark"] .cs-doc h3 { color: var(--cs-ink) }
html[data-theme="dark"] .cs-doc a { color: var(--cs-accent) }
html[data-theme="dark"] .cs-doc code { background: var(--cs-bg); border: 1px solid var(--cs-line) }
html[data-theme="dark"] .cs-doc pre { background: #2a2f36; color: #e8ebef }
html[data-theme="dark"] .cs-doc pre code { background: none; border: 0; color: inherit }
html[data-theme="dark"] .cs-lead { color: #e7e9ec }
html[data-theme="dark"] .cs-fig { border: 1px solid var(--cs-line); background: #181b20 }
html[data-theme="dark"] .cs-cap { color: var(--cs-dim) }
html[data-theme="dark"] .cs-steps li:before { background: var(--cs-accent); color: #fff }
html[data-theme="dark"] .cs-steps li:after { background: var(--cs-line) }
html[data-theme="dark"] .cs-note { background: var(--cs-bg); border-left: 4px solid var(--cs-accent) }
html[data-theme="dark"] .cs-note.warn { border-left-color: #d98324; background: #20242a }
html[data-theme="dark"] .cs-note.ok { border-left-color: #2f8a55; background: #20242a }
html[data-theme="dark"] .cs-card { background: #181b20; border: 1px solid var(--cs-line); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.31) }
html[data-theme="dark"] .cs-card-h .slug { color: var(--cs-dim) }
html[data-theme="dark"] .cs-tags li { color: var(--cs-soft); background: var(--cs-bg); border: 1px solid var(--cs-line) }
html[data-theme="dark"] .cs-card-f { border-top: 1px solid var(--cs-line); background: #181b20 }
html[data-theme="dark"] .cs-dl { background: var(--cs-accent); color: #fff !important }
html[data-theme="dark"] .cs-dl:hover { background: #1244ad; color: #fff !important }
html[data-theme="dark"] .cs-dl svg { fill: none; stroke: currentColor }
html[data-theme="dark"] .cs-size { color: var(--cs-dim) }
html[data-theme="dark"] .cs-prompt { border: 1px solid var(--cs-line); border-left: 3px solid var(--cs-accent); background: #181b20; color: #e7e9ec }
html[data-theme="dark"] .cs-prompt b { color: var(--cs-dim) }
html[data-theme="dark"] .cs-doc details { border: 1px solid var(--cs-line); background: #181b20 }
html[data-theme="dark"] .cs-doc summary { color: var(--cs-ink) }
html[data-theme="dark"] .cs-doc summary:before { color: var(--cs-accent) }

/* page-velsvisual.css */
html[data-theme="dark"] .cs-doc pre .c { color: #959ca6 }
html[data-theme="dark"] .cs-doc pre .p { color: #7fb3ff }
html[data-theme="dark"] .cs-doc pre .o { color: #c9d3de }
html[data-theme="dark"] .cs-tbl th { color: var(--cs-dim); border-bottom: 2px solid var(--cs-line) }
html[data-theme="dark"] .cs-tbl td { border-bottom: 1px solid var(--cs-line) }
html[data-theme="dark"] .cs-tbl code { background: none; border: 0; color: var(--cs-ink) }
@media (max-width:640px) {
html[data-theme="dark"] .cs-tbl tr { border-bottom: 1px solid var(--cs-line) }
}
@media (max-width:640px) {
html[data-theme="dark"] .cs-tbl td { border: 0 }
}

/* page-freedom-bank-eresidency.css */
html[data-theme="dark"] .cs-stamp { color: #ae7e17; background: #3b321c }
html[data-theme="dark"] .cs-note.stop { border-left-color: #c0392b; background: #20242a }
html[data-theme="dark"] .cs-tbl td.num { color: var(--cs-ink) }

/* ---- hand-written layer ------------------------------------------------------------
   Loads after the automatic layer and wins on equal specificity. What lives here: the
   theme switch (styled for both themes), the tokens, and everything the generator can't
   know - the page canvas, photo letterboxes, accent fills that need white text. */

/*-[ Theme switch ]----------------------------------------------------------------------
   Sits in the header next to the search field, at every width, so it moves wherever the
   search goes: in the row on a desktop, on a row of its own under the logo on a phone. */
.header-search {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header-search .msearch {
    flex: 1 1 auto;
    min-width: 0;
}
@media screen and (min-width: 866px) {
    /* On its own row under the menu the field keeps its 360px next to the button. */
    .header-search { max-width: 406px; }
}
/* style.css pulls the search into the logo row from 1024px with a 170px floor. Field plus
   button need 216px, and at 1024px the row has 193px left (measured), so up to 1079px the
   pair stays on the row of its own it already has below 1024px. */
@media screen and (min-width: 1024px) and (max-width: 1079px) {
    #header { flex-wrap: wrap; }
    .header-search {
        flex: 0 0 100%;
        order: 3;
        min-width: 0;
        margin: 0 0 14px auto;
    }
}
@media screen and (min-width: 1080px) {
    /* The field keeps its 260px; the 46px for the button come out of the free space. */
    .header-search {
        flex: 0 1 306px;
        max-width: 306px;
        min-width: 216px;
    }
}
.theme-toggle {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe4e9;
    border-radius: 50%;
    background: #f4f6f8;
    color: #4b5563;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.theme-toggle:hover { border-color: var(--accent, #1A56DB); color: var(--accent, #1A56DB); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent, #1A56DB); outline-offset: 2px; }
.theme-toggle svg { display: block; width: 18px; height: 18px; }
.theme-toggle .theme-toggle-sun,
html[data-theme="dark"] .theme-toggle .theme-toggle-moon { display: none; }
html[data-theme="dark"] .theme-toggle .theme-toggle-sun { display: block; }
/* Without JavaScript the switch can't do anything. */
.no-js .theme-toggle { display: none; }
@media screen and (max-width: 865px) {
    /* Matches the 42px phone search field. */
    .theme-toggle { width: 42px; height: 42px; }
}

/*-[ Tokens ]---------------------------------------------------------------------------*/
html[data-theme="dark"] {
    color-scheme: dark;
    --accent: #8ab4f8;
    --ink: #e7e9ec;
    --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.25);
    --card-shadow-hover: 0 10px 28px rgba(0, 0, 0, 0.55);
    background-color: #0f1114;
}
html[data-theme="dark"] body {
    background-color: #0f1114;
    background-image: none;
}
html[data-theme="dark"] ::selection { background: #2f5bb5; color: #fff; }

html[data-theme="dark"] .theme-toggle {
    background: #20242a;
    border-color: #2c3139;
    color: #e7e9ec;
}
html[data-theme="dark"] .theme-toggle:hover { border-color: #8ab4f8; color: #8ab4f8; }

/*-[ Accent fills ]----------------------------------------------------------------------
   --accent turns light in the dark theme because it is mostly text. These three use it as
   a fill under white text, which would drop to 2:1 - they keep the brand blue. */
html[data-theme="dark"] .thecategory,
html[data-theme="dark"] .catode-video:hover .catode-video-play,
html[data-theme="dark"] #commentform #submit { background: #1A56DB; }

/*-[ Canvas ]----------------------------------------------------------------------------
   In the light theme .main-container is a white sheet over the grey page and the cards are
   white on white, told apart by their shadows. Shadows barely read on a dark page, so the
   sheet takes the page colour and the cards are what lifts: one dark canvas, lighter cards. */
html[data-theme="dark"] .main-container {
    background: #0f1114;
    box-shadow: none;
}
/* What was white on the white sheet with no shadow or border - the article itself, the
   comments wrapper, the footer carousel's letterboxes - was never meant to be seen as a box.
   On the dark canvas it would show up as a slab with no padding, so it stays see-through. */
html[data-theme="dark"] .single_post,
html[data-theme="dark"] .single_page,
html[data-theme="dark"] #commentsAdd,
html[data-theme="dark"] .carousel .featured-thumbnail { background: transparent; }

/* Near-black brand fills (Rutube #14191f, Дзен #000) melt into a dark card: a hairline ring
   keeps their outline without repainting the brand. */
html[data-theme="dark"] .catode-channel-rutube,
html[data-theme="dark"] .social-dzen { box-shadow: inset 0 0 0 1px #4a525d; }

/* A dark dropdown over dark photos needs an edge: the light theme's hairline isn't enough.
   Desktop only - on a phone the same lists open inline inside the menu drawer. */
@media screen and (min-width: 866px) {
    html[data-theme="dark"] .navigation ul ul {
        border-color: #343a43;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6);
    }
}

/* The phone menu drawer was already dark in the light theme (#2a2a2a); in the dark theme it
   takes the card colour so it sits in the same blue-grey family as the rest of the page. */
@media screen and (max-width: 865px) {
    html[data-theme="dark"] .navigation.mobile-menu-wrapper {
        background-color: #181b20;
        border-right-color: #2c3139;
    }
}

/*-[ Instruction pages ]-----------------------------------------------------------------
   /claude-skills/, /velsvisual/ and /freedom-bank-eresidency/ carry their own <style> on
   .cs-doc tokens. The generator twins their rules but not custom properties, so the tokens
   are set here. Their schemes are inline SVG drawn in currentColor and follow the text. */
html[data-theme="dark"] .cs-doc {
    --cs-accent: #8ab4f8;
    --cs-accent-soft: #1b2a45;
    --cs-ink: #e7e9ec;
    --cs-soft: #c5cad1;
    --cs-dim: #959ca6;
    --cs-line: #2c3139;
    --cs-bg: #20242a;
}
/* Numbered steps and download buttons are accent fills under white text. */
html[data-theme="dark"] .cs-doc .cs-steps li:before,
html[data-theme="dark"] .cs-doc .cs-dl { background: #1A56DB; }
/* The date stamp: dark gold on pale yellow becomes light gold on deep brown. */
html[data-theme="dark"] .cs-stamp { color: #e3bd5a; }

/*-[ Colours typed into old posts ]------------------------------------------------------
   Three posts in 3,184 carry inline colours; post 128 sets <ul style="color: #000000">,
   black on the dark page. An inline style loses only to !important. */
html[data-theme="dark"] .thecontent [style*="color: #000000"],
html[data-theme="dark"] .thecontent [style*="color:#000000"],
html[data-theme="dark"] .thecontent [style*="color: #000;"],
html[data-theme="dark"] .thecontent [style*="color:#000;"],
html[data-theme="dark"] .thecontent [style*="color: black"],
html[data-theme="dark"] .thecontent [style*="color: rgb(0, 0, 0)"] { color: inherit !important; }