/*!
 * This is an example of a color scheme
 * You can define your color scheme below
 */

[data-theme="customize"] {
  --pico-primary: #2bab60 !important;
  --pico-primary-hover: #1d6e3f !important;
  --pico-background-color: #fffbeb !important;
  --pico-muted-border-color: rgba(0, 0, 0, .1) !important;
  --pico-form-element-border-color: rgba(0, 0, 0, .2) !important;
  --pico-code-background-color: rgba(0, 0, 0, .05) !important;
}

.site-navbar {
  background-color: var(--pico-primary);
}

.site-navbar a,
.site-navbar .nav-toggler-btn {
  color: var(--pico-primary-inverse);
}

.site-navbar .desc {
  color: rgba(255, 255, 255, .5);
}

.site-navbar input[type="search"]:not(:focus) {
  --pico-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

blockquote{
  border-left: 5px solid #2bab60;
  background: #2bab601a;
}

table {width:100%;margin:20px 0;border-spacing:0;border-collapse:collapse;border: 1px solid #2bab6017;}
table tr:nth-of-type(odd) {background: #fdf8e7 !important;}
table tr:hover {background: #2bab601a !important;}
td:nth-last-child(2) {width: 130px;}
td,th {border-right: 1px solid #2bab6017;border-bottom: 3px solid #2bab6017;font-weight:400;padding:8px;text-align:left;vertical-align:middle;word-break:break-word;min-width:70px;}
th {font-weight:700;padding-bottom:10px;background: #2bab60;color: #fff;}
td {border-bottom-width:1px;vertical-align:middle;background: transparent;}
tr>td:nth-child(2) img {max-width:150px !important;max-height:50px;vertical-align:bottom;margin:0;}
tr>td:nth-child(2) figure {margin:0;}
tr>td:nth-child(2) .article-holder {display:none;}
.table-responsive {width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}