/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
body {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}

* {box-sizing: border-box;
   padding: 0;
   margin:0;}

html {
    background-color: transparent;
}
.pr-header {
color: #000;
background-color: transparent;
}

.page {
    background-color: 
    transparent;
}

.regions {
     background-color: 
    transparent;
    padding: 0;
}

.l-r {
    flex: 0 0 auto;
    padding: 0;
    width: 100%;
}

.pr-header{
    height: 235px;
}

.node {
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;;
}
.cart-empty-page {width: 95%; margin: auto;}


/*BRANDING */

#masthead {background-color: #000;}

.pr-navbar {
    color: #ffffff;
    background-color: #e3742c;
    height: 93px;
}

#block-bestelmelding {
    width: 300px;
    margin-left: 300px;
    margin-top: -112px;
    background-color: #867742;
    padding: 10px;
    height: 75px;
    color: #000;
}

#block-bestelmelding p {color: #fff; font-size: 1.2em; line-height: 1.3em;}


/*SOCIAL MEDIA*/
#socmed {width: 150px;
position: absolute;
    right: 280px;
}
.buttonsmall {float: left;}

#facebook {
    height: 30px;
    opacity: 1;
    width: 30px;
	float: left;
	margin-left: 5px;
}
#facebook img:hover {
    animation-duration: 1s;
    animation-name: buttontransition;
    height: 30px;
    opacity: 0.2;
    width: 30px;
}

#instagram {
    height: 30px;
    opacity: 1;
    width: 30px;
	float: left;
	margin-left: 5px;
}
#instagram img:hover {
    animation-duration: 1s;
    animation-name: buttontransition;
    height: 30px;
    opacity: 0.2;
    width: 30px;
}


#mail {
    height: 30px;
    opacity: 1;
    width: 30px;
	float: left;
	margin-left: 5px;
}
#mail img:hover {
    animation-duration: 1s;
    animation-name: buttontransition;
    height: 30px;
    opacity: 0.2;
    width: 30px;
}

#tel {
    height: 30px;
    opacity: 1;
    width: 30px;
	float: left;
	margin-left: 5px;
}
#tel img:hover {
    animation-duration: 1s;
    animation-name: buttontransition;
    height: 30px;
    opacity: 0.2;
    width: 30px;
}	
/*END SOCIAL MEDIA*/

.site-branding__logo-img {width: 50%; height: auto;     
    margin-left: 50px;
}

.block-branding__content site-branding { margin-top: 100px;}


.site-branding__slogan {
    margin-top: 61px;
    margin-left: -221px;
    font-style: normal; 
    font-family: gotham;
    font-weight: lighter; 
    color: #fff;
}

.site-branding__name-link:link, .site-branding__name-link:visited {
    color: #eee;
}

/* MEGA MENU */

#block-webshopmenu {background-color: #867742;
margin-top: 20px;}

.navbar-we-mega-menu > .container-fluid {
    padding-left: 0;
    padding-right: 0;
    background-color: none;
}

.navbar-we-mega-menu {
    background: none!important;
    border: 0 none;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: inherit;
    max-width: 100em;
margin-left: auto;
    margin-right: auto;

}

.block-plugin-id--we-megamenu-block-webshop {background-color: none;}



/* a:link */

.we-mega-menu-ul > .we-mega-menu-li {
    margin: 0;
    border-left: 1px solid rgba(0,0,0,0.1);
    background: none;
    color: #000 !important;
}

.we-mega-menu-ul > .we-mega-menu-li > a {
    background-color: #867742 !important;
    color: #fff;
}

/* hover */

.we-mega-menu-ul > .we-mega-menu-li > a:hover {
    background-color: #000 !important;
    color: #fff;
}

/* active */

.we-mega-menu-ul > .we-mega-menu-li.active > a, .we-mega-menu-ul > .we-mega-menu-li.active > a:hover, .we-mega-menu-ul > .we-mega-menu-li.active > a:focus, .we-mega-menu-ul > .we-mega-menu-li.active-trail > a, .we-mega-menu-ul > .we-mega-menu-li.active-trail > a:hover, .we-mega-menu-ul > .we-mega-menu-li.active-trail > a:focus {
    background-color: rgba(0,0,0,0.4) !important;
    color: #fff;
    border: 0 none;
}





/* menu productgroepen */

div.sf-accordion-toggle.sf-style-black a {
    background: #151515;
    border: 1px solid #000;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 1em 3em 1em 1em;
    position: relative;
    font-size: 0.7em;
}

