/*
Theme Name: DAQ
Theme URI: https://www.daq.jp/
Author: DAQ Co.Ltd.
Author URI: https://www.daq.jp/
Template: twentyseventeen
Version: 1.1.2
*/

/* Typography for Japanese Font */
html[lang="ja"] * {
	letter-spacing: .1em !important;
}

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: 'Noto Serif JP', Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1.8;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 500 !important;
	line-height: 1.8;
	text-transform: none;
}

/* Links */
.site-content a {
	transition: .2s linear !important;
}
.site-content a:hover {
	background-color: #eee;
	box-shadow: none !important;
}
.site-content a:hover .nav-title {
	box-shadow: none;
}

/* Header */
.custom-header-media::before {
	content: none;
}
.site-title {
	line-height: 2;
}
.site-title a,
.site-description {
	opacity: 1 !important;
	background-color: rgba(250, 250, 250, .8);
}

/* Navigation */
.main-navigation .menu-toggle {
	position: fixed;
	top: 0;
	right: 0;
	background-color: #fff !important;
	margin: 0;
	border-radius: 0;
	z-index: 100;
}
.main-navigation .menu-toggle:hover {
	opacity: .8;
}
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus {
	background: none;
	border: none;
	outline: none;
}
.main-navigation .menu-toggle .icon {
	width: 2em;
	height: 2em;
	margin: 0;
}
@media screen and (max-width: 959px) {
	.main-navigation .menu-container {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 99;
	}
	.main-navigation.toggled-on .menu-container .menu {
		padding: 3rem 5%;
		box-shadow: 0 0 2rem rgba(0, 0, 0, .2);
	}
}

/* Footer */
.site-info {
	float: none !important;
	width: 100% !important;
	text-align: center;
}

/* Home */
@media screen and (max-width: 959px) {
	.home .panel-image {
		display: none;
	}
}

/* Pages */
@media screen and (max-width: 959px) {
	.has-header-image .custom-header-media img,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		transform: scale(1.25);
	}
}

/* The Kinta panel: image is mostly white, add bg-color for visibility */
#panel4 .panel-image {
	background-color: #2c2c2c;
}