@charset "UTF-8";

header {
     background-color: #292929;
     height: 7rem;
}

header div {
}

div.container.about-us-blurb {
     position: absolute;
     top:100px;
     z-index: 99999999;
}
.overlay-image{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     background-position:center;
     background-size:cover;
     opacity: 0.5;
     background-color: #292929;
}
.carousel-item{
     /*height:40rem;*/
     background-color: #FFFFFF;
     background-position:center;
     background-size:cover;
}
#myCarousel{
}
footer.full-footer {
     background-color: #292929;
     color: #FFFFFF;
}
div#logo img, nav.navbar .navbar-brand img{
     max-width:150px;
}
body,
html {
     height: 100vh;
}

.navbar-collapse li.nav-item{
     text-align: right;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
     color:#bb9900;
     text-decoration: underline;
}
@media (min-width: 768px) {
     li.nav-item:has(#aboutlink){
          min-width:150px;
     }
     li.nav-item{
          text-align: center;
     }
}
@media (max-width: 768px) {
     #contents{
          padding-top:0rem;    
     }
}

@media (min-width: 992px) {
     .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show>.nav-link{
          color:#bb9900;
          font-size:2rem;
     }
}
@media (max-width: 991px) {
     .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show>.nav-link {
          color:#bb9900;
          font-size: 1.5rem;
      }
}
.navbar-light .navbar-nav .nav-link:hover{
     color:#bb9900;
     text-decoration: underline;
}

nav.navbar.navbar-light{
     background-color: #292929;
     z-index: 999;
}
.navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-light .navbar-toggler {
     color: rgba(255,255,255,.55);
     border-color: rgba(255,255,255,.1);
 }






main.container {
     background-color: white;
}

.container.lower-half,
.container.upper-half,
.container:has(#phone-number) {
     background-color: white;
}

.container.lower-half {
     padding-top: 4rem;
     padding-bottom: 3rem;
}
#phone-number{
     padding-bottom: 10rem;
     background-color: #fff;
}
#phone-number h1{
     font-size: 6rem;
     color: #bb9900;
     margin-bottom: 0;
}
span.contact-title {
     font-size: 3em;
}

div.contact li {
     list-style: none;
}
nav.navbar{
     color: white;
}
div.contact ul {
     padding-left: 5px;
}
.callout.col-12 {
     text-align: center;
     background-color: #bb9900;
}
#contents {
     background-repeat: repeat-y;
     margin: 0 auto;
     background-color: white;
}


@media (max-width: 991px) {
     #contents {
          background-color: #fff;
          margin: 0;
     }
     .about-us #contents{
          background-repeat: repeat-y;
          margin: 0 auto;
          background: white;
     }
     section.bg-light{
          min-height:915px;
     }
}

@media (min-width: 992px) {
     body {
          background-color: #bb9900;
          margin: 0;
          background-repeat: repeat-y;
     }
}

div.details {
}

.quattrocento-sans-regular {
     font-family: "Quattrocento Sans", sans-serif;
     font-weight: 400;
     font-style: normal;
}

.quattrocento-sans-bold {
     font-family: "Quattrocento Sans", sans-serif;
     font-weight: 700;
     font-style: normal;
}

.quattrocento-sans-regular-italic {
     font-family: "Quattrocento Sans", sans-serif;
     font-weight: 400;
     font-style: italic;
}

.quattrocento-sans-bold-italic {
     font-family: "Quattrocento Sans", sans-serif;
     font-weight: 700;
     font-style: italic;
}
div.container.about-us-img{
     background-image: url("../images/deck-construction.png");
     background-position:center;
     background-size:cover;
     min-height: 40rem;
     opacity: .75;
}

.carousel-item.active{
     display: table;
   }
.carousel-item > img {
     display: table-cell;
     vertical-align: middle;
   }