/*
Theme Name: Kanzenshuu 3.0 (Responsive)
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Modified by: Hujio
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 1.0.1d
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@media only screen and (max-width: 768px) {
/* For mobile phones displaying smaller than 768px: */

body { background: #FFF; }

#top-bar {
	overflow: hidden;
	color: #FFF;
	margin: 0 auto;
	padding: 0;
	width: 740px;
	height: 80px;
}

/*--------------------------------------------------------------
# Mobile Site Navigation
--------------------------------------------------------------*/
#mobile-nav {
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	
	background: url('/wp-content/themes/kanzenshuu3/images/header/hamburger-open.png') no-repeat center center, linear-gradient(to bottom,#0077B3,#069);
	border-radius: 3px;
	height: 60px;
	width: 60px;
}

#mobile-close {
	display: block;
	position: absolute;
	right: 40px;
	top: 30px;
	background: url('/wp-content/themes/kanzenshuu3/images/header/hamburger-close.png') no-repeat center center, linear-gradient(to bottom,#FFF,#CCC);
	border-radius: 3px;
	height: 60px;
	width: 60px;
}

#mobile-navigation {
	display: none;
	position: absolute;
	background: #666;
	width: 100%;
	height: 100%;
	z-index:100;
}

#mobile-navigation .mobile-header {
	background: linear-gradient(#069,#005580);
	border-bottom: 1px solid #069;
	padding: 30px 40px;
}

#mobile-navigation a.site-logo { /*Site logo*/
	display: block;
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/main_logo_full.png') no-repeat left center;
	height: 60px;
	width: 420px;
}

#mobile-navigation .mobile-menu {
	color: #EEE;
	font: 900 3.0rem 'Roboto Slab', serif;
	font-variant: small-caps;
	text-align: left;
	letter-spacing: 3px;
	background: #005580 url('/wp-content/themes/kanzenshuu3/images/header/background-15-mobile.png') no-repeat center top;
	background-size: 100%,auto;
	box-shadow: inset 1px 4px 9px -6px #222, inset 1px -4px 9px -6px #222;
	padding: 40px;
}

#mobile-navigation .mobile-search {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 100%;
}

#mobile-navigation .mobile-search .search-form input[type="text"] { /*Content search form*/
	font: 400 2rem 'Roboto', sans-serif;
	box-sizing: border-box;
	background: linear-gradient(to right,#E0E0E0,#EEE);
	border: 3px solid #090;
	border-right: none;
	border-radius: 5px 0 0 5px;
	margin: 0;
	padding: 10px 15px;
	width: 75%;
	transition: all 300ms ease;
}

#mobile-navigation .mobile-search .search-form input[type="submit"] { /*Content search button*/
	color: #FFF;
	font: 700 2rem 'Roboto', sans-serif;
	text-transform: uppercase;
	background: #090;
	box-sizing: border-box;
	border: 3px solid #090;
	border-left: none;
	border-radius: 0 5px 5px 0;
	margin: 0;
	padding: 10px 10px;
	width: 25%;
	transition: all 300ms ease;
}

#mobile-navigation .mobile-main-links {
	overflow: hidden;
	margin: 0 0 30px;
	width: 100%;
}

#mobile-navigation .mobile-main-links a {
	display: block;
	color: #EEE;
	font: 700 2.5rem 'Roboto', sans-serif;
	letter-spacing: 7px;
	text-align: center;
	text-transform: uppercase;
	background: linear-gradient(to bottom right,#F70,#F90);
	border-radius: 5px;
	padding: 20px 0px;
	width: 48%;
}

#mobile-navigation .mobile-main-links a:first-of-type {
	float: left;
}

#mobile-navigation .mobile-main-links a:last-of-type {
	float: right;
}

#mobile-navigation .mobile-links {
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
	padding: 20px;
}

#mobile-navigation .mobile-links a {
	color: #EEE;
}

#mobile-navigation .mobile-links span {
	display: block;
	background: url('/wp-content/themes/kanzenshuu3/images/header/dropdown.png') no-repeat center right;
}

#mobile-navigation .mobile-links span.clicked {
	display: block;
	background: url('/wp-content/themes/kanzenshuu3/images/header/dropdown_down.png') no-repeat center right;
}

#mobile-navigation .mobile-links li {
	border-top: 3px solid rgba(0,119,179,0.4);
	padding: 20px 0;
}

#mobile-navigation .mobile-links li:first-of-type {
	border-top: 0px;
	padding: 0 0 20px;
}

#mobile-navigation .mobile-links li:last-of-type {
	padding: 20px 0 0;
}

#mobile-navigation .mobile-links .mobile-sub {
	display: none;
	margin: 15px 0 0;
}

#mobile-navigation .mobile-links .mobile-sub li {
	font: 700 2.4rem 'Open Sans', sans-serif;
	letter-spacing: 2px;
	border-top: 2px solid rgba(0,119,179,0.4);
	margin: 0 0 0 20px;
	padding: 10px 0;
}

#mobile-navigation .mobile-links .mobile-sub li:last-of-type {
	padding-bottom: 0;	
}

