/**
 * custom.css
 *
 * @package LeweSite
 * @version 0.2.000
 * @author George Lewe (http://www.lewe.com)
 * @copyright Copyright (c) 2019 by Lewe.com
 */

body {
  font-size: 120%;
}

a.home-button:hover {
   color: #ffb000;
}

.container, .container-fluid {
   padding: 0px;
}

.navbar-brand {
   padding: 0px;
}

.navbar-logo {
   margin-right: 10px;
}

.carousel-caption {
   background-color:rgba(0, 0, 0, 0.5);
}

.carousel-caption-header {
   font-size: 1.40625rem;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
}

.carousel-caption-text {
   font-style: italic;
   margin-top: 0;
   margin-bottom: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
}

.xsmall {
  font-size: 72%;
}

.back-to-top {
   position: fixed;
   bottom: 25px;
   right: 25px;
   display: none;
}

footer {
   color: #666666;
   background-color: #202020;
   padding: 20px 15px 300px 15px;
   margin-bottom: 0px;
}

footer a { color: #999999; }

.caret {
   margin-left: 6px;
}

.fa-menu {
   margin-right: 8px;
}

.italic {
   font-style: italic;
}

.img_floatleft        { float:left; margin: 0 24px 5px 0;}
.img_floatright       { float:right; margin: 0 0 5px 10px;}

.img-border {
   -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: solid #fff 5px;
   left: -5px;
   background: #fff;
}

.spacer-20 { margin-top: 20px; }
.spacer-40 { margin-top: 40px; }
.spacer-60 { margin-top: 60px; }
.spacer-80 { margin-top: 80px; }
.spacer-100 { margin-top: 100px; }
.spacer-120 { margin-top: 120px; }
.spacer-140 { margin-top: 140px; }

@media (max-width: 340px) {
   img { max-width: 300px; }
}
@media (max-width: 820px) {
   #slideshow { display: none; }
}
@media (max-width: 1024px) {
   #slideshow { width: 700px; padding-top: 20px;}
}

.input-style {
   background-color: #FFFFE0;
   color: #990000;
   font-style: italic;
   font-size: 1.1em;
}

.output-style {
   color: #000099;
}

.tooltip-main {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   font-weight: 700;
   background: #ffffe0;
   border: 1px solid #ffb000;
   color: #737373;
   margin: 4px 121px 0 5px;
   float: right;
   text-align: left !important;
 }
 
 .tooltip-qm {
   float: left;
   margin: -2px 0px 3px 4px;
   font-size: 1em;
 }
 
 .tooltip-inner {
   max-width: 236px !important;
   font-size: 12px;
   padding: 10px 15px 10px 15px;
   background: #FFFFe0;
   color: rgb(0, 0, 0, .7);
   border: 1px solid #ffb000;
   text-align: left;
   font-size: 1.2em;
 }
 
 .tooltip.show {
   opacity: 1;
 }
 
 .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
 .bs-tooltip-bottom .arrow::before {
   border-bottom-color: #ffb000;
 }