@import url('https://fonts.googleapis.com/css2?family=Galdeano&display=swap');

:root {
    --hb-green: #4b84a7;
    --hb-grey: #eee;
    --hb-white: whitesmoke;
    --hb-black: #333;
    --hb-orange: #f98f32;
}

.products .product_list li.item .thumbnail-container {border: solid 1px var(--hb-grey);}
.productpage_title {font-family: Galdeano, sans-serif; font-size: 1.5rem;}
#index .products .product_list li.product_item {display: none;margin: 0 0 1rem 0;}
.menu-title, .products-section-title, section h4{font-family: Galdeano, sans-serif;color: #2c2c2c;font-size: 1.3rem;}
.search-widget form button[type="submit"] {font-family: Galdeano, sans-serif;background-color: var(--hb-orange);font-size: 1rem;}
.products-section-title {font-weight: 400; background-color: var(--hb-orange); color: #f7f7f7;}
li.product-flag.new, li.product-flag.discount{font-weight: 400; background-color: #fd4c4c; color: #f7f7f7;}
#header .logo {width: 310px;}
#left-column .block .block_title {font-weight: normal;}
li.product-flag.new, li.product-flag.discount {border-left: 3px solid var(--hb-orange);}
#product .tabs .nav-tabs .nav-link.active, #product .tabs .nav-tabs .nav-link:hover, #product .tabs .nav-tabs .nav-link:hover, .cart-products-counthome, .block-social li:hover, .customNavigation a.prev:hover, .customNavigation a.next:hover, .block_newsletter form input.btn {background-color: var(--hb-orange);}
#tm_vertical_menu_top .block-title {background: var(--hb-orange);}
#tm_vertical_menu_top .block-title .menu-title {color: whitesmoke}
.service-cms-banner-list.service-2 {margin: 0 25px;}
#tmnavcmsblock {padding: 21px 0;}
#tmcmsinfo_block1 {text-align: center;}
.special-products .products .product_list .product-actions .btn.add-to-cart, .special-products .products .product_list .product-actions-main .btn.add-to-cart, #left-column .block_content .allproducts, .btn, .products .product_list .product-actions-main .add-to-cart, .products .product_list .quick-view, .tmcategory-container .categoryblock .block_content .categorylist .cate-btn a, .pagination .current a, .pagination a:hover, #authentication [data-action="show-password"], .input-group .input-group-btn > .btn {background-color: var(--hb-orange);border: none;}
.products .product-thumbnail {display: block;}
.vertical-menu .top-menu a:hover, #tm_vertical_menu_top .top-menu > li:hover > a, .breadcrumb a, #header .language-selector.dropdown:hover .expand-more, #header a:hover,.footer-container li a:hover, #header .blockcart .remove-from-cart .material-icons, .page-my-account #content .links a, .page-my-account #content .links a i {color: var(--hb-orange) !important;}
#subcategories ul li {width: 184px}
.top_button {background: url(../img/megnor/back-to-top.svg) no-repeat scroll 0 0 transparent}
.cart_block .block_content .checkout.card-block .btn.btn-primary.viewcart_button, body#checkout [data-action="show-password"] {
    background-color: var(--hb-orange);
    border:none;
}
.btn-primary:hover {border:none;}
.checkout .btn.btn-primary.checkout_button:hover {
    border:none;
}
#header .header-top .header_logo {
    padding: 16px 0;
}
#tmcms1block .bannercms-content1.full-banner, #tmcms1block .bannercms-content2.full-banner, .first-content.main-content .cms_content .cms-block, .second-content.main-content .cms_content .cms-block {
    top: 38%;
}
#left-column #tm_vertical_menu_top .material-icons.menu-open {background: url(../img/megnor/menu-hb.svg) no-repeat scroll center; background-size: 14px;}
.olive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Galdeano, sans-serif;
    font-size: 2rem;
    background-color: olive;
    padding: 10px;
    font-weight: 500;
    color: whitesmoke;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.sienna {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Galdeano, sans-serif;
    font-size: 1.8rem;
    background-color: sienna;
    padding: 10px;
    font-weight: 500;
    color: whitesmoke;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#tmcms1block {
    margin-bottom: 25px
}
#search_filters .ui-slider-horizontal {
    width: 285px;
}

.flexslider .caption-description .sliderbutton {
    background-color: var(--hb-orange);
}
#tmnavcmsblock .contact_description a::before {
    background: url(../img/megnor/offer-hb.png) no-repeat 0 0;
    width:16px;

}

.special-products img {
    width: 268px;
}
.left-part img {
    width: auto;
}
.input-radio:checked + span {
    padding: 10px 15px;
}
img {vertical-align: middle}
/* Verwijderen na dat de foto's in sub-categorieen zijn toegevoegd */

#subcategories ul li .subcategory-name {
    line-height: 1.2;
    font-size: 1.5em;
    background-color: var(--hb-orange);
    border: 3px solid lavender;
    border-radius: 5px;
    padding: 10px 5px;
    font-family: Galdeano, sans-serif;
    font-weight: 400;
    color: whitesmoke;
}

#subcategories ul li:hover .subcategory-name {
    color: whitesmoke !important;
}
#subcategories ul li {
    width: 274px;
}
/* Tot hier */

.bankwire-modal {
    text-decoration: underline !important;
    cursor: pointer;
    font-weight: bold;
}


.contact_description:hover a {
    color: var(--hb-orange);
}

#products .product-title a,
  .products .product-title a,
  .product-accessories .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
@media (max-width: 360px) {
    #header .logo {
        max-width: 75%;
    }
    .header-nav .menu-container {
        top: 23px !important;
    }
}
@media (min-width: 1450px) {
    .container {
        max-width: 1430px;
    }
}
@media (min-width: 1800px) {
    .container {
        max-width: 1600px;
    }
}
@media (max-width: 1441px) {
    #subcategories ul li {
        width: 204px;
    }
}

@media (max-width: 1441px) {
    #subcategories ul li {
        width: 204px;
    }
}

@media (max-width: 1025px) {
    #subcategories ul li {
        width: 207px;
    }
}

@media (max-width: 770px) {
    .service_title2 {
        font-size: 12px;
    }
    #subcategories ul li {
        width: 156px;
        margin-right: 90px;
    }
}

@media (max-width: 480px) {
    .service-cms-banner-list.service-1, .service-cms-banner-list.service-2, .service-cms-banner-list.service-3 {
        width: 90%;
    }
}

@media (max-width: 426px) {
    #subcategories ul li {
        width: 192px;
    }
}

@media (max-width: 376px) {
    #subcategories ul li {
        width: 355px;
    }
}

@media (max-width: 321px) {
    #subcategories ul li {
        width: 300px;
    }
}