@charset "UTF-8";

:root {
  --theme1-color: #3D85C6;
  --theme2-color: #005E9A;
  --text-color: #111;
  --text-alt-color: white;
  --link-color: #3273dc;
  --background-color: white;
  --background-light-color: white;
  --background-light1-color: #fafafa;
  --inline-code-bg-color:#eee;
  
  --info-bg-color: #d8f9d7;
  --note-bg-color: #E7F1FB;
  --recommendation-bg-color: #F7E0B6;
  --warning-bg-color: #fbcaca;
  
  --roundings:0px;
  
  --tog-width: 26px;
  --tog-height: 26px;
  --tog-c-offset: 2px;
  --tog-c-dim: calc(var(--tog-height) - (var(--tog-c-offset) * 2));
  
  --tog-off: #000;
  --tog-on: #fff;
  --tog-c-back: #005E9A;
}

[data-theme="dark"] {
  --theme1-color: #3D85C6;
  --theme2-color: #005E9A;
  --text-alt-color: #111;
  --text-color: #d9d9d9;
  --link-color: #62c3ff;
  --background-color: #222;
  --background-light-color: #333;
  --background-light1-color: #444;
  --inline-code-bg-color:#000;
  --roundings:8px;
        
  --info-bg-color: #000;        
  --note-bg-color: #000;
  --recommendation-bg-color: #000;
  --warning-bg-color: #000;
} 



body {
font-family:"Open Sans","Roboto",sans-serif;
background-color: var(--background-color);
}

a {
color:var(--link-color);
-webkit-transition:.3s all;
transition:.3s all;
}

a:hover {
color:rgba(228,105,61,0.788);
text-decoration:none;
}

.wrap {
overflow:hidden;
}

.main {
margin:120px auto 0;
max-width:1080px;
}

.main.main--single {
max-width:760px;
background-color: var(--background-light-color);
}

.header {
margin-bottom:1em;
background-color:var(--background-color);
z-index:3;
padding-top:0;
text-align:center;
color: var(--text-color);
}

.header a {
color:var(--text-color);
text-decoration:none;
}

.header a:hover {
color:#3D85C6;
text-decoration:none;
}

.site-title {
display:block;
font-size:2em;
font-weight:700;
margin:0;
}

.footer {
background-color:var(--theme1-color);
margin-top:2em;
padding:.3em;
text-align:center;
}

.footer small {
font-size:1em;
}

.footer a {
color:var(--text-alt-color);
}

.footer a:hover {
color:#ddd;
}

.author {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0 auto;
max-width:760px;
}

.author > p {
color:#fff;
text-align:center;
font-size:11px;
}

.author__image img {
border-radius:50%;
width:100%;
}

.author__info {
padding-left:5%;
}

.author__info h3 {
margin-top:0;
}

.author__links {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
list-style:none;
padding:0;
}

.author__links li {
height:30px;
margin-left:.8em;
width:30px;
}

.author__links a:hover img {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}

.author__links img {
-webkit-transition:.6s all;
transition:.6s all;
width:100%;
}

.articles {
padding:10px 5% 0;
}

.share {
position:absolute;
bottom:45px;
right:40px;
height:32px;
float:right;
}

.share a {
transition:transform 100ms;
float:left;
width:32px;
}

.share a:hover {
transform: scale(1.05);
}

h3, h4 {
    color: var(--text-color);
}

/* search */
.searchbox { position:absolute; bottom:5px; right:40px; float:right; border-radius: 5px; background: white; overflow: hidden; padding: 5px; }
.searchbox input {
background: white;
border: none;
display: block;
float: left;
font-size: 13px;
height: 16px;
line-height: 16px;
margin: 0;
outline: none;
padding: 0;
-webkit-appearance: none;
width:110px;
color:#222;
}
.searchbox input.submit { background: url(/images/search-icon.png) 0 0 no-repeat; height: 16px; overflow: hidden; width: 16px; text-indent: -9999px; }

/* dark mode switch */
.theme-switch-wrapper { position:absolute; bottom:51px; right:152px; float:right; }

.theme-switch { position: relative; display: inline-block; width: var(--tog-width); height: var(--tog-height); }
.theme-switch, .theme-switch * { box-sizing: border-box; }
 
.theme-switch i { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; } 
.theme-switch input { display: none; }

.theme-switch i::before {
  content: "◐";
  color: var(--tog-off);
  position: absolute;
  top: var(--tog-c-offset); left: var(--tog-c-offset);
  width: var(--tog-c-dim); height: var(--tog-c-dim);
  font-size: 32px;
  font-style:normal;
}

.indicate input:checked + i::before {
  content: "◑";
  color: var(--tog-on);
  font-style: normal;
  text-decoration: none;
  font-weight: 900;
  text-align: center;
}

