:root {
  --evo-brand-default: #cc2229; /* red */
  --evo-brand-secondary: #1a2b4a; /* navy */
  --evo-brand-accent: #f5a524; /* yellow */
  --evo-header-background: #ffffff; /* white */
  --evo-text-light: #ffffff; /* white */
  --evo-text-light-muted: #cccccc; /* light gray */
  --evo-text-medium: #999999; /* medium gray */
  --evo-text-medium-dark: #666666; /* dark gray */
  --evo-text-dark: #0c0c0d; /* black */

  --bs-border-color-rgb: 222, 226, 239;
  --evo-text-light-muted-rgb: 204, 204, 204;

  --evo-brand-default-rgb: 204, 34, 41;
  --evo-brand-secondary-rgb: 26, 43, 74;
  --evo-brand-accent-rgb: 245, 165, 36;
}
/* Utilities */
.btn-outlined:hover {
  border-color: var(--evo-text-light);
}
.fs-7 {
  font-size: 0.875rem !important;
}
.text-white-hover:hover {
  --evo-text-light: #ffffffcc !important;
  color: #ffffffcc !important;
}
.text-accent {
  color: var(--evo-brand-accent) !important;
}
.text-light-muted {
  color: var(--evo-text-light-muted) !important;
}
.text-italic {
  font-style: italic;
  color: var(--evo-text-medium-dark);
}
.border-accent {
  border: var(--bs-border-width) var(--bs-border-style) var(--evo-brand-accent) !important;
}
.border-right-muted {
  border-right: var(--bs-border-width) var(--bs-border-style) rgba(var(--bs-border-color-rgb), 0.5) !important;
}
.bg-accent-muted {
  background-color: rgba(var(--evo-brand-accent-rgb), 0.15) !important;
}
.bg-light-muted {
  background-color: rgba(var(--evo-text-light-muted-rgb), 0.15) !important;
}
.ex-loggedin .loggedin {
  display: block !important;
}
.ex-loggedout .loggedin {
  display: none !important;
}
.ex-loggedin .loggedout {
  display: none !important;
}
.ex-loggedout .loggedout {
  display: block !important;
}
.btn-accent {
  background-color: var(--evo-brand-accent);
  color: var(--evo-brand-secondary);
  border-color: var(--evo-brand-accent);
}
.btn-accent:hover,
.btn-accent:focus-visible {
  background-color: var(--evo-brand-secondary);
}

