@charset "UTF-8";

/*

	Theme Name: unemax

	Theme URI: https://terryl.in/en/repository/mynote/

	Description: Mynote is a responsive, clean, Markdown friendly WordPress blog theme. It is based on Bootstrap 4 and Fontawesome 5. It is suitable for programming, business, technical, professional, niche and any kind of blogging sites. Mynote has landing-page templates so that can your highly customize your homepage, make your website unique and professional.

	Version: 1.0

	Author: Terry Lin

	Author URI: https://terryl.in

	Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, custom-logo, custom-colors, custom-header, featured-images, featured-image-header, microformats, theme-options, footer-widgets, threaded-comments, translation-ready, e-commerce, blog, entertainment

	License: GNU General Public License v3 or later

    License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Text Domain: unemax.com

*/

::selection {

  background: #04A4CC;

  color: #FFF;

  text-shadow: none;

}



::-webkit-selection {

  background: #04A4CC;

  color: #FFF;

  text-shadow: none;

}



::-moz-selection {

  background: #04A4CC;

  color: #FFF;

  text-shadow: none;

}



/* Single - Post */

.single-post-header {

  background-color: #2e4863;

  padding: 52px 0px 0px 0px;

  margin-bottom: 20px;

  border-bottom: 0px solid #e1e4e8;

  height: 170px;

}

.single-post-header h1 {

  font-size: 32px;

  margin-bottom: 0;

  font-weight: 400;

  line-height: 1.125;

  word-wrap: break-word;

}

.single-post-header .post-mynote-buttons {

  float: right;

  margin-top: 5px;

}

.single-post-header .author-link {

  font-weight: bold;

  color: #586069 !important;

}

.single-post-header .post-meta {

  padding: 5px;

  font-size: 14px;

}

.single-post-header .post-meta .poster-avatar {

  margin-right: 5px;

}



/* Single - Page */

.single-page-header {

  background-color: #444;

  padding: 10px;

  margin-bottom: 20px;

  border-bottom: 0px solid #e1e4e8;

  height: 210px;

}



.page {

  /* Hide post meta in Page */

  /*text-align: justify;*/

}

.page .post-meta {

  visibility: hidden;

}



article figcaption {

  color: #6c757d;

  margin: 0.25rem 0 1rem;

  text-align: center;

  font-style: italic;

}



#content{

	margin-top:20px;

}



/* Category page. */

.category-header {

  background-color: #fafbfc;

  padding: 20px 0px;

  margin-bottom: 20px;

  border-bottom: 1px solid #e1e4e8;

}

.category-header h1 {

  font-size: 2rem;

  margin-bottom: 0;

  font-weight: 400;

  line-height: 48px;

  word-wrap: break-word;

}

.category-header h1:before {

  font-family: 'Font Awesome 5 Free';

  border: 0px #dddddd solid;

  border-radius: 5px;

  width: 48px;

  height: 48px;

  padding-left: 6px;

  display: inline-block;

  vertical-align: middle;

  position: relative;

  top: -3px;

  overflow: hidden;

  text-align: center;

  margin-right: 10px;

  line-height: 48px;

  font-size: 1.6rem;

  font-weight: 600;

  padding-right: 5px;

  text-shadow: rgba(102, 102, 102, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.6) 0 2px 1px;

  background-image: -webkit-repeating-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-linear-gradient(left, transparent 0%, transparent 4%, rgba(0, 0, 0, 0.03) 4.5%), -webkit-repeating-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.15) 2.2%), linear-gradient(180deg, #c7c7c7 0%, #e6e6e6 47%, #c7c7c7 53%, #b3b3b3 100%);

  color: #333333;

  box-shadow: inset rgba(38, 38, 38, 0.2) 0 0px 0px 1px, inset rgba(38, 38, 38, 0.2) 0 -1px 1px 1px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 2px, inset rgba(255, 255, 255, 0.7) 0 1px 0px 2px, rgba(0, 0, 0, 0.15) 0 -1px 1px 1px, rgba(255, 255, 255, 0.5) 0 1px 1px 1px;

  /* outer HL */

}

.category-header h1.category:before {

  content: '\f0c6';

}

.category-header h1.archive:before {

  content: '\f1c6';

}

.category-header h1.tag:before {

  content: '\f02c';

}

.category-header h1.git:before {

  content: '\f1d3';

}

.category-header h1.search:before {

  content: '\f002';

}

.category-header h1.user:before {

  content: '\f007';

}

.category-header h1.error-404:before {

  content: '\f071';

}

.category-header h1 .badge {

  font-size: 0.81rem;

}

.category-header .term-desctiotion {

  font-size: 0.81rem !important;

}



/* Single - Post - A part of page title progress bar */

.single-post-title-bar {

  background-color: #24292e;

  color: #c8c9ca;

  font-weight: 600;

  display: none;

  transform: translateY(-60px);

  -webkit-transform: translateY(-60px);

  transform-origin: top;

  transition: .5s ease;

}

.single-post-title-bar.fixed-top {

  z-index: 100001;

}

.single-post-title-bar .container {

  justify-content: flex-start;

}

@media (max-width: 991.98px) {

  .single-post-title-bar .container {

    padding: 0;

  }

}

.single-post-title-bar.slide-down {

  transform: translateY(0);

  -webkit-transform: translateY(0);

}

.single-post-title-bar .logo-img {

  height: 32px;

}

.single-post-title-bar .navbar-brand {

  padding: 0;

}

.single-post-title-bar .navbar {

  min-height: 60px;

  padding: 10px !important;

}



/* Button - go to top. */

.go-top {

  display: inline-block;

  font-size: 16px;

  color: #fff;

  background: rgba(0, 0, 0, 0.5);

  position: fixed;

  right: 15px;

  bottom: 15px;

  margin: 0px;

  z-index: 1000;

  width: 35px;

  height: 35px;

  line-height: 35px;

  border-radius: 5px;

  text-align: center;

}

.go-top:hover {

  color: #ffffff;

}

.go-top i {

  position: relative;

}



/* Tags */

.tags {

  margin: 15px 0;

  text-align: right;

  overflow: hidden;

}

.tags a {

  padding: 2px 5px;

  margin: 5px;

  text-decoration: none;

  font-size: 0.9rem;

  color: #24292e;

  border-radius: 3px;

  word-break: keep-all;

  display: inline-block;

}

.tags a:hover {

  background-image: linear-gradient(-180deg, #dddddd 0%, #ffffff 90%);

}

.tags a:before {

  font-family: 'Font Awesome 5 Free';

  content: "\f02b";

  font-size: 13px;

  font-weight: 900;

  padding-right: 5px;

  color: #aaaaaa;

}



.modified-date {

  margin: 40px !important;

  text-align: center;

  font-size: 0.85rem;

  font-style: italic;

}



/* Pagination */

.pagination-container {

  margin: 20px auto !important;

}



/* Read more fade out effect */

.card-text-fade-out {

  height: 180px;

  max-height: 180px;

  position: relative !important;

  overflow: hidden;

}

.card-text-fade-out .effect-layer {

  position: absolute;

  content: ' ';

  bottom: 0;

  left: 0;

  width: 100%;

  height: 80px;

  overflow: hidden;

  display: block;

  text-align: center;

  z-index: 2;

  margin: 0;

  padding: 0 0 20px 0;

  background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);

}



