/* 20260920114212 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* Header */
.main-header__nav,
.main-header:not(.main-header--transparent),
.main-header__link[aria-current="page"] {
	background-color: #000;
  color: #fff;
}
.main-header__nav .main-header__item a {
	font-weight: bold;
  font-size: 1rem;
}
.main-header__nav-grid {
  position: relative;
	padding: 0 20px;
  max-width: unset;
  width: 100%;
}
.main-header-wrapper {
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.main-header-wrapper .header-usp-text {
	display: flex;
  fill: #ba863b;
	position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  text-align: center;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.main-header-wrapper .header-usp-text svg {
	width: 1lh;
  vertical-align: sub;
}
.main-header-wrapper .main-header__list {
	position: absolute;
  left: 0;
  right: 0;
  bottom: 1rem;
}
.main-header__nav .header-usp-text {
  font-size: 0.8rem;
  gap: 2rem;
  color: #ba863b;
  font-weight: bold;
}
.main-header__link:hover,
.main-header__item button:hover {
	color: #fff;
  cursor: pointer
}
ul.main-header__list.header-menu-icons {
	margin-top: auto;
  margin-bottom: 1rem;
}
.main-header__search-form.bg {
	background-color: #000;
}
.main-header__nav form input[type="search"] {
	background: #414141;
  color: #fff;
}
.main-header__list.header-menu-icons li svg {
	height: 1.4rem;
  width: 1.4rem;
}

/* Hero slideshow */
section div.hero-slideshow {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}

.hero-slideshow__banner {
  min-height: 65vh;
}

.hero-slideshow__wrapper .hero-slideshow__tite {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  margin: 0px;
}

@media (max-width: 800px) {
	.hero-slideshow__banner {
    min-height: 45vh;
    background-position: calc(50% - 100px);
  }
  .hero-slideshow__banner:not(.hero-slideshow__banner--no-overlay)::before, .highlighted-categories a.category > div::after, .banner-card--overlay-bg::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.6) 100%);
  }
  .hero-slideshow__wrapper .hero-slideshow__tite {
    font-size: 28px;
  }
  .hero-slideshow__wrapper > div {
   	justify-content: end !important;
    padding-bottom: 30px;
  }
}

/* Highlighted categories */
.highlighted-categories {
	margin-top: var(--space-md);
  margin-left: 20px;
  margin-right: 20px;
}
.highlighted-categories a.category > div {
  background-size: cover;
  position: relative;
  aspect-ratio: 2/1;
}
.highlighted-categories a.category > div::after {
	content: '';
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.25;
}
.highlighted-categories a.category > div .text-container {
	position: absolute;
  z-index: 1;
  color: #fff;
  bottom: 2rem;
  left: 2rem;
  font-weight: 900;
  font-size: 1.25rem;
}
.highlighted-categories a.category > div .text-container button {
  padding: 0;
	background: none;
  border: none;
  color: #fff;
  fill: #fff;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1rem;
}
.highlighted-categories a.category > div .text-container button:hover svg {
	animation-name: animate-shop-arrow;
  animation-duration: 0.4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}
.highlighted-categories a.category > div .text-container button svg {
	display: block;
  height: 1lh;
  padding-left: 6px;
}

/* Product card */
.prod-card-new .prod-card__old-price {
  font-size: 0.8rem;
}
.prod-card-new .media-wrapper.secondary-img {
	display: none;
}
.prod-card-new:hover .prod-card__img-wrapper[data-secondaryloaded="true"] .media-wrapper.primary-img {
	display:none;
}
.prod-card-new:hover .prod-card__img-wrapper[data-secondaryloaded="true"] .media-wrapper.secondary-img {
	display:block;
}
.prod-card-new .prod-card__img-wrapper {
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}

/* Footer */
footer.main-footer {
	background-color: #000;
  color: #fff;
}
footer.main-footer button {
	border: 1px solid;
}
footer a.main-footer__link:hover {
	color: #ffffff;
}

@keyframes animate-shop-arrow {
	0% {
  	padding-left: 6px;
  }
  100% {
  	padding-left: 12px;
  }
}

@media (min-width: 64rem) {
/*  Header  */
  .main-header__nav .main-header__logo {
  	margin-right: 4rem;
    padding: 8px;
  }
	.main-header-wrapper {
  	display: flex;
  }
  .main-header__nav .header-usp-text {
		padding-left: var(--space-xxs);
  }
  
/*  Hero  */
  .hero-slideshow .hero-slideshow__wrapper > div.container {
  	margin-left: 40px;
  }
  .hero-slideshow .hero-slideshow__wrapper > div.container .text-component {
  	padding-bottom: 40px;
  }
}