/* Header */
.headersection-topbar,
.headersection-logo,
.headersection-mainmenu,
.home-hero-row,
.home-promo-strip-row,
.hero-categories-row,
.home-core-departments-row,
.home-popular-products-row,
.home-brands-row,
.home-cta-row,
.home-visit-us-row,
.home-testimonials-row,
.home-newsletter-row,
.footersection-logo {
  display: none;
}
.ex-u-1869518 .headersection-topbar,
.ex-u-1869518 .headersection-logo,
.ex-u-1869518 .headersection-mainmenu,
.ex-u-1869518 .home-hero-row,
.ex-u-1869518 .home-promo-strip-row,
.ex-u-1869518 .hero-categories-row,
.ex-u-1869518 .home-core-departments-row,
.ex-u-1869518 .home-popular-products-row,
.ex-u-1869518 .home-brands-row,
.ex-u-1869518 .home-cta-row,
.ex-u-1869518 .home-visit-us-row,
.ex-u-1869518 .home-testimonials-row,
.ex-u-1869518 .home-newsletter-row,
.ex-u-1869518 .footersection-logo {
  display: revert;
}
.ex-u-1869518 .headersection-1,
.ex-u-1869518 .headersection-2,
.ex-u-1869518 .headersection-3,
.ex-u-1869518 .hide-for-user {
  display: none;
}
.topbar svg {
  transition: stroke 0.35s ease;
}
/* SearchBar row */
.headersection-logo .vertical-align > div {
  width: auto;
}
.headersection-logo .search_container {
  flex-grow: 1;
}
.headersection-logo .search_container > .widgetsearch {
  max-width: 700px;
  margin-inline: auto !important;
}
.headersection-logo section.search .search-form button[type="submit"] i {
  color: var(--evo-text-light);
}
.headersection-logo .logo img {
  max-width: 140px !important;
  max-height: unset !important;
}
.headersection-logo section.search .search-form button[type="submit"] {
  background-color: var(--evo-brand-default);
  height: 100%;
  width: 50px;
  right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.headersection-logo section.search .search-form .form-group input {
  border-width: 2px;
  height: 55px;
  font-size: 1rem;
}
.headersection-logo section.search .search-form .form-group input:focus {
  border-color: var(--evo-brand-default);
}

/**/
.headersection-logo .arrow-your-account {
  display: none;
}
.headersection-logo .minicart_container .cart-btn > a.btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: max-content;
}
.headersection-logo .minicart_container .cart-btn > a.btn {
  background: transparent !important;
  color: var(--evo-brand-secondary) !important;
  border: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  column-gap: 2px;
}
.headersection-logo .minicart_container .cart-btn > a.btn .minicart_total,
.headersection-logo .toolbar .cart-btn > .btn span.minicart_count {
  line-height: 1.2;
}
.headersection-logo .minicart_container .cart-btn > a.btn > i::before,
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert > i.user-icon::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background: var(--icon-bg);
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(1);
}
.headersection-logo .minicart_container .cart-btn > a.btn > i::before {
  --icon-bg: url("https://us.evocdn.io/dealer/1626/content/media/My_Theme/assets/icon/cart-white.svg");
}
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert > i.user-icon::before {
  --icon-bg: url("https://us.evocdn.io/dealer/1626/content/media/My_Theme/assets/icon/profile-white.svg");
}
.headersection-logo .minicart_container .cart-btn > a.btn > i {
  margin: 0;
  width: 100%;
  text-align: center;
}
.headersection-logo .toolbar .cart-btn > .btn span.minicart_count,
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert > span {
  position: relative;
  top: inherit;
  right: inherit;
  color: var(--evo-brand-secondary);
  padding: 0;
  background: none;
  font-size: 1rem;
  font-weight: 400;
  order: 1;
  display: inline-block;
  margin-left: 3px;
  height: revert;
}
.headersection-logo .shoppingtools_container .shopping-tools-wrapper .dropdown-menu .pointer:focus-visible,
.headersection-logo .shoppingtools_container .shopping-tools-wrapper .dropdown-menu .pointer:hover {
  background-color: var(--evo-brand-secondary);
}
.headersection-logo .minicart_container {
  padding-left: 0;
}
.headersection-logo .toolbar .cart-btn > .btn span.minicart_count::before {
  content: "(";
}
.headersection-logo .toolbar .cart-btn > .btn span.minicart_count::after {
  content: ")";
}
.headersection-logo .minicart_container .cart-btn > a.btn:focus-visible,
.headersection-logo .minicart_container .cart-btn > a.btn:hover,
.headersection-logo .minicart_container .cart-btn:focus-visible > a.btn,
.headersection-logo .minicart_container .cart-btn:focus-within > a.btn,
.headersection-logo .minicart_container .cart-btn:hover > a.btn {
  background: transparent !important;
}
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert {
  gap: 7px;
}
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert:focus-visible > span,
.headersection-logo .shoppingtools_container a.account-btn.btn-outlined-invert:hover > span {
  color: var(--evo-brand-secondary);
}
.headersection-logo .minicart_container .cart-btn > a.btn:focus-visible,
.headersection-logo .minicart_container .cart-btn > a.btn:hover {
  color: var(--evo-brand-secondary) !important;
}
/* Main menu */
header div.header-full div.headersection-mainmenu {
  border-width: 3px;
}
.headersection-mainmenu nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger,
.headersection-mainmenu nav.menu .additional_links .menuitem a {
  color: var(--evo-text-light);
}
.headersection-mainmenu nav.menu .additional_links .menuitem a {
  padding-block: 15px;
  border: none;
  transition: background-color 0.35s ease !important;
  text-transform: uppercase;
  letter-spacing: -0.3px;
}
.headersection-mainmenu nav.menu .additional_links .menuitem a:focus-visible,
.headersection-mainmenu nav.menu .additional_links .menuitem a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.headersection-mainmenu nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger::after,
.headersection-mainmenu nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger::before {
  background-color: var(--evo-text-light);
}
/* Hero */
.hero {
  min-height: 500px;
  padding-block: 90px;
}
.hero::after,
.hero::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0 110px 220px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 2;
}
.hero::before {
  border-width: 0 0 170px 220px;
  border-color: transparent transparent var(--evo-brand-default) transparent;
}
.hero .hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(var(--evo-brand-secondary-rgb), 0.95) 45%, rgba(var(--evo-brand-secondary-rgb), 0.7) 100%);
}
.hero .hero-img-bg {
  position: absolute;
  inset: 0;
  max-width: unset;
  object-fit: cover;
  offset-position: center;
  width: 100%;
  height: 100%;
}
.hero > .container {
  max-width: 1200px;
}
.hero h1 {
  font-size: 5rem;
  letter-spacing: -2px;
}
.hero .hero-sub {
  max-width: 500px;
}
.hero .hero-trust svg {
  stroke: var(--evo-brand-accent);
  width: 1.25rem;
  height: 1.25rem;
}
/* Categories */
.categories .icon-cats {
  --bs-border-width: 2px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.categories .icon-cats .icon-cat {
  background: transparent;
  box-shadow: 0 6px 20px transparent;
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease;
}
.categories .icon-cats .icon-cat-icon {
  transition: background 0.35s ease;
}
.categories .icon-cats svg {
  stroke: var(--evo-text-light);
  width: 1.75rem;
  height: 1.75rem;
}
.categories .icon-cats a:hover .icon-cat-icon,
.categories .icon-cats a:focus-visible .icon-cat-icon {
  --evo-brand-secondary: var(--evo-brand-default);
}
.categories .icon-cats a:hover,
.categories .icon-cats a:focus-visible {
  --bs-border-color: var(--evo-brand-default);
  background: rgba(var(--evo-brand-default-rgb), 0.1);
  box-shadow: 0 6px 20px rgba(var(--evo-brand-default-rgb), 0.3);
}
/* Core departments */
.core-departments-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  grid-template-rows: 220px 220px;
}
.core-departments-grid .cat-card:nth-child(1) {
  grid-row: 1 / 3;
}
.core-departments-grid .cat-overlay {
  background: linear-gradient(
    to top,
    rgba(var(--evo-brand-secondary-rgb), 0.9) 20%,
    rgba(var(--evo-brand-secondary-rgb), 0.15) 90%,
    transparent 100%
  );
}
.core-departments-grid .cat-card img {
  transition: transform 0.35s;
}
.cat-label .cat-arrow {
  right: 16px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  transition: opacity 0.35s;
}
.core-departments-grid .cat-card:hover img {
  transform: scale(1.05);
}
.core-departments-grid .cat-card:hover .cat-arrow {
  opacity: 1;
}
/* Popular categories */
.home-popular-products-row .tile.item {
  margin-inline: 15px;
  border-radius: 10px;
  padding: 0;
  height: auto;
}
.home-popular-products-row .tile.item > a {
  background-color: rgba(var(--evo-text-light-muted-rgb), 0.15);
}
.home-popular-products-row .tile.item > a img {
  max-height: 180px;
  max-width: 180px;
  border-radius: 20px;
  padding: 10px;
  background-color: var(--evo-text-light);
}
.home-popular-products-row .tile.item .imgthumbnail {
  height: 200px;
}
.home-popular-products-row .tile.item .brand-label {
  line-height: 1.5;
}
.home-popular-products-row .tile.item .brand-label a {
  color: var(--evo-brand-default) !important;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
.home-popular-products-row .tile.item .product-name a {
  color: var(--evo-brand-secondary) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
}
.home-popular-products-row .tile.item .indicators-grid,
.home-popular-products-row .tile.item .product-category,
.home-popular-products-row .tile.item .addtoquicklist-wrapper,
.home-popular-products-row .tile.item .product-compare-action {
  display: none;
}
.home-popular-products-row .tile.item .product-sku .product-sku-label {
  background: none;
  color: var(--evo-text-medium);
  padding-inline: 0;
}
.home-popular-products-row .tile.item .footer-wrapper-price {
  margin-top: 0;
}
.home-popular-products-row .tile.item .footer {
  min-height: 100px;
  padding: 10px 15px;
}
.home-popular-products-row .tile.item .buttons .btn {
  text-transform: uppercase;
  font-weight: 700;
}
.home-popular-products-row .tile.item .buttons .qty-list {
  width: 45px;
}
.home-popular-products-row .owl-carousel .owl-nav > div {
  background-color: var(--evo-brand-default);
}
.home-popular-products-row .owl-carousel .owl-nav > div::before {
  color: var(--evo-text-light);
}
.home-popular-products-row .sidebar-content {
  align-items: flex-end !important;
}
.home-popular-products-row h3,
.home-brands-row h3 {
  text-transform: uppercase;
  font-size: 2.5rem;
  color: var(--evo-brand-secondary);
  font-weight: 700;
}
.home-popular-products-row h3::before,
.home-brands-row h3::before {
  content: "Top Picks";
  display: block;
  text-align: left;
  color: var(--evo-brand-default);
  font-size: 1rem;
  line-height: 1;
}
.home-brands-row h3::before {
  content: "Trusted Names";
}
.home-popular-products-row .extra-link,
.home-brands-row .extra-link {
  text-transform: uppercase;
}
.home-brands-row .container {
  max-width: 1450px;
  margin-inline: auto;
}
.home-brands-row {
  background-color: rgba(var(--evo-text-light-muted-rgb), 0.15);
  padding-block: 50px;
}
.home-brands-row .tile.item {
  margin-inline: 15px;
  background-color: var(--evo-text-light);
  border-radius: 20px;
}
/* CTA Home */
.cta-section {
  padding: 70px 15px;
}
.cta-section p {
  max-width: 600px;
}
/* Location*/
.location-section {
  padding: 30px 15px;
}
/* Testimonials Home*/
.testimonials-section {
  padding: 70px 15px;
}

.testimonials-section .owl-nav {
  display: none;
}
.testimonials-section .owl-item .reviewer-avatar {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.testimonials-section .owl-item:nth-child(3n + 1) .reviewer-avatar {
  background: var(--evo-brand-default);
  color: var(--evo-text-light);
}
.testimonials-section .owl-item:nth-child(3n + 2) .reviewer-avatar {
  background: var(--evo-brand-secondary);
  color: var(--evo-text-light);
}
.testimonials-section .owl-item:nth-child(3n + 3) .reviewer-avatar {
  background: var(--evo-brand-accent);
  color: var(--evo-text-dark);
}

/* Newsletter */
.home-newsletter-row .desc-wrapper {
  display: none;
}
.home-newsletter-row .form-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.home-newsletter-row .form-wrapper h2 {
  flex-grow: 1;
  text-transform: uppercase;
}
.home-newsletter-row .form-wrapper h2::after {
  content: "Get weekly deals, new product alerts & project tips straight to your inbox.";
  display: block;
  font-size: 1rem;
  margin-top: 10px;
  text-transform: none;
  font-weight: 400;
  opacity: 0.8;
}
.home-newsletter-row .group-subscr-name,
.home-newsletter-row .group-subscr-email {
  display: flex;
}
.home-newsletter-row .group-subscr-email button.subscr-submit {
  margin: 0;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-inline: 20px;
  text-transform: uppercase;
  background-color: var(--evo-brand-secondary);
  font-size: 0;
  width: auto;
}
.home-newsletter-row .group-subscr-email button.subscr-submit::before {
  content: "Subscribe";
  font-size: 1rem;
}
.home-newsletter-row .group-subscr-email button.subscr-submit:hover {
  background-color: var(--evo-brand-default);
}
.home-newsletter-row .group-subscr-name input,
.home-newsletter-row .group-subscr-email input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.home-newsletter-row .group-subscr-name .subscr-next {
  position: static;
  background-color: var(--evo-brand-secondary);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-style: solid;
  border-color: var(--evo-brand-secondary);
}
.home-newsletter-row .group-subscr-name .subscr-next i {
  display: none;
}
.home-newsletter-row .group-subscr-name .subscr-next::before {
  content: "Next";
  text-transform: uppercase;
  font-size: 1.1rem;
  padding-inline: 20px;
}
.home-newsletter-row .group-subscr-name .subscr-next:hover {
  color: var(--evo-text-light);
  opacity: 1;
  background-color: var(--evo-brand-default);
  border-color: var(--evo-text-light);
}
.home-newsletter-row .subscr-form .form-control:focus,
.home-newsletter-row .subscr-form .select2-selection--single:focus {
  box-shadow: none;
}
/* Footer */
.footer .footersection-logo {
  padding-block: 50px;
  border-bottom: 1px solid var(--evo-text-light-muted);
}
.footer .footersection-logo .logo_container .logo img {
  height: auto;
}
.footersection-logo .hasSubmenus {
  display: flex;
  justify-content: space-around;
}
.footersection-logo h4.title {
  display: none;
}
.footer .footersection-logo a {
  color: var(--evo-text-light-muted);
}
.footer .footersection-logo a:hover,
.footer .footersection-logo a:focus-visible {
  color: var(--evo-text-light);
  text-decoration: none;
}
.footer .footersection-logo .has-submenu .submenu {
  margin-left: 0;
}
.footer .footersection-logo .has-submenu > a {
  color: var(--evo-text-light);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
  pointer-events: none;
}
.footer .footersection-logo .footer-item li {
  color: var(--evo-text-light-muted);
}
.footer .footersection-logo li {
  margin-bottom: 10px;
}
.footersection-logo .logo_container::after {
  content: "Your trusted local hardware, lumber & building supply store in Chino Valley, AZ. Proudly serving the community as a Do it Best authorized dealer.";
  color: var(--evo-text-light-muted);
  margin-top: 20px;
  display: block;
  font-size: 0.75rem;
  line-height: 1.7;
}
@media only screen and (max-width: 991px) {
  .hero h1 {
    font-size: 3.5rem;
  }
  .categories .icon-cats {
    --bs-border-width: 2px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .footersection-1 .logo_container {
    margin-bottom: 20px;
    max-width: 500px;
    margin-inline: auto;
    text-align: center;
  }
  .footersection-1 div[role="row-wrapper"] > .row {
    display: flex;
    flex-wrap: wrap;
  }
  .footersection-1 div[role="row-wrapper"] > .row > div {
    width: 100%;
  }
  .footersection-1 .logo_container img {
    display: block;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 768px) {
  .hero,
  .testimonials-section {
    padding-block: 30px;
  }
  .hero h1 {
    font-size: 2.5rem;
  }
  .core-departments-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 200px);
  }
  .core-departments-grid .cat-card:nth-child(1) {
    grid-row: 1 / 2;
  }
  .home-popular-products-row .merchandisingcontent_container .sidebar-content .extra-link,
  .home-brands-row .sidebar-content .extra-link {
    margin-left: 0;
    margin-top: 10px;
    font-size: 0.9rem;
  }
  .home-popular-products-row .merchandisingcontent_container .owl-carousel,
  .home-brands-row .brands_container .owl-carousel {
    margin-top: 0;
  }
  .menulinks_container .quicklinks .title {
    color: var(--evo-text-light);
  }
  .menulinks_container .quicklinks.active ul {
    max-height: unset;
  }
  .menulinks_container .quicklinks .hasSubmenus {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .menulinks_container .quicklinks .hasSubmenus .submenu {
    align-items: center;
    margin-bottom: 45px;
  }
  .menulinks_container .quicklinks .hasSubmenus a {
    border: none;
    padding-block: 0;
  }
  .menulinks_container .footer-item ul {
    gap: 10px;
  }
  .menulinks_container .quicklinks .title:focus-visible,
  .menulinks_container .quicklinks .title:hover {
    color: var(--evo-text-light);
  }
}
@media only screen and (max-width: 576px) {
  .home-promo-strip-row .promo-item {
    border: none !important;
  }
  .categories .icon-cats {
    --bs-border-width: 2px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .home-popular-products-row h3,
  .home-brands-row h3 {
    font-size: 1.7rem;
  }
}