#block-webshop { margin-left: 300px;
    margin-top: -40px;
    max-width: 600px;
    position: absolute;
}

.pr-navbar .regions {
}
/*
.messages--status {display: none;}
*/
/* pagina's */

#main-content {
    padding-bottom: 15%;
   
}

#block-webshop-local-tasks {width: 90%; margin-left: auto; margin-right: auto; margin-top: 50px; }

#user-login-form {width: 90%; margin-left: auto; margin-right: auto;}

.view-id-commerce_cart_form {width: 90%; margin-left: auto; margin-right: auto;}

.layout-checkout-form {width: 90%; margin-left: auto; margin-right: auto;}


.l-rw {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 100%;
    width: 100%;
}


/* categorie selecties */

#edit-type {float: left;}

#edit-submit-winkel     {
    margin-left: 310px;
    margin-top: -56px;
}

.form-type-select__select-wrapper:not(.is-multiple) .form-select {
    text-indent: 0.1875rem;
    padding-right: 1.5rem;
    margin-right: 0.5rem;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
     border-color: #837c6f;
     color:#837c6f;
    margin-bottom: 20px;
}

/* home product knoppen */
.productknop h2 a {font-size: 0.8em;
border-top-color: #000;
border-top-style: solid;
border-top-width: thick;
padding-top: 5px;}

.productknop h2 a:link {color: #000;}
.productknop h2 a:visited {color: #000;}
.productknop h2 a:hover {color: #000;
text-decoration: none;}
.productknop h2 a:active {color: #000;}


.productknoppen {
  width: 100%;
  margin: 0px auto;
  position: relative;
  text-align: center;
      padding: 10px;
    border-radius: 0px;

}
.productknop img {border-radius: 0px;}

.productknoppen .productknop {
  height: 300px;
  width: 300px;
  display:inline-block;
  margin: 15px;
	vertical-align: top;
    
	
}

/* ------------------------------------------------*/

/*FRONTPAGE*/

#leaderboard {position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index:-1;
}


.node--type-frontpage {margin-top: 30% !important;
padding: 15px !important;
padding-bottom: 30px !important;
background-color: #000;}

.node--type-frontpage h1 {text-align: left !important;
max-width: 1200px; 
    margin-left: auto !important;
margin-right: auto !important;
font-size: 4em;
color: #867742;}

.node--type-frontpage p {text-align: left !important;
font-size: 1em;
max-width: 1200px; 
margin-left: auto !important;
margin-right: auto !important;
    color: #fff;}

/* flexslider */
.flexslider {
    margin: -20px 0 60px !important;
    background: #000;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#block-chocolade {padding: 15px !important;
padding-bottom: 50px !important;
background-color: #000;
    margin-top: -60px;
    border-bottom-color: #867742;
    border-bottom-style: solid;
    border-bottom-width: 10px;
}

#block-chocolade h2 {text-align: center !important;
font-size: 2.2em;
line-height: 3em;
color: #867742;}

#block-chocolade p {text-align: center !important;
font-size: 1.2em;
max-width: 1200px; 
margin-left: auto !important;
margin-right: auto !important;
    color: #fff;
font-family: Constantia,"Lucida Bright","DejaVu Serif",Georgia,"serif";
font-style: italic;
}

/* office hours */

.filiaal .node__title {color: #867742;}
#block-views-block-openingsuren-block-1 {background-color: #fff;
width: 30%; 
padding-top: 30px !important;
padding-bottom: 30px !important;
padding-left: 50px !important;
margin-top: -20px !important;
border-right-color: #c86416;
border-right-style: dotted;
border-right-width: thin;
float: left;
height: 280px;}

.view-openingsuren { width: 300px; 
font-size: 0.8em;}

.office-hours-status {
    font-style: normal;
    font-weight: bolder;
    color: #867742;
}

.office-hours {
height: 100px;
font-size: 0.9em;
color: #666;
line-height: 1.4;
font-weight: lighter;}


/*webform */

#webform-submission-bakker-bert-node-12-add-form {float: right; width: 70%; background-color: #fff;
padding: 15px;
font-size: 0.8em;
margin-top: -20px !important;
height: 280px;}

#edit-uw-e-mail-mail-2 {margin-top: 5px;}

#edit-uw-e-mail-mail-2--2 {margin-top: 5px;}

#edit-uw-bericht {width: 70%;
float: left;
    margin-right: 20px !important;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1em;
    height: 95px;
    margin-top: 15px;
}

#edit-uw-bericht--2 {width: 70%;
float: left;
    margin-right: 20px !important;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1em;
    height: 95px;
    margin-top: 15px;
}

#user-login-form {}


#edit-captcha-response {width: 10%;
float: right;}

