/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://example.com/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       OhiyoX
 Author URI:   https://ohiyox.home.blog
 Template:     twentysixteen
 Version:      1.1.22.508
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentysixteenchild
*/

/*inline-css*/
/* Custom Link Color */
.menu-toggle:hover,
.menu-toggle:focus,
a,
.main-navigation a:hover,
.main-navigation a:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.social-navigation a:hover:before,
.social-navigation a:focus:before,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.tagcloud a:hover,
.tagcloud a:focus,
.site-branding .site-title a:hover,
.site-branding .site-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus,
.comment-reply-link,
.comment-reply-link:hover,
.comment-reply-link:focus,
.required,
.site-info a:hover,
.site-info a:focus {
    color: #1b6832;
}

mark,
ins,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.widget_calendar tbody a,
.page-links a:hover,
.page-links a:focus {
    background-color: #1b6832;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.tagcloud a:hover,
.tagcloud a:focus,
.menu-toggle:hover,
.menu-toggle:focus {
    border-color: #1b6832;
}

@media screen and (min-width: 56.875em) {
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
        color: #1b6832;
    }
}

/*--------------------------------------------custom css---------------------------------------*/

/*separator — migrated to OhiyoX Style Rules (Blog：分隔线) */

.rc-anchor{
    display:none;
}


button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    border-radius: 18px;
}

.site-header .site-title{
    font-size:1.6em;
}

/* change font — site/content fonts via OhiyoX Style Rules */

/* ---------------round corner */
.menu-toggle {
    border-radius: 18px;
    padding: 1.1em 1em;
}

.form-submit .submit {
    box-shadow: 0 3px 10px #00000060;
}

.search-form {
    border-radius: 18px;
    box-shadow: 0 3px 26px #00000020;
}

.menu-toggle {
    border: 1px solid #ececec;
    box-shadow: 0 3px 10px #0000001c;
}

.menu-toggle.toggled-on:focus {
    outline: none;
}

.wp-block-search__inside-wrapper {
    min-height: 56px;
    align-items: stretch;
}

.wp-block-search input[type="search"] {
    font-size: 0.9em;
    border-radius: 18px;
    padding: 0.9em 1.15em;
    min-height: 56px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    box-shadow: 0 3px 26px #00000020;
}

.wp-block-search button[type="submit"] {
    font-size: 0.9em;
    color: white;
    background-color: #1a1a1a;
    box-shadow: 0 3px 26px #00000020;
    padding: 0.9em 1.25em;
    min-height: 56px;
    line-height: 1.2;
    box-sizing: border-box;
}

.site .avatar {
    box-shadow: 0 3px 14px #00000030;
}

/* set link style — migrated to OhiyoX Style Rules */

/* set li style */
nav li::marker {
    color: #777;
    font-size: 1.2em;
}

nav li {
    padding: 0.3em 0;
}

/* hide outline */
a:focus {
    outline: none;
}


/* set site-description */

.site-branding .site-description {
    font-size: 1.2em;
    letter-spacing: 0.2em;
}


/* set text area */

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"]{
    padding: 0.75em 1em;
    border-radius: 18px;
    background: none;
}

input[type="search"].search-field{
    border:none;
    min-height: 2.75em;
    line-height: 1.25;
}
button.search-submit{
    border-radius: 0 18px 18px 0;
    min-height: 2.75em;
}
.search-submit:before {
    line-height: 2.75em;
}

textarea {
    padding-left:0.8em;
    padding-right:0.8em;
    background: none;
    border-radius: 18px 18px 0;
}


/* set liner */
.page-header {
    border-top: 4px solid #f3f3f3;
}

.post-navigation {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    clear: both;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    /* margin: 0 7.6923% 3.5em; */
}

.post-navigation div + div {
    border-top: 1px solid #1a1a1a;
}

.post-navigation .post-title {
    position: relative;
    z-index: 1;
}

.post-navigation .post-date {
    color: #c6c6c6;
    display: block;
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.8125rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    position: static;
    white-space: nowrap;
}

.post-navigation a {
    --post-navigation-label-width: 3em;
    align-items: baseline;
    column-gap: 1em;
    display: grid;
    grid-template-columns: var(--post-navigation-label-width) max-content;
    row-gap: 0.35em;
}

.post-navigation .meta-nav {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}

.post-navigation .post-title {
    grid-column: 1 / -1;
    grid-row: 2;
}

.pagination {
    border-top: 1px solid #1a1a1a;
}

.comments-title,
.comment-reply-title {
    border-top: none;
}

.widget {
    border-top: none;
}