.aside-link { margin:0 0 5px; }

.card { margin-bottom:0; padding:1%; background-color:var(--background-light-color); }

.card a { color:var(--text-color); display:block; text-decoration:none; }

.card a:hover { color:#3D85C6; }

.card h3 { font-size:18px; margin-bottom:.5em; margin-top:.3em; }

.card p {
color:var(--text-color);
text-align:justify;
-webkit-line-clamp:7;
overflow:hidden;
-webkit-box-orient:vertical;
word-break:break-word;
text-overflow:ellipsis;
display:-webkit-box;
}

.card__thumb {
display:block;
overflow:hidden;
padding-top:52.65%;
position:relative;
}

.card__thumb:hover img {
filter:brightness(110%);
}

.card__thumb img {
left:50%;
max-width:100%;
max-height:100%;
position:absolute;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-transition:.2s all;
transition:.2s all;
border-radius:var(--roundings);
}

.pagination {
font-size:larger;
text-align:center;
display:block;
margin:.5em;
color:var(--text-color);
}

.pagination__link {
display:inline-block;
text-decoration:none;
background-color:#005E9A;
padding:4px 10px;
color:#fff;
}

.pagination__link:hover {
text-decoration:underline;
background-color:#3d85c6;
text-decoration:none;
color:#fff;
}

.pagination__link--prev {
margin-right:10px;
}

.pagination__link--next {
margin-left:10px;
}

.pagination__current {
display:inline-block;
}

.post,.post-aside,.post-nav {
padding:0 25px;
}

.post {
padding-top:5px;
color:var(--text-color);
}

.post__title {
color:#fff;
background-color:#3D85C6;
font-size:22px;
font-weight:500;
text-align:center;
line-height:2;
margin-bottom:1em;
border-radius: var(--roundings);
}

.post__date {
color:gray;
text-align:left;
}

.post__title.static {
margin-bottom:1em;
}

.post__title a {
color:white;
}

.post__title a:hover {
color:white;
}

.post-content {
margin-bottom:3em;
font-size:1.1em;
}

.post-content img {
display: block;
margin: .5em auto .5em auto;
max-width:100%;
border-radius:var(--roundings);
}

.post-content .inline-img {
display:inline-block;
}

.post-content .center-content {
margin:0 auto;
width:430px;
}

.post-content p {
margin-bottom:2.0rem;
text-align:justify;
}

.post-content h2,.post-content h3,.post-content h4 {
margin-top:30px;
margin-bottom:20px;
}

code {
font-family:monospace,"Source Code Pro",Courier,Monaco;
padding:0;
color:var(--text-color);
background-color:var(--inline-code-bg-color);
}

.post-content blockquote {
background-color:var(--background-light1-color);
font-size:inherit;
font-weight:400;
font-style:italic;
margin:1em;
padding:0 0 0 1em;
border-left:4px solid #bbb;
}

.post-content table {
border-collapse:collapse;
text-align:left;
margin-bottom:1em;
}

.post-content td {
padding:.25em;
border:solid 1px gray;
}

.post-content .gsc-search-box td {
border:none;
}

.post-content tr:nth-child(even) {
background-color:var(--background-light1-color);
}

.post-content th {
font-weight:700;
background-color:var(--background-light1-color);
border:solid 1px gray;
padding:.25em .5em;
text-align:center;
}

.post-hr {
border-top:1px solid #eee;
margin:25px auto;
}

.post-ad {
margin:10% auto 0;
text-align:center;
}

.post-ad__head {
display:block;
}

.post-ad__body {
display:inline-block;
}

.post-nav ol {
padding:0;
}

.post-nav a {
font-family:"Trebuchet MS",Trebuchet,sans-serif;
text-decoration:none;
}

.post-nav-label {
display:block;
font-weight:700;
}

.post-nav-title {
text-decoration:underline;
}

.post-nav-prev {
padding-right:2.5%;
}

.post-nav-next {
padding-left:2.5%;
text-align:right;
}

.post-nav-back {
text-align:center;
}

.amazlet-box {
margin:40px 0;
}

.app-data,.appfom1 {
margin:40px 0;
}

.appbanner {
margin:40px 0;
}

.kaerebalink-box {
margin:40px 0 20px;
}

.ShareInfo {
margin:20px 0;
}

.booklink-box {
margin:40px 0;
}

#TableOfContents > ul {
list-style-type:none;
padding-left:0;
overflow:hidden;
}

#TableOfContents > ul > li > ul > li {
padding-bottom:1px;
}

#TableOfContents > ul > li > ul > li > ul > li {
padding-bottom:2px;
}

#TableOfContents li ul {
list-style-type:none;
border-left:1px dashed grey;
padding-inline-start:20px;
}