/* CHANGE 22-5-2023 */
.main-header-wrapper .main-header__list {
	position: unset;
}
.highlighted-categories a.category > div {
    background-size: cover;
    position: relative;
    height: 285px;
    aspect-ratio: unset;
    background-repeat: no-repeat;
    background-position: 100% 3%;
}
.main-header__search-form.bg{
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1024px){
  div.main-header-wrapper form.container.max-width-lg {
    display:none;
  }
}
@media screen and (min-width: 1024px){
  .main-header__search-form.bg{
  	background: #121212;
  }
}
/* END CHANGE 22-5-2023 */

/* CHANGE 24-5-2023 */
a.main-header__link.main-header__link--icon.main-header-link-flexbox {
	display:flex;
}
.main-header__list.header-menu-icons li svg{
	height: 2rem;
  width: 2rem;
}
p.header-link-icon-grey{
	font-size: 13px;
  color: grey;
}
form.search-d-flex-align-center {
	display:flex;
  align-items:center;
}
.main-header__nav form input[type="search"].desktop-search-bar {
	border-left: none;
  background: #222222;
  color: grey;
  padding: 15px;
}
div.search-form-icon{
  display: flex;
  justify-content: center;
	background: #222;
  border: 1px solid #414141;
  border-right: none;
  padding:14px 6px 14px 9px;
}
.hero-slideshow__banner:not(.hero-slideshow__banner--no-overlay):before,
.highlighted-categories a.category > div::after,
.banner-card--overlay-bg::before{
	background-color: unset;
}
@media screen and (min-width: 1024px){
  .main-header__nav-grid{
    max-height: 100px;
    padding-left: 20px;
  }
  section#container-hero {
  	margin-top: 150px;
  }
}
@media screen and (min-width: 1024px){
  div.main-header__search-form.bg {
  	position: fixed !important;
    padding-left: 20px;
  }
}
div.main-header__search-form.bg {
  list-style-type: none;
  position: unset; 
}
svg.icon {
	margin-right: 5px;
}
form.search-d-flex-align-center{
	max-width: 550px;
}
.btn--primary {
	color: #fff;
}
@media screen and (min-width: 1024px){
  div.auto-margin{
  	margin: auto;
    max-width: 80rem;
  }
  div.d-flex-space-between {
    display: flex;
    justify-content: space-between;
    max-width: 1280px;
    margin: auto !important;
  }
  .main-header__nav-grid{
  	padding-left: unset !important;
    max-width: 80rem;
  }
  img.about-us-photo {
    margin-right: 30px !important;
  }
  header.main-header.js-main-header.position-relative.main-header--desktop{
  	position: fixed !important;
  }
}
.de-margin{
	margin-left: unset;
}
@media screen and (min-width: 1250px){ 
  div.d-flex-space-between {
  	align-items: center;
  }
}
div.d-flex-space-between {
  margin-left: 20px;
  margin-right:20px;
}
img.about-us-photo {
  border: 2px solid grey;
	width: 45%;
  max-width: 500px;
  margin-right: 20px; 
  margin-bottom: 10px;
}
/* END CHANGE 24-5-2023 */
@media screen and (min-width:1024px){
section#container-hero {
	margin-top: 60px;
}
}


/* CHANGE 3-6-2023 */
header.main-header.main-header--mobile.js-main-header.position-relative,
header.main-header.js-main-header.position-relative.main-header--desktop{
	position: sticky !important;
  top:0;
  left:0;
}
body, html {
	overflow-x: unset;
}
@media screen and (min-width:1024px){
section.collection-page__intro.container.max-width-lg{
	padding-top: 120px;
}
}

.main-footer__social-btn {
	margin-left: 26px;
}
span.counter{
	display:none !important;
}
div[aria-labelledby="cart-block-discount-codes-title"],
div[aria-labelledby="cart-block-calculate-shipping-title"]{
	display:none;
}
/* END CHANGE 3-6-2023 */
@media screen and (min-width:1024px){
  .container.max-width-lg.product.js-product{
    padding-top:120px;
  }
}

input.desktop-search-bar:focus,
input.desktop-search-bar:hover
{
	outline:none !focus;
  border: 1px solid var(--color-contrast-higher);
}
@media screen and (max-width: 1023px){
  div.main-header__nav{
    display:none;
  }
  div.main-header__nav.main-header__nav--is-visible.showMenu {
    display:block;
  }
}

@media screen and (min-width: 1600px){
  .highlighted-categories a.category > div{
  	height:340px;
  }
}
.container-vacation-notice{
  margin-top:40px;
  background-color: #2b2b2b;
  padding: 10px;
  text-align:center;
  color: #fff;
}
/* CHANGE 5-7-2023 */
@media screen and (min-width: 1024px){
  .container-vacation-notice{
    margin-top:60px;
    margin-bottom: -40px;
  }
}
/* END CHANGE 5-7-2023 */
