.container {
    max-width: 1080px !important;
}
.secondary-sidebar .widget .textwidget{
	margin-top: 10px;
}
.adsbygoogle {max-height: 90px; !important}
/*ssssssss*/
.site-content {min-height: 950px;}
.o {
	background-color: #e0e0e0;
    border-radius: 10px;
    color: rgba(0,0,0,.9);
    font-family: Consolas,monospace;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px;
    font-size: 14px;
}
@media(min-width: 768px){
#tbsidemenu{display:none;}
#tbsidemenu a {display:none;}
}
@media(max-width: 768px)
{
#tbsidemenu {
    opacity: .6;
    height: 0;
    width: 85px;
    position: fixed;
    right: 0;
    top: 75%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#tbsidemenu a {
    background: #5dbe59;
    display: block;
    height: 40px;
    padding-top: 10px;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}

	.collapse.show {
    display: block;
    visibility: visible;
}
	.left-side {
		visibility: hidden;
		display: none;
	}
	table {font-size: 13px;}
}
.navbar-toggler-left-icon:before{
	content: "\f58d";
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	font-weight: 700;
}


.short-description{
	color: rgba(37,38,94,.7);
    font-weight: 600;
    margin-top: 10px;
}
.page .post-thumbnail{display:none;}
.btn-center {
    display: table;
    margin: 0 auto;
}
.button {
    background: #000;
    padding: 15px 20px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-size: 12px;
    letter-spacing: 2px;
    border-radius: 0;
    display: table;
    transition: .4s;
}
#home_post .entry-content{
	display: none;
}
#front-entry {
	font-family: Arial,Verdana,Tahoma;
	margin-top: 5px;
	color: #ff5500;
}
#home_post{
	padding: 10px;
	margin: 5px 0;
}

#article_post{
	padding: 10px;
	margin: 0px;
}

#home-post-pagi {
	margin-top: 15px;
	margin-bottom: 20px;
}
#home-post-pagi .page-numbers {
	margin-right: 7px;
}

