/*
 * Original theme by Chipmunk (https://chipmunk.land/)
 * Ported to APIClone's new theming system by Heathercat123 (https://heathercat123.codeberg.page/)
 *
 * Licensed under the Unlicense, just like the rest of APIClone.
*/

/* Declare that this is a dark theme */
:root {
    color-scheme: dark;
}

html, body {
    background: #000;
    color: #fff;
}

body {
    text-shadow: 0 1px #333;
}

fieldset {
    color: #fff;
    border-bottom-color: #111;
}


input,
textarea,
select {
    color: #fff;
    border-color: #111;
    background-color: #222;
}

select, .icon.download,
.popover,
#qunit-tests li li.pass,
#qunit-tests li li.fail,
.comment.ct_project,
.comment.ct_profile,
.comment.ct_studio,
.box .box-head .portrait img,
.dropdown .dropdown-menu,
.modal form,
#email-resend-box .modal-footer,
.registration,
.registration form,
.tabs-index li:hover,
.player-box-footer-module,
#project-tags .tag-choices {
    background-color: #000;
}

.popover.top .arrow,
#comments ul.comments ul li,
.media-col li,
#email-resend-box,
.v-tabs li,
.v-tabs li.active,
.actionbar,
#profile-data .footer,
.showcase .info .fixed,
.showcase .actions,
#tip-bar .tip-header {
    border-top-color: #111;
}
.popover.top .arrow:after,
.dropdown span.dropdown-toggle span.caret {
    border-top-color: #000;
}
.popover.right .arrow,
.media-item-content .media-info .media-info-group .media-info-item,
ul.inline.right-divider>li,
.header-text .profile-details .group,
.showcase .action {
    border-right-color: #111;
}
.popover.right .arrow:after {
    border-right-color: #000;
}
.popover.bottom .arrow,
#qunit-tests li,
#comments #comments-enabled-box,
#comments .comments li,
.media-col li,
.modal-header,
.v-tabs li,
.v-tabs li.active,
.help .faq .box-content,
ul.social-notification-list li,
ul.scratch-team li,
.media-list li,
.showcase .fixed #remix-history,
.player-box-footer-module .studio-list ul li:not(:last-child),
.text-block .divider,
#tip-bar .tip-header,
#tip-bar .tip-content {
    border-bottom-color: #111;
}
.popover.bottom .arrow:after {
    border-bottom-color: #000;
}
.popover.left .arrow,
#profile-box .doing,
.profile-box-footer-module div.section,
.showcase .info,
.player-box-footer-module div.section,
#tip-bar .tip-header,
#tip-bar .tip-content {
    border-left-color: #111;
}
.popover.left .arrow:after {
    border-left-color: #000;
}

.dropdown span.dropdown-toggle.black span.caret,
.tooltip.top.grey .hovertext .arrow {
    border-top-color: #fff;
}

.tooltip.grey.right .hovertext .arrow {
    border-right-color: #fff;
}

.tooltip.bottom.grey .hovertext .arrow {
    border-bottom-color: #fff;
}

.thumb img,
.activity-stream img.avatar,
.ticket-barrel-shift,
.box,
.box .box-head .portrait img,
.carousel .thumb img,
#comments #comment-form .template-feature-off,
.dropdown .dropdown-menu,
.dropdown .dropdown-menu li:hover,
.slider-carousel .thumb img,
.tabs-index li:hover,
.h-tabs > li:hover > a,
.h-tabs>li.active a,
#topnav ul.account-nav .logged-in-user .user-icon,
#topbar ul.secondary-nav .logged-in-user .user-icon,
.tabs-index ul li.selected,
ul.curators li img,
#gallery-cover-image,
.help .thumb-with-subtext img,
.help .general .leftcol .box2 .video-tutorials img,
.help .about .intro .media-container,
.help .about .box-content img,
.help .parents .intro .media-container,
.homepage-banner .video img,
.homepage-banner .video .play-button,
.event-list li,
#page-404 .search input,
#profile-box .player,
.media-item-content .media-thumb img,
.showcase .fixed #remix-history img,
.player-box-footer-module div.section.embed .preview,
.player-box-footer-module .studio-list,
.box-head .wip,
#project-tags .tag-choices,
.box-head .buttons #editor-stats,
.carousel .thumb img,
.markItUpPreviewFrame,
.djangobb blockquote,
.code,
.forminfo,
.blockpost label,
.blockpost .box-content,
.djangobb td, .djangobb th {
    border-color: #111;
}