.card-body-footer {

  margin-top: 15px;

}



/* Background image fit the center */

.bg-cover {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.section-intro {

  width: 100%;

  min-height: 500px;

  background-color: #2b3137;

  color: #ffffff;

  overflow: hidden;

}

.section-intro a {

  color: #fff !important;

  cursor: pointer;

}

.section-intro .desc-text {

  color: #adb5bd;

}



/*

.menu-is-collapsed {

    .header {

        -webkit-transition: background-color 0.5s;

        -moz-transition: background-color 0.5s;

        -o-transition: background-color 0.5s;

        transition: background-color 0.5s

    }

}

*/

.main-header {

  position: relative;

}

.main-header .section-intro {

  position: relative;

}

@media (max-width: 767.98px) {

  .main-header .section-intro {

    width: 100%;

    min-height: 65vh;

    padding: 80px 0;

    background-position: 40% center;

    background-size: cover;

  }

}

.main-header .section-intro .scroll-area {

  position: absolute;

  bottom: 35px;

  margin-left: -25px;

  left: 50%;

  width: 50px;

  height: 50px;

  opacity: .9;

  overflow: hidden;

  display: none;

}

.main-header .section-intro .scroll-area a {

  width: 50px;

  height: 50px;

  text-align: center;

  display: inline-block;

  font-weight: normal;

  font-size: 25px;

  line-height: 44px;

  color: #ffffff;

  border-radius: 50%;

  border: 3px #ffffff solid;

}

.main-header.has-custom-header .desc-text {

  color: #dee2e6;

  padding: 15px 45px;

  background-color: rgba(0, 0, 0, 0.2);

  border-top-left-radius: 1.5em;

  border-bottom-right-radius: 3em;

  font-style: italic;

}



@media (max-width: 767.98px) {

  .admin-bar .main-header .section-intro {

    min-height: calc(100vh - 46px);

    padding: 60px 0;

  }



  .scroll-area {

    display: inline-block !important;

  }

}

.article-list {

  color: #666666;

  min-height: 250px;

  overflow: hidden;

}

.article-list a {

  color: #333333;

}

.article-list a:hover {

  color: #0366dd;

}

.article-list .read-more-link {

  color: #0366dd;

}



.header {

  background-color:rgb(245,245,245) !important;

  color: #151616;

  width: 100%;

  z-index: 1000;

  border-bottom: 1px solid #ccc;

  /* Default wordpress menu */

}

.header .container {

  min-height: 68px;

}

.header .logo-img {

  height: 32px;

}

.header .navbar-brand {

  padding: 0;

}

.header .navbar {

  min-height: 68px;

  padding: 10px !important;

}

.header .navbar .home-link {

  text-decoration: none;

  color: #f1f1f1;

  margin-right: 20px;

}

.header .navbar .home-link:hover {

  color: #ffffff !important;

}

.header.fixed-top .container {

  justify-content: flex-start;

}

.header .search-bar {

  width: 300px;

  min-height: 30px;

  color: #444444;

  background-color:#ffffff;

  border: 0;

  position: relative;

  box-shadow: none;

  margin-right: 10px;

  border: 1px solid #cccccc;

}

.header .search-bar .search-input {

  color: #444444;

  display: table-cell;

  width: calc(100% - 30px);

  min-height: 30px;

  padding: 0 10px;

  background: none;

  border: 0;

  box-shadow: none;

}

.header .search-bar .search-input:focus {

  background-color: #ffffff;

  color: #444444;

  outline: none;

}

.header .search-bar .search-icon {

  width: 30px;

  min-height: 24px;

  line-height: 24px;

  position: absolute;

  right: 0;

  top: 3px;

  display: table-cell;

  text-align: center;

  cursor: pointer;

  font-size: 13px;

  color: rgba(255, 255, 255, 0.2);

  padding: 0;

  background: none;

  border: 0;

  border-left: 1px rgba(0, 0, 0, 0.3) solid;

  box-shadow: none;

}

.header .navbar-nav {

  /* The dropdown menu */

}

.header .navbar-nav > li > a {

  color: #444444 !important;

}

.header .navbar-nav > li > a:hover {

  color: #000000 !important;

}

.header .navbar-nav .dropdown-toggle::after {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: .4em !important;

  vertical-align: middle !important;

  content: "";

  border-top: .3em solid;

  border-right: .3em solid transparent;

  border-bottom: 0;

  border-left: .3em solid transparent;

}

.header .navbar-nav .dropdown-menu {

  min-width: 10rem;

  padding: .5rem 0;

  margin: 6px 0 0;

  font-size: 1rem;

  color: #212529;

  text-align: left;

  list-style: none;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0;

  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);

}

@media (min-width: 992px) {

  .header .navbar-nav .dropdown-menu::before {

    border-bottom: 9px solid rgba(0, 0, 0, 0.2);

    border-left: 9px solid transparent;

    border-right: 9px solid transparent;

    content: "";

    display: inline-block;

    left: 25px;

    position: absolute;

    top: -8px;

  }

  .header .navbar-nav .dropdown-menu::after {

    border-bottom: 8px solid #FFFFFF;

    border-left: 9px solid transparent;

    border-right: 9px solid transparent;

    content: "";

    display: inline-block;

    left: 25px;

    position: absolute;

    top: -7px;

  }

}

.header .navbar-nav .dropdown-item {

  font-weight: 600;

}

.header .menu-item a {

  display: block;

  padding: .5rem 0;

}



.has-site-logo .navbar-brand {

  margin-bottom: -10px;

  margin-top: -10px;

}

.has-site-logo .header .logo-img {

  height: 30px;

  margin: 10px 0px 0px 0px;

}



.wrapper {

  position: relative;

}



.menu-is-collapsed header.header {

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 9999;

}

.menu-is-collapsed .wrapper {

  padding-top: 60px;

}



.footer {

  margin: 40px 0 20px 0;

}

.footer .footer-columns {

  font-weight: 400;

  font-size: 13px;

  text-align: left;

  display: flex;

  justify-content: space-between;

}

.footer .footer-columns a, .footer .footer-columns strong {

  font-weight: normal;

  color: #333333;

}

.footer .footer-nav {

  text-align: center;

  font-size: 14px;

  display: inline-block;

}

.footer .footer-nav ul.footer-menu {

  padding: 0;

  margin: 0;

  display: inline-flex;

  list-style-type: none;

}

.footer .footer-nav ul.footer-menu li {

  margin: 0;

}

.footer .footer-nav ul.footer-menu li:after {

  content: "|";

  color: #aaaaaa;

  margin: 0 10px;

  font-size: 13px;

}

.footer .footer-nav ul.footer-menu li:last-child:after {

  display: none;

}

.footer .footer-nav ul.footer-menu a {

  font-size: 13px;

}

