/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
/* whislistbutton verbergen na upgrade 1788*/


.products article .wishlist-button-add {
 
    visibility: hidden;
}


 /* klantenportaal */

a#emailsalerts {visibility: hidden}

a#discounts-link {visibility: hidden}

.page-my-account #content .links {display:block;}
.page-my-account #content .links a {height:100px;text-transform: none;text-decoration: none;}
.page-my-account #content .links a span.link-item {padding-top:40px;}


.page-my-account #content .links a#identity-link:hover span.link-item,
.page-my-account #content .links a#addresses-link:hover span.link-item {background-color:#96003E;color:#fff;text-decoration: none;}

.page-my-account #content .links a#history-link:hover span.link-item,
.page-my-account #content .links a#order-slips-link:hover span.link-item,
.page-my-account #content .links a#returns-link:hover span.link-item {background-color:#CEB222;color:#fff;text-decoration: none;}


.page-my-account #content .links a#shoppinglist-link:hover span.link-item {background-color:#0E7386;color:#fff;text-decoration: none;}

a#history-link {clear:both;}

footer.page-footer  a {text-align: center;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #7a7a7a;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem;}

#main .page-header h1 {padding-bottom:2.25rem;}

/* lijn voor surveys */
 
div.col-lg-12.card {border:none;box-shadow:none;}

section#wrapper {
	box-shadow: inset 0 4px 5px 0 rgb(0 0 0 / 11%);}

/* breder klantenportaal op desktop */


@media (min-width:1199px) {
	
.page-customer-account #content {margin-right:-200px;margin-left:-200px;}
	
/* loginformulier centreren */	
	
.page-customer-account #content.page-content.card.card-block {margin-right:auto;margin-left:auto;}	
	

}

#main .page-content div.orderslipmenu {margin-bottom:30px;}

#main .page-content div.orderslipmenu a {padding:15px;background-color:#AA5471;color:#fff;width:200px;text-decoration:none!important;font-size:16px;}

#main .page-content div.orderslipmenu a:hover {background-color:#fff;text-decoration:none;color:#AA5471;}

img.downloadmedio {
    width: 18px;
    margin-bottom: 3px;
}

table#order-list.std td {
height:40px;
	font-size: 16px;
    line-height: 24px;
}

#main .page-content a.downloadmedio {color:#AA5471}

#main .page-content a.aanmaken {color:#AA5471}

div#block-history a {cursor:pointer;}

table#order-list.std td, table#order-list.std th {border:1px solid #f6f6f6;padding:5px;}

 /* copyright */
 
 #footer span.copy {color: #7a7a7a;
    font-size: .875rem;
    cursor: default;}
	
	 
 /* social icons */
 
li.vimeo {background-image: url(../css/vimeo_40_normal.png);}
li.instagram {background-image: url(../css/linkedin_40_normal.png);}

li.vimeo:hover {background-image: url(../css/vimeo_40.png);}
li.instagram:hover {background-image: url(../css/linkedin_40.png);}

.block-social {width:100%;text-align:center;margin-top: 40px;}

.block-social li:hover {
    background-color: transparent; 
  
}
 
 
 /* advancedtopmenu */
 
#adtm_menu .adtm_unclickable {
cursor: default;
    pointer-events: none;
    color: #232323;
}

i.fa.fa-download {    color: #0E6C7E;
}

div.adtm_sub ul li, div.adtm_sub ul li a, div.adtm_sub ol li, div.adtm_sub ol li a {
 line-height:inherit;}
 
 #adtm_menu .adtm_column span.column_wrap_title, #adtm_menu .adtm_column span.column_wrap_title a {
    line-height: inherit !important;}
 
@media (max-width:1199px){
	
	div#zoektekst {    margin-top: -45px !important;}
	
	} 


 
@media (max-width:767px){
#header .header-nav {padding-top: 40px;margin-bottom: 0px;} 
#custom-text {padding:1.125rem;} 
div.block-contact.col-md-3.links.wrapper .hidden-sm-down {display:block !important;padding-left: 10px;margin-bottom: 50px;}
div.block-contact.col-md-3.links.wrapper div.hidden-md-up {display:none;} 
.h1, h1 {font-size: 1.475rem;}
div.robert3 {width:100% !important;}
div#footercontact {width:100% !important;padding-left: 10px;}
div#zoektekst { visibility:hidden;margin:0;}
} 

