/*!
 * Start Bootstrap - Grayscale v5.0.2 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

#mainNav{min-height:56px;background-color:#D4AF37}
#mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#000;border:1px solid #000}             /* color:#3b8beb;border:1px solid #3b8beb */
#mainNav .navbar-toggler:focus{outline:0}
#mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}
#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
@media (min-width:992px){
  #mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.8)}
#mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,1)}#mainNav .nav-link:hover{color:rgba(255,255,255,1)}    /* #D4AF37 */
#mainNav .nav-link:active{color:#000}
#mainNav.navbar-shrink{background-color:#D4AF37;border-bottom: 4px solid #0C268D;}  /* sheepfarmer border-bottom */
#mainNav.navbar-shrink .navbar-brand{color:#161616}
#mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}
#mainNav.navbar-shrink .nav-link:hover{color:#fff}
#mainNav.navbar-shrink .nav-link:active{color:#fff}
#mainNav.navbar-shrink .nav-link.active{color:#fff;outline:0;border-bottom:.25rem solid #000}
}
.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(59, 139, 235,1)),color-stop(75%,rgba(59, 139, 235,.8)),to(#3b8beb)),url(../img/D500display4.jpg);background:linear-gradient(to bottom,rgba(59, 139, 235,.5) 0,rgba(59, 139, 235,.5) 75%,#3b8beb 100%),url(../img/D500display4.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.masthead h1{font-size:1.6rem;line-height:2.5rem;letter-spacing:.8rem;background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.3));-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.masthead h2{max-width:20rem;font-size:1.2rem}
@media (min-width:768px){
  .masthead h1{font-size:4rem;line-height:4rem}
  }
  @media (min-width:992px){
    .masthead{height:100vh;padding:0}
    .masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}
    .masthead h2{max-width:30rem;font-size:1.5rem}
    }
   .btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.5)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.5)!important;border:0}

/*.btn-primary{background-color:#1236c9}
.btn-primary:hover{background-color:#4f837f}
.btn-primary:focus{background-color:#4f837f;color:#fff}
.btn-primary:active{background-color:#467370!important}*/
.btn-primary{color: #000}
.btn-primary{background-color:#D4AF37}
.btn-primary:hover{background-color:#A38841}
.btn-primary:focus{background-color:#A38841}
.btn-primary:active{background-color:#A38841!important}
.btn-success{color: #000}

.bg-section{background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.4) 75%,rgba(245, 241, 230, 0.8) 100%)}
.about-section p{margin-top:2rem;margin-bottom:2rem}
.products-section{padding:2rem 0}
.products-section .featured-text{padding:2rem}
@media (min-width:992px){
  .products-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #1236c9}
  }
  .products-section .project-text{padding:3rem;font-size:90%}
  @media (min-width:992px){
    .products-section .project-text{padding:5rem}
    .products-section .project-text hr{border-color:#fff;border-width:.15rem;width:50%}
    }
.signup-section{padding:1rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(59, 139, 235,1)),color-stop(75%,rgba(59, 139, 235,.5)),to(#3b8beb))}
.signup-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;height:auto;}
.contact-section{padding:5rem 0 0}
.contact-section .card{border:0;border-bottom:.25rem solid #0C268D}
.contact-section .card h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.15rem}
.contact-section .card hr{border-color:#0C268D;border-width:.25rem;width:3rem}
.contact-section .social{margin-top:5rem}
.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;color:rgba(255,255,255,.3)}
.contact-section .social a:hover{color:rgba(255,255,255,.5)}
.contact-section .social a:active{color:#fff}
a{color:#0C268D}
a:focus,a:hover{text-decoration:none;color:#3c6360}
.nav-link a{color:#0C268D}            /*                                        */
.bg-blue{background-color:#0C268D!important}
.bg-gold{background-color:#D4AF37!important}
.bg-black{background-color:#161616!important}
.bg-primary{background-color:#64a19d!important}
.text-primary{color:#1030b2!important}
footer{padding:3rem 0}
.bg-white{ background-color: #fff;}
.bg-sand{background-color:rgba(245, 241, 230, 0.8)!important}
.text-dk-sand{color: rgba(103, 99, 86, 1) !important;}
.form-group label{font-size:1.25rem;color: white;}
.form-control::placeholder {color: #6c757d;}
.text-white-75{color: rgba(255,255,255,.75) !important;}
.text-red-80{color: #ff2929;}
.text-gold{color: #D4AF37;}
.text-black{color: #000;}
.modal-content {
  border: 5px solid rgba(12,38,141,.4);
}
.modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-body {
 text-align: left;
}
#pens .card {
  display: block;
  border: 1px solid rgba(179,179,179,1);
}
#pens .card-header {
background: #1030B2;
text-align: center;
}