@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/* ヘッダー全体をネイビーに */                                                                           
  #header,                                                                                                 
  #header-container,
  #header-container-in {                                                                                   
    background-color: #1a2f5a !important;                   
  }                                                                                                        
                                                            
  /* タイトル・キャッチを白に */                                                                           
  #site-name,                                               
  #site-name a,
  #site-name a:hover,                                                                                      
  #catch,
  .catch {                                                                                                 
    color: #ffffff !important;                              
  }                                                                                                        
   
  /* ナビ */                                                                                               
  #navi .menu-item a { color: #ffffff !important; }         
  #navi .menu-item a:hover { background-color: #2c4a8a !important; }                                       
                                                                                                           
  /* 本文リンク・見出し */                                                                                 
  a { color: #1a2f5a; }                                                                                    
  h1, h2, h3 { color: #1a2f5a; }                                                                           
  .entry-title a { color: #1a2f5a !important; }
                                                                                                           
  /* フッター */                                            
  #footer { background-color: #1a2f5a !important; color: #ffffff !important; }                             
  #footer a { color: #ccddff !important; }                                                                 
                                                                                                           
  /* ウィジェットタイトル */                                                                               
  .widget-title { border-left: 4px solid #1a2f5a !important; color: #1a2f5a !important; }                       

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}