/* Custom container */

/* Replaced with normal container and standard footer */
/*.container-narrow {
  margin: 0 auto;
  max-width: 700px; }

.container-narrow > hr {
  margin: 30px 0; }
*/

/* Replaced with standard BS3 Navbar */
/*.navbar .nav {
  float: right; }*/

/* Jekyll Bootstrap Colors */

h1, h2, h3, h4 {
  color: #428BCA;
}

.demo-link{
  color: #f00;
}
#footer {
  height: auto;
  text-align: center;
  background-color: #fdcd60;
}



/* posts index */
.post > h3.title {
  position: relative;
  padding-top: 10px; }

.post > h3.title span.date {
  position: absolute;
  right: 0;
  font-size: 0.9em; }

.post > .more {
  margin: 10px 0;
  text-align: left; }

/* post-full*/
.post-full .date {
  margin-bottom: 20px;
  font-weight: bold; }

/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden; }

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li {
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: #eee;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px dashed #cccccc; }

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #e5e5e5; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }

/*m-section-index*/
.m-section-index{
  padding-bottom: 20px;
}
.m-section-index .section-box {
    border: 1px solid lightgray;
    /* box-shadow: 0 0 2px lightgray; */
    /*background: white;*/
    color: #444;
    padding: 2% 5%;
    position: relative;
    margin-bottom: 35px;
}
.m-section-index h2.title {
  font-size: 26px;
}

.m-section-index h2.title a:hover{
    text-decoration: none;
}

.m-section-index .content{
    margin-left: 20px;
/*  border:2px solid #8E8E8E;
  border-radius: 15px 15px;*/
    padding: 10px;
    line-height: 2em;
}
.m-section-index .content h3{
    color: #428BCA;
    font-size:18px;
}
.m-section-index .content h4{
    color: #428BCA;
    font-size:16px;
}
.m-section-index .content strong{
    font-weight: normal;
}
.m-section-index .content .readmore{
    margin-left: 80%;
}
.m-section-index .content .btn-primary {
    margin-top: 20px;
}

.content p {
  line-height: 2em;
}
.content blockquote {
  font-size: 12px;
  font-weight: bold;
}

.img-layout {
  width: 100%;
  height: 100%
}
.img-layout img {
  display: block;
  width: 400px;
  margin: 0 auto;
}
.img-layout span {
  text-align: center;
}