.footer .footer-nav ul.social-icon-links {

  padding: 0;

  margin: 0;

  display: inline-flex;

  list-style-type: none;

}

.footer .footer-nav ul.social-icon-links li {

  margin: 5px 10px;

}

.footer .footer-nav ul.social-icon-links a {

  color: #333333;

}

@media (max-width: 767.98px) {

  .footer .footer-columns {

    display: block;

  }

  .footer .footer-nav {

    display: block;

  }

  .footer .footer-nav ul.footer-menu {

    display: block;

    margin: 15px 0;

  }

  .footer .footer-nav ul.footer-menu li a {

    border: 1px #dddddd solid;

    display: block;

    padding: 5px 10px;

    margin: 5px 0;

    border-radius: 4px;

    text-decoration: none;

  }

  .footer .footer-nav ul.footer-menu li a:hover {

    border: 1px #222222 solid;

    background-color: #333333;

    color: #ffffff;

  }

  .footer .footer-nav ul.footer-menu li:after {

    content: "";

    display: none;

  }

  .footer .footer-nav ul.social-icon-links {

    display: block;

    list-style-type: none;

  }

  .footer .footer-nav ul.social-icon-links li {

    display: inline-block;

  }

}

.footer .brand-link:hover {

  background-color: #f1f1f1;

  color: #111111;

}



.home .footer {

  border-top: 0;

}



/* Comment */

.discussion-timeline {

  margin-top: 20px;

  padding-top: 2px;

  border-top: 1px solid #e6ebf1;

}



.comment-wrapper {

  position: relative;

  padding-left: 60px;

  margin-top: 15px;

  margin-bottom: 15px;

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

}

.comment-wrapper .comment-avatar {

  float: left;

  margin-left: -60px;

  border-radius: 3px;

}

.comment-wrapper .comment-avatar .avatar {

  display: inline-block;

  overflow: hidden;

  line-height: 1;

  vertical-align: middle;

  border-radius: 3px;

}

.comment-wrapper .comment-container {

  position: relative;

  background-color: #fff;

  border: 1px solid #d1d5da;

  border-radius: 3px;

}

.comment-wrapper .comment-header {

  padding-right: 15px;

  padding-left: 15px;

  color: #586069;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.comment-wrapper .comment-header .comment-header-text {

  padding: 10px 0;

  max-width: 75%;

}

.comment-wrapper .comment-header .comment-label {

  float: right;

  padding: 2px 5px;

  margin: 8px 0 0 10px;

  font-size: 12px;

  cursor: default;

  border: 1px solid rgba(27, 31, 35, 0.1);

  border-radius: 3px;

}

.comment-wrapper .comment-header .comment-header-btn {

  display: block;

  float: right;

  margin: 8px 0 0 10px;

}

.comment-wrapper .comment-header .comment-header-btn a {

  font-size: 14px;

  padding: 5px;

  color: rgba(27, 31, 35, 0.3) !important;

}

.comment-wrapper cite.author {

  color: #c43d3d;

}

.comment-wrapper cite.author a {

  color: #c43d3d !important;

}

.comment-wrapper cite.reader {

  color: #586069;

}

.comment-wrapper cite.reader a {

  color: #586069 !important;

}

.comment-wrapper .comment-link {

  color: #586069 !important;

}

.comment-wrapper .comment-body {

  width: 100%;

  padding: 15px;

  overflow: visible;

}



.even .comment-header {

  background-color: #f1f8ff;

  border-bottom: 1px solid #c0d3eb;

}



.odd .comment-header {

  background-color: #f6f8fa;

  border-bottom: 1px solid #d1d5da;

}



.comment-reply-title {

  margin: 10px 0;

}



/* Typography */

.header {

  font-weight: 600;

}

.header .search-bar {

  font-size: inherit;

}

.header .search-bar .search-input {

  font-size: 13px;

}

.header .navbar-nav > li > a {

  font-size: 14px;

}



/* Typography - Single post page */

#post-title {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif !important;

  font-size: 2.2rem;

  font-weight: normal;

  padding: 10px 0px;;

  color: #444444;

  /*text-transform: uppercase;*/

  display: flex;

  justify-content: center;

  align-items: center;

  height: auto;

  /* background: #f8f9fa; */

}



/* Typography - Single post page */

#page-title {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif !important;

  font-size: 2.2rem;

  font-weight: normal;

  padding: 10px;

  color: #f5f5f5;

  text-transform: uppercase;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 200px;

}

@media (max-width: 575.98px) {

  #post-title {

    font-size: 1.7rem;

  }



  #page-title {

    font-size: 1.7rem;

  }

}



/* Typography - Home page */

.section-intro {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif !important;

  font-weight: 300;

}

.section-intro a {

  font-weight: 400;

}

.section-intro h1 {

  font-size: 4.5rem;

  font-weight: 300;

}

@media (max-width: 767.98px) {

  .section-intro h1 {

    font-size: 3.5rem;

  }

}

.section-intro .desc-text {

  font-size: 1.6rem;

}



/* Typography - Comment */

.comment-wrapper cite {

  font-style: normal !important;

  font-weight: 600 !important;

}

.comment-wrapper .comment-body {

  font-size: 14px;

}



article figcaption {

  font-size: 0.85rem;

}



.comment-notes {

  font-size: 12px;

}



.section-title {

  font-size: 18px;

  margin: 40px 0 10px 0;

}



/* Typography - Others */

.label {

  font-size: .675rem;

}



.x-label {

  font-size: 1rem;

}



.f-14 {

  font-size: 14px !important;

}



.c-light {

  color: #586069 !important;

}



/* Post list */

.author-posted-date {

  font-size: 13px;

}



/* Use the best fit font for different languages */

:lang(en) body {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;

}

:lang(en) h1, :lang(en) h2, :lang(en) h3, :lang(en) h4, :lang(en) h5, :lang(en) h6 {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;

}

:lang(en) .section-intro, :lang(en) #post-title, :lang(en) .site-info {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;

}



:lang(zh) body {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "微軟正黑體", "Microsoft JhengHei", "SimHei", "Microsoft YaHei", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", "DFKai-SB";

}

:lang(zh) h1, :lang(zh) h2, :lang(zh) h3, :lang(zh) h4, :lang(zh) h5, :lang(zh) h6 {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "SimHei", "Microsoft YaHei", "標楷體", "DFKai-SB";

}

:lang(zh) .section-intro, :lang(zh) #post-title, :lang(zh) .site-info {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "SimHei", "Microsoft YaHei", "標楷體", "DFKai-SB";

}



:lang(ja) body {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";

}

:lang(ja) h1, :lang(ja) h2, :lang(ja) h3, :lang(ja) h4, :lang(ja) h5, :lang(ja) h6 {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";

}

:lang(ja) .section-intro, :lang(ja) #post-title, :lang(ja) .site-info {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";

}



:lang(ko) body {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Dotum", "Gulim";

}

:lang(ko) h1, :lang(ko) h2, :lang(ko) h3, :lang(ko) h4, :lang(ko) h5, :lang(ko) h6 {

  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Dotum", "Gulim";

}

