/* CSS home */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --geel: #EDCD0E;
  --wit: #ffffff;
  --zwart: #000000;
  --grijs: #464646;
}

body,
html {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-size: 0.95rem;
}

#content-wrapper {
  background: unset !important;
}

#wrapper {
  background: unset;
  display: unset !important;
}

#wrapper .breadcrumb {
  margin: 20px 15px;
}

.material-icons {
  color: var(--grijs) !important;
}

a {
  color: var(--grijs);
}

a:hover {
  color: var(--geel);
}

a:focus {
  color: var(--zwart);
  text-decoration: none;
}

.btn-primary:hover {
  background-color: var(--geel);
}

.pagination .current a {
  color: var(--zwart)
}

#index .product-container {
  width: 100%;
}

.banner-container {
  padding-left:0px;
  padding-right:0px;
}



@media screen and (min-width: 700px) {
  #index .popular-products {
    width: 1400px;
  }

  #footer .container {
    width: 2560px;
  }

  #footer .footer-container .container {
    width: 1400px;
    text-align: center;
  }
}



/* header */

.header-banner,
.header-nav,
#header,
#header .header-nav .blockcart {
  border: unset !important;
  background: var(--geel) !important;
}

#header .header-nav {
  max-height: 60px;
}

.header-top {
  background: var(--wit) !important;
  padding: 1rem !important;
}

.container-top {
  width: 1400px !important;
}

.header-top-right {
  text-align: right;
}

#header .header-nav #menu-icon .material-icons {
  color: var(--wit);
}

.cart-products-count {
  color: var(--zwart);
}

.left-nav {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 60px;
}

.lef-nav a {
  font-weight: 400!important;
}

.right-nav {
  margin-top: unset;
  height: 60px;
  align-items: center;
}

.left-nav *,
.right-nav * {
  color: var(--zwart) !important;
}


#header a:hover,
#header li:hover,
#footer a:hover,
#footer li:hover {
  color: var(--grijs) !important;
}

#header .header-nav .blockcart {
  height: unset;
}

.material-icons .shopping-cart {
  color: var(--zwart) !important;
}

.user-info .material-icons {
  color: var(--zwart) !important;
}

#header .header-nav .user-info {
  margin-top: unset;
}

#header .top-logo img {
  max-height: 5rem;
}

.sidas-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}


@media screen and (min-width: 767px) {
  #header .header-nav .material-icons {
    line-height: 1;
  }
  .nav-container {
    width: 1400px !important;
  }

  #header .header-nav .language-selector {
    margin-top: unset;
  }
}

@media screen and (max-width: 1024px) {
  .left-nav {
    display: none;
  }

  #header .top-logo {
    justify-content: center;
  }

  #header .header-nav .right-nav {
    justify-content: unset;
  }
}

@media screen and (max-width: 767px) {
  #header .header-nav .user-info {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 576px) {
  .container-top {
    width: 540px !important;
    max-width: 100%;
  }

  .header-top {
    height: 100px;
  }

  #header .top-logo {
    justify-content: center;
  }

  #header .top-logo img {
    min-height: 4rem;
  }
}

/* start ps_searchbar */

#search_widget form input {
  width: 100%;
  padding: 10px 11px 10px 21px;
  outline: none;
  background-color: var(--wit) !important;
  border: none;
  border-radius: 5px;
}

.right-nav #search_widget {
  margin-left: 2%;
  margin-top: 1%;
}

#search_widget form i {
  position: absolute;
  padding: 0.5rem;
}

#search_widget form input {
  color: var(--licht-groen) !important;
}

@media screen and (min-width: 480px) {
  #search_widget {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  #search_widget {
    float: unset;
    min-width: 16.5rem;
  }
}

@media screen and (min-width: 990px) {
  .right-nav #search_widget {
    display: inline !important;
  }
}
/* einde ps_searchbar */

/* start pm_advancedtopmenu*/

.adtm_menu_container {
  float:right;
}

