.othershopbutton {float:right; margin-top:5px; margin-right:5px; margin-top:11px; }
.othershopbutton a{background:#023e86 !important; padding:10px 10px; color: #ffffff!important;}
.othershopbutton a i{font-size:15px;}



#header .header-nav .cart-preview.active {
    background: #F0141F;
}


#carousel .global-title {
    font-size: 50px;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

#carousel .caption-description p {color:#FFF !important}

#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 10px;
    outline: none;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 0px;
}
#search_widget form i {
    right: 10px;
}
#blockcart-modal .btn-primary {
    background:green;
}
.page-list li {
    padding:10px;
    border:1px solid #f5f5f5;
}
.page-list li a {
    font-size:14px!important;
}
.pagination .next, .pagination .previous {
    float:unset;
}
#cart .btn-primary {
    background:green;
}
.condition-label a {
    color:red;
}

.ets_title_block {
    color:black;
}
.ets_title_block:hover {
    color:black!important;
}
.ets-blog-wrapper .read_more {
    border-bottom:unset!important;
    float:right;
}
.ets_block_latest .read_more {
    border-bottom:unset!important;
    float:right;
}
.ets-blog-wrapper .read_more svg {
    width:40px;
    height:40px;
    color:black;
}
.ets_block_latest .read_more svg {
    width:40px;
    height:40px;
    color:black;
}
.ets_block_latest .title_block {
    font-size:40px;
    font-weight:bold;
    color:#000;
    margin-bottom:50px;
    text-align:center;
}
.dimacontent {
    padding:50px 0px;
    margin:50px 0px;
}
.dimacontent .dimacontent_title {
    text-align:center;
    color:#FFF;
    font-size:40px;
    font-weight:bold;
    margin-bottom:50px;
    text-transform:uppercase;
}
.dimacontent p {
    color:#FFF;
}
.dimabrands .dimabrands_title {
    text-align:left;
    color:#000;
    font-size:40px;
    font-weight:bold;
    margin-bottom:50px;
    text-transform:uppercase;
}



h1, h2, h3,h4, #category-description h1 strong { color:#F0141F !important; font-weight:bold !important;
}


.contact-rich a, p a { color:#F0141F !important; 
}


p, ul, ul li  {color:#222 !important; font-size:1.0rem !important;}

#category-description, #category-description p, #category-description p strong {color:#222 !important; font-size:1.0rem !important;}

#subcategories {text-align: center;}


.subcategories-wrapper {
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  text-align: center;
}

/* When expanded */
.subcategories-wrapper.expanded {
  max-height: 2000px; /* Enough to show all content */
}

/* Toggle button styling (optional) */
.toggle-subcats {
  margin-top: 10px;
  background: #eee;
  border: 1px solid #ccc;
  padding: 8px 14px;
  cursor: pointer;
  border-radius: 4px;
}

.block-category {
    min-height: 100px;
    margin-bottom: 1.563rem;
}


.subcategories-list li a {border:1px solid #ccc !important; float: left; width:100%; color:#999; padding:5px 0; font-size: 14px;}
.subcategories-list li a:hover {background: #ccc; color:#333 !important}
#subcategories ul li {

    margin: 2px 10px;

}

@media (min-width: 768px) {
  .top-menu [data-depth="2"] {
    display: none !important;
  }
}

#header .header-top a[data-depth="0"] {
    color: #333;

}

#header .top-menu a[data-depth="0"]:hover, a:hover{
    color: #f01520;

}


.mobile-toggle-cats {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.mobile-toggle-cats__icon {
  display: inline-block;
}

.mobile-toggle-cats__label {
  display: inline-block;
}

/* Optioneel: standaard .block-categories verbergen op mobiel */
@media (max-width: 768px) {
  .block-categories {
    display: none;
  }

  #subcategories {display:none !important}

}



.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    padding: .5rem 1rem;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    background: #f01520;
    border-radius: 0;
}


.btn.btn-primary {    background: #f01520;}