/*
Theme Name: Kristin Minimal FSE
Theme URI: 
Author: Tsuifei
Author URI: 
Description: FSE a développé la disposition de la colonne de navigation sur le côté gauche.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tsuifei-for-artist-horizontal
Tags: 
*/
/* body {
  margin: 0;
  padding: 0;
} */

/* Grid 版面設定 */
main {
  /* display: grid;
  grid-template-rows: 95vh 1fr;
	grid-template-columns: 20% 1fr;
	grid-gap: 0px;
  min-height: 100vh;
  height: 100vh;
  align-items: start; */
  width: 95vw;
  height: 98vh;
  /* padding: 20px;  */
  margin: auto;
  /* border: 1px solid red; */
  box-sizing: border-box;
}

header {
  /* grid-column: 1;
  grid-row: 1;
  position: sticky;*/
  /* top: 20px; */
  /* left: 20px; */
  /* height: 100vh; */
  /* background: #fff;
  overflow-y: auto;
  z-index: 1000;
  border: 1px solid rgb(14, 137, 81);
  box-sizing: border-box;   */
  /* width: 20vw; */
  width: 300px;
  position: fixed;
  margin: auto;
  z-index: 1000;
}

.entry-content {
  /* grid-column: 2;
  grid-row: 1;
  padding: 0px;
  background: #7cb3e9;
  min-height: 100vh;
  box-sizing: border-box; */
  width: 100%;
  padding-top: 170px;
  padding-left: 350px;
}

.wp-block-site-logo img {
  min-width: 182px;
 margin-top: 36px;
 margin-bottom: 70px;
}
/* 每個欄位之間的間距 */
.wp-block-column {
  padding-bottom: 50px;
}
/* 兩欄位之間的間距 */
.wp-block-columns[class*="wp-container-core-columns-is-layout-"] {
  gap: 50px !important;
}

/* 當前頁面 菜單連結顏色 */
.home .wp-block-navigation-item.home-menu.wp-block-navigation-link,
.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
  color: #BD202A !important;
  font-weight: 600;
}

@media (max-width: 597px) {
 main {
    /* grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    width: 100vw;
    padding: 10px; */
    width: 95vw;
  }
  header {
    /* display: grid;
    width: 100vw;
    grid-template-rows: 60vh 1fr;
    grid-template-columns: 1fr;
    position: static;
    height: 70px;
    width: 100vw;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding: 0 20px;
    overflow-y: visible; */
  }
  .wp-block-site-logo img {
    min-width: 182px;
    padding-top: 0;
  }
  nav { 
    /* position: static;
    height: 70px;
    width: 100vw; */
  }
  .wp-block-navigation__responsive-container-open {
     position: fixed; 
      top: 30px;        
      /* 距離視窗上方 20px，可依需求調整 */
      right: 20px;    
      /* 距離視窗右側 20px，可依需求調整 */
      z-index: 9999;  
      /* 確保在最上層，不被蓋住*/
      width: 30px;
      /* border: 1px solid #5c5c65; */
      height: 30px;
      padding: 2px 0px 0 3px; 
  }
  .entry-content {
    /* grid-column: 1;
    grid-row: 2;
    padding: 20px;*/
    width: 95vw; 
    padding: 0px;
    padding-top: 100px;
    padding-left: 0px;
  }
  body .is-layout-flex {
    display: flex;
    flex-direction: column;
  }
  /* 每個欄位之間的間距 */
  .wp-block-column {
    padding-bottom: 10px;
  }
}