/*
 Theme Name: Inspiro Child
 Template: inspiro
*/

/* 文字に黒い影をつける */
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}
@media (max-width: 900px) {
  .text-shadow {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  }
}


/* WPZOOM Forms 送信ボタンのスタイル */
.wp-block-wpzoom-forms-submit-field {
  background-color: #0096D1 !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
/* ホバー時 */
.wp-block-wpzoom-forms-submit-field:hover {
  background-color: #58731c;
}

/* 特定のカバーだけ高さを固定 */
.cover-custom-1 {
  position: relative;
  min-height: 60vh;   /* 好きな高さに調整 */
  overflow: hidden;
}
@media (max-width: 600px) {
  .cover-custom-1 {
    min-height: 50vh;
  }
}

/* スマホだけカラムの順番を逆転 */
@media (max-width: 782px) {
  .wp-block-columns.reverse-on-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* ul/olで親の wp-block-column が ul の padding を潰す問題を解除 */
.entry-content .wp-block-column ul.wp-block-list {
    padding-left: 1.8em !important;   /* インデント復活 */
    margin-left: 0 !important;
}
/* list-style が square に強制される問題を解除 */
.entry-content ul.wp-block-list li {
    list-style-type: disc !important; /* 黒丸に戻す */
    list-style-position: outside !important;
}
.entry-content .wp-block-column ol.wp-block-list {
    padding-left: 1.8em !important;
    margin-left: 0 !important;
}
.entry-content ol.wp-block-list li {
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

.custom-title {
    border-left: 6px solid transparent;
    padding-left: 0.8em;
    background-image: linear-gradient(to bottom, #7bb7d4, #b7d9e8);
    background-repeat: no-repeat;
    background-size: 6px calc(100% - 0.4em); /* ← 上下0.2emずつ余白を作る */
    background-position: left 0.3em; /* ← 上を0.2em下げる */
}