#edit-captcha-response--2 {width: 10%;
float: right;}

#edit-captcha-response--description {display: none;}
#edit-captcha-response--2--description {display: none;}

#webform-submission-bakker-bert-node-22-add-form .captcha {margin-top: 15px;}
#webform-submission-parfait-menen-node-23-add-form .captcha {margin-top: 15px;}


textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    color: #363636;
    border-color: #cccccc;
    background-color: #ffffff;
    font-size: 1em;
}
/*filialen*/

#block-views-block-filialen-block-1 {background-color: #fff;
margin-top: -20px;}

.filialen .filiaal {
  width: 45%;
  display:inline-block;
  margin: 15px;
	vertical-align: top;
    
    
	
}

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


/* END FRONTPAGE------------------------------------------------*/

/* PRODUCTEN */

#block-themewebshop-page-title {text-align: center; color: #867742; font-weight: bolder; font-size: 3em; }

.producten img {border-radius: 0px;}

.producten {
  width: 100%;
  margin: 0px auto;
  position: relative;
  text-align: center;
	border-radius: 0px;

}
.producten img {border-radius: 0px; padding: 5px; border-color: #867742; border-width: thin; border-style: solid;}

.producten .product {
  height: 600px;
  width: 300px;
  display:inline-block;
  margin: 15px;
	vertical-align: top;
    
	
}

.product {
    padding: 10px;
    border-bottom-style: dotted; 
    border-bottom-width: thin; 
    border-bottom-color: #867742;
    border-radius: 0px;
}



/*titel product*/

.field-commerce-product--title {
    height: 40px;
    font-size: 1.2em;
    font-weight: regular;
    color: #000;
    text-align: center;
    padding-top: 10px;
    line-height: 1em;
    padding-left: 0px;
    margin-left: -10px;
}


/*beschikbaarheid */


.field-commerce-product--field-beschikbaarheid {
    height: 40px;
    width: 280px;
    background: rgba(79,70,37,0.72);
    border: none;
    overflow: hidden;
    padding-top: 11px;
    text-align: center;
    color: #000;
    position: absolute;
    margin-top: 438px;
    font-size: 0.8em;
}

/* PRODUCTFOTO*/

.field-commerce-product--field-productfoto {max-width: 298px; height: auto;
margin-top: 15px;}

.field-commerce-product--field-productfoto img {width: 100%; height: auto;}

/*beschrijving product */

.field-name-field-productomschrijving {
    height: 20px;
    display: block;
    width: 280px;

}

.field-name-field-productomschrijving p {
    font-size: 12px;
    line-height: 1em;
    font-weight: lighter;
}




/* PRIJS */

/* prijs zonder variaties */

.field--type-commerce-price input { 
    padding: 0px; background: none;
width: 60px;
margin-left: 20px;
margin-top: -52px;
border: none;
color: #666;
font-weight: bolder;
padding-top: 7px;
}

.field--type-commerce-price {
    display: block;
    font-weight: regular;
    color: #837c6f;
    position: absolute;
    margin-left: 195px;
    border-top-color: #000;
    border-top-style: solid;
    border-top-width: thick;
    padding-top: 5px;
    padding-bottom: 18px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: none;
    width: 80px;
}

 .description {
    display: none;
}

.field--type-commerce-price::before {
  content: "€";
  display: block;
    float: left;
    width: 15px;
    padding-top: 6px;
    font-weight: bolder;
    color: #837c6f;
}




/* uitzetten variatias op de pagina's met de klasse 'variations'*/

.variations .field--type-commerce-price {display: none;}

/*.variations .form-type-select__select-wrapper {display: none !important;}*/


/* prijs bij variaties*/

.field-type-commerce-price {
padding: 0px;
width: 78px;
border: none;
color: #837c6f;
font-weight: bolder;
position: absolute;
margin-top: 290px;
margin-left: 197px;
padding-top: 15px;
padding-bottom: 18px;
padding-left: 0px;
padding-right: 7px;
    border-top-color: #000;
border-top-style: solid;
border-top-width: thick;
}



#form-type-commerce-price {display: none;}



.field-suffix {display: none;}

.form-type-commerce-price label {display: none;}

/* PRODUCTFOTO*/

.field-commerce-product--field-productfoto {max-width: 298px; height: auto;
margin-top: 15px;}

.field-commerce-product--field-productfoto img {width: 100%; height: auto;}

/*beschrijving product */

.field-name-field-productomschrijving {
    height: 50px;
display: block;
width: 280px;
position: absolute;
margin-top: 90px;

}

.field-name-field-productomschrijving p {
    font-size: 12px;
    line-height: 1em;

}

/* BESTELITEMS ADD TO CART */

/*variaties - keuzeopties*/

.field--widget-commerce-product-variation-attributes label {
 display: none;
}

.field--widget-commerce-product-variation-attributes {
    height: 30px;
    padding-top: 5px;
    position: absolute;
    display: block;
    width: 100px;
    margin-top: 45px;}

/*input field bij keuzmogelijkheden variaties*/
    
.form-type-select__select-wrapper:not(.is-multiple) .form-select {
    text-indent: 0.1875rem;
    padding-right: 1.5rem;
    margin-right: 0.5rem;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #837c6f;
    color: #837c6f;
    margin-bottom: 20px;
    font-size: 0.7em;
}

.form-type-select__select-wrapper:not(.is-multiple) {
    position: relative;
    display: inline-block;
    width: 130%;
}
    

/* wrapper hoeveelheid en bestelknop */

#commerce-order-item-add-to-cart-form {margin-top: 70px;
position: absolute;}