.project.thumb.selected,
#comments .highlighted,
.help .rightcol .box-content,
.help .faq .box,
.help .cards .cards-content-container .box,
.help .about .box,
.help .hoc .box,
.help .parents .leftcol .box,
.notification-feed ul li.unread,
#profile-box .player,
.showcase .actions,
.markItUpPreviewFrame,
.djangobb blockquote,
.code,
.tc2,
.tc3,
.tcmod,
#postpreview,
.forminfo,
.blockmenu .box,
#adstats dd {
    background-color: #222;
}

ul.curators li,
.homepage-banner .video,
.intro #orange-char .text,
.intro #blue-char .text,
.intro #yellow-char .text {
    border-color: #111;
    background-color: #222;
}


input::-webkit-input-placeholder {
    color: unset;
}

input:-moz-placeholder {
    color: unset;
}

input:-ms-input-placeholder {
    color: unset;
}

::placeholder,
:-moz-placeholder,
::-webkit-input-placeholder,
input:-ms-input-placeholder {
    color: #bbb;
}

.loading[data-control="load-more"] {
    background-color: #000 !important;
}

span.not-social-alert {
    background-color: #0df;
    color: #000 !important;
}

.button a, .button a:visited, .button a:hover, .button a:active,
.membership-label-text,
#qunit-header a:focus,
#qunit-userAgent,
#educator-registration .progress-4-4 .button-wrapper a.button,
#educator-registration .progress-4-4 .button-wrapper a.button:hover,
.tooltip span.hovertext,
#topnav ul.account-nav>li.join-scratch>a,
#topnav ul.account-nav .sign-in form label,
#topnav ul.account-nav .sign-in form .forgot-password a,
#topnav ul.account-nav .logged-in-user,
#topnav ul.account-nav ul.user-nav li a,
#topnav ul.account-nav > li > span,
#topnav ul.account-nav .sign-in form label,
#topnav ul.account-nav .sign-in form .forgot-password a,
#topbar .topbar-inner .container .nav li a,
#topbar ul.nav > li> a:hover,
#topbar ul.nav>li>a:visited,
#topbar ul.nav>li.dropdown span:hover,
#topbar .topbar-inner .container .nav li span,
#topbar.apiclone-beta .dropdown-menu label,
#topbar.apiclone-alpha .dropdown-menu label,
.banner a,
.banner .close,
.djangobb .new_topic,
.blockpost .box-head,
.blockpost .box-head span.conr,
.blockpost .box-head a,
.blockpost .box-head a:link,
.blockpost .box-head a:active,
.blockpost .box-head a:hover,
.blockpost .box-head a:visited,
.follow-topic .follow-button:hover {
    color: #000;
}

#qunit-tests ol {
    background-color: #000;
    box-shadow: inset 0px 2px 13px #111;
    -moz-box-shadow: inset 0px 2px 13px #111;
    -webkit-box-shadow: inset 0px 2px 13px #111;
}

#qunit-tests .pass .test-expected,
#admin-panel .ip-list span.date,
.box .box-content .pagination .disabled,
#comments .comment .report,
#comments .comment .delete,
.jqui-modal .ui-dialog-titlebar .ui-icon-closethick,
.registration .community-disclaimer,
.social-feed .item div.social-content span.time {
    color: #111;
}

.triangle-border:after {
    border-color: #000 transparent;
}

div.ui-dialog-titlebar.ui-widget-header,
.box,
#profile-box .doing {
    background: #222;
}

.empty-field {
    background-color: #2adf65;
    border-color: #4aff85;
}

.humane .iframeshim,
.triangle-border,
#explore-bar #related-projects,
.showcase .stage,
body.white {
    background: #000;
}

