.plp-divider-line-variant-1 {
    padding-top: 20px;
    background-image: url(/assets/images/top/border-line.svg);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: top center;
    line-height: .85em;
    font-size: 26px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 20px 0;
    font-weight: 600;
    text-transform: uppercase;
}
.plp-divider {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 400;
    font-weight: 600;
    text-transform: uppercase;
    margin: 26px 20px 20px;
}
@media (min-width: 835px) {
    .plp-divider {
        font-size: 26px;
        line-height: 1.3em;
        margin: 42px 20px 20px;
    }
}

@media (min-width: 835px) {
    .breadcrumb {
        padding-top: 32px;
        padding-bottom: 2px;
        margin: 0;
    }
}

/* journal list */
.journal-hub-page {
    margin: 10px 20px 0;
}
.journal-hub-grid {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: repeat(2, 1fr);
}
.journal-hub-grid .item {
    display: block;
    color: #000;
    text-decoration: none;
}
.journal-hub-grid .item .image {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.journal-hub-grid .item .image img {
    width: 100%;
    display: block;
    transition: filter .2s ease-in-out;
}
.journal-hub-grid .item:hover .image img {
    -webkit-filter: grayscale(100%) contrast(2.5);
    filter: grayscale(100%) contrast(2.5);
}
.journal-hub-grid .item:hover .caption .caption-title span {
    border-bottom: 1px solid #000;
}
.journal-hub-grid .item .image:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.03);
    opacity: 0;
    transition: opacity .2s ease-in-out;
}
.journal-hub-grid .item .caption {
    font-weight: 500;
    text-transform: lowercase;
    padding-top: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1.3em;
}
.journal-hub-grid .item .caption * {
    font-weight: 500;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 1.3em;    
}
.journal-hub-grid .item .caption .caption-date:before {
    content: "(";
}
.journal-hub-grid .item .caption .caption-date:after {
    content: ")";
}

.journal-pagination {
    text-align: center;
    font-weight: 500;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 1.3em;
    margin: 60px 0 0;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.journal-pagination a {
    color: #666666;
}
.journal-pagination .active a {
    color: #000000;
}
.journal-pagination svg {
    width: 10px;
}

@media (min-width: 835px) {
    .journal-hub-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .journal-hub-grid .item .image {
        border-radius: 35px;
    }
}

/* journal detail */
.journal-post-page {
    margin: 40px 20px 0;
}
.journal-post-grid {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 80px;
    font-weight: 500;
}
.journal-post-grid .item {
    display: block;
    color: #000;
    text-decoration: none;
    margin-left: 0;
}
.journal-post-grid .item.item-span-2 {
    grid-column: span 2;
}
.journal-post-grid .item.item-span-3 {
    grid-column: span 3;
}
.journal-post-grid .item.item-span-4 {
    grid-column: span 4;
}
.journal-post-grid .item.item-text .text-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    font-weight: 500;
    font-size: 14px;
}
.journal-post-grid .item.item-text p {
    margin: 0 0 0.5em;
    font-weight: 500;
    font-size: 14px;
}
.journal-post-grid .item.item-image .caption p {
    margin: 10px 0 0;
    font-weight: 500;
    font-size: 14px;
}
.journal-post-grid .item.item-image img {
    width: 100%;
    display: block;
}
.journal-post-grid .item.item-image.item-image-rounded img {
    border-radius: 25px;
}

