/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/*
.page-content {
  background-color: #f7f1ec !important;
  height: 1000px;
}*/

.pagetitle {
  font-size: 80px;
}

.customcss {
  padding: 40px 50px 0 !important;
  background-color: #f7f1ec !important;
  margin: ;

}

.morespace {
  padding: 150px 50px 450px  !important;
  background-color: #f7f1ec !important;
  margin-bottom: 30px ;
}

.morespace p {
  font-size: 20px;
  line-height: 25px;
  color: black;
}

.morespace .btn {
  border-radius: 10px !important;
  font-weight: bold;
  font-size: 20px;
  margin-top: 30px;
}

.addmarginbottom {
  margin-bottom: 40px !important;
}


.maxheight h1 {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 80px;
  color: white;
  margin: 30px 60px 0 0  ;
}

.maxheight h2 {
  position: absolute;
  top: 0;
  font-size: 50px;
  color: white;
  margin: 30px 0 0 30px ;
  z-index: 1000;
}

.bigtitle {
  font-size: 60px !important;
}

.maxheight a {
  position: absolute;
}


.maxheight:first-child .row {
  padding: 0 15px !important;
  display: flex;
  justify-content: space-between !important;
  gap: 20px;
}

.maxheight:first-child .row div{
  height: 400px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  padding: 0 !important;
  perspective: 1px !important;
}

.maxheight .row div {

}

.maxheight:first-child .row img {
  border-radius: 20px !important;
  min-height: 400px !important;
  object-fit: cover;
  object-position: left;
}

@font-face {
  font-family: 'Mikah-Regular';
  src: url("../fonts/mikah-regular-webfont.woff2") format("woff2"),
       url("../fonts/mikah-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Broken-Detroit';
  src: url("../fonts/Broken-Detroit.ttf");
  font-style: normal;
  font-display: swap; 
}
.h5-main-bn > div:first-child .MhImage img {
  min-height: 500px !important;
}

.h5-main-bn > div:last-child .MhImage img{
  min-height: 500px !important;

}
.description-short ul {
  list-style: disc !important;
}

.dp-top.home-3 .mh-megamenu .navbar-nav > li > a {
  padding: 15px 0 !important;
}

.margintopadd {
  margin-top: 100px !important;
}

.h5-box-service > div:nth-child(2) .MhImage {
  margin-bottom: 50px !important;
  
  border-bottom: 1px solid black ;
  border-radius: none !important;
}

.h5-box-service > div:nth-child(2) .MhImage img {
  padding-bottom: 30px !important;
}

.h5-main-bn > div .MhImage {
  border-radius: 20px !important;
  min-height: 400px !important;
  margin: 20px;
}
.MhImage{


  max-height: 400px !important;
}

/*.MhColumn {
  padding: 0 !important;
}*/

.borderradius {
  margin-right: 5px !important;
}

.borderradius img {
  border-radius: 20px !important;
  margin-bottom: 20px !important;
}

.have-border .MhRawHtml:not(.block-title-style2) p {
  font-size: 20px !important;
  color: black !important;
  margin-top: 20px !important;
  line-height: 30px !important;
}

.h5-main-bn {
  padding-bottom: 20px !important;
}

.box-product.home-3.home-5 {
  padding: 0 0 50px 0 !important;
}

.textalignleft{
  text-align: left !important;
  margin-left: 20px !important;
  padding-right: 60px !important;
}

.textsubtitle {
  margin-top: 30px !important;
  font-size: 25px !important;
}

.sub-title-style2 {
  font-size: 65px !important;
}

.box-product.home-3 .MhRawHtml:not(.block-title-style2) {
  justify-content: left !important;
}

.container100 {
  width:1250px!important; 
  background-color: #000;
  height: 40px;
  padding: 13px 10px 0 10px;
  color: white;
  border-radius: 5px;
}



.h5-main-bn > div:first-child .image_description {
  left: 30px !important;
  top: 30px !important;
  height: 100% !important;
}
.h5-main-bn > div:nth-child(2) .MhImage:last-child .image_description {
  left: 30px !important;
  top: 30px !important;
  height: 100% !important;
}

.h5-main-bn > div:last-child .image_description {
  left: 30px !important;
  top: 30px !important;
  height: 100% !important;
  padding: 0 !important;
  width: auto !important;
  text-align: left !important;
  transform: translateX(0%) !important;
}


.h5-main-bn > div:nth-child(2) .MhImage:last-child .image_description h4, .h5-main-bn > div:last-child .image_description h4 {
  font-size: 45px !important;
}

.h5-main-bn > div:first-child .image_description h3 {
  font-size: 75px !important;
}





.d-flex {
  display: flex;
}

.bottomnav{
	background-color:#0a472e;
}

.sort-by-row,
.total-products {
  display: flex;
  align-items: center;
}
.total-products p {
  margin-bottom: 0;
}

body#checkout section.checkout-step #customer-form .input-group-btn .btn[data-action="show-password"]:before, body#checkout section.checkout-step #login-form .input-group-btn .btn[data-action="show-password"]:before, body#checkout section.checkout-step #invoice-address .input-group-btn .btn[data-action="show-password"]:before {
  line-height: normal !important;
}