.adtm_menu_container {
  flex-wrap: nowrap;
}

#mobile_top_menu_wrapper {
  background: var(--wit) !important;
}

#_desktop_top_menu *,
#_mobile_top_menu * {
  border: unset !important;
  color: var(--zwart) !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

#_desktop_top_menu *:hover,
#_mobile_top_menu * {
  color: var(--zwart) !important;
}

#_desktop_top_menu .searchboxATM {
  background: var(--zwart) !important;
  height: 40px !important;
  top: 8px !important;
  color: var(--color-2) !important;
  font-size: 12px !important;
}

#_desktop_top_menu .searchboxATM .adtm_search_submit_button {
  height: 40px !important;
}

#_desktop_top_menu .searchboxATM .search_query_atm {
  width: 170px !important;
}

#header .header-nav #menu-icon {
  margin-left: 2rem;
}

#header .header-nav #menu-icon .material-icons {
  color: var(--zwart)!important;
}

@media screen and (min-width: 768px) {

  .adtm_menu_container {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1400px;
  }

#adtm_menu ul#menu {
  flex-wrap: wrap;
  justify-content: flex-start;
}
}




@media screen and (max-width: 1024px) {

  #_desktop_top_menu * {
    margin-bottom: 0 !important;
    font-size: 14px !important;
  }

  #header .header-nav {
    font-size: 12px;
  }
}


@media (max-width: 765px){
#adtm_menu ul#menu {
  display: block;
}

}

@media (min-width: 768px) {
#adtm_menu ul#menu {
    flex-wrap: nowrap;
}
}

@media (min-width: 1000px){
  #adtm_menu ul#menu li div.adtm_sub {
  margin-top: 15%;
  width: 200px;
  }

  /* #adtm_menu .li-niveau1 {
    padding: 1%;
  } */
}


/* einde pm_advancedtopmenu*/

/* start tck USP's */

.usp {
  /* padding-top: 15px;
  display: flex;
  align-items: center;
  color: var(--zwart) !important;
  justify-content: center;
  flex-direction: column; */
  display: none;
}

/* #usps {
  background: var(--geel);
} */

/* .usp p {
  padding-top: 15px;
  color: var(--zwart) !important;
  text-align: center;
} */

/* einde tck USP's */

#footer {
  background: var(--geel) !important;
  color: var(--wit) !important;
  font-size: 0.875rem;
  padding-top: 0;
  margin-top: 5%;
}


.footer-container {
  background: var(--background-2) !important;
  /* padding: 2% 6% 2% 8%; */
}

#footer h3 {
  float: left;
  text-transform: uppercase;
  color: var(--zwart) !important;
  margin-bottom: 20px;
}

#footer a {
  color: var(--zwart) !important;
}

#footer .fa {
  color: var(--zwart) !important;
}

.betaalmethoden {
  margin-bottom: 10%;
}

.betalingslogos {
  width: 50px;
  padding: 1%;
  border-radius: 10px;
}
.verzendpartner img {
  width: 100px;
  padding: 1%;
  border-radius: 5px;
}

.mb-2 {
  margin-bottom: 0 !important;
}


@media screen and (max-width: 767px) {
  #footer h3 {
    float: unset;
    margin-top: 9%;
    margin-bottom: unset;
  }
}

@media screen and (min-width: 767px) {

  #footer h3 {
    float:unset;
    text-transform: uppercase;
    color: var(--color-2) !important;
    margin-bottom: 20px;
  }
  #ps_banner {
    display: block;
    text-align: center;
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  #ps_banner {
    display: block;
    text-align: center;
    padding-top: 5vh;
  }
}

/* begin slider */

.carousel {
  background: unset;
}

.carousel .carousel-item .caption {
  position: absolute;
  margin: 0;
  max-width: 1000px;
  color: #fff;
  bottom: 1%;
  left: 5%;
}

.caption-description h1 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-2)!important;
}
.caption-description h2 {
  font-size: 1.75rem;
  font-weight: 700;
  
}

