/*=========================================================

    archive

=========================================================*/

/* archive header */
.archive-header {
    padding: 4em 1.5em;
    text-align: center;
}

.euro-rail-template-page-archive .page-header {
    padding: 4em 1.5em 0;
    text-align: center;
}

.euro-rail-template-page-archive .page-header .title,
.archive-header .title {
    font-size: min(2em, 7vw);
    letter-spacing: .05em;
    text-indent: .05em;
    color: var(--main_color);
    font-family: var(--en), sans-serif;
}

/* subtitle */
.post-archive-header .sub-title {
    display: inline-block;
    margin-top: .5em;
    font-size: min(1.2em, 3.8vw);
    letter-spacing: .075em;
    text-indent: .075em;
    position: relative;
    text-align: center;
    padding: 0;
}

.post-archive-header .sub-title::before,
.post-archive-header .sub-title::after {
    content: '';
    display: block;
    width: 1.5em;
    height: 0;
    border-bottom: 1px solid #222;
    position: absolute;
    top: 50%;
}

@media (max-width:767.9px) {

    .post-archive-header .sub-title::before,
    .post-archive-header .sub-title::after {
        width: 1em;
    }
}

.post-archive-header .sub-title::before {
    left: -2.5em;
}

.post-archive-header .sub-title::after {
    right: -2.5em;
}

@media (max-width:767.9px) {

    .post-archive-header .sub-title::before {
        left: -2em;
    }

    .post-archive-header .sub-title::after {
        right: -2em;
    }
}

/* category image */
.post-archive-header .category_image {
    width: 240px;
    margin: 1.5em auto 1em;
}

.post-archive-header p {
    margin-top: 1em;
    font-size: min(.95em, 3.6vw);
    line-height: 2;
    letter-spacing: .1em;
}

.search .archive-header .title {
    letter-spacing: .05em;
    text-indent: .05em;
}

/* archive entry */
.euro-rail-template-page-archive .entry-list,
.archive .entry-list {
    padding: 0 min(2em, 3vw) min(4em, 15vw);
}

@media (max-width:967.9px) {

    .euro-rail-template-page-archive .entry-list,
    .archive .entry-list {
        max-width: 92vw;
        padding: 0 0 min(4em, 15vw);
    }
}

.euro-rail-template-page-archive .entry-list .entry,
.archive .entry-list .entry {
    border: solid 1px #ccc;
    transition: all .3s ease;
}

@media (max-width:767px) {

    .euro-rail-template-page-archive .entry-list .entry,
    .archive .entry-list .entry {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .euro-rail-template-page-archive .entry-list .thumb-wrp,
    .archive .entry-list .thumb-wrp {
        width: 30%;
        padding: 1em;
    }

    .euro-rail-template-page-archive .entry-list .thumb-wrp .thumb,
    .archive .entry-list .thumb-wrp .thumb {
        padding-bottom: 100%;
    }

    .euro-rail-template-page-archive .entry-list .entry-meta-wrp,
    .archive .entry-list .entry-meta-wrp {
        width: 70%;
    }

    .euro-rail-template-page-archive .entry-list .entry-meta-wrp,
    .archive .entry-list .entry-meta-wrp,
    .topics-list .entry-meta-wrp {
        padding: 1em;
    }
}

.euro-rail-template-page-archive .entry-list .entry .entry-title,
.archive .entry-list .entry .entry-title {
    font-size: min(.9em, 3.5vw);
    letter-spacing: .05em;
    display: block;
    margin-top: 0;
}

/* archive */
.products-term,
.entry-list .entry p.cat {
    display: inline-block;
    padding: .2em .5em;
    font-size: min(.75em, 3.34vw);
    letter-spacing: .05em;
    color: var(--main_subcolor);
    transition: all .3s;
    border: solid 1px #aaa;
    border-radius: 3px;
    margin-bottom: .75em;
    margin-top: 0;
}

.post-type-archive-topics .entry-list .entry p.cat.notice {
    color: var(--color_red);
    border: solid 1px var(--color_red);
}

/* topic */
.archive .entry-list.topics-list {
    max-width: 1100px;
}

.archive .entry-list .entry.article.topics {
    display: flex;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
}

.post-type-archive-topics.archive .entry-list .entry-meta-wrp {
    padding: 0;
}

.archive .entry-list .entry.article.topics .thumb-wrp {
    width: 18%;
    margin-right: 5%;
}

.archive .entry-list .entry.article.topics .thumb {
    border: 1px solid #ccc;
    margin-bottom: 1em;
}

.archive .entry-list .entry.article.topics .thumb img.cover {
    object-fit: contain !important;
}

.archive .entry-list .entry.article.topics .entry-title {
    font-size: min(1.2em, 3.5vw);
    font-weight: 500;
}