#commerce-order-item-add-to-cart-form .novariations {position: absolute; margin-top: -50px;}


/* hoeveelheid */

#edit-quantity-wrapper {

}


.field--name-quantity label {display: none;}

.field--name-quantity input {width: 50px; margin-top: 50px; margin-left: 50px;}

 .novariations .field--name-quantity input {

    width: 60px;
    margin-top: 20px;

}


.field-commerce-order--total-price {display: none;}

/* bestelknop */




.button--add-to-cart {
    color: #fff !important;
    background-color: #000 !important;
    border: 1px #666 solid;
    padding: 10px;
    padding-bottom: 25px;
    padding-top: 15px;
    border-radius: 0px;
    line-height: 3px;
    font-size: 0.8em;
    margin-top: -47px;
    float: right;
    margin-left: 195px;
    height: 30px;
    width: 200px !important;

}


.button--add-to-cart:hover { 
    color: #fff;
    background-color: #cbd300 !important;
    border-radius: 0px;
    border: none;
}

/* ALLERGENEN */
.field-commerce-product-field-allergenen {margin-top: 90px;}
.field-commerce-product-field-allergenen .field__label {font-size: 0.8em; font-weight: lighter; text-transform: uppercase; padding-bottom: 7px;}

.vocabulary-algergenen .taxonomy-term__title { 
    padding: 0; display: none;
}

.vocabulary-algergenen .field-type-image figure {
    margin-bottom: 1rem; 
    width: 60px; height: 60px;
}
.field-entity-reference-type-taxonomy-term .field__item {
    margin: 0rem 0;
    display: inline-block;
    vertical-align: top;
   
}

.field-entity-reference-type-taxonomy-term .field__item img  { border: none;}


.field-entity-reference-type-taxonomy-term .field__item-wrapper::after {
    content: " " !important;
    display: inline-block;
}
/*

.field-entity-reference-type-taxonomy-term .field__item:first-child {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/aardnoten.png");  }

.field-entity-reference-type-taxonomy-term .field__item:nth-child(2) {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/ei.png");  }

.field-entity-reference-type-taxonomy-term .field__item:nth-child(3) {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/gluten.png");  }

.field-entity-reference-type-taxonomy-term .field__item:nth-child(4) {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/melk.png");  }

.field-entity-reference-type-taxonomy-term .field__item:nth-child(5) {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/noten.png");  }

.field-entity-reference-type-taxonomy-term .field__item:nth-child(6) {display: inline-block; width: 55px; height: 55px; background-image:url("../../../../sites/default/files/allergenen/soja.png");  }

.field-entity-reference-type-taxonomy-term .field__item-wrapper {display: none;}
*/

[span~="ei"] {color: red;}

/* ------------------------------------------------*/
/*LOGIN paswoord vergeten */

#edit-login-returning-customer-submit {margin-top: 15px !important;
    margin--right: 10px;
}

#edit-login-returning-customer-forgot-password { 
    width: 200px;
    color: #000;background-color: #eee;
    border: 1px
    #666 solid;
    padding: 14px;
    border-radius: 0px;
    line-height: 3px;
    font-size: 0.8em;
    float: right;
    margin-top: 15px !important;
 
}

#edit-login-returning-customer-forgot-password:hover { 
    width: 200px;
    color: #fff;
