/* General */
/*
Colors:
White #ffffff;
Lightest Green #79c046;
Light Green #6ea843;
Dark Green #0e9647;
Darkest Green #087348;
Light Grey #aaaaaa;
Dark Grey #808285;
*/
.block-max1080 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2%;
  padding-bottom: 2%;
}
.margin-10 {
  margin: 10%;
}
#masthead {
  background-color: #ffffff;
}
#masthead.masthead-logo-in-menu .logo > * {
	width: 0px;
}
#masthead.masthead-logo-in-menu .logo {
  padding: 0;
  margin-top: 2.5% !important;
  max-width: 60%;
}
#masthead.masthead-logo-in-menu .logo > img {
  max-height: 80px;
}
#masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
    padding: 5px !important;
}
.main-navigation ul {
	padding-top: 2%;
  padding-bottom: 4%;
}
.main-navigation li.menu-item-language a {
	max-width: 6rem;
}
#main {
  padding: 0;
}
article.post header.entry-header , article.page header.entry-header {
  margin-bottom: 3rem;
}
article.post header.entry-header h1.entry-title, article.page header.entry-header h1.entry-title
header.entry-header  {
  font-size: 2.5rem;
  line-height: 3rem;
}
.entry-content h3.widget-title {
  color: #0e9647;
  font-size: 2rem;
  line-height: 2rem;
  padding: 2rem 0;
}
.textwidget p {
  margin-bottom: 2rem !important;
}
.textwidget ul, .textwidget ol {
  margin-left: 0px;
}
.textwidget ul li {
  list-style: none;
  margin-left: 0px;
}
.textwidget ul li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #0e9647;
  display: inline-block;
  font-size: 3rem;
  margin-right: 1.5rem;
  line-height: 4rem;
  vertical-align: middle;
}
.so-widget-sow-button a {
  border: none !important;
}
.so-widget-sow-button a:hover {
    text-decoration: none !important;
}
.symbol-in-title h3.widget-title, .no-symbol-in-title h3.widget-title {
  font-size: 2rem;
  line-height: 2.5rem;
  color: #0e9647;
}
.symbol-in-title h3.widget-title:before {
  content: url('/wp-content/uploads/2016/08/trafooco-symbol-48x48.png');
  margin-right: 3rem;
}
.symbol-in-title .textwidget p {
  padding-left: 15%;
}

/* CHT */
html:lang(zh-hant) * {
  font-family: 'source-han-sans-traditional', 'FontAwesome', 'vantage-icons', sans-serif;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.cht-brush .textwidget * {
  font-family: 'heisei-mincho-std', sans-serif;
  font-weight: 900;
}
.cht-brush .textwidget h1, .cht-brush .textwidget h1 * {
  font-size: 5rem;
  line-height: 5.5rem;
  letter-spacing: 0.5rem;
  margin:	0;
}
.cht-brush .textwidget h3, .cht-brush .textwidget h3 * {
  font-size: 2.6rem;
  letter-spacing: 0.2rem;
  margin:	0;
}
.vertical-writing {
  text-align: left;
  direction: rtl;
  -ms-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  float: right;
}
.symbol-in-title:lang(zh-hant) h3.widget-title, .no-symbol-in-title:lang(zh-hant) h3.widget-title {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0.2rem;
}
#sec-quote:lang(zh-hant) .h2-white h2
{
  letter-spacing: 0.2rem;
}
#footer-widgets .widget .address:lang(zh-hant) * {
  font-size: 2rem;
  line-height: 3.5rem;
}
#footer-widgets .widget.widget_nav_menu:lang(zh-hant) {
  padding-top: 1rem;
}

/* Footer */
#footer-widgets * {
  float: right;
  font-size: 1.5rem;
  line-height: 2rem;
}
#footer-widgets .sow-image-container img {
  max-height: 82px;
  width: auto;
}
#footer-widgets .textwidget  {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#footer-widgets .widget .address * {
	color: #0e9647;
  float: left;
}
#footer-widgets .widget .address a {
	float: none;
}
#footer-widgets .widget.widget_nav_menu li {
  font-size: 1rem;
  display: inline-block;
  margin-right: 0;
}
#footer-widgets .widget.widget_nav_menu li:after {
  content: '|';
  font-size: 2rem;
}
#footer-widgets .widget.widget_nav_menu li:last-of-type:after {
  content: none;
}
#footer-widgets .widget.widget_nav_menu li > a {
  padding: 0.5rem !important;
  color: #808285;
  border: none;
}
#footer-widgets .widget.widget_nav_menu li > a:hover {
  color: #6ea843;
}