:lang(ko) .section-intro, :lang(ko) #post-title, :lang(ko) .site-info {

  font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Dotum", "Gulim";

}



/* Sidebar widgets */

.sidebar .widget {

  border-bottom: 1px #ddd solid;

  padding: 10px;

  margin: 0 0 10px 0;

}

.sidebar .widget .search-field-wrapper {

  padding: 10px;

}



.widget {

  font-size: 0.9rem;

}

.widget .widget-title {

  font-size: 1.3rem;

}

.widget ul {

  padding-left: 30px;

}



/* Widget - Calendar */

.widget_calendar .calendar_wrap {

  margin: 15px 0;

  border-radius: 4px;

  background-color: rgba(255, 255, 255, 0.1);

}

.widget_calendar table {

  width: 100%;

  border: 1px #dddddd solid;

  background-color: #ffffff;

  color: #333333;

}

.widget_calendar table th, .widget_calendar table td, .widget_calendar table caption {

  text-align: center;

  padding: 5px;

}

.widget_calendar table td a {

  color: #007bff !important;

}

.widget_calendar table caption {

  font-weight: bold;

}

.widget_calendar table thead {

  border-bottom: 1px #dddddd solid;

}

.widget_calendar table tfoot {

  border-top: 1px #dddddd solid;

}



/* Widget - Tag could */

.widget_tag_cloud .tag-cloud-link {

  color: #333333;

  background-color: #ffffff;

  border: 1px #dddddd solid;

  border-radius: 3px;

  margin: 2px 4px;

  line-height: 150%;

  padding: 2px 5px;

  word-break: keep-all;

  overflow: hidden;

  display: inline-block;

}



/* Widgets in Home middle sidebar  */

.home-middle-sidebar {

  width: 100%;

  background-color: #414b54;

  color: #b3b3b3;

  overflow: hidden;

  display: block;

  margin: 20px 0;

}

.home-middle-sidebar .widget .widget-title {

  color: #ffffff;

}

.home-middle-sidebar .widget a {

  color: #f1f1f1;

}

.home-middle-sidebar .widget_tag_cloud .tag-cloud-link {

  color: #333333;

}

.home-middle-sidebar .widget_calendar table caption {

  color: #ffffff;

}



.input-group .search-field {

  border-right: 0;

}



.btn-counter {

  display: inline-block;

}

.btn-counter .btn {

  float: left;

  color: #24292e;

  position: relative;

  display: inline-block;

  padding: 3px 10px;

  font-size: 12px;

  font-weight: 600;

  line-height: 20px;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border: 1px solid rgba(27, 31, 35, 0.2);

  border-radius: 0.25em;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  background-color: #eff3f6;

  background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);

  background-repeat: repeat-x;

  background-position: -1px -1px;

  background-size: 110% 110%;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.btn-counter.active .btn {

  background-image: linear-gradient(-180deg, #dddddd 0%, #ffffff 90%);

}

.btn-counter.text-only .btn {

  border-top-right-radius: 0.25em;

  border-bottom-right-radius: 0.25em;

}

.btn-counter .count-box {

  float: left;

  padding: 3px 10px;

  font-size: 12px;

  font-weight: 600;

  line-height: 20px;

  color: #24292e;

  vertical-align: middle;

  background-color: #fff;

  border: 1px solid rgba(27, 31, 35, 0.2);

  border-left: 0;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}



.btn-group {

  display: inline-block;

  font-size: 0;

}

.btn-group .btn-counter .btn {

  border-radius: 0;

}

.btn-group .btn-counter:first-child .btn {

  border-top-left-radius: 0.25em;

  border-bottom-left-radius: 0.25em;

}

.btn-group .btn-counter:last-child .btn {

  border-left-width: 0 !important;

  border-top-right-radius: 0.25em;

  border-bottom-right-radius: 0.25em;

}



.post-mynote-buttons {

  overflow: hidden;

  font-size: 0;

  display: flex;

}

.post-mynote-buttons a, .post-mynote-buttons a:hover {

  text-decoration: none !important;

}

.post-mynote-buttons > div, .post-mynote-buttons > a {

  margin-left: 5px !important;

}

.post-mynote-buttons .github-button-container {

  display: inline-block;

  margin-left: 5px;

}

.post-mynote-buttons .github-button-container a {

  display: none;

}



.btn-green {

  background-color: #28a745;

  background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%);

  border-color: rgba(27, 31, 35, 0.5);

  color: #ffffff;

}



a.btn, a.button-like-link {

  text-decoration: none !important;

}

a.btn-xs {

  padding: .125rem .25rem;

  font-size: .675rem;

  line-height: 1.2;

  border-radius: .2rem;

}

a.btn-info {

  color: #17a2b8;

}



.label {

  padding: .125rem .25rem;

  line-height: 1.2;

  border-radius: .2rem;

  border: 1px solid transparent;

}

.label.label-success, .label.label-cat {

  color: #155724;

  background-color: #d4edda;

  border-color: #c3e6cb;

}

.label.label-warning, .label.label-tag {

  color: #856404;

  background-color: #fff3cd;

  border-color: #ffeeba;

}

.label.label-primary {

  color: #004085;

  background-color: #cce5ff;

  border-color: #b8daff;

}

.label.label-secondary {

  color: #383d41;

  background-color: #e2e3e5;

  border-color: #d6d8db;

}

.label.label-danger {

  color: #721c24;

  background-color: #f8d7da;

  border-color: #f5c6cb;

}

.label.label-light {

  color: #818182;

  background-color: #fefefe;

  border-color: #fdfdfe;

}

.label.label-dark {

  color: #1b1e21;

  background-color: #d6d8d9;

  border-color: #c6c8ca;

}



.x-label {

  padding: .25rem .5rem;

  line-height: 1.5;

  border-radius: .3rem;

  border: 1px solid transparent;

  margin: 5px;

  word-break: keep-all !important;

  display: inline-block;

}



.x-label-0 {

  color: #fff !important;

  border-top-color: #3395ff !important;

  border-bottom-color: #0062cc !important;

  background-color: #007bff !important;

}



.x-label-1 {

  color: #fff !important;

  border-top-color: #8540f5 !important;

  border-bottom-color: #510bc4 !important;

  background-color: #6610f2 !important;

}



.x-label-2 {

  color: #fff !important;

  border-top-color: #8c68ce !important;

  border-bottom-color: #59339d !important;

  background-color: #6f42c1 !important;

}



.x-label-3 {

  color: #fff !important;

  border-top-color: #ed6ca7 !important;

  border-bottom-color: #d91a72 !important;

  background-color: #e83e8c !important;

}



.x-label-4 {

  color: #fff !important;

  border-top-color: #e4606d !important;

  border-bottom-color: #bd2130 !important;

  background-color: #dc3545 !important;

}



.x-label-5 {

  color: #fff !important;

  border-top-color: #fd9a47 !important;

  border-bottom-color: #dc6502 !important;

  background-color: #fd7e14 !important;

}



