body {background-color: #edf1f2; font-family: 'Titillium Web', sans-serif; font-size: 16px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 600;}

* { 
-webkit-transition: all 0.1s; 
-moz-transition: all 0.1s; 
-o-transition: all 0.1s; 
transition: all 0.1s; 
}

a a:focus, a:visited, a:link { color: #303133; text-decoration: none!important; }
a:hover {  color: #202123; }


/**/
.baseblog-logo-text { 
font-weight: 500; 
color: #ff5200!important; 
font-size: 2em; 
padding: 14px 15px;
}
.baseblog-logo-img { padding: 0px 15px; }


/**/
.baseblog-column-list { column-width: 200px; column-count: 3; column-gap: 10px; }
.baseblog-column-card {background:#f7f7f7; margin-bottom:10px;break-inside:avoid-column; page-break-inside: avoid;page-break-after:always; box-sizing:border-box; padding:10px;}
.baseblog-column-list .desc { font-size: 1.25em; }
.baseblog-column-list img { object-fit: cover; width: 100%; border: 0; }
.baseblog-column-card:hover { background-color: #fff; }
.baseblog-column-card:hover img { opacity:0.9 }

/**/
.baseblog-tags-box { font-size: 1.25em; line-height: 1.75em; }
.baseblog-tags-box .label:hover { background-color: #337ab7; }
.baseblog-tags-box .label { font-weight: 500; }



.page-zone { text-align:center; }

.breadcrumb { background-color: rgb(255 255 255 / 0%); } 

.post-detail { background-color: #fff; padding: 2em;}
.post-title { }
.post-exinfo { margin: 1.25em 0; color: #999999; font-size: 12px; }
.post-header {margin: 1.25em 0; color: #999999; font-size: 12px; display: flex; justify-content:space-between; }
.post-body { font-size: 1.25em; line-height: 1.75em; }
.post-body img { margin:2em 0; max-width:100%; }

.post-card { background-color: #f7f7f7; padding: 1em; border-radius: 5px; }
.post-card:hover { background-color: #fff; }
.post-card:hover img { opacity:0.9 }

footer.container-fluid { background-color: #fff; margin-top:2em; }
footer .row { padding-top: 2em; padding-bottom:2em; }
footer .social-icon svg { width:30px; fill:#428bca; padding:5px; }