/* Sections in HomePage */
body.home nav.primary, body.home footer#colophon {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
#sec-quote .h2-white h2
{
  padding: 4%;
  color: #ffffff;
  text-align: center;
  font-size: 2.3rem;
  line-height: 3rem;
}
#sec-notice .textwidget {
	margin-right: 10%;
}
#sec-notice .textwidget h3 {
	color: #6ea843;
  margin: 0;
}
#sec-product :not(.cht-brush) .textwidget h2, #sec-product :not(.cht-brush) .textwidget h2 * {
  font-size: 3.8rem;
  line-height: 5rem;
  letter-spacing: 0.5rem;
  margin: 0;
}
#sec-faq {
  background: #087348;
  background: -webkit-linear-gradient(left, #087348 , #79c046); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #087348, #79c046); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #087348, #79c046); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #087348 , #79c046); /* Standard syntax */
}
#sec-faq .img-invert img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
#sec-faq .textwidget *
{
  color: #ffffff;
}
#sec-faq .textwidget h4 {
  font-size: 2rem;
  letter-spacing: 0.2rem;
}

/* WooCommerce */
.woocommerce .button {
  border: none !important;
  background: none !important;
  color: #ffffff !important;
  background-color: #087348 !important;
  border-radius: 10px !important;
  text-shadow: none !important;
}
.woocommerce .button:hover {
  background: none !important;
  color: #ffffff !important;
  background-color: #0e9647 !important;
}
.woocommerce #content div.product {
  margin-top: 5%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: left;
  width: 39.5%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: right;
  width: 59.5%;
}
.woocommerce #page-wrapper .product h1[itemprop='name'], .woocommerce #page-wrapper .product div[itemprop='description'] p {
  color: #0e9647;
  margin: 0px;
  padding-bottom: 0.5rem;
}
.woocommerce #page-wrapper .product div[itemprop='description'] {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #aaaaaa;
}
.woocommerce #page-wrapper .product div[itemprop='offers'] p.price {
  padding: 2rem 0px;
  border-bottom: 1px solid #aaaaaa;
}
.woocommerce #content div.product div.summary h2, .woocommerce div.product div.summary h2 {
  display: none;
}
.woocommerce #content div.product .woocommerce_product_description h3 {
	color: #0e9647;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  padding: 0.5rem 0;  
}
.woocommerce #content div.product .woocommerce_product_description h3:before {
	font-family: 'FontAwesome';
  content: '\f068';
  color: #0e9647;
  display: inline-block;
  margin-right: 1rem;
}
.grey-border-top {
  border-top: 1px solid #aaaaaa;
}
.grey-border-bottom {
  border-bottom: 1px solid #aaaaaa;
}
.woocommerce #content div.product .woocommerce-variation-price {
  padding: 1rem 0 2rem;
}
.woocommerce #content div.product form.cart .variations {
  display: inline-flex;
	line-height: 2.5rem;
}
.woocommerce #content div.product form.cart .variations * {
  color: #0e9647;
  border-radius: 10px;
  font-size: 1.5rem;
}
.woocommerce #content div.product form.cart .variations .value {
  padding-left: 1rem;
}
.woocommerce #content div.product form.cart .variations .value * {
  border-color: #0e9647;
}
.woocommerce #page-wrapper div.product form.cart .variations .qty {
  margin-top: 0;
}
.woocommerce #content div.product form.cart .variations button.single_add_to_cart_button {
  padding: 7px;
}


/* RESPONSIVE */
@media only screen and (max-width: 768px) {
  .vertical-writing {
    text-align: left;
    direction: ltr;
    -ms-writing-mode: initial;
    -webkit-writing-mode: initial;
    writing-mode: initial;
    float: left;
    width: 100%;
  }
  .textwidget {
    padding-left: 5%;
    padding-right: 5%;
  }
  .mobile-hide {
  	display: none;
  }
  
  .symbol-in-title .textwidget p {
    padding-left: 5%;
	}
  .cht-brush .textwidget h1, .cht-brush .textwidget h1 * {
    font-size: 3.5rem;
    line-height: 4rem;
	}
  #sec-notice .textwidget {
    margin-right: 0;
	}
  #sec-product :not(.cht-brush) .textwidget h2, #sec-product :not(.cht-brush) .textwidget h2 * {
    font-size: 3rem;
    line-height: 3.5rem;
	}
	#sec-product .panel-grid-cell {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #sec-company .company-text {
    padding: 5% !important;
  }
  
}
@media only screen and (max-width: 480px) {
  #masthead.masthead-logo-in-menu .logo {
    max-width: 40%;
  }
  
  .cht-brush .textwidget h1, .cht-brush .textwidget h1 * {
    font-size: 3rem;
    line-height: 3.5rem;
	}
  #sec-product :not(.cht-brush) .textwidget h2, #sec-product :not(.cht-brush) .textwidget h2 * {
    font-size: 2.5rem;
    line-height: 3rem;
	}
  #sec-product .panel-grid-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}