body#checkout .custom-checkbox input[type="checkbox"] + span .checkbox-checked, body#checkout .custom-checkbox input[type="radio"] + span .checkbox-checked {
  font-size: 14px !important;

}

.custom-checkbox input[type="checkbox"] + span .checkbox-checked, .custom-checkbox input[type="radio"] + span .checkbox-checked {
  margin: 0 !important;
}

#checkout #wrapper {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.dp-top .header-btn:not(.btn-search).btn-acc {
  margin-right: 15px !important;
}

.h5-main-bn > div:first-child .image_description a {
  background: #ba2029 !important;
  color: white !important;
  border-color: white !important;
  border-width: 5px;
  font-weight: 800;
  position: absolute !important;
  bottom: 50px;
  right: -180px;
  padding: 0 !important;
  width: 50px !important;
  height: 50px !important;
}

.h5-main-bn > div:nth-child(2) .MhImage:last-child .image_description a{
  background: #ba2029 !important;
  color: white !important;
  border-color: white !important;
  border-width: 5px;
  font-weight: 800;
  position: absolute !important;
  bottom: 50px;
  right: -40px;
  padding: 0 !important;
  width: 50px !important;
  height: 50px !important;
}

.h5-main-bn > div:last-child .image_description a {
  background: #ba2029 !important;
  color: white !important;
  border-color: white !important;
  border-width: 5px;
  font-weight: 800;
  position: absolute !important;
  bottom: 50px;
  right: -20px;
  padding: 0 !important;
  width: 50px !important;
  height: 50px !important;
}

.h5-main-bn > div:nth-child(2) .MhImage:last-child .image_description a:hover, .h5-main-bn > div:last-child .image_description a:hover{
  background: white !important;
  color: #ba2029 !important;
  border-color: white !important;
  font-weight: bold;
}

.h5-main-bn > div:first-child .image_description a i {
  font-size: 40px !important;
  font-weight: 800 !important;
  margin: auto;
  padding-left: 5px;
}

.h5-main-bn > div:nth-child(2) .MhImage:last-child .image_description a i, .h5-main-bn > div:last-child .image_description a i {
    font-size: 40px !important;
  font-weight: 800 !important;
  margin: auto;
  padding-left: 5px;
}
.h5-main-bn > div:first-child .image_description a:hover {
  background: white !important;
  color: #ba2029 !important;
  border-color: white !important;
  font-weight: bold;
}

.btn-banner-style-2 {
  background: #ba2029 !important;
  color: white !important;
  border-color: #ba2029 !important;
  font-weight: 200 !important;
  width: 190px;
  text-align: center;
}

.btn-banner-style-2:hover {
  background: white !important;
  color: #ba2029 !important;
  border-color: white !important;
  font-weight: bold !important;
}

.btn {
  background: #ba2029 !important;
  color: white !important;
  border-color: #ba2029 !important;
  font-weight: 200;

  text-align: center;
  padding: 10px 15px;
}

.btn:hover {
  background: white !important;
  color: #ba2029 !important;
  border-color: #ba2029 !important;
  font-weight: bold;
}

