@charset "utf-8";

/*
 * File    : jt-strap.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY : 
 * A11Y
 * TYPOGRAPHY
 * BUTTON
 * LAZYLOAD
 * FORM
 * SINGLE LAYOUT
 * SEARCH
 * CATEGORY
 * PAGINATION
 * LIST COMPONENT
 * GRID LIST (BLOG)
 * SPLIT LIST (NEWS)
 * TEXT LIST (BOARD)
 * THUMB LIST (PRODUCTS)
 * IMBALANCE LIST (PORTFOLIO)
 * FLOATING MESSAGE
 * HOVER
 */



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

#skip a { width: 1rem; height: 1rem; position: absolute; left: -10000rem; top: auto; overflow: hidden; }
#skip a:focus { display: block; width: 100%; height: 50rem; padding: 0 24rem; position: fixed; top: 0; left: 0; font-size: var(--wp--preset--font-size--jt-08); line-height: 50rem; text-align: center; font-weight: var(--wp--custom--font-weight-jt-body); color: var(--wp--custom--color-jt-primary); background: var(--wp--custom--color-jt-secondary); z-index: 999; }

:focus:not(:focus-visible) :is( select, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=number], input[type=search], textarea, input[type=submit], input[type=button], button, a ) { outline: none; }



/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
.jt-typo--secondary { font-family: var(--wp--preset--font-family--jt-secondary); }

