:root {
    --primary-green: #007934;
    --primary-orange: #c7893e;
    --primary-brown: #815622;
    --primary-beige: #C6BDAF;
    --neutral-white: #fff;
    /*remove these*/
    --primary: #c41230;
    --primarydark: #990e25;
    --darkteal: #071922;
    --blackteal: #020608;
    --tan: #eee9e0;
    --lighttan: #f4f3f2;
    /*add these*/
    --lightgray: #f5f1f1;
    --lightbeige: #fdfaf6;
    --mediumbeige: #e0d5c7;
    --linebeige: #d9cbba;
    --darkgray: #444444;
    --darkergray: #333333;
    --mediumgray: #666666;
    --green: #007934;
    --greenhover: #015224;
    --gold: #ca8b3d;
    --goldhover: #b0752c;
}
/*Leftovers*/
.col-66 {
    width: 66.66% !important;
  }
  
  .col-33 {
    width: 33.33% !important;
  }
  
  .border-left {
    border-left: 1px solid var(--gray-text);
  }
  
  .postbody .col-66 p img, .postbody .col-33 p img {
    width: auto;
    max-width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .postbody .col-66 p img {  
    max-height: 400px;
  }
  
  @media (max-width: 767px) {
    .col-66, .col-33 {
      width: 100% !important;
    }
  }
  
/*Top Navbar******************************/
.navbar {
    height: 7rem!important;
    flex-direction: column;
}
.navbar.is-fixed-top {
    top: -0.25rem;
}
nav#main-nav {
    background: var(--lightbeige);
}
.topnavbar {
    height: 4.5rem;
    width: 100%;
    display: flex;
}
.leftsideoptions {
    display: flex;
    align-items: center;
    height: 4.5rem!important;
    justify-content: space-between;
    margin: 0px 2rem;
    width: 100%;
}
.leftalignment {
    display: flex;
    gap: 2rem;
  }

/*icons in top nav*/
.navbuttons {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
a.iconbutton {
    line-height: 0px;
    width: 2.25rem;
}
a.iconbutton svg {
    fill: var(--darkgray);
    width: fit-content;
    height: 2.25rem;
    width: 100%;
}
a.iconbutton svg .circlefill {
    fill: var(--mediumbeige);
}
a.iconbutton svg .iconfill {
    fill: var(--darkgray);
}
a.iconbutton:hover svg .circlefill {
    fill: var(--green)
}
a.iconbutton:hover svg .iconfill {
    fill: white;
}
.iconbutton.cart.is-active .circlefill {
    fill: var(--darkgray);
}
.iconbutton.cart.is-active:hover .circlefill {
    fill: var(--green);
}
.iconbutton.cart.is-active .iconfill {
    fill: white;
}
.iconbutton.navbar-search-toggle.search.is-shown.hideOnMobile.is-active .circlefill {
    fill: var(--green);
}
.iconbutton.navbar-search-toggle.search.is-shown.hideOnMobile.is-active .iconfill {
    fill: white;
}

/*cart badge*/
.badge {
    right: unset;
    box-shadow: none;
    transform: translate(1.5rem, 2.75rem);
    -webkit-transform: translate(1.5rem, 2.75rem);
    -moz-transform: translate(1.5rem, 2.75rem);
    -ms-transform: translate(1.5rem, 2.75rem);
    -o-transform: translate(1.5rem, 2.75rem);
    padding: 0.3rem 0.5rem;
    background: var(--green);
    border: 2px solid var(--lightbeige);
    font-weight: 700;
}
/*logo*/
.navbar-item.storelogo {
    padding: 0px;
    padding-bottom: 0.5rem;
}
img.is-header-logo {
    height: 2.25rem !important;
    width: 10.7rem !important;
}
.navbar-item.storelogo a {
    height: 2.25rem!important;
    display: block;
}
.mobilelogo {
    height: 2.25rem;
    display: none;
    width: 100%;
  }

/*burger icon*/
.navbar-burger {
    display: block !important;
    height: fit-content;
    position: relative;
    width: fit-content;
    padding: 2rem;
    background: var(--lightbeige);
    margin-left: 0px!important;
}
.navbar-burger span {
    background-color: var(--darkgray);
}
.navbar-burger span.middle {
    margin-left: 0.5rem;
}
/*phone*/
.navbaritem.aboveitem.callbutton svg {
    width: 13px;
    transform: translateY(0.15rem);
}
.navbaritem.aboveitem.callbutton span {
    color: var(--green);
    padding-left: 0.25rem;
}
.phonefill {
    fill: var(--green);
}
.navbaritem.aboveitem.callbutton:hover span {
    color: white;
}
.navbaritem.aboveitem.callbutton:hover .phonefill {
    fill: white;
}

/*navbar burger menu*/
.navbar-menu {
    display: none;
}
.navbar-menu.is-active {
    display: block;
    box-shadow: none;
    border-top: 2px solid var(--linebeige);
}
.navbar-start {
    background: var(--lightbeige);
    height: 100vh;
    padding: 20px 20px 20px 0px;
}
.navbar-menu {
    position: absolute;
    top: 4rem;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-menu a.navbar-item {
    color: var(--darkgray);
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
/*search toggle*/

.nav-search-container.is-active {
    transform: translatey(4em);
}
.section.is-small.nav-search-container.is-flex.navbar.ict-navbar.is-fixed-top.is-active {
    background: var(--linebeige);
}
.search-box form {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
#small-searchterms {
    border: 0px!important;
    padding-left: 20px;
    border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -ms-border-radius: 20px 0px 0px 20px;
    -o-border-radius: 20px 0px 0px 20px;
    font-family: 'Roboto', sans-serif;
    color: var(--darkgray);
}
#btn-small-search {
    border-radius: 0px 20px 20px 0px;
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    -ms-border-radius: 0px 20px 20px 0px;
    -o-border-radius: 0px 20px 20px 0px;
    font-family: 'Roboto', sans-serif;
}
.search-box form, #small-searchterms, #btn-small-search {
    height: 2.5rem;
    box-shadow: none;
}
#btn-small-search {
    background: var(--green);
}
#btn-small-search:hover {
    background: var(--greenhover);
}
.nav-search-container .search-box {
    margin-top: 3rem;
  }
    