background-color:
#000;
border: 1px
    #666 solid;
    padding: 14px;
    border-radius: 0px;
    line-height: 3px;
}



/* winkelmand */

#block-winkelwagen-2 {background-color: #000;
    width:300px;padding: 3px;
    padding-left: 10px;
position: absolute; 
    right: 0;
margin-top: 0px;}

#block-winkelwagen-2 a:link {color: #fff;
text-decoration: none;}

#block-winkelwagen-2 a:visited {color: #fff;}
#block-winkelwagen-2 a:hover {color: #ccc;}
#block-winkelwagen-2 a:active {color: #fff;}

.cart-block--contents{
    background-color:#000;
    color:#fff;
    font-size: 0.8em;
    padding: 4px;
    width: 300px;
    margin-left: -10px;}

.cart-block--contents a:link {color: #000;
text-decoration: none;}
.cart-block--contents__links a:visited {color: #666;}
.cart-block--contents__links a:hover {color: #666;}
.cart-block--contents__links a:active {color: #000;}

/* checkout */


/*betaalmethodes*/

#edit-payment-information legend { display: none;}

#edit-payment-information-payment-method{
  background-image: url("http://www.espero-oostduinkerke.be/online-betalen.jpg");
  background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
    margin-top: 20px;
    
}

.form-item, .form-radios, .form-checkboxes {
    margin: 0px;
}

#edit-payment-information-billing-information {max-width: 600px;}


#edit-checkout.button {background-color: #000; color: #fff;}
#edit-checkout.button:hover {background-color: #cbd300; color: #000;}

#edit-login-guest-continue.button {background-color: #000; color: #fff;}
#edit-login-guest-continue.button:hover {background-color: #cbd300; color: #000;}

#edit-actions-next.button {background-color: #000; color: #fff;}
#edit-actions-next.button:hover {background-color: #cbd300; color: #000;}

.form-submit { width: 200px;
    color:  #837c6f;
background-color: #eee;
border: 1px
    #666 solid;
    padding: 10px;
    border-radius: 0px;
    line-height: 3px;
    font-size: 0.8em;


}


.form-submit:hover { 
    width: 200px;
    color: #fff;
background-color: #cbd300;
border: 1px
    #666 solid;
    padding: 10px;
    border-radius: 0px;
    line-height: 3px;
}

.link--previous { width: 100px;
    color: 
#000;
background-color:
#eee;
border: 1px
    #666 solid;
    padding: 10px;
    border-radius: 0px;
    line-height: 10px;
    font-size: 0.8em;
    height: 33px;
    text-align: center;
}

.link--previous:link { 
    color: #000;   
}

.link--previous:visited { 
    color: #000; 
}

.link--previous:hover { 
    color: #fff;
background-color:
#000;
border: 1px
    #666 solid;
    padding: 10px;
    border-radius: 0px;
    text-decoration: none;
}

.link--previous:active { 
    color: #000;   
}

#edit-order-fieldscheckout-field-tijdstip-wrapper h4 {padding-bottom: 8px;
font-size: 0.8em;}

/* ------------------------------------------------*/

/* OVERZICHTEN */

#edit-review-contact-information a {color: #ccc;}
#edit-review-billing-information a {color: #ccc;}

/* account aanmaken na eerste bestelling */

.commerce-checkout-completion-register__text {margin-top: 20px;
border-top-style: dotted;
border-top-width: thin;
border-top-color: #000;
padding-top: 10px;}


/* ------------------------------------------------*/
/* uitzetten melding adaptivethemes.com */

.attribution__link {display: none;}


/*FOOTER */

#footer {position: fixed;
width: 100%;
    bottom: 0;
    padding-left: 20px;
}

.pr-footer {color: #fff;
background-color: #000;
}

/* ------------------------------------------------*/

#edit-my-checkout-pane-custom-message {
    color: #867742;
    font-size: 0.8em;
    margin-left: 60px;
    float: left;
    margin-top: -27px;
}

#edit-order-fieldscheckout-field-privacy-voorwaarden-wrapper .form-type-radio .option, .form-type-checkbox .option {
    padding: 0.3125rem 0.5rem;
    border-radius: 0px;
    font-size: 1em;
}

.checkout-complete__payment-instructions {color: #867742;
margin-top: 20px;
border-color: #867742;
border-widht: thick;
border-style: solid;
padding: 10px;}



#edit-review-order-fieldscheckout {display: none;}


#block-loginformpopup {
    width: 100px;
    float: left;
    padding-top: 13px;
    text-transform: uppercase;
}

