/*Primary Color: #72a492 (green), Secondary Color: #676767 (dark gray)*/

main:nth-child(1n + 1) {
    background: 
        linear-gradient(to top right, #72a492 33%, transparent 33%) 50%, /* Left side of chevron */
        linear-gradient(to top left, #72a492 33%, transparent 33%) 50%, /* Right side of chevron */
        url('https://liftoff-shop.imgix.net/wesbanco/images/hero-units/wb%20background.png') no-repeat center; /* Background image */
    background-size: cover, cover, cover; /* Ensure all layers cover the element */
    background-position: top center, top center, center; /* Ensure the chevron and image align correctly */
    background-repeat: no-repeat;
    width: 100%;
    background-attachment: fixed;
}


.content--main {
    background: none;
}

.main-navigation {
    background: #f9f6f6
}

.nav--header .user-nav {
    display: flex;
    justify-content: space-between;
}

.poppins-black {
    font-family: 'Poppins', sans-serif;
    font-weight: 700; /* Specifies the Black weight */
}

* {
    font-family: 'Poppins', sans-serif;
    color: white;
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

.header--site {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.swatch-container {
        display: flex;
        gap: 10px;
    }
    .swatch {
        padding: 10px;
        border: 1px solid #ccc;
        cursor: pointer;
        border-radius: 5px;
        background-color: #FFFFFF;
        text-align: center;
        color: black;
    }
    .swatch.selected {
        border-color: #FFFFFF;
        background-color: #72a492;
        color: white;
    }
    .swatch:hover {
        color: #000000;
        background: #FFFFFF;
        text-shadow: 0 0 1px gray;
        opacity: 0.9;
        border-color: #72a492;
    }

.form .datum input[type=number]:nth-child(1n) {
    width: 100px;
    border-radius: 5px;
}
.form .datum input[type=number]:nth-child(1n) {
    float: left;
}

button, input, optgroup, select, textarea {
    color: black;
}

.nav--sidebar .nav-list a:visited  {
    color: #FFFFFF;
}
.nav--sidebar .nav-list a {
    color: white;
}

.button--theme--primary {
    background: #72a492;
    border-color: #FFFFFF;
    border-radius: 5px;
}

.table--pricing thead tr {
    background: #676767;
}

.cart dl dt {
    color: #FFFFFF;
}

.button--theme--primary:hover {
    color: #72a492;
    background: #FFFFFF;
    border-color: #72a492;
    border-radius: 5px;
    border-width: 1px;
}

.homepage .featured-categories {
    display: flex;
    align-items: center; /* Aligns items vertically */
    justify-content: space-between; /* Spreads items across the row */
    gap: 20px; /* Adds spacing between items */
    width: 100%; /* Ensures the container spans full width */
    flex-wrap: nowrap; /* Prevents wrapping to the next row */
    overflow: hidden; /* Avoids any overflow */
    box-sizing: border-box; /* Ensures consistent sizing */
}

.homepage .featured-category {
    flex: 1; /* Ensures all items take equal space */
    max-width: calc(33.333% - 20px); /* Adjust for the gap between items */
    box-sizing: border-box; /* Includes padding and borders in width */
    text-align: center; /* Centers text within the item */
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #72a492 ;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity: 80%;
  border-radius: 10px;
}

.featured-category a:hover .overlay {
 height: 100%;
}

img {
     border-radius: 10px;
}

.homepage .featured-category:nth-child(1n) {
     margin-right: 0;
     margin-bottom: 0;
}

.overlaytext {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlaytwo {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

.img-wrap1 {
     position: relative;
}

.nav--header i.fa {
    color: #72a492;
}

.img-wrap1 {
        -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.img-wrap1:hover {
        -webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.nav--sidebar .nav-list a:hover {
    color: #72a492;
}

.button--theme--secondary {
    color: #72a492;
    background: #FFFFFF;
    border-color: #FFFFFF;
}

.button--theme--negative:hover {
    color: white;
    background: #72a492;
    text-shadow: 0 0 1px #72a492;
    opacity: 0.9;
    border-color: white;
}

.button--theme--secondary:hover {
    color: white;
    background: #72a492;
    text-shadow: 0 0 1px #72a492;
    opacity: 0.9;
    border-color: white;
}

.badge--accent {
    background: #72a492;
    color: white;
}

.alert--info {
    background-color: transparent;
}

.login__box {
     background: none;
}

.product-landing .product__options > .datum label {
     color: white;
}

.form .datum label {
     color: white;
}

.product-landing .product__ordering label {
     color: white;
}

.checkout .order-overview {
     background: #676767;
}

.checkout .order-overview .button--theme--primary {
     background: #72a492;
     border-color: white;
}

.checkout .order-overview .button--theme--primary:hover {
    background: white;
    border-color: #72a492;
    color: #72a492;
}

.alertify .ajs-body .ajs-content p {
     color: black;
}

address {
     background: #72a492 !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #72a492;
}

.progress-bar li.active {
     border-top-color: #72a492;
}

.progress-bar li.active::after {
     border-top-color: #72a492;
}

li.tab a:link {
    color: white;
}

li.tab.active a:active {
    color: white;
}

li.tab.active a:visited {
    color: white;
}

li.tab a:visited {
     color: white;
}

#orderStatus option {
     color: black;
}

.button--theme--secondary:link {
    color: #72a492;
}

.button--theme--secondary:link .fa {
    color: #72a492;
}

.button--theme--secondary:link:hover {
    color: white;
}

.button--theme--secondary:link:hover .fa {
    color: white;
}

.button--theme--primary:hover .fa {
    color: #72a492;
}

.address-management .address-tag.default {
    background: #72a492;
}

.button--theme--secondary:visited {
     color: #72a492;
}

.button--theme--secondary:visited .fa {
     color: #72a492;
}

.button--theme--secondary:visited:hover {
     color: white;
}

.button--theme--secondary:visited:hover .fa {
     color: white;
}

}
.flash--information * {
     color: white;
}

.fa {
color: inherit;
}

option {
color: black;
}

.flash--information {
color: white !important;
}

.flash--information * {
color: white;
}

.oh-search__order-details {
    border-top: 8px solid #676767;
    border-bottom: 8px solid #676767;
}

.oh-search__order-details tr td {
    background: #676767!important;
}

.homepage .featured-categories {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}