#qunit-testrunner-toolbar,
#admin-panel div.status.unreviewed:hover:not(.selected),
.editable .edit-this:hover,
.editable-container:hover .editable,
textarea::-webkit-scrollbar,
.viewport::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.scrollbar .track,
.registration .community-disclaimer,
.tabs-index li.active,
#topnav ul.account-nav .sign-in .error,
#deletion-form-box form input[type="submit"]:disabled,
.tutorial-dropdown-menu nav li:hover,
.box-head .wip,
#tip-bar .tip-header,
.djangobb hr {
    background-color: #111;
}

h1, h2, h3, h4,
label,
.thumb span.stats,
.thumb span.date,
.thumb span.owner,
span.small-text,
a.black, a.black:visited,
input.link.black,
.triangle-border,
#admin-panel h3,
#admin-panel h4,
#admin-panel div.status.unreviewed,
.box .box-content .template-feature-off,
#comments .comment .info .name a,
.editable-empty [data-content="prompt"],
#email-resend-box .email-resend-subsection,
.jqui-modal .ui-dialog-titlebar
.slider-carousel .thumb span.stats,
.slider-carousel .thumb span.owner,
.slider-carousel .thumb span.owner a,
.tabs-index li a,
.tabs-index li .label,
.tabs-index li:hover a,
.tabs-index li.active a,
.h-tabs > li > a,
#profile-box #bio textarea,
#profile-box #status textarea,
#profile-box #bio p,
#profile-box #status p,
#bio-readonly,
#status-readonly,
.showcase .action,
.button.grey a:hover {
    color: #fff;
}



a, input.link,
a:hover, a:active,
a.black:hover, a.black:active,
input.link:hover, input.link:active,
input.link.black:hover, input.link.black:active,
#comments .comment .info .name a:hover,
#admin-panel .clear-mute-score,
#footer #footer-menu li a,
.deletion-canceled a,
#email-resend-box a {
    color: #4aff85;
}

.slider-carousel-control {
    background: none;
}


/* BUTTONS */

