/* This css is saved per theme. It allows you to change the css depending on the theme.
 * We add classes here we want to use in Site Origin. See examples below.
 *
 * We can access any page with `.page-introduction` or `.page-home`. We can select page by language
 * with `.language-en` or `.language-bo`. We can select a page by language as such:
 * `.page-introduction.language-en`
 */

/* This styles the full width color rows and applies to all pages */
.hero {
  background-color: #666633;
  color: #000000;
  padding: 2em 2em !important;
}

.hero h2 {
  color: #ffffff !important;
  text-align: left !important;
  margin: 0px;
}

.hero h3 {
  color: #ffffff !important;
}

.hero .button {
  background-color: #ffffff !important;
}

/* quick style for css */

.img-width-40 {
  width: 40%; 
  height: auto;
}

/* Resource page buttons */

.large .button {
  padding: 0.5em .75em;
}

.large .button .icon {
  width: 72px;
  height: 72px;
  left: 0;
}

/* resource page button parent */
.resource_links {
  margin-bottom: 40px;
  margin-top: -30px;
}

/* get rid of some padding on h3 (home page h3 links) */
.site-inner .widget_namkha_heading_widget .no-h3-margin h3 {
  margin-bottom: 0px !important;
}

#bible_copyright {
	margin-left: 20px;
  margin-top: -35px;
}

/* mobile */
@media (max-width: 780px) {
	#bible_copyright {
		margin-left: 10px;
	  margin-top: -20px;
	}
}

/* tibetan on home page in english and chinese */
.page-home.language-en .banner h1, .page-home.language-zh .banner h1 {
  font-size: 44px;
  font-family: font_t;
}

#introproducts > .panel-grid-cell:nth-child(1) {
  margin-top:20px;
}

.orange h3 {
  color: #cc6600;
}

.noproductpadding .product {
  padding: 0px !important;
}