#wrapper .breadcrumb-bg > .container > h1{
  color: #bac34e !important;
  font-size: 30px !important;
  text-align: center;
}

.breadcrumb a {
  color: white !important;
}

.MhRawHtml a {
  color: #ba2029;
  font-size: 20px !important;
  line-height: 30px !important;
}

.MhRawHtml a:hover {
  color: #010a06;
}

h3 {
  color: ;
}

.thumbnail-container .category-default a {
  color: #ba2029 !important;
}

.thumbnail-container .product-price-and-shipping {
  color: #ba2029 !important;
}

.thumbnail-container .pl-underline {
  background-color: #0a472e !important;
}

.product-quantity .add > button {
  width: 300px;
}

.mh-cart-dropdown-action .cart-dropdow-button{
  background: #bac34e !important;
  color: white !important;
  border-color: #bac34e !important;
  font-weight: 200;
  width: 150px;
  text-align: center;
  padding: 10px 10px;
  margin-left: 5px;
}

.mh-cart-dropdown-action .cart-dropdow-button:hover{
  background: #868b43 !important;
  color: white !important;
  border-color: #868b43 !important;
}

b, strong {
  color: #ba2029 !important;

}

.phone-number i{
  color: #ba2029 !important;
  font-size: 37px;
}



.h5-main-bn > div:first-child .image_description h4, .h5-main-bn > div:last-child .image_description h4{
  color: #ba2029 !important;
}

.footer-center{
  background-color: #252525 !important;
}

.h2-box-mainfooter.home-3:before {
  background: #aaaaaa !important;
}

.h2-box-copyright.home-3:before {
  background-color: #aaaaaa !important;
}

.h2-box-mainfooter.home-3 > div:first-child p:last-child a{
  border-bottom: 1px solid #ba2029 !important;
}

.block-social li a:before {
  color: #ba2029 !important;
}

.h2-box-copyright .MhRawHtml p span{
  color: #ba2029 !important;
}

.block-title-style2 h4{
  color: #ba2029 !important;
}

#back-top a{
  background:#ba2029 !important;
}

.thumbnail-container .add-to-cart{
  color: #000000 !important;
}

.thumbnail-container .add-to-cart:hover{
  color: #ba2029 !important;
}
#products .list .ajax_block_product .product-miniature{padding-bottom:0px;}





/*  */

.product_list .ajax_block_product{padding: 20px;}
#category .ajax_block_product .product-miniature,
#category-products2 .product-miniature{
	border: 1px solid #e1e1e1;
	    border-radius: 5px;
    padding-bottom: 40px;
    height: 100%;
}


.product_list .ajax_block_product .product-flags li{ 
    background-color: #ba2029;
    padding: 10px 20px;
    font-size: 1em;
}