.jt-typo--01 { font-size: var(--wp--preset--font-size--jt-01); line-height: var(--wp--custom--line-height-jt-primary-01); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--02 { font-size: var(--wp--preset--font-size--jt-02); line-height: var(--wp--custom--line-height-jt-primary-02); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--03 { font-size: var(--wp--preset--font-size--jt-03); line-height: var(--wp--custom--line-height-jt-primary-03); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--04 { font-size: var(--wp--preset--font-size--jt-04); line-height: var(--wp--custom--line-height-jt-primary-04); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--05 { font-size: var(--wp--preset--font-size--jt-05); line-height: var(--wp--custom--line-height-jt-primary-05); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--06 { font-size: var(--wp--preset--font-size--jt-06); line-height: var(--wp--custom--line-height-jt-primary-06); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--07 { font-size: var(--wp--preset--font-size--jt-07); line-height: var(--wp--custom--line-height-jt-primary-07); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--08 { font-size: var(--wp--preset--font-size--jt-08); line-height: var(--wp--custom--line-height-jt-primary-08); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--09 { font-size: var(--wp--preset--font-size--jt-09); line-height: var(--wp--custom--line-height-jt-primary-09); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--10 { font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-primary-10); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }
.jt-typo--11 { font-size: var(--wp--preset--font-size--jt-11); line-height: var(--wp--custom--line-height-jt-primary-11); letter-spacing: var(--wp--custom--letter-spacing-jt-01); }

.jt-typo-secondary--01 { font-size: var(--wp--preset--font-size--jt-01); line-height: var(--wp--custom--line-height-jt-secondary-01); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--02 { font-size: var(--wp--preset--font-size--jt-02); line-height: var(--wp--custom--line-height-jt-secondary-02); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--03 { font-size: var(--wp--preset--font-size--jt-03); line-height: var(--wp--custom--line-height-jt-secondary-03); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--04 { font-size: var(--wp--preset--font-size--jt-04); line-height: var(--wp--custom--line-height-jt-secondary-04); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--05 { font-size: var(--wp--preset--font-size--jt-05); line-height: var(--wp--custom--line-height-jt-secondary-05); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--06 { font-size: var(--wp--preset--font-size--jt-06); line-height: var(--wp--custom--line-height-jt-secondary-06); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--07 { font-size: var(--wp--preset--font-size--jt-07); line-height: var(--wp--custom--line-height-jt-secondary-07); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--08 { font-size: var(--wp--preset--font-size--jt-08); line-height: var(--wp--custom--line-height-jt-secondary-08); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--09 { font-size: var(--wp--preset--font-size--jt-09); line-height: var(--wp--custom--line-height-jt-secondary-09); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--10 { font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-secondary-10); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }
.jt-typo-secondary--11 { font-size: var(--wp--preset--font-size--jt-11); line-height: var(--wp--custom--line-height-jt-secondary-11); letter-spacing: var(--wp--custom--letter-spacing-jt-02); }



/* **************************************** *
 * BUTTON
 * **************************************** */
.jt-btn__text { display: inline-block; vertical-align: middle; position: relative; font-family: var(--wp--preset--font-family--jt-secondary); font-size: var(--wp--preset--font-size--jt-08); line-height: var(--wp--custom--line-height-jt-secondary-08); letter-spacing: var(--wp--custom--letter-spacing-jt-02); font-weight: var(--wp--custom--font-weight-jt-button); color: var(--wp--custom--color-jt-button-secondary); border-bottom: 1px solid var(--wp--custom--color-jt-button-secondary); transition: opacity .3s; cursor: pointer; }



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] { opacity: 0; transition: opacity .3s; }
.jt-lazyload--loaded img[data-unveil], img[data-unveil].jt-lazyload--loaded { opacity: 1 }

.jt-lazyload { position: relative; overflow: hidden; }
.jt-lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.jt-lazyload.jt-lazyload--loaded img, .jt-lazyload img.jt-lazyload--loaded { height: auto; }

/* COLOR PREVIEW */
.jt-lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: color-mix(in srgb, var(--wp--custom--color-jt-secondary) 90%, var(--wp--custom--color-jt-primary)); }
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview { background: transparent; transition: background-color .1s; transition-delay: .3s }



/* **************************************** *
 * FORM
 * **************************************** */
/* SELECT */
.jt-choices__wrap { position: relative; }

html.desktop .jt-choices { opacity: 0; }

.choices { margin-bottom: 0; font-size: var(--wp--preset--font-size--jt-10); }
.choices__inner { display: block; min-height: inherit; padding: 9rem 0; padding-inline-start: 19rem; padding-inline-end: 50rem; font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-primary-10); font-weight: normal; letter-spacing: var(--wp--custom--letter-spacing-jt-01); color: var(--wp--custom--color-jt-primary); background: var(--wp--custom--color-jt-secondary); border: 1px solid var(--wp--custom--color-jt-primary); border-radius: var(--wp--custom--radius-jt-01); }

.choices[data-type*=select-one] .choices__inner { padding-bottom: 9rem; }
.choices[data-type*=select-one]::after { width: 50rem; height: 20rem; margin: 0; right: 0; top: 50%; font-family: var(--wp--preset--font-family--jt-icon); content: '\e921'; font-size: 16rem; line-height: 20rem; font-weight: normal; text-align: center; border: none; transform: translateY(-50%); transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform; }

.choices__list--single { display: block; padding: 0; }

.choices__placeholder { opacity: 1; }

.choices__list--dropdown, 
.choices__list[aria-expanded] { background: var(--wp--custom--color-jt-secondary); border: solid var(--wp--custom--color-jt-primary); border-width: 0px 1px 1px 1px; border-radius: 0 0 var(--wp--custom--radius-jt-01) var(--wp--custom--radius-jt-01); }
.choices__list--dropdown .choices__item, 
.choices__list[aria-expanded] .choices__item { padding: 8rem 19rem; font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-primary-10); font-weight: normal; letter-spacing: var(--wp--custom--letter-spacing-jt-01); color: var(--wp--custom--color-jt-primary); transition: background-color .3s; }
.choices__list--dropdown .choices__item:after { display: none; }

.is-focused .choices__inner, 
.is-open .choices__inner { border-color: inherit; }

.choices[data-type*=select-one].is-open::after { margin-top: 0; border: none; transform: translateY(-50%) rotate(-180deg); }
.is-open .choices__inner { border-bottom-color: transparent; border-radius: var(--wp--custom--radius-jt-01) var(--wp--custom--radius-jt-01) 0 0; }
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] { border-color: inherit; }

.is-open.is-flipped .choices__inner { border-bottom-color: inherit; border-top-color: transparent; border-radius: 0 0 var(--wp--custom--radius-jt-01) var(--wp--custom--radius-jt-01); }
.is-open.is-flipped .choices__list--dropdown, 
.is-open.is-flipped .choices__list[aria-expanded] { border-width: 1px 1px 0px 1px; border-radius: var(--wp--custom--radius-jt-01) var(--wp--custom--radius-jt-01) 0 0; }

.choices__list--dropdown .choices__item--selectable.is-highlighted, 
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background: color-mix(in srgb, var(--wp--custom--color-jt-secondary) 90%, var(--wp--custom--color-jt-primary)); }

html.mobile .jt-choices__wrap { background: var(--wp--custom--color-jt-secondary); overflow: hidden; border: 1px solid var(--wp--custom--color-jt-primary); border-radius: var(--wp--custom--radius-jt-01); }
html.mobile .jt-choices__wrap:before { width: 50rem; height: 20rem; position: absolute; right: 0; top: 50%; font-family: var(--wp--preset--font-family--jt-icon); content: '\e921'; font-size: 16rem; line-height: 20rem; font-weight: normal; text-align: center; transform: translateY(-50%); }
html.mobile .jt-choices__wrap:after { content: attr(data-select); display: block; width: 100%; padding: 9rem 0; padding-inline-start: 19rem; padding-inline-end: 50rem; position: absolute; top: 0; left: 0; font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-primary-10); font-weight: normal; letter-spacing: var(--wp--custom--letter-spacing-jt-01); color: var(--wp--custom--color-jt-primary); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; }
html.mobile .jt-choices__wrap > select { appearance: none; width: 100%; margin: 0; padding: 9rem 0; padding-inline-start: 19rem; padding-inline-end: 50rem; position: relative; font-family: var(--wp--preset--font-family--jt-primary); font-size: var(--wp--preset--font-size--jt-10); line-height: var(--wp--custom--line-height-jt-primary-10); font-weight: normal; letter-spacing: var(--wp--custom--letter-spacing-jt-01); color: transparent; background: transparent; border: none; outline: none; opacity: 1; box-shadow: none; box-sizing: border-box; z-index: 2; }

/* BROWSER SUPPORT */
html.mac .choices__inner { padding-top: 8rem; }
html.mobile.mac .jt-choices__wrap:after,
html.mobile.mac .jt-choices__wrap > select { padding-top: 8rem; }

html.mobile.ios .jt-choices__wrap:before { top: 50%; }
html.mobile.ios .jt-choices__wrap:after,
html.mobile.ios .jt-choices__wrap > select { padding-bottom: 10rem; }

/* RTL */
html[dir=rtl] .choices[data-type*=select-one]::after { right: inherit; left: 0; }

html[dir=rtl] .choices__list--single { padding: 0; }

html[dir=rtl] .choices__list--dropdown .choices__item, 
html[dir=rtl] .choices__list[aria-expanded] .choices__item { padding-left: 19rem; padding-right: 19rem; }

html[dir=rtl].mobile .jt-choices__wrap:before { right: inherit; left: 0; }



/* **************************************** *
 * SINGLE LAYOUT
 * **************************************** */
.jt-single__header { margin-bottom: var(--wp--preset--spacing--jt-09); text-align: center; }
.jt-single__title { font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-single__date { display: block; margin-top: var(--wp--preset--spacing--jt-05); font-weight: var(--wp--custom--font-weight-jt-date); }



/* **************************************** *
 * SEARCH
 * **************************************** */
.jt-search { margin: 0 auto var(--wp--preset--spacing--jt-09); }
.alignfull .jt-search { max-width: var(--wp--style--global--content-size); }

/* INPUT + LABEL */
.jt-search__bundle { position: relative; }

.jt-search__field { width: 100%; position: relative; }
.jt-search__input { display: block; width: 100%; height: 62rem; margin: 0; padding-bottom: 4rem; padding-inline-start: 54rem; padding-inline-end: 70rem; font-size: var(--wp--preset--font-size--jt-08); line-height: var(--wp--custom--line-height-jt-primary-08); letter-spacing: var(--wp--custom--letter-spacing-jt-01); font-weight: var(--wp--custom--font-weight-jt-body); color: var(--wp--custom--color-jt-primary); text-overflow: ellipsis; background: color-mix(in srgb, var(--wp--custom--color-jt-secondary) 90%, var(--wp--custom--color-jt-primary)); border: none; border-radius: var(--wp--custom--radius-jt-01); outline: none; opacity: 1; box-sizing: border-box; }

.jt-search__label { position: absolute; top: 16rem; left: 54rem; font-size: var(--wp--preset--font-size--jt-08); line-height: var(--wp--custom--line-height-jt-primary-08); letter-spacing: var(--wp--custom--letter-spacing-jt-01); font-weight: var(--wp--custom--font-weight-jt-body); color: var(--wp--custom--color-jt-primary); opacity: 0.5; transition: opacity .26s; cursor: text; }

/* SUBMIT */
.jt-search__submit { display: block; width: 32rem; height: 32rem; margin: 0; padding: 0; position: absolute; left: 16rem; top: 50%; background: none; border: none; cursor: pointer; transform: translateY(-50%); transition: opacity .3s; }
.jt-search__submit:after { display: block; position: absolute; top: 50%; left: 50%; font-family: var(--wp--preset--font-family--jt-icon); content: '\e99b'; font-size: 24rem; line-height: 1; font-weight: normal; color: var(--wp--custom--color-jt-primary); transform: translate(-50%, -50%); }

/* CLEAR */
.jt-search__reset { display: block; width: 32rem; height: 32rem; margin: 0; padding: 0; position: absolute; right: 20rem; top: 50%; background: none; border: none; cursor: pointer; transform: translateY(-50%); opacity: 0; transition: opacity .15s; }
.jt-search__reset:before { content: ''; width: 22rem; height: 22rem; position: absolute; top: 50%; left: 50%; background: var(--wp--custom--color-jt-secondary); border-radius: 50%; transform: translate(-50%, -50%); }
.jt-search__reset:after { display: block; position: absolute; top: 50%; left: 50%; font-family: var(--wp--preset--font-family--jt-icon); content: '\e99c'; font-size: 24rem; line-height: 1; font-weight: normal; color: var(--wp--custom--color-jt-primary); transform: translate(-50%, -50%); transition: opacity .3s; }

/* ACTIVE */
.jt-search__bundle.jt-search--active .jt-search__label { opacity: 0; visibility: hidden; }
.jt-search__bundle.jt-search--active .jt-search__reset { opacity: 1; visibility: visible; }

/* BROWSER SUPPORT */
html.mac .jt-search__input { padding-bottom: 0; }

html.ios .jt-search__input { padding-bottom: 2rem; }

/* RTL */
html[dir="rtl"] .jt-search__label { left: inherit; right: 54rem; }
html[dir="rtl"] .jt-search__submit { left: inherit; right: 16rem; }
html[dir="rtl"] .jt-search__reset { right: inherit; left: 20rem; }



/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt-category { display: flex; justify-content: end; margin-bottom: var(--wp--preset--spacing--jt-05); }

.jt-category .jt-choices__wrap { width: 182rem; }



/* **************************************** *
 * PAGINATION
 * **************************************** */
.jt-pagination { margin-top: var(--wp--preset--spacing--jt-10); font-size: 0; text-align: center; }
.jt-pagination:empty { margin-top: 0; }

.jt-pagination .jt-pagination__numbers { display: inline-block; vertical-align: top; min-width: 26rem; height: 26rem; margin: 0 5rem; position: relative; font-size: var(--wp--preset--font-size--jt-10); line-height: 26rem; font-weight: bold; letter-spacing: var(--wp--custom--letter-spacing-jt-01); color: color-mix(in srgb, var(--wp--custom--color-jt-secondary) 50%, var(--wp--custom--color-jt-primary)); transition: color .3s; }
.jt-pagination .jt-pagination__numbers:before { content: ''; display: block; width: 47%; height: 2rem; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); box-sizing: border-box; }
.jt-pagination .jt-pagination__numbers:is(.jt-pagination--prev, .jt-pagination--next, .jt-pagination--first, .jt-pagination--last):after { display: block; position: absolute; top: 50%; left: 50%; font-family: var(--wp--preset--font-family--jt-icon); font-size: 12rem; line-height: 1; font-weight: normal; color: var(--wp--custom--color-jt-primary); transform: translate(-50%, -50%); }
.jt-pagination .jt-pagination__numbers.jt-pagination--prev { margin-left: 4rem; margin-right: 7rem; }
.jt-pagination .jt-pagination__numbers.jt-pagination--prev:after { content: '\e997'; }
.jt-pagination .jt-pagination__numbers.jt-pagination--next { margin-left: 7rem; margin-right: 4rem; }
.jt-pagination .jt-pagination__numbers.jt-pagination--next:after { content: '\e998'; }
.jt-pagination .jt-pagination__numbers.jt-pagination--first,
.jt-pagination .jt-pagination__numbers.jt-pagination--last { margin-left: 4rem; margin-right: 4rem; }
.jt-pagination .jt-pagination__numbers.jt-pagination--first:after { content: '\e996'; }
.jt-pagination .jt-pagination__numbers.jt-pagination--last:after { content: '\e999'; }

.jt-pagination .jt-pagination__numbers.jt-pagination--current { color: var(--wp--custom--color-jt-primary); }
.jt-pagination .jt-pagination__numbers.jt-pagination--current:before { background: var(--wp--custom--color-jt-primary); }

/* RTL */
html[dir=rtl] .jt-pagination .jt-pagination__numbers:is(.jt-pagination--prev, .jt-pagination--next, .jt-pagination--first, .jt-pagination--last):after { transform: translate(-50%, -50%) rotate(180deg); }



/* **************************************** *
 * LIST COMPONENT
 * **************************************** */
.jt-list-nothing { margin: 0 auto; padding: 0 var(--wp--preset--spacing--jt-06); text-align: center; }
.alignfull .jt-list-nothing { max-width: var(--wp--style--global--content-size); }

.jt-list-nothing b { display: block; font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-list-nothing p { padding-top: var(--wp--preset--spacing--jt-05); font-weight: var(--wp--custom--font-weight-jt-body); }



/* **************************************** *
 * GRID LIST (BLOG)
 * **************************************** */
.jt-grid-list { display: grid; }

.jt-grid-list--two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--jt-10) var(--wp--preset--spacing--jt-06); }
.jt-grid-list--three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--jt-09) var(--wp--preset--spacing--jt-06); }

.jt-grid-list__link { color: inherit; }

.jt-grid-list__picture { border-radius: var(--wp--custom--radius-jt-01); overflow: hidden; }
.jt-grid-list__picture .jt-lazyload img { height: 100%; object-fit: cover; }

.jt-grid-list__content { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-02); margin-top: var(--wp--preset--spacing--jt-05); }
.jt-grid-list__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-grid-list__title > span { border-bottom: 1px solid transparent; transition: border .3s; }
.jt-grid-list__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-body); word-break: break-all; }



/* **************************************** *
 * SPLIT LIST (NEWS)
 * **************************************** */
.jt-split-list { border-top: 1px solid var(--wp--custom--color-jt-primary); }

.jt-split-list__item { border-bottom: 1px solid var(--wp--custom--color-jt-primary); }
.jt-split-list__link { display: flex; gap: var(--wp--preset--spacing--jt-08); padding: var(--wp--preset--spacing--jt-08) 0; color: inherit; }
.jt-split-list__link > * { flex-basis: 0; flex-grow: 1; }

.jt-split-list__picture { overflow: hidden; }
.jt-split-list__picture .jt-lazyload { border-radius: var(--wp--custom--radius-jt-01); }
.jt-split-list__picture .jt-lazyload img { height: 100%; object-fit: cover; }
.jt-split-list__picture .jt-lazyload__color-preview { background: var(--wp--custom--color-jt-secondary); }

.jt-split-list__content { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-05); }
.jt-split-list__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-split-list__title > span { border-bottom: 1px solid transparent; transition: border .3s; }
.jt-split-list__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-body); word-break: break-all; }
.jt-split-list__date { display: block; font-weight: var(--wp--custom--font-weight-jt-date); }

