/*
Theme Name:     KnowHow Child Theme
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowHow
Author: 		Chris Mooney (Swish Themes)
Author URI: 	http://herothemes.com
Template:       knowhow
Version:        1.0.0
*/
/* ------- Insert custom styles below this line ------- */
@import url("../knowhow/style.css");
@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 100; src: local("NotoSansCJKjp-Thin.otf"); src: local("NotoSansJP-Thin.otf"); src: url("font/NotoSansCJKjp-Thin.eot"); src: url("font/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Thin.woff") format("woff"), url("font/NotoSansCJKjp-Thin.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 200; src: local("NotoSansCJKjp-Light.otf"); src: local("NotoSansJP-Light.otf"); src: url("font/NotoSansCJKjp-Light.eot"); src: url("font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Light.woff") format("woff"), url("font/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 300; src: local("NotoSansCJKjp-DemiLight.otf"); src: local("NotoSansJP-DemiLight.otf"); src: url("font/NotoSansCJKjp-DemiLight.eot"); src: url("font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-DemiLight.woff") format("woff"), url("font/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 400; src: local("NotoSansCJKjp-Regular.otf"); src: local("NotoSansJP-Regular.otf"); src: url("font/NotoSansCJKjp-Regular.eot"); src: url("font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Regular.woff") format("woff"), url("font/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 500; src: local("NotoSansCJKjp-Medium.otf"); src: local("NotoSansJP-Medium.otf"); src: url("font/NotoSansCJKjp-Medium.eot"); src: url("font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Medium.woff") format("woff"), url("font/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 700; src: local("NotoSansCJKjp-Bold.otf"); src: local("NotoSansJP-Bold.otf"); src: url("font/NotoSansCJKjp-Bold.eot"); src: url("font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Bold.woff") format("woff"), url("font/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face { font-family: 'NotoSansCJKjp-Km'; font-style: normal; font-weight: 900; src: local("NotoSansCJKjp-Black.otf"); src: local("NotoSansJP-Black.otf"); src: url("font/NotoSansCJKjp-Black.eot"); src: url("font/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Black.woff") format("woff"), url("font/NotoSansCJKjp-Black.ttf") format("truetype"); }

@media only screen and (min-width: 721px) { body { font-family: "Noto Sans", "Noto Sans CJK JP", "NotoSansCJKjp-Km", sans-serif; font-weight: 300; font-size: 13px; } }

.clearfix { zoom: 1; }

.clearfix:after, .clearfix:before { content: " "; display: table; }

.clearfix:after { clear: both; }

#breadcrumbs { margin: 0 0 10px; font-size: 12px; }

#breadcrumbs a:nth-child(4n-1) { display: none; }

#breadcrumbs .sep:nth-child(4n) { display: none; }

.ht-container { zoom: 1; }

.ht-container:after, .ht-container:before { content: " "; display: table; }

.ht-container:after { clear: both; }

.header__title { font-size: 18px; background: #f1f1f1; padding: 8px 10px; border-radius: 2px; margin: 0 0 20px; }

.entry-content { color: #888; }

.entry-content p { margin: 0; }

.type-page { border-bottom: 1px solid #e6e6e6; margin: 0 0 30px; padding: 0 0 30px; }

.tags { margin: 10px 0 0; }

#related-posts { padding: 30px; background: transparent -webkit-linear-gradient(top, #f2f2f2 0%, white 100%) repeat scroll 0 0; background: transparent linear-gradient(to bottom, #f2f2f2 0%, white 100%) repeat scroll 0 0; }

#related-posts-title { border-bottom: 1px solid #e6e6e6; color: #444; font-size: 18px; letter-spacing: -0.5px; line-height: 22px; margin: 0 0 20px; padding: 0 0 10px; }

#primary { background: #f1f1f1; }

#sidebar { line-height: 24px; }

#content { background: #fff; }

#live-search { border-top: none; background: rgba(54, 69, 80, 0.3); }

#site-header { background: #364550; padding: 10px 0; }

#site-header #logo { float: none; text-align: center; line-height: 0; }

#site-header #logo h1 { line-height: 0; }

#site-header #logo a { color: #fff; font-size: 16px; font-weight: normal; line-height: 1; display: inline-block; }

#site-footer { background: rgba(54, 69, 80, 0.3); color: #808080; }

#page-header { border-bottom: none; }

.category #page-header:before { content: "\f0c9"; }

.post { padding: 0 0 30px; border: none; }

.post:before { content: none !important; }

.entry-title { font-size: 18px; line-height: 1.1; }

.entry-title a { font-size: 18px; line-height: 1.1; }

.entry-title a:visited { font-size: 18px; line-height: 1.1; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

@media screen and (max-width: 720px) { #primary #content { padding: 20px !important; } }

@media screen and (min-width: 721px) { #primary #content { padding: 40px !important; border: none; }
  #primary.sidebar-left #content { border: none !important; width: 77%; }
  #primary.sidebar-left #sidebar { border: none !important; width: 23%; } }

.g-mainMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.g-mainMenu .mmBox { width: 100%; background-color: #fff; margin: 0 0 20px; padding: 0 10px; }

.g-mainMenu .mainMenu__ttl { font-size: 18px; border-bottom: 1px solid #d4d4d4; padding: 10px 0 10px 20px; position: relative; color: #000; }

.g-mainMenu .mainMenu__ttl:before { content: "\f07b"; font-family: "FontAwesome"; font-size: 15px; left: 0; position: absolute; top: 50%; margin-top: -10px; width: 20px; color: #000; }

.g-mainMenu a { display: block; padding: 8px 5px; color: #007ebe; text-decoration: none; position: relative; }

.g-mainMenu a:hover, .g-mainMenu a:link, .g-mainMenu a:visited { color: #007ebe; text-decoration: none; }

.g-mainMenu a:hover { color: #444; }

@media screen and (max-width: 720px) { .g-mainMenu .mainMenu__headline { text-align: center; display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #f2f2f2; }
  .g-mainMenu .mmBox { margin: 0; }
  .g-mainMenu .mainMenu__ttl { font-size: 14px; position: relative; cursor: pointer; }
  .g-mainMenu .mainMenu__ttl:before { font-size: 15px; margin-top: -11px; } }

@media screen and (min-width: 721px) { .g-mainMenu .mmBox { margin-bottom: 20px; width: 49%; }
  .g-mainMenu .mainMenu__ttl { font-size: 18px; } }

.g-sideMenu .sideMenu__ttl { font-size: 18px; border-bottom: 1px solid #d4d4d4; padding: 10px 0; color: #000; position: relative; /* &:before { content: "\f0c9"; font-family: "FontAwesome"; font-size: 15px; left: 0; position: absolute; top: 50%; margin-top: -9px; width: 20px; color: #000; } */ }

.g-sideMenu a { display: block; color: #7e7e7e; text-decoration: none; position: relative; }

.g-sideMenu a:hover, .g-sideMenu a:link, .g-sideMenu a:visited { color: #7e7e7e; text-decoration: none; }

.g-sideMenu a:hover { color: #444; }

@media screen and (max-width: 720px) { .g-sideMenu .sideMenu__headline { text-align: center; display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #d4d4d4; color: #888; }
  .g-sideMenu .sidebox { margin: 0; }
  .g-sideMenu .sideMenu__ttl { font-size: 14px; position: relative; cursor: pointer; padding: 10px; color: #888; /* &:before { font-size: 15px; margin-top: -11px; left: 10px; } */ }
  .g-sideMenu .sideMenu__ttl:after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; color: #ccc; right: 10px; font-size: 20px; top: 50%; margin: -10px 0 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s; transition: 0.5s; }
  .g-sideMenu .sideMenu__ttl.is-open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .g-sideMenu a { padding: 10px 15px 8px; border-bottom: 1px dotted #d4d4d4; }
  .g-sideMenu a:last-child { border-bottom: 1px solid #d4d4d4; }
  .g-sideMenu a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; color: #ccc; right: 10px; font-size: 20px; top: 50%; margin: -10px 0 0; -webkit-transition: 0.5s; transition: 0.5s; }
  .g-sideMenu .sideMenu__cont { display: none; background: #f8f8f8; } }

@media screen and (min-width: 721px) { .g-sideMenu .sideMenu__headline { display: none; }
  .g-sideMenu .sidebox { padding: 0 10px; margin-bottom: 20px; }
  .g-sideMenu .sideMenu__ttl { font-size: 18px; border: none; }
  .g-sideMenu .sideMenu__cont { display: block; }
  .g-sideMenu .sideMenu__cont a { padding: 4px 0 4px 5px; border: none; } }

.g-catHasLink { padding: 0 0 0 15px; }

.faq-accordion .faq-main { border: none; padding: 0; }

[data-accordion] > [data-control] { padding-right: 0 !important; }

[data-accordion] > [data-control]::after { content: none; width: 0; background: none; }

.faq-title { padding: 5px 10px !important; }

.faq-title h4 { color: #007ebe; font-size: 13px !important; }

.faq-content { margin: 10px; padding: 10px; border: 4px solid rgba(54, 69, 80, 0.1); }

.g-faq { margin: 0 0 30px; }

.g-faq .faq__headline { font-size: 16px; border-left: 4px solid #ff6f52; padding: 0 0 0 5px; margin: 0 0 15px; }
/*# sourceMappingURL=maps/style.css.map */