/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.swp_popularity b {
	font-weight: 100;
}

/** 
 *	@description
 *	Jyutping Chart CSS. 
 */
@media screen and (min-width: 768px) {
	iframe#jyutping-chart {
		min-height: 600px; 
	}
}

div#jyutping-chart-div {
/*	position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;
	z-index:100000;
	position: relative;
	top: 5px; 
	left: 0px;
	right: 0px;
	bottom: 0px; */
	width: 100%; 
	border: none; 
	-webkit-overflow-scrolling: touch;
	/*overflow-y: scroll;*/
}

iframe#jyutping-chart {
	border: none; 
/* 	width: 1px;  */
	min-height: 600px;
	width: 100%;
}


span.underline-chinese-text {
	border-bottom: 1px solid gray; 
}

@media screen and (max-width: 768px) {
	article, section.widget {
		font-family:  "Crimson Text", 'STXihei', sans-serif;
	}
}

@media screen and (min-width: 768px) {
	article, section.widget {
	font-family: "Crimson Text", "STKaiti", "cwTeXKai", sans-serif;
}

}



.site-header {
	padding: 20px 0	!important;
}

.genesis-nav-menu a {
	padding: 15px; 	
}

body > div {
	/*font-size: 2.2rem; !important*/
	font-size: 22px;
}

body {
	line-height: 1.5625 !important;	
}

.single .entry {
	margin-bottom: 0px; /* margin between post and comment area */
}

/**
 * This fixes buttons gets rid of uppercase and extra letter spacing. 
 */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
	text-transform: none !important;
	letter-spacing: 0px !important;
}

/**
 * "Recent Posts" font size
 */
.widget-title {
	font-size: 1.8rem;
	margin-bottom: 20px; 
}

/**
 *	Fixing TOC completely taking over first paragraph issue
 */
#toc_container {
	max-width: 60%;	
}

/**
 *	Preventing td from appearing cramped with lots of content
 */
td {
	padding: 6px !important;	
}

/**
 *	Newsletter after post optin and comments area space
 */
#om-i7ckzwelx8wppkjk-holder {
	margin-bottom: 20px;
}

/**
 *	Fix the problem where tables
 *	overflow the parent div 
 * 	containers
 */
table.vocabulary-table {
	word-break: break-word;
}

table.vocabulary-table tbody tr:first-child td:nth-child(1) {
	width: 25%	
}

table.vocabulary-table tbody tr:first-child td:nth-child(2) {
	width: 25%	
}

table.vocabulary-table tbody tr:first-child td:nth-child(3) {
	width: 35%	
}

table.vocabulary-table tbody tr:first-child td:nth-child(4) {
	width: 15%	
}

/**
 *	Navigation back and forward
 * 	at the bottom of grammar
 *	lessons
 */
div.prev-next-nav span {
	float: right;
	margin-bottom: 20px;
}

/**
 *	Center FB widget (btm)
 */
div.widget-area.footer-widgets-2.footer-widget-area {
	text-align: center;
	margin-bottom: 30px;
}

/**
 *	Center title of newsletter page
 */
article.post-486.page.type-page.status-publish.entry header.entry-header {
	margin: 0px auto 20px auto;
	text-align: center;
}

/**
 *	Format vocabulary tables
 *	but only in grammar lessons
 */
article.category-grammar table {
	word-break: break-word;	
}

article.category-grammar table tbody tr:first-child td:nth-child(1) {
	width: 25%	
}

article.category-grammar table tbody tr:first-child td:nth-child(2) {
	width: 25%	
}

article.category-grammar table tbody tr:first-child td:nth-child(3) {
	width: 35%	
}

article.category-grammar table tbody tr:first-child td:nth-child(4) {
	width: 15%	
}

.page-id-1141 .post-password-form p {
	margin-top: 20px;	
}