.x-label-6 {

  color: #fff !important;

  border-top-color: #ffce3a !important;

  border-bottom-color: #d39e00 !important;

  background-color: #ffc107 !important;

}



.x-label-7 {

  color: #fff !important;

  border-top-color: #34ce57 !important;

  border-bottom-color: #1e7e34 !important;

  background-color: #28a745 !important;

}



.x-label-8 {

  color: #fff !important;

  border-top-color: #3ce0af !important;

  border-bottom-color: #199d76 !important;

  background-color: #20c997 !important;

}



.x-label-9 {

  color: #fff !important;

  border-top-color: #1fc8e3 !important;

  border-bottom-color: #117a8b !important;

  background-color: #17a2b8 !important;

}



.x-label-10 {

  color: #fff !important;

  border-top-color: white !important;

  border-bottom-color: #e6e6e6 !important;

  background-color: #fff !important;

}



.x-label-11 {

  color: #fff !important;

  border-top-color: #868e96 !important;

  border-bottom-color: #545b62 !important;

  background-color: #6c757d !important;

}



.x-label-12 {

  color: #fff !important;

  border-top-color: #4b545c !important;

  border-bottom-color: #1d2124 !important;

  background-color: #343a40 !important;

}



.sticky-top {

  position: -webkit-sticky;

  position: sticky;

  z-index: 1020;

}

.sticky-top.sidebar {

  top: 90px !important;

}

.sticky-top.title {

  top: 5px !important;

}

.sticky-top.column-switch {

  top: 0px !important;

  z-index: 1030;

  color: #aaaaaa;

  height: 60px;

}

.sticky-top.column-switch .btn {

  font-size: 0.9rem;

  margin: 5px;

}

.sticky-top.column-switch .btn.active {

  color: #ffffff;

}



.progress-wrapper {

  position: relative;

}

.progress-wrapper progress {

  appearance: none;

  position: absolute;

  width: 100%;

  height: 4px;

  background-color: rgba(214, 168, 168, 0.1);

  border: none;

}

.progress-wrapper progress::-moz-progress-bar {

  background-color: dodgerblue;

}

.progress-wrapper progress::-webkit-progress-bar {

  background-color: rgba(214, 168, 168, 0.1);

}

.progress-wrapper progress::-webkit-progress-value {

  background-color: dodgerblue;

}

.progress-wrapper progress::-ms-fill {

  background-color: dodgerblue;

}

.progress-wrapper .progress-label {

  position: absolute;

  right: 0;

  bottom: 0;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.6);

}



#progress-title {

  width: 100%;

  display: inline-block;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-break: keep-all !important;

  overflow: hidden;

  line-height: 40px;

}



.has-site-icon #progress-title {

  width: calc(100% - 50px);

}



nav[data-toggle='toc'] .nav > li > a {

  display: block;

  padding: 4px 20px;

  font-size: 14px;

  font-weight: 500;

  color: #767676;

}



nav[data-toggle='toc'] .nav > li > a:hover,

nav[data-toggle='toc'] .nav > li > a:focus {

  padding-left: 19px;

  color: dodgerblue;

  text-decoration: none;

  background-color: transparent;

  border-left: 2px solid dodgerblue;

}



nav[data-toggle='toc'] .nav-link.active,

nav[data-toggle='toc'] .nav-link.active:hover,

nav[data-toggle='toc'] .nav-link.active:focus {

  padding-left: 18px;

  font-weight: bold;

  color: dodgerblue;

  background-color: transparent;

  border-left: 3px solid dodgerblue;

}



/* Nav: second level (shown on .active) */

nav[data-toggle='toc'] .nav-link + ul {

  /* display: none; */

  /* Hide by default, but at >768px, show it */

  padding-bottom: 10px;

}



nav[data-toggle='toc'] .nav .nav > li > a {

  padding-top: 1px;

  padding-bottom: 1px;

  padding-left: 30px;

  font-size: 13px;

  font-weight: normal;

}



nav[data-toggle='toc'] .nav .nav > li > a:hover,

nav[data-toggle='toc'] .nav .nav > li > a:focus {

  padding-left: 27px;

}



nav[data-toggle='toc'] .nav .nav > li > .active,

nav[data-toggle='toc'] .nav .nav > li > .active:hover,

nav[data-toggle='toc'] .nav .nav > li > .active:focus {

  padding-left: 27px;

  font-weight: 500;

}



nav[data-toggle='toc'] .nav-link.active + ul {

  display: block;

}



/* Shortcode */

.brand-link {

  text-align: center;

  border: 1px #dddddd solid;

  border-radius: 50%;

  display: inline-block;

}

.brand-link.brand-github {

  border-top-color: #4d4d4d !important;

  border-left-color: #4d4d4d !important;

  border-right-color: #1a1a1a !important;

  border-bottom-color: #1a1a1a !important;

  color: #333333 !important;

}

.brand-link.brand-gitlab {

  border-top-color: #fdb858 !important;

  border-left-color: #fdb858 !important;

  border-right-color: #ec8b03 !important;

  border-bottom-color: #ec8b03 !important;

  color: #fca326 !important;

}

.brand-link.brand-stackoverflow {

  border-top-color: #f69c55 !important;

  border-left-color: #f69c55 !important;

  border-right-color: #da670b !important;

  border-bottom-color: #da670b !important;

  color: #f48024 !important;

}

.brand-link.brand-facebook {

  border-top-color: #4c70ba !important;

  border-left-color: #4c70ba !important;

  border-right-color: #2d4373 !important;

  border-bottom-color: #2d4373 !important;

  color: #3b5998 !important;

}

.brand-link.brand-twitter {

  border-top-color: #4db5f5 !important;

  border-left-color: #4db5f5 !important;

  border-right-color: #0c85d0 !important;

  border-bottom-color: #0c85d0 !important;

  color: #1da1f2 !important;

}

.brand-link.brand-google {

  border-top-color: #e47365 !important;

  border-left-color: #e47365 !important;

  border-right-color: #c23321 !important;

  border-bottom-color: #c23321 !important;

  color: #dd4b39 !important;

}

.brand-link.brand-instagram {

  border-top-color: #9c58c9 !important;

  border-left-color: #9c58c9 !important;

  border-right-color: #672e8d !important;

  border-bottom-color: #672e8d !important;

  color: #833ab4 !important;

}

.brand-link.brand-pinterest {

  border-top-color: #ee0a23 !important;

  border-left-color: #ee0a23 !important;

  border-right-color: #8c0615 !important;

  border-bottom-color: #8c0615 !important;

  color: #bd081c !important;

}

.brand-link.brand-youtube {

  border-top-color: #ff3333 !important;

  border-left-color: #ff3333 !important;

  border-right-color: #cc0000 !important;

  border-bottom-color: #cc0000 !important;

  color: #ff0000 !important;

}



.brand-sm .brand-link {

  width: 32px;

  height: 32px;

  font-size: 1rem;

  line-height: 32px;

}



.brand-md .brand-link {

  width: 40px;

  height: 40px;

  font-size: 1.25rem;

  line-height: 40px;

}



