diff --git a/README.md b/README.md index ceac45e..547f4b8 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,14 @@ Hera is a simple single column wordpress theme with perfect performace and elegance design. -latest version : `0.1.3` +latest version : `0.1.4` ## Changelog +### 0.1.4 + +- fixed some style issues + ### 0.1.3 - fixed some style issues diff --git a/README_CN.md b/README_CN.md index 1739073..1d718e6 100644 --- a/README_CN.md +++ b/README_CN.md @@ -4,10 +4,14 @@ 本主题禁止各种修改作者链接打包重新发布的行为。 -最新版本 : `0.1.3` +最新版本 : `0.1.4` ## 更新日志 +### 0.1.4 + +- 修复一些样式错误 + ### 0.1.3 - 修复一些样式错误 diff --git a/build/css/misc.css b/build/css/misc.css index efa36e3..4958879 100644 --- a/build/css/misc.css +++ b/build/css/misc.css @@ -1 +1 @@ -:root{--hera-main-color:#8b645a;--hera-hover-color:#8b645a;--hera-color-white:#fff;--hera-background-white:#fff;--hera-background-gray:#f5f5f5;--hera-background-gray-lightest:#fafafa;--hera-warning-color:#c94a4a;--hera-column-width:742px;--hera-article-width:828px;--hera-header-width:25%;--hera-basic-font-size:16px;--hera-text-color:rgba(0,0,0,.86);--hera-text-light:rgba(0,0,0,.68);--hera-text-gray:rgba(0,0,0,.6);--hera-text-gray-lightest:rgba(0,0,0,.55);--hera-border-color:rgba(0,0,0,.1);--hera-border-color-light:rgba(0,0,0,.05);--hera-background-color-white:#fff;--hera-article-hero-font-size:2rem;--hera-border-radius:999rem;--hera-thumbnail-width:96px;--hera-thumbnail-height:96px;--hera-font-size-smallest:12px}@media(prefers-color-scheme:dark){.auto{--hera-text-color:#a1a1aa;--hera-text-light:#a1a1aa;--hera-text-gray:#71717a;--hera-text-gray-lightest:hsla(240,4%,46%,.95);--hera-background-white:#1e1e1e;--hera-background-gray:#000;--hera-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--hera-background-gray-lightest:#121212;--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--hera-border-color:rgba(63,63,70,.6);--hera-border-color-light:rgba(63,63,70,.4)}.auto .db--container{--db--text-color:var(--hera-text-color);--db--text-color-light:var(--hera-text-light);--db--background-gray:var(--hera-background-gray)}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item,.auto .post--card,.auto .post--item,.auto .post--single__related__item,.auto .post--single__related__status{position:relative}.auto .link-item:hover,.auto .post--card:hover,.auto .post--item:hover,.auto .post--single__related__item:hover,.auto .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item:hover:after,.auto .post--card:hover:after,.auto .post--item:hover:after,.auto .post--single__related__item:hover:after,.auto .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--hera-text-color:#a1a1aa;--hera-text-light:#a1a1aa;--hera-text-gray:#71717a;--hera-text-gray-lightest:hsla(240,4%,46%,.95);--hera-background-white:#1e1e1e;--hera-background-gray:#000;--hera-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--hera-background-gray-lightest:#121212;--hera-border-color:rgba(63,63,70,.6);--hera-border-color-light:rgba(63,63,70,.4)}.dark .db--container{--db--text-color:var(--hera-text-color);--db--text-color-light:var(--hera-text-light);--db--background-gray:var(--hera-background-gray)}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item,.dark .post--card,.dark .post--item,.dark .post--single__related__item,.dark .post--single__related__status{position:relative}.dark .link-item:hover,.dark .post--card:hover,.dark .post--item:hover,.dark .post--single__related__item:hover,.dark .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item:hover:after,.dark .post--card:hover:after,.dark .post--item:hover:after,.dark .post--single__related__item:hover:after,.dark .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}.grap{color:var(--hera-text-color);word-break:break-all;padding-top:5px}.grap table{border:1px solid var(--hera-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:12px;color:var(--hera-text-light)}.grap table thead tr{background-color:#f5f5f5}.grap table tr{background-color:#fff}.grap table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.grap table td,.grap table th{border-bottom:1px solid var(--hera-border-color);border-right:1px solid var(--hera-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.grap pre{word-break:break-all;white-space:break-spaces;background-color:var(--hera-background-gray);padding:10px;border-radius:5px;font-size:14px}.grap--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--hera-border-color);border-radius:4px;display:flex}.grap--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.grap--mixtapeEmbed a:hover{color:inherit!important}.grap--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.grap--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.grap--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:14px;line-height:1.6;color:var(--hera-text-light)}.grap--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.grap--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--hera-hover-color)}.grap p{margin-bottom:25px;hyphens:auto}.grap p:last-child{margin-bottom:0}.grap blockquote{color:var(--hera-text-light);border-color:var(--hera-border-color-light);margin-left:-3.5%;border-left:3px solid #000;margin-bottom:35px;padding:10px 30px}.grap blockquote p:last-child{margin-bottom:0}.grap a{text-decoration:underline;transition:.2s;color:var(--main-color)}.grap a[href*=gif],.grap a[href*=gif]:hover,.grap a[href*=jpeg],.grap a[href*=JPEG],.grap a[href*=jpeg]:hover,.grap a[href*=JPEG]:hover,.grap a[href*=jpg],.grap a[href*=JPG],.grap a[href*=jpg]:hover,.grap a[href*=JPG]:hover,.grap a[href*=png],.grap a[href*=PNG],.grap a[href*=png]:hover,.grap a[href*=PNG]:hover{box-shadow:none}.grap a:hover{color:var(--hera-hover-color);text-decoration:underline}.grap h2,.grap h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--hera-text-gray);line-height:1.3;position:relative}.grap h2+h4,.grap h3+h4{margin-top:15px}.grap h2:before,.grap h3:before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--hera-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.grap h2:target,.grap h3:target{color:var(--hera-hover-color)}.grap h4{font-size:20px;font-weight:700;color:var(--hera-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.grap hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.grap hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.grap b,.grap strong{font-weight:700}.grap ol,.grap ul{margin-bottom:25px;padding-left:15px}.grap ol li,.grap ul li{margin-left:25px;margin-bottom:5px}.grap ol li:before,.grap ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--hera-hover-color)}.grap ol{counter-reset:a}.grap ol>li:before{content:counter(a);counter-increment:a;font-size:12px;font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--hera-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 25px;position:relative;max-width:100%;line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;right:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:999rem;padding:8px 15px}@media(max-width:820px){.grap blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.grap h2,.grap h3{font-size:20px}.grap ul{padding-left:0}.grap ul li{line-height:1.6}.grap--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--hera-border-color);border-radius:4px;display:flex}.grap--mixtapeEmbed .mixtapeImage{display:none}.grap--mixtapeEmbed .mixtapeContent{padding:0 15px}.grap--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--hera-text-gray)}.grap--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.grap p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--hera-text-color);line-height:1.8;word-break:break-all;background-color:var(--hera-background-gray-lightest);font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--hera-basic-font-size)}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--hera-basic-font-size);color:var(--hera-text-color)}.u-textAligncenter{text-align:center}.js-contentFixed{position:sticky;top:20px;padding:50px 60px 50px 50px}.is-singleColumn .js-contentFixed,.page-template-template-map .js-contentFixed,.page-template-template-wide .js-contentFixed{padding:15px 0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.w-full{width:100%}.sep:before{content:"·";margin-left:5px;margin-right:5px}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:var(--hera-font-size-smallest);max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.layout{margin:0 auto;display:flex}.is-singleColumn .layout,.page-template-template-map .layout,.page-template-template-wide .layout{flex-direction:column}.content{padding:30px 0 5px;flex:1 1 auto;min-height:100vh;background-color:var(--hera-background-white);margin:18px;border-radius:12px;box-shadow:0 0 3px 0 rgba(0,0,0,.02)}.post--list{max-width:var(--hera-column-width);margin:0 auto;width:92%}@media(max-width:720px){.layout{flex-direction:column}.content{padding-top:0;margin:0;border-radius:0}}.layoutContainer{max-width:var(--hera-column-width);margin:0 auto}.articleContainer{max-width:var(--hera-article-width);margin:0 auto;width:92%;padding-top:15px}@media(max-width:1280px){.articleContainer{padding-top:0}}.doubanContainer{--hera-article-width:850px;max-width:var(--hera-article-width);margin:0 auto;width:92%}.navbar{width:var(--hera-header-width);position:relative;flex:0 0 auto;box-shadow:-1px 0 1px -2px rgba(0,0,0,.9);background-color:var(--hera-background-gray-lightest);box-sizing:border-box;transition:width .5s;display:flex;align-items:flex-end;flex-direction:column;text-align:right;padding-top:50px}.is-readingMode .navbar{width:0}.is-singleColumn .navbar,.page-template-template-map .navbar,.page-template-template-wide .navbar{width:100%;z-index:100;box-shadow:0 0 1px 0 rgba(0,0,0,.1);background-color:var(--hera-background-white);padding:30px 0;align-items:center;text-align:center}.is-singleColumn .navbar .avatar--wrapper,.page-template-template-map .navbar .avatar--wrapper,.page-template-template-wide .navbar .avatar--wrapper{margin-right:auto}.is-singleColumn .navbar .avatar,.page-template-template-map .navbar .avatar,.page-template-template-wide .navbar .avatar{transform:translateX(0)}.is-singleColumn .navbar .site--title,.page-template-template-map .navbar .site--title,.page-template-template-wide .navbar .site--title{font-size:20px;margin-top:10px;margin-bottom:5px;line-height:1}.is-singleColumn .navbar .widget--links,.page-template-template-map .navbar .widget--links,.page-template-template-wide .navbar .widget--links{display:flex}.is-singleColumn .navbar .menu-item,.page-template-template-map .navbar .menu-item,.page-template-template-wide .navbar .menu-item{padding:5px 15px}.navbar .avatar--wrapper{position:relative;margin-left:auto;display:flex;width:104px}.navbar .avatar--wrapper .status--img{position:absolute;bottom:0;right:0;box-shadow:0 1px 0 0 rgba(31,35,40,.0392156863);background-color:var(--hera-background-white);border-radius:100%;width:24px;height:24px;border:1px solid #9a6700;display:flex;align-items:center;justify-content:center}.navbar .avatar{border-radius:100%;width:104px;height:104px;object-fit:cover;border:4px solid var(--hera-background-white);box-shadow:0 0 12px var(--hera-border-color-light);box-sizing:border-box;position:relative;transform:translateX(20px)}.navbar .site--title{margin-top:10px;margin-bottom:5px;line-height:1.4;font-size:24px}.navbar .site--description{margin:0 0 5px;color:var(--hera-text-light);text-transform:capitalize;line-height:1.3}@media(max-width:1280px){.navbar{width:25%}}@media(max-width:720px){.navbar{width:100%;align-items:center;padding-top:15px;text-align:center}.navbar .avatar{transform:translateX(0);width:64px;height:64px;border-width:2px}.navbar .site--title{font-size:20px;margin-top:5px}.navbar .site--description{font-size:14px}.navbar .avatar--wrapper{margin-left:0;width:64px}.navbar .js-contentFixed{display:flex;flex-direction:column;align-items:center}}.widget--links{margin-top:10px;padding-bottom:5px}.widget--links .menu-item{padding:3px 0;color:var(--hera-text-light)}.widget--links .menu-item:hover{color:var(--hera-text-color)}@media(max-width:720px){.widget--links{display:flex;flex-wrap:nowrap;margin-top:0;padding-bottom:0}.widget--links .menu-item{padding:5px 8px;font-size:12px}.js-contentFixed{padding:0}}.search--area{padding-top:5px}.search--area .search-form{display:flex;justify-content:flex-end;border-radius:999rem;background-color:var(--hera-background-gray)}.search--area .search-form .search-label{display:flex;align-items:center;padding:0 15px}.search--area .search-form .search-label svg{fill:#6b6b6b;width:20px;height:20px;cursor:pointer}.search--area .search-form .search-field{border:0;font-size:12px;padding:10px 12px;line-height:1.6;width:280px;background-color:transparent}.search--area .search-form .search-field:focus{color:var(--hera-text-color)}.search--area .search-form .search-submit{display:none}.search--area+.articleContainer{padding-top:20px}.nav--clicker{cursor:pointer}.is-readingMode .nav--clicker{transform:rotate(180deg)}.moblie--icon{display:none;width:92%;position:relative;z-index:1000}.search--area{display:flex;align-items:center;margin-right:auto;max-width:var(--hera-column-width);width:92%}.search--area,.search--area .search-form{margin-left:auto}@media screen and (max-width:720px){.search--area{padding-top:20px;display:none}.search--area .search-form{margin-left:auto;margin-right:auto}.search--actived .search--area{display:flex}.widget--links{display:flex;flex-direction:column}.js-contentFixed{position:static}.menu--actived{overflow:hidden}.menu--actived .mask{position:fixed;background-color:rgba(0,0,0,.5);z-index:500;left:0;bottom:0;right:0;top:0}.site--nav{z-index:1000;display:flex;box-sizing:border-box;padding:20px;border-left:1px solid var(--main-border-color);flex-direction:column;line-height:1.3;justify-content:flex-start;align-items:flex-start;font-size:16px;position:relative;transform:translate3d(105%,0,0);position:fixed;top:0;bottom:0;width:75%;right:0;background-color:#fff;overflow-y:auto}.site--nav.is-active{transition:.5s;transform:translateZ(0)}.site--nav a{padding:5px 0;margin:0 0 10px}.site--nav a,.site--nav a .text{width:100%;display:flex;align-items:center}.site--nav a .text{align-self:flex-start}.site--nav a .text svg{margin-left:auto}.site--info{display:flex;align-items:center;flex-direction:column;padding-top:0}.site--description{display:none}.moblie--icon{display:flex;justify-content:space-between}}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:hsla(0,0%,100%,.96);justify-content:center;z-index:100}.overlay,.overlay-img-wrap{display:flex;align-items:center}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{background-color:transparent;border:0;color:#999;background-color:#f5f5f5;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:#999}.zoomImgClose:hover svg{transform:rotate(90deg)}.mfp-arrow-left,.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{position:absolute;opacity:.65;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:#f5f5f5;width:44px;align-items:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--hera-text-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--hera-text-light);position:absolute;opacity:.65;right:10px;background-color:#f5f5f5;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--hera-text-light);font-style:italic}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;margin-top:30px}.image--nav img{width:64px}}.comment-form{padding-bottom:30px}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:var(--hera-warning-color)}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid var(--hera-border-color);padding:8px 15px;font-size:14px;transition:border-color .3s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--hera-main-color)}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:var(--hera-border-radius);width:auto;place-self:center;place-content:center;color:var(--hera-color-white);text-align:center}.comment-form .submit:hover{background-color:var(--hera-hover-color)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--hera-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px;color:var(--hera-warning-color)}.commentlist{border-top:1px solid var(--hera-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--hera-background-gray-lightest);border-radius:5px}@keyframes a{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--hera-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:a 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--hera-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--hera-background-white);background-color:var(--hera-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{display:flex;align-items:center;cursor:pointer;margin-left:8px}.comment--author .comment-reply-link svg{fill:var(--hera-text-gray);width:14px;height:14px}.comment--author .comment-reply-link:hover svg{fill:var(--hera-hover-color)}.comment--author a{color:var(--hera-main-color)}.comment--author a:hover{color:var(--hera-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--meta .author--icon{--fill:#0095f6;--height:14px;--width:14px;fill:var(--fill);height:var(--height);width:var(--width);margin-left:4px}.comment--time{color:var(--hera-text-light);margin-left:auto}.comment-meta .avatar{border-radius:100%}.comment-content{padding-left:10px;color:var(--hera-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--hera-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--hera-text-light)}.comments--title{padding-top:15px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--hera-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--hera-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:var(--hera-background-white);border:1px solid var(--hera-border-color);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--hera-hover-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:15px 0;font-size:14px;color:var(--hera-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--hera-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--hera-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--hera-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--hera-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--hera-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--hera-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--hera-hover-color);text-decoration:underline}@media screen and (max-width:768px){.comment-body{padding:12px 0}.parent>.children{margin-left:25px}.comment-meta{font-size:12px}.comment-meta .avatar{width:32px;height:32px}.comment-content{font-size:14px}.children .avatar{width:24px;height:24px}.children .comment-body{padding:10px 0}.children .comment-content{font-size:12px}}.site--footer{text-align:center;color:var(--hera-text-gray);padding:25px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}@keyframes b{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{z-index:10;transition:all .3s ease;position:fixed;bottom:50px;right:-25px;cursor:pointer}.backToTop .svgIcon{width:17px;height:17px;fill:var(--hera-main-color);animation:b 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--hera-hover-color);animation-play-state:paused}.backToTop.is-active{right:50px}.back{display:flex;justify-content:center;align-items:center;padding:20px 0 50px}.back a{background-color:#000;color:var(--hera-color-white);padding:8px 20px;font-size:14px;border-radius:var(--hera-border-radius);line-height:1.4}.site--footer{font-size:14px;padding:20px 80px;color:var(--hera-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--hera-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--hera-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--hera-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--hera-hover-color)}.site--footer__sns{display:flex;align-items:center;justify-content:flex-end;margin-top:10px;padding-bottom:10px}.is-singleColumn .site--footer__sns,.page-template-template-map .site--footer__sns,.page-template-template-wide .site--footer__sns{justify-content:center}.site--footer__sns a{margin:0 0 0 12px;display:flex}.site--footer__sns a:first-child{margin-left:0}.site--footer__sns svg{fill:var(--hera-text-color);width:24px;height:24px}.site--footer__sns svg:hover{fill:var(--hera-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--hera-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--hera-hover-color);fill:none}.fixed--theme{position:absolute;left:0;bottom:-5px;display:flex;height:-moz-max-content;height:max-content;background-color:var(--hera-background-gray-lightest);border-radius:0 10px 0 10px;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:28px;height:28px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--hera-text-gray-lightest);margin-right:5px}.fixed--theme span:hover{color:var(--hera-text-color)}.fixed--theme span.is-active{color:var(--hera-text-color);background-color:var(--hera-background-gray)}.fixed--theme span:last-child{margin-right:0}@media screen and (max-width:720px){.site--footer__sns{padding-bottom:20px;margin-top:5px}}.block--list{padding-top:25px}.block--snippet{font-size:15px;line-height:1.6;color:var(--hera-text-gray);max-height:4.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}.block--title{margin:0 0 10px;line-height:1.2;font-size:22px;font-weight:900}.block--title:hover{color:var(--hera-hover-color)}.block--cover{flex:0 0 auto;margin-left:15px}.block--cover,.block--cover img{width:var(--hera-thumbnail-width)}.block--cover img{height:var(--hera-thumbnail-height);border-radius:4px;object-fit:cover}.block--addon{display:flex;align-items:flex-start}.block--addon .meta{flex:1 1 auto;display:flex;flex-direction:column}.block--meta{margin:0;margin-top:5px;display:flex;font-size:var(--hera-font-size-smallest);color:var(--hera-text-gray-lightest)}.block--meta a:hover{text-decoration:underline;color:var(--hera-text-color)}.block--meta .status--link{margin-left:auto}.block--meta .status--link:hover svg{fill:var(--hera-hover-color)}.block--item{padding:25px 0;position:relative}.block--item__status{background-color:var(--hera-background-gray);border-radius:10px;padding:25px;margin-top:15px;margin-bottom:15px}.block--item__text .block--title{margin-bottom:5px}@media screen and (max-width:768px){.block--item{padding:12px 0}.block--item__status{padding:12px}.block--title{font-size:18px}.block--snippet{font-size:13px}.block--cover{margin-left:10px;--hera-thumbnail-width:72px}.block--cover img{--hera-thumbnail-height:72px}}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px;padding-top:20px}@media screen and (max-width:768px){.post--cards{grid-template-columns:repeat(1,1fr)}}.post--card{border-radius:12px;display:flex;flex-direction:column;background-color:var(--hera-background-gray)}.post--card:hover{background-color:var(--hera-background-gray-lightest);border-radius:12px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:12px 12px 0 0;margin-bottom:12px;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--hera-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .card--content{position:relative;padding:0 20px 20px}.post--card .card--content .date{height:36px;width:36px;background-color:var(--hera-background-white);border-radius:100%;position:absolute;font-weight:700;font-size:24px;line-height:36px;text-align:center;color:var(--hera-text-gray);right:15px;top:-30px;box-shadow:0 0 0 5px var(--hera-border-color-light)}.post--card .description{font-size:15px;color:var(--hera-text-light);line-height:1.6}.post--card .meta{font-size:14px;color:var(--hera-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--hera-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}.nav-links{padding:25px 0;display:flex;align-items:center;justify-content:center}.post-navigation .nav-links{padding:5px 0}.nav-links .page-numbers,.nav-links .post-page-numbers{color:var(--hera-text-gray);margin:0 5px;height:32px;width:32px;border-radius:100%;border:1px solid var(--hera-border-color);text-align:center;line-height:32px;font-size:14px}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{border:0}.nav-links .page-numbers.dots:hover,.nav-links .post-page-numbers.dots:hover{background-color:transparent;color:var(--hera-text-gray)}.nav-links .page-numbers.current,.nav-links .page-numbers:hover,.nav-links .post-page-numbers.current,.nav-links .post-page-numbers:hover{color:#fff;background-color:#000;border-color:#000}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{font-size:12px;width:28px;height:28px;line-height:28px}.article+.post-navigation{margin-top:10px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--hera-background-gray);width:48%;box-sizing:border-box;border-radius:10px;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-next .cover,.post-navigation .nav-previous .cover{border-radius:8px;height:110px;object-fit:cover}.post-navigation .nav-next .cover--link,.post-navigation .nav-previous .cover--link{position:relative}.post-navigation .nav-next .cover--link .marker--tips,.post-navigation .nav-previous .cover--link .marker--tips{position:absolute;bottom:5px;right:5px;background-color:#f8f8f8;border-radius:5px;padding:5px;font-size:12px;color:var(--hera-text-gray);line-height:1}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:12px;text-transform:uppercase;color:var(--hera-text-gray)}.post-navigation .post-title{font-size:14px;margin-bottom:10px}.post-navigation .post-title:hover{color:var(--hera-hover-color)}@media(max-width:720px){.post-navigation .nav-links{flex-direction:column}.post-navigation .nav-links .nav-next,.post-navigation .nav-links .nav-previous{width:100%;margin-bottom:10px;text-align:center}}.author--card{display:flex;align-items:center;padding:30px 0;border-top:1px solid var(--hera-border-color);margin-top:20px}.author--card+.post--ingle__comments .comments--title{padding-top:5px}.author--card .avatar{border-radius:100%;margin-right:20px}.author--card .author--name{font-weight:700;font-size:18px}.author--card .author--description{font-size:14px;color:var(--hera-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--hera-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--hera-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--hera-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--hera-hover-color);fill:none}.footer--map{height:550px}.mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-bottom-left{display:none}.map--container{max-width:1000px;margin-left:auto;margin-right:auto}.page--header{padding:20px 0;text-align:center}.markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:16px;display:grid}.markerPro--post{box-shadow:none;transition:background-position 1s;background-color:#f8f8f8;color:var(--hera-text-gray);padding:15px;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:0;background-size:cover;background-position:50%;background-repeat:no-repeat;text-decoration:none!important}.markerPro--post .markerPro--content{flex:1 1 auto}.markerPro--post__hera{flex-direction:row}.markerPro--post__hera:before{display:none}.markerPro--post__hera img{width:80px;height:80px;object-fit:cover;border-radius:8px}.markerPro--title{position:relative;margin:3px 0;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:16px}.markerPro--meta{font-size:12px;display:flex;align-items:center;position:relative}.markerPro--location{background-color:#c0580c;color:#fff;border-radius:0 5px 0 5px;line-height:1.4;padding:1px 5px;position:absolute;top:0;right:0;font-size:12px;background-color:rgba(0,0,0,.56);border-radius:999rem;top:10px;right:10px;padding:2px 8px}.markerPro--addonTitle{font-size:18px;font-weight:700;margin-bottom:10px}@media screen and (max-width:768px){.markerPro--posts{grid-template-columns:1fr}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--hera-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--hera-text-gray)}.tagCard--item:hover{color:var(--hera-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--hera-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--hera-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;padding-top:20px}.collectionCard--icon{margin-top:10px}.collectionCard--item{transition:.5s;padding:0 0 8px;border-radius:5px;overflow:hidden;position:relative;background-color:var(--hera-background-gray)}.collectionCard--item:hover .collectionCard--title{color:var(--hera-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--hera-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;object-fit:cover;border-radius:3px 3px 0 0}.collectionCard--meta{padding:5px 15px 0}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.4;height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--hera-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.term--header{padding-top:30px;padding-bottom:30px;display:flex;align-items:center}.term--header__content{flex:1 1 auto}.term--header .author--avatar{width:72px;height:72px;margin-right:15px}.term--header .author--avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.term--header .author--bio h3{font-size:24px;font-weight:700;line-height:1;margin-bottom:8px}.term--header .author--bio p{font-size:16px;color:var(--hera-text-gray);line-height:1.3}.term--title{font-size:24px;font-weight:700;line-height:1;margin-bottom:8px}.term--description{font-size:16px;color:var(--hera-text-gray);line-height:1.3}.term--image{height:72px;width:72px;object-fit:cover;border-radius:4px;margin-right:15px}@media(max-width:768px){.term--title{font-size:18px}.term--description{font-size:12px;line-height:1.5}.term--image{height:48px;width:48px}.term--header{padding-bottom:15px}.term--header+.block--list{padding-top:5px}.term--header .author--avatar{width:48px;height:48px;margin-right:8px}.term--header .author--bio h3{font-size:18px;margin-bottom:3px}.term--header .author--bio p{font-size:12px}}.term--container{max-width:var(--hera-column-width);margin:0 auto;width:92%}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px;padding-bottom:15px}@media screen and (max-width:768px){.link-items{grid-template-columns:repeat(2,1fr)}}.link-item{border-radius:10px;padding:20px;background-color:var(--hera-background-gray-lightest)}.link-item .sitename{font-size:12px;color:var(--hera-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:16px;color:var(--hera-text-color);margin-bottom:5px}.link-item .avatar{width:48px;height:48px;border-radius:50%;margin-bottom:10px}.link-item .btn{background-color:var(--hera-main-color);color:#fff;width:40px;text-align:center;margin-top:8px;font-style:normal;border-radius:999rem;padding:1px 4px}.link-item:hover{background-color:#fafafa}.link-title{font-size:20px;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--hera-text-gray)}.article--headline{font-size:var(--hera-article-hero-font-size);margin-top:0;line-height:1.3;margin-bottom:0;font-weight:700}.article--headline+.article--meta{margin-top:10px}.article--body{margin-bottom:15px}.article--subtitle{font-size:22px;color:var(--hera-text-gray-lightest);line-height:1.2;margin-bottom:10px}.article--location{color:var(--main-color);display:flex;align-items:center;font-size:14px}.article--location svg{fill:var(--main-color);width:16px;height:16px;margin-right:5px}.article--meta{font-size:14px;color:var(--hera-text-gray);line-height:1.6;display:flex;align-items:center;margin-bottom:10px}.article--meta .author{display:flex;align-items:center;margin-right:10px;color:var(--hera-text-color)}.article--meta .author:hover{text-decoration:underline}.article--meta .author img.avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.article--subline{font-size:20px;color:var(--hera-text-gray-lightest);line-height:1.3;margin-bottom:5px}.article--header{margin-bottom:15px;padding-top:25px}.article--tags{padding:20px 0;display:flex;align-items:center}.article--tags a{font-size:14px;color:var(--hera-text-gray);margin-right:5px;background-color:var(--hera-background-gray);padding:3px 20px;border-radius:999rem}.article--tags a:hover{color:var(--hera-hover-color)}@media screen and (max-width:768px){.article--headline{font-size:24px}.article--subtitle{font-size:18px}.article--subline{font-size:16px}.article--header{padding-top:10px}}.related--posts{font-size:14px}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.posts,.search--title{padding-top:25px}.search--title{text-align:center;font-size:14px;color:var(--hera-text-light)}.search--title+.posts{padding-top:0}.sticky--post{display:flex;align-items:center;color:var(--hera-text-gray-lightest);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:3px}.sticky--post svg{margin-right:8px}.status--icon{display:flex;align-items:center;margin-bottom:5px}.status--icon svg{fill:var(--hera-main-color);height:28px;width:28px}.link2comment{display:flex;align-items:center;font-size:14px;color:var(--hera-text-gray);margin-left:auto}.link2comment svg{fill:var(--hera-text-gray);margin-right:5px}.link2comment:hover{color:var(--hera-hover-color)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0 0}.post--single__action .button--like svg{fill:var(--hera-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--hera-hover-color)}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--hera-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.post--single__copyright{color:var(--hera-text-gray)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--single__related__status{font-size:14px;background-color:var(--hera-background-gray);border-radius:5px;padding:12px}.post--single__related__status:hover{background-color:var(--hera-background-gray-lightest)}.post--single__related__status a{color:var(--hera-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--hera-text-gray);margin-right:5px}.post--single__related__item{background-color:var(--hera-background-gray);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item__img{display:flex;align-items:center}.post--single__related__item .cover{border-radius:10px 10px 0 0;aspect-ratio:2/1;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px;padding-left:10px;padding-right:10px;padding-top:8px}.post--single__related__item:hover{background-color:var(--hera-background-gray-lightest)}.post--single__related__item .meta{font-size:12px;color:var(--hera-text-gray);line-height:1;padding:0 10px 10px}.page--single{padding-top:30px}.archive--list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;margin-bottom:30px;margin-top:10px}.archive--title{font-size:18px;line-height:1.4;height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.archive--title__year{font-size:22px;font-weight:900;margin-top:30px}.archive--meta{font-size:12px;color:var(--hera-text-gray);margin-top:5px}.archive--item{padding:15px;background-color:var(--hera-background-gray-lightest);border-radius:10px}.archive--item a:hover{color:var(--hera-main-color)}@media screen and (max-width:768px){.archive--list{grid-gap:10px;margin-bottom:25px}.archive--title{font-size:14px}.archive--item{padding:10px}} \ No newline at end of file +:root{--hera-main-color:#8b645a;--hera-hover-color:#8b645a;--hera-color-white:#fff;--hera-background-white:#fff;--hera-background-gray:#f5f5f5;--hera-background-gray-lightest:#fafafa;--hera-warning-color:#c94a4a;--hera-column-width:742px;--hera-article-width:828px;--hera-header-width:25%;--hera-basic-font-size:16px;--hera-text-color:rgba(0,0,0,.86);--hera-text-light:rgba(0,0,0,.68);--hera-text-gray:rgba(0,0,0,.6);--hera-text-gray-lightest:rgba(0,0,0,.55);--hera-border-color:rgba(0,0,0,.1);--hera-border-color-light:rgba(0,0,0,.05);--hera-background-color-white:#fff;--hera-article-hero-font-size:2rem;--hera-border-radius:999rem;--hera-thumbnail-width:96px;--hera-thumbnail-height:96px;--hera-font-size-smallest:12px}@media(prefers-color-scheme:dark){.auto{--hera-text-color:#a1a1aa;--hera-text-light:#a1a1aa;--hera-text-gray:#71717a;--hera-text-gray-lightest:hsla(240,4%,46%,.95);--hera-background-white:#1e1e1e;--hera-background-gray:#000;--hera-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--hera-background-gray-lightest:#121212;--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--hera-border-color:rgba(63,63,70,.6);--hera-border-color-light:rgba(63,63,70,.4)}.auto .db--container{--db--text-color:var(--hera-text-color);--db--text-color-light:var(--hera-text-light);--db--background-gray:var(--hera-background-gray)}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--hera-text-color:#a1a1aa;--hera-text-light:#a1a1aa;--hera-text-gray:#71717a;--hera-text-gray-lightest:hsla(240,4%,46%,.95);--hera-background-white:#1e1e1e;--hera-background-gray:#000;--hera-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--hera-background-gray-lightest:#121212;--hera-border-color:rgba(63,63,70,.6);--hera-border-color-light:rgba(63,63,70,.4)}.dark .db--container{--db--text-color:var(--hera-text-color);--db--text-color-light:var(--hera-text-light);--db--background-gray:var(--hera-background-gray)}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}.grap{color:var(--hera-text-color);word-break:break-all;padding-top:5px}.grap table{border:1px solid var(--hera-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:12px;color:var(--hera-text-light)}.grap table thead tr{background-color:#f5f5f5}.grap table tr{background-color:#fff}.grap table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.grap table td,.grap table th{border-bottom:1px solid var(--hera-border-color);border-right:1px solid var(--hera-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.grap code{padding:2px 5px;border-radius:4px}.grap code,.grap pre{background-color:var(--hera-background-gray);font-size:14px}.grap pre{word-break:break-all;white-space:break-spaces;padding:10px;border-radius:5px}.grap--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--hera-border-color);border-radius:4px;display:flex}.grap--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.grap--mixtapeEmbed a:hover{color:inherit!important}.grap--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.grap--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.grap--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:14px;line-height:1.6;color:var(--hera-text-light)}.grap--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.grap--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--hera-hover-color)}.grap p{margin-bottom:25px;hyphens:auto}.grap p:last-child{margin-bottom:0}.grap blockquote{color:var(--hera-text-light);border-color:var(--hera-border-color-light);margin-left:-3.5%;border-left:3px solid #000;margin-bottom:35px;padding:10px 30px}.grap blockquote p:last-child{margin-bottom:0}.grap a{text-decoration:underline;transition:.2s;color:var(--main-color)}.grap a[href*=gif],.grap a[href*=gif]:hover,.grap a[href*=jpeg],.grap a[href*=JPEG],.grap a[href*=jpeg]:hover,.grap a[href*=JPEG]:hover,.grap a[href*=jpg],.grap a[href*=JPG],.grap a[href*=jpg]:hover,.grap a[href*=JPG]:hover,.grap a[href*=png],.grap a[href*=PNG],.grap a[href*=png]:hover,.grap a[href*=PNG]:hover{box-shadow:none}.grap a:hover{color:var(--hera-hover-color);text-decoration:underline}.grap h2,.grap h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--hera-text-gray);line-height:1.3;position:relative}.grap h2+h4,.grap h3+h4{margin-top:15px}.grap h2:before,.grap h3:before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--hera-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.grap h2:target,.grap h3:target{color:var(--hera-hover-color)}.grap h4{font-size:20px;font-weight:700;color:var(--hera-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.grap hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.grap hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.grap b,.grap strong{font-weight:700}.grap ol,.grap ul{margin-bottom:25px;padding-left:15px}.grap ol li,.grap ul li{margin-left:25px;margin-bottom:5px}.grap ol li:before,.grap ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--hera-hover-color)}.grap ol{counter-reset:a}.grap ol>li:before{content:counter(a);counter-increment:a;font-size:12px;font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--hera-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 25px;position:relative;max-width:100%;line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;right:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:999rem;padding:8px 15px}@media(max-width:820px){.grap blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.grap h2,.grap h3{font-size:20px}.grap ul{padding-left:0}.grap ul li{line-height:1.6}.grap--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--hera-border-color);border-radius:4px;display:flex}.grap--mixtapeEmbed .mixtapeImage{display:none}.grap--mixtapeEmbed .mixtapeContent{padding:0 15px}.grap--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--hera-text-gray)}.grap--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.grap p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--hera-text-color);line-height:1.8;word-break:break-all;background-color:var(--hera-background-gray-lightest);font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--hera-basic-font-size)}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--hera-basic-font-size);color:var(--hera-text-color)}.u-textAligncenter{text-align:center}.js-contentFixed{position:sticky;top:20px;padding:50px 60px 50px 50px}.is-singleColumn .js-contentFixed,.page-template-template-map .js-contentFixed,.page-template-template-wide .js-contentFixed{padding:15px 0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.w-full{width:100%}.sep:before{content:"·";margin-left:5px;margin-right:5px}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:var(--hera-font-size-smallest);max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.layout{margin:0 auto;display:flex}.is-singleColumn .layout,.page-template-template-map .layout,.page-template-template-wide .layout{flex-direction:column}.content{padding:30px 0 5px;flex:1 1 auto;min-height:100vh;background-color:var(--hera-background-white);margin:18px;border-radius:12px;box-shadow:0 0 3px 0 rgba(0,0,0,.02)}.post--list{max-width:var(--hera-column-width);margin:0 auto;width:92%}@media(max-width:720px){.layout{flex-direction:column}.content{padding-top:0;margin:0;border-radius:0}}.layoutContainer{max-width:var(--hera-column-width);margin:0 auto}.articleContainer{max-width:var(--hera-article-width);margin:0 auto;width:92%;padding-top:15px}@media(max-width:1280px){.articleContainer{padding-top:0}}.doubanContainer{--hera-article-width:850px;max-width:var(--hera-article-width);margin:0 auto;width:92%}.navbar{width:var(--hera-header-width);position:relative;flex:0 0 auto;box-shadow:-1px 0 1px -2px rgba(0,0,0,.9);background-color:var(--hera-background-gray-lightest);box-sizing:border-box;transition:width .5s;display:flex;align-items:flex-end;flex-direction:column;text-align:right;padding-top:50px}.is-readingMode .navbar{width:0}.is-singleColumn .navbar,.page-template-template-map .navbar,.page-template-template-wide .navbar{width:100%;z-index:100;box-shadow:0 0 1px 0 rgba(0,0,0,.1);background-color:var(--hera-background-white);padding:30px 0;align-items:center;text-align:center}.is-singleColumn .navbar .avatar--wrapper,.page-template-template-map .navbar .avatar--wrapper,.page-template-template-wide .navbar .avatar--wrapper{margin-right:auto}.is-singleColumn .navbar .avatar,.page-template-template-map .navbar .avatar,.page-template-template-wide .navbar .avatar{transform:translateX(0)}.is-singleColumn .navbar .site--title,.page-template-template-map .navbar .site--title,.page-template-template-wide .navbar .site--title{font-size:20px;margin-top:10px;margin-bottom:5px;line-height:1}.is-singleColumn .navbar .widget--links,.page-template-template-map .navbar .widget--links,.page-template-template-wide .navbar .widget--links{display:flex}.is-singleColumn .navbar .menu-item,.page-template-template-map .navbar .menu-item,.page-template-template-wide .navbar .menu-item{padding:5px 15px}.navbar .avatar--wrapper{position:relative;margin-left:auto;display:flex;width:104px}.navbar .avatar--wrapper .status--img{position:absolute;bottom:0;right:0;box-shadow:0 1px 0 0 rgba(31,35,40,.0392156863);background-color:var(--hera-background-white);border-radius:100%;width:24px;height:24px;border:1px solid #9a6700;display:flex;align-items:center;justify-content:center}.navbar .avatar{border-radius:100%;width:104px;height:104px;object-fit:cover;border:4px solid var(--hera-background-white);box-shadow:0 0 12px var(--hera-border-color-light);box-sizing:border-box;position:relative;transform:translateX(20px)}.navbar .site--title{margin-top:10px;margin-bottom:5px;line-height:1.4;font-size:24px}.navbar .site--description{margin:0 0 5px;color:var(--hera-text-light);text-transform:capitalize;line-height:1.3}@media(max-width:1280px){.navbar{width:25%}}@media(max-width:720px){.navbar{width:100%;align-items:center;padding-top:15px;text-align:center}.navbar .avatar{transform:translateX(0);width:64px;height:64px;border-width:2px}.navbar .site--title{font-size:20px;margin-top:5px}.navbar .site--description{font-size:14px}.navbar .avatar--wrapper{margin-left:0;width:64px}.navbar .js-contentFixed{display:flex;flex-direction:column;align-items:center}}.widget--links{margin-top:10px;padding-bottom:5px}.widget--links .menu-item{padding:3px 0;color:var(--hera-text-light)}.widget--links .menu-item:hover{color:var(--hera-text-color)}@media(max-width:720px){.widget--links{display:flex;flex-wrap:nowrap;margin-top:0;padding-bottom:0}.widget--links .menu-item{padding:5px 8px;font-size:12px}.js-contentFixed{padding:0}}.search--area{padding-top:5px}.search--area .search-form{display:flex;justify-content:flex-end;border-radius:999rem;background-color:var(--hera-background-gray)}.search--area .search-form .search-label{display:flex;align-items:center;padding:0 15px}.search--area .search-form .search-label svg{fill:#6b6b6b;width:20px;height:20px;cursor:pointer}.search--area .search-form .search-field{border:0;font-size:12px;padding:10px 12px;line-height:1.6;width:280px;background-color:transparent}.search--area .search-form .search-field:focus{color:var(--hera-text-color)}.search--area .search-form .search-submit{display:none}.search--area+.articleContainer{padding-top:20px}.nav--clicker{cursor:pointer}.is-readingMode .nav--clicker{transform:rotate(180deg)}.moblie--icon{display:none;width:92%;position:relative;z-index:1000}.search--area{display:flex;align-items:center;margin-right:auto;max-width:var(--hera-column-width);width:92%}.search--area,.search--area .search-form{margin-left:auto}@media screen and (max-width:720px){.search--area{padding-top:20px;display:none}.search--actived .search--area{display:flex}.search--area .search-form{margin-left:auto;margin-right:auto}.widget--links{display:flex;flex-direction:column}.js-contentFixed{position:static}.menu--actived{overflow:hidden}.menu--actived .mask{position:fixed;background-color:rgba(0,0,0,.5);z-index:500;left:0;bottom:0;right:0;top:0}.site--nav{z-index:1000;display:flex;box-sizing:border-box;padding:20px;border-left:1px solid var(--main-border-color);flex-direction:column;line-height:1.3;justify-content:flex-start;align-items:flex-start;font-size:16px;position:relative;transform:translate3d(105%,0,0);position:fixed;top:0;bottom:0;width:75%;right:0;background-color:#fff;overflow-y:auto}.site--nav.is-active{transition:.5s;transform:translateZ(0)}.site--nav a{padding:5px 0;margin:0 0 10px}.site--nav a,.site--nav a .text{width:100%;display:flex;align-items:center}.site--nav a .text{align-self:flex-start}.site--nav a .text svg{margin-left:auto}.site--info{display:flex;align-items:center;flex-direction:column;padding-top:0}.site--description{display:none}.moblie--icon{display:flex;justify-content:space-between}}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:hsla(0,0%,100%,.96);justify-content:center;z-index:100}.overlay,.overlay-img-wrap{display:flex;align-items:center}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{background-color:transparent;border:0;color:#999;background-color:#f5f5f5;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:#999}.zoomImgClose:hover svg{transform:rotate(90deg)}.mfp-arrow-left,.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{position:absolute;opacity:.65;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:#f5f5f5;width:44px;align-items:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--hera-text-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--hera-text-light);position:absolute;opacity:.65;right:10px;background-color:#f5f5f5;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--hera-text-light);font-style:italic}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;margin-top:30px}.image--nav img{width:64px}}.comment-form{padding-bottom:30px}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:var(--hera-warning-color)}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid var(--hera-border-color);padding:8px 15px;font-size:14px;transition:border-color .3s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--hera-main-color)}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:var(--hera-border-radius);width:auto;place-self:center;place-content:center;color:var(--hera-color-white);text-align:center}.comment-form .submit:hover{background-color:var(--hera-hover-color)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--hera-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px;color:var(--hera-warning-color)}.commentlist{border-top:1px solid var(--hera-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--hera-background-gray-lightest);border-radius:5px}@keyframes a{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--hera-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:a 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--hera-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--hera-background-white);background-color:var(--hera-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{display:flex;align-items:center;cursor:pointer;margin-left:8px}.comment--author .comment-reply-link svg{fill:var(--hera-text-gray);width:14px;height:14px}.comment--author .comment-reply-link:hover svg{fill:var(--hera-hover-color)}.comment--author a{color:var(--hera-main-color)}.comment--author a:hover{color:var(--hera-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--meta .author--icon{--fill:#0095f6;--height:14px;--width:14px;fill:var(--fill);height:var(--height);width:var(--width);margin-left:4px}.comment--time{color:var(--hera-text-light);margin-left:auto}.comment-meta .avatar{border-radius:100%}.comment-content{padding-left:10px;color:var(--hera-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--hera-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--hera-text-light)}.comments--title{padding-top:15px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--hera-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--hera-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:var(--hera-background-white);border:1px solid var(--hera-border-color);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--hera-hover-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:15px 0;font-size:14px;color:var(--hera-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--hera-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--hera-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--hera-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--hera-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--hera-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--hera-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--hera-hover-color);text-decoration:underline}@media screen and (max-width:768px){.comment-body{padding:12px 0}.parent>.children{margin-left:25px}.comment-meta{font-size:12px}.comment-meta .avatar{width:32px;height:32px}.comment-content{font-size:14px}.children .avatar{width:24px;height:24px}.children .comment-body{padding:10px 0}.children .comment-content{font-size:12px}}.site--footer{text-align:center;color:var(--hera-text-gray);padding:25px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}@keyframes b{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{z-index:10;transition:all .3s ease;position:fixed;bottom:50px;right:-25px;cursor:pointer}.backToTop .svgIcon{width:17px;height:17px;fill:var(--hera-main-color);animation:b 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--hera-hover-color);animation-play-state:paused}.backToTop.is-active{right:50px}.back{display:flex;justify-content:center;align-items:center;padding:20px 0 50px}.back a{background-color:#000;color:var(--hera-color-white);padding:8px 20px;font-size:14px;border-radius:var(--hera-border-radius);line-height:1.4}.site--footer{font-size:14px;padding:20px 80px;color:var(--hera-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--hera-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--hera-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--hera-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--hera-hover-color)}.site--footer__sns{display:flex;align-items:center;justify-content:flex-end;margin-top:10px;padding-bottom:10px}.is-singleColumn .site--footer__sns,.page-template-template-map .site--footer__sns,.page-template-template-wide .site--footer__sns{justify-content:center}.site--footer__sns a{margin:0 0 0 12px;display:flex}.site--footer__sns a:first-child{margin-left:0}.site--footer__sns svg{fill:var(--hera-text-color);width:24px;height:24px}.site--footer__sns svg:hover{fill:var(--hera-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--hera-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--hera-hover-color);fill:none}.fixed--theme{position:absolute;left:0;bottom:-5px;display:flex;height:-moz-max-content;height:max-content;background-color:var(--hera-background-gray-lightest);border-radius:0 10px 0 10px;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:28px;height:28px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--hera-text-gray-lightest);margin-right:5px}.fixed--theme span:hover{color:var(--hera-text-color)}.fixed--theme span.is-active{color:var(--hera-text-color);background-color:var(--hera-background-gray)}.fixed--theme span:last-child{margin-right:0}@media screen and (max-width:720px){.site--footer__sns{padding-bottom:20px;margin-top:5px}}.block--list{padding-top:25px}.block--snippet{font-size:15px;line-height:1.6;color:var(--hera-text-gray);max-height:4.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}.block--title{margin:0 0 10px;line-height:1.2;font-size:22px;font-weight:900}.block--title:hover{color:var(--hera-hover-color)}.block--cover{flex:0 0 auto;margin-left:15px}.block--cover,.block--cover img{width:var(--hera-thumbnail-width)}.block--cover img{height:var(--hera-thumbnail-height);border-radius:4px;object-fit:cover}.block--addon{display:flex;align-items:flex-start}.block--addon .meta{flex:1 1 auto;display:flex;flex-direction:column}.block--meta{margin:0;margin-top:5px;display:flex;font-size:var(--hera-font-size-smallest);color:var(--hera-text-gray-lightest)}.block--meta a:hover{text-decoration:underline;color:var(--hera-text-color)}.block--meta .status--link{margin-left:auto}.block--meta .status--link:hover svg{fill:var(--hera-hover-color)}.block--item{padding:25px 0;position:relative}.block--item__status{background-color:var(--hera-background-gray);border-radius:10px;padding:25px;margin-top:15px;margin-bottom:15px}.block--item__text .block--title{margin-bottom:5px}@media screen and (max-width:768px){.block--item{padding:12px 0}.block--item__status{padding:12px}.block--title{font-size:18px}.block--snippet{font-size:13px}.block--cover{margin-left:10px;--hera-thumbnail-width:72px}.block--cover img{--hera-thumbnail-height:72px}}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px;padding-top:20px}@media screen and (max-width:768px){.post--cards{grid-template-columns:repeat(1,1fr)}}.post--card{border-radius:12px;display:flex;flex-direction:column;background-color:var(--hera-background-gray)}.post--card:hover{background-color:var(--hera-background-gray-lightest);border-radius:12px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:12px 12px 0 0;margin-bottom:12px;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--hera-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .card--content{position:relative;padding:0 20px 20px}.post--card .description{font-size:15px;color:var(--hera-text-light);line-height:1.6}.post--card .meta{font-size:14px;color:var(--hera-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--hera-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}.nav-links{padding:25px 0;display:flex;align-items:center;justify-content:center}.post-navigation .nav-links{padding:5px 0}.nav-links .page-numbers,.nav-links .post-page-numbers{color:var(--hera-text-gray);margin:0 5px;height:32px;width:32px;border-radius:100%;border:1px solid var(--hera-border-color);text-align:center;line-height:32px;font-size:14px}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{border:0}.nav-links .page-numbers.dots:hover,.nav-links .post-page-numbers.dots:hover{background-color:transparent;color:var(--hera-text-gray)}.nav-links .page-numbers.current,.nav-links .page-numbers:hover,.nav-links .post-page-numbers.current,.nav-links .post-page-numbers:hover{color:#fff;background-color:#000;border-color:#000}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{font-size:12px;width:28px;height:28px;line-height:28px}.article+.post-navigation{margin-top:10px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--hera-background-gray);width:48%;box-sizing:border-box;border-radius:10px;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-next .cover,.post-navigation .nav-previous .cover{border-radius:8px;height:110px;object-fit:cover}.post-navigation .nav-next .cover--link,.post-navigation .nav-previous .cover--link{position:relative}.post-navigation .nav-next .cover--link .marker--tips,.post-navigation .nav-previous .cover--link .marker--tips{position:absolute;bottom:5px;right:5px;background-color:#f8f8f8;border-radius:5px;padding:5px;font-size:12px;color:var(--hera-text-gray);line-height:1}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:12px;text-transform:uppercase;color:var(--hera-text-gray)}.post-navigation .post-title{font-size:14px;margin-bottom:10px}.post-navigation .post-title:hover{color:var(--hera-hover-color)}@media(max-width:720px){.post-navigation .nav-links{flex-direction:column}.post-navigation .nav-links .nav-next,.post-navigation .nav-links .nav-previous{width:100%;margin-bottom:10px;text-align:center}}.author--card{display:flex;align-items:center;padding:30px 0;border-top:1px solid var(--hera-border-color);margin-top:20px}.author--card+.post--ingle__comments .comments--title{padding-top:5px}.author--card .avatar{border-radius:100%;margin-right:20px}.author--card .author--name{font-weight:900;font-size:18px}.author--card .author--description{font-size:14px;color:var(--hera-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--hera-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--hera-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--hera-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--hera-hover-color);fill:none}.footer--map{height:550px}.mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-bottom-left{display:none}.map--container{max-width:1000px;margin-left:auto;margin-right:auto}.page--header{padding:20px 0;text-align:center}.markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:16px;display:grid}.markerPro--post{box-shadow:none;transition:background-position 1s;background-color:var(--hera-background-gray-lightest);color:var(--hera-text-gray);padding:15px;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:0;background-size:cover;background-position:50%;background-repeat:no-repeat;text-decoration:none!important}.markerPro--post .markerPro--content{flex:1 1 auto}.markerPro--post__hera{flex-direction:row}.markerPro--post__hera:before{display:none}.markerPro--post__hera img{width:80px;height:80px;object-fit:cover;border-radius:8px}.markerPro--title{position:relative;margin:3px 0;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:16px}.markerPro--meta{font-size:12px;display:flex;align-items:center;position:relative}.markerPro--location{background-color:#c0580c;color:#fff;border-radius:0 5px 0 5px;line-height:1.4;padding:1px 5px;position:absolute;top:0;right:0;font-size:12px;background-color:rgba(0,0,0,.56);border-radius:999rem;top:10px;right:10px;padding:2px 8px}.markerPro--addonTitle{font-size:18px;font-weight:700;margin-bottom:10px}@media screen and (max-width:768px){.markerPro--posts{grid-template-columns:1fr}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--hera-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--hera-text-gray)}.tagCard--item:hover{color:var(--hera-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--hera-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--hera-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;padding-top:20px}.collectionCard--icon{margin-top:10px}.collectionCard--item{transition:.5s;padding:0 0 8px;border-radius:5px;overflow:hidden;position:relative;background-color:var(--hera-background-gray)}.collectionCard--item:hover .collectionCard--title{color:var(--hera-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--hera-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;object-fit:cover;border-radius:3px 3px 0 0}.collectionCard--meta{padding:5px 15px 0}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.4;height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--hera-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.term--header{padding-top:30px;padding-bottom:30px;display:flex;align-items:center}.term--header__content{flex:1 1 auto}.term--header .author--avatar{width:72px;height:72px;margin-right:15px}.term--header .author--avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.term--header .author--bio h3{font-size:24px;font-weight:700;line-height:1;margin-bottom:8px}.term--header .author--bio p{font-size:16px;color:var(--hera-text-gray);line-height:1.3}.term--title{font-size:24px;font-weight:700;line-height:1;margin-bottom:8px}.term--description{font-size:16px;color:var(--hera-text-gray);line-height:1.3}.term--image{height:72px;width:72px;object-fit:cover;border-radius:4px;margin-right:15px}@media(max-width:768px){.term--title{font-size:18px}.term--description{font-size:12px;line-height:1.5}.term--image{height:48px;width:48px}.term--header{padding-bottom:15px}.term--header+.block--list{padding-top:5px}.term--header .author--avatar{width:48px;height:48px;margin-right:8px}.term--header .author--bio h3{font-size:18px;margin-bottom:3px}.term--header .author--bio p{font-size:12px}}.term--container{max-width:var(--hera-column-width);margin:0 auto;width:92%}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px;padding-bottom:15px}@media screen and (max-width:768px){.link-items{grid-template-columns:repeat(2,1fr)}}.link-item{border-radius:10px;padding:20px;background-color:var(--hera-background-gray-lightest)}.link-item .sitename{font-size:12px;color:var(--hera-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:16px;color:var(--hera-text-color);margin-bottom:5px}.link-item .avatar{width:48px;height:48px;border-radius:50%;margin-bottom:10px}.link-item .btn{background-color:var(--hera-main-color);color:#fff;width:40px;text-align:center;margin-top:8px;font-style:normal;border-radius:999rem;padding:1px 4px}.link-item:hover{background-color:#fafafa}.link-title{font-size:20px;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--hera-text-gray)}.article--headline{font-size:var(--hera-article-hero-font-size);margin-top:0;line-height:1.3;margin-bottom:0;font-weight:700}.article--headline+.article--meta{margin-top:10px}.article--body{margin-bottom:15px}.article--subtitle{font-size:22px;color:var(--hera-text-gray-lightest);line-height:1.2;margin-bottom:10px}.article--location{color:var(--main-color);display:flex;align-items:center;font-size:14px}.article--location svg{fill:var(--main-color);width:16px;height:16px;margin-right:5px}.article--meta{font-size:14px;color:var(--hera-text-gray);line-height:1.6;display:flex;align-items:center;margin-bottom:10px}.article--meta .author{display:flex;align-items:center;margin-right:10px;color:var(--hera-text-color)}.article--meta .author:hover{text-decoration:underline}.article--meta .author img.avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.article--subline{font-size:20px;color:var(--hera-text-gray-lightest);line-height:1.3;margin-bottom:5px}.article--header{margin-bottom:15px;padding-top:25px}.article--tags{padding:20px 0;display:flex;align-items:center}.article--tags a{font-size:14px;color:var(--hera-text-gray);margin-right:5px;background-color:var(--hera-background-gray);padding:3px 20px;border-radius:999rem}.article--tags a:hover{color:var(--hera-hover-color)}@media screen and (max-width:768px){.article--headline{font-size:24px}.article--subtitle{font-size:18px}.article--subline{font-size:16px}.article--header{padding-top:10px}}.related--posts{font-size:14px}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.posts,.search--title{padding-top:25px}.search--title{text-align:center;font-size:14px;color:var(--hera-text-light)}.search--title+.posts{padding-top:0}.sticky--post{display:flex;align-items:center;color:var(--hera-text-gray-lightest);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:3px}.sticky--post svg{margin-right:8px}.status--icon{display:flex;align-items:center;margin-bottom:5px}.status--icon svg{fill:var(--hera-main-color);height:28px;width:28px}.link2comment{display:flex;align-items:center;font-size:14px;color:var(--hera-text-gray);margin-left:auto}.link2comment svg{fill:var(--hera-text-gray);margin-right:5px}.link2comment:hover{color:var(--hera-hover-color)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0 0}.post--single__action .button--like svg{fill:var(--hera-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--hera-hover-color)}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--hera-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.post--single__copyright{color:var(--hera-text-gray)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--single__related__status{font-size:14px;background-color:var(--hera-background-gray);border-radius:5px;padding:12px}.post--single__related__status:hover{background-color:var(--hera-background-gray-lightest)}.post--single__related__status a{color:var(--hera-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--hera-text-gray);margin-right:5px}.post--single__related__item{background-color:var(--hera-background-gray);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item__img{display:flex;align-items:center}.post--single__related__item .cover{border-radius:10px 10px 0 0;aspect-ratio:2/1;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px;padding-left:10px;padding-right:10px;padding-top:8px}.post--single__related__item:hover{background-color:var(--hera-background-gray-lightest)}.post--single__related__item .meta{font-size:12px;color:var(--hera-text-gray);line-height:1;padding:0 10px 10px}.page--single{padding-top:30px}.archive--list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;margin-bottom:30px;margin-top:10px}.archive--title{font-size:18px;line-height:1.4;height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.archive--title__year{font-size:22px;font-weight:900;margin-top:30px}.archive--meta{font-size:12px;color:var(--hera-text-gray);margin-top:5px}.archive--item{padding:15px;background-color:var(--hera-background-gray-lightest);border-radius:10px}.archive--item a:hover{color:var(--hera-main-color)}@media screen and (max-width:768px){.archive--list{grid-gap:10px;margin-bottom:25px}.archive--title{font-size:14px}.archive--item{padding:10px}} \ No newline at end of file diff --git a/comments.php b/comments.php index 8fce0c4..453f13e 100644 --- a/comments.php +++ b/comments.php @@ -38,12 +38,11 @@ wp_list_comments(array('style' => 'ol', 'avatar_size' => 48, 'callback' => 'hera_comment')); } else { ?>
  • - <<<<<<< HEAD - =======get_setting('no_reply_text')) { - echo $heraSetting->get_setting('no_reply_text'); - } else { - _e('This post has no comment yet', 'Hera'); - } ?>>>>>>>> 0559a4f7dee2afc9812f50d229fc2cd3e5befed6 + get_setting('no_reply_text')) { + echo $heraSetting->get_setting('no_reply_text'); + } else { + _e('This post has no comment yet', 'Hera'); + } ?>
  • diff --git a/scss/base/_grap.scss b/scss/base/_grap.scss index 7a341a7..5ef14f2 100644 --- a/scss/base/_grap.scss +++ b/scss/base/_grap.scss @@ -56,6 +56,13 @@ } } + code { + background-color: var(--hera-background-gray); + padding: 2px 5px; + border-radius: 4px; + font-size: 14px; + } + pre { word-break: break-all; white-space: break-spaces; diff --git a/scss/base/_var.scss b/scss/base/_var.scss index 6101755..95a0cc3 100644 --- a/scss/base/_var.scss +++ b/scss/base/_var.scss @@ -88,25 +88,6 @@ background: linear-gradient(180deg, #1e1e1e, #121212); } - .post--single__related__item, - .post--single__related__status, - .post--item, - .link-item, - .post--card { - position: relative; - &:hover { - background: linear-gradient(180deg, #1e1e1e, #121212); - &::after { - content: ''; - pointer-events: none; - position: absolute; - inset: 0; - border-radius: 12px; - border: 1px solid #333; - } - } - } - .nav-links .page-numbers.current:after, .nav-links .post-page-numbers.current:after { background-image: none; @@ -181,24 +162,6 @@ .graph ol li::before { background: linear-gradient(180deg, #1e1e1e, #121212); } - .post--single__related__item, - .post--single__related__status, - .post--item, - .link-item, - .post--card { - position: relative; - &:hover { - background: linear-gradient(180deg, #1e1e1e, #121212); - &::after { - content: ''; - pointer-events: none; - position: absolute; - inset: 0; - border-radius: 12px; - border: 1px solid #333; - } - } - } .nav-links .page-numbers.current:after, .nav-links .post-page-numbers.current:after { diff --git a/scss/components/_author.scss b/scss/components/_author.scss index 76e02c5..088d9c2 100644 --- a/scss/components/_author.scss +++ b/scss/components/_author.scss @@ -10,12 +10,14 @@ padding-top: 5px; } } + .avatar { border-radius: 100%; margin-right: 20px; } + .author--name { - font-weight: bold; + font-weight: 900; font-size: 18px; } @@ -28,22 +30,27 @@ margin-top: 12px; display: flex; align-items: center; + a { margin: 0 10px 0 0; &:last-child { margin-right: 0; } } + svg { fill: var(--hera-text-color); + width: 24px; + height: 24px; + &:hover { fill: var(--hera-hover-color); } - width: 24px; - height: 24px; + &.sns { fill: none; stroke: var(--hera-text-color); + &:hover { stroke: var(--hera-hover-color); fill: none; diff --git a/scss/components/_block.scss b/scss/components/_block.scss index 4f6d865..fe247bb 100644 --- a/scss/components/_block.scss +++ b/scss/components/_block.scss @@ -20,6 +20,7 @@ line-height: 1.2; font-size: 22px; font-weight: 900; + &:hover { color: var(--hera-hover-color); } @@ -29,6 +30,7 @@ flex: 0 0 auto; margin-left: 15px; width: var(--hera-thumbnail-width); + img { width: var(--hera-thumbnail-width); height: var(--hera-thumbnail-height); @@ -54,6 +56,7 @@ display: flex; font-size: var(--hera-font-size-smallest); color: var(--hera-text-gray-lightest); + a { &:hover { text-decoration: underline; @@ -62,6 +65,7 @@ } .status--link { margin-left: auto; + &:hover { svg { fill: var(--hera-hover-color); @@ -111,6 +115,7 @@ &--cover { margin-left: 10px; --hera-thumbnail-width: 72px; + img { --hera-thumbnail-height: 72px; } diff --git a/scss/components/_card.scss b/scss/components/_card.scss index d067ab1..6eca88f 100644 --- a/scss/components/_card.scss +++ b/scss/components/_card.scss @@ -13,36 +13,41 @@ } .post--card { - // padding: 20px; border-radius: 12px; display: flex; flex-direction: column; background-color: var(--hera-background-gray); + &:hover { background-color: var(--hera-background-gray-lightest); border-radius: 12px; transform: none; transform-origin: 50% 50% 0px; } + .cover--link { display: flex; align-items: center; position: relative; } + .cover { border-radius: 12px 12px 0 0; margin-bottom: 12px; object-fit: cover; aspect-ratio: 60/36; } + .post--title { font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 5px; + &:hover { color: var(--hera-hover-color); } + & + .meta { margin-top: 10px; } @@ -51,22 +56,6 @@ .card--content { position: relative; padding: 0 20px 20px; - .date { - height: 36px; - width: 36px; - background-color: var(--hera-background-white); - border-radius: 100%; - position: absolute; - text-align: center; - font-weight: bold; - font-size: 24px; - line-height: 36px; - text-align: center; - color: var(--hera-text-gray); - right: 15px; - top: -30px; - box-shadow: 0 0 0 5px var(--hera-border-color-light); - } } .description { @@ -82,18 +71,22 @@ align-items: center; flex-wrap: wrap; margin-top: 2px; + time { display: flex; align-items: center; } + svg { margin-right: 4px; fill: var(--hera-text-gray-lightest); margin-left: 10px; + &:first-child { margin-left: 0; } } + a { &:hover { text-decoration: underline; diff --git a/scss/components/_footer.scss b/scss/components/_footer.scss index 8020e51..46002ff 100644 --- a/scss/components/_footer.scss +++ b/scss/components/_footer.scss @@ -153,13 +153,12 @@ left: 0px; bottom: -5px; display: flex; - // flex-direction: column; height: max-content; background-color: var(--hera-background-gray-lightest); - // box-shadow: inset -2px 2px 1px 0 var(--hera-border-color-light); border-radius: 0 10px 0 10px; width: max-content; padding: 3px; + span { width: 28px; height: 28px; diff --git a/scss/components/_header.scss b/scss/components/_header.scss index 687092f..ebcf60b 100644 --- a/scss/components/_header.scss +++ b/scss/components/_header.scss @@ -179,10 +179,16 @@ padding-top: 5px; .search-form { margin-left: auto; + display: flex; + justify-content: flex-end; + border-radius: 999rem; + background-color: var(--hera-background-gray); + .search-label { display: flex; align-items: center; padding: 0 15px; + svg { fill: rgba(107, 107, 107, 1); width: 20px; @@ -190,10 +196,6 @@ cursor: pointer; } } - display: flex; - justify-content: flex-end; - border-radius: 999rem; - background-color: var(--hera-background-gray); .search-field { border: 0; @@ -203,7 +205,6 @@ width: 280px; background-color: rgba(0, 0, 0, 0); &:focus { - // background-color: #f0f0f0; color: var(--hera-text-color); } } @@ -238,27 +239,29 @@ .search--area { display: flex; align-items: center; - .search-form { - margin-left: auto; - } margin-left: auto; margin-right: auto; max-width: var(--hera-column-width); width: 92%; + + .search-form { + margin-left: auto; + } } @media screen and (max-width: 720px) { .search--area { padding-top: 20px; - .search-form { - margin-left: auto; - margin-right: auto; - // max-width: 100%; - } display: none; + .search--actived & { display: flex; } + + .search-form { + margin-left: auto; + margin-right: auto; + } } .widget--links { @@ -271,6 +274,7 @@ } .menu--actived { overflow: hidden; + .mask { position: fixed; background-color: rgba(0, 0, 0, 0.5); @@ -296,10 +300,19 @@ position: relative; background-color: #fff; transform: translate3d(105%, 0, 0); + position: fixed; + top: 0; + bottom: 0; + width: 75%; + right: 0; + background-color: #fff; + overflow-y: auto; + &.is-active { transition: 0.5s; transform: translate3d(0, 0, 0); } + a { padding: 5px 0; margin: 0 0 10px; @@ -315,16 +328,7 @@ margin-left: auto; } } - //display: none; } - // display: none; - position: fixed; - top: 0; - bottom: 0; - width: 75%; - right: 0; - background-color: #fff; - overflow-y: auto; } .site--info { diff --git a/scss/components/_navigation.scss b/scss/components/_navigation.scss index 7f7e029..6699bf0 100644 --- a/scss/components/_navigation.scss +++ b/scss/components/_navigation.scss @@ -19,6 +19,7 @@ text-align: center; line-height: 32px; font-size: 14px; + &.dots { border: 0; &:hover { @@ -26,6 +27,7 @@ color: var(--hera-text-gray); } } + &.current, &:hover { color: #fff; @@ -63,6 +65,7 @@ justify-content: space-between; transition: 0.5s; } + .nav-previous, .nav-next { padding: 15px; @@ -70,7 +73,7 @@ width: 48%; box-sizing: border-box; border-radius: 10px; - //width: 220px; + a { display: flex; flex-direction: column; @@ -82,20 +85,11 @@ object-fit: cover; } - // margin-bottom: 10px; - //border-radius: 5px; text-align: right; - // background-image: linear-gradient(#fff, #fff), - // linear-gradient( - // calc(-0.8954254633948191rad), - // #8a63d2 0, - // #f81ce5 20%, - // rgba(121, 40, 202, 0) 80% - // ); background-origin: border-box; background-clip: padding-box, border-box; border: 1px solid transparent; - //box-shadow: 0 -3px 5px -1px #ebebeb; + .cover--link { position: relative; .marker--tips { @@ -115,6 +109,7 @@ .nav-previous { text-align: left; } + .meta-nav { font-size: 12px; text-transform: uppercase; @@ -124,11 +119,6 @@ .post-title { font-size: 14px; margin-bottom: 10px; - // min-height: 3em; - // display: -webkit-box; - // -webkit-line-clamp: 2; - // -webkit-box-orient: vertical; - // overflow: hidden; &:hover { color: var(--hera-hover-color); } @@ -139,6 +129,7 @@ .post-navigation { .nav-links { flex-direction: column; + .nav-previous, .nav-next { width: 100%; diff --git a/scss/templates/_article.scss b/scss/templates/_article.scss index fb5e676..c492bce 100644 --- a/scss/templates/_article.scss +++ b/scss/templates/_article.scss @@ -5,6 +5,7 @@ line-height: 1.3; margin-bottom: 0px; font-weight: bold; + & + .article--meta { margin-top: 10px; } @@ -23,15 +24,16 @@ &--location { color: var(--main-color); + display: flex; + align-items: center; + font-size: 14px; + svg { fill: var(--main-color); width: 16px; height: 16px; margin-right: 5px; } - display: flex; - align-items: center; - font-size: 14px; } &--meta { @@ -41,14 +43,17 @@ display: flex; align-items: center; margin-bottom: 10px; + .author { display: flex; align-items: center; margin-right: 10px; color: var(--hera-text-color); + &:hover { text-decoration: underline; } + img.avatar { width: 30px; height: 30px; @@ -56,12 +61,6 @@ margin-right: 10px; } } - // .avatar { - // width: 30px; - // height: 30px; - // border-radius: 50%; - // margin-right: 10px; - // } } &--subline { @@ -78,6 +77,9 @@ &--tags { padding: 20px 0; + display: flex; + align-items: center; + a { font-size: 14px; color: var(--hera-text-gray); @@ -89,8 +91,6 @@ color: var(--hera-hover-color); } } - display: flex; - align-items: center; } } @@ -114,6 +114,7 @@ .related--posts { font-size: 14px; + &__title { font-size: 16px; font-weight: bold; @@ -130,6 +131,7 @@ font-size: 14px; color: var(--hera-text-light); padding-top: 25px; + & + .posts { padding-top: 0; } @@ -142,6 +144,7 @@ font-size: 13px; user-select: none; margin-bottom: 3px; + svg { margin-right: 8px; } @@ -151,6 +154,7 @@ display: flex; align-items: center; margin-bottom: 5px; + svg { fill: var(--hera-main-color); height: 28px; @@ -163,14 +167,16 @@ align-items: center; font-size: 14px; color: var(--hera-text-gray); + margin-left: auto; + svg { fill: var(--hera-text-gray); margin-right: 5px; } + &:hover { color: var(--hera-hover-color); } - margin-left: auto; } .post--single { diff --git a/scss/templates/_map.scss b/scss/templates/_map.scss index 0ae4b81..13aed91 100644 --- a/scss/templates/_map.scss +++ b/scss/templates/_map.scss @@ -31,7 +31,7 @@ &--post { box-shadow: none; transition: 1s background-position; - background-color: #f8f8f8; + background-color: var(--hera-background-gray-lightest); color: var(--hera-text-gray); padding: 15px; border-radius: 10px; diff --git a/scss/templates/_page.scss b/scss/templates/_page.scss index 738a065..6d1a303 100644 --- a/scss/templates/_page.scss +++ b/scss/templates/_page.scss @@ -8,14 +8,17 @@ grid-template-columns: repeat(2, 1fr); grid-gap: 20px; padding-bottom: 20px; + &__status { font-size: 14px; background-color: var(--hera-background-gray); border-radius: 5px; padding: 12px; + &:hover { background-color: var(--hera-background-gray-lightest); } + a { color: var(--hera-text-gray); p { @@ -27,11 +30,13 @@ text-overflow: ellipsis; } } + .meta { font-size: 12px; display: flex; align-items: center; margin-top: 2px; + svg { fill: var(--hera-text-gray); margin-right: 5px; @@ -44,16 +49,19 @@ border-radius: 10px; display: flex; flex-direction: column; + &__img { display: flex; align-items: center; } + .cover { border-radius: 10px 10px 0 0; aspect-ratio: 2/1; object-fit: cover; width: 100%; } + &__title { font-size: 14px; font-weight: bold; @@ -63,9 +71,11 @@ padding-right: 10px; padding-top: 8px; } + &:hover { background-color: var(--hera-background-gray-lightest); } + .meta { font-size: 12px; color: var(--hera-text-gray); diff --git a/scss/templates/_term.scss b/scss/templates/_term.scss index ee31b7a..cca8f60 100755 --- a/scss/templates/_term.scss +++ b/scss/templates/_term.scss @@ -153,6 +153,7 @@ padding-bottom: 30px; display: flex; align-items: center; + &__content { flex: 1 1 auto; } @@ -210,9 +211,6 @@ @media (max-width: 768px) { .term { - // padding-left: 3.5%; - // padding-right: 3.5%; - &--title { font-size: 18px; } diff --git a/style.css b/style.css index 834f5c9..3e0bfe3 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,6 @@ Theme URI: https://github.com/bigfa/hera Author: bigfa Author URI: https://github.com/bigfa Description: theme 2025 -Version: 0.1.3 +Version: 0.1.4 Tags: Minimalism, Responsive */