@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.4
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* メインエリアの白い背景を除去 */
#main {
  background-color: transparent !important;
}

/* タップハイライトカラーを修正（緑から茶色系に） */
* {
  -webkit-tap-highlight-color: rgba(90, 67, 49, 0.15);
}

/* フッター・ヘッダーコンテナ・サイドバーの白い背景を除去 */
.footer,
.header-container,
.sidebar {
  background-color: transparent !important;
}



/* サムネイル画像をコンテナに合わせて表示 */
.entry-card-thumb img,
.card-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* リンクの緑系下線・枠線を温かみのある色に変更 */
a,
.a-wrap {
  border-bottom-color: rgba(90, 67, 49, 0.15) !important;
}

input[type="search"],
.wp-block-search__input,
input[type="text"],
input[type="email"],
textarea {
  border-color: rgba(90, 67, 49, 0.3) !important;
}

/* トップへ戻るボタンの色を茶系に */
.go-to-top-button,
.go-to-top-common {
  background-color: rgb(90, 67, 49) !important;
  border-color: rgb(90, 67, 49) !important;
  color: rgb(251, 246, 236) !important;
}

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

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

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