.left-panel {
min-width:200px;
max-width:250px;
position:fixed;
top:155px;
right:calc(50vw + 355px);
padding-right:20px;
color: var(--text-color);
}

.right-panel {
position:fixed;
top:155px;
left:calc(50vw + 365px);
max-width:280px;
padding-left:20px;
}

.img-link img {
filter:brightness(100%);
transition:.5s all;
}

.img-link:hover img {
filter:brightness(120%);
}

#navbar-home,#navbar-content,.right-panel,.left-panel {
transition:top .4s;
}

.navbar-custom {
border:none;
background-color:#005E9A;
color:#fff;
margin-bottom:0;
min-height:30px;
border-radius:0;
}

.navbar-collapse {
max-width:760px;
margin:0 auto;
}

.navbar-toggle.home-page {
margin-top:22px;
}

.navbar-toggle.content-page {
margin-top:8px;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#fff;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color:#3d85c6;
}

.navbar-default .navbar-nav>li > a {
color:#fff;
font-weight:600;
height:36px;
padding-top:7px;
}

.navbar-default .navbar-nav>li > a:hover {
color:#fff;
background-color:#3d85c6;
font-weight:600;
}

.navbar-default .navbar-nav>li > a.active {
background-color:#3d85c6;
}

.site-desc-bottom {
display:none;
}

.header .mobile-title {
display:none;
margin:10px;
font-size:30px;
}

.header .mobile-title a {
color:#fff;
}

.header .mobile-title a:hover {
color:#3d85c6;
}

.navbar-custom .nav-item.active > a {
color:#fff;
background-color:#3D85C6;
font-weight:600;
}

.navbar-default li.nav-item.special > a {
color:#FFF;
background-color:#FF7E00;
}

.navbar-default li.nav-item.special > a:hover {
color:#FFF;
background-color:#f5b677;
}

pre {
border-radius:0;
border:0;
background-color:#1c1b1b;
color: #bbbbbb;
word-break:normal;
margin:1.1em 0;
font-size:100%;
}

.navbar-collapse {
display:block;
}

.toc-post-top {
display:none;
padding:10px 10px 0 15px;
}

.mobile-banner {
display:none;
}

.mobile-banner img {
max-width:100%;
margin:0 auto;
}

@media(max-width: 1130px) {
.main.main--single {
max-width:670px;
}

.left-panel {
max-width:215px;
right:calc(50vw + 290px);
}

.right-panel {
left:calc(50vw + 315px);
}
}

@media(max-width: 992px) {
.left-panel,.right-panel {
display:none;
}

.toc-post-top {
display:block;
}

.mobile-banner {
display:block;
}

.navbar-default .navbar-center {
margin-inline-start:0;
}

.nav>li>a {
padding:10px 14px;
}
}

@media(max-width: 768px) {
.main { margin-top:70px; }
h2 { font-size:20px; }
.site-title,.site-desc,.head-title { display:none; }
.navbar-collapse { display:none; }
.header .mobile-title,.site-desc-bottom { display:block; color: var(--text-alt-color); }
.post { margin:0; padding:0; }
.post__date { padding:.6em .8em; }
.post-content { margin:.75em; }
.disqus-container { padding:.8em 1.2em; }
.search.search-mobile { display:block; }
.search.search-aside { display:none; }
.nav-item-search { display:block; }
.share { top:13px; right:70px; }
.share a { width:26px; margin: 0 1px 0 1px;}
.searchbox {  display:none; }
.theme-switch-wrapper { top:0px; right: 160px; position: fixed;}
}

.aside-top img {
    border: solid 1px black;
    margin: 0.25em auto 0.25em auto;
	border-radius:var(--roundings);
}

.bonusWrapper {
    background-image: url(../../images/bonus.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.bonusInfo {
    width:80%;
    background-color:var(--background-light1-color);
    border-top:solid 2px red;
    border-bottom:solid 2px gray;
    margin:2em auto 2em auto; 
}

.bonusInfo p {
    text-align:center;
    margin: 0.5em;
}

blockquote.hint {
	padding: 1rem 1rem 1rem 52px;
	border-radius: 8px;
	background-position: 10px center;
    background-repeat: no-repeat;
}

.hint p {
	margin-bottom: 0;
}

blockquote.info {    
	border-color: green;
	background-color: var(--info-bg-color);
	background-image: url(/images/info.png);
}

blockquote.warning {
	border-color: red;
	background-color: var(--warning-bg-color);
	background-image: url(/images/warning.png);
}

blockquote.note {
	border-color: #0080FF;
	background-color: var(--note-bg-color);
	background-image: url(/images/note.png);
}

blockquote.recommendation {
	border-color: #FAA202;
	background-color: var(recommendation-bg-color);
	background-image: url(/images/person.svg);
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px; color:var(--text-color);}
#mc_embed_signup h2 {font-weight:bold; text-align: center; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup h4, h5 { text-align: center; }
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; text-align: center; background-color: #FF7E00; border: 0 none; border-radius:8px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:larger; font-weight: bold; height: 32px; line-height: 32px; margin: 0; text-align: center; text-decoration: none; white-space: nowrap; width: 100%;}
#mc_embed_signup .button:hover {background-color:#f5b677;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:100%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;color:black;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:var(background-light-color); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

#mc_embed_signup{
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	width:50%;
	background:var(--background-light-color); 
	clear:left; 
    border-radius:var(--roundings);
}

#mc_embed_signup .mainDesc {
	text-align:center;
	font-size:larger;
}

