/**
 * Theme Name: Customizr
 * Theme URI: http://www.themesandco.com/customizr
 * Description:  Enjoy designing a beautiful website live with the WP customizer : select skin, logo, social profiles, sliders, layout, home featured blocks, or even live css styling. The flat and fully responsive design can be used for small businesses, portfolios, blogs, corporate sites or landing pages. Built with valid HTML5 and CSS3 (from the Twitter Bootstrap), cross-browser tested, the theme is translation ready and available in 15 languages. Ready for WooCommerce, bbPress, qTranslate, the code is easily extensible with a comprehensive API of hooks.
 * Version: 3.1.6
 * Author: nikeo
 * Author URI: http://www.themesandco.com/
 * Tags: gray, white, light, blue, red, yellow, green, purple, orange, black, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
 * Text Domain: customizr
 * Copyright: (c) 2013 Nicolas GUILLAUME (nikeo), Nice, France
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */


/**
 * The styleheets of Customizr are located in inc/css. Each skin has its own stylesheet : blue.css, green.css, ...
 *
 * IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
 * If you want to style the css of Customizr, you can either use the Custom CSS section in the customizer (which will not be lost on update) OR create a child theme (recommended if you do many customizations) and add your css code in the style.css file of it.
 */
/* ---- Pons / contract address block (added 2026) ---- */
.pons-block { text-align: center; padding: 30px 0 10px; }
.pons-block .pons-logo { width: 96px; height: 96px; margin-bottom: 10px; }
.pons-block h2 { font-weight: 300; margin: 5px 0 5px; }
.pons-block .pons-sub { color: #777; margin-bottom: 20px; }
.pons-block .input-append { display: inline-block; max-width: 100%; }
.pons-block #contract-address { width: 380px; max-width: calc(100% - 100px); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; text-align: center; background: #fff; cursor: text; }
.pons-block .pons-links { margin-top: 15px; }
.pons-block .pons-links a { margin: 0 6px; }
.pons-block .copied { color: #468847; font-size: 12px; margin-left: 8px; display: none; }
@media (max-width: 480px) { .pons-block #contract-address { width: 100%; max-width: 100%; margin-bottom: 8px; } .pons-block .input-append .btn { border-radius: 4px; } }

/* ---- $KKC lore page ---- */
.lore-intro { font-size: 17px; line-height: 1.6; }
.lore-source { margin-bottom: 25px; }
.lore-specs { max-width: 640px; }
.lore-specs th { width: 130px; text-align: left; background: #f5f5f5; }
.lore-timeline { list-style: none; margin: 0 0 25px; padding: 0; border-left: 3px solid #08c; }
.lore-timeline li { position: relative; padding: 0 0 18px 22px; }
.lore-timeline li:before { content: ""; position: absolute; left: -8px; top: 5px; width: 13px; height: 13px; border-radius: 50%; background: #fff; border: 3px solid #08c; }
.lore-timeline li.lore-now:before { background: #08c; }
.lore-date { display: block; font-weight: bold; color: #08c; margin-bottom: 3px; }
.lore-event { display: block; line-height: 1.55; }
.lore-list li { margin-bottom: 4px; }
.lore-quote { margin: 30px 0 10px; border-left-color: #08c; }
.lore-quote p { font-size: 20px; font-weight: 300; font-style: italic; }
@media (min-width: 768px) { .lore-timeline li { padding-left: 30px; } .lore-date { float: left; width: 130px; margin-right: 10px; } .lore-event { margin-left: 140px; } .lore-timeline li:after { content: ""; display: table; clear: both; } }
.home-lore { max-width: 900px; margin: 0 auto; padding: 0 15px 20px; }

/* ---- KaKa Talk ---- */
.kt-steps { margin: 15px 0 20px; }
.kt-step { display: inline-block; padding: 6px 14px; margin: 0 6px 6px 0; border-radius: 20px; background: #eee; color: #777; font-size: 13px; }
.kt-step.active { background: #08c; color: #fff; }
.kt-step.done { background: #dff0d8; color: #468847; }
.kt-panel h3 { margin-top: 0; }
.kt-panel .muted { color: #777; margin-bottom: 0; }
.kt-box { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 8px 10px; height: 220px; overflow-y: auto; font-size: 13px; }
.kt-log { height: 140px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 12px; color: #555; }
.kt-line.ok { color: #468847; } .kt-line.warn { color: #b94a48; }
.kt-msg { margin-bottom: 4px; } .kt-msg.mine b { color: #08c; }
.kt-chat-form { margin-top: 8px; } .kt-chat-form input { width: calc(100% - 80px); }
#kt-room { width: 200px; }
#kt-members li { margin-bottom: 6px; }
@media (max-width: 767px) { #kt-room { width: 100%; margin-bottom: 8px; } .kt-chat-form input { width: 100%; margin-bottom: 6px; } }
#kt-wallet-pick { margin-bottom: 10px; } .kt-wallet-btn { margin: 0 6px 6px 0; } .kt-wallet-btn img { vertical-align: -3px; border-radius: 3px; }

/* ---- Roadmap ---- */
.rm-phases { margin: 10px 0 20px; }
.rm-phase { border-left: 3px solid #ddd; padding: 4px 0 6px 22px; margin-bottom: 26px; position: relative; }
.rm-phase:before { content: ""; position: absolute; left: -9px; top: 10px; width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 3px solid #ddd; }
.rm-phase.rm-done { border-left-color: #5bb75b; } .rm-phase.rm-done:before { border-color: #5bb75b; background: #5bb75b; }
.rm-phase.rm-now { border-left-color: #08c; } .rm-phase.rm-now:before { border-color: #08c; }
.rm-phase h2 { font-weight: 300; margin: 0 0 8px; font-size: 24px; }
.rm-phase h2 .label { vertical-align: middle; font-size: 11px; margin-left: 6px; }
.rm-num { display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #999; margin-right: 8px; vertical-align: middle; }
.rm-phase.rm-done .rm-num { color: #5bb75b; } .rm-phase.rm-now .rm-num { color: #08c; }
.rm-phase ul { margin: 0 0 0 18px; } .rm-phase li { margin-bottom: 5px; line-height: 1.5; }
.rm-phase.rm-done li { color: #666; }
.rm-more { margin-top: 10px; }

/* ---- Live stats (home) ---- */
.kkc-stats { max-width: 940px; margin: 0 auto; padding: 0 15px 10px; text-align: center; }
.kkc-stats h2 { font-weight: 300; margin: 5px 0 18px; }
.kkc-row-label { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: #555; margin: 22px 0 8px; padding-left: 2px; }
.kkc-row-label span { text-transform: none; letter-spacing: 0; color: #999; margin-left: 8px; font-size: 12px; }
.kkc-tiles { display: grid; gap: 10px; margin-bottom: 4px; }
.kkc-cols-5 { grid-template-columns: repeat(5, 1fr); }
.kkc-cols-3 { grid-template-columns: repeat(3, 1fr); }
.kkc-tile { background: #fff; border: 1px solid #e3e3e3; border-radius: 6px; padding: 14px 8px 12px; min-width: 0; }
.kkc-tile .v { display: block; font-size: 24px; font-weight: 300; color: #333; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kkc-tile .l { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #999; margin-top: 5px; line-height: 1.3; }
.kkc-tile.talk { border-color: #cfe8cf; background: #f6fbf6; } .kkc-tile.talk .v { color: #3c763d; }
.kkc-tile .v.up { color: #468847; } .kkc-tile .v.down { color: #b94a48; }
.kkc-trades { width: 100%; margin: 0 auto 8px; font-size: 13px; text-align: left; background: #fff; border: 1px solid #e3e3e3; border-radius: 6px; border-collapse: separate; border-spacing: 0; }
.kkc-trades th { font-weight: normal; color: #999; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.kkc-trades td, .kkc-trades th { padding: 7px 10px; border-bottom: 1px solid #eee; }
.kkc-trades tr:last-child td { border-bottom: 0; }
.kkc-trades .buy { color: #468847; font-weight: bold; } .kkc-trades .sell { color: #b94a48; font-weight: bold; } .kkc-trades .xfer { color: #999; }
.kkc-trades td.amt { text-align: right; font-family: Menlo, Monaco, Consolas, monospace; }
.kkc-src { font-size: 11px; color: #999; margin-top: 10px; }
.kkc-src a { color: #999; text-decoration: underline; }
@media (max-width: 767px) { .kkc-cols-5 { grid-template-columns: repeat(3, 1fr); } .kkc-cols-3 { grid-template-columns: repeat(3, 1fr); } .kkc-tile .v { font-size: 20px; } }
@media (max-width: 480px) { .kkc-cols-5, .kkc-cols-3 { grid-template-columns: repeat(2, 1fr); } .kkc-trades .hide-xs { display: none; } }

/* Talk lobby */
#kt-rooms li { margin-bottom: 6px; } #kt-rooms .btn { margin-left: 8px; }

/* ---- Getting started (2026) ---- */
.gs-ca { width: 420px; max-width: calc(100% - 90px); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; }
.gs-2014 { color: #777; font-size: 14px; } .gs-2014 h2, .gs-2014 h3 { color: #888; font-size: 18px; }
.entry-content .copied { color: #468847; font-size: 12px; margin-left: 8px; display: none; }
@media (max-width: 480px) { .gs-ca { width: 100%; max-width: 100%; margin-bottom: 8px; } }

/* ---- Bounties ---- */
.bt-round { border-left: 4px solid #5bb75b; } .bt-round h3 { margin-top: 0; }
.bt-steps li { margin-bottom: 8px; line-height: 1.5; }
.bt-table { max-width: 720px; } .bt-table th { width: auto; }
.bt-formula { font-size: 18px; margin: 10px 0; }

/* ---- 2014 wallets, kept for history ---- */
.w2014-head { text-align: center; max-width: 720px; margin: 10px auto 30px; }
.w2014-head h2 { font-weight: 300; margin-bottom: 8px; }
.w2014-head p { color: #777; }
.w2014-tag { background: #999; vertical-align: middle; font-size: 12px; margin-right: 6px; }
.w2014-alert { background: #fcf8e3; border-color: #fbeed5; color: #8a6d3b; line-height: 1.6; }

/* ---- Home h1 (SEO): same visual weight as the old h2, plus the one-line intro ---- */
.pons-block h1.pons-h1 { font-size: 25.6px; line-height: 1.2; font-weight: 300; color: #5a5a5a; margin: 5px 0 6px; }
.pons-block h1.pons-h1 span { color: #999; }
.pons-block .pons-intro { color: #555; max-width: 560px; margin: 0 auto 4px; }
.pons-block .pons-disambig { color: #999; font-size: 12px; margin-bottom: 14px; }
.home-lore h2.home-section-title { font-size: 30.4px; line-height: 30.4px; font-weight: 700; color: #5a5a5a; }

/* ---- Airdrop claim ---- */
.relaunch-claim { margin: 4px 0 0; color: #555; }
#cl-sol { width: 420px; max-width: calc(100% - 150px); font-family: Menlo, Monaco, Consolas, monospace; font-size: 13px; }
.cl-table-wrap { overflow-x: auto; }
.cl-table { max-width: 820px; font-size: 13px; }
.cl-table td.cl-addr { font-family: Menlo, Monaco, Consolas, monospace; font-size: 12px; word-break: break-all; }
@media (max-width: 480px) { #cl-sol { width: 100%; max-width: 100%; margin-bottom: 8px; } }
.bt-round.bt-locked { border-left-color: #999; } .bt-round.bt-locked .label { vertical-align: middle; margin-left: 6px; }

/* ---- Kaka rebrand graphics ---- */
.site-logo img { max-height: 72px; width: auto; }
.relaunch-block .kaka-hero { display: block; margin: 0 auto 10px; height: 132px; width: 132px; }
@media (max-width: 767px) { .site-logo img { max-height: 56px; } .relaunch-block .kaka-hero { height: 104px; width: 104px; } }
