/*
 * Uvex child theme overrides on top of Vibram.
 * Add only Uvex-specific brand adjustments here.
 */
@import url('/themes/vibram/assets/css/custom.css');

 @import url("https://use.typekit.net/uqn0akl.css");


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

body,
html {
font-family: "neue-haas-grotesk-text", sans-serif;
font-weight: 400;
font-style: normal;
}

h1, h2, h3 {
font-family: "neue-haas-grotesk-text", sans-serif;
font-weight: 700;
font-style: normal;
}

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

.product-container {
    width: 100%;
}

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

.carousel .carousel-item .caption p {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: var(--wit) !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    text-align: left;
}


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


#_desktop_top_menu *, #_mobile_top_menu *{
    justify-content: center;
    display: flex;
    align-items: center;
}

.adtm_menu_container {
    float: right;
}

#adtm_menu .li-niveau1 {
    min-height: 51px;
    line-height: 21px;
}

#header .header-nav #menu-icon .material-icons {
  color: #ffffff !important;
}

.footer-container {
    background: var(--zwart) !important;
}

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


/* slider */

.carousel .carousel-item .caption {
    bottom: 50%;
    left: 5%;
}

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

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

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

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

 .card-img-overlay {
  top: 50%;
  left: 50%;
  right: unset;
  bottom: unset;
  text-align: center;
  max-width: 300px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
}

.card-img-overlay h5 {
text-transform: uppercase;
font-weight: 700;
color: var(--zwart) !important;
font-size: 1.35rem;
padding: 0 0 3px;
display: inline-block;
position: relative;
}



 @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;
 }
}


@media screen and (min-width: 768px) {
    .adtm_menu_container {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1400px;
    }

    .carousel .carousel-item .caption p {
    font-size: 2.2rem !important;
}


    
}

/* productpagina */

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

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

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

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

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

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: var(--grijs);
}

#product-availability .material-icons {
    color: red!important;
}

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

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

.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--grijs)!important;
}

.product-add-to-cart {
    display: none;
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border:var(--grijs) 3px solid
}