#mobile-navigation .mobile-links .mobile-sub li a {
	color: #00B300;
}

#mobile-navigation .mobile-footer {
	color: #EEE;
	text-align: center;
	background: linear-gradient(#333,#666);
	border-top: 1px solid #666;
	padding: 30px 40px;
	
}

#mobile-navigation .mobile-footer a {
	display: inline-block;
	border: none;
	border-radius: 3px;
	height: 75px;
	width: 75px;
	margin-left: 20px;
}

#mobile-navigation .mobile-footer a:first-of-type {
	margin-left: 0px;
}

#mobile-navigation .mobile-footer a.facebook { /*Facebook Link*/
	background: #385798 url('/wp-content/themes/kanzenshuu3/images/header/connect-facebook.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.instagram { /*Instagram Link*/
	background: #9B36B7 url('/wp-content/themes/kanzenshuu3/images/header/connect-instagram.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.patreon { /*Patreon Link*/
	background: #F96855 url('/wp-content/themes/kanzenshuu3/images/header/connect-patreon.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.tiktok { /*TikTok Link*/
	background: #ff004f url('/wp-content/themes/kanzenshuu3/images/header/connect-tiktok.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.twitter { /*Twitter Link*/
	background: #000 url('/wp-content/themes/kanzenshuu3/images/header/connect-x.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.bluesky { /*Bluesky Link*/
	background: #1185FE url('/wp-content/themes/kanzenshuu3/images/header/connect-bluesky.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.youtube { /*YouTube Link*/
	background: #FD2926 url('/wp-content/themes/kanzenshuu3/images/header/connect-youtube.png') no-repeat center center;
	background-size: 75%,auto;
}

#mobile-navigation .mobile-footer a.feed { /*Site Feed Link*/
	background: #F68306 url('/wp-content/themes/kanzenshuu3/images/header/connect-feed.png') no-repeat center center;
	background-size: 75%,auto;
}

/*--------------------------------------------------------------
# Site Links / Top Bar
--------------------------------------------------------------*/
#site-links .main-links {
	overflow: hidden;
	float: none;
	background: none;
	border: none;
	border-radius: unset;
    margin: 0 auto;
}

#site-links .main-links li {
    float: left;
    background: none;
    margin: 0 10px;
}

#site-links .main-links li > a {
	font-size: 1.8rem;
	background: linear-gradient(to bottom,#069,#0077B3);
	border-radius: 0 0 5px 5px;
	padding: 0.6rem 1.2rem 0.8rem;
	height: auto;
}

#site-links .main-links li > a:before {
    display: none;
}

#site-links .main-links li > a:after {
    display: none;
}

#site-links .main-links li:first-child > a {
	padding-left: 1rem;
	padding-bottom: 1rem;
}

#site-links .main-links li:last-child > a {
	border-right: 0;
	margin-right: 0;
	padding-right: 20px;
}

#site-links .main-links a:hover {
	color: #FFF;
	background: #005580;
}

#site-links .main-links a.main {
	color: #005580;
	font-weight: 900;
	background: #EEE;
}

#site-links .main-links a.main:hover {
	color: #F90;
}

/*-----Social Media Links-----*/
#site-links .social-media {
	display: none;
}

/*--------------------------------------------------------------
# Main Header
--------------------------------------------------------------*/

#site-title,#header.large #site-title {
	overflow: hidden;
	/* background: transparent url('/wp-content/themes/kanzenshuu3/images/header/shenlong.png') no-repeat top -5px right 455px; For Shenlong */
	background: transparent url('/wp-content/themes/kanzenshuu3/images/header/toribot-mobile.png') no-repeat top -18px right 450px;
	/* background-size: 100%,auto; For Shenlong */
	background-size: 50%,auto;
	margin: 0 auto;
	padding: 0;
	width: 740px;
	height: 130px;
	animation: none;
}

#header.large #site-title::before {
	display: none;
}

#header.large #site-title::after {
	display: none;
}

#header #site-title a.site-logo,#header.large #site-title a.site-logo {
	margin-top: 24px;
	margin-left: 290px;
}

#header #site-title span {
	margin-left: 290px;
}

/*--------------------------------------------------------------
# Main Site Navigation
--------------------------------------------------------------*/
#main-nav #main-menus,#path {
	display: none;
}

.sticky-nav {
	position: relative;
}

#header.buffer {
	padding-bottom: 0;
}

#site-body {
	overflow: hidden;
	background: none;
	border-radius: 0;
	margin: 0 auto 40px;
	padding: 0;
	width: 740px;
}

#content {
	float: left;
	font-size: 0.9375rem;
	text-align: justify;
	background: #FFF;
	border-radius: 0 0 4px 4px;
	padding: 0 20px 20px;
	width: 740px;
}

/*--------------------------------------------------------------
# News Articles
--------------------------------------------------------------*/
article div.entry-content,
article div.entry-summary {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

#content article .entry-content h2 {
	font-size: 1.5rem;
}

article div.news-button a {
	font-size: 1.25rem;
}

#comments-list .comment-body p {
	font-size: 1rem;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar {
	display: none;
}