.Login-popup-link a:link {color: #fff;}
.Login-popup-link a:visited {color: #fff;}
.Login-popup-link a:hover {color: #eee;}
.Login-popup-link a:active {color: #fff;}

/* ------------------------------------------------*/
/* lijsten */

.view-header a {color:rgba(0,145,155,1.00);}
table.views-table,.overzichtproducten {min-width: 500px;}

.views-exposed-form {width: 1000px;}

h1, .h1 {

    font-size: 1.625rem;

}

tr, td, th {
    border-color: #666;
    font-size: 0.9em;
    font-weight: lighter;
}

#edit-actions--2 .form-submit,.overzichtproducten {width: 250px;}
#edit-actions--2 .form-submit:hover,.overzichtproducten {width: 250px;}

#edit-actions .form-submit,.overzichtproducten {width: 250px;}
#edit-actions .form-submit:hover,.overzichtproducten {width: 250px;}

/* FAVORIETEN BLOCK*/

#block-views-block-producten-test-block-1-title {color: #cbd300;
text-align: center;
border-top-style: solid;
border-top-width: thick;
border-top-color: #cbd300;
padding-top: 20px;}





/* overzichten bestellingen */


.overzichtproducten table.views-table {max-width: 900px;}

.views-exposed-form .form-item-type {width: 100px;}

.views-exposed-form .form-item-state {width: 100px;
margin-left: 50px;}

.form-item-action {max-width: 200px;}


table {
  width: 100%;
  margin: 0 0 10px;
    font-size: 1em;
}

thead, tbody, tr, th, td {

    border-width: 0px;

}

table a:link {color: #666;}
caption {
  text-align: left; /* LTR */
}
[dir="rtl"] caption {
  text-align: right;
}
th {
  padding: 10px 12px;
  text-align: left; /* LTR */
}
[dir="rtl"] th {
  text-align: right;
}
thead th {
  text-transform: uppercase;
  color: #333;
  border: solid #bfbfba;
  border-width: thin 0;
  background: #f5f5f2;
}
tr {
  padding: 0.1em 0.6em;
  border-bottom: thin solid #e6e4df;
}
thead > tr {
  border-bottom: thin solid #000;
}
tbody tr:hover,
tbody tr:focus {
  background: #eee;
}
/* See colors.css */
tbody tr.color-warning:hover,
tbody tr.color-warning:focus {
  background: #eee;
}
tbody tr.color-error:hover,
tbody tr.color-error:focus {
  background: #eee;
}

table.no-highlight tr.selected td {
  background: transparent;
}

td,
th {
  vertical-align: middle;
}
td {
  padding: 10px 12px;
  text-align: left; /* LTR */
}
[dir="rtl"] td {
  text-align: right;
}
th > a {
  position: relative;
  display: block;
}

/* 1. Must match negative bottom padding of the parent <th> */
th > a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -10px; /* 1. */
  left: 0;
  display: block;
  content: "";
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  border-bottom: 2px solid transparent;
}
th.is-active > a {
  color: #004875;
}
th.is-active img {
  position: absolute;
  top: 50%;
  right: 0; /* LTR */
}
[dir="rtl"] th.is-active img {
  right: auto;
  left: 0;
}
th.is-active > a:after {
  border-bottom-color: #004875;
}
th > a:hover,
th > a:focus,
th.is-active > a:hover,
th.is-active > a:focus {
  text-decoration: none;
  color: #008ee6;
}
th > a:hover:after,
th > a:focus:after,
th.is-active > a:hover:after,
th.is-active > a:focus:after {
  border-bottom-color: #008ee6;
}
td .item-list ul {
  margin: 0;
}
/* This is required to win over specificity of [dir="rtl"] .item-list ul */
[dir="rtl"] td .item-list ul {
  margin: 0;
}
td.is-active {
  background: none;
}

/* Force browsers to calculate the width of a 'select all' <th> element. */
th.select-all {
  width: 1px;
}

/**
 * Captions.
 */
.caption {
  margin-bottom: 1.2em;
}

   #block-winkelwagen-3 table td {font-size: 1.2em; font-weight: normal;}

/* overzicht producten voor print */
.print {margin-left: 50px; }
td .field-profile--address {display: none;}
td .field-label-inline .field__label {
    margin: 0;
    display: none;
    padding: 0 0.375rem 0 0;
}

td .field-profile--field-btwnr-indien-factuur-gewen {display: none;}

/**
 * Responsive tables.
 */
@media screen and (max-width: 37.5em) { /* 600px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}

@media screen and (max-width: 60em) { /* 920px */
  th.priority-low,
  td.priority-low {
    display: none;
  }
}


/* media query's */

@media only screen and (max-width: 988px) {
    /* frontpage*/
    
    #leaderboard {
top: 180px;

}
    
.site-branding__logo-link img {
    margin-left: 15px;
}
    
.filialen .filiaal {
    width: 95%;
}
    
    /* end frontpage*/
    
.navbar-toggle {
    z-index: 20;
    background: none;
    border: 0 none;
    box-shadow: none;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-top: -279px;
}
    
    .navbar-toggle::after {
    content: "MENU";
    color: #fff;
    margin-left: 30px;
    margin-top: -17px;
    display: none;
}
#block-winkelwagen-3 {margin-top: 0px;
        width: 100%;
        float: none;}
    
.cart-block--contents {
    background-color: #000;
    color: #fff;
    font-size: 1em;
    padding: 4px;
    width: 98%;
    margin-left: -10px;
} 
/* ------------------------------------------------*/
    
/*MENU*/ 
    
.region-we-mega-menu {
    background-color: #000;
    padding: 13px 15px;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
    
    .we-mega-menu-ul > .we-mega-menu-li > a {
    background-color: #000 !important;
    border: 0 none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
    color: #fff !important;
    font-size: .8125rem;
    font-family: "Quicksand",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.125rem 1.5625rem 1.125rem 1.5625rem;
}
    
    .navbar-we-mega-menu {
    background: #000!important;
    border: 0 none;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: inherit;
}
 


    
    
    .product {    border-bottom-style: solid; 
    border-bottom-width: thin; 
    border-bottom-color: #867742;}

 .block-plugin-id--system-branding-block {
    margin: 1.25rem 0;
        margin-top: 1.25rem;
    margin-top: -20px;
}


.site-branding__name-link {font-size: 0.8em;
widht: 100px;}

.view-filters {margin-left: 20px;}


    .site-branding__slogan {
    margin-top: 70px;
    margin-left: -221px;
    font-style: normal;
    font-family: gotham;
    font-weight: lighter;
    color: #fff;
    font-size: 0.8em;
    line-height: 1em;
    padding-top: 15px;
}
    
    table {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 0.7em;
}
    
 td.views-field.views-field-edit-quantity.table_cell {font-size: 0.8em;}
    
    #edit-my-checkout-pane-custom-message {
    color: orange;
    font-size: 0.8em;
    margin-left: 60px;
    float: none;
    margin-top: -25px;
}
    
    /* pw vergeten */
    
    #edit-login-returning-customer-forgot-password {
    width: 200px;
    color: #000;
    background-color: #eee;
    border: 1px #666 solid;
    padding: 14px;
    border-radius: 0px;
    line-height: 3px;
    font-size: 0.8em;
    margin-top: 15px;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}
    
    #edit-login-returning-customer-submit {margin-top:10px;}
    

  }
/* ------------------------------------------------*/

/*AFHAALMOMENT */
.xdsoft_datetimepicker td {color: #000;}

.xdsoft_datetimepicker .xdsoft_calendar td {
    color: #000;
    font-size: 12px;
    text-align: right;
    border-collapse: collapse;
    cursor: pointer;
    font-weight: normal;
}

td.xdsoft_disabled {background-color: red !important;
}

#edit-order-fieldscheckout::before 
{content: "GELIEVE NA 18u GEEN BESTELLINGEN MEER TE PLAATSEN VOOR MORGEN.";
  color: red;}
#edit-order-fieldscheckout-field-uw-gewenste-afhaalpunt::after 
{content: "OPGEPAST: In Menen is afhalen op zondagnamiddag niet mogelijk.";
  color: red;}


#edit-order-fieldscheckout-field-afhaalmoment-wrapper {background-color: #eee; margin-top: 20px; width: 320px; padding: 10px;}
#edit-order-fieldscheckout-field-afhaalmoment-menen-wrapper {background-color: #eee; margin-top: 20px; width: 320px; padding: 10px;}



/* ------------------------------------------------*/

@media only screen and (max-width: 550px) {
    
    /* frontpage*/
    
    .node--type-frontpage h1 {
    font-size: 2em;
}
    
label {
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    font-size: 0.6em;
}
    
#edit-uw-bericht {
    width: 60%;
    float: left;
    margin-right: 20px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1em;
    height: 106px;
}
    
#edit-uw-bericht--2 {
    width: 60%;
    float: left;
    margin-right: 20px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1em;
    height: 106px;
}
    
    /* end frontpage*/
.site-branding__logo-img {
    width: 102%;
    height: auto;
    margin-left: -5px;
    padding-top: 5px;
} 
    
#socmed {
    width: 150px;
    position: absolute;
    right: 10px;
}
    
