/*
 Theme Name:   MH Magazine lite Child
 Theme URI:    https://www.mhthemes.com/themes/mh/magazine-lite/
 Description:  MH magazine lite Child Theme
 Author:       MH Themes
 Author URI:   https://www.mhthemes.com/
 Template:     mh-magazine-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
 Text Domain:  mh-magazine-line-child
*/
/***************************************************************************************************
Theme Name: MH Magazine lite Child
Template: mh-magazine-lite
***************************************************************************************************/
@import url('../mh-magazine-lite/style.css');

/* base */
/*
.mh-wrapper{
  background-color: white;
}
*/
/* 記事の基本枠 */
/*
.mh-content{
  background-color: #6c6;
}
*/
/* 記事の単品枠 */
/*
.entry-content{
  background-color: red;
}
*/
/*
.category-uncategorized{
  background-color: #cff;
}
*/
/*navi 部分チェック*/
/*
.mh-main-nav-wrap{
  background-color: orange;
}
*/
/*------------------------------------------------------------------
  footer 設定
------------------------------------------------------------------*/
/*footer 部分チェック*/
.mh-footer,
.mh-copyright-wrap{
  background-color: gray;
}
.mh-footer h6{
  text-decoration-line: overline;
  text-decoration-color: #f00;
}
/*------------------------------------------------------------------
  文章 h* 設定
------------------------------------------------------------------*/
/* 記事内のタイトルで「|」マークを付ける処理 */
.entry-content h2,
.mh-home-content h2,
.entry-content h3,
.mh-home-content h3{
  position:relative;
}

.entry-content h2::before,
.mh-home-content h2::before,
.entry-content h3::before,
.mh-home-content h3::before{
  content: "";
  position: absolute;
  top: 10%; left: 5px;
  width: 100%; height: 80%;
  display: block;
  border-left: 0.3em solid white;
}

.entry-content h2,
.mh-home-content h2{
  background-color: orange;
  color: white;
  line-height: 2;

  background: linear-gradient(225deg, transparent 0.5em, orange 0.5em);
  background-position: top right;
  background-repeat: no-repeat;

  padding-left: 1em;
}

.entry-content h3,
.mh-home-content h3{
    padding-left: 1em;
}

.entry-content h3::before,
.mh-home-content h3::before{
  border-left: 0.3em solid black;
}

/* タイトルにリンクが貼られた時の処理 */
.entry-content h2 a,
.mh-home-content h2 a{
  color: white;
  text-decoration: dashed underline white;
}
.entry-content h2 a:visited,
.entry-content h2 a:hover,
.entry-content h2 a:active{
  color: white;
}

.mh-home-content h2 a:visited,
.mh-home-content h2 a:hover,
.mh-home-content h2 a:active{
  color: white;
}

/*---------------------------------------------*/
/* ウィジェットタイトルの装飾 */
h4.mh-widget-title,
h6.mh-widget-title{
  border-bottom-color: orange;
}

/*------------------------------------------------------------------
  記事内のTable設定
------------------------------------------------------------------*/
figure.wp-block-table th{
  color: white;
  background-color: orange;
}

/*------------------------------------------------------------------
  記事内のLIST設定
------------------------------------------------------------------*/
/* 基本のList設定 */
.entry-content ul{
  list-style: none;
}
.entry-content ul li::before{
  content: "●";
  color: orange;
  padding-right: 0.5em;
}

/*ギャラリーボックスのlist設定を外す*/
.entry-content ul.blocks-gallery-grid li::before{
  content: none;
  padding-right: 0;
}

/*------------------------------------------------------------------
  投稿記事内でサムネールの表示をしない
------------------------------------------------------------------*/
.entry-thumbnail{
	display: none;
}
/*------------------------------------------------------------------
  投稿記事内の <<PREVIOUS NEXT>> のデザイン
------------------------------------------------------------------*/
nav.mh-post-nav {
  padding-top: 1em;
  border-top: dotted gainsboro 1px;
}
/*------------------------------------------------------------------
  投稿記事の投稿者、コメント表示を非表示に
------------------------------------------------------------------*/
.mh-meta span.mh-meta-author,
.mh-meta span.entry-meta-author,
.mh-meta span.mh-meta-comments,
.mh-meta span.entry-meta-comments{
  display: none;
}

.widget_custom_post_widget p{
  /*------------------------------------------------------------------
  プラグイン「Content Blocks」用の設定
  ------------------------------------------------------------------*/
	margin-bottom: 1em;
}
.widget_custom_post_widget h2,h3,h4,h5,h6{
  margin-bottom: 1em;
}

/*******************************************************************
  functions.php ウィジェット
  年・月別カレンダー用の設定
*******************************************************************/
.widget_archives2 li{
  border-bottom: 1px solid lightgray;
}

.widget_archives2 li ul{
  padding: 0 1em;
}

.widget_archives2 li li{
  display: inline-block;
  margin: 0.5em;
  border-bottom: none;
}
.widget_archives2 li li a{
  display: block;
  padding: 0 0.5em;
}