:root {
	--cnvs-themecolor: #08B6D0;
	--cnvs-themecolor-rgb: 8, 118, 202;
}

.line {
    margin-top: 0px;
    margin-bottom: 2rem;
}

#header-wrap {
    border-bottom: 0px;
}

#header:not(.sticky-header) #header-wrap .header-row {
	border-top: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
	border-bottom: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
}

/* make left header button transparent when search is open */
.top-search-open #header-left {
    opacity: 0;
}
body:not(.top-search-open) #header-left {
    opacity: 1;
    transition: padding 0.4s ease, margin 0.4s ease, opacity 0.2s 0.2s ease;
}

.button.button-mini {
    --cnvs-btn-padding-x: 0.475rem;
    --cnvs-btn-padding-y: 0.15rem;
    --cnvs-btn-fontsize: 0.55rem;
}

.entry {
	margin-bottom:	10px;
}


/* change color depending on section */
.entry-title-blog h2 a {
	color: #08B6D0;
}
.entry-title-library h2 a {
	color: #6991ac;
}
.entry-title-memos h2 a {
	color: #666;
}

div.entry-title h3 a {
        font-size: 18px !important;
        color: #08B6D0 !important;
        margin-top: 0px !important;
}


/* things done on smartphones */
@media (max-width: 768px) {
        /* don't show excepts on mobile */
        .entry-content { 
                display: none;
        }

        /* make entry title in list.html smaller than desktop*/
        .entry-title.title-sm h2 {
                /* --cnvs-post-title-font-size: 0.3rem !important; */
                font-size: 16px !important;
                font-weight: 700;
        }


        .entry-meta {
                margin-top: 0px;
                font-size: 12px;
        }

        /* single のタイトル */
        div.entry > div.entry-title > h2 {
                font-size: 1.5rem;
        }
        div.entry > div.entry-title > h3 {
                font-size: 1.0rem;
        }

}