.brand-lg .brand-link {

  width: 48px;

  height: 48px;

  font-size: 1.5rem;

  line-height: 48px;

}



.brand-xl .brand-link {

  width: 64px;

  height: 64px;

  font-size: 1.8rem;

  line-height: 64px;

}



/* Author page */

.author-page .brand-link {

  border: 0px;

}

.author-page .brand-sm .brand-link {

  width: 16px;

  height: 16px;

  line-height: 16px;

}

.author-page .brand-md .brand-link {

  width: 22px;

  height: 22px;

  line-height: 22px;

}

.author-page .brand-lg .brand-link {

  width: 28px;

  height: 28px;

  line-height: 28px;

}

.author-page .brand-xl .brand-link {

  width: 34px;

  height: 34px;

  line-height: 34px;

}



.breadcrumb {

  font-size: 0.813rem !important;

  border-radius: 0 !important;

}

.breadcrumb ul, .breadcrumb li {

  margin: 0 !important;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

.breadcrumb li:last-child {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.breadcrumb i {

  color: #333333;

}



.data-schema .breadcrumb {

  margin-bottom: 0 !important;

}



.author-card {

  display: flex;

  border-left: 15px #e9ecef solid;

  background-color: #f8f9fa;

  border-radius: 3px;

  margin: 20px 0;

}

.author-card .author-info {

  display: flex;

  flex-direction: column;

}

.author-card .author-links {

  margin-top: 10px;

}

.author-card .author-links a {

  margin: 5px;

}

.author-card .author-links a:first-child {

  margin-left: 0px;

}

.author-card > div {

  padding: 25px;

}

.author-card > img {

  border: 1px #ced4da solid !important;

}

.author-card .author-title {

  font-size: 1.6rem;

  line-height: 150%;

  margin-bottom: 10px;

  font-weight: bold;

}



/* Author page */

.author-page .author-card {

  border: 0px;

  background: none;

  border-radius: 0px;

  margin: 0;

}

.author-page .author-card .author-title {

  font-size: 2.5rem;

  line-height: 150%;

  margin-bottom: 10px;

  font-weight: bold;

}

.author-page .author-card .author-title a {

  color: #333333;

  text-decoration: none;

}

.author-page .section-title {

  display: none;

}



.alignnone {

  margin: 5px 20px 20px 0;

}



.aligncenter {

  display: block;

  margin: 5px auto 5px auto;

}



.alignright {

  float: right;

  margin: 5px 0 20px 20px;

}



.alignleft {

  float: left;

  margin: 5px 20px 20px 0;

}



html.wp-toolbar {

  padding-top: 0 !important;

  padding-bottom: 32px !important;

  box-sizing: border-box;

}



/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,

p > iframe:only-child,

p > object:only-child {

  margin-bottom: 0;

}



.wp-caption,

.gallery-caption {

  color: #666;

  font-size: 13px;

  font-size: 0.8125rem;

  font-style: italic;

  margin-bottom: 1.5em;

  max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.wp-caption .wp-caption-text {

  margin: 0.8075em 0;

}



.bypostauthor {

  border-bottom-width: 1px;

}



.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  height: 1px;

  overflow: hidden;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: 700;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

}



.error404 .site-info {

  position: fixed;

  bottom: 10px;

  background: #ffffff;

}

.error404.admin-bar .site-info {

  bottom: 50px;

}



/* > 1200px */

@media (min-width: 1200px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit.png");

  }

}

/* > 1200px */

@media (min-width: 1920px) {

  .section-intro[style] {

    background-size: cover;

    background-position: center center;

  }

}

/* < 1200px */

@media (max-width: 1199.98px) {

  .px-responsive {

    padding-left: 25px !important;

    padding-right: 25px !important;

  }

}

/* > 992px */

@media (min-width: 992px) {

  .navbar-expand-lg .navbar-nav .menu-item a {

    padding-right: .5rem;

    padding-left: .5rem;

  }

}

/* 992px - 1199.98px */

@media (min-width: 992px) and (max-width: 1199.98px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit_xl.png");

  }

  .section-intro h1 {

    font-size: 4.2rem;

  }

  .section-intro .desc-text {

    font-size: 1.5rem;

  }

}

/* < 992px */

@media (max-width: 991.98px) {

  .px-responsive {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .container {

    width: calc(100% - 20px);

    max-width: calc(100% - 20px);

  }



  nav.breadcrumb {

    padding-left: 0;

    padding-right: 0;

  }

  nav.breadcrumb ul {

    padding-left: 0;

    padding-right: 0;

  }



  .header .container {

    min-height: 60px;

    max-width: 100%;

    width: 100%;

  }

  .header .navbar-brand {

    position: absolute;

    top: 14px;

    left: 0;

  }

  .header .search-bar {

    width: calc(100% - 86px);

    position: absolute;

    top: 15px;

    right: 76px;

  }

  .header .navbar-toggler {

    position: absolute;

    top: 10px;

    right: 10px;

  }

  .header .navbar-collapse {

    margin-top: 50px;

    overflow: hidden;

  }

  .header::after {

    display: block;

    clear: both;

    content: "";

  }



  .has-site-icon .search-bar {

    width: calc(100% - 135px) !important;

    position: absolute;

    top: 15px;

    right: 76px;

  }



  .has-site-logo .navbar-brand {

    position: absolute;

    top: 0;

    left: 0;

    margin-bottom: 0px;

    margin-top: 0px;

  }

  .has-site-logo .search-bar {

    width: calc(100% - 280px) !important;

    position: absolute !important;

    top: 15px;

    right: 76px;

  }

}

/* 768px - 991.98px */

@media (min-width: 768px) and (max-width: 991.98px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit_lg.png");

  }

  .section-intro h1 {

    font-size: 4.0rem;

  }

  .section-intro .desc-text {

    font-size: 1.4rem;

  }

}

/* < 768px */

@media (max-width: 767.98px) {

  .px-responsive {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .widget {

    margin: 15px 0;

  }



  .navbar-nav .dropdown-menu::after {

    display: none !important;

  }

  .navbar-nav .dropdown-menu::before {

    display: none !important;

  }



  .column-control {

    display: none;

  }

  

  .has-site-logo .header .logo-img {

	height: 30px;

	margin: 20px 0px 0px 0px;

  }

}

/* 576px - 767.98px */

@media (min-width: 576px) and (max-width: 767.98px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit_md.png");

  }

  .section-intro h1 {

    font-size: 3.2rem;

  }

  .section-intro .desc-text {

    font-size: 1.3rem;

  }

}

/* < 576px */

@media (max-width: 575.98px) {

  .px-responsive {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .author-card {

    display: block !important;

  }

  .author-card .author-avatar {

    text-align: center;

  }

  .author-card .author-info {

    padding-top: 0;

  }



  .has-site-logo .header .search-bar {

    width: 100% !important;

    position: absolute;

    margin: 0 !important;

    top: 60px;

    right: 0;

  }



  .p-5 {

    padding: 0 !important;

  }

  

}

/* 360px - 575.98px */

@media (min-width: 360px) and (max-width: 575.98px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit_sm.png");

  }

  .section-intro h1 {

    margin-top: 20px;

    font-size: 2.8rem;

  }

  .section-intro .desc-text {

    font-size: 1.1rem;

  }

}