@media(max-width: 768px) {
	#mc_embed_signup{
		width:80%;
	}
}

.hash-link {
	vertical-align: middle;
	color:gray;
    opacity: 0.15;
}

a.hash-link:hover {
	color:blue;
	opacity: 1.0;
}

.chroma {
color:#d0d0d0;
background-color:#1c1b1b;
padding:.5em;
display:block;
font-size:95%;
}

.chroma .err {

}

.chroma .lntd {
vertical-align:top;
padding:0;
margin:0;
border:0;
}

.chroma .lntable {
border-spacing:0;
padding:0;
margin:0;
border:0;
width:auto;
overflow:auto;
display:block;
text-align: left;
}

.chroma .hl {
display:block;
width:100%;
background-color:#4c4b4b;
}

.chroma .lnt {
margin-right:.4em;
padding:0 .4em;
color:#686868;
}

.chroma .ln {
margin-right:.4em;
padding:0 .4em;
color:#686868;
}

.chroma .k {
color:#569cd6;
font-weight:700;
}

.chroma .kc {
color:#88aece;
font-weight:700;
}

.chroma .kd {
color:#88aece;
font-weight:700;
}

.chroma .kn {
color:#88aece;
font-weight:700;
}

.chroma .kp {
color:#88aece;
}

.chroma .kr {
color:#88aece;
font-weight:700;
}

.chroma .kt {
color:#88aece;
font-weight:700;
}

.chroma .n {
/*color:#e1c945;*/
}

.chroma .na {
color:#bbb;
}

.chroma .nb {
color:#24909d;
}

.chroma .nc {
color:#e1c945;
font-weight:bold;
}

.chroma .no {
color:#40ffff;
}

.chroma .nd {
color:orange;
}

.chroma .ne {
color:#bbb;
}

.chroma .nf {
}

.chroma .nn {
color:#447fcf;
}

.chroma .nt {
color:#88aece;
font-weight:700;
}

.chroma .nv {
color:#40ffff;
}

.chroma .s {
color:#b5bd68;
}

.chroma .sa {
color:#ed9d13;
}

.chroma .sb {
color:#ed9d13;
}

.chroma .sc {
color:#b5bd68;
}

.chroma .dl {
color:#ed9d13;
}

.chroma .sd {
color:#ed9d13;
}

.chroma .s2 {
color:#ed9d13;
}

.chroma .se {
color:#ed9d13;
}

.chroma .sh {
color:#ed9d13;
}

.chroma .si {
color:#ed9d13;
}

.chroma .sx {
color:orange;
}

.chroma .sr {
color:#ed9d13;
}

.chroma .s1 {
color:#ed9d13;
}

.chroma .ss {
color:#ed9d13;
}

.chroma .m {
color:#d69d85;
}

.chroma .mb {
color:#d69d85;
}

.chroma .mf {
color:#d69d85;
}

.chroma .mh {
color:#d69d85;
}

.chroma .mi {
color:#d69d85;
}

.chroma .il {
color:#d69d85;
}

.chroma .mo {
color:#d69d85;
}

.chroma .ow {
color:#88aece;
font-weight:700;
}

.chroma .c {
color:#999;
font-style:italic;
}

.chroma .ch {
color:#999;
font-style:italic;
}

.chroma .cm {
color:#57a64a;
font-style:italic;
}

.chroma .c1 {
color:#57a64a;
font-style:italic;
}

.chroma .cs {
color:#e50808;
background-color:#520000;
font-weight:700;
}

.chroma .cp {
font-weight:700;
}

.chroma .cpf {
color:#d69d85;
}

.chroma .gd {
color:#d22323;
}

.chroma .ge {
font-style:italic;
}

.chroma .gr {
color:#d22323;
}

.chroma .gh {
color:#fff;
font-weight:700;
}

.chroma .gi {
color:#589819;
}

.chroma .go {
color:#ccc;
}

.chroma .gp {
color:#aaa;
}

.chroma .gs {
font-weight:700;
}

.chroma .gu {
color:#fff;
}

.chroma .gt {
color:#d22323;
}

.chroma .w {
color:#666;
}