@charset "UTF-8";

/*
Theme Name: Diogenes
Theme URI: https://blog.lipte.com/theme
Author: cicero ma
Author URI: https://blog.lipte.com/
Description: Diogenes is a simple and lightweight wordpress blog theme
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: simple

*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Entry................Entry, author biography.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */



.container, .row [class*="col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.row [class*="col-"] {
  float: left;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.row [class*="-push-"],
.row [class*="-pull-"] {
  position: relative; }

/*
 * Mobile and up
 */
.col-mb-1 {
  width: 8.33333%; }

.col-mb-2 {
  width: 16.66667%; }

.col-mb-3 {
  width: 25%; }

.col-mb-4 {
  width: 33.33333%; }

.col-mb-5 {
  width: 41.66667%; }

.col-mb-6 {
  width: 50%; }

.col-mb-7 {
  width: 58.33333%; }

.col-mb-8 {
  width: 66.66667%; }

.col-mb-9 {
  width: 75%; }

.col-mb-10 {
  width: 83.33333%; }

.col-mb-11 {
  width: 91.66667%; }

.col-mb-12 {
  width: 100%; }

/*
 * Tablet and up
 */
@media (min-width: 768px) {
  .container {
    max-width: 728px; }

  .col-tb-1 {
    width: 8.33333%; }

  .col-tb-2 {
    width: 16.66667%; }

  .col-tb-3 {
    width: 25%; }

  .col-tb-4 {
    width: 33.33333%; }

  .col-tb-5 {
    width: 41.66667%; }

  .col-tb-6 {
    width: 50%; }

  .col-tb-7 {
    width: 58.33333%; }

  .col-tb-8 {
    width: 66.66667%; }

  .col-tb-9 {
    width: 75%; }

  .col-tb-10 {
    width: 83.33333%; }

  .col-tb-11 {
    width: 91.66667%; }

  .col-tb-12 {
    width: 100%; }

  .col-tb-offset-0 {
    margin-left: 0%; }

  .col-tb-offset-1 {
    margin-left: 8.33333%; }

  .col-tb-offset-2 {
    margin-left: 16.66667%; }

  .col-tb-offset-3 {
    margin-left: 25%; }

  .col-tb-offset-4 {
    margin-left: 33.33333%; }

  .col-tb-offset-5 {
    margin-left: 41.66667%; }

  .col-tb-offset-6 {
    margin-left: 50%; }

  .col-tb-offset-7 {
    margin-left: 58.33333%; }

  .col-tb-offset-8 {
    margin-left: 66.66667%; }

  .col-tb-offset-9 {
    margin-left: 75%; }

  .col-tb-offset-10 {
    margin-left: 83.33333%; }

  .col-tb-offset-11 {
    margin-left: 91.66667%; }

  .col-tb-offset-12 {
    margin-left: 100%; }

  .col-tb-pull-0 {
    right: 0%; }

  .col-tb-pull-1 {
    right: 8.33333%; }

  .col-tb-pull-2 {
    right: 16.66667%; }

  .col-tb-pull-3 {
    right: 25%; }

  .col-tb-pull-4 {
    right: 33.33333%; }

  .col-tb-pull-5 {
    right: 41.66667%; }

  .col-tb-pull-6 {
    right: 50%; }

  .col-tb-pull-7 {
    right: 58.33333%; }

  .col-tb-pull-8 {
    right: 66.66667%; }

  .col-tb-pull-9 {
    right: 75%; }

  .col-tb-pull-10 {
    right: 83.33333%; }

  .col-tb-pull-11 {
    right: 91.66667%; }

  .col-tb-pull-12 {
    right: 100%; }

  .col-tb-push-0 {
    left: 0%; }

  .col-tb-push-1 {
    left: 8.33333%; }

  .col-tb-push-2 {
    left: 16.66667%; }

  .col-tb-push-3 {
    left: 25%; }

  .col-tb-push-4 {
    left: 33.33333%; }

  .col-tb-push-5 {
    left: 41.66667%; }

  .col-tb-push-6 {
    left: 50%; }

  .col-tb-push-7 {
    left: 58.33333%; }

  .col-tb-push-8 {
    left: 66.66667%; }

  .col-tb-push-9 {
    left: 75%; }

  .col-tb-push-10 {
    left: 83.33333%; }

  .col-tb-push-11 {
    left: 91.66667%; }

  .col-tb-push-12 {
    left: 100%; } }
/*
 * Desktop and up
 */
@media (min-width: 992px) {
  .container {
    max-width: 952px; }

  .col-1 {
    width: 8.33333%; }

  .col-2 {
    width: 16.66667%; }

  .col-3 {
    width: 25%; }

  .col-4 {
    width: 33.33333%; }

  .col-5 {
    width: 41.66667%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.33333%; }

  .col-8 {
    width: 66.66667%; }

  .col-9 {
    width: 75%; }

  .col-10 {
    width: 83.33333%; }

  .col-11 {
    width: 91.66667%; }

  .col-12 {
    width: 100%; }

  .col-offset-0 {
    margin-left: 0%; }

  .col-offset-1 {
    margin-left: 8.33333%; }

  .col-offset-2 {
    margin-left: 16.66667%; }

  .col-offset-3 {
    margin-left: 25%; }

  .col-offset-4 {
    margin-left: 33.33333%; }

  .col-offset-5 {
    margin-left: 41.66667%; }

  .col-offset-6 {
    margin-left: 50%; }

  .col-offset-7 {
    margin-left: 58.33333%; }

  .col-offset-8 {
    margin-left: 66.66667%; }

  .col-offset-9 {
    margin-left: 75%; }

  .col-offset-10 {
    margin-left: 83.33333%; }

  .col-offset-11 {
    margin-left: 91.66667%; }

  .col-offset-12 {
    margin-left: 100%; }

  .col-pull-0 {
    right: 0%; }

  .col-pull-1 {
    right: 8.33333%; }

  .col-pull-2 {
    right: 16.66667%; }

  .col-pull-3 {
    right: 25%; }

  .col-pull-4 {
    right: 33.33333%; }

  .col-pull-5 {
    right: 41.66667%; }

  .col-pull-6 {
    right: 50%; }

  .col-pull-7 {
    right: 58.33333%; }

  .col-pull-8 {
    right: 66.66667%; }

  .col-pull-9 {
    right: 75%; }

  .col-pull-10 {
    right: 83.33333%; }

  .col-pull-11 {
    right: 91.66667%; }

  .col-pull-12 {
    right: 100%; }

  .col-push-0 {
    left: 0%; }

  .col-push-1 {
    left: 8.33333%; }

  .col-push-2 {
    left: 16.66667%; }

  .col-push-3 {
    left: 25%; }

  .col-push-4 {
    left: 33.33333%; }

  .col-push-5 {
    left: 41.66667%; }

  .col-push-6 {
    left: 50%; }

  .col-push-7 {
    left: 58.33333%; }

  .col-push-8 {
    left: 66.66667%; }

  .col-push-9 {
    left: 75%; }

  .col-push-10 {
    left: 83.33333%; }

  .col-push-11 {
    left: 91.66667%; }

  .col-push-12 {
    left: 100%; } }
/*
 * Widescreen and up
 */
@media (min-width: 1200px) {
  .container {
    max-width: 1160px; }

  .col-wd-1 {
    width: 8.33333%; }

  .col-wd-2 {
    width: 16.66667%; }

  .col-wd-3 {
    width: 25%; }

  .col-wd-4 {
    width: 33.33333%; }

  .col-wd-5 {
    width: 41.66667%; }

  .col-wd-6 {
    width: 50%; }

  .col-wd-7 {
    width: 58.33333%; }

  .col-wd-8 {
    width: 66.66667%; }

  .col-wd-9 {
    width: 75%; }

  .col-wd-10 {
    width: 83.33333%; }

  .col-wd-11 {
    width: 91.66667%; }

  .col-wd-12 {
    width: 100%; }

  .col-wd-offset-0 {
    margin-left: 0%; }

  .col-wd-offset-1 {
    margin-left: 8.33333%; }

  .col-wd-offset-2 {
    margin-left: 16.66667%; }

  .col-wd-offset-3 {
    margin-left: 25%; }

  .col-wd-offset-4 {
    margin-left: 33.33333%; }

  .col-wd-offset-5 {
    margin-left: 41.66667%; }

  .col-wd-offset-6 {
    margin-left: 50%; }

  .col-wd-offset-7 {
    margin-left: 58.33333%; }

  .col-wd-offset-8 {
    margin-left: 66.66667%; }

  .col-wd-offset-9 {
    margin-left: 75%; }

  .col-wd-offset-10 {
    margin-left: 83.33333%; }

  .col-wd-offset-11 {
    margin-left: 91.66667%; }

  .col-wd-offset-12 {
    margin-left: 100%; }

  .col-wd-pull-0 {
    right: 0%; }

  .col-wd-pull-1 {
    right: 8.33333%; }

  .col-wd-pull-2 {
    right: 16.66667%; }

  .col-wd-pull-3 {
    right: 25%; }

  .col-wd-pull-4 {
    right: 33.33333%; }

  .col-wd-pull-5 {
    right: 41.66667%; }

  .col-wd-pull-6 {
    right: 50%; }

  .col-wd-pull-7 {
    right: 58.33333%; }

  .col-wd-pull-8 {
    right: 66.66667%; }

  .col-wd-pull-9 {
    right: 75%; }

  .col-wd-pull-10 {
    right: 83.33333%; }

  .col-wd-pull-11 {
    right: 91.66667%; }

  .col-wd-pull-12 {
    right: 100%; }

  .col-wd-push-0 {
    left: 0%; }

  .col-wd-push-1 {
    left: 8.33333%; }

  .col-wd-push-2 {
    left: 16.66667%; }

  .col-wd-push-3 {
    left: 25%; }

  .col-wd-push-4 {
    left: 33.33333%; }

  .col-wd-push-5 {
    left: 41.66667%; }

  .col-wd-push-6 {
    left: 50%; }

  .col-wd-push-7 {
    left: 58.33333%; }

  .col-wd-push-8 {
    left: 66.66667%; }

  .col-wd-push-9 {
    left: 75%; }

  .col-wd-push-10 {
    left: 83.33333%; }

  .col-wd-push-11 {
    left: 91.66667%; }

  .col-wd-push-12 {
    left: 100%; } }
/*
 * Responsive kit
 */
@media (max-width: 767px) {
  .kit-hidden-mb {
    display: none; } }
@media (max-width: 991px) {
  .kit-hidden-tb {
    display: none; } }
@media (max-width: 1199px) {
  .kit-hidden {
    display: none; } }
/*
 * Clearfix
 */
.clearfix, .row {
  zoom: 1; }
  .clearfix:before, .row:before, .clearfix:after, .row:after {
    content: " ";
    display: table; }
  .clearfix:after, .row:after {
    clear: both; }



















/* ------------------
 * Global style
 * --------------- */
body {
  background-color: #FFF;
  color: #444;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif;
  font-size: 95%;
}

a {
  color: #3354AA;
  text-decoration: none;
}
a:hover, a:active {
  color: #444;
}
pre, code { 
  background: #F3F3F3;
  font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
  font-size: .92857em;
}
code { padding: 2px 4px; color: #B94A48; }
pre {
  padding: 8px;
  overflow: auto;
  max-height: 400px;
}
pre code {
  padding: 3px;
  color: #444;
}

blockquote {
  margin: 1em 0;
  padding-left: 1.5em;
  border-left: 4px solid #eee;
  color: #666;
}

table {
  border-collapse:collapse;
  border: 1px solid #ddd;
  width: 100%;
}
table th,
table td {
  padding: 5px 10px;
  border: 1px solid #ddd;
}
table th {
  background: #f3f3f3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei","Microsoft Yahei", sans-serif;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  padding: 5px;
  border: 1px solid #E9E9E9;
  width: 100%;

  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  resize: vertical;
}

br{
	/* line-height: 150%; */
	content: "";
	display:block;
	margin-bottom:1rem;
}
td br{
	margin-bottom:0;
}

/* Special link style */
.post-meta a,
.post-content a,
.widget a,
.comment-content a {
  border-bottom: 1px solid #EEE;
}

.post-meta a:hover,
.post-content a:hover,
.widget a:hover,
.comment-content a:hover {
  border-bottom-color: transparent;
}

.browsehappy {
  padding: 8px 0;
  background: #FBE3E4;
  color: #8A1F11;
  text-align: center;
}
.browsehappy a {
  color: #8A1F11;
  text-decoration: underline;
  font-weight: bold;
}

/* ------------------
 * Header
 * --------------- */

#header {
  /* padding-top: 35px; */
  padding-top: 10px;
  border-bottom: 1px solid #EEE;
}

#logo {
  color: #333;
  /* font-size: 2.5em; */
  font-size: 1.5em;
}
#logo img {
    max-height: 64px;
}