/* RTL */
html[dir=rtl] .jt-split-list__link { flex-direction: row-reverse; }



/* **************************************** *
 * TEXT LIST (BOARD)
 * **************************************** */
.jt-text-list { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-10); margin-top: var(--wp--preset--spacing--jt-09); }

.jt-text-list__link { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-02); padding-bottom: var(--wp--preset--spacing--jt-05); color: inherit; border-bottom: 1px solid transparent; transition: border .3s; }

.jt-text-list__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-text-list__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-body); word-break: break-all; }
.jt-text-list__date { display: block; font-weight: var(--wp--custom--font-weight-jt-date); }



/* **************************************** *
 * THUMB LIST (PRODUCTS)
 * **************************************** */
.jt-thumb-list { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-10); }

.jt-thumb-list__picture { border-radius: var(--wp--custom--radius-jt-01); overflow: hidden; }
.jt-thumb-list__picture .jt-lazyload img { height: 100%; object-fit: cover; }

.jt-thumb-list__content { display: flex; flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--jt-07); margin-top: var(--wp--preset--spacing--jt-08); }
.jt-thumb-list__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-heading); }
.jt-thumb-list__desc { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: var(--wp--custom--font-weight-jt-body); word-break: break-all; }



/* **************************************** *
 * IMBALANCE LIST (PORTFOLIO)
 * **************************************** */