.display-1 {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  color: var(--color-1)!important;
}

.btn-sigg-slider {
  margin-top: 2%;
  background-color: var(--color-1);
  border-style: none;
  text-transform: uppercase;
  font-size: 1.5rem;
}

@media screen and (min-width: 600px) {

  .carousel .carousel-item .caption {
      position: absolute;
      top: 25%;
      bottom: 25%;
      max-width: 1000px;
      color: #fff;
      padding: 2% 2% 2% 2%;
      text-align: left;
  }

  .caption-description h1 {
    font-size: 3.25rem;
  }
  .caption-description h2 {
    font-size: 2.25rem;
  }

  .carousel .carousel-item .caption .display-1 {
    font-size: 2.25rem !important;
  }
}

@media screen and (min-width: 1000px) {

  .carousel .carousel-item .caption {
      position: absolute;
      top: 25%;
      bottom: 25%;
      max-width: 1000px;
      color: #fff;
      padding: 2% 2% 2% 2%;
      text-align: left;
  }

  .caption-description h2 {
    font-size: 4.25rem;
  }

  .carousel .carousel-item .caption .display-1 {
    font-size: 4.25rem !important;
  }
}



/* einde slider */

/* about banner */

.presta-custom-txt {
  display: none;
}

.home-about {
  height: 100%;
  background-color: var(--zwart);
}

.home-about-img {
  display: block;
  margin: 0;
  object-fit: cover;
  width: 100%;;
}

video {
  display: block;
  margin: 0;
  object-fit: cover;
}


.home-about h3 {
  color: var(--wit);
  padding: 2%;
  font-size: 1.75rem;
  
}

.home-about-txt {
  max-height: 750px;
  display: flex; 
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  text-align: center;
  padding: 5%;
}

@media screen and (min-width: 700px) {

  .home-about-txt {
    max-height: 750px;
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center; 
    text-align: center;
    padding: 2%;
  }
}

@media screen and (min-width: 1400px) {

  .home-about {
    width: 2550px;
    
  }

  .home-about-img {
    max-height: 1000px;
  }

  .home-about-txt {
    padding: 0;
  }
  
  .home-about h3 {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 2000px) {

  .home-about-txt {
    height: 750px;
  }
}

/* einde about-banner */

 /* blog banners */

 .blog-banners {
  display: none;
  margin-top: 8%;
  text-align: center;
 }

 .blog-banners h2 {
  font-size: 3rem;

 }

 .card-img {
  object-fit: cover; 
  height: 450px;
 }

 @media screen and (min-width: 1000px) {

 .blog-banners {
  width: 1920px;
  margin-top: 2%;
 }

 .blog-banners h2 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 2%;
 }

 .card-img {
  height: 600px;
 }
}


/* begin featured-product weergave */

.wishlist-button-add {
  display: none !important;
}
#PM_ASearchResultsInner {
  margin-top: 5%;
}
#PM_ASBlockOutput_16 {
  margin-top: 10%;
}

#product-availability .material-icons {
  color: var(--color-1)!important;
}

/* einde featured-product weergave */

/* begin categoriepagina */

#category-description img {
  width: 100%;
  height: auto;
}

.product-flags li.product-flag {
  background: var(--color-1);
  display: none;
}

.quickview .modal-content {
  background: var(--wit);
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
  border: var(--grijs) 3px solid;
}

.form-control:focus {
  outline: 0.1875rem solid var(--zwart);
  border-color: var(--zwart);
}


@media screen and (min-width: 700px) {
#advancedsearch-seo-1 .product-container {
  width: 1400px;
}
}



/* einde categoriepagina */

/* product pagina */

#product .product-container {
  margin-top: 5%;
  margin-bottom: 11%;
}

#product .product-cover  {
  margin-bottom: 0rem;
}

#product .product-container h1 {
  color: var(--color-3)!important;
}

.product-price {
  color: var(--color-3);
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
  color:var(--color-1)
}

