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

.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: #0096ff;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #0096ff;
}

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

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

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

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

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

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

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

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

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #000000;
  color: #000000;
  background-color: #00f2ff;
}

.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: #00c1cc;
  border-color: #000000;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #000000;
  background-color: #f2f2f2;
}

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

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

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

.gui-progressbar {
  background-color: #0096ff;
}

/* custom */
#product-section-1 > div > div:nth-child(1) {
  width: 16.5%;
}
#product-section-1 > div > div:nth-child(2) {
  width: 16.5%;
}
#product-section-1 > div > div:nth-child(3) {
  width: 16.5%;
}
#product-section-1 > div > div:nth-child(4) {
  width: 16.5%;
}
#product-section-1 > div > div:nth-child(5) {
  width: 16.5%;
}
#product-section-1 > div > div:nth-child(6) {
  width: 16.5%;
}

@media screen and (max-width: 600px) {
  #product-section-1 > div > div:nth-child(1) {
  width: 28.9%;
  box-sizing: content-box;
}
#product-section-1 > div > div:nth-child(2) {
  width: 28.9%;
  box-sizing: content-box;
}
#product-section-1 > div > div:nth-child(3) {
  width: 28.9%;
  box-sizing: content-box;
}
#product-section-1 > div > div:nth-child(4) {
  width: 28.9%;
  box-sizing: content-box;
}
#product-section-1 > div > div:nth-child(5) {
  width: 28.9%;
  box-sizing: content-box;
}
#product-section-1 > div > div:nth-child(6) {
  width: 28.9%;
  box-sizing: content-box;
}
.product-element .product-labels {
  top: 0px; 
}
}


 /* Sijmen LightspeedHQ - 26 Jan 2021 - Homepage - START */
@media only screen and (max-width: 600px) {
  .hero.hero-full.hero-1-columns {
    margin-bottom: -150px;
}
}
/* Sijmen LightspeedHQ - 26 Jan-2021 - END */

 /* Sijmen LightspeedHQ - 28 Jan 2021 - Dropdown menu tekst - START */

a[href="https://www.thedsneakerhype.nl/jordans/"] {
  color: black!important; }
a[href="https://www.thedsneakerhype.nl/yeezys/"] {
  color: black!important; }
a[href="https://www.thesndeakerhype.nl/air-force-1/"] {
  color: black!important; }
/* Sijmen LightspeedHQ - 28 Jan-2021 - END */

.gui-select select {
 border: 1px solid black;
}

.dark-background .gui-input input, .dark-background .gui-text textarea {
 border-color: black !important;
}



.dark-background input[type="password"]  {
 border-color: black !important;
}

.dark-background input[type="text"] {
 border-color: black !important;
}

.product .wrap > label.sale {
    background-color: #de0000;
}

#product .images .images-wrap .label.sale {
    background-color: #de0000;
}

.gui a.gui-button-small, body .gui a.gui-button-small.gui-button-action {
    background-color: #00B2FF;
}

.dark-background .gui a.gui-button-small{
    background-color: #00B2FF;
}





.add-to-cart-trigger, .add-to-cart-trigger:hover {
    background: #00B2FF;
}

.button.button-block {
    background: #00B2FF;
}

a.button.inline {
    background: #00B2FF;
}

div.button.inline {
    background: #00B2FF;
}

a.button {
  background-color: #00B2FF;

}


.button.button-block.button-light {
    background: #ACACAC;
}

.unit-price.hint-text.small {
    visibility: hidden
}

@media (max-width: 991.98px)
#footer .h4 {
    visibility: hidden
}

.nc-icon-mini.shopping_bag-20:before {
    content: "\ebb2";
}

span.hint-text v{
    display:none;
}

div.col-12.col-md-3.information {
    visibility: hidden
}

div.col-12-col-md-3-information-toggle {
    visibility: hidden
}

span.score {
    visibility: hidden
}

ul.links.d-flex.flex-wrap {
    visibility: hidden
}

span.extra {
    visibility: hidden
}

div.review-widget.big.d-flex.align-items-center.text-left {
    visibility: hidden
}

div.box {
    visibility: hidden
}

div.link {
    visibility: hidden
}

div.unit-price {
    visibility: hidden
}

