/*!
Theme Name: HybridMag-onayami
Template: hybridmag
Theme URI: https://themezhut.com/themes/hybridmag/
Author: ThemezHut
Author URI: https://themezhut.com
Description: HybridMag-onayami is a modern and stylish WordPress theme for blogs, newspapers, and magazine websites. The advanced options provided with HybridMag-onayami allow you to tailor every aspect of your website to match your brand, making it the best choice for online publishers.
Version: 1.0.7
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hybridmag
Tags: news, blog, grid-layout, right-sidebar, two-columns, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

HybridMag is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url("../hybridmag/style.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body,
.site-title, .archive-title, h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Sans JP', sans-serif !important;
}

.site-branding-container{
	display: block;
}
.site-description{
	margin-left: 20px;
}
.hm-entry-single > .post-thumbnail{
	margin: 0 auto 35px;
}
.hm-cl-sep .hm-entry-single{
	background-color: #fcfcfc;
	box-shadow: 4px 4px 1px #fff0cd;
}
.entry-content h2{
	line-height: 1.4;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    border-top: 3px solid #333333;
    position: relative;
}
.entry-content h2:before {
    content: "";
    width: 50px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 0;
    background-color: #f7c00b;
}

.entry-content h3{
	padding: 10px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #f7c00b;
}

/* sidebar  */
.hm-cl-sep #secondary .widget {
    box-shadow: unset;
    padding: 10px 30px;
    margin-bottom: 15px;
}

/* footer  */
.site-footer,
.site-footer a{
	font-size: 12px;
}

@media only screen and (max-width: 958px){
	.site-description{
		font-size: 12px;
		text-align: center;
	}
}

@media only screen and (max-width: 480px){
  .hm-breadcrumb-wrap{
    overflow: scroll;
    white-space: nowrap;
  }
}