.description {
  margin: .5em 0 0;
  color: #999;
  font-style: italic;
}

/* Navigation menu */
#nav-menu {
  /* margin: 25px 0 0; */
  padding: 0;
}
#nav-menu a {
  display: block;
  margin-right: -1px;
  padding: 0 20px;
  border: 1px solid #EEE;
  border-bottom: none;
  height: 32px;
  line-height: 32px;
  color: #444;
  float: left;
}
#nav-menu a:hover,
#nav-menu .current {
  background: #F6F6F6;
}

/* Search */
#search {
  position: relative;
  margin-top: 15px;
}
#search input {
  padding-right: 30px;
}
#search button {
  position: absolute;
  right: 4px;
  top: 2px;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  background: transparent url(img/icon-search.png) no-repeat center center;
  direction: ltr; /* fix RTL language */
  text-indent: -9999em;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
  #search button {
    background-image: url(img/icon-search@2x.png);
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
  }
}


/* ------------------
 * Main
 * --------------- */

.post {
  padding: 15px 0 20px;
  border-bottom: 1px solid #EEE;
}
.post-title {
  margin: .83em 0;
  font-size: 1.4em;
}
.post-meta {
  margin-top: -0.5em;
  padding: 0;
  color: #999;
  font-size: .92857em;
}
.post-divide{
	height:1px;
	border-bottom:1px dashed #eee;
	margin-bottom:8px;
}
.post-meta li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding-left: 12px;
  border-left: 1px solid #EEE;
}
.post-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.post-content {
	line-height: 1.5;
}
.post .tags {
  clear: both;
}