a.button.inline {
    background: #00B2FF;
}

a.block-method-continu {
 background: #00B2FF;
}

a.gui-block-method-continue.gui-button-small.gui-button-action {
 background: #00B2FF;
}

div.search-results palette-bg-dark {
 background: #ffffff;
}

span.h4 {
    color: Black;
  }

b.positive {
    color: Black;
  }
a{
    color: Black;
  }

b.h4 {
  	color: Black;
}
b.h4:after {
  content:'ㅤ'; 
  visibility: visible;
	color: Black;
}

/* div.upsells {
    visibility: hidden
} */

div.wrap.d-flex.flex-column.justify-content-center.palette-bg-accent-light {
    visibility: hidden
}

label class="d-flex align-items-center justify-content-between">Kortingscode<i class="icon-chevron-down"></i></label {
    visibility: hidden
}

<label class="d-flex align-items-center justify-content-between">Kortingscode<i class="icon-chevron-down"></i></label>{
    visibility: hidden
}

@media (max-width: 575.98px) {
  #product .images.fullwidth .images-wrap {height: 400px;}
  #product .images.fullwidth .images-wrap .image {min-height:400px;}
  }

#servicepage .accordion .card h4:not(.collapsed)::before {background:none!important;}
#gui-form-payment-method-mollie-ideal-component-form {display: none!important;}

a[href="https://www.thesneakerhype.nl/en/sale/"] {
  color: red!important; }

<i class="icon-star.gold"></i>
{
  color: green; }

.star-i.gold {
  color: #28a745; }

.stars i.gold {
  color: #28a745; }

.stars i.gold {
  color: green;
}



/* Djulan Banner homepage for desktop */
#home-block-heroimage {
    position: relative;
    width: 100%; 
    display: block; 
}

#home-block-heroimage:before {
    content: ""; 
    display: block; 
    padding-top: 36.46%; 
}

.container.pos-r {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://infoatsneakerhypeeu.webshopapp.com/admin/files);
    background-size: cover;
    background-position: center center;
}

/* Adjustments for mobile devices */
@media (max-width: 767px) {
    #home-block-heroimage:before {
        /* Remove the pseudo-element on mobile to allow for the new padding-bottom to take effect */
        content: none;
    }

    .container.pos-r {
        /* Override the background image for mobile */
        background-image: url(https://cdn.webshopapp.com/shops/314036/files/450867329/dswfeww-05.png); /* Mobile image URL */
        background-size: cover;
        background-position: center center;
    }

    #home-block-heroimage {
        /* Reset any height properties that may be set elsewhere */
        height: auto !important;
        /* Set the padding-bottom to create space for the background image, adjusted for the new aspect ratio */
        padding-bottom: 70.83%; /* This approximates the height to width ratio of 850 to 1200 */
    }
}




/* hide customer service element*/
li a[href="https://api.whatsapp.com/send/?phone=31620734349&amp;text&amp;type=phone_number&amp;app_absent=0"] {
    display: none;
}

.banners.masonry article:first-of-type {
    margin-top: 0px !important;
}

#home-block-heroimage > a {
 top: 0; 
}

.form {
    display: none;
}

.responsive-image {
  max-width: 100%;
  height: auto;
}
<style>
  a[href="https://www.thesneakerhype.nl/en/xmas-collection/"] {
    color: black; /* Set the default color for the entire link */
  }

  a[href="https://www.thesneakerhype.nl/en/xmas-collection/"]::first-letter {
    color: #D6001C; /* Change the color of the first letter (X) to #D6001C */
  }
</style>
<style>
  a[href="https://www.thesneakerhype.nl/nl/kerst-collectie/"] {
    color: black; /* Set the default color for the entire link */
  }

  a[href="https://www.thesneakerhype.nl/nl/kerst-collectie/"]::first-letter {
    color: #D6001C; /* Change the color of the first letter (K) to #D6001C */
  }
</style>
<style>
  a[href="https://www.thesneakerhype.nl/de/weihnachtsauswahl/"] {
    color: black; /* Set the default color for the entire link */
  }

  a[href="https://www.thesneakerhype.nl/de/weihnachtsauswahl/"]::first-letter {
    color: #D6001C; /* Change the color of the first letter (W) to #D6001C */
  }
</style>