/* for code — inline/block shell + hljs line numbers → OhiyoX Style Rules; hljs assets → Code_Highlight */


/* blockquote migrated to OhiyoX Style Rules */

#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
    clear: both;
}

.accordion-icon {
    display: inline-block;
    margin-inline-start: 0.45em;
    font-family: inherit;
    line-height: 1;
    transition: transform 0.2s ease-out;
}

.accordion-icon.rotate {
    transform: rotate(180deg);
}

.entry-content > :last-child, .entry-summary > :last-child, body:not(.search-results) .entry-summary > :last-child, .page-content > :last-child, .comment-content > :last-child, .textwidget > :last-child {
    margin-bottom: 0;
}

.jetpack-likes-widget-wrapper::after {
    display: none;
}


.comment-form .comment-form-cookies-consent label, .comments-area p {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 0.9rem;
}

/* Image base styles moved to OhiyoX Style Rules (Blog：正文图片基础样式). */

/* Tables migrated to OhiyoX Style Rules */

/* status/card image styles migrated to OhiyoX Style Rules */

.status-page {
    margin: 0 auto;
    width: calc(100% - 2.6em);
}


.status-page-header {
    align-items: center;
    display: flex;
    gap: 1em;
}

.status-page-header h1 {
    margin: 0;
}

.status-add-button {
    border: 1px solid currentColor;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.35em 0.8em;
}

.status-list {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    row-gap: 2em;
}

.status-list .status-item:not(:last-child) {
    border-bottom: 4px solid #f3f3f3;
    padding-bottom: 2em;
}

.status-item-header time {
    color: #c6c6c6;
    font-style: italic;
    font-weight: 700;
}

.status-item-header time.status-item-date--weekend {
    --status-weekend-underline-x: 0.2em;
    --status-weekend-underline-y: 0.3em;
    display: inline-block;
    position: relative;
    z-index: 0;
    text-decoration: none;
}

.status-item-header time.status-item-date--weekend::after {
    background: #ffeb3b;
    border-radius: 4px;
    bottom: calc(var(--status-weekend-underline-y));
    content: "";
    height: 0.4em;
    left: var(--status-weekend-underline-x);
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
}