.page-navi {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.page-numbers {
    display: inline-block;    font-size: 18px;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #008000;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
}

.page-numbers.current, a.page-numbers:hover {
    background: #008000;
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;

}

.navbar-light .navbar-nav .nav-sub .nav-link {
    color: #333;
    border-bottom: 1px dotted #d1d1d1;
    text-align: left;
}

.navbar-toggler-icon {
    width: 1.1em;
    height: 1.1em;
}
.navbar-toggler{margin-top:0px;}

.box {
text-align: left;
  position: relative;
  display: inline-block;
  background: #fff;
  width: 100%;
  height: 100%;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.box::after {
  content: "";

  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.box:hover {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
   background: #eee;
}
.box:hover::after {
    opacity: 1;
}

@media(max-width: 768px) {
body {background: #fff;}
.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
}

/* Inline CSS*/
.menu-primary_menu-container ul {
	list-style:none;
	margin: 0 0 0 5px;
	padding: 0;
}
.menu-primary_menu-container ul li{
	display:inline-block;
}
.menu-primary_menu-container ul li a{
	text-decoration: none;
    display: block;
    white-space: nowrap;
	padding: .5rem .5rem .5rem .5rem;
	color: #fff;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-size: 16px;
}
.menu-primary_menu-container ul li a:hover{
	background: #000;
}

.menu-primary_menu-container{
	padding: 0 8px;
}
.primary{display:none;}

#front-entry-text{
font-size: 1rem;
margin-top: 5px;
min-height: 158px;
}
.fancy-list dt, .fancy-list dd {
    padding-left: 47px;
}
.fancy-list dt {
    position: relative;
    font-size: 18px;
    padding: 15px 0 10px;
}
.fancy-list dt:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    top: .4em;
    position: absolute;
    font-size: 6rem;
    font-weight: lighter;
	  color: #ddd;
}
.fancy-list {
    counter-reset: my-counter;
}

/***************************************** End Inline CSS  ***********************************************************/


.logo {height: 70px;}
.site-header {width: 100%;background: #eee;}
.small-header {	width: 100%;background: #fff;border-bottom: 1px solid #f0f0f0;}
@media(max-width: 768px) {.small-header {display: none !important;}.logo {text-align: left;margin-bottom: 10px;}}
.header-menu-container {margin: 0;padding: 0;}
#header-menu {padding: 0;margin: 0;list-style: none;}
#header-menu li {float: left;font-size: 12px;padding: 0 5px;;border-right: 1px solid #f0f0f0;}
#header-menu li a {color: #333;text-decoration: none;padding: 6px 8px 8px 6px;display: inline-block;font-weight: bold;}
.contact  {border-left: 1px solid #f0f0f0;}
#header-socials {text-align: right;}
#header-socials a i{display: inline-block;padding: 8px;border-right: 1px solid #f0f0f0;box-sizing: border-box;text-align: center;}
#left-icon{	border-left: 1px solid #f0f0f0;padding: 8px 8px 8px 5px;}
.site-branding {padding: 10px 0;background: #fff;}
.header-banner {text-align: right;}
.main-sidebar, .secondary-sidebar {margin-top:5px;} 
/*@media(max-width: 768px) {#secondary {display: none; } .secondary-sidebar {display: none !important;}}*/
@media(max-width: 768px) {.secondary-sidebar {display: none !important;}}
body {width: 100%;background: #eee; }
article {font-size: 16px;font-family: Arial,Verdana,Tahoma;line-height: 1.7em;}
@media(max-width: 768px) {article {font-size: 16px;font-family: Arial,Verdana,Tahoma;line-height: 26px;}}
.site-content {font: 13px verdana,helvetica,arial,sans-serif;line-height: 23px;}
.pre-post {background: #323330;height: 40px;width: 100%;}
.next-post {background: #333;height: 40px;color: #fff;width: 100%;}
*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.site-footer {width:100%;padding: 10px 10px;color: #f0f0f0;background: #333;border-top: 4px solid #ccc;}
.site-info {width: 100%;clear: both;color: #f0f0f0;text-align: left;padding: 30px 0;background: #333;border-top: 4px solid #3a3a3a;}
.footer-widgets {width: 100%;clear: both;color: rgb(128, 128, 128);}
.footer-widget {padding-right: 20px;}
.footer-widgets ul, ol, a {margin: 0 0 0 0px;padding: 0;color: rgb(128, 128, 128);list-style: none;}
.footer-widgets ul a, .footer-widgets ol a{text-decoration: none;}
.footer-widgets ul a:hover, .footer-widgets ol a:hover{color: #fff;}
.footer-widgets li {color: rgb(128, 128, 128);padding: 8px 0;}
 #menu-item-43 {border-bottom: none;}
.footer-widgets .textwidget {padding-right: 25px;}
.entry-title {background-color: #fff;padding: 10px;margin-top: 5px;margin-bottom: 0;text-align: center;}
.entry-title-home {margin-bottom: 5px;margin-top: 8px;}
.home-entry-text {background-color: #fff;margin-bottom: 5px;text-align: left;font-size: 16px;font-family: Arial,Verdana,Tahoma;line-height: 1.6em;}
#tb-top-ad {background-color: #fff;padding:2px;margin-bottom: 5px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);text-align: center;}
#tb-welcome {color:#fafafa;padding:2px;margin-bottom: 2px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);text-align: center;}
.widget {background-color: #fff;padding: 0;margin-bottom: -20px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);}
#tb-side-button {background-color: #fff;padding: 10px;margin-bottom: 5px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);text-align: center;font-size: 1.4rem;}
#tb-mini-left {background-color: #fff;padding: 0;margin-bottom: 3px;margin-top: 8px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);}
.widget_media_image {background-color: #fff;padding: 0;margin-bottom: 5px;margin-top: 0px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);}
#tb-bottom-button {background-color: #fff;padding: 10px;margin-bottom: 5px;box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);}
#tb-bottom-button a {float: right;padding: 8px 20px;color: #fff;text-decoration: none;display:block;border-radius: 20px;}
@media(min-width: 767px) {#navbar-brand {display: none;}}
.tb-header {text-align: right;}
.navbar {background: #fff ;margin-bottom: 3px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.navbar-dark .navbar-nav .nav-link {color: #333; border-bottom: 1px dotted #d1d1d1;}
.navbar-dark .navbar-nav .nav-link:hover {color: #333;border-bottom: 1px dotted #d1d1d1;}
.navbar-dark .navbar-toggler {color: #333;border-color: #333;}
.navbar-right {overflow: hidden;color: #161616;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {position: static;}
.yamm .container {position: relative;}
.yamm .dropdown-menu {left: auto;}
.yamm .nav.navbar-right .dropdown-menu {left: auto;right: 0;}
.yamm .yamm-content {padding: 20px 30px;}
.yamm .dropdown.yamm-fw .dropdown-menu {top: 42px;border-top: 3px solid #d1d1d1;}
.list-unstyled, .list-unstyled ul { min-width: 120px }
@media ( min-width: 767px ) {.panel-group {width: 400px;} .thumbnail {margin: 0;}}
.grid-demo {padding: 10px 10px;}
.grid-demo [class*="col-"] {margin-top: 5px;margin-bottom: 5px;font-size: .9em;line-height: 1;}
@media(max-width: 767px) {.nav-item {border-bottom: 1px solid #f0f0f0;}}
.breadcrumb {padding: 10px;list-style: none;margin-bottom: 5px;border-radius: 0;border-bottom: 1px solid #F0F0F0;background: #fff;height: auto;box-shadow: 0 3px 3px -3px rgba(0,0,0,.1);}
.breadcrumb a {text-decoration: none;}
@media(max-width: 767px) {.breadcrumb {display: none;}}

#breadcrumbs{
    list-style:none;
    margin:2px 0;
    overflow:hidden;
    padding: 0;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
  
#breadcrumbs .separator{
    font-size:14px;
    font-weight:100;
    color:#ccc;
}
.nexttopicdiv {
    margin-top: 30px;
    display: flex;
}
.nexttopictext {
    padding: 8px;
    background-color: #4caf50;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 4px 200px 200px 0;
    -moz-border-radius: 4px 200px 200px 0;
    -webkit-border-radius: 4px 200px 200px 0;
    border: 0 solid  #deadde;
    white-space: nowrap ;
}

#in-post-navigation .nav-previous{display:none;}
#in-post-navigation .nav-next{float:left;text-align: left;width: 100%;padding-top: 8px;}
#in-post-navigation .nav-next a {color: #0f9d58;}
/*.secondary-sidebar .widget li{display: flex;}*/
.archive-description{padding: 15px;}
.archive-description p{font-size: 16px;font-family: Arial,Verdana,Tahoma;line-height: 25px;}
.archive-description li{font-size: 16px;font-family: Arial,Verdana,Tahoma;line-height: 25px;margin-bottom: 15px;}
#gridcontainer{margin: 20px 0; width: 100%; }
#gridcontainer h2 a{color: #77787a; font-size: 13px;}
#gridcontainer .griditemleft{float: left; width: 278px; margin: 0 40px 40px 0;}
#gridcontainer .griditemright{float: left; width: 278px;}
#gridcontainer .postimage{margin: 0 0 10px 0;}


.meta-category {
    display: inline-block;
    border-radius: 15px;
    margin-right: 3px;
    color: #0f9d58;
}
.meta-category a{color: #0f9d58; margin: 0px;}
.meta-category a:hover{text-decoration: none;}
a:hover{text-decoration: none;}
a:-webkit-any-link {
    cursor: pointer;
}
.practiceButton {
    display: inline-block;
    padding: 2px;
    margin-right: 3px;
    font-size: .9rem;
}

/*----------------------------------
	Social Share
-----------------------------------*/
.tc-social-share a {display: inline-block;margin: 0.3em;}
.tc-social-share .social-icon {display: inline-block;font-size: 0px;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;text-align: center;position: relative;z-index: 1;color: #444;-webkit-box-shadow: 0 0 0 4px #444;box-shadow: 0 0 0 4px #444;overflow: hidden;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.tc-social-share .social-icon:after {display: none;pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box; box-sizing: content-box;}
.tc-social-share .social-icon:before  {speak: none;font-size: 42px;line-height: 80px;display: block;-webkit-font-smoothing: antialiased;}
.tc-social-share .social-icon:hover {background: #444;color: #fff;-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.05);box-shadow: 0 0 0 8px rgba(0,0,0,0.05);}
.tc-social-share .social-icon:hover:before {-webkit-animation: animationLeft 0.3s forwards; animation: animationLeft 0.3s forwards; }

/*----------------------------------
	Social Share Colors
-----------------------------------*/
.tc-social-share i[class*="-facebook"] {color: #4766A9;-webkit-box-shadow: 0 0 0 3px #4766A9;box-shadow: 0 0 0 3px #4766A9;}
.tc-social-share i[class*="-facebook"]:hover {background: #4766A9;	}
.tc-social-share i[class*="-twitter"] {color: #00ACED;-webkit-box-shadow: 0 0 0 3px #00ACED;box-shadow: 0 0 0 3px #00ACED;}
.tc-social-share i[class*="-twitter"]:hover {background: #00ACED;	}
.tc-social-share i[class*="-google-plus"] {color: #DB4437;-webkit-box-shadow: 0 0 0 3px #DB4437;box-shadow: 0 0 0 3px #DB4437;}
.tc-social-share i[class*="-google-plus"]:hover {background: #DB4437;}
.tc-social-share i[class*="-dribbble"] {color: #CB5D9C;-webkit-box-shadow: 0 0 0 3px #CB5D9C;box-shadow: 0 0 0 3px #CB5D9C;}
.tc-social-share i[class*="-dribbble"]:hover {background: #CB5D9C;}
.tc-social-share i[class*="-linkedin"] {color: #0177B5;-webkit-box-shadow: 0 0 0 3px #0177B5;box-shadow: 0 0 0 3px #0177B5;}
.tc-social-share i[class*="-linkedin"]:hover {background: #0177B5;}
.tc-social-share i[class*="-instagram"] {color: #97369D;-webkit-box-shadow: 0 0 0 3px #97369D;box-shadow: 0 0 0 3px #97369D;}
.tc-social-share i[class*="-instagram"]:hover {background: #97369D;}
.tc-social-share i[class*="-pinterest"] {color: #BB0B1F;-webkit-box-shadow: 0 0 0 3px #BB0B1F;box-shadow: 0 0 0 3px #BB0B1F;}
.tc-social-share i[class*="-pinterest"]:hover {background: #BB0B1F;}
.tc-social-share i[class*="-github"] {color: #323131;-webkit-box-shadow: 0 0 0 3px #323131;box-shadow: 0 0 0 3px #323131;}
.tc-social-share i[class*="-github"]:hover {background: #323131;}
.tc-social-share i[class*="-flickr"] {color: #FF1981;-webkit-box-shadow: 0 0 0 3px #FF1981;box-shadow: 0 0 0 3px #FF1981;}
.tc-social-share i[class*="-flickr"]:hover {background: #FF1981;}
.tc-social-share i[class*="-vk"] {color: #4C75A3;-webkit-box-shadow: 0 0 0 3px #4C75A3;box-shadow: 0 0 0 3px #4C75A3;}
.tc-social-share i[class*="-vk"]:hover {background: #4C75A3;}
.tc-social-share i[class*="-youtube"] {color: #FF0000;-webkit-box-shadow: 0 0 0 3px #FF0000;box-shadow: 0 0 0 3px #FF0000;}
.tc-social-share i[class*="-youtube"]:hover {background: #FF0000;}
/*----------------------------------
	Social Corners
-----------------------------------*/
.tc-social-square .social-icon {border-radius: 0;}
.tc-social-round .social-icon {border-radius: 4px;}

/*----------------------------------
	Social Sizes
-----------------------------------*/
.tc-social-xs .social-icon {width: 34px;height: 34px;}
.tc-social-xs .social-icon:before {font-size: 19px;line-height: 34px;}
.tc-social-small .social-icon {width: 50px;height: 50px;}
.tc-social-small .social-icon:before {font-size: 24px;line-height: 50px;}
.tc-social-medium .social-icon {width: 64px;height: 64px;}
.tc-social-medium .social-icon:before {font-size: 32px;line-height: 64px;}

/*----------------------------------
	Animation Effect
-----------------------------------*/
.tc-social-share.social-animation-right .social-icon:hover:before {-webkit-animation: animationRight 0.3s forwards; animation: animationRight 0.3s forwards; }
.tc-social-share.social-animation-top .social-icon:hover:before {-webkit-animation: animationTop 0.3s forwards; animation: animationTop 0.3s forwards; }
.tc-social-share.social-animation-bottom .social-icon:hover:before {-webkit-animation: animationBottom 0.2s forwards; animation: animationBottom 0.2s forwards; }

/*----------------------------------
	Animation Top
-----------------------------------*/
@-webkit-keyframes animationTop {
	49% {-webkit-transform: translateY(100%);}
	50% {opacity: 0;-webkit-transform: translateY(-100%);}
	51% {opacity: 1;}
}
@keyframes animationTop {
	49% {transform: translateY(100%);}
	50% {opacity: 0;transform: translateY(-100%);}
	51% {opacity: 1;}
}



html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 1.8rem;
	/*margin: 0.67em 0;*/
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	clear: both;
}
.h2, h2 {
    font-size: 1.4rem;
}
.h3, h3 {
    font-size: 1.3rem;
}
.h4, h4 {
    font-size: 1.1rem;
}
#n, .n {
    padding: 20px 15px 20px 40px;
    border: 1px solid pink;
    border-left: 3px solid pink;
    font-size: 15px;
    background: url(https://tutorialsbook.com/wp-content/uploads/2020/04/note.png) 4px 15px no-repeat;
    border-radius: 3px;
    margin-bottom: 15px;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	text-shadow: 2px 1px 1px #ccc;	
}

p {
	margin-bottom: 1.2em;
	letter-spacing: .17px;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
	border-left: 5px solid #eee;
	padding: 10px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	border: 1px solid #d6d6d6;
	/*font-family: "Courier 10 Pitch", Courier, monospace;*/
        /*font-family: 'Roboto',sans-serif;*/	
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 1.4em;
	max-width: 100%;
	overflow: auto;
	padding: 5px;
        box-shadow: 6px 3px 8px #d4d4d4;
	border-left: 4px solid #32CD32;
}
/*
.hljs {
background: #0d1117 !important;
} */
.output-container{
    background-color: #1c1d1c;
    border-radius: 4px;
    color: #f9f9f9;
    font-family: Consolas,monospace;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #d3dce6;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}


hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	margin: 0 0 1.5em 0em;
}

ul {
    list-style: circle;

}
.site-main ul li {margin-bottom: 10px;}
.archive-description h1,.archive-description h2, .archive-description h3{
	text-shadow: 2px 1px 1px #ccc;
}

ol {
	list-style: decimal;
        margin: 0.5em 0 1.5em 3em;
        color: #111111;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
       max-width: 100%;
	/* Adhere to container width. */
}
#home_post img {width: 100%;}
figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
    border: 1px solid #d3dce6;
    border-radius: 4px;
    overflow: hidden;
    width: 100% !important;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border: 1px solid #dee2e6;
	border-spacing: 2px;
word-break: break-word;
}
td {
  	border: 1px solid #dee2e6;  
  	padding: 5px;
}
tr:nth-child(odd) {background-color: #eee;}
tr:first-child {background-color: #ccc;font-weight: bold;}
@media(min-width: 768px) {tr:first-child {background-color: #ccc;font-weight: bold;overflow:hidden; white-space:nowrap; }}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {

}

a:visited {

}

a:hover, a:focus, a:active {

}

a:focus {

}

a:hover, a:active {

}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #333;
}

.main-navigation li a:hover {
	color: #fff;
	background: #157b98;
}
.sub-menu {
	background: #aaa;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle,
.main-navigation.toggled ul li>a {
	display: list-item;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, 
.site-main.posts-navigation, .site-main .post-navigation {
	margin: 0 0 .5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	/*width: 50%; */
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.post-next {
	padding: 5px 15px 5px 15px;
	float: right;
}
.post-next a {
	padding: 0px 3px;
}
.post-next a:hover {
	text-decoration: none;
        cursor: pointer;
}
.post-next:hover {
        cursor: pointer;
}
.Previous {
	/*border: 2px solid #eee*/
	padding: 5px 15px 5px 15px;
	float: left;
}
.Previous a:hover {
	text-decoration: none;
        cursor: pointer;
}
.Previous:hover 
{
        cursor: pointer;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


.widget select {
	max-width: 100%;
}
.widget-title {
	font-size: 20px;
	padding: 10px;
	color: #fff;
	margin-bottom: 0;
	background: #FF6600;
}
.widget ul, .widget ol {
	margin-left: -8px;
	padding-left: 8px;
	list-style: none;
}
.widget li {
	border-bottom: 1px dotted #bbb;
	display: block;
}

.widget .menu-item.current-menu-item a {
	font-weight: 600;
}
.widget .menu-item.current-menu-item a:after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
	font-size: 14px;
}
.bellows-menu-item .bellows-current-menu-item a:after{
    content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
	font-size: 14px;
}
.widget li a:before {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 8px;
	margin-left: 5px;
	color: #aaa;
	font-size: 11px;
}

.widget ul a, .widget ol a{
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding: 4px;
}

.footer-widget-title {
	font-size: 20px;
	background: transparent;
	padding: 10px 10px 10px 0;
	color: #fff;
	margin-bottom: 10px;
}
.widget-area img {width: 100%;}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area {
	margin: 0 0px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 5px;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0; */
	background-color: #fff;
    padding: 10px;
    box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);
}

@media(min-width: 768px) {
	.page-content,
	.entry-content,
	.entry-summary {
		/*margin: 1.5em 0.5em 0; */
		background-color: #fff;
    	padding: 20px;
    	box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);
}
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
    padding: 5px 0;
}

.wp-caption .wp-caption-text {
	margin: 0;
}

.wp-caption-text {
	text-align: center;
    background: #f1f5fd;
    border-top: 1px solid #d3dce6;
    padding: 12px 16px;
    /* color: rgba(37,38,94,.7); */
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.pln { color: #000 }  /* plain text */

@media screen {
  .str { color: #080 }  /* string content */
  .kwd { color: #008 }  /* a keyword */
  .com { color: #800 }  /* a comment */
  .typ { color: #606 }  /* a type name */
  .lit { color: #066 }  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo { color: #660 }
  .tag { color: #008 }  /* a markup tag name */
  .atn { color: #606 }  /* a markup attribute name */
  .atv { color: #080 }  /* a markup attribute value */
  .dec, .var { color: #606 }  /* a declaration; a variable name */
  .fun { color: red }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str { color: #060 }
  .kwd { color: #006; font-weight: bold }
  .com { color: #600; font-style: italic }
  .typ { color: #404; font-weight: bold }
  .lit { color: #044 }
  .pun, .opn, .clo { color: #440 }
  .tag { color: #006; font-weight: bold }
  .atn { color: #404 }
  .atv { color: #060 }
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
/*
     FILE ARCHIVED ON 09:38:09 Jun 10, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:49:57 Jul 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.531
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.042
  esindex: 0.009
  cdx.remote: 3.112
  LoadShardBlock: 84.513 (3)
  PetaboxLoader3.datanode: 224.421 (5)
  PetaboxLoader3.resolve: 52.928 (2)
  load_resource: 261.582
  loaddict: 88.525
*/