.navbar-toggle {
    z-index: 20;
    background: none;
    border: 0 none;
    box-shadow: none;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-top: -245px;
    margin-left: 0px;
}
    
#block-bestelmelding {
    width: 183px;
    margin-left: 163px;
    margin-top: -90px;
    background-color: #867742;
    color: #000;
    padding: 8px;
    height: 60px;
}
    
#block-bestelmelding p {
    color: #fff;
    font-size: 0.8em;
    line-height: 1.2em;
}

#block-webshop {
    margin-left: -10px;
    margin-top: 10px;
    
}
    
 
    
div.sf-accordion-toggle.sf-style-black a {
    background: #151515;
    border: 1px solid #000;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 1em 3em 1em 1em;
    position: relative;
    font-size: 0.7em;
    width: 299px;
    
}
    
.site-branding__logo-link img {
    max-width: 150px;
    margin-top: 15px;
}
    

.site-branding__slogan {
    margin-top: 90px;
    margin-left: -250px;
    font-style: normal;
    font-family: gotham;
    font-weight: lighter;
    color: #fff;
    font-size: 0.8em;
    line-height: 1em;
    padding-top: 15px;
}

    
#edit-submit-winkel.button {
     width: 57px;
color: #fff;
background-color: #000;
border: 1px #666 solid;
padding: 10px;
border-radius: 0px;
line-height: 3px;
font-size: 0.8em;
margin-top: -56px;
float: right;
margin-left: 236px;}
    
