/* Add padding to body so fixed header doesn't cover content */
a, a:hover, a:focus {
    color:#9f9f9f;
}

body{
    padding-top:105px;
}

/* Set styles for material symbols */
.material-symbols-outlined.thin {
    font-variation-settings:
    'FILL' 0,
    'wght' 200,
    'GRAD' 0,
    'opsz' 48
  }

.material-symbols-outlined.fill {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.material-symbols-outlined.px100 {
    font-size: 100px;
}

/* Customer Home Page */
/* increase max-width of home screen product grid layouts  */
@media (min-width: 1400px){
    .home-container .container-xxl {
        max-width: 1620px;
    }
}

/* Product page */
#productHeader, .product-header{
    height:600px;
    background-repeat: no-repeat!important;    
    background-size:cover!important;
}

#productHeadlineContainer{
    margin-top: -600px;
}

#productHeadline {
    margin-bottom: 240px;
    min-height:155px;
}

#productImages {
    margin-top: -250px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 40px;
    width: 40px;
    background-size: 75%;
}

/* Contact form */
.form-quote-item {
    width: 136px;
    max-width: 100%;
}

/* ignore bootstrap validation by overriding bs styles  */
.was-validated textarea.form-control:valid, textarea.form-control.ignore-field.is-valid {
    border-color: #dee2e6;
    background-image: none;
}

.was-validated textarea.form-control:valid, textarea.form-control.ignore-field:invalid {
    border-color: #dee2e6;
    background-image: none;
}