@media (max-width:335px){
#header .header-nav {padding-top: 75px;} 
#custom-text {padding:1.125rem;}} 

/*@media (max-width:1200px){div.bedrijven h2 {font-size:1rem}} */

@media (max-width:992px){

div.onderdiv {width:100% !important}

div.robert2 {width:100% !important;}
div#zoektekst {    margin-top: -35px !important;}

}


@media (min-width: 576px) {
.contact-rich .block a[href^="mailto:"] {
    font-size: .875rem;
	    padding-left: 55px;}}

img {max-width: 100%;height: auto;}
 
#main .page-header {margin-bottom: 0;}
#main .page-header h1 {padding-left: 1.25rem;padding-top: 1.25rem;} 
.h1, h1 {color: #0E6C7E } 
#custom-text h1 {padding-top: 20px;padding-bottom: 20px;}
.h2, h2 {color:#8B1841;} 
ul li, ul li a, ol li, ol li a  {font-size: 1rem;    padding-bottom: 10px;line-height: 1.50rem;} 
#main .page-content a,  #main .page-content span.link, #custom-text a, #custom-text span.link {color:#0E6C7E;text-decoration:underline;} 
#main .page-content ul {list-style: disc;padding-left: 18px; color:#474747;} 
#main .page-content iframe {max-width:100%;} 
div.hoofddiv {width:100%;float:left;clear:both;} 
div.onderdiv {width: 33%; float: left; text-align: center;} 
div.uitleg {float: left;width: 100%;margin-bottom: 40px;margin-top:40px;}  
#main .page-content ol  {color: #474747;padding-left: 18px;}
p.cover img {margin-right:10px;margin-bottom:10px;}

p {color: #474747;font-size:1rem}

#custom-text p {
    color: #474747;
 }
 
 
 .btn-primary {
    color: #fff !important;}


section#content .h2, section#content h2{font-size:1.25rem;padding-top: 20px;padding-bottom: 20px;}


.block-contact  {color: #7a7a7a;
    cursor: pointer;
    font-size: .875rem;
	    padding-bottom: 10px;
    line-height: 1.5rem;
	cursor:default;}
	
.block-contact a {color: #0E6C7E !important;
    text-decoration: underline;}

a.evxtopbar_i1 {cursor:default;}


div#link_webinars {    width: 220px;
    margin-left: 2.5rem;
    margin-top: 0.9375rem;
    text-align: right;
    white-space: nowrap;}

div.robert1 {width:100%}
div.robert2 {width:50%;float:left;}
div.robert3 {width:50%;float:left;padding:15px;}


div#footercontact {
	float: left;
    width: 25%;
}

div#footercontact h3 {
	font-weight: 700;
    font-size: 1rem;
	color: #232323;
	text-transform: uppercase!important;
	cursor:default;}
	

div#footercontact {
    color: #7a7a7a;
    cursor: pointer;
    font-size: .875rem;
    padding-bottom: 10px;
    line-height: 1.5rem;
	cursor:default;}
	
div#footercontact a {text-decoration:underline;color:#0E6C7E;}	


.text-sm-center {color:#7a7a7a}

div.contact-rich a {color:#0E6C7E; text-decoration:underline;}

.ps-alert-success .item {
    border-color: #8B1841;
    background-color: #8B1841;
}

.ps-alert-success .item i {
    border-color: #8B1841;
}


.ps-alert-success .item i svg {
    background-color: #8B1841;
}

footer.page-footer ul li a {text-decoration:underline;color:#0E6C7E;}


/* productkader */

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description

{height:35% !important}

#products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {height:75% !important}


#products .thumbnail-container:focus .highlighted-informations.no-variants, #products .thumbnail-container:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container:hover .highlighted-informations.no-variants, .product-accessories .thumbnail-container:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
bottom: 6.2rem;}


/* menu's onklikbaar maken*/


/*a[data-id="299"],
a[data-id="304"] {cursor: default;pointer-events: none;}*/



/*landingspage samenwerken*/



#land_samenwerking {text-align:center;}

#land_samenwerking p {padding-right:100px;padding-left:100px;}
#land_samenwerking h3 {padding-bottom:15px;}
.cms-id-77 h1 {text-align:center;    padding-left: 10px !important;
    padding-right: 10px;}


#land_samenwerking div.logo1 {width:100%;float:left;    margin-top: 50px;
    margin-bottom: 50px;}
#land_samenwerking div.logo2, div.land_samenwerking #logo3 {width:50%;float:left;text-align:center;}



#land_samenwerking ul li:before {
 content: '✓'; 
     margin-right: 20px;
    color: #0E6C7E;
    font-size: 25px;

}