.thumbnail-container .add-to-cart.disabled{color:#afafaf !important;    text-decoration: line-through;}
.h5-main-bn > div:first-child .image_description{text-shadow: 0 0 2px BLACK;}

.mh-fly-cart-total{background-image: inherit !important;}
.mh-cart-dropdown-action .cart-dropdow-button{background: #ba2029 !important; border-color: #610d12 !important;}
.header-top .header-logo-inner {
    text-align: left;
    padding: 30px 0;
    max-width: 150px;
}

.footer-center .MhRawHtml{margin-bottom:40px;}
#form_2328679731{display:none;}

.dropdown-menu.level1 li, .mh-megamenu.disable-canvas .dropdown-menu{
	overflow-y: scroll;
}


.dropdown-menu.level1 .col-md-4{
	overflow-x: hidden;
}

.dropdown-menu-inner .row{margin:0px;}










/* rood */
.pagination .current a,
.dp-top .header-btn:not(.btn-search) .mh-total,
.breadcrumb-bg,
.products-sort-order .select-list:hover,
.owl-theme .owl-buttons div:hover,
.mh-fly-cart-total,
.mh-cart-dropdown-action .cart-dropdow-button:hover{
	background-color: #ba2029 !important;
}
.mh-cart-dropdown-action .cart-dropdow-button:hover{border-color: #ba2029 !important;}

.pagination a:hover, .pagination a:focus,
.h2-box-mainfooter.home-3 .MhBlockLink li a:hover,
.mh-megamenu .dropdown-menu li a:hover,
.mh-megamenu .dropdown-menu a > .menu-title:hover,
.mh-megamenu .navbar-nav > li > a > .menu-title:hover,
.mh-megamenu .navbar-nav > li.active > a > .menu-title,
#content .cms-box span,
.mh-fly-cart .mh-fly-cart-icon{
	color:#ba2029 !important;
}
.product-image img{border-radius:5px;}
#blockcart-modal .product-price{line-height:2em;}
.header-logo img { padding-top: 20px !important}




/* grijs donker */
.pagination a:not(.previous):not(.next):hover,
.pagination a:not(.previous):not(.next):focus,
.mh-cart-dropdown-action .cart-dropdow-button{
	background-color: #b5b5b5 !important;
}

.mh-cart-dropdown-action .cart-dropdow-button{
	border-color: #b5b5b5 !important;
  margin-bottom: 10px;
}

.h2-box-mainfooter.home-3 > div:first-child p:last-child a:hover{
	color: #b5b5b5 !important;
}


/* grijs licht */
.dp-top .header-btn:not(.btn-search).btn-acc,
.dp-top .header-btn:not(.btn-search).btn-cart{
background-color: #f1f1f1 !important
}


.footer-container li a:hover{
	color: #f1f1f1 !important;
}


/* wit */
.pagination .current a{color:white;}


/* zwart */



#wrapper .breadcrumb-bg > .container > h1,
.wr-quicklogin .mhql-social-login .mhql-social-login-title,
.wr-quicklogin .mh-login-title,
.wr-quicklogin .mh-register-title,
#mh_block_top .popup-content .currency-selector li.current a,
.mh-megamenu.navbar .navbar-toggler,
.mh-remove-from-cart .material-icons{
	color:black !important;}
	

	
#mh_search_block_top .btn {
  width: 80px;
  right: 0;
}
#mh_search_block_top .btn span {
  width: 100%;
}
	

.page-home .h5-main-bn,
.page-home .hometextbox {
  display: flex;
  flex-wrap: wrap;
}
.page-home .hometextbox>.col-*,
.page-home .h5-main-bn>.col-* {
  float: none;
}

.page-content.page-cms {
  padding-left: 0;
  padding-right: 0;
}

#wrapper .breadcrumb ol li::after {
  top: 0;
}

.modal-body .row {
  display: flex;
}

#blockcart-modal .modal-header {
  background-color: #ba2029;
}

.btn {
  display: flex;
  align-items: center;
}
.btn .material-icons {
  position: relative;
  top: -3px;
}


.header-logo {
  position: relative;
  z-index: 1112;
}

#mh_search_block_top .btn-search,
.hd-name-btn {
  color: #ba2029!important;
}

#blockcart-modal .cart-content .cart-content-btn {
  flex-wrap: wrap;
}

#blockcart-modal {
  z-index: 1113;
}

body#checkout section.checkout-step .delivery-option,
#ddw-wrapper-calendar > .row,
#payment-form .row {
  display: flex;
}
#ddw-wrapper-calendar > .row {
  margin-bottom: 15px;
}
	
	
.header-nav	.topnav{
	background:#ba2029;

	text-align:center;
}

.header-nav	.topnav a{
	color: white;
	padding: 10px 0px;
	width: 100%;
	display: block;
}
.header-nav	.topnav a:hover{
	color:#000000;
}


/* .megamenu .special a span{
	color:#ba2029 !important;
	font-weight:bold !important;
} */

.dropdown-menu.level1 li, .mh-megamenu.disable-canvas .dropdown-menu {
    overflow-y: auto;
}
	
.page-content.page-cms .cms-box img{height:auto !important;}
	
.customcss{    float: left;    width: 100%;}

.morespace{float: left;padding: 20px 50px 0px !important;width: 100%;}
	
	
#index .footer-container {
    overflow:visible ; 
}	

