/*
 Theme Name: 知研室（MAG 版）
 Theme URI: https://www.pongo.com.tw/
 Description: 雜誌版知研室子佈景主題，由龐果設計製作，基於 Hello Elementor。
 Author: 龐果設計
 Author URI: https://www.pongo.com.tw/
 Template: hello-elementor
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: mag
*/

/* Place your custom CSS below */

.pn_post_item a,#breadcrumbs a,.post_header .pn_categories a,.post_header .pn_post_meta a,.pn_post_con a{
    color: var(--e-global-color-text);
    fill: var(--e-global-color-text);
    text-decoration: none;
    transition: color .2s ease, fill .2s ease;
}

.pn_post_item a:hover,.pn_post_item .pn_title a:hover,#breadcrumbs a:hover,.post_header .pn_categories a:hover,.post_header .pn_post_meta a:hover,.pn_post_con a:hover  {
    color: var(--e-global-color-1fce3eb);
    fill: var(--e-global-color-1fce3eb);
}


.pn_categories,.pn_post_meta{
font-size: 16px;

}

/* ===========================================
   桌機：兩欄，每列一段垂直中線
   =========================================== */
@media (min-width: 768px) {

    /* 設一個 gap 變數（後面通通用這個） */
    .pn_post_list {
        --pn-gap: 50px;
    }

    .pn_post_list .elementor-loop-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--pn-gap);
        row-gap: var(--pn-gap);
        position: relative;
    }

    .pn_post_list .e-loop-item {
        position: relative;
    }

    /* 每一列右欄畫線 → 掛在第 2、4、6、8 ... 個 */
    .pn_post_list .e-loop-item:nth-child(2n)::after {
        content: "";
        position: absolute;

        top: 0;
        bottom: 0;

        /* 往左推 gap/2 = 正中間 */
        right: calc(var(--pn-gap) / -2);

        width: 1px;
        background-color: var(--e-global-color-16abd95);
    }
}




/* ================================
   手機（單欄）：底部分隔線
   ================================ */
@media (max-width: 767px) {
    .pn_post_list .elementor-loop-container::after {
        display: none; /* 隱藏垂直線 */
    }

    /* 每個項目底部加水平線 */
    .pn_post_list .e-loop-item {
        border-bottom: 1px solid var(--e-global-color-16abd95);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    /* 最後一個不顯示底線 */
    .pn_post_list .e-loop-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}



.pn_main{min-height: calc(100vh - 402px);}
.pn_home_main{min-height: calc(100vh - 71px);}


/* 版權區塊基礎樣式 */
.copyright {
    font-size: 14px;
     color: var(--e-global-color-text);
    text-align: center;
    line-height: 1.6;
}

/* 超連結 */
.copyright a {
     color: var(--e-global-color-text);
    text-decoration: none;
    transition: color .2s ease;
}

/* 滑過顏色 */
.copyright a:hover {
    color: var(--e-global-color-1fce3eb);
}