@charset "utf-8";

/*
 * File    : sub-publication.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * PUBLICATION
 * HOVER
 */



/* **************************************** *
 * PUBLICATION
 * **************************************** */
body.page-template-publication .article__section { padding-top: 0; }

/* LIST */
.publication__container { display: flex; gap: 64rem; --sticky-top: 80rem; --sticky-padding: 23rem; }
.publication__sticky { flex: 1; }
.publication__sticky-inner { position: sticky; top: var(--sticky-top); padding: var(--sticky-padding); padding-right: calc(var(--sticky-padding) / 2); border: 1px solid var(--color-gray-400); border-radius: 24rem; }
.publication__content { max-width: 880rem; width: 74.58%; }
.publication__category { max-height: calc(var(--full-height, 100vh) - var(--sticky-top) - (var(--sticky-padding) * 2)); padding-right: calc(var(--sticky-padding) / 2); overflow: auto; }
html.win .publication__category { overflow: overlay; }
html.win .publication__category::-webkit-scrollbar { width: 8rem; background: transparent; }
html.win .publication__category::-webkit-scrollbar-track { background: transparent; }
html.win .publication__category::-webkit-scrollbar-thumb { background: var(--color-gray-700); border-radius: 99rem; }
html.ff .publication__category { scrollbar-width: thin; }
.publication__category-item + .publication__category-item { margin-top: 32rem; padding-top: 32rem; border-top: 1px solid var(--color-gray-400); }
.publication__category-title { display: block; margin-bottom: 12rem; }
.publication__category .jt-checkbox { flex-direction: column; gap: 6rem; }
.publication__search { margin-bottom: 36rem; }
.publication__utils { display: flex; justify-content: space-between; gap: 40rem; margin-bottom: 12rem; }
.publication__utils .jt-list-count { margin-bottom: 0; }
.publication__list > li + li { margin-top: 24rem; }
.publication__list > li > a { display: block; padding: 40rem; background: var(--color-gray-200); border-radius: 16rem; transition: background .3s; }
.publication__item-category  { display: flex; gap: 8rem; flex-wrap: wrap; }
.publication__item-category > span { padding: 4rem 20rem; border-radius: 18rem; background: #E8EAF7; color: var(--color-primary); }
.publication__item-category > span.publication__item-category--type { background: var(--color-white); color: var(--color-gray-800); }
.publication__item-title { margin-top: 16rem; color: var(--color-black); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.publication__item-data { display: flex; gap: 24rem; margin-top: 32rem; color: var(--color-gray-700); }
.publication__item-data > * { position: relative; white-space: nowrap; }
.publication__item-data > *:nth-child(n+2):before { content: ''; position: absolute; left: -12rem; top: calc(var(--font-lineheight-primary-07) / 2); width: 4rem; height: 4rem; border-radius: 50%; translate: -50% -50%; background: currentColor;}
.publication__item-data > span { overflow: hidden; text-overflow: ellipsis; }

/* SINGLE */
.publication__authors { border-radius: 16rem; background: var(--color-gray-200); padding: 24rem 40rem; margin-bottom: 60rem; }
.publication__authors b { display: block; margin-bottom: 8rem; color: var(--color-black); }
.publication__authors p { color: var(--color-gray-800); }

.publication__outlink { display: flex; flex-wrap: wrap; gap: 8rem; justify-content: center; margin-top: 80rem; }
.publication__outlink .jt-btn__basic > span { font-size: var(--font-size-primary-07); line-height: var(--font-lineheight-primary-07); }

body.single-publication .jt-single__control { border-top-width: 2px; }



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    .publication__list > li > a:hover { background: var(--color-gray-300); }

}