/*
Theme Name: eksell-child
Theme URI: https://andersnoren.se/teman/eksell-wordpress-theme/
Template: eksell
Author: Anders Norén
Author URI: https://andersnoren.se
Description: Eksell is a feature-rich portfolio and blog theme, with deep support for the block editor and full color settings. It includes extensive block styles and multiple prebuilt block patterns, and it styles the block editor to match the front-end of your site so you always have a good idea of what the end result will look like when you’re creating your content. Visitors can filter your posts and Jetpack Portfolio items without reloading the page with the lazyloading category filter, and full color settings in the Customizer give you easy control over all of the colors used in the theme, including the option to set a separate dark mode color scheme for devices that support it. Eksell also features a Blank Canvas page template that only outputs the content you add in the block editor, infinite scroll on archive pages, an optional search overlay, a sticky header setting, a social menu with icons, a footer menu, custom logo support, options for what post meta to display, support for the Block Templates editor, a lightweight construction for fast load times, and developer friendly code. Demo: https://andersnoren.se/themes/eksell/
Tags: blog,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 1.9.5.1779290536
Updated: 2026-05-20 23:22:16

*/

/* ==========================================================================
   【頁面標題、上方留白以及裝飾清除】
   ========================================================================== */

/* 1. 隱藏頁面標題（包含其上方的裝飾和留白） */
.page .entry-header, 
.single .entry-header {
    display: none !important;
}

/* 2. 移除頁面主體上方的多餘留白，讓畫面向上延伸歸零 */
.site-content {
    padding-top: 0 !important;
}

/* ==========================================================================
   【頁面內容寬幅調整】
   ========================================================================== */

/* 1. 拓寬包覆文章與圖片的核心容器，騰出空間 */
.post-inner {
    max-width: 1200px !important; /* 這個數值控制整體內容的極限寬度 */
    width: 100% !important;
}

/* 2. 強制讓居中對齊的圖片區塊（figure）填滿這個新空間 */
.entry-content .wp-block-image.aligncenter,
.entry-content .wp-block-image.aligncenter figure {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. 解除圖片本體的所有寬度限制 */
.entry-content .wp-block-image.aligncenter img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ==========================================================================
   【主選單開啟時的透明遮罩調整】
   ========================================================================== */

/* 1. 讓選單開啟時的右側背景遮罩完全透明，維持作品原有的清晰度 */
.menu-modal-cover-untoggle,
div[data-toggle-target=".menu-modal"].show-modal-active {
    opacity: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. 確保點擊穿透，防止透明遮罩阻擋滑鼠操作 */
.menu-modal-cover-untoggle {
    pointer-events: none !important;
}

/* ==========================================================================
   【清除主選單上下橫線、裝飾元素】
   ========================================================================== */

/* 1. 清除主選單連結的所有邊框、陰影與偽元素裝飾 */
.main-menu a,
.main-menu li a,
.modal-menu-wrapper .main-menu a {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 2. 徹底清除可能隱藏在選單清單（li）或外層容器上的上下邊框 */
.main-menu li,
.modal-menu-wrapper ul {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* 消除所有可能用來模擬線條的偽元素 */
.main-menu a::before,
.main-menu a::after,
.main-menu li::before,
.main-menu li::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   【主選單滑鼠懸停（Hover）效果調整】
   ========================================================================== */

/* 滑鼠懸停（Hover）時的「文字顏色轉變」 */
.main-menu a:hover {
    color: #999999 !important; /* 這裡設定滑鼠移上去時要變成的顏色 */
    transition: color 0.3s ease; /* 讓顏色轉變帶有 0.2 秒的淡入淡出微光感，更優雅 */
}

/* ==========================================================================
  【網站標題滑鼠懸停（Hover）效果調整】
   ========================================================================== */

/* 1. 設定標題連結在平時（未懸停時）就帶有漸變過渡動畫，確保滑鼠移開時也是平滑淡出 */
.site-title a {
    transition: color 0.3s ease !important;
}

/* 2. 當滑鼠移到網站標題上時（Hover）的效果 */
.site-title a:hover {
    color: #999999 !important;      /* 這裡設定滑鼠移上去時要變成的顏色 */
    text-decoration: none !important; /* 確保絕對不會出現底線干擾 */
    box-shadow: none !important;
}

/* ==========================================================================
   【縮減頂部留白，讓作品更靠近標題 (HEADER GAP REDUCTION)】
   ========================================================================== */

/* 1. 強制縮減固定導覽列留白區塊的高度與底部外距 */
.header-sticky-adjuster {
    height: 80px !important;         /* 原本高達 120px，縮減至 80px */
    margin-bottom: 20px !important;  /* 原本推擠 80px，縮減到 20px */
}

/* 2. 移除內容主體內建的額外上方外距，讓圖片繼續往上提 */
#site-content {
    margin-top: 0 !important;
}

/* ==========================================
   CV履歷表
   ========================================== */

/* 1. 拔除全站表格的灰色隔線與底色 */
.wp-block-table,
.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
    border: none !important;
    border-style: none !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

/* 2. 強制所有履歷表格的「左欄年代」寬度絕對一致（70px） */
.wp-block-table td:first-child {
    width: 70px !important;
    min-width: 70px !important;
    padding-right: 15px !important;
    vertical-align: top !important; 
}

/* 3. 獨立微調各個區塊的留白間距 */

/* 表格一（個人資料表格） */
.wp-block-table:nth-of-type(1) {
    margin-bottom: 0px !important; /* 個人資料與下方學歷的間距（縮短） */
}

/* 表格二（學歷表格） */
.wp-block-table:nth-of-type(2) {
	margin-top: 20px !important;
    margin-bottom: 80px !important; /* 學歷與下方 Exhibitions 標題的間距 */
}

/* 新增的 H6 標題（Exhibitions） */
h6 {
    margin-top: 0px !important;
    margin-bottom: 10px !important; /* 標題與下方展覽經歷的間距（大幅縮短） */
}

/* 表格三（此時因為刪除了一個表格，展覽經歷變成了頁面上的第三個表格） */
.wp-block-table:nth-of-type(3) {
    margin-top: 0px !important;
}