.journal-items {
    margin-top: 80px;
}
.journal-recommend-items .new-item-header {
    background-image: none;
    padding-top: 20px;
    border-top: 1px solid #000;
    padding-top: 10px;
    line-height: .85em;
    font-size: 26px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 42px 20px 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.journal-item-slider {
    margin-top: 28px;
}

@media (min-width: 835px) {
    .journal-post-page {
        margin: 10px 20px 0;
    }
    .journal-post-grid {
        grid-template-columns: repeat(4, 1fr);
        margin: 0 0 120px;
    }    
    .journal-post-grid .item.item-text p {
        width: 83.333%;
    }
    .journal-post-grid .item.item-image.item-image-rounded img {
        border-radius: 35px;
    }
    .journal-items .journal-item-slider{
        margin-left: 20px;
        margin-right: 20px;
    }
    .journal-post-grid.pc_type1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .journal-post-grid.pc_type1 .item-text {
        order: 2;
        display: none;
    }
    .journal-post-grid.pc_type1 .item-image {
        order: 1;    
    }
    .journal-post-grid.pc_type2 .item-text  {
        order: 1;
    }
    .journal-post-grid.pc_type2 .item-image {
        order: 2;    
    }
    .journal-post-grid.pc_type3 .item-text  {
        order: 2;
    }
    .journal-post-grid.pc_type3 .item-image {
        order: 1;    
    }
    .journal-post-grid.journal-post-grid-mdl {
        grid-template-columns: repeat(1, 1fr);
        margin: -40px 0 80px;
    }
    .journal-post-grid.journal-post-grid-mdl .item-text{
        font-weight: 500;
        font-size: 14px;
    }
    .journal-post-grid.journal-post-grid-mdl .item-text p {
        width: 100%;
    }
}
@media (max-width: 834px) {
    .journal-recommend-items .new-item-header {
        padding-top: 10px;
    }
    .journal-recommend-items .new-item-header-title {
        width: calc(100% - 92px);
        word-break: break-all;
    }
    .journal-recommend-items .featured-slider .slick-prev,
    .journal-recommend-items .featured-slider .slick-next {
        top: -40px;
    }
    .journal-post-grid .item.item-span-3,
    .journal-post-grid .item.item-span-4 {
        grid-column: span 2;
    }
    .journal-post-grid.sp_type1 {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px 0;
    }
    .journal-post-grid.sp_type1 .item-text {
        order: 2;
    }
    .journal-post-grid.sp_type1 .item-image {
        order: 1;    
    }
    .journal-post-grid.sp_type2 {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px 0;
    }
    .journal-post-grid.sp_type2 .item-text {
        order: 1;
    }
    .journal-post-grid.sp_type2 .item-image {
        order: 2;    
    }
    .journal-post-grid.journal-post-grid-mdl {
        grid-template-columns: repeat(1, 1fr);
        margin: -40px 0 40px;
    }
    .journal-post-grid.journal-post-grid-mdl .item-text{
        font-weight: 500;
        font-size: 14px;
    }
    .journal-post-grid.journal-post-grid-mdl .item-text p {
        width: 100%;
    }
}
@media (max-width: 400px) {
    .journal-recommend-items .featured-slider .slick-prev,
    .journal-recommend-items .featured-slider .slick-next {
        top: -51px;
    }
}

.pswp__bg {
    background: #fff;
    opacity: 1!important;
}
.pswp__counter {
    position: fixed;
    color: #000;
    z-index: 1000;
    height: 30px;
    margin: 18px 0 0 20px;
    margin-right: auto;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
}
.pswp__top-bar {
    background: #fff;
}
.pswp__top-bar, .pswp__caption {
    background: none;
}
.pswp__ui .pswp__button--close {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20190%20190%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlnsxlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M28.6%2C16.5c28.3%2C26.9%2C56.7%2C53.8%2C85%2C80.7c18.2%2C15.4%2C34.8%2C32.3%2C49.8%2C50.7c4.8%2C6.9%2C10.4%2C11.3%2C4.1%2C19.7%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.5%2C179.6c24.8-42.4%2C53.2-82.1%2C85.2-119.2c11.8-4.4%2C22.7-10.5%2C32.6-18.3c11.9-9.7%2C20.3-23.3%2C33.2-31.7%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center/ 13px;
    margin-right: 6px;
}
.pswp__button--arrow--left:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20190%20190%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlnsxlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M117.2%2C173.3c-19.1-16.2-53-50-79.3-66.2c1.1-4.4%2C4.2-6.7%2C7.6-10c16.8-16.9%2C34-33.5%2C51.1-50.2%20c11.7-11.4%2C25.4-23.8%2C35.2-36.8c-1.9%2C0.8-3.7%2C1.6-5.6%2C2.5%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center / contain!important;    
}
.pswp__button--arrow--right:before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20190%20190%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlnsxlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M63.9%2C6c15.5%2C23.1%2C31.3%2C45.9%2C48%2C68.1c8.5%2C11.3%2C23.5%2C23.6%2C28%2C37c-19.2%2C16.6-41.5%2C31.7-62.2%2C46.5%20c-10.2%2C7.3-29.4%2C23.7-43.3%2C25.6%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center / contain!important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background-size: 15px !important;
}
@media (min-width: 835px) {
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        background-size: 10px !important;
    }
}