/*
Theme Name: Crsay
Theme URI: https://www.crsay.com/blog/
Author: cracada@gmail.com
Author URI: https://www.crsay.com/blog/
Description: Based on arke theme, This is a truly minimal WordPress theme. No sidebars, no widgets, no settings.
Version: 1.1.3.240112
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('https://lib.baomitu.com/fonts/roboto/roboto-regular.woff2') format('woff2')}
html {font-family: 'Roboto', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:     100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary,.sticky {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 0.8rem;}
sub,sup {font-size: 0.75rem;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}

/*--------------------------------------------------------------
# Typography - #2F2F2F "Helvetica Neue", Helvetica, Arial, sans-serif;
--------------------------------------------------------------*/
body {font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Segoe UI Symbol';color: #1f2328;font-size: 14px;font-size:1.1rem;line-height: 180%;overflow-wrap: break-word;}
pre {background: #eee;font-size: 0.89rem;margin-bottom: 1.6em;padding: 1.6em;line-height: 180%;max-width: 100%;overflow: auto;font-family: Roboto, consolas, monospace;border:1px solid #dedede;}
nav,label,input {font-size: 1.0rem;}
h1 {font-size: 2em;	margin: 0.67em 0;}
h1,h2,h3,h4,h5,h6 {	line-height: 1.25;color: #060606;}
p {margin: 0 0 1.5em;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
code,kbd,samp,tt,var {font-family:  Roboto, Consolas, monospace;font-size: 1.07rem;background-color:#ddd;padding:0 3px;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
big {font-size: 1.25rem;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
body {	background-color: #fff;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {box-sizing: content-box;background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
.widget ul,.widget ol {margin: 0;padding: 0 0 0 1em}
.comments-area ol {list-style: none;padding: 0}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;max-width: 100%;vertical-align: baseline;}
figure {margin: 1em 0;}
table {font-family: sans-serif;margin: 0 0 1.5em;width: 100%;font-size: 1.0rem;}
table th {border-bottom: 2px solid;padding: 10px;text-align: left}
table td {padding: 10px 10px 0;}
embed,iframe,object {max-width: 100%;}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {color: #253e80;}
a:hover,a:focus,a:active {color: #3767b3;}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;	margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.navigation:before,.navigation:after {content: "";display: table;table-layout: fixed;}
.clear:after,.entry-content:after,.wrapper:after,.navigation:after {clear: both;}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
body {max-width: 640px;margin-left: auto;margin-right: auto;}
.site-content {margin-bottom: 30px}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {padding: 20px 0 20px 0;border-bottom:1px solid #eee;margin-bottom:30px;font-size: 1.0rem;line-height: 1;font-weight:700;}
.site-header a{text-decoration:none;color: #525252;display: block;}
.site-header a:hover{color: #3767b3;}
.site-branding {display: block;float:left;}
.site-title{padding:20px 30px 20px 0;}

/*--------------------------------------------------------------
# Primary Nav
--------------------------------------------------------------*/
.menu-1 {float: right;}
.menu-1 ul {list-style: none;margin: 0;padding: 0;}
.menu-1 li {float: left;position: relative;}
.menu-1 a {display: block;padding: 20px 0 20px 30px;}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.post-thumbnail {margin-bottom: 32px}
.entry-header {margin-bottom: 32px}
.entry-title {font-size: 2rem;margin: 0;}
.entry-title a,.index-title a{text-decoration: none;color: #060606;}
.entry-title a:hover,.index-title a:hover {color: #3767b3;}
.more-link {text-decoration: none;}

/*--------------------------------------------------------------
## Posts and Pages
--------------------------------------------------------------*/
.blog article {border-bottom: 1px solid #f3f3f3;/*padding-bottom: 34px;margin-bottom: 50px;*/}
.blog article:last-child {border-bottom: 0;padding-bottom: 0;}
.posts-navigation {border-top: 1px solid #f3f3f3;padding-top: 50px;margin: 34px 0 50px;}
.posts-navigation a {text-decoration: none}
.nav-previous,.nav-next {width: 50%;display: inline-block;}
.nav-next {text-align: right;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {padding-top: 25px;border-top: 1px solid #eaeaea;margin-top: 25px;}
.comments-area .comment-body {border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;margin-bottom: 20px;}
.comments-area ul.children {margin: 0 0 0 25px;padding: 0;list-style: none;}
.comments-area .children .comment-body {padding: 0 0 25px 0;margin: 25px 0;}
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
.comment-meta {margin-bottom: 16px;}
.comment-meta a {text-decoration: none;}
.comment-author a {color: #303135;text-decoration: none;font-weight: 700;}
.comment-author img {display: none;}
.comment-author cite {font-style: normal;color: #303135;font-weight: 700;}
.comment-metadata a {color: gray;font-size: 1.0rem;}
.logged-in-as a {text-decoration: none;color: gray;font-size: 1.0rem;}
.comment-reply-link {text-decoration: none;}
.comment-respond input {width: 100%;}
.comment-form-author {width: 47.5%;float: left;margin-right: 5%;}
.comment-form-email {width: 47.5%;float: left;}
.comment-reply-title {margin: 50px 0 5px 0;}
#cancel-comment-reply-link {text-decoration: none;color: #bb0404;font-weight: normal;font-style: italic;float: right;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {border-top: 1px solid #eaeaea;padding: 15px 0;margin-top:40px;font-size: 0.8rem;}
.site-footer a{text-decoration:none;color:#525252;}

/*--------------------------------------------------------------
# Archives Template
--------------------------------------------------------------*/
.archives__heading {font-size: 2rem;margin-top: 0;margin-bottom: 25px;}
.archives__list {list-style: none;padding: 0}
.archives__list li {padding: 5px 0;}
.archives__list li a {max-width: 70%;display: inline-block;text-decoration: none;}
.archives__list li span {color: #a9a9a9;max-width: 25%;display: inline-block;float: right;text-align: right;white-space: nowrap;}

/*-----other hr@title under------------------*/
.hredit{padding-top:20px;background-color:#fff;border-bottom:1px solid #eee;}
.w100{width:100%;}
.w70{width:70%;}
.w50{width:50%;}
.cred{color:#cc0000;}
.cgreen{color:#0000ff;}
.s08{font-size:0.8rem;}
label {color: #9e9e9e;}
input,textarea,button,select{color: #525252;border: 1px solid #ced4da;background-color:transparent;border-radius: 3px;padding: 8px;}
button:focus,input:focus,button:active,input:active,textarea:focus{border: 1px solid #999;outline: none;}
input[type="submit"]{background-color:#3767b3;color:#fff;}
input[type="submit"]:hover{background-color:#0052d9;}
input,textarea,button{color: #111;border: 1px solid #ddd;background-color:transparent;border-radius: 3px;padding: 8px;}
.contactform{padding-left:10px;}
.contactform li{margin:5px auto;list-style:none;}

/*-----Goto Top------------------*/
.returnTop{display:none;}
.returnTop span {display: block;border-radius:3px;position: fixed;right: 20px;bottom: 40px;width: 60px;height: 60px;cursor:pointer;background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGNTU2OURBRUQ4NjExRTRCQTExRUJGNERBQkFFQ0Y3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGNTU2OURCRUQ4NjExRTRCQTExRUJGNERBQkFFQ0Y3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEY1NTY5RDhFRDg2MTFFNEJBMTFFQkY0REFCQUVDRjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY1NTY5RDlFRDg2MTFFNEJBMTFFQkY0REFCQUVDRjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HZheoAAADYElEQVR42uzb3UtaYRwHcNPcRt3ELnfnRWYRQVGEHi11yBBqiKzWgsEuxmCMsZujLSdCCRUVtT+gy8DojSAIKiLQCipqjMXG3loWiMmKZIiUL+z5QYG44+Zaq7TvFw4en5fzeD6eo88jmCMSifQi5NQRgwCAAAQgABEAAhCAAEQACEAAAhABIAABCEAEgAAEIAARAAIQgABEAAhAAAIQyTjAlZWVh7Rd5teYe1lf2OLi4oOqqqpHx/tRjuNcuALTjMfjua9SqR6fPKd9KgNgGnG73ffUavWT5HIqozoA/ibz8/NmjUbzNFU91VEbAApkbm7OpNVqn/2pHbWhtgBMyMzMzF29Xv883fbUlvoAkGVqaspoMBheCNUdHR3t0yZUR32o75UGnJycvGM0GnmhukgkcmCxWHjaaF+oDfW9aEQJ22QXhVdXV2dNhWez2fj+/v6t5eXlYDgcXtXpdDUSieRGctvCwkJVZWXlrsvl+nplACcmJgz19fWWHBYhPIfD0dLd3b15Ura0tHTAytdra2s1KRCV5eXl/qGhoc2sBxwbG7ttMplamJ1YAO8Hw7N2dXV9Sa5bWFjYP0bUMsTriXX0RhQVFanKysp8w8PD37IWcGRkRGs2m21CeNFoNOR0Oi0dHR2fU/UnRPawzuaDOrFYfC0ZUaFQcKWlpTtsnK2sA2SfUTUNDQ32VHjt7e08A/yUxkpljz2spUIsLi7WMEgvu9K9WQNIeI2Nja/YCUuE8Do7O61tbW0f/2K5tyeVSt9wHKcVQiwpKVEzyO3zQPzvgIODg+qmpiY7O9FcIbze3t6Xdrv9wymWfd/z8vLeKpVKuhKlSYhiQpTL5Vvj4+PbGT0PZEsvgxBeLBYLE15ra+v70x6b+vb09FjpWL+cGBuTxs74iXRFRYXT7/evJpbF4/FDNsf7J7xERDoWHTOxnMaksTP+Fg6FQvHR0VFPc3OzIj8//xadaF9fn5WtMDbOaozZ2dlAQUHBRnV1tZbdvrmBQGCN7Tt8Pl8kK75EgsFgjE0t3OyzUD4wMPCa5/l3Zz3G9PT0LiHKZLKbhOf1eg/P41uYVgL4x3qm/5wFQAAiAAQgAAGIABCAAAQgAkAAAhCACAABCEAAIgAEIAABiAAQgAAEIAJAAF6+/BRgAIhYWkbH0w/LAAAAAElFTkSuQmCC') 0 0 no-repeat;background-size: 60px 60px;text-indent: -333em;z-index: 99;_position: absolute;}
.returnTop span:hover {background-color: #323232;}

/*--------------------------------------------------------------
# Responsive Menu
--------------------------------------------------------------*/
@media screen and (max-width:712px) {body{padding:0 5%;}}
@media screen and (max-width:400px) {.site-title{padding-right:5px;}.menu-1 a {padding: 20px 5px;}.returnTop span{right: 16px;bottom: 20px;width: 40px;height: 40px;background-color:#eee;background-size: 40px 40px;}}