/*
 Theme Name: Hestia Child
 Theme URI: https://example.com
 Description: Hestia の子テーマ
 Author: あなたの名前
 Template: hestia
 Version: 1.0.0
*/

/* 親テーマのスタイルを引き継ぐ */
@import url("../hestia/style.css");

/* ここからカスタマイズ用CSSを書いていく */

/* 例: シャドウを消す */
.card,
.card .card-body,
.btn,
.navbar,
.hestia-title,
.hestia-button,
.post-thumbnail,
.post,
.entry-header,
.entry-content ,
.card-image
{
    box-shadow: none !important;
}

/* 例: 投稿カテゴリを非表示にする */
.category {
    display: none !important;
}
/* 例: トップのnewsletterみたいなのを非表示にする */
.hestia-ribbon section section-image{
    display: none !important;
}
/* archive。php用 */
.works-grid .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.works-grid .grid-item {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.works-grid .grid-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 768px) {
    .navbar.navbar-transparent > .container {
        padding-top: 12px;
    }
    body > div > header > nav{
      background: transparent !important;
    }
    body.menu-open > div > header > nav{
      background: #ffffffad !important;
    
    }
       /*body.menu-open .navbar.navbar-fixed-top .navbar-collapse{
margin-top: 68px;
        }*/
}




/*topのmoreボタン*/
#blog > div.text-center > a{
  padding: 20px 110px !important;
  font-size: 15px;
}