/*navbar dropdowns*/
.navdropdowns {
    display: flex;
  }
  .itemname {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    color: var(--darkgray);
    padding: 1.8rem 1.5rem;
    line-height: 1;
  }
  .navbar-link {
    padding: 0px;
  }
  .navbar-link:hover {
    background: var(--green);
  }
  .navbar-link:hover span {
    color: white;
  }
  .navbar-dropdown {
    border-top: 2px solid var(--green);
    transform: translateY(-0.15rem);
  }
  .navbar-dropdown a.navbar-item {
    background: transparent !important;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    color: var(--darkgray);
  }
  .navbar-dropdown a.navbar-item:hover {
    background: var(--lightbeige)!important;
  }
/*top portion of navbar above main navbar*/
.abovenavbar {
    border-bottom: 2px solid var(--linebeige);
  }
.leftabovenavbar {
    padding: 0.5rem 1rem;
  }
.navbaritem.aboveitem {
    padding: 0.8rem 1rem;
    border-right: 2px solid var(--linebeige);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: var(--mediumgray);
    font-weight: 700;
    text-transform: uppercase;
  }
  .navbaritem.aboveitem:last-child {
    border-right: 0px;
  }
  .navbaritem.aboveitem.login, .navbaritem.aboveitem.logout {
    border-right: 0px;
  }
  .leftabovenavbar {
    display: flex;
    justify-content: space-between;
  }
  .navbaritem.aboveitem:hover {
    background: var(--green);
    color: white;
  }

/*desktop vs mobile media queries*/
@media screen and (min-width:1088px) {
    .navbar-start {
        display: none!important;
    }
    .navbar-menu.is-active .navbar-start {
        display: block!important;
    }
    .navbar-burger {
        display: none!important;
    } 
    .nav-search-container.is-active .container.is-flex {
        max-width: unset;
        padding: 0px 2rem;
    }
    a.navbar-item {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 2rem;
    }
}
    