.footer-worst-img{margin-bottom:0px!important;}
.footer-worst-img img{margin-bottom:0px !important;} 
	
	
.h5-main-bn > div .MhImage:before{
	z-index: 0 !important;
}
	
	
.h5-main-bn > div .MhImage .image_description{
	z-index: 0 !important;
}

	
	
/* XL */
@media (max-width: 1399.98px) {

}


/* LG */
@media (max-width: 1199.98px) {
  .box-product.home-3.home-5{ padding: 30px 0 !important;}
  .mb-md-3{margin-bottom:20px;}
  .h2-box-mainfooter > div:last-child .MhRawHtml h4{margin-bottom:0px !important;}
  #back-top {
    right: 80px;
    bottom: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dp-top.home-3 > div:first-child {
    width: 75%!important;
  }
  .dp-top.home-3 > div:nth-child(2) {
    top: 0!important;
  }
  .dp-top.home-3 > div:last-child {
    width: 35%!important;
    justify-content: flex-end!important;
  }
}

/* MD */
@media (max-width: 991.98px) {
	.mh-megamenu.disable-canvas .mh-top-menu{background: #161616;}
  .mh-megamenu.disable-canvas .navbar-nav li{
    border-bottom: 1px solid #717171;
    padding-left:10px;
    padding-right:10px;
  }
  .mh-megamenu.disable-canvas .navbar-nav .nav-item .caret{border-left: 1px solid #717171;}
  .h5-box-service{margin-bottom:30px;}
  .footer-container {    padding-bottom: 0px !important;}
  .dropdown-menu.level1 li,
  .mh-megamenu.disable-canvas .dropdown-menu{
  background:black;}
  .dropdown-menu.level1 .col-md-4{width:100%;}
  .dropdown-menu.level1{top:50px !important;}
  .dropdown-menu.level1 .mega-col{overflow-y: scroll;padding-bottom: 40px;z-index:9999999999;}


  .dp-top.home-3 > div:first-child {
    width: auto!important;
  }
  .dp-top.home-3 > div:nth-child(2) {
    top: 0!important;
  }

  .dp-top.home-3 > div:last-child #mh_search_block_top {
    z-index: 1113!important;
  }

  #mh_search_block_top .btn {
    right: 10px;
  }

  .maxheight:first-child .row {
    flex-wrap: wrap;
  }
}


/* SM */
@media (max-width: 767.98px) {  
  .footer-center .MhRawHtml .phone-number{ justify-content: center;margin:30px 0px;}
  .h5-main-bn > div:first-child .image_description h3 {
    line-height: initial!important;
  }
  .pagetitle {
    font-size: 46px;
    text-align: left;
  }
  .sub-title-style2 {
    font-size: 46px!important;
  }
}


/* XS */
@media (max-width: 575.98px) { 
.header-logo img {    max-width: 140px !important;}
#blockcart-modal .cart-content-btn > *{width:100%;}
}

	
	
.artikel label{
  width: 60%;
  text-align: left;
  padding-left:10px;
}

.artikel input{
  width: 20%;
}
.artikel span{
  width: 20%;
  text-align: right;
  padding-right:50px;
}
	
	

/* ---- 100 jaar jubileum-badge ---- */
#header {
  position: relative;
}

.jubileum-badge {
  --badge-size: 165px;   /* diameter van de badge */
  --badge-left: 63%;     /* horizontale positie = midden van de badge */
  --badge-top: 50px;      /* afstand tot bovenkant van de header */

  position: absolute;
  top: var(--badge-top);
  left: var(--badge-left);
  transform: translateX(-50%);
  width: var(--badge-size);
  height: auto;
  z-index: 1;
  pointer-events: none;  /* badge blokkeert geen klikken op het menu */
}

@media (max-width: 1199px) {
  .jubileum-badge {
    --badge-top: 190px;
    --badge-size: 120px;
    --badge-left: 70%;
  }
}

@media (max-width: 991px) {
  .jubileum-badge {
    --badge-size: 90px;
    left: auto;
    right: 15px;
    transform: none;
  }
}

@media (max-width: 575px) {
  .jubileum-badge {
    --badge-size: 64px;
    right: 10px;
  }
}