.jt-imbalance-list { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--jt-10); }

.jt-imbalance-list__item--primary,
.jt-imbalance-list__item--fourth { width: calc( 50% - ( var(--wp--preset--spacing--jt-06) / 2 ) ); }
.jt-imbalance-list__item--secondary,
.jt-imbalance-list__item--third { width: calc((50% - (var(--wp--preset--spacing--jt-06) / 2)) * 0.72); }
.jt-imbalance-list__item--secondary,
.jt-imbalance-list__item--fourth { margin-left: auto; margin-top: calc(((50% - var(--wp--preset--spacing--jt-06) / 2) * 0.614 + var(--wp--preset--spacing--jt-10)) * -1); }

.jt-imbalance-list__link { display: block; color: inherit; }

.jt-imbalance-list__picture { border-radius: var(--wp--custom--radius-jt-01); overflow: hidden; }
.jt-imbalance-list__picture .jt-lazyload img { height: 100%; object-fit: cover; }

.jt-imbalance-list__content { margin-top: var(--wp--preset--spacing--jt-05); }
.jt-imbalance-list__title { font-weight: var(--wp--custom--font-weight-jt-heading); text-overflow: ellipsis; overflow: hidden; }
.jt-imbalance-list__title > span { border-bottom: 1px solid transparent; transition: border .3s; }