/* < 360px */

@media (max-width: 359.98px) {

  .section-intro {

    background-image: url("./assets/images/bg_circuit_mx.png");

  }

  .section-intro h1 {

    margin-top: 30px;

    font-size: 2rem;

  }

  .section-intro .desc-text {

    font-size: 0.95rem;

  }

}

.video-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/* WooCommerce */

.woocommerce input, .woocommerce button {

  height: 45px;

  line-height: 45px;

  font-size: 1.2rem;

  border-radius: 4px;

}

.woocommerce input[type="number"], .woocommerce select {

  border: 1px #cccccc solid;

  border-radius: 4px;

}

.woocommerce .entry-summary {

  font-size: 13px;

}

.woocommerce .entry-summary h1, .woocommerce .entry-summary h2, .woocommerce .entry-summary h3, .woocommerce .entry-summary h4, .woocommerce .entry-summary h5, .woocommerce .entry-summary h6 {

  font-size: 1rem !important;

  line-height: 170%;

}

.woocommerce .entry-summary p {

  font-size: 13px;

}

.woocommerce .entry-summary p.price {

  font-size: 1.2rem !important;

  line-height: 175%;

  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

.woocommerce .entry-summary .product_meta {

  border-top: 1px #dddddd solid;

  padding: 10px;

  margin: 10px;

}

.woocommerce .is-page .post-mynote-buttons, .woocommerce .is-page .modified-date, .woocommerce .is-page .post-meta {

  display: none !important;

}



@font-face {

  font-family: octicons-link;

  src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff");

}

.markdown-body {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  line-height: 1.5;

  color: #24292e;

  font-size: 1rem;

  line-height: 1.5;

  word-wrap: break-word;

  margin-top: 20px;

}

.markdown-body > h1:first-child {

  display: none;

}

.markdown-body .pl-c {

  color: #6a737d;

}

.markdown-body .pl-c1, .markdown-body .pl-s .pl-v {

  color: #005cc5;

}

.markdown-body .pl-e, .markdown-body .pl-en {

  color: #6f42c1;

}

.markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 {

  color: #24292e;

}

.markdown-body .pl-ent {

  color: #22863a;

}

.markdown-body .pl-k {

  color: #d73a49;

}

.markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1 {

  color: #032f62;

}

.markdown-body .pl-sr {

  color: #032f62;

}

.markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra {

  color: #032f62;

}

.markdown-body .pl-v, .markdown-body .pl-smw {

  color: #e36209;

}

.markdown-body .pl-bu {

  color: #b31d28;

}

.markdown-body .pl-ii {

  color: #fafbfc;

  background-color: #b31d28;

}

.markdown-body .pl-c2 {

  color: #fafbfc;

  background-color: #d73a49;

}

.markdown-body .pl-c2::before {

  content: "^M";

}

.markdown-body .pl-sr .pl-cce {

  font-weight: bold;

  color: #22863a;

}

.markdown-body .pl-ml {

  color: #735c0f;

}

.markdown-body .pl-mh {

  font-weight: bold;

  color: #005cc5;

}

.markdown-body .pl-mh .pl-en {

  font-weight: bold;

  color: #005cc5;

}

.markdown-body .pl-ms {

  font-weight: bold;

  color: #005cc5;

}

.markdown-body .pl-mi {

  font-style: italic;

  color: #24292e;

}

.markdown-body .pl-mb {

  font-weight: bold;

  color: #24292e;

}

.markdown-body .pl-md {

  color: #b31d28;

  background-color: #ffeef0;

}

.markdown-body .pl-mi1 {

  color: #22863a;

  background-color: #f0fff4;

}

.markdown-body .pl-mc {

  color: #e36209;

  background-color: #ffebda;

}

.markdown-body .pl-mi2 {

  color: #f6f8fa;

  background-color: #005cc5;

}

.markdown-body .pl-mdr {

  font-weight: bold;

  color: #6f42c1;

}

.markdown-body .pl-ba {

  color: #586069;

}

.markdown-body .pl-sg {

  color: #959da5;

}

.markdown-body .pl-corl {

  text-decoration: underline;

  color: #032f62;

}

.markdown-body .octicon {

  display: inline-block;

  vertical-align: text-top;

  fill: currentColor;

}

.markdown-body a {

  background-color: transparent;

}

.markdown-body a:active, .markdown-body a:hover {

  outline-width: 0;

}

.markdown-body strong {

  font-weight: inherit;

  font-weight: bolder;

}

.markdown-body h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

.markdown-body img {

  border-style: none;

}

.markdown-body kbd {

  font-family: monospace;

}

.markdown-body hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}

.markdown-body input {

  font: inherit;

  margin: 0;

  overflow: visible;

}

.markdown-body [type="checkbox"] {

  box-sizing: border-box;

  padding: 0;

}

.markdown-body * {

  box-sizing: border-box;

}

.markdown-body input {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}

.markdown-body a {

  color: #0366d6;

  text-decoration: none;

}

.markdown-body a:hover {

  text-decoration: underline;

}

.markdown-body strong {

  font-weight: 600;

}

.markdown-body hr {

  height: 0;

  margin: 15px 0;

  overflow: hidden;

  background: transparent;

  border: 0;

  border-bottom: 1px solid #dfe2e5;

}

.markdown-body hr::before {

  display: table;

  content: "";

}

.markdown-body hr::after {

  display: table;

  clear: both;

  content: "";

}

.markdown-body table {

  border-spacing: 0;

  border-collapse: collapse;

}

.markdown-body td, .markdown-body th {

  padding: 0;

}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {

  margin-top: 0;

  margin-bottom: 0;

}

.markdown-body h1 {

  font-size: 32px;

  font-weight: 600;

}

.markdown-body h2 {

  font-size: 24px;

  font-weight: 600;

}

.markdown-body h3 {

  font-size: 20px;

  font-weight: 600;

}

.markdown-body h4 {

  font-size: 16px;

  font-weight: 600;

}

.markdown-body h5 {

  font-size: 14px;

  font-weight: 600;

}

.markdown-body h6 {

  font-size: 12px;

  font-weight: 600;

}

.markdown-body p {

  margin-top: 0;

  margin-bottom: 10px;

}

.markdown-body blockquote {

  margin: 0;

}

.markdown-body ul {

  padding-left: 0;

  margin-top: 0;

  margin-bottom: 0;

}

.markdown-body ol {

  padding-left: 0;

  margin-top: 0;

  margin-bottom: 0;

}

.markdown-body ol ol {

  list-style-type: lower-roman;

}

.markdown-body ul ol {

  list-style-type: lower-roman;

}

.markdown-body ul ul ol, .markdown-body ul ol ol {

  list-style-type: lower-alpha;

}

.markdown-body ol ul ol, .markdown-body ol ol ol {

  list-style-type: lower-alpha;

}

