/**
 * Main Template CSS Stylesheet
 * 
 * BOOTSTRAP v3.1.4
 *
 */
 
.bestandenonzichtbaar {display:none;}


.bierviltjes,
.boekenleggers,
.briefpapier,
.bureaukalenders,
.doordrukblokken,
.doordruksets,
.enveloppen,
.flyers,
.folders,
.magazines,
.placemats,
.posters,
.schrijfblokken,
.stickers,
.tafelkaarten,
.visitekaartjes,
.vouwkalenders,
.wandkalenders {display:block;}

div.stock-wrapper {display:none !important;} 

 
 .artikelen {display:none ;}
 
 .accordion {
background-color: #EF8B0E;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-weight: bold;
  border-radius: 5px;
}

.button_in_cart {margin: 5px;}



.productDescription {text-align: left !important;}


.active, .accordion:hover {
  background-color: #662582;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
 
 .productSpecialPrice {
	 font-size: 35pt;
	 font-weight: bold;
	 margin-top: -30px;
}
 
.ssblock {
   color: red;
}

.custom-control-label {
  cursor: pointer !important;
}

/* optioneel: ook direct op de afbeelding */
.custom-control-label img {
  cursor: pointer !important;
}



/* Preloader basisstijl */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

/* Verbergen van preloader met fade-out */
#preloader.hidden {
    opacity: 0;
    pointer-events: none;
}

/* De laadspinner */
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #3498db;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Animatie voor de spinner */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Tekst onder de spinner */
#loading-text {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    font-family: Arial, sans-serif;
    animation: fadeText 1.5s infinite alternate;
}

/* Tekst laten pulseren */
@keyframes fadeText {
    from { opacity: 1; }
    to { opacity: 0.5; }
}


#indexCategories-pageHeading {display:none;}

#indexCategories-categoryDescription {font-size: 15pt; /* font-weight: bold; */ margin-bottom:30px; /*text-transform: capitalize; */}
/* #indexProductList-content {text-transform: capitalize;} */

.omschrijving {min-height: 96px;}


.categoryListBoxContents img {
	/* border-radius: 10px; */
	
	max-height: 200px; 
	width: 100%;
}

/*
.centerBoxContentsSpecials {
	max-width: 382px; 
	
}
*/

.categoryListBoxContents, .centerBoxContentsSpecials {
	width: 100%;
	max-width: 319px;
	
}


.catDescContent {margin-bottom: 50px;}

 
/* .verwijder {display:none;} */
 
 
H1 {font-size: 15pt;}
 
#navColumnOne {list-style: none; min-width: 350px;}
 
/*.sideBoxContent a { font-size: 20pt; color:#ff0000; 


} */
 
 
[type="button"] .button_shipping_estimator {display:none;}
 

.categoryImg { margin-bottom: 20px;} 
 
 
.productPriceDiscount {
font-size: 20pt;
color:#fff;
font-weight: bold;
/* border: 3px solid #662582; */
display:block;
padding: 3px;
margin-bottom: 10px;
background: #ef8b0e;
  border-radius: 5px;
text-align:center;
max-width: 300px;


}

.list-group-item a{font-size: 11pt !important;}


.productPriceDiscount a{
font-size: 20pt;
color:#fff;
font-weight: bold;
/* border: 3px solid #662582; */
display:block;
padding: 3px;
margin-bottom: 10px;
background: #ef8b0e;

}

.specialname {
	
	height:100px;
	
}

.normalprice {
font-size: 20pt;
 
	 
 }
 
 
 @media (min-width: 576px) {
  .card {
    margin-left: 0px;
  }
}
 
 
 
 
.voorbeeld a{
font-size:bold;
padding:5px;
border:solid 1px #40c2cb;
border-radius: 5px;
color:#fff;
background: #40c2cb;
}

.voorbeeld a:hover{
font-size:bold;
padding:5px;
border:solid 1px #40c2cb;
border-radius: 5px;
color:#fff;
background: #40c2cb;
}

.centerBoxHeading {
	padding: 10px;
	border-radius: 3px 3px 0px 0px;
	
}

.centerBoxContentsNew {font-size: 15px; font-weight: bold;}
.centerBoxContentsNew a {font-size: 15px; font-weight: bold;}

#cartBoxEmpty {
	padding:10px;
}

.productBasePrice {	
	width: 100 px;
/*	border: 1px #000 solid; */
	float: left;
}

.button_buy_now {
	float: left;
	width: 100%;
/*	border: 1px #000 solid; */
}

 
#logoWrapper img{margin-top: 10px;}
.colfooter {background:#000; padding:15px; color:#fff;}

.productBasePrice, .itemTitle {
	font-size: 25pt;
	font-weight:bold;
	padding-right:15px;
	
}
 
#shoppingCartDefault-shoppingEstimator-btn-toolbar { display:none; }
 
.productListing-data {
	
 width:25%; 
margin-top: 25px;
text-align: left !important;
} 
 
.productListing-heading {
	/* min-width:300px; */
	 text-align: center;

 }

#taglineWrapper {margin-top: 0px; padding: 15px 20px 20px 0px;}
#navCatTabs {font-weight:bold;}
 
 
.clearBoth {
   clear: both;
}	

.forward {
    float: right;
}
.back {
    float: left;
}



 
.categoryListBoxContents a{
	font-weight:bold;
/*	font-size: 15pt; */
	/*text-transform: capitalize; */
	text-align: center;
	
}

.categoryImage img{
	margin:10px;
	}
	
.leftBoxCard, .rightBoxCard a { font-size:12pt; } 

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {font-weight: bold;}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none;  color: #EF8B0E;}

a:active { text-decoration: none; }


#categories-leftBoxCard a {	
font-weight: bold; 	
font-size: 13pt; 
/*text-transform: capitalize; */
}

/* This is used to re-size images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.qmix > br {
    display: none;
}

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
}

#back-to-top {
    position: fixed;
    bottom: 5rem;
    right: 1rem;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top.show {
    opacity: 1;
    z-index: 1;
}

#categoriesTreeview  ul li {
    display: block;
}


#categoriesTreeview ul {
    display: block;
}

#categoriesTreeview ul ul {
    display: block;
}


/* set height of scrollable area in mobile menu */
div#navbarSupportedContent {
    max-height:90vh;
    overflow-y:auto;
}

.zca-banner {
    text-align: center;
}

.ot-title {
    text-align: right;
}
.ot-text,
.totalCell {
    text-align: right;
}

.centeredContent {
    text-align: center;
    padding: 1rem;
}

table.tabTable td {
    padding: 0.5rem;
}
#indexProductList-cat-wrap {
    margin-bottom: 1rem;
}
#productsListing-bottomRow {
    margin-top: 1rem;
}

/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}   
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count:2;
  column-count: 2;
}   
}




