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

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

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


/* ヘッダー
   =================================================================
   Cocoonのヘッダー・グローバルナビ・モバイルメニューは使わず、
   umabat-functions.php が出力する共通ヘッダーに置き換える。
   これでトップと下層でロゴの大きさもメニューの形も完全に揃う。

   共通ヘッダーが出ているページにだけ body.umb-newhead が付くので、
   検証モードのあいだは、パラメータを付けたときだけ切り替わる。

   元に戻したいときは、この非表示指定を消せばCocoonのヘッダーが復活する。
   ================================================================= */
body.umb-newhead #header-container,
body.umb-newhead #navi,
body.umb-newhead .mobile-menu-buttons,
body.umb-newhead .mobile-header-menu-buttons {
  display: none !important;
}

/* 共通ヘッダーの入れ物。トップページ用の枠指定を打ち消しておく */
.umb.umb-head {
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.umb.umb-head .hd { border-radius: 0 !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; }