/*****
Theme Name: MH NewsMagazine
Theme URI: https://www.mhthemes.com/themes/mh/newsmagazine/
Description: MH NewsMagazine can transform your blog into a modern online magazine or dynamic news website. This magazine theme is perfectly suitable for topics like politics, world news, economy and business news or anything else you can imagine. You can have the same layout in the premium version of MH Magazine (without the need of a child theme) which can be configured by making use of the flexible layout options. MH Magazine offers additional widget areas, multiple unique custom widgets, great features and extended layout options to manage several layout elements on your site including changing the color scheme and typography.
Author: MH Themes
Author URI: https://www.mhthemes.com/
Template: mh-magazine-lite
Version: 1.1.3
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-newsmagazine
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** Typography *****/

body { font-family: "Sarala", sans-serif; }
h1 {
	font-family: "Adamina", serif;
	position: relative;
  	padding: 0.6em;
  	background: #fcd1f1;
}
h1:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #fcd1f1;
	width: 0;
	height: 0;
}
h1 {
color: #ff5bad;/*文字色*/
border: solid 3px #ff5bad;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

h2 {
	font-family: "Adamina", serif;
	background: #ffbcdd;
	box-shadow: 0px 0px 0px 5px #fcd1f1;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
}



h3 {
color: #ff7fbf;/*文字色*/
border: solid 3px #ff7fbf;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

h4 {
	font-family: "Adamina", serif;
}
h5 {
	font-family: "Adamina", serif;
	color: #010079;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #fcd1f1, #fcd1f1 3px#ff7fbf 3px, #ff7fbf 7px);
	background: repeating-linear-gradient(-45deg, #fcd1f1, #fcd1f1 3px,#ff7fbf 3px, #ff7fbf 7px);
}
h6 {
	font-family: "Adamina", serif;
}
.mh-custom-posts-small-title { font-family: "Adamina", serif; }
pre, code, kbd { background: #fcd1f1; }
blockquote { border-color: #fcd1f1; }
a:hover { color: #fcd1f1; }

/***** Header *****/

.mh-header-tagline { color: #fcd1f1; }

/***** Navigation *****/

.mh-main-nav-wrap { background: #1f1e1e; }
.mh-main-nav { background: #1f1e1e; border-bottom: none; }
.mh-main-nav li:hover { background: #fcd1f1; }
.mh-main-nav ul li:hover > ul { background: #1f1e1e; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #fcd1f1; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #fcd1f1; }
.slicknav_menu { border-color: #1f1e1e; background: #fcd1f1; }
.slicknav_nav ul { border-color: #1f1e1e; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #fcd1f1; }
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-color: #fcd1f1; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; }

/***** Posts/Pages *****/

.entry-content a, .entry-content a:hover, .mh-meta a:hover, .mh-footer .mh-meta a:hover { color: #1122CC; }
.entry-tags li { background: #1f1e1e; }
.entry-tags li:hover, .entry-tags .fa { background: #ff3d9e; }

/***** Pagination *****/

.page-numbers { background: #efefef; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink, .pagelink { background: #005a8c; }
a .pagelink { background: #efefef; }

/***** Footer *****/

.mh-footer { background: #1f1e1e; }
.mh-footer a { color: #efefef; }
.mh-copyright-wrap { border-color: #555; background: #1f1e1e; }
.mh-copyright, .mh-copyright a { color: #efefef; }

/***** Gallery *****/

.gallery-caption { color: #fff; }

/***** Comments *****/

.bypostauthor .mh-comment-meta-author:after, .mh-comment-meta-links .comment-reply-link:before, #respond #cancel-comment-reply-link:before { color: #005a8c; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #005a8c; }
input[type=submit] { background: #005a8c; }
input[type=submit]:hover { background: #1f1e1e; }

/***** Searchform *****/

.mh-widget .search-form { background: #efefef; }

/***** Widgets *****/

.mh-widget-title-inner { display: inline-block; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #fff; padding: 10px 15px; background: #ff7abc; }
.mh-widget-title-inner a { color: #fff; }
.mh-widget-title { padding: 0; border-bottom: none; background: #ff7abc;  }
.mh-footer-widget-title { background: #ff7abc; }

/***** Widgets Areas (Advertising) *****/

.mh-ad-spot, .mh-info-spot { background: #efefef; }

/***** MH Slider Widget *****/

.mh-slider-widget img { width: 100%; display: block; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #005a8c; }
.mh-slider-caption { border-color: #005a8c; background: #1f1e1e; background: rgba(31, 30, 30, 0.8); }
.mh-widget-col-1 .mh-slider-caption { background: #1f1e1e; }
.mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-title { background: #1f1e1e; background: rgba(31, 30, 30, 0.8); }
.mh-posts-stacked-meta { background: #ff3d9e; }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #1f1e1e; }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget a:hover { color: #005a8c; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #005a8c; }
.mh-tab-button, .mh-tab-content { background: #efefef; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #005a8c; }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button.active { background: #005a8c; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #1f1e1e; }

/***** WP Calendar Widget *****/

#wp-calendar caption { background: #efefef; }

/***** WP Tag Cloud Widget *****/

.mh-widget .tagcloud a, .mh-footer-widget .tagcloud a { background: #1f1e1e; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #fcd1f1; }

/***** Media Queries *****/

@media screen and (max-width: 900px) {
	#mh-mobile .mh-slider-caption { background: #1f1e1e; background: rgba(31, 30, 30, 1); }
}
@media only screen and (max-width: 420px) {
	.mh-copyright-wrap { padding: 15px 20px; }
}

/** My Customize */

/** 文字サイズ */
body {
	font-size: 13pt;
}

.mh-loop-item {
	margin-bottom: 0;
	border-bottom: none;
}

.mh-loop-title {
	border: none;
}

.mh-loop-title a {
	text-decoration: underline;
}

.mh-loop-title a:link {
	color: #1122cc;
}

.mh-loop-title a:visited {
	color: #1122cc;	
}

.mh-loop-content {
	border: solid 3px #ff7fbf;
	border-radius: 0.5em;
}

.mh-loop-thumb {
	max-width: 120px;
	margin-left: 1.5px;
	margin-top: 1.5px;
	margin-right: 10px;
}

.mh-loop-thumb img {
	width: 120px;
	border-radius: 0.5em;
}

.size-mh-magazine-lite-medium {
	height: 120px;
	object-fit: cover;
}

@media (min-width: 621px) {
	
	.mh-loop-thumb {
		max-width: none;
		margin-right: 20px;
	}
	
	.mh-loop-thumb img {
		width: 100%;
	}

	.size-mh-magazine-lite-medium {
		width: 235px;
		height: 235px;
	}
}

.mh-author-box {
	display: none;
}

.mh-copyright-wrap {
	display: none;
}

/** テーブルの色 */

caption {
	padding: 5px;
	border-top: 1px solid #ff7fbf;
	border-left: 1px solid #ff7fbf;
	border-right: 1px solid #ff7fbf;
	background-color: #ffd6ea;
	font-size: 18px;
}

table {
	border-left: 1px solid #ff7fbf;
	border-top: 1px solid #ff7fbf;
}

td, th {
	border-right: 1px solid #ff7fbf;
	border-bottom: 1px solid #ff7fbf;
}

/** シェアボタンの上側を消す */

.addtoany_content_top {
	display: none;
}

/** Top Info */

/*
.md-top-info {
	padding: 10px 20px 0px 20px;
	background-color: white;
}

.md-top-info ul {
	margin-top: 10px;
}

.md-top-info a {
	text-decoration: underline;
}

.md-top-info a:link {
	color: #1122cc;
}

.md-top-info a:visited {
	color: #1122cc;	
}
*/