.post-near {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  color: #999;
}
.post-near li {
  margin: 10px 0;
}

.archive-title {
  margin: 1em 0 -1em;
  padding-top: 20px;
  color: #999;
  font-size: 1em;
}
.more {
  text-align: center;
}
.more a {
  border: none;
}
.protected .text {
  width: 50%;
}

/* Page nav */

.page-navigator {
  list-style: none;
  margin: 25px 0;
  padding: 0;
  text-align: center;
}
.page-navigator li {
  display: inline-block;
  margin: 0 4px;
}
.page-navigator a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.page-navigator a:hover {
  background: #EEE;
  text-decoration: none;
}

.page-navigator .current a {
  color: #444;
  background: #EEE;
}

/* ------------------
 * Comment list
 * --------------- */
#comments {
  padding-top: 30px;
}
.comments-title{
	font-size:1.125rem;
	font-weight:500;
}

.comment-list, .comment-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li {
  padding: 14px;
  margin-top: 10px;
  border-bottom: 1px solid #EEE; 
}
.comment-list li.comment-level-odd {
  background: #F6F6F3;
}
.comment-list li.comment-level-even {
  background: #FFF;
}
.comment-list li.comment-by-author {
  background: #FFF9E8;
}
.comment-list li .comment-reply {
  text-align: right;
  font-size: .92857em;
}
.comment-meta a {
  color: #999;
  font-size: .92857em;
}
.comment-author {
  display: block;
  margin-bottom: 3px;
  color: #444;
}
.comment-author .avatar {
  float: left;
  margin-right: 10px;
}
.comment-author cite {
  font-weight: bold;
  font-style: normal;
}

