/* ===================================================================
   ウマバト！ サイト全体（下層ページ）の配色
   ===================================================================

   umabat-functions.php から、スキンより後に読み込んでいます。
   スキンのCSSに勝つために !important を付けています。
   スキンを使わない構成に変えたら、!important は外せます。

   無効にしたいときは、このファイルを空にするか削除してください。
   （読めなければ読み込みをスキップします）
   =================================================================== */


/* ヘッダー
   ================================================================= */
#header-container,
#header-container #header,
#header-container .header-in,
#header-in {
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #155C46 !important;
}
#header-container a,
#header-container .site-name-text,
#header-container .tagline {
  color: #155C46 !important;
}
#header-container {
  border-bottom: 1px solid #DCEBE2 !important;
}

/* ロゴの大きさ。
   ★ここの数値を変えるだけで調整できます（小さくしたいなら数字を減らす） */
#header-container .logo-header img,
#header-container .logo-image img,
#header-container .site-name-text-link img,
#header-container .logo img,
#header-container h1 img {
  max-height: 34px !important;
  width: auto !important;
  height: auto !important;
}
@media (max-width: 834px) {
  #header-container .logo-header img,
  #header-container .logo-image img,
  #header-container .site-name-text-link img,
  #header-container .logo img,
  #header-container h1 img {
    max-height: 28px !important;
  }
}


/* グローバルナビ
   ================================================================= */
#navi,
#navi .navi-in,
#navi .navi-in ul,
#navi .navi-in li {
  background-color: #FFFFFF !important;
  color: #155C46 !important;
}
#navi .navi-in li a {
  color: #155C46 !important;
  font-weight: 700;
}
#navi .navi-in li a:hover {
  background-color: #E9F6EF !important;
  color: #0F4736 !important;
}
/* 現在地はゴールドの下線で示す */
#navi .navi-in li.current-menu-item a {
  box-shadow: inset 0 -3px 0 #E8B84D;
}


/* スマホの固定メニュー
   ================================================================= */
.mobile-menu-buttons,
.mobile-header-menu-buttons {
  background-color: #FFFFFF !important;
  border-top: 1px solid #DCEBE2 !important;
}
.mobile-menu-buttons .menu-button,
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption {
  color: #155C46 !important;
}


/* フッター
   ================================================================= */
#footer,
#footer .footer-in,
#footer .footer-bottom,
#footer-in {
  background-color: #23453A !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
#footer a,
#footer .navi-footer-in a,
#footer .copyright {
  color: #CFE0D7 !important;
}
#footer a:hover  { color: #FFFFFF !important; }
#footer .footer-title { color: #FFFFFF !important; }


/* 全体
   =================================================================

   ここから下は **新トップページには適用しません。**

   新トップは独自のボタン（.btn / .btn.ghost）とリンク色を持っていて、
   同じクラス名を使っているため、無条件に色を塗ると
   「緑の背景に緑の文字」のように潰れてしまう。
   body:not(.page-template-page-umabat-top) で必ず除外すること。
   ================================================================= */
body:not(.page-template-page-umabat-top) {
  background-color: #F8FCF9;
}

body:not(.page-template-page-umabat-top) .entry-content a {
  color: #155C46;
}

body:not(.page-template-page-umabat-top) .btn,
body:not(.page-template-page-umabat-top) .btn-wrap a {
  background-color: #155C46 !important;
  border-color: #155C46 !important;
  color: #FFFFFF !important;
}

body:not(.page-template-page-umabat-top) .breadcrumb   { color: #5C6B63; }
body:not(.page-template-page-umabat-top) .breadcrumb a { color: #155C46; }