
/*-----------------------------------------------
Generated by BlueCherryB2B - theme testtheme
----------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Syne:wght@400..800&display=swap");
@font-face {
  font-family: "Tiempos Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://m2stage.minnetonkamoccasin.com/media/threadvine/TiemposText.woff2") format("woff2");
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

:root {
  --font-primary: "DM Sans";
  --font-secondary: "Syne";
  --font-heading: "Tiempos Text";
  --bg: #2E1705;
  --border: #E8E8E8;
  --border-light: #D9D9D9;
  --color: #2E1705;
  --color-opacity05: rgba(46, 23, 5, .5);
  --primary-color: #2E1705;
  --secondary-color: #767676;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red: #8C0303;
  --color-grey:#3C3C3C;
  --color-light-grey:#808080;
  --color-light-tan: #EBE8DE;
  --product-background-color: #F9F9F9;
  --bg-light-tan: #EBE8DE;
  --color-darker: #7F746B;
  --color-yellow: #A16C00;
  --color-yellow-hover: #916100;
  --color-brown: #866962;
  --color-brown-hover:#725953;
  --bg-button: #2E1705;
  --bg-button-hover:#000000;
  --bg-feature: #EBE8DE;
  --bg-feature-in: #2E1705;
  --border-color-feature-in: #D9D9D9;
  --text-color-feature-in: #EBE8DE;
  --bg-summary-cart-title: #404D33;
  --bg-less-summary-cart-title: #D4CCBA;
  --bg-blockcms-default: #EBE8DE;
  --footer-bg-image: url("../images/footer-background.png");
  --footer-button: #866962;
  --footer-button-hover: #725953;
  --home-bg-banner: #404D33;
  --home-button-banner: #866962;
  --home-button-banner-hover: #725953;
  --home-bg-collection: #C7D9E8;
  --home-image-collection: url("../images/minnetonka-oldmap-winter.png");
  --home-featured-color1: #866962;
  --home-featured-color2: #2E1705;
  --home-featured-color3: #404D33;
  --color-rifle-green: #404D33;
  --color-deep-taupe: #866962;
  --color-white-blue: #C7D9E8;
  --color-ash-gray: #B2C2B5;
  --color-sky-blue: #96B5D4;
  --clp-bg-the-classic: #B2C2B5;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font: 12px/1.5 var(--font-primary), "400";
  color: var(--primary-color);
  margin: 0;
}

body.login > .homeContentFooterCss {
  display: none;
}

body a.prevLink, body a.nextLink {
  color: var(--primary-color);
}

body #branding,
body #navigation {
  background: none;
  padding: 0 1%;
  margin-left: auto;
  margin-right: auto;
}

body #branding {
  position: relative;
  z-index: 10001;
}

body #navigation {
  border-top: 1px solid var(--border-light);
  width: 100%;
}

body #wrapper > .nav {
  background-color: var(--bg-light-tan);
}

body #wrapper > .nav ul.nav li.secondary {
  left: 25%;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
  font-family: var(--font-heading);
  font-weight: 400;
}

a,
.primary-link a, .primary-link, a.primary-link, .order .ui-widget-content a.primary-link {
  color: var(--primary-color);
}

div#nav2 h4 {
  font-family: var(--font-heading);
  font-size: 24px;
}

.acitvity.home {
  height: unset;
}

.cms-home .container,
.home-content-custom .container {
  width: 100%;
  max-width: 1534px !important;
  margin-left: auto;
  margin-right: auto;
}

.cms-home .container .title,
.home-content-custom .container .title {
  font-size: 50px;
  text-align: center;
  margin-bottom: 40px;
}

.cms-home h1, .cms-home h2, .cms-home h3, .cms-home h4, .cms-home h5, .cms-home h6,
.cms-home .h1, .cms-home .h2, .cms-home .h3, .cms-home .h4, .cms-home .h5, .cms-home .h6,
.home-content-custom h1,
.home-content-custom h2,
.home-content-custom h3,
.home-content-custom h4,
.home-content-custom h5,
.home-content-custom h6,
.home-content-custom .h1,
.home-content-custom .h2,
.home-content-custom .h3,
.home-content-custom .h4,
.home-content-custom .h5,
.home-content-custom .h6 {
  font-family: var(--font-heading);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .home-content-band-full-width-custom .container.home {
    max-width: 1534px !important;
  }
}

.homepage__banner {
  color: var(--color-light-tan);
  background-color: var(--bg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-top: 65px;
}

.homepage__banner .caption {
  max-width: 770px;
  min-height: 627px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.homepage__banner .caption .sub-heading {
  font-family: var(--font-secondary);
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.homepage__banner .caption .heading-title {
  font-size: 100px;
  line-height: 100px;
}

.homepage__banner .caption .description {
  font-size: 30px;
  font-weight: 300;
  margin-top: 40px;
}

.homepage__catalog {
  margin-top: 45px;
}

.homepage__catalog .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  color: #fff;
}

.homepage__catalog .items img {
  width: 100%;
  display: block;
}

.homepage__catalog .items .item .alink {
  display: block;
  text-align: center;
  padding: 40px;
}

.homepage__catalog .items .item .alink:hover {
  text-decoration: none;
}

.homepage__catalog .items .item:nth-child(1) {
  background-color: var(--home-featured-color1);
}

.homepage__catalog .items .item:nth-child(2) {
  background-color: var(--home-featured-color2);
}

.homepage__catalog .items .item:nth-child(3) {
  background-color: var(--home-featured-color3);
}

.homepage__catalog .items .item .catalog-photo {
  padding-top: 125.92593%;
  display: block;
  overflow: hidden;
  position: relative;
}

.homepage__catalog .items .item .catalog-photo .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.homepage__catalog .items .item .catalog-name {
  font-family: var(--font-heading);
  font-size: 45px;
  line-height: 1.2;
  color: var(--color-light-tan);
  margin-top: 40px;
  display: block;
}

.homepage__catalog-banner {
  margin-top: 100px;
}

.homepage__aboutus {
  margin-top: 100px;
  margin-bottom: 100px;
}

.homepage__trending {
  margin-top: 100px;
}

.homepage__trending .product-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.homepage__trending .product-items > .item {
  width: 25%;
}

.homepage__trending .product-items > .item .item {
  padding: 0 20px;
}

.homepage__trending .product-items .item .product-item-info {
  padding: 30px 15px;
  background-color: var(--product-background-color);
}

.homepage__trending .product-items .item .product-photo {
  margin-bottom: 20px;
}

.homepage__trending .product-items .item .product-photo .photo {
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-bottom: 125%;
}

.homepage__trending .product-items .item .product-photo img {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.homepage__trending .product-items .item .product-detail .product-name {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.homepage__trending .product-items .item .product-detail .product-name a {
  color: var(--primary-color);
  text-decoration: none;
}

.homepage__trending .product-items .item .product-detail .product-name a:hover {
  text-decoration: underline;
}

.homepage__trending .product-items .item .product-detail .price {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.homepage__trending .owl-carousel .owl-nav button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 32px;
  height: 32px;
  background-color: var(--color-white);
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.homepage__trending .owl-carousel .owl-nav button.disabled {
  opacity: .5;
  pointer-events: none;
}

.homepage__trending .owl-carousel .owl-nav button:before {
  content: '';
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjA5MTI4IDYuNUwwIDEuNDQ0MjJMMS40NTQzNiAwTDggNi41TDEuNDU0MzYgMTNMMCAxMS41NTU4TDUuMDkxMjggNi41WiIgZmlsbD0iIzJFMTcwNSIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
}

.homepage__trending .owl-carousel .owl-nav button:hover {
  background-color: var(--primary-color);
}

.homepage__trending .owl-carousel .owl-nav button:hover:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjA5MTI4IDYuNUwwIDEuNDQ0MjJMMS40NTQzNiAwTDggNi41TDEuNDU0MzYgMTNMMCAxMS41NTU4TDUuMDkxMjggNi41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.homepage__trending .owl-carousel .owl-nav button.owl-prev {
  rotate: -180deg;
  left: -16px;
}

.homepage__trending .owl-carousel .owl-nav button.owl-next {
  right: -16px;
}

.homepage__trending .owl-carousel .owl-nav button span {
  display: none;
}

.paginator .currentStep {
  background: var(--primary-color);
}

.paginator a, .paginator .currentStep {
  color: var(--primary-color);
}

h3.accordion-header b {
  font-family: var(--font-secondary);
  font-weight: 600;
}

.order-tab-navigation .tab-active {
  background: var(--primary-color) !important;
}

.order-entry-grid-delivary-info.order-item-header,
.ui-accordion .ui-accordion-header {
  background: var(--bg-light-tan) !important;
  color: var(--primary-color);
}

.ui-widget-content {
  color: var(--primary-color);
}

.order-wip-banner {
  max-width: 100%;
}

#header #logo img {
  max-width: 278px;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  border: 1px solid var(--bg) !important;
  background: var(--bg) !important;
  font-weight: normal;
  color: #fff;
}

.ui-button:hover, .ui-button:link:hover, .ui-button:visited:hover, .ui-button:hover:hover, .ui-button:active:hover {
  border: 1px solid var(--color-black) !important;
  background: var(--color-black) !important;
}

.ui-tabs-widget .ui-widget-header {
  background: var(--bg) !important;
}

table.basic thead tr:not(.sub-header) {
  background: var(--bg) !important;
}

table.basic thead tr.sub-header {
  background: var(--bg-less-summary-cart-title) !important;
}

.btn {
  color: #fff;
  background: var(--bg) !important;
}

.btn:hover {
  color: #fff;
  background: var(--color-black) !important;
}

.announcement .release-headers {
  color: #fff;
  background: var(--bg) !important;
}

.fancybox-dialog .fancybox-dialog-header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--bg) !important;
}

div#login h3 {
  color: var(--color);
  text-shadow: none !important;
}

table.ship-data > thead > tr > th, table.ship-data tr.header > th {
  background: var(--bg) !important;
  color: var(--color-white);
}

#search-form .search-dropdown button {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
}

#search-form .search-dropdown button:hover {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
}

#search-form .search-input {
  height: 21px;
  border-radius: 0;
}

#header {
  padding: 16px 0;
  max-width: 100%;
  min-height: 87px;
  position: relative;
}

#header #search {
  margin-top: 0;
}

#header #search .search-dropdown {
  display: none !important;
}

#header #search .search-container {
  width: 380px;
  height: 55px;
  margin: 0;
  padding: 0;
  border: none;
  background: var(--color-white);
  border-radius: 40px;
  overflow: hidden;
}

#header #search .search-container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header #search #search-category {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(212, 204, 186, 0.2);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDE2LjQ1NDlMMTkuNjY2OSAxMkwyMSAxMy4yNzI2TDE1IDE5TDkgMTMuMjcyNkwxMC4zMzMxIDEyTDE1IDE2LjQ1NDlaIiBmaWxsPSIjMTExMTExIi8+Cjwvc3ZnPgo=);
  background-position: 100% center;
  background-repeat: no-repeat;
  padding: 0 40px 0 20px;
  color: var(--color-opacity05);
  font-size: 18px;
}

#header #search .search-input {
  width: 290px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#header #search #search-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
  background-image: url("https://images.bluecherryb2b.com/minnetonkatest/defaultImages/minnetonkatest_d2870a1d-2267-44b9-a9e9-71402a9d6484.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20% center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#header .list-view-default-delivery {
  display: none !important;
}

#header .session-status {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 6px;
}

#quick-menu {
  font-family: var(--font-secondary);
  font-weight: 500;
  color: var(--primary-color);
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  z-index: 1;
  gap: 25px;
  position: relative;
  padding-left: 40px;
  margin: 0;
}

#quick-menu .separator {
  display: none;
}

#quick-menu a {
  font-size: 18px;
  color: var(--primary-color);
  text-transform: none;
}

#quick-menu .site-new-notifcation {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#quick-menu > li {
  position: relative;
}

#quick-menu > li ul {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 24px;
  left: -15px !important;
  width: fix-content;
  max-width: inherit;
  padding: 15px;
  background: var(--color-white);
  border: 1px solid var(--border-light);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  z-index: 10;
}

#quick-menu > li ul li {
  float: none;
}

#quick-menu > li ul li a {
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  text-transform: none;
}

#quick-menu > li:hover > ul {
  opacity: 1;
  pointer-events: auto;
}

#quick-menu .fa-user,
#quick-menu .fa-sign-out {
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

#quick-menu .fa-user:before,
#quick-menu .fa-sign-out:before {
  content: none !important;
}

#quick-menu .fa-user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjUzODMzIDE2Ljg5OThDNi40MDg5MyAxNS44MjMzIDguNjc5ODkgMTUuMjUgMTEgMTUuMjVDMTMuMzIwMiAxNS4yNSAxNS41OTExIDE1LjgyMzMgMTcuNDYxOCAxNi44OTk4QzE5LjMzMTkgMTcuOTc2MSAyMC43MjQ5IDE5LjUxMzMgMjEuMzY1NiAyMS4zMDY1QzIxLjUwNDkgMjEuNjk2NiAyMS4zMDE3IDIyLjEyNTggMjAuOTExNiAyMi4yNjUxQzIwLjUyMTYgMjIuNDA0NSAyMC4wOTI0IDIyLjIwMTMgMTkuOTUzIDIxLjgxMTJDMTkuNDU0MiAyMC40MTQ5IDE4LjMzNjMgMTkuMTMzOCAxNi43MTM2IDE4LjE5OTlDMTUuMDkxMyAxNy4yNjYzIDEzLjA4MjYgMTYuNzUgMTEgMTYuNzVDOC45MTc1IDE2Ljc1IDYuOTA4OCAxNy4yNjYzIDUuMjg2NTIgMTguMTk5OUMzLjY2MzggMTkuMTMzOCAyLjU0NTkxIDIwLjQxNDkgMi4wNDcwNiAyMS44MTEyQzEuOTA3NyAyMi4yMDEzIDEuNDc4NTIgMjIuNDA0NSAxLjA4ODQ1IDIyLjI2NTFDMC42OTgzODQgMjIuMTI1OCAwLjQ5NTE0NCAyMS42OTY2IDAuNjM0NTAyIDIxLjMwNjVDMS4yNzUxNSAxOS41MTMzIDIuNjY4MTYgMTcuOTc2MSA0LjUzODMzIDE2Ljg5OThaIiBmaWxsPSIjMkUxNzA1Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgMS43NUM4LjY1Mjc5IDEuNzUgNi43NSAzLjY1Mjc5IDYuNzUgNkM2Ljc1IDguMzQ3MjEgOC42NTI3OSAxMC4yNSAxMSAxMC4yNUMxMy4zNDcyIDEwLjI1IDE1LjI1IDguMzQ3MjEgMTUuMjUgNkMxNS4yNSAzLjY1Mjc5IDEzLjM0NzIgMS43NSAxMSAxLjc1Wk01LjI1IDZDNS4yNSAyLjgyNDM2IDcuODI0MzYgMC4yNSAxMSAwLjI1QzE0LjE3NTYgMC4yNSAxNi43NSAyLjgyNDM2IDE2Ljc1IDZDMTYuNzUgOS4xNzU2NCAxNC4xNzU2IDExLjc1IDExIDExLjc1QzcuODI0MzYgMTEuNzUgNS4yNSA5LjE3NTY0IDUuMjUgNloiIGZpbGw9IiMyRTE3MDUiLz4KPC9zdmc+Cg==);
}

#quick-menu .fa-sign-out {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUyOTQgMTUuMjM1M0wxOS43NjQ2IDEyTTE5Ljc2NDYgMTJMMTYuNTI5NCA4Ljc2NDdNMTkuNzY0NiAxMkw2LjgyMzQ3IDEyIiBzdHJva2U9IiMyRTE3MDUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjk0MTIgOC4xMTc2NVYxTDAuOTk5OTg1IDMuNTg4MjRWMjAuNDExOEwxMy45NDEyIDIzVjE1Ljg4MjQiIHN0cm9rZT0iIzJFMTcwNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

#navigation {
  height: 50px;
}

#navigation ul.nav {
  max-width: 100%;
}

#navigation ul.nav.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  height: 50px;
}

#navigation ul.nav.main li a {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  padding: 0;
  border: none;
  background: none;
}

#navigation ul.nav.main li a:before {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--primary-color);
}

#navigation ul.nav.main li:hover a {
  background: initial;
  border-radius: initial;
  border: initial;
}

#navigation ul.nav.main li:hover > a {
  color: var(--primary-color);
  background: none;
  background-image: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#navigation ul.nav.main li:hover > a:before {
  content: "";
}

#navigation ul.nav.main li:hover ul {
  opacity: 1;
  pointer-events: auto;
}

#navigation ul.nav.main li:hover ul li a {
  color: var(--primary-color);
}

#navigation ul.nav.main li ul {
  min-width: 172px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: inherit;
  padding: 15px 0;
  background: var(--bg-light-tan);
  border: 1px solid var(--border-light);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  top: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

#navigation ul.nav.main li ul li {
  float: none;
  width: 100%;
}

#navigation ul.nav.main li ul li a {
  font-size: 16px;
  font-weight: 400;
  border: none;
  width: inherit;
  height: inherit;
  display: block;
  padding: 0 20px;
  line-height: 30px;
}

#navigation ul.nav.main li ul li:hover a {
  color: var(--primary-color);
  text-decoration: underline;
}

#navigation ul.nav.main li ul li:hover a:before {
  content: none;
}

#navigation ul.nav.main li.secondary a {
  padding: 0;
}

#navigation ul.nav.main li.secondary a:before {
  left: 0;
  right: 0;
}

#navigation .nav.main li.menu_report li.imageAnalysis {
  display: none;
}

.order-wip-banner {
  background: #B2C2B5;
}

.order-wip-banner .banner-buttons {
  background: #404D33 !important;
}

.order-wip-banner .wip-popup-buttons .discard-wip, .order-wip-banner .discard-wip {
  background: #8C0303 !important;
}

#worksheet-count {
  background: var(--bg);
  border-color: var(--bg);
  color: var(--color-white);
  font-size: 14px;
  border-radius: 10px;
  line-height: 1;
  font-family: var(--font-secondary);
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  padding: 1px 5px 2px;
}

.color-lable,
.style-list .caption .subtitle,
span.style-ats-icon {
  color: var(--color-darker);
}

.pagination_bar,
.page-length-info,
#items-per-page, #pagination-current-page,
table#order-header-info tbody th, .order-header-attribute-label, .order-header-lable {
  color: var(--color);
}

.page-footer {
  background-color: var(--bg);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 300;
  padding: 35px 1% 0;
  text-align: left;
}

.page-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-footer a {
  color: var(--color-white);
  text-decoration: none;
}

.page-footer a:hover {
  text-decoration: underline;
}

.page-footer .title {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 500;
  color: var(--color-white);
  text-transform: uppercase;
  margin-bottom: 25px;
}

.footer-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-middle .footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}

.footer-middle .footer-link ul li:not(:first-child) {
  margin-top: 14px;
}

.footer-middle .footer-social ul {
  display: grid;
  grid-template-columns: repeat(4, 30px);
  gap: 7px;
}

.footer-bottom {
  color: #D4CCBA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px 0;
  margin-top: 35px;
  gap: 15px;
}

.footer-bottom .links {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  text-align: right;
}

.footer-bottom .links a {
  color: #D4CCBA;
}

.homeContentFooterCss,
.home-content-footer {
  background-color: var(--bg);
  color: var(--color-white);
  margin-right: 0 !important;
  text-align: left;
}

.homeContentFooterCss a,
.home-content-footer a {
  color: var(--color-white);
}

.home-charts-div.home #accordion-sitedashboard {
  display: none;
}

.home-charts-div.home #accordion-sitedashboard + .dashboard-activites.hidden.home {
  display: inherit;
}

#style-info > div.html_description.style > pre {
  white-space: pre-wrap;
}

.ui-dashboard-content > p,
.ui-dashboard-content > h1 {
  text-align: left !important;
}

#color-name {
  display: none;
}

.add-all-colors {
  display: none;
}

.addtoworksheetStyleview {
  display: none;
}

.addedtoworksheetStyleview {
  display: none;
}

.home #content {
  max-width: 100% !important;
}

#contact-header > a:not(#export-contact-link) {
  display: none;
}

#main {
  border-top: 1px solid var(--border) !important;
  padding-top: 30px;
}

.nav .cart-link-container {
  bottom: -6px;
}

.home #navigation ul li.menu_home > a,
.style #navigation ul li.menu_style > a,
.catalog #navigation ul li.menu_catalog > a,
.customer #navigation ul li.menu_customer > a,
.order #navigation ul li.menu_order > a,
.contact #navigation ul li.menu_contact > a,
.reports #navigation ul li.menu_report > a,
.account #navigation ul li.menu_account > a,
.config #navigation ul li.menu_config > a,
.site #navigation ul li.menu_site > a,
.worksheet #navigation ul li.menu_worksheet > a,
.search #navigation ul li.menu_search > a {
  background: none !important;
  background-image: none !important;
  color: #000 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

#main.home .grid_5.dashboard_custom_content,
#main.home .home #content .grid_5,
#main.home .grid_4.omega.featuredstyles {
  width: 0 !important;
  display: none !important;
}

#custom-content.home *,
#custom-content.home *:after,
#custom-content.home *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0 none;
}

#custom-content.home .grid_8.home-content-custom.home {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.cms-home,
.home-content-custom {
  margin: 0 auto;
  font-weight: 400;
  font-size: 16px;
}

.cms-home img,
.home-content-custom img {
  max-width: 100%;
  display: block;
}

#commenttab {
  display: none !important;
}

.swatch-size-indicator {
  float: left;
  margin-bottom: -3px;
  display: inline;
  z-index: 99;
  position: absolute;
  font-size: 18px;
  margin-left: 2px;
  margin-top: 39px;
}

.item-info.group-delivery.singlePageOrder {
  display: none;
}

.item-info-head .add-styles.singlePageOrder {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.item-info-head .add-styles.singlePageOrder .vertical-middle {
  margin-right: 4px;
}

#styleTagDiv {
  display: block;
}

.registration_main.account {
  text-align: center;
}

.registration_main.account h6 {
  margin-bottom: 18px;
}

input, select, textarea {
  border-color: var(--primary-color);
}

.input-bottons input[type="button"], .excel-upload, input[type="submit"] :not(#search-button),
.inputbutton, .inputsubmit, .jeditable > button {
  font-family: var(--font-primary);
  background: var(--bg-button);
  color: var(--color-white);
  border: none;
  border-radius: 0;
}

.input-bottons input[type="button"]:hover, .excel-upload:hover, input[type="submit"] :not(#search-button):hover,
.inputbutton:hover, .inputsubmit:hover, .jeditable > button:hover {
  background: var(--bg-button-hover);
}

.toolbar ul a {
  color: var(--primary-color);
}

div#style-title {
  font-weight: 500;
}

div#style-title > span {
  font-family: var(--font-heading);
  font-weight: 400;
}

div#style-info div.html_description, div#style-info div.html_description pre {
  font: 12px/1.5 var(--font-primary), "400";
}

.style-basic-info .style-details .name-lable {
  font-family: var(--font-secondary);
  color: var(--primary-color);
}

.tagOrStyleNo,
.title .style-name, .title .style-no, .style-details .style-color,
.style-view .style-tags-desc .desc-value {
  color: var(--primary-color);
}

.style-view .style-tags-desc .Sub-Header span,
#style-info .More-Info .style {
  font-family: var(--font-secondary);
  font-weight: 600;
  color: var(--primary-color);
}

.style-view .label-desc {
  background-color: var(--bg-light-tan);
}

.mega-menu a, .mega-menu .loading {
  color: var(--color);
  font-size: 12px;
}

div#nav2 ul.tab li {
  padding: 6px 10px;
}

.mega-menu > li:hover {
  background: var(--bg);
  border-radius: 4px;
}

div#nav2 .selected {
  background: var(--bg);
  background-image: var(--bg);
}

#currencymessage {
  color: var(--color);
}

#search-content .style-list {
  width: 252px;
}

table.data > thead > tr > th.table-head, table.styleLayout > thead > tr > th {
  background: var(--bg);
  background-image: var(--bg);
}

table.data > thead > tr > th, table.data tr.header > th {
  background: #D4CCBA;
  background-image: #D4CCBA;
}

table.data > tbody > tr.even, table.data > tbody > tr.even {
  background: #EBE8DE;
}

#style-tabs .ui-tabs-nav, .box h2 {
  background: var(--bg);
  background-image: var(--bg);
}

fieldset {
  border: 1px solid #bbb;
  padding: 10px;
  position: relative;
  background: var(--bg-light-tan);
  margin-bottom: 10px;
}

.filtertab.bubble,
.filterheaderdiv .filtertab:hover {
  background: var(--bg);
}

.order-wip-confirmation-fancybox .continue-existing {
  background: #404D33 !important;
}

.order-wip-confirmation-fancybox .discard-wip-proceed {
  background: #8C0303 !important;
}

.paginator a:hover {
  background: var(--bg);
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: var(--bg-light-tan) !important;
}

/*# sourceMappingURL=app.css.map */

