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

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

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

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

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

/* =========================================
   固定ページ：本文幅をフルワイドに解放
========================================= */
body.page .entry-content,
body.page .article,
body.page .entry-body,
body.page .entry,
body.page #main,
body.page .main,
body.page .content-in,
body.page .wrap,
.page-template-page-fullcustom .entry-content,
.page-template-page-fullcustom .article,
.page-template-page-fullcustom #main,
.page-template-page-fullcustom .wrap,
.page-template-page-fullcustom .content-in {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 固定ページのWordPressタイトルを非表示 */
body.page .entry-title {
  display: none !important;
}

/* Cocoon見出しスタイル全解除 */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.entry-content h1::before, .entry-content h1::after,
.entry-content h2::before, .entry-content h2::after,
.entry-content h3::before, .entry-content h3::after { display: none !important; }

/* 投稿ページ タイトル中央揃え */
body.single .entry-title,
body.single h1.entry-title {
  text-align: center !important;
}

.entry-content h2.has-background {
  background-color: var(--wp--preset--color--primary) !important;
}

/* ブロックエディタの標準的なブログカードやCocoonのフッターを消す場合 */
.blogcard-footer, 
.blogcard-site,
.wp-block-embed figcaption {
    display: none !important;
}