.markdown-body dd {

  margin-left: 0;

}

.markdown-body .octicon {

  vertical-align: text-bottom;

}

.markdown-body .pl-0 {

  padding-left: 0 !important;

}

.markdown-body .pl-1 {

  padding-left: 4px !important;

}

.markdown-body .pl-2 {

  padding-left: 8px !important;

}

.markdown-body .pl-3 {

  padding-left: 16px !important;

}

.markdown-body .pl-4 {

  padding-left: 24px !important;

}

.markdown-body .pl-5 {

  padding-left: 32px !important;

}

.markdown-body .pl-6 {

  padding-left: 40px !important;

}

.markdown-body::before {

  display: table;

  content: "";

}

.markdown-body::after {

  display: table;

  clear: both;

  content: "";

}

.markdown-body > *:first-child {

  margin-top: 0 !important;

}

.markdown-body > *:last-child {

  margin-bottom: 0 !important;

}

.markdown-body a:not([href]) {

  color: inherit;

  text-decoration: none;

}

.markdown-body .anchor {

  float: left;

  padding-right: 4px;

  margin-left: -20px;

  line-height: 1;

}

.markdown-body .anchor:focus {

  outline: none;

}

.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {

  margin-top: 0;

  margin-bottom: 16px;

}

.markdown-body hr {

  height: 0.25em;

  padding: 0;

  margin: 24px 0;

  background-color: #e1e4e8;

  border: 0;

}

.markdown-body blockquote {

  padding: 0 1em;

  color: #6a737d;

  border-left: 0.25em solid #dfe2e5;

}

.markdown-body blockquote > :first-child {

  margin-top: 0;

}

.markdown-body blockquote > :last-child {

  margin-bottom: 0;

}

.markdown-body kbd {

  display: inline-block;

  padding: 3px 5px;

  font-size: 11px;

  line-height: 10px;

  color: #444d56;

  vertical-align: middle;

  background-color: #fafbfc;

  border: solid 1px #c6cbd1;

  border-bottom-color: #959da5;

  border-radius: 3px;

  box-shadow: inset 0 -1px 0 #959da5;

}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {

  margin-top: 24px;

  margin-bottom: 16px;

  font-weight: 600;

  line-height: 1.25;

}

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {

  color: #1b1f23;

  vertical-align: middle;

  visibility: hidden;

}

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {

  text-decoration: none;

}

.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {

  visibility: visible;

}

.markdown-body h1 {

  padding-bottom: 0.3em;

  font-size: 2em;

  border-bottom: 1px solid #eaecef;

}

.markdown-body h2 {

  padding-bottom: 0.3em;

  font-size: 1.5em;

  border-bottom: 1px solid #eaecef;

}

.markdown-body h3 {

  font-size: 1.25em;

}

.markdown-body h4 {

  font-size: 1em;

}

.markdown-body h5 {

  font-size: 0.875em;

}

.markdown-body h6 {

  font-size: 0.85em;

  color: #6a737d;

}

.markdown-body ul, .markdown-body ol {

  padding-left: 2em;

}

.markdown-body ul ul, .markdown-body ul ol {

  margin-top: 0;

  margin-bottom: 0;

}

.markdown-body ol ol, .markdown-body ol ul {

  margin-top: 0;

  margin-bottom: 0;

}

.markdown-body li {

  word-wrap: break-all;

}

.markdown-body li > p {

  margin-top: 16px;

}

.markdown-body li + li {

  margin-top: 0.25em;

}

.markdown-body dl {

  padding: 0;

}

.markdown-body dl dt {

  padding: 0;

  margin-top: 16px;

  font-size: 1em;

  font-style: italic;

  font-weight: 600;

}

.markdown-body dl dd {

  padding: 0 16px;

  margin-bottom: 16px;

}

.markdown-body table {

  display: block;

  width: 100%;

  overflow: auto;

}

.markdown-body table th {

  font-weight: 600;

  padding: 6px 13px;

  border: 1px solid #dfe2e5;

}

.markdown-body table td {

  padding: 6px 13px;

  border: 1px solid #dfe2e5;

}

.markdown-body table tr {

  background-color: #fff;

  border-top: 1px solid #c6cbd1;

}

.markdown-body table tr:nth-child(2n) {

  background-color: #f6f8fa;

}

.markdown-body img {

  max-width: 100%;

  box-sizing: content-box;

  background-color: #fff;

}

.markdown-body img[align=right] {

  padding-left: 20px;

}

.markdown-body img[align=left] {

  padding-right: 20px;

}

.markdown-body .full-commit .btn-outline:not(:disabled):hover {

  color: #005cc5;

  border-color: #005cc5;

}

.markdown-body kbd {

  display: inline-block;

  padding: 3px 5px;

  font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  line-height: 10px;

  color: #444d56;

  vertical-align: middle;

  background-color: #fafbfc;

  border: solid 1px #d1d5da;

  border-bottom-color: #c6cbd1;

  border-radius: 3px;

  box-shadow: inset 0 -1px 0 #c6cbd1;

}

.markdown-body :checked + .radio-label {

  position: relative;

  z-index: 1;

  border-color: #0366d6;

}

.markdown-body .task-list-item {

  list-style-type: none;

}

.markdown-body .task-list-item + .task-list-item {

  margin-top: 3px;

}

.markdown-body .task-list-item input {

  margin: 0 0.2em 0.25em -1.6em;

  vertical-align: middle;

}

.markdown-body hr {

  border-bottom-color: #eee;

}



code {

  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  font-size: 12px;

}



pre {

  margin-top: 0;

  margin-bottom: 0;

  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  font-size: 12px;

}



code {

  padding: 0.2em 0.4em;

  font-size: 85%;

  background-color: rgba(27, 31, 35, 0.05);

  border-radius: 3px;

  color: #333;

}



pre {

  word-wrap: normal;

}

pre > code {

  padding: 0;

  margin: 0;

  font-size: 100%;

  word-break: normal;

  white-space: pre;

  border: 0;

  background: transparent;

}



pre {

  padding: 16px;

  overflow: auto;

  font-size: 85%;

  line-height: 1.45;

  background-color: #f6f8fa;

  border-radius: 3px;

}

pre code {

  display: inline;

  padding: 0;

  margin: 0;

  overflow: visible;

  line-height: inherit;

  word-wrap: normal;

  border: 0;

}

/* Formulario de contacto - Plugin */

.markdown-body .wpcf7 * {
  box-sizing: border-box;
  width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="textarea"] {
  background: #f5f5f5;
  border: solid 1px #ccc;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  font-size: 20px;
  padding: 10px;
}

.wpcf7 input[type="submit"] {
  border: solid 1px #000;
  border-radius: 3px;
  font-size: 20px;
  background: #0d63aa;
  color: #f5f5f5;
  text-transform: uppercase;
  padding: 10px;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover{
  border: solid 1px #000;
  border-radius: 3px;
  font-size: 20px;
  background: #28a745;
  color: #f5f5f5;
  text-transform: uppercase;
  padding: 10px;
  cursor: pointer;
}