/*--------------------------------------------------------------
# Main Footer
--------------------------------------------------------------*/
#site-footer {
	width: 100%;
}

/*-----Main Footer Area-----*/

#main-footer {
	width: 740px;
}

#main-footer .footer-lt {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#main-footer .footer-rt {
	display: none;
}

/*-----Social Media Links-----*/

#main-footer .social p.social-link {
	margin: 0 0 30px;
	padding: 0 20px;
}

#main-footer .social p.social-link a {
	border: none;
	height: 75px;
	width: 75px;
	margin-left: 29px;
}

#main-footer .social a.facebook { /*Facebook Link*/
	background: #385798 url('/wp-content/themes/kanzenshuu3/images/header/connect-facebook.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.instagram { /*Instagram Link*/
	background: #9B36B7 url('/wp-content/themes/kanzenshuu3/images/header/connect-instagram.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.patreon { /*Patreon Link*/
	background: #F96855 url('/wp-content/themes/kanzenshuu3/images/header/connect-patreon.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.tiktok { /*TikTok Link*/
	background: #ff004f url('/wp-content/themes/kanzenshuu3/images/header/connect-tiktok.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.twitter { /*Twitter (X) Link*/
	background: #000 url('/wp-content/themes/kanzenshuu3/images/header/connect-x.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.bluesky { /*Bluesky Link*/
	background: #1185FE url('/wp-content/themes/kanzenshuu3/images/header/connect-bluesky.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.youtube { /*YouTube Link*/
	background: #FD2926 url('/wp-content/themes/kanzenshuu3/images/header/connect-youtube.png') no-repeat center center;
	background-size: 75%,auto;
}

#main-footer .social a.feed { /*Site Feed Link*/
	background: #F68306 url('/wp-content/themes/kanzenshuu3/images/header/connect-feed.png') no-repeat center center;
	background-size: 75%,auto;
}

/*-----Site Disclaimer-----*/
#main-footer .disclaimer {
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 3px 20px;
}

#main-footer .title {
	font-size: 1.8rem;
	margin-bottom: 12px;
	padding: 0 20px 15px;
}

#color-footer {
	background: linear-gradient(to right, #069, #5A5, #C33, #F90);
	height: 2px;
}

/*-----Sub Footer Area-----*/
#sub-footer .top {
	text-align: center;
	width: 740px;
}

#sub-footer .top .logo {
	float: none;
}

#sub-footer .top .browser {
	display: none;
}

#sub-footer .bottom {
	color: #999;
	font-size: 0.9rem;
	text-align: center;
	padding: 15px 20px;
	width: 740px;
}

#sub-footer .bottom .modified {
	float: none;
	display: block;
}

#page-top {
	display: none;
	position: relative;
	bottom: 0;
	right: 0;
	z-index: 0;
}


/*--------------------------------------------------------------
# Section Navigaion Buttons
--------------------------------------------------------------*/
/*-----Section Navigation Dropdown Menu (Top Left of Page)-----*/
#section-container {
	height: 40px;
}

#jump-to-nav span,#jump-to-nav span:hover,#jump-to-nav span.drop,#jump-to-nav ul ul li {
	width: 245px;
}

#jump-to-nav span,#page-edit a,#page-wp a {
	border-radius: 0;
}

/*-----Single Translation Page-----*/
#trans-content { /*Main transition content container*/
	padding: 30px 20px;
	width: 740px;
}

#trans-content div.header,#lyric-content div.header {
	width: 90%;
}

#trans-content div.credit,#lyric-content div.credit {
	width: 75%;
}

#pg_nav div#pg_nav_md.wide { /*For 1000px wide individual pages (i.e. Tanslations, Press, etc.*/
	width: 580px;
}

/*-----Single Lyrics Page-----*/
#lyric-content {
	margin: 0 auto;
	padding: 30px 0;
	min-height: initial;
	min-width: initial;
}

#lyric-content.set-width {
	width: 740px;
	margin: 0 auto;
	padding: 30px 20px;
	transition: width 500ms ease;
}

#lyric-content #expand {
	display: none;
}

#lyric div,#lyric.single div {
	margin-bottom: 20px;
	width: 700px;
}

#lyric div:hover {
	background: #FFF;
}

#lyric dd {
	float: none;
	width: 100%;
	margin: 0;
	padding: 3px 10px;
}

#lyric div dd {
	color: #444;
	font-style: italic;
}

#lyric div dd:first-of-type {
	color: #090;
	font-style: normal;
}

#lyric div dd:last-of-type {
	color: #C00;
	font-style: normal;
}

#lyric.single div dd:last-of-type {
	color: #444;
}

#lyric div.sub-header {
	border-bottom: #CCC solid 2px;
	border-radius: 0;
	margin: 0 0 25px;
	padding: 3px 10px 25px;
}

#lyric div.sub-header::before {
	content: 'Song Lyrics';
	color: #0077B3;
	font-family: 'Roboto Slab', serif;
    font-size: 1.5rem;
	font-weight: 600;
}

#lyric div.sub-header dd {
	display: none;
}

#lyric div.space,#lyric.single div.space {
	border-bottom: #CCC solid 2px;
	width: 700px;
}

}