/* RTL */
html[dir=rtl] .jt-imbalance-list { direction: ltr; }
html[dir=rtl] .jt-imbalance-list__content { text-align: right; }



/* **************************************** *
 * FLOATING MESSAGE
 * **************************************** */
.jt-floating-message { display: none; width: 280rem; position: fixed; right: 20rem; bottom: 20rem; text-align: center; background: #E8FD65; border: 2rem solid #111; border-radius: 8rem; z-index: 500; }

.jt-floating-message__link { display: block; padding: 50rem 24rem 60rem; color: #111; }
.jt-floating-message__title { display: block; margin-bottom: 16rem; pointer-events: none; }
.jt-floating-message__content { text-wrap: balance; pointer-events: none; }

.jt-floating-message__reject { display: block; margin: 0; padding: 6rem 8rem; position: absolute; left: 50%; bottom: 11rem; color: #111; background: transparent; border: none; translate: -50% 0; cursor: pointer; transition: opacity .3s; }
.jt-floating-message__reject > span { white-space: pre; border-bottom: 1px solid #111; }

.jt-floating-message__close { display: block; width: 24rem; height: 24rem; padding: 0; position: absolute; top: 14rem; right: 14rem; background: transparent; border: none; cursor: pointer; transition: opacity .3s; }
.jt-floating-message__close svg { display: block; width: 100%; height: auto; }
.jt-floating-message__close svg path { fill: #111; }

/* RTL */
html[dir=rtl] .jt-floating-message { right: inherit; left: 20rem; }
html[dir=rtl] .jt-floating-message__close { right: inherit; left: 14rem; }



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

    /* BUTTON */
    .jt-btn__text:hover { opacity: 0.8; }

    /* SEARCH */
    .jt-search__submit:hover { opacity: 0.8; }

    .jt-search__reset:hover:after { opacity: 0.8; }

    /* PAGINATION */
    .jt-pagination .jt-pagination__numbers:hover { color: var(--wp--custom--color-jt-primary); }

    /* LISTS */
    .jt-grid-list__link:hover .jt-grid-list__title > span { border-color: var(--wp--custom--color-jt-primary); }

    .jt-split-list__link:hover .jt-split-list__title > span { border-color: var(--wp--custom--color-jt-primary); }

    .jt-text-list__link:hover { border-color: var(--wp--custom--color-jt-primary); }

    .jt-imbalance-list__link:hover .jt-imbalance-list__title > span { border-color: var(--wp--custom--color-jt-primary); }

    /* FLOATING MESSAGE */
    .jt-floating-message__reject:hover { opacity: 0.6; }

    .jt-floating-message__close:hover { opacity: 0.6; }

}