/* Comment reply */
.comment-list .respond {
  margin-top: 15px;
  border-top: 1px solid #EEE;
}
.respond .cancel-comment-reply {
  float: right;
  margin-top: 15px;
  font-size: .92857em;
}
#comment-form label {
  display: block;
  margin-bottom: .5em;
  font-weight: bold;
}
#comment-form .required:after {
  content: " *";
  color: #C00;
}
.fn, .fn a{
	font-weight:500;
	font-size:0.8rem;
	color:gray;
}
.comment-meta a{
	font-weight:500;
	font-size:0.6rem;
}

/* ------------------
 * secondary
 * --------------- */
#secondary {
  padding-top: 15px;
  word-wrap: break-word;
}
.widget {
  margin-bottom: 30px;
}
.widget-list {
  list-style: none;
  padding: 0;
}
.widget-list li {
  margin: 5px 0;
  line-height: 1.6;
}

.widget-list li ul {
  margin-left: 15px;
}


/* ------------------
 * Footer 
 * --------------- */
#footer {
  padding: 3em 0;
  line-height: 1.5;
  text-align: center;
  color: #999;
}


/* -----------------
 * Error page
 * -------------- */
.error-page {
  margin-top: 100px;
  margin-bottom: 100px;
}


/* -----------------
 * Content format
 *--------------- */