#land_samenwerking ul {text-align:center;list-style:none !important; font-weight: 600;    margin-right: 30px;}

#land_samenwerking ul li {color: #0E6C7E;font-size:18px;}

#land_samenwerking #dienstverlening {padding-top:20px;padding-bottom:20px;margin-top:30px;margin-bottom:30px;border-top:1px solid #96003E;border-bottom:1px solid #96003E;text-align:center;clear:both;background-color: #F0F0F0;}

#land_samenwerking #dienstverlening .hwrap {    height: inherit;}

#land_samenwerking div.onderdiv {text-align:center;padding-right:80px;padding-left:80px;}

#land_samenwerking div.onderdiv p {padding:0;}

#land_samenwerking div.uitleg {margin-bottom:50px;}


a.buttonmedio:after {

    content: '>';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    text-indent: -999em;
   background: transparent url(../../../../img/cms/chevron16.png) no-repeat 50% 50%;
;
}	

a.buttonmedio {
	position: relative;
    display: inline-block;
    padding: 10px 35px 10px 25px;
	border: 4px solid #0E6C7E;
    border-radius: 10px;
    text-decoration: none;
    font-family: 'Neo Sans',Arial,sans-serif;
    color: #ffffff !important;
	text-decoration:none !important;
    text-align: center;
	background-color: #0E6C7E;
    transition: 0.3s;	
	}

a.buttonmedio:hover {
	background-color: #075867;
		border: 4px solid #075867;

	}
	
	
@media (max-width:767px){ 
#land_samenwerking p {
     padding-right: 0px; 
     padding-left: 0px; 
}

}	
	
@media (max-width:500px){ 


#land_samenwerking div.logo2, div.land_samenwerking #logo3 {width:100%;padding-bottom:20px;padding-top:20px;}

}


	
/* horizontal text slider */

/* (A) OUTER CONTAINER */
.hwrap {
  /* (A1) DIMENSIONS */
  width: 100%;
  height: 150px; /* OPTIONAL */

  /* (A2) COSMETICS */
 
  overflow: hidden; /* HIDE SCROLLBARS */
}

/* (B) MIDDLE CONTAINER - FLEX LAYOUT */
.hmove {
  display: flex;
  position: relative;
  top: 0; right: 0;
}

/* (C) SLIDES - FORCE INTO ONE LONG HORIZONTAL ROW */
.hslide {
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 10px;
}

/* (D) SLIDE ANIMATION */
@keyframes slideh {
  /* (D0) THE IDEA - USE KEYFRAMES TO SHIFT SLIDES *
  0% { right: 0; }
  33% { right: 100%; }
  66% { right: 200%; }
  100% { right: 0; }
 
  /* (D1) BUT THE ABOVE WILL SHIFT NON-STOP */
  /* SO WE ADD PAUSES BETWEEN EACH SLIDE */
  0% { right: 0; }
  30% { right: 0; }
  33% { right: 100%; }
  63% { right: 100%; }
  66% { right: 200%; }
  97% { right: 200%; }
  100% { right: 0; }
}
.hmove { animation: slideh linear 15s infinite; }
.hmove:hover { animation-play-state: paused; }	

div#zoektekst {float: right;margin-top:-60px;}

/* catalog blocks full width */

@media (min-width: 992px) {
div.col-lg-6.col-md-12.col-sm-12.content.right {
    width: 83%;
}}





/* dropdown search  foto veranderd door '>' */

.ui-widget-content img {visibility:hidden;height:20px;width:1px;}

span.product:before {content:">"; margin-right:8px;}