#edit-submit-winkel.button:hover {
color: #fff;
background-color: #cbd300;
}
    
#views-exposed-form-winkel-page-1 label {
    color: orange;
    font-weight: normal;
    font-size: 0.8em;

}
    
    #views-exposed-form-winkel-page-1 {width: 80%;
        margin-left: 20px;
}
    

    

/* ------------------------------------------------*/
  @media only screen and (max-width: 400px) {
    .producten {left: -25px;}
      


  }
}
/* ------------------------------------------------*/
@media print
{
    #block-webshop-footer {display: none;}
    #block-bestelmelding {display: none;}
    #masthead {display: none;}
    .view-filters {display: none;}
    #block-webshop-page-title {display: none;}
    .form-actions {display: none;}
    #edit-commerce-order-bulk-form--2 {display: none;}
    
        /* etiketten */
    
    #views-form-bestellingen-producten-page-5 {width: 1200px; }
      a[href]:after {
          content: none !important;}
    
  .col-1 {width: 50%; float: left; font-size: 1.3em !important; padding-right: 20px; display: block; }
    
    .col-1 .views-label-field-afhaalmoment {float: left; display: block; width: 150px;}
    .col-1 .country {display: none;}
    .col-1 .postal-code {display: none;}
    .col-1 .organization {display: none !important;}
    .col-1 .views-label-billing-profile__target-id {display: none;}
    .col-1 .address-line1 {float: left; width: 150px !important;}
    .col-1 .address-line2 {margin-left: 150px; margin-top: -25px; position: absolute;}
    .col-1 .locality {margin-left: 250px; margin-top: -50px; position: absolute;}
    .col-1 .field-profile--field-tel .field__label {display: none;}
    .col-1 .field-profile--field-tel .field__item {margin-top: -75px !important; position: absolute;}

    
    .col-2 {width:50%; float: right; font-size: 1.3em !important; padding-right: 20px; display: block;
    }
  
    .col-2 .views-label-field-afhaalmoment {float: left; display: block; width: 150px;}
    .col-2 .country {display: none;}
    .col-2 .postal-code {display: none;}
    .col-2 .organization {display: none !important;}
    .col-2 .views-label-billing-profile__target-id {display: none;}
    .col-2 .address-line1 {float: left; width: 150px !important;}
    .col-2 .address-line2 {margin-left: 150px; margin-top: -25px; position: absolute;}
    .col-2 .locality {margin-left: 250px; margin-top: -50px; position: absolute;}
    .col-2 .field-profile--field-tel .field__label {display: none;}
    .col-2 .field-profile--field-tel .field__item {margin-top: -75px !important; position: absolute;}

    .view-bestellingen-producten {}
    
    .views-field-field-uw-gewenste-afhaalpunt {margin-top: -30px;}

    
    .views-row {height: 280px !important;
    padding-top:0px;
    padding-bottom: 10px;}
    
}