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

    archive

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

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

.archive-header .title {
    font-size: min(2.4em, 6vw);
    text-indent: .5em;
    color: var(--main_color);
    font-family: var(--en), sans-serif;
}

.post-archive-header .title .sub-title {
    display: block;
    margin-top: .5em;
    font-size: min(.45em, 3.8vw);
    letter-spacing: .05em;
}

.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 */
.archive .entry-list {
    padding: 0 min(2em, 5vw) min(4em, 15vw);
}

.archive .entry-list .entry {
    padding: 1.5em;
    border: solid 1px #ccc;
    transition: all .3s ease;
}

.archive .entry-list .entry:hover {
    border: solid 1px var(--sub_blue);
}

.archive .entry-list .entry .entry-title {
    font-size: min(1.05em, 3.5vw);
    letter-spacing: .05em;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.archive .entry-list .entry .exc {
/*     white-space: pre-wrap;
    overflow-wrap: break-word; */
}

@media screen and (max-width:767px) {
/*     .archive .post .columns-3 .entry-meta-wrp {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .archive .post .columns-3 .entry .thumb-wrp {
        width: 25%;
        padding-top: .5em;
    }

    .archive .post .columns-3 .entry .thumb-wrp .thumb {
        padding-bottom: 100%;
    }

    .archive .post .entry-list .entry-meta-wrp {
        width: 70%;
    } */
}

/* news archive */
.post-type-archive-news .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;
}

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


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

    single

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

.single-inner {
    padding: 5em 0;
    max-width: 1900px;
    margin: 0 auto;
    transition: all .3s;
}

@media (max-width:1440px) {
    .single-inner {
        margin: 0 0 0 auto;
    }
}