.button,
button {
    color: #000;
    border-color: #0abf45;
    background-color: #4aff85;
    background-image: -webkit-linear-gradient(top, #4aff85, #0abf45);
    background-image: -moz-linear-gradient(top, #4aff85, #0abf45);
    background-image: -ms-linear-gradient(top, #4aff85, #0abf45);
    background-image: -o-linear-gradient(top, #4aff85, #0abf45);
    background-image: linear-gradient(top, #4aff85, #0abf45);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4aff85, endColorStr=#0abf45);
}

.button:hover, button:hover {
    background-image: -webkit-linear-gradient(top, #0abf45, #2adf65);
    background-image: -moz-linear-gradient(top, #0abf45, #2adf65);
    background-image: -ms-linear-gradient(top, #0abf45, #2adf65);
    background-image: -o-linear-gradient(top, #0abf45, #2adf65);
    background-image: linear-gradient(top, #0abf45, #2adf65);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0abf45, endColorStr=#2adf65);
}

.button.orange,
button.orange {
    background-image: -webkit-linear-gradient(top, #0df, #0cc);
    background-image: -moz-linear-gradient(top,#0df,#0cc);
    background-image: -ms-linear-gradient(top,#0df,#0cc);
    background-image: -o-linear-gradient(top,#0df,#0cc);
    background-image: linear-gradient(top,#0df,#0cc);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00ddff, endColorStr=#00cccc);
}

.button.orange:hover,
button.orange:hover {
    background-image: -webkit-linear-gradient(top, #0cc, #0ee);
    background-image: -moz-linear-gradient(top,#0cc,#0ee);
    background-image: -ms-linear-gradient(top,#0cc,#0ee);
    background-image: -o-linear-gradient(top,#0cc,#0ee);
    background-image: linear-gradient(top,#0cc,#0ee);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00cccc, endColorStr=#00eeee);
}

.button.red,
button.red {
    border-color: #d6250d;
    background-image: -webkit-linear-gradient(top, #da4f3d, #d6250d);
    background-image: -moz-linear-gradient(top,#da4f3d, #d6250d);
    background-image: -ms-linear-gradient(top,#da4f3d, #d6250d);
    background-image: -o-linear-gradient(top,#da4f3d, #d6250d);
    background-image: linear-gradient(top,#da4f3d, #d6250d);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#da4f3d, endColorStr=#d6250d);
}

.button.red:hover,
button.red:hover {
    background-image: -webkit-linear-gradient(top,#d6250d, #d6250d);
    background-image: -moz-linear-gradient(top,#d6250d, #d6250d);
    background-image: -ms-linear-gradient(top,#d6250d, #d6250d);
    background-image: -o-linear-gradient(top,#d6250d, #d6250d);
    background-image: linear-gradient(top,#d6250d, #d6250d);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#d6250d, endColorStr=#d6250d);
}

.button.grey,
button {
    text-shadow: 0 1px #000;
    color: #fff;
    border-color: #111;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(top, #333, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#333333, endColorStr=#000000);
}

.button.grey:hover,
button:hover {
    background-image: -webkit-linear-gradient(top, #000, #222);
    background-image: -moz-linear-gradient(top, #000, #222);
    background-image: -ms-linear-gradient(top, #000, #222);
    background-image: -o-linear-gradient(top, #000, #222);
    background-image: linear-gradient(top, #000, #222);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorStr=#222222);
}

.button.grey:hover .dropdown-toggle:after, .button.grey.on .dropdown-toggle:after,
button:hover .dropdown-toggle:after, button.on .dropdown-toggle:after {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.button.grey.on,
button.grey.on {
    border-color: #ccc;
    border-top-color: #111;
    -moz-box-shadow: inset 0 1px 1px #aaa;
    -ms-box-shadow: inset 0 1px 1px #aaa;
    -webkit-box-shadow: inset 0 1px 1px #aaa;
    box-shadow: inset 0 1px 1px #aaa;
    background-image: -moz-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -ms-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -o-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(100%,#e0e0e6));
    background-image: -webkit-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: linear-gradient(to top,#fff 0,#e0e0e6 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e0e0e6);
    color: #000;
}

.button.grey.disabled, .button.red.disabled,
button.disabled {
    color: #111;
    background-color: #eee;
}

/* THUMBNAILS */
.gallery.thumb span.image,
.gallery.thumb span.image img {
    background-color: #333;
    border-color: #111;
}


.gallery.thumb .stats,
.editable-image [data-control="edit"],
.scrollbar .thumb .end,
.scrollbar .thumb,
.tooltip.grey .hovertext {
    background-color: #FFF;
}

.activity-stream .actor a {
    color: #fff !important;
}

.media-info-item.date,
.media-info-item.status {
    color: #ddd;
}

/* ADMIN PANEL */
#admin-panel .dismiss,
#admin-panel .expand {
    color: #000;
    background-color: #fff;
    border: 2px solid #111;
}

#admin-panel {
    background-color: #1f1f1f;
    border-color: #3c3c3c;
    color: #fff !important;
}

.comment.cv_flagged,
.comment.cv_markedbyfilter {
    background-color: #020;
}

.comment.cv_censbyadmin,
.comment.cv_censbyfilter,
.comment.cv_delbyadmin,
.comment.cv_censbycomm,
.comment.cv_censbychildsafety,
.comment.cv_parentcommentcensored,
.djangobb ul.errorlist,
.admin-only {
    background-color: #200;
}

.comment.cv_delbyusr,
.comment.cv_delbyparentcomment {
    background-color: #002;
}

/* BOXES */
.box .box-content {
    background: #333;
    border-top-color: #111;
}

.box .box-content .action-bar .inner {
    border-top-color: #111;
    border-bottom-color: #111;
    background-color: #111;
}

.box .box-content .action-bar.white .inner,
.box .box-content .inner,
#explore-bar .scroll-content li:hover,
.help .rightcol .box-content,
.showcase .box-content,
.player-box-footer-module .studio-list,
.box-head .buttons #editor-stats,
.blockpost .box-content {
    background-color: #333;
}

.box .box-head {
    border-top-color: #333;
}

.box .box-content.grey {
    background-color: #f9f9f9;
    background-color: #333;
}

/* COMMENTS */
#comments .more-replies{
    border-top: 1px solid #111;
    background: #333;
    box-shadow: 0px -25px 20px -10px #222;
}

#comments .more-replies .pulldown {
    color: #4aff85;
    border: 1px solid #111;
    background: #222;
}

#comments .comment .info .time,
.showcase .info .fixed,
.showcase .fixed .copyright a,
.player-box-footer-module .studio-list li span.title a,
.carousel .thumb span.owner a,
.carousel .thumb span.stats, .carousel .thumb span.owner {
    color: #ccc;
}


#comments #comments-loading{
    background: url(../../images/ajax-loader.gif) #333 no-repeat center 70px;
}

/* EDITABLE */
.editable textarea,
.editable input,
.editable-empty textarea,
.editable-empty input {
    background: #333;
}

.editable:hover,
.editable.write,
.editable-empty {
    border-color: #111 !important;
    background-color: #333;
}

/* EXPLORE BAR */
#explore-bar #explore-header {
    background: #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    border-color: #111;
    -moz-box-shadow: 0px -1px 1px #111; /* Firefox */
    -webkit-box-shadow: 0px -1px 1px #111; /* Safari, Chrome */
    box-shadow: 0px -1px 1px #111;
    text-shadow: 0px 1px #FFF;
}

#explore-bar #new {
    color: #0df;
}

/* MODAL */
.modal {
    background-color: #000;
    border-color: #111;
    *border: 1px solid #111;

}

.close {
    color: #fff;
    text-shadow: inherit;
}

.modal-footer {
    background-color: #111;
    border-top-color: #111;
    -webkit-box-shadow: inset 0 1px 0 #111;
    -moz-box-shadow: inset 0 1px 0 #111;
    box-shadow: inset 0 1px 0 #111;
}

#email-resend-box .email-resend-sub-header,
.registration .page-header h4,
.unconfirmed-email h3,
.help .parents .leftcol .box-content h3,
.help .parents .leftcol .box-content h3 a,
.intro .title,
#page-403 .box-header h1,
#page-404 .box-header h1,
#page-500 .box-header h1 {
    color: #0dd;
}

#email-resend-box input.primary {
    background-color: #0dd;
    border-color: #0dd;
    color: #000;
}

img.avatar-badge,
#topnav ul.account-nav .logged-in-user .user-icon.avatar-badge,
.slider-carousel img.avatar-badge,
.box .box-head .portrait .avatar-wrapper img.avatar-badge {
    border-color: #0dd;
}

.avatar-badge-wrapper {
    background-image: url('./Chipmunk/cat-ears.svg');
}


.jqui-modal .ui-state-default,
.jqui-modal .ui-widget-content .jqui-modal .ui-state-default,
.jqui-modal .ui-widget-header .ui-state-default {
    text-shadow: 0 1px #000;
    color: #fff;
    border-color: #111;
}

.registration a.why-we-ask {cursor: default;}
.registration a.why-we-ask + div {display:none; }
.registration a.why-we-ask:hover + div {
    border-color: #111;
    background-color: #000;
    box-shadow: 1px 1px 6px 2px #111;
}

.registration .reg-body-confirm .vr {
    border-left-color: #fff;
}

/* TABS */
.tabs-index li {
    border-color: #222;
    border-top-color: #111;
    border-bottom-color: #111;
}

.v-tabs li:hover {
    background-color: #212;
    border-top-color: #000;
    border-left-color: #212;
}

/* .v-tabs li.active, */
.v-tabs li.active a {
    text-shadow: 0 1px #000;
    color: #FFF;
}

.v-tabs li.active:hover,
.v-tabs li.active,
.h-tabs > li:hover {
    background-color: #333;
}

.h-tabs>li.active {
    border-color: #111;
    border-bottom: none;
    background-color: #333;
}

/* PROJECT */

.action a.remix-tree {
    border: 1px solid #111 !important;
    box-shadow: inset 0 1px rgba(51, 51, 51, 0.65), 0 0 0 rgba(34, 25, 25, 0.21);
}

.action a.remix-tree:hover {
    background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0.71), rgba(17, 17, 17, 0.67));
}

/* FORUMS */
.blockpost div.box {
    background-color: #4aff85;
    border-top-color: #4aff85;
}
.blockpost .box-head {
    border-top-color: #abffc7;
}

.djangobb th {
    background-color: #191919;
}

.postleft,
.postfootleft,
.blockpost label {
    background-color: #222;
    box-shadow: 1px 0 #111;
}

.postfootright,
.postright {
    background-color: #333;
    border-left-color: #222;
    box-shadow: inset 1px 0 #111;
}

.moderator-only {
    background-color: #210;
}

pre { line-height: 125%; }
td.linenos .normal { color: #37474f; background-color: #263238; padding-left: 5px; padding-right: 5px; }
span.linenos { color: #37474f; background-color: #263238; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #607a86; background-color: #263238; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #607a86; background-color: #263238; padding-left: 5px; padding-right: 5px; }
.hll { background-color: #2c3b41 }
.c { color: #546e7a; font-style: italic } /* Comment */
.err { color: #ff5370 } /* Error */
.esc { color: #89ddff } /* Escape */
.g { color: #eff } /* Generic */
.k { color: #bb80b3 } /* Keyword */
.l { color: #c3e88d } /* Literal */
.n { color: #eff } /* Name */
.o { color: #89ddff } /* Operator */
.p { color: #89ddff } /* Punctuation */
.ch { color: #546e7a; font-style: italic } /* Comment.Hashbang */
.cm { color: #546e7a; font-style: italic } /* Comment.Multiline */
.cp { color: #546e7a; font-style: italic } /* Comment.Preproc */
.cpf { color: #546e7a; font-style: italic } /* Comment.PreprocFile */
.c1 { color: #546e7a; font-style: italic } /* Comment.Single */
.cs { color: #546e7a; font-style: italic } /* Comment.Special */
.gd { color: #ff5370 } /* Generic.Deleted */
.ge { color: #89ddff } /* Generic.Emph */
.ges { color: #ffcb6b } /* Generic.EmphStrong */
.gr { color: #ff5370 } /* Generic.Error */
.gh { color: #c3e88d } /* Generic.Heading */
.gi { color: #c3e88d } /* Generic.Inserted */
.go { color: #546e7a } /* Generic.Output */
.gp { color: #ffcb6b } /* Generic.Prompt */
.gs { color: #ff5370 } /* Generic.Strong */
.gu { color: #89ddff } /* Generic.Subheading */
.gt { color: #ff5370 } /* Generic.Traceback */
.kc { color: #89ddff } /* Keyword.Constant */
.kd { color: #bb80b3 } /* Keyword.Declaration */
.kn { color: #89ddff; font-style: italic } /* Keyword.Namespace */
.kp { color: #89ddff } /* Keyword.Pseudo */
.kr { color: #bb80b3 } /* Keyword.Reserved */
.kt { color: #bb80b3 } /* Keyword.Type */
.ld { color: #c3e88d } /* Literal.Date */
.m { color: #f78c6c } /* Literal.Number */
.s { color: #c3e88d } /* Literal.String */
.na { color: #bb80b3 } /* Name.Attribute */
.nb { color: #82aaff } /* Name.Builtin */
.nc { color: #ffcb6b } /* Name.Class */
.no { color: #eff } /* Name.Constant */
.nd { color: #82aaff } /* Name.Decorator */
.ni { color: #89ddff } /* Name.Entity */
.ne { color: #ffcb6b } /* Name.Exception */
.nf { color: #82aaff } /* Name.Function */
.nl { color: #82aaff } /* Name.Label */
.nn { color: #ffcb6b } /* Name.Namespace */
.nx { color: #eff } /* Name.Other */
.py { color: #ffcb6b } /* Name.Property */
.nt { color: #ff5370 } /* Name.Tag */
.nv { color: #89ddff } /* Name.Variable */
.ow { color: #89ddff; font-style: italic } /* Operator.Word */
.pm { color: #89ddff } /* Punctuation.Marker */
.w { color: #eff } /* Text.Whitespace */
.mb { color: #f78c6c } /* Literal.Number.Bin */
.mf { color: #f78c6c } /* Literal.Number.Float */
.mh { color: #f78c6c } /* Literal.Number.Hex */
.mi { color: #f78c6c } /* Literal.Number.Integer */
.mo { color: #f78c6c } /* Literal.Number.Oct */
.sa { color: #bb80b3 } /* Literal.String.Affix */
.sb { color: #c3e88d } /* Literal.String.Backtick */
.sc { color: #c3e88d } /* Literal.String.Char */
.dl { color: #eff } /* Literal.String.Delimiter */
.sd { color: #546e7a; font-style: italic } /* Literal.String.Doc */
.s2 { color: #c3e88d } /* Literal.String.Double */
.se { color: #eff } /* Literal.String.Escape */
.sh { color: #c3e88d } /* Literal.String.Heredoc */
.si { color: #89ddff } /* Literal.String.Interpol */
.sx { color: #c3e88d } /* Literal.String.Other */
.sr { color: #89ddff } /* Literal.String.Regex */
.s1 { color: #c3e88d } /* Literal.String.Single */
.ss { color: #89ddff } /* Literal.String.Symbol */
.bp { color: #89ddff } /* Name.Builtin.Pseudo */
.fm { color: #82aaff } /* Name.Function.Magic */
.vc { color: #89ddff } /* Name.Variable.Class */
.vg { color: #89ddff } /* Name.Variable.Global */
.vi { color: #89ddff } /* Name.Variable.Instance */
.vm { color: #82aaff } /* Name.Variable.Magic */
.il { color: #f78c6c } /* Literal.Number.Integer.Long */


/* TOPNAV GLOBAL */
#topnav, .banner,
#topbar, #topbar .topbar-inner {
    -webkit-box-shadow: 0 1px 1px #111;
    -moz-box-shadow: 0 1px 1px #111;
    -o-box-shadow: 0 1px 1px #111;
    box-shadow: 0 1px 1px #111;
}

#topnav ul.site-nav li a {
    color: #000;
    border-right-color: #333;
}


#topnav form.search input,
#topbar form.search input {
    background-color: #000;
    color: #ccc;
}

#topnav ul.account-nav .logged-in-user .dropdown-menu,
#topnav ul.account-nav .sign-in .popover,
#topnav.apiclone-2023 .innerwrap,
#topnav.apiclone-2013,
#topbar.apiclone-beta .topbar-inner,
#topnav.apiclone-2023 li.logout.divider input,
#topbar.apiclone-alpha,
#topbar.apiclone-alpha .topbar-inner,
#topbar.apiclone-alpha .dropdown-menu li:hover,
#topbar.apiclone-beta .dropdown-menu,
#topbar.apiclone-alpha ul.nav li.dropdown.open,
#topbar.apiclone-alpha .dropdown-menu {
    background-color: #4aff85;
}

#topnav ul.site-nav li,
#topnav ul.site-nav li.last,
#topnav ul.account-nav.logged-in>li,
#topnav ul.account-nav .sign-in .popover,
#topnav ul.account-nav ul.user-nav li.logout.divider,
#topnav.apiclone-2023 ul.account-nav>li.join-scratch,
#topnav.apiclone-2023 ul.account-nav>li,
#topnav.apiclone-2023 ul.account-nav>li:last-child,
#topnav.apiclone-2013 ul.account-nav>li,
#topbar.apiclone-beta ul.nav>li,
#topbar.apiclone-alpha ul.nav>li,
#topbar.apiclone-alpha ul.nav>li.last {
    border-color: #4aff85 !important;
}

#topnav li.logout.divider input {
    color: black;
}

#topnav ul.account-nav>li.join-scratch:hover {
    background-color: #0df;
}

#topnav ul.account-nav .sign-in .popover .arrow,
#topnav ul.account-nav .sign-in .popover .arrow:after {
    border-bottom-color: #4aff85;
}

#topnav ul.site-nav li:hover,
#topnav ul.account-nav>li.sign-in:hover,
#topnav ul.account-nav>li.sign-in.open,
#topnav ul.account-nav.logged-in li:hover,
#topnav.apiclone-2023 li.logout.divider input:hover,
#topbar.apiclone-beta ul.nav>li:hover,
#topbar.apiclone-beta .dropdown-menu li:hover,
#topbar.apiclone-alpha ul.nav>li:hover,
#topbar.apiclone-alpha .dropdown-menu li:hover {
    background-color: #2adf65 !important;
}

#topnav ul.account-nav .logged-in-user.dropdown.open,
#topbar.apiclone-beta ul.nav li.dropdown.open {
    background-color: #2adf65 !important;
}

#topnav ul.account-nav .messages .notificationsCount,
#topbar .secondary-nav .notifications .notificationsCount {
    background-color: #0df;
    color: #000 !important;
}

.banner {
    background-color: #0df;
    color: #000;
}


/* TOPNAV BETA/ALPHA */

#topbar.apiclone-beta .dropdown-menu ul li.divider,
#topbar.apiclone-alpha .dropdown-menu ul li.divider {
    border-top-color: #2adf65;
}

#topbar.apiclone-beta .dropdown-menu input,
#topbar.apiclone-alpha .dropdown-menu input {
    background-color: #75d675;
    border-color: #22c122;
}

#topbar form.search .glass {
    background: None !important;
    border-right-color: #333;
}

/* TOPNAV ALPHA */

/*#topbar.apiclone-alpha ul.nav>li>a:hover,
#topbar.apiclone-alpha ul.nav>li.dropdown span:hover,
#topbar.apiclone-alpha ul.nav li.dropdown.open span {
    color: #fba939;
}*/

/* FOOTER */

#footer {
    background-color: #222;
    -moz-box-shadow:    inset 0 0 10px #111;
    -webkit-box-shadow: inset 0 0 10px #111;
    box-shadow:         inset 0 0 10px #111;
}

#footer ul.footer-col li h4 {
    color: #fff !important;
}

/* FEEDBACK */
#feedback, #feedback h3 {
    background-color: #4aff85;
    color: #000;
}

#feedback {
    border-color: #2adf65;
}

/* IMAGES */
.icon-sm {
    background-image: url('./Chipmunk/icons_sm.png');
}
.icon-xs {
    background-image: url('./Chipmunk/icons_xs.png');
}

.markItUp .browser-os-button a {
    background-image: url('./Chipmunk/browser-os.png') !important;
}

.markItUpHeader ul .markItUpDropMenu {
    background:transparent url(./Chipmunk/menu.png) no-repeat 115% 50% !important;
}

.markItUp .markItUpButton1 a {
    background-image: url('./Chipmunk/bold.png') !important;
}
.markItUp .markItUpButton2 a {
    background-image: url('./Chipmunk/italic.png') !important;
}
.markItUp .markItUpButton3 a {
    background-image: url('./Chipmunk/underline.png') !important;
}
.markItUp .markItUpButton4 a {
    background-image: url('./Chipmunk/stroke.png') !important;
}

.markItUp .markItUpButton8 a {
    background-image: url('./Chipmunk/list-bullet.png') !important;
}
.markItUp .markItUpButton9 a {
    background-image: url('./Chipmunk/list-numeric.png') !important;
}
.markItUp .markItUpButton10 a {
    background-image: url('./Chipmunk/list-item.png') !important;
}



#topnav .logo span {
    background-image: url("./Chipmunk/logo_sm.png");
}

#topbar img.logo {
    content: url("./Chipmunk/logo_sm.png");
    position: relative;
    bottom: 2px;
}

#topnav .logo:hover span {
    background-image: url("./Chipmunk/logo_sm_highlight.png");
}

#topnav ul.account-nav .my-stuff .mystuff-icon,
#topbar .secondary-nav .mystuff {
    background-image: url("./Chipmunk/mystuff.png")
}


#topnav ul.account-nav .messages .messages-icon,
#topbar .secondary-nav .notifications {
    background-image: url("./Chipmunk/nav-notifications.png");
}


#topnav form.search .glass,
#topbar form.search .glass i {
    background-image: url("./Chipmunk/nav-search-glass.png");
    border-right-color: #333;
}

#topbar.apiclone-alpha .secondary-nav .mystuff {
    background-image: url('./Chipmunk/studio.png');
}