/* Fix for container within navbar on small viewports, for Firefox and Chrome.
This may but be necessary when Bootstrap 4 is improved after alpha. */
/*AM22 - For better readability - START*/
body, html 
{
    font-size: 100%;
    font: "Questrial,sans-serif";
    line-height: 2.0 !important;
}
#content a {
  text-decoration: none !important;
}

/*
#content-body a{
  color: inherit !important;
  border-bottom: 2px solid #71c21b !important;
 }
#content-body a:hover, #content-body a:visited {
  color: #919191 !important;
  transition: 0.1s !important;
}
#content-body a:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}
#content-body a:hover, #content-body a:focus {
  color: #000 !important;
  text-decoration: none !important;
}
*/


@media screen and (max-width: 768px) {
    h1{ font-size:  1.6rem !important;}
    h2{ font-size:  1.4rem !important;}
    
    h3{ font-size:  1.3rem !important;}
    h4{ font-size:  1.2rem !important;}
    
    article p { font-size:  1.2rem !important;}
    article li{
      font-size: 1.2rem !important;
      margin-top: 30px !important;
    }
}
@media screen and (min-width: 769px) {
  p { 
    font-size: 1.3rem !important;
    margin-top: 30px !important;
  }
  article li{
    font-size: 1.3rem !important;
    margin-top: 30px !important;
  }
  
  .commentlist p{font-size: 1.0rem !important;}
}

@media (max-width: 575px) {
 
  .navbar > .container {
    position: static;
    width: 100%;
  }
}

/*AM22 - For better readability - END*/

/* Max content widths */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto
}

/* Navbar */

.navbar-topbar {
  border-radius: 0;
}

.navbar .dropdown-menu li {
  width: 100%;
  margin-left: 0 !important;
}

.navbar .dropdown-menu {
  margin-top: 0;
}

/* Main content */

#content article {
  margin: 25px 0
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}
.page-header {
  background: #f9f9f9 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  margin: 40px 0 20px;
  padding: 10px 14px;
}

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/* Comments */

#respond {
  margin-top: 40px
}
ol.comment-list {
  counter-reset: li; /* Initiate a counter */
  padding: 0
}
ol.commentlist {
  counter-reset: li; /* Initiate a counter */
  padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
  position: relative;
  /*margin: 0 0 20px 0;*/
  margin: 0 0 10px 0;
  list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  /*content: "#" counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  /*border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;*/
  /*padding: 5px 20px 5px 10px;*/
  padding: 3px 5px 5px 5px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li {
  padding: 20px
}
.commentlist ul li {
  /*margin-top: 20px;*/
  margin-top: 15px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*AM22 - To make google search box appear correct - START*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
  box-sizing: content-box !important;
  line-height: normal !important;
}
.gsc-result .gs-title {
    line-height: 1.5;
}
/*AM22 - To make google search box appear correct - END*/
/*AM22 - To make google search results tabs appear correct - START*/
.gsc-tabsArea div {
  overflow: visible !important;/*By default it comes as auto which shows scroll bars*/
}
/*AM22 - To make google search results tabs appear correct - END*/
/*AM22 - Making img tag responsive by default - START*/
img {
          display: block;
          height: auto;
          max-width: 100%;         
          margin: 0 auto;/*For center aligning*/
   }
/*AM22 - Making img tag responsive by default - END*/

.header-low-margin {
    /*For reducing the H1 tag at top of page/post margin*/
    margin-top: -5px !important;
}
/*AM22 - Making img tag responsive by default*/
/*AM22 To have a box of around the links for better look and feel*/
/*AM22 - To have category shown in blocks - START*/
.post-category a {
  margin: 0px 5px 5px 0;
  background-color: #00CC00;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  font-size: 80%;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}
.post-category a:hover {
  margin: 0px 5px 5px 0;
  background-color: #3366CC;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  font-size: 80%;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}
/*AM22 - To have category shown in blocks - END*/
/* For WP Discourse comment - START*/
/* From : https://css-tricks.com/snippets/wordpress/base-threaded-comments-styling/#comments*/
ol.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.comment-list li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.comment-list li.comment div.vcard cite.fn { font-style:normal; }
ol.comment-list li.comment div.vcard img.avatar { border:2px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.comment-list li.comment div.comment-meta { font-size:9px; }
ol.comment-list li.comment div.comment-meta a { color:#ccc; }
ol.comment-list li.comment p { margin:0 0 1em; }
ol.comment-list li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.comment-list li.comment div.reply { font-size:11px; }
ol.comment-list li.comment div.reply a { font-weight:bold; }
ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.comment-list li.parent { border-left:5px solid #111; }
/* For WP Discourse comment - END*/


  /* For Table of contents*/
  #toc_container {
    line-height: 160%;
    padding-left: 3%;
    background-color: rgba(0,0,0,.03);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #toc_container a{
    text-decoration: none !important;
  }
  #toc_container .toc_title{
    padding-left: 3%;
  }