@media (max-width:1400px) {
    .single-inner {
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .single-inner {
        padding: 3em 0;
    }
}

/* single left area wrp =================================================*/
.single-inner .category-wrp {
    width: 15%;
    transition: transform .5s .1s ease;
}

/* @media screen and (max-width:1400px) {
    .single-inner .category-wrp {
        width: 20%;
    }
} */

@media screen and (max-width:1200px) {
    .single-inner .category-wrp {
        width: 20%;
    }
}

@media screen and (max-width:767px) {
    .single-inner .category-wrp {
        width: 100%;
    }
}

.single-inner .category-wrp .category-wrp-inner {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 2em;
    position: sticky;
    top: 1em;
}

.single-inner .category-wrp .category-wrp-inner .category_image {
    width: 90%;
    height: 0;
    padding-bottom: 60%;
    margin: 0 auto .5em;
    position: relative;
}

@media screen and (max-width:767px) {
    .single-inner .category-wrp .category-wrp-inner .category_image {
        display: none;
    }
}

.single-inner .category-wrp .category-wrp-inner .category_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.single-inner .category-wrp .category-wrp-inner .current-category {
    text-align: center;
    font-family: var(--en), sans-serif;
    font-size: min(1.15em, 4.2vw);
}

.single-inner .category-wrp .category-wrp-inner .category-list {
    margin-top: 3em;
    padding: 0 1em;
    text-align: left;
}

.single-inner .category-wrp .category-wrp-inner .category-list:first-child {
    margin-top: 0;
}

.single-inner .category-wrp .category-wrp-inner .category-list li {
    margin: 1.5em 0;
    padding-left: 2.5em;
    position: relative;
}

.single-inner .category-wrp .category-wrp-inner .category-list li a {
    color: var(--main_color);
    transition: color .3s ease;
}

.single-inner .category-wrp .category-wrp-inner .category-list li a:hover {
    color: var(--main_blue);
}

.single-inner .category-wrp .category-wrp-inner .category-list li .icon {
    display: inline-block;
    width: 1.5em;
    position: absolute;
    left: 0;
}

/* news category */
.news .single-inner .category-wrp .category-wrp-inner .category-list li {
    padding-left: 1.25em;
}

.news .single-inner .category-wrp .category-wrp-inner .category-list li::before {
    content: '';
    display: block;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    background-color: var(--main_blue);
    position: absolute;
    left: 0;
    top: .3em;
}

/* single article area =================================================*/
.single-article-wrp {
    width: 60%;
}

/* @media (max-width:1400px) {
    .single-article-wrp {
        width: 80%;
    }
} */

@media (max-width:1200px) {
    .single-article-wrp {
        width: 80%;
    }
}

@media (max-width:767px) {
    .single-article-wrp {
        width: 100%;
    }
}

.single-article-inner {
    max-width: 770px;
    margin: 0 auto;
    padding: 1em 2em 5em;
}

@media (max-width:767px) {
    .single-article-inner {
        padding: 1em 2em 3em;
    }
}

.single-article-inner h2 {
    margin: 0 0 2em;
    padding: 0;
    line-height: 1.7;
}

@media (max-width:767px) {
    .single-article-inner h2 {
        margin: 0 0 1.5em;
    }
}

/* single related area wrapper ==============================================*/
.related-wrp {
    width: 25%;
    padding: 1em 0;
}

.related-wrp-inner {
    max-width: 300px;
    padding: 1em 1em 5em;
    margin-right: auto;
    position: sticky;
    top: 1em;
}

@media (max-width:1200px) {
    .related-wrp {
        width: 100%;
        max-width: 760px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .related-wrp-inner {
        max-width: 100%;
        margin: 0 auto;
    }
}

.related-wrp .related-title {
    font-size: 1em;
    color: var(--main_color);
}

.related-wrp .entry-list {
    display: block;
}

@media (max-width:1200px) {
    .related-wrp .entry-list {
        display: flex;
        justify-content: space-between;
    }
}

.related-wrp .entry-list .entry {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 1.5em 0;
    gap: 1em 8%;

}

@media (max-width:1200px) {
    .related-wrp .entry-list .entry {
        width: 48%;
    }
}

@media (max-width:576px) {
    .related-wrp .entry-list .entry {
        width: 100%;
    }
}

.related-wrp .entry-list .entry .thumb-wrp {
    width: 35%;
    margin-top: .2em;
    position: relative;

}

.related-wrp .entry-list .entry .thumb-wrp .new {
    padding: .3em .6em .3em .75em;
    position: absolute;
    left: 0;
    top: 0;
/*     bottom: 100%; */
    transform: translate(0, 0);
    border-radius: 0 0 3px 0;
}

.related-wrp .entry-list .entry .entry-meta-wrp {
    width: 55%;
    margin: 0;
}

.related-wrp .entry-list .entry-meta .entry-title {
    font-size: min(1.05em, 4vw);
    margin-top: 0;
    margin-bottom: .7em;
    font-size: min(.85em, 3.8vw);
    letter-spacing: 0.025em;
}

.related-wrp .entry-list .entry-meta .exc {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--main_color);
    font-size: min(.75em, 3.6vw);
}

/* single post related (no thumbnail)*/
.news .related-wrp .entry-list .entry .entry-meta-wrp {
    width: 100%;
}

.postdate {
    font-size: .9em;
    letter-spacing: 0;
    color: var(--main_color);
}

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


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

    blog / news

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

.single .date-wrp {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.single .date-wrp .terms-list {
    margin: 0;
    padding: 0;
    gap: 1em;
}

.single .date-wrp .terms-list li a {
    display: block;
    padding: .2em .5em .2em 2.5em;
    color: var(--main_blue);
    position: relative;
}

.news .single .date-wrp .terms-list li a {
    padding: .2em;
}

.single .date-wrp .terms-list li .icon {
    width: 2em;
    position: absolute;
    left: 0;
    top: -.1em;
}

.single .entry-title {
    margin-top: .5em;
    font-size: min(1.8em, 5vw);
    letter-spacing: .15em;
}

/* entry content */
.single .entry-content {
    margin-top: .5em;
}

.single .entry-content h2 {
    margin-bottom: 1.5em;
    font-size: min(1.15em, 4.2vw);
    color: var(--main_color);
    letter-spacing: .05em;
}

.single .entry-content h2:not(:first-child) {
    margin-top: 2em;
}

.single .entry-content p {
    margin-top: 1.5em;
    line-height: 1.8;
}

.single .entry-content .entry-main-img {
    margin: 2.5em 0;
}

.single .entry-content .wp-block-columns {
    margin-top: 2.5em;
}

.single .entry-content .wp-block-image:not(:first-child) {
    margin-top: 1.5em;
}

.single .entry-content .wp-block-image figcaption {
    margin-top: 1em;
    font-size: min(.85em, 3.8vw);
    line-height: 1.8;
}

.single .entry-content iframe {
    width: 100%;
    margin-top: 2.5em;
}

/* link in single page */
.single .entry-content p a:not(.cat) {
    color: var(--main_subcolor);
    text-decoration: underline;
    transition: all .3s;
}

.single .entry-content p a:not(.cat):hover {
    color: var(--main_color);
}

/* youtube */
.is-provider-youtube iframe {
    margin-left: auto;
    margin-right: auto;
}

.wp-embed-aspect-16-9 {
    margin-bottom: 2em;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    position: relative;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.wp-embed-aspect-16-9.frame iframe {
    border: 1px solid #ccc;
}

/* table default */
.wp-block-table thead {
    border-bottom: 2px solid;
}

.wp-block-table th,
.wp-block-table td {
    padding: 1em 0;
    font-weight: normal;
}

.wp-block-table table {
    margin-bottom: 1em;
}

/* data */
.single .data-wrp {
    margin-top: 4em;
    padding: 2.5em;
    background-color: #f5f5f0;
}

.single .data-wrp .data-title {
    padding-left: 1.8em;
    font-size: min(1.2em, 4vw);
    color: var(--main-color);
    font-weight: bold;
    position: relative;
}

.single .data-wrp .data-title .icon {
    width: 1em;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-30%);
}


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

    Booking

=========================================================*/
.single .booking .wrp {
    background-color: #fafafa;
}

.single .booking-article {
    width: min(1280px, 94%);
    margin: 0 auto;
}

.single .booking-article .gallery-wrp {
    width: min(680px, 55%);
}

.single .booking-article .bookinginfo-wrp {
    width: min(520px, 40%);
}

.single .bookinginfo-wrp {
    padding-top: 1em;
}

.single .bookinginfo-wrp .data-wrp .data-list2 {
    margin-top: 2.5em;
    padding-top: 1.5em;
}

.single .bookinginfo-wrp .travel_agancy-logo {
    margin-bottom: 2em;
}

.single .bookinginfo-wrp .travel_agancy-logo img {
    width: 150px;
    height: 60px;
    object-position: left top;
}
/*
.single .bookinginfo-wrp .title-wrp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75em;
}*/

.single .bookinginfo-wrp .title-wrp .entry-title {
    margin: 0;
    font-size: min(1.8em, 4.6vw);
    font-weight: bold;
}
/*
.single .bookinginfo-wrp .title-wrp .sholder-tag {
    display: inline-block;
    padding: .35em .75em;
    font-size: .8em;
    color: var(--color_red);
    border: solid 1px;
    border-radius: 5px;
}

.single .bookinginfo-wrp .data-wrp {
    margin-top: 2em;
    padding: 0;
    background-color: transparent;
}

.single .bookinginfo-wrp .data-wrp .data-list:not(.data-list2) {
    gap: .5em 1em;
}

.single .bookinginfo-wrp .data-wrp .data-list2 {
    margin-top: 2.5em;
    padding-top: 1.5em;
    border-top: solid 1px #333;
    gap: 1.25em 1em;
}

.single .bookinginfo-wrp .data-wrp .data-list .icon {
    width: 1.2em;
    height: 1.2em;
    position: relative;
    bottom: .1em;
}

.single .bookinginfo-wrp .price-wrp {
    font-size: 1.15em;
    font-weight: bold;
}

.single .bookinginfo-wrp .price-wrp :where(.price_floor, .price_cap) {
    display: inline-block;
    padding-right: .2em;
    font-size: 1.5em;
    vertical-align: -.05em;
}

.single .bookinginfo-wrp .price-wrp .between {

}

.single .bookinginfo-wrp .period-wrp {
    font-size: 1.1em;
}

.single .bookinginfo-wrp .period-wrp :where(.period_start, .period_end) {

}

.single .bookinginfo-wrp .description-wrp {
    font-size: 1.1em;
    line-height: 1.8;
}

.single .bookinginfo-wrp .airport-wrp {
    font-size: 1.1em;
}

.single .bookinginfo-wrp .airport-wrp :where(.airport_departure, .airport_arrival){
    display: inline-block;
    min-width: 7em;
    padding: .35em;
    text-align: center;
    font-size: .9em;
    border: solid 1px;
    border-radius: 5px;
    position: relative;
}

.single .bookinginfo-wrp .airport-wrp .airport_departure {
    margin-left: 1em;
    margin-right: 1.75em;
}

.single .bookinginfo-wrp .airport-wrp .airport_departure::after {
    content: '';
    display: block;
    width: 2em;
    border-top: solid 1px;
    position: absolute;
    left: 100%;
    top: 50%;
}

.single .bookinginfo-wrp .airport-wrp .airport_arrival {
    margin-left: -.25em;
} */

.single .bookinginfo-wrp .btn-wrp {
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    gap: 1em 2em;
}

.single .bookinginfo-wrp .btn-wrp a {
    display: grid;
    place-items: center;
    width: 10em;
    padding: .75em;
    flex-grow: 1;
    font-size: .9em;
    color: #fff;
    background-color: #1a1a1a;
    border: solid 1px #1a1a1a;
    text-align: center;
    transition: all .3s ease;
}

.single .bookinginfo-wrp .btn-wrp a:hover {
    color: #1a1a1a;
    background-color: #fff;
}