.has-discount .discount {
  background: var(--color-1);
}

.btn-primary {
  background-color: var(--color-1);
}

.product-price {
  font-size: 1.5rem !important;
}

.tabs .nav-tabs .nav-link.active {
  color: var(--color-3);
  border-bottom: var(--color-1) 3px solid;
}

.tabs .nav-tabs .nav-link:hover {
  border-bottom: var(--color-1) 3px solid;
}

.tabs .nav-tabs .nav-link {
  color: var(--color-3);
  border-bottom: var(--color-4) 3px solid;
}

#product .tabs {
  padding: 0;
  margin-bottom: 5%;
}

#PM_ASearchResults {
  max-width: 1400px;
}

.manufacturer-logo {
  max-width: 100%;
  height: 150px;

}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
  background-color: var(--color-3);
}

.btn.disabled, .btn:disabled {
  opacity: 1;
}

#blockcart-modal .product-name {
  color: var(--color-3);
}

.btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-3);
}

@media screen and (min-width: 700px) {
  #product .product-container {
    width: 1400px;
  }
  }

/* cms pagina's */
.page-header {
  margin-top: 5%;
}

.page-content.page-cms {
  padding: 0 5% 1% 5%;
}

/* product snelkijken */
.product-miniature .highlighted-informations .quick-view:hover {
  color: var(--color-1);
}

.product-last-items {
  color: rgb(255, 217, 0)!important;
}


/* verkoopunten */
#module-kbstorelocatorpickup-stores .product-container{
  margin-top: 2%;
  width: 100%;
  margin-bottom: 5%;

}

.velo-search-container {
  width: 100%;
}

.velo-location-list ul li .velo-directions-button {
  background: var(--geel);
  color: var(--zwart);
}

.velo-search-button button {
  border: 1px solid var(--grijs);
  background: var(--geel);
  color: var(--zwart);
  font-weight: 600;
}

.velo-location-list ul li a.velo-directions-link {
  background: var(--geel);
  color: var(--zwart);
  
}

.velo-location-list ul li {
  padding-left: 15%;
  background-position: 10px 10px;
}

.velo-store-map #kb_map_checkbox {
  max-width: 200px;
}

.velo-store-map label, .label {
  text-align: center;
}

.velo-show-more {
  display: none;
}

.velo-popup .velo-add-address {
  padding-left: 0px;
}

.velo_add_name {
  font-weight: 600;
}



@media screen and (min-width: 1000px) {

  #module-kbstorelocatorpickup-stores .product-container{
    width: 1920px;
  }

.velo-search-container {
  max-width: 1920px;
  height: 1000px;
}

.velo-pickup-store-map {
  height: 750px;
}

.velo-pickup-location-list {
  max-height: 750px;
}

#module-kbstorelocatorpickup-stores .page-heading {
  padding: 3%;
  font-size: 2.5rem;
  text-align: center;
  text-transform: uppercase;
}

}

@media screen and (min-width: 1400px) {
.velo-location-list ul li {
  padding-left: 10%;
  background-position: 10px 10px;
}
}


/*blog */

#module-leoblog-list .product-container {
  max-width: 1400px;
  margin-top: 2%;
  margin-bottom: 2%;
}

#module-leoblog-blog .product-container {
  max-width: 1440px;
  margin-top: 2%;
  margin-bottom: 2%;
}

.blog-title {
  text-align: center;
  text-transform: uppercase;
}

.leo-block-sidebar {
  margin: 0;
  padding: 30px;
  background: #FFFFFF;
  border: 1px solid #efefef;
  border-bottom: 0;
}

.tck-alert * {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;

    padding: 5px !important;
}

.tck-alert h1 {
    font-size: 18px !important;
    color: red !important;
}

.tck-alert h3 {
    font-size: 16px !important;
    color: red !important;
}

.tck-alert p {
    font-size: 14px !important;
    color: #000;
    text-align: center;
}