/*!
 * Start Bootstrap - tutorial v5.0.2 (https://startbootstrap.com/template-overviews/tutorial)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-tutorial/blob/master/LICENSE)
 */
 
 html {
    position: relative;
    min-height: 100%;
}

 body {
  font-family: Muli, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  margin: 0 0 2em 0;
  padding-top: 0px;
  color: #343a40;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2em;
    z-index: 1000;
}

@media (min-width: 992px) {
  body {
    padding-top: 0;
    padding-left: 0;
  }

  p, pre {
    font-size: 1.15rem;
    font-weight: 400;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
  color: #343a40;
}

h1 {
  font-size: 4rem;
  line-height: 5.5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

.subheading {
  font-weight: 500;
  font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 1.5rem;
}

.social-icons a {
  display: inline-block;
  height: 3.5rem;
  width: 3.5rem;
  background-color: #495057;
  color: #fff !important;
  border-radius: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.5rem;
  margin-right: 1rem;
}

.social-icons a:last-child {
  margin-right: 0;
}

.social-icons a:hover {
  background-color: #bd5d38;
}

.dev-icons {
  font-size: 3rem;
}

.dev-icons .list-inline-item i:hover {
  color: #bd5d38;
}

section.tutorial-section {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  max-width: 75rem;
}

section.tutorial-section .tutorial-item .tutorial-date {
  min-width: none;
}

@media (min-width: 768px) {
  section.tutorial-section {
    min-height: 100vh;
  }

  section.tutorial-section .tutorial-item .tutorial-date {
    min-width: 18rem;
  }
}

@media (min-width: 992px) {
  section.tutorial-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.bg-primary {
  background-color: #f1f1f1 !important;
}

.text-primary {
  color: #bd5d38 !important;
}

a {
  color: #bd5d38;
}

a:active, a:focus, a:hover {
  color: #824027;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:visited {
  background-color: #bd5d38 !important;
  border-color: #bd5d38;
}

 #more {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: white;
  text-shadow: 2px 2px 2px black; }

a.nolink {
  color: white;
  text-decoration: none; }

.breadcrumb{
  text-transform:capitalize;
}

.output{background:#000;
color:#FFFFFF;
min-height:300px;
width:100%;
padding:10px;
border:solid 8px #CCCCCC;
margin-bottom:10px;}

em{
	font-weight:bold;
}
.table-responsive {
    display: table;
}

.navbar-brand{font-weight:600} 

.navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
}

pre{
	background-color: #ddd;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-left:solid 4px #666666;
}

pre.result
{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #fff;
	border:none;
}

.qans{
	font-family:verdana;
	color:#654321;
	font-size:90%;
	font-weight:700;
}

.review{
overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
			border:none;
background-color: #ddd;
}

pre{overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
}