.post-content, .comment-content {
  line-height: 1.5;
  word-wrap: break-word;
}
.post-content h2, .comment-content h2 {
  font-size: 1.28571em;
}
.post-content img, .comment-content img,
.post-content video, .comment-content video {
  max-width: 100%;
}
.post-content a img,
.comment-content a img {
  background: #FFF;
  position: relative;
  bottom: -4px;  /* hidden img parent link border  */
}
.post-content hr, .comment-content hr {
  margin: 2em auto;
  width: 100px;
  border: 1px solid #E9E9E9;
  border-width: 2px 0 0 0;
}


.post-categories{
	padding-inline-start: 0px;

}

.page-numbers{
	border:1px solid #ddd;
	padding:6px;
	margin:4px;
}

.nav-links{
	margin:20px 0px;
}
.nav-previous{
	display:inline-block;
	float:left;
}
.nav-next{
	display:inline-block;
	float:right;
}
.meta-nav{
	color:gray;
}
.screen-reader-text{
	font-size:1rem;
	line-height:1px;
	font-weight:500;
}
/* -----------------
 * Misc
 *--------------- */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.alignleft {
  margin: 0 15px 0 0;
}
img.alignright {
  margin: 0 0 0 15px;
}


/* -----------------
 * Responsive
 *--------------- */
@media (max-width: 767px) {
  body {
    font-size: 81.25%;
  }
  #nav-menu a {
    float: none;
    display: inline-block;
    margin: 0 -2px;
  }
}

@media (max-width: 768px) {
  #header,
  .post-title,
  .post-meta {
    text-align: center;
  }
}

@media (min-width: 992px) {

}


/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
  display: none !important;
  visibility: hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.sr-only {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
* Extends the .sr-only class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden; }


.post .hide-part{
  max-height: 600px;
  overflow: hidden;
}

.post .expand-content{
  /* background: linear-gradient(rgba(0.5,0.5,0.5,0), rgba(80,80,0,0.6)); */
  border-top: 1px solid #ddd;
  
  cursor: pointer;
}

.post .hide-expand{
  display:none;
}

.post .expand-btn{
  margin:0 auto;
  height: 32px;
  width: 180px;
  /* border: 1px solid #ddd; */
  border-top: none;

  /* background: #DBDFE9; */
  text-align: center;
  line-height: 32px;
  /* font-weight: bold; */
  box-shadow: 0 1px 10px 0 rgba(100,100,100,.5);
}