@media screen and (min-width: 44.375em) {
    .status-list {
        column-gap: 2.5em;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 56.875em) {
    .status-page {
        margin-left: auto;
        margin-right: auto;
        width: 77%;
    }

    .status-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/**bottom-line**/
.home .site-main > article, .archive .site-main > article, .search .site-main > article {
    border-bottom: 4px solid #f3f3f3;
}

/*Archive By OhiyoX*/
ul.bycategories {
    margin: 0;
    padding: 0;
}

.bycategories li.cat-item{
    list-style: none;
}


.bycategories .cat-item a{
    font-size: 0.9em;
    margin: 5px;
    float: left;
    width:max-content;
    background: #eee;
    color: #464646;
    padding: 6px 10px;
    /*border:2px solid #dadada;*/
    box-shadow:0 0 3px #c3c3c3;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.bycategories .cat-item ol,
.bycategories .cat-item ul{
    display:block;
    margin-left:0;
}

.bycategories .cat-item li{
    display:block;
    margin-bottom:0.2em;
    margin-top:0.2em;
    padding:0;
    border-radius:0.3em;
}
.bycategories .cat-item li a{
    /*border:2px solid #e3e3e3;*/
    box-shadow:0 0 3px #dcdcdc;
}
.bycategories li a:hover{
    text-decoration: none;
    background: #246851;
    color: #fff;
}



.clear {
    clear: both;
}

@media screen and (max-width:56.875em){
    .archive-page {
        margin-left: 1.3em;
        margin-right: 1.3em;
    }
}

@media screen and (min-width:56.875em){
    .archive-page {
        margin-left: 23%;

    }
}

.site-main .archive-page {
    margin-top: -4em;
    border-bottom: none;
}

.archive-page h2 {
    margin-bottom: 0.3em;
    margin-top: 1em;
}

.archive-content {
    text-align: left;
}

.bymonths a {
    background: #eee;
    padding: 3px 16px;
    line-height: 2.4em;
    border-radius: 20px;
    text-align: left;
    margin: 0.3em 0;
}

.bymonths a:hover {
    text-decoration: none;
    background: #246851;
    color: #fff;
}

.archives-list .al_year {
    margin-bottom: 0.6em;
}

.archives-list h2 a {
    display: none;
    font-family: Montserrat, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
}

.archives-list .al_post_list {
    margin-bottom: 1em;
    margin-left: 0;
}

.archives-list .al_mon_list {
    margin-bottom: 1em;
}

.archives-list li {
    font-family: "Droid Sans Mono", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
    list-style: none;
    line-height: 1.4em;
    padding: 0.2em 0;
}

.archives-list .mon_posts,
.archives-list .year_posts {
    font-weight: normal;
    font-size: 0.7em;
    color: gray;
}

.archives-list .archive-mon {
    margin-bottom: 0.5em;
    background: #ffeb3bcf;
    padding-left: 0.3em;
    padding-right: 0.3em;
    border-radius: 4px;
    width: max-content;
    height: 0.8em;
}

.archive-mon .al_mon {
    position: relative;
    top: -10px;
    font-weight: bold;
}

.archives-list h3 {
    font-size: 1.5em;
    font-family: Montserrat, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
}

.archives-list .al_mon_list {
    margin-left: 0;
}

.archives-list table,
.archives-list tr,
.archives-list td {
    border: none;
    padding-left: 0;
}

.archives-list .archive-day {
    font-size: 0.9em;
}

.archives-list .al_title {
    display: block;
    padding-left: 3em;
}

.archives-list .al_day {
    float: left;
    width: 3em;
}

.archives-list .al_comment {
    width: 7em;
    text-align: right;
    font-size: 0.8em;
    color: gray;
}

/*dropdown*/
select#cat.postform {
    margin-left: 0.1em;
    width: 100%;
    border-radius: 18px;
    background-color: #fff;
    padding: 0.5em 0.6em;
    color: #246851;
}

.shit p {
    text-align: center;
    color: #0000;
    margin: 0;
}

/* for summary */

body:not(.search-results) .entry-summary {
    font-size: 1em;
    background-color: #f5f5f5;
    padding: 1em 1.3em;
}

@media screen and (max-width: 44.375em) {
    .home:not(.search-results) .entry-summary, .archive:not(.search-results) .entry-summary {
        margin-left: 0;
        padding: 1.3em 1.5em 1.3em 1.3em;
        border-radius: 0 20px 20px 0;
    }
}

@media screen and (min-width: 44.375em) {
    .shit p {
        margin-bottom: -1.5em;
    }
}

@media screen and (max-width: 44.375em) {
    .home .entry-content .more-link {
        font-size: .92em;
    }
}

/* .photography img migrated to OhiyoX Style Rules */

.site-footer .site-title:after, .site-footer .site-notice:after {
    content: "\002f";
    display: inline-block;
    font-family: Montserrat, sans-serif;
    opacity: 0.7;
    padding: 0 0.307692308em 0 0.538461538em;
}


/* redesign layout */
@media screen and (max-width: 44.375em) {
    .entry-header,
    .entry-summary,
    .entry-content,
    .entry-footer,
    .page-content {
        margin-right: 1.4em;
        margin-left: 1.4em;
    }

    .site-header {
        padding-left: 0.6em;
        padding-right: 0.6em;
    }

    .wp-block-quote {
        font-style: normal;
    }

    /*to modify the header and post title*/
    .site-header-main {
        padding: 0 1.3em 0.6em 1.3em;
    }

    /*header line*/
    .single .entry-title {
        padding-bottom: 0.5em;
        margin-bottom: 1.3em;
        border-bottom: 2px solid #939393;
    }

    pre {
        padding: 1.4em;
        border-left: none;
        border-right: none;
        margin: 0 -1.4em 1.75em;
        max-width: calc(100% + 3.6em);
        display: block;
    }

    pre code {
        padding: 1.4em !important;
        margin: -1.4em;
        box-shadow: none;
        white-space: nowrap;
        border-radius: 0;
        word-wrap: unset;
    }

    pre code::-webkit-scrollbar {
        display: none;
    }

    /* wp-block-code mobile migrated to OhiyoX Style Rules */

    /* comment */
    .al_comment {
        display: none;
    }
    /* featured image */
    .post-thumbnail {
        display: block;
        margin: 0 0 1.75em;
    }

    .page-header {
        border-top: 4px solid #f3f3f3;
        margin-left: 1.9em;
        margin-right:1.9em;
    }
    .entry-content > ol,
    .entry-content > ul {
        margin-left: 0;
    }
}

@media screen and (min-width: 44.375em) {
    .sidebar,
    .widecolumn {
        margin-bottom: 5.25em;
        padding-right: 7.6923%;
    }

    .entry-header,
    .post-thumbnail,
    .entry-content,
    .entry-summary,
    .comments-area,
    .image-navigation,
    .post-navigation,
    .pagination,
    .page-header,
    .page-content,
    .content-bottom-widgets {
        margin-right: 7.6923%;
    }
}

@media screen and (max-width: 56.875em) {
    .site-main > article {
        border-bottom: 4px solid #f3f3f3;
    }

    .widget button.search-submit {
        width: 46px;
    }

    .page .entry-content {
        margin-bottom: 1.5em;
    }

    .page .site-main {
        margin-bottom: 2em;
    }
}

@media screen and (min-width: 56.875em) {
    .content-area {
        width: 100%;
    }

    .entry-header,
    .post-thumbnail,
    .entry-content,
    .entry-summary,
    .comments-area,
    .image-navigation,
    .post-navigation,
    .pagination,
    .page-header,
    .page-content,
    .content-bottom-widgets {
        margin-right: 0;
    }

    .site-inner {
        max-width: 94%;
    }

    .sidebar {
        float: right;
        margin-left: 0;
        padding: 0;
        width: 30%;
    }

    .widget button.search-submit {
        width: 42px;
    }

    .no-sidebar .content-area{
        margin-left:0;
        width:calc(100% - 4.5455% * 2);
        padding-right:10%;
    }

    .page-template-custom-full-width.no-sidebar .content-area{
        margin-left:0;
        width:100%;
        padding-right:0;
    }

    .page-template-custom-full-width.page .entry-title,
    .page-template-custom-full-width.no-sidebar .entry-content,
    .page-template-custom-full-width.no-sidebar .entry-summary,
    .page-template-custom-full-width.no-sidebar .entry-footer,
    .page-template-custom-full-width.no-sidebar .comments-area,
    .page-template-custom-full-width.no-sidebar .page-content,
    .page-template-custom-full-width.no-sidebar .content-bottom-widgets {
        margin-right: 0;
        margin-left: 0;
    }

    .no-sidebar .entry-header,
    .no-sidebar .page-header,
    .no-sidebar .pagination{
        margin-left:0;
        margin-right:0;
    }
    .no-sidebar .page .entry-title,
    .no-sidebar .entry-content,
    .no-sidebar .entry-summary,
    .no-sidebar .entry-footer,
    .no-sidebar .comments-area,
    .no-sidebar .image-navigation,
    .no-sidebar .post-navigation,
    .no-sidebar .page-content,
    .no-sidebar .content-bottom-widgets {
        margin-right: 0;
        margin-left: 23%;
    }

    .widecolumn {
        padding-right: 0;
        padding-left: 0;
    }

}

@media screen and (max-width: 61.5625em) {
    .entry-footer {
        margin-bottom: 1.5em;
    }

    .entry-footer > span{
        line-height:2.2em;
    }

    .sidebar {
        padding-left: 4%;
    }

}

@media screen and (min-width: 61.5625em) {
    .content-area {
        float: left;
        width: 80%;
        /* padding-right:1.5em; */
    }

    .sidebar {
        float: left;
        margin-left: 80%;
        padding-left: 4%;
        width: 20%;
    }

    .entry-content {
        margin-right: 0;
    }

    .site-main > article {
        margin-bottom: 5.0em;
    }

    body:not(.search-results) article:not(.type-page) .entry-footer {
        float: left;
        padding-right: 0.6em;
        margin-top: 0.16em;
        width: 22%;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
        display: block;
        height: auto;
        margin: 0 0 1em;
        width: 49px;
    }

    body:not(.search-results) article:not(.type-page) .entry-content {
        float: right;
        width: 78%;
    }

    /* 	images */
    body:not(.search-results) article:not(.type-page) img.below-entry-meta,
    body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
        clear: both;
        display: block;
        float: none;
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
        width:300%;
    }

    .home .site-main > article, .archive .site-main > article, .search .site-main > article {
        padding-bottom: 2em;
        margin-bottom: 5em;
    }

    .comments-area,
    .image-navigation,
    .post-navigation,
    .page-header,
    .content-bottom-widgets {
        margin-right: 0;
        margin-left: 22%;
    }

    .page .comments-area {
        margin-left: 0;
    }

    .no-sidebar .comments-area {
        margin-left: 23%;
    }

    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
        float: left;
        margin-left: 23%;
        width:calc(100% - 23%);
    }

    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
        margin-right:0;
        margin-left: 0;
        width: 18%;
    }
}

/* widegt */
body.single .widget_text, body.page .widget_text {
    display: none;
}
.entry-content iframe{
    border:1px solid #929292;
    border-radius:3px;
}

.entry-content iframe.ifrm{
    width: 100%;
}

.page-template-custom-full-width.page .entry-content iframe.ifrm{
    height:90vh;
}