body {
  overflow: none;
}

body > .bg-image { height: 750px; }

.orange { color: #F06322; }
.shadow-light { text-shadow: 2px 2px 0px rgba(0,0,0,0.2); }
.shadow-blend { text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3); }
.navbar-logo {
  max-height: 150px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  top: 15px;
}

.sm-logo .navbar-logo {
  max-height: 66px;
  position: relative;
  top: auto;
}

h3.css3panel-title {
  text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
  color: #F06322;
  font-weight: 600;
}
#call-to-action, section.homepage-products .left {
   background: rgb(136,56,19);
  background: linear-gradient(30deg, rgba(136,56,19,1) 0%, rgba(214,88,30,1) 35%, rgba(177,74,25,1) 100%);
  color: #ffffff;
}

section.homepage-products .card-img-top {
  height: 180px;
  object-fit: cover;
}

.card, .card img {
  border-radius: unset;
}

section.homepage-products .card i.fa-book-open {
  font-size: 100px;
  padding: 30px 0;
}

.btn-primary {
  border-radius: unset;
  background-color: transparent;
}
.btn-primary:hover {
  background-color: #fff;
}
.btn-primary:hover h4 {
  color: #000;
}

#call-to-action a {
  color: #ffff;
  text-decoration: none;
  text-transform: uppercase;
}
#call-to-action .button-wrap {
  padding: 20px;
  border: 1px solid #fff;
}
.cta-wrapper { padding: 50px; }
.lower.text-wrap { padding-top: 15px; }
.cta-footer { padding-top: 25px; }

.site-content, .site-pagination { margin-bottom: 2rem; }

/* Make sure the image size is reasonable. */
.site-content img {
  max-width: 100%;
}


section.homepage-products {
  padding: 60px 0 60px 0;
}

section.homepage-products .section-title {
  text-decoration: underline;
  padding-bottom: 30px;
}

section.homepage-products .left ul {
  padding: 10px;
}
section.homepage-products ul { margin-bottom: 0px; }
section.homepage-products li {
  list-style-type: none;
  padding: 5px 0;
}
section.homepage-products li {
  display: flex;
  flex-direction: row;
}
section.homepage-products i {
  font-size: 30px;
}
section.homepage-products .bi-check {
  color: #08B507;
}
section.homepage-products .right {
  text-transform: uppercase;
  color: #F06322;
}

section.homepage-products .right h4 { font-weight: 600; }

section.homepage-products .featured-cta { margin: auto; }
/*section.homepage-products .featured-cta.row {
    display: table;
}

section.homepage-products .featured-cta.row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}*/

section.homepage-products .featured-cta span {
  display: inline-flex;
  align-items: center;
}

section.homepage-products .right a {
  display: inherit;
  color: #d0561d;
  text-decoration: none;
}
section a:hover, footer a:hover {
  color: #000 !important;
  font-weight: 600;
}


section#company-highlights .fa {
  font-size: 100px;
  padding-bottom: 20px;
}

section#company-highlights {
  padding: 50px 0;
}

section#company-highlights img {
  width: 100%;
}

.footer-navbar {
  padding: 50px 0;
}

.footer-navbar .company-info .border-end p {
  margin-bottom: 0;
}

.footer-navbar .children a {
  padding-bottom: 0;
}


.fa-facebook-square {
  color: #3b5998;
  background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% );
  background-size: 55%;
  background-position: 70% 0;
  background-repeat: no-repeat;
}

.fa-twitter, .fa-twitter-square { color: #00aced; }
.fa-google-plus, .fa-google-plus-square { color: #dd4b39; }
.fa-youtube, .fa-youtube-play, .fa-youtube-square { color: #bb0000; }
.fa-tumblr, .fa-tumblr-square { color: #32506d; }
.fa-vine { color: #00bf8f; }
.fa-flickr { color: #ff0084; }
.fa-vimeo-square { color: #aad450; }
.fa-pinterest, .fa-pinterest-square { color: #cb2027; }
.fa-linkedin, .fa-linkedin-square { color: #007bb6;}
.fa-spotify { color: #1ed760; }

.fa-instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.company-info .fa-brands {
  font-size: 40px;
}

@media (max-width: 992px) {
  section.homepage-products .right div { padding: 50px; }
}

@media (max-width: 768px) {
  div.kl-slideshow { padding-top: 85px; }

  .footer-navbar .company-info {
    float: none;
    padding-top: 30px;
  }
  .footer-navbar li { text-align: center; }

  .footer-navbar .company-info .pb-3 p { margin-bottom: 0; }
  .footer-navbar .company-info * {
    text-align: center;
  }

  body > .bg-image { height:450px; !important }

}

/* Custom Cursor Stuff */
#cursor {
    background-color:#c6521c;;
    border-radius:50%;
    height:0;
    left:-100px;
    mix-blend-mode: multiply;
    pointer-events:none;
    position:fixed;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    transition:width .15s ease-in,height .15s ease-in;
    width:0;
    will-change:auto;
    z-index:99999
}

#cursor.teal {
  background-color: #57CBCC;
}

#cursor.enlarge {
    height:170px;
    width:170px
}

.contact .card {
  box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,7%);
  padding: 50px;
}

.contact .line-primary {
  width: 10%;
  height: 1px;
  border-radius: 3px;
  margin-left: 0;
  background-color: #F06322; /*#5e72e4;*/
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: .0625rem solid rgba(0,0,0,.1);
  box-sizing: content-box;
  opacity: 1;
}

.contact .btn-primary {
  background-color: #F06322;
  border-color: #F06322;
  box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,8%);
}

.contact .btn-primary:hover {
  box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,8%);
  transform: translateY(-1px);
  border-color: #CC521A;
  background-color: #CC521A;
  text-decoration: none;
  cursor: pointer;
}

.contact .input-group-text {
  color: #adb5bd;
  border-right: none;
  background: transparent;
  border-radius: 0;
}

.contact .input-group-text i { padding: 4px; }
.form-control:focus {
  border-color: #F06322;
  box-shadow: none;
}

.contact .form-control, .contact .form-label { font-size: 0.875em; }
.contact .input-group input { border-left: none; border-raidus: 0; }

.contact .input-group-text,
.contact textarea,
.contact .input-group input {
  border-radius: 0;
}

.contact input:focus,
.contact textarea:focus {
  border: 1px solid;
  border-color: rgb(198, 82, 28, .25);
}
.contact .form-group { padding: 10px 0; }
a[href^="tel:"] {
  color: black;
  text-decoration: none;
}