@media screen and (max-width: 1087px) {
    .navbar-menu.is-active {
        padding-top: 0px;
    }
    .iconbutton.cart .circlefill {
        fill: var(--lightbeige);
    }
    .navbaritem.aboveitem.callbutton {
        border-right: 0px!important;
    }
    .leftsideoptions {
        margin-left: 1rem;
      }
    .section.is-small.nav-search-container.is-flex.navbar.ict-navbar.is-fixed-top {
        position: relative;
        background: var(--linebeige);
        height: fit-content!important;
        margin-bottom: 1rem!important;
    }
    .nav-search-container .search-box, .navbar > .container {
        margin: 0px!important;
        height: fit-content!important;
    }
    .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
        max-height: unset!important;
    }
    .hideOnMobile {
        display: none!important;
    }
    .navbar-menu.is-active {
        top: 7rem;
        overflow: hidden;
    }
    .navbar-start {
        padding: 0px 0px 20px 0px!important;
    }
    .navbar-link {
        padding: 15px;
      }
       .navbar-link span {
        padding: 15px 1.5rem;
      }
      .navbar-dropdown .navbar-item {
        padding: 15px 2.65rem !important;
        font-weight: 500!important;
        }
        .navbar-dropdown .navbar-item:hover {
            opacity: 0.5!important;
        }
    .ict-navbar .navbar-item.has-dropdown .navbar-dropdown {
          max-height: 0;
          padding-top: 0;
          padding-bottom: 0;
          opacity: 0;
          transition: all 0.3s;
        }
        .navbar-link.opendropdown::after {
            display: none!important;
        }
}
/*smaller media queries*/
  @media screen and (max-width:767px) {
    .sectionwidth {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .is-header-logo.desktoplogo {
        display: none;
    }
      .mobilelogo {
        display: block;
    }
  }
  @media screen and (max-width:400px) {
    .leftsideoptions {
        margin-left: 0px;
        margin-right: 1rem;
      }
      .leftabovenavbar {
        padding: 0.5rem 0px;
      }
  }
/*homepage slider banner*/


/*banner slider*/
.flexslider.infigo-slider .slides > li {
    background-size: contain!important;
    height: calc(500px - 6.75rem);
    background-position: right center!important;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 6.75rem;
}

.flexslider.infigo-slider .flex-direction-nav a {
    top: 17rem;
}
.bannerleft {
    height: calc(500px - 6.75rem);
    display: flex;
    align-items: center;
}
.bannerleft .container {
    height: calc(500px - 6.75rem) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 650px;
    margin: unset;
}
svg.wave {
    height: calc(501px - 6.75rem);
    width: auto;
    transform: translate(-1px,0px);
    -webkit-transform: translate(-1px,0px);
    -moz-transform: translate(-1px,0px);
    -ms-transform: translate(-1px,0px);
    -o-transform: translate(-1px,0px);
}
.bannerleft.slide1 .container {
    background: #1c2f20;
}
.bannerleft.slide1 svg.wave path {
    fill: #1c2f20;
}
.bannerleft.slide2 .container {
    background: #2c3747;
}
.bannerleft.slide2 svg.wave path {
    fill: #2c3747;
}
.bannerleft.slide3 .container {
    background: #3d342e;
}
.bannerleft.slide3 svg.wave path {
    fill: #3d342e;
}
.bannerleft.slide4 .container {
    background: #513a41;
}
.bannerleft.slide4 svg.wave path {
    fill: #513a41;
}


.slides h3 {
    color: white;
    font-size: 30px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0.25rem;
    font-weight: 700;
}
.slides p {
    color: white;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.bannerbutton {
    border: 0px;
    background: var(--green);
    padding: 8px 20px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: white;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-top: 1rem;
    cursor: pointer;
    width: fit-content;
}
.bannerbutton:hover {
    background: var(--greenhover);
    color: white;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
/*slider arrows*/
.flexslider.infigo-slider .flex-direction-nav a::before {
    font-size: 2rem;
    text-shadow: none;
    opacity: 0.5;
}
.flexslider.infigo-slider .flex-direction-nav a.flex-next::before {
    font-size: 2rem;
    text-shadow: none;
    opacity: 0.5;
}
.flex-prev, .flex-next, .flex-prev:hover, .flex-next:hover {
    background:transparent;
}
.flexslider.infigo-slider .flex-direction-nav .flex-next {
  right: 1rem;
  opacity: 1;
}
.flexslider.infigo-slider .flex-direction-nav .flex-prev {
  left: 1rem;
  opacity: 1;
}
/*hide dot selectors*/
.flexslider.infigo-slider .flex-control-nav {
    display: none;
}
/*media queries for slider banners*/
@media screen and (max-width:1087px) {
    .flexslider.infigo-slider .slides > li {
        padding-top: 0px;
        height: calc(500px - 6.75rem);
    }
    svg.wave {
        display: none;
    }
    .bannerleft .container {
        width: 100%;
        background:rgb(0,0,0,0.6)!important;
        max-width: unset;
    }
    .flexslider.infigo-slider .slides > li {
        background-size: cover!important;
    }
    .flexslider.infigo-slider .flex-direction-nav a {
        top: 12rem;
      }
      .flex-viewport {
        transform: translate(0px,-6.75rem);
      }

}
@media screen and (min-width:1088px) {
    .bannerleft .container {
        max-width: unset!important;
        width: 40%!important;
        padding-right: 0px;
    }
    svg.wave {
        transform: scaleX(60%) translate(-1px,0px);
        -webkit-transform: scaleX(60%) translate(-1px,0px);
        -moz-transform: scaleX(60%) translate(-1px,0px);
        -ms-transform: scaleX(60%) translate(-1px,0px);
        -o-transform: scaleX(60%) translate(-1px,0px);
        transform-origin: left;
}
}
@media screen and (min-width:1375px) {
    .flexslider.infigo-slider .slides > li {
        background-size: 60%!important;
        background-position: right top!important;
        object-fit: contain!important;
    }
    .bannerleft .container {
        max-width: unset;
        width: 40%;
        padding-right: 64px;
    }
}
@media screen and (min-width:1600px)
 {
    .flexslider.infigo-slider .slides > li {
        background-position: right center!important;
    }
 }
 @media screen and (max-width:767px) {
    .flexslider.infigo-slider .flex-direction-nav a {
        top: -8rem;
      }
      .bannerleft .container {
        padding-left: 30px;
        padding-right: 30px;
      }
 }

/*contact us form*/
section.contactUsForm {
    background: var(--green);
    padding-top: 2rem;
    padding-bottom: 6rem;
}

.backgroundContact {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
}

.innerContact {
    max-width: 700px;
    background: white;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    filter: drop-shadow(0px 10px 5px rgb(0,0,0,0.25));
    -webkit-filter: drop-shadow(0px 10px 5px rgb(0,0,0,0.25));
}

.contactTitle {
    color: var(--darkgray);
    font-size: 30px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0.25rem;
    font-weight: 700; 
    text-align: center;
}
.contactText {
    color: var(--darkergray);
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 1rem;
    text-align: center;
}
.innerContact label, .innerContact input, #messageInput {
    display: block;
    width: 100%;
    font-family: 'Outfit', sans-serif;
    color: var(--darkergray);
}
.innerContact label {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0.25rem;
}
.innerContact input {
    margin-bottom: 1rem;
    font-size: 18px;
    padding: 0.25rem;
  }
  #messageInput {
    font-size: 18px;
    padding: 0.25rem;
  }
.innerContact button {
    border: 0px;
    background: var(--gold);
    padding: 8px 20px;
    font-family: 'Outfit', sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    color: white;
    margin-top: 2rem;
    cursor: pointer;
    width: 100%;
}
.innerContact button:hover {
    background: var(--goldhover);
}
@media screen and (max-width:767px) {
    section.contactUsForm {
        background: transparent;
        padding: 0px;
    }
    .innerContact {
        max-width: unset;
        padding: 2rem;
        border-top: var(--green) 2px solid;
        border-bottom: var(--green) 2px solid;
        margin-bottom: 2rem;
        margin-top: 2rem;
        filter: unset;
        -webkit-filter: unset;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
}

}
/*contact us page form*/
section.contactUsForm.contactUspage {
    background: white;
}
section.contactUsForm.contactUspage .innerContact {
    filter: unset;
    -webkit-filter: unset;
    background: var(--lightbeige);
    border: solid 1px var(--gold);
}
div#phTitle {
    display: none;
}

/*content page padding*/
.topicpage-body {
    padding-top: 6rem;
}
/*sub banner hompage*/
.subbanner h1 {
    color: var(--green);
    font-size: 24px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0.25rem;
    font-weight: 700;
    text-align: center;
  }
  .subbanner p {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    color: var(--darkgray);
    padding-top: 0.5rem;
    text-align: center;
  }
  .subbanner .container, .numbersgraphic .container, .featuredmenus .container {
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: unset;
    max-width: unset;
}
.featuredmenus .container {
    padding-top: 0px;
    padding-bottom: 0px;
}
.numbersgraphic .container {
    padding-top: 0px;
    padding-bottom: 6rem;
}
.numbersgrid {
    display: flex;
    gap: 10px;
}
.subbannercontent {
    max-width: 1440px;
}
.numbersgrid {
    max-width: 1200px;
}
.freeground {
    font-family: 'Outfit', sans-serif;
    color: var(--darkergray);
    font-weight: 400;
    font-size: 1.2rem;
    font-style: italic;
    width: 100%;
    text-align: right;
    margin-top: 1rem;
    max-width: 1200px;
  }

/*featured menus*/
.featuredmenusinner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 2rem;
}
.featuredmenus h4 {
    color: var(--darkergray);
    font-size: 24px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0.25rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-transform: capitalize;
}
.featuredmenus .line {
    width: 100%;
    height: 3px;
    background: var(--linebeige);
}
@media screen and (max-width:767px) {
    .subbanner .container, .numbersgraphic .container, .featuredmenus .container {
      padding-left: 30px;
      padding-right: 30px;
    }
}
@media screen and (min-width:767px) {
    .mobile-numbersgrid, .smallmobile-numbersgrid {
        display: none;
    }
}
@media screen and (max-width:900px) {
    .subbanner .container {
        padding-top: 0px;
        padding-bottom: 6rem;
    }
    .subbanner h1 {
        text-align: left;
    }
    .subbanner p {
        font-size: 16px;
        text-align: left;
        padding-top: 1.5rem;
    }
}
@media screen and (max-width:767px) {
    .numbersgrid, .smallmobile-numbersgrid {
        display: none;
    }
    .mobile-numbersgrid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .numbersgraphic .container {
        padding-top: 6rem;
        background: var(--lightgray);
    }
    .featuredmenus .container {
        padding-top: 6rem;
    }
    .featuredmenusinner {
        flex-direction: column;
    }
    .featuredmenus .line {
        height: 2px;
    }
}
@media screen and (max-width:450px) {
    .numbersgrid, .mobile-numbersgrid {
        display: none!important;
    }
    .smallmobile-numbersgrid {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .numbersgraphic .container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
}
/*featured products*/
#homeFeaturedProductsTitleRow {
    display: none;
}
.productlistproductdetailbutton.showproductlandingpage.catfish-button.multi-selector-switch {
    background: var(--gold);
    font-family: 'Outfit', sans-serif!important;
    font-weight: 500;
    text-transform: capitalize;
}
.productlistproductdetailbutton.showproductlandingpage.catfish-button.multi-selector-switch:hover {
    background: var(--goldhover);
}
/*fading out last row of products*/
.homepage-large-products .listWrapper > :nth-last-child(4) img, 
.homepage-large-products .listWrapper > :nth-last-child(3) img, 
.homepage-large-products .listWrapper > :nth-last-child(2) img, 
.homepage-large-products .listWrapper > :nth-last-child(1) img {
    opacity: 0.6;
}
.homepage-large-products .listWrapper > :nth-last-child(4) .product-item--content,
.homepage-large-products .listWrapper > :nth-last-child(3) .product-item--content,
.homepage-large-products .listWrapper > :nth-last-child(2) .product-item--content,
.homepage-large-products .listWrapper > :nth-last-child(1) .product-item--content {
    opacity: 0.4;
}
.homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton,
.homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton,
.homepage-large-products .listWrapper > :nth-last-child(2) .productlistproductdetailbutton,
.homepage-large-products .listWrapper > :nth-last-child(1) .productlistproductdetailbutton {
    background: linear-gradient(180deg, rgba(199,137,62,0.3) 0%, rgba(199,137,62,0.1) 100%);
    border: 0px;
}
.homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton:hover,
.homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton:hover,
.homepage-large-products .listWrapper > :nth-last-child(2) .productlistproductdetailbutton:hover,
.homepage-large-products .listWrapper > :nth-last-child(1) .productlistproductdetailbutton:hover {
    background: linear-gradient(180deg, rgba(199,137,62,0.4) 0%, rgba(199,137,62,0.2) 100%);
}
/*product cards*/
.product-title a, .description, .product--sku {
    font-family: 'Outfit', sans-serif;
    color: var(--darkergray);
    font-weight: 600;
}
.product-title a {
    color: var(--greenhover);
}
.product--sku {
    font-weight: 400!important;
}
.product-item--content {
    margin-bottom: 0.5rem;
  }
.description {
    font-weight: 400;
    margin-bottom: 0px!important;
}
/* .productPrice, .alternate--prices {
    display: none!important;
    margin-bottom: 0px!important;
} */

/*shop all button*/

a.shopallbutton {
  background-color: var(--green);
    font-family: 'Outfit', sans-serif!important;
    font-weight: 500;
}
a.shopallbutton:hover {
    background-color: var(--greenhover);
}
.shopallcontainer .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
    padding-top: 3rem;
}
/*media queries for fade out and number of products in row in feature products section*/

@media screen and (max-width:1280px) and (min-width:768px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 50%;
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) img, .homepage-large-products .listWrapper > :nth-last-child(4) .product-item--content,
    .homepage-large-products .listWrapper > :nth-last-child(3) img, .homepage-large-products .listWrapper > :nth-last-child(3) .product-item--content {
        opacity: 1;
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton, .homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton {
        background: var(--gold);
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton:hover, .homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton:hover {
        background: var(--goldhover);
    }
}
@media screen and (max-width:767px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem {
        width: 100%;
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) img, .homepage-large-products .listWrapper > :nth-last-child(4) .product-item--content,
    .homepage-large-products .listWrapper > :nth-last-child(3) img, .homepage-large-products .listWrapper > :nth-last-child(3) .product-item--content,
    .homepage-large-products .listWrapper > :nth-last-child(2) img, .homepage-large-products .listWrapper > :nth-last-child(2) .product-item--content {
        opacity: 1;
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton, .homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton, .homepage-large-products .listWrapper > :nth-last-child(2) .productlistproductdetailbutton {
        background: var(--gold);
    }
    .homepage-large-products .listWrapper > :nth-last-child(4) .productlistproductdetailbutton:hover, .homepage-large-products .listWrapper > :nth-last-child(3) .productlistproductdetailbutton:hover, .homepage-large-products .listWrapper > :nth-last-child(2) .productlistproductdetailbutton:hover {
        background: var(--goldhover);
    }
}
/*footer*/
.arone-footer {
    background: var(--lightbeige);
    background-size: cover;
    background-position: top;
}
    
.footer-column-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footertitle {
    color: var(--primary-brown);
    font-size: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}
.footer-column-content a {
    color: var(--primary-brown);
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
}
.footer-column-content a:hover {
    color: var(--primary-brown);
    opacity: 0.7;
    text-decoration: none!important;
}
/*footer copyright*/
.copyrightandlogo {
    background: var(--linebeige);
}
.copyrighttext {
    color: var(--darkergray);
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-family: 'Outfit', sans-serif;
}
/*social media svgs*/
.social-flex svg {
    width: 20px;
}
.social-flex svg path, .social-flex svg polygon {
    fill: var(--primary-brown);
}
.social-flex {
    display: flex;
    align-items: center;
    gap: 8px;
  }
/*account page*/
.layout--accountPage {
    padding-top: 3rem;
}