/*
Theme Name: Brood en Banketbakkerij Peeters
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Author: eFlavours
Author URI: http://www.eflavours.be
Template: Divi
*/

#main-content.publish input, #main-content.publish textarea, #main-content.expired input, #main-content.expired textarea, #main-content.closed input, #main-content.closed textarea  {pointer-events:none; background:#eee !important; color:#999 !important;}
#main-content.publish .orderlist .date input {pointer-events:auto; background:#dff0d8 !important; color:#468847 !important;}
#main-content.expired .orderlist .date input, #main-content.closed .orderlist .date input {pointer-events:auto; background:#f2dede !important; color:#a94442 !important;}

.orderlist, .orders {max-width:1080px; margin:25px auto;}

.orderlist .date {background:#316c58; color:#fff; padding:25px; text-align:right}
.orderlist .date input {width:200px; font-size:32px; color:#000; background:#fff ; pointer-events:auto !important; border:none; float:right; padding:5px 10px; text-align:center; margin:-12px 0 0 25px}

.product-categorie h3 {background:#666; color:#fff; padding:25px; margin-top:5px; cursor:pointer}
.sub-categories .product-categorie h3 {background:#ccc; color:#000; padding:15px 25px; font-size:18px}
.product-categorie h3:after {content:"+"; float:right;}
.product-categorie h3.open:after {content:"x";}
.product-categorie.product-categorie-has-children > h3:after{content:""}

.articles {display:none}
.article {padding:10px 0;}
.article:nth-child(even) {background:#f6f4f5; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.article img, .article > div, .article > span {display:inline-block; vertical-align:middle} 
.article img {margin:0 25px; width:50px; border:1px solid #333}
.article > span {margin:0 25px; text-align:right; float:right}
.article > span > input {margin:5px 0 5px 10px; padding:5px; box-shadow:none; border:1px solid #ddd; background:#fff; width:75px; font-size:21px}
.article .info span {display:inline-block; margin-right:50px;}
.article .info a {display:block;}

.article.notavailable {opacity:0.25}
.article.notavailable input {visibility:hidden;}

div.description {margin:10px 0; background:#eee; padding:25px}
div.description textarea {width:100%; background:#fff; color:#333; border:none;}

div.submit {text-align:center; margin:50px 0 25px 0}
div.submit > div {margin:0 10px; display:inline-block;}
div.submit input {margin:0 !important; padding:0.3em 1em !important; cursor:pointer;}
div.submit input.bestelling_opslaan {color:#666; background-color:#eee; border-color:#ddd;}
div.submit input.bestelling_plaatsen {color:#468847; background-color:#dff0d8; border-color:#d6e9c6;}
div.submit input.bestelling_opslaan:hover {border-color:#999;}
div.submit input.bestelling_plaatsen:hover {border-color:#468847;}

div.template_button {color: #666; background-color: #eeeeee; font-size: 16px; font-weight: 500; line-height: 1.7em !important; padding:10px 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display:block; margin-top:10px; text-align:left;}
div.template_button input {font-size: 14px; font-weight: 500; line-height: 1.2em; background: transparent; color: #666; background:#ccc; border:2px solid #999; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; cursor:pointer;}
div.template_button input:hover {border-color:#666;}
div.template_button select {font-size:14px; margin:0 10px; text-transform:lowercase;}
div.template_button .info {margin-left:15px; display:inline-block;}

.filters {margin:10px 0; padding:15px 25px; background:#eee;}
.filters input, .filters select {display: inline-block; width:15%; height:40px; box-sizing:border-box; padding:10px; font-size:14px; margin-right:20px;}
.filters select {width:20%}
.filters input[type="submit"] {width:10%; border:1px solid #000; background:#000; color:#fff}

.notes {background:#eee; margin:10px 0; padding:15px;}
.notes h3 {margin-bottom:10px;}
.note {padding:10px; background:#f9f9f9; margin-bottom:15px}

.print {margin:10px 0;}
.print a {margin:10px 0; display:inline-block;}

.single-products #page-container {padding-top:0 !important}
.single-products header, .single-products footer, .single-products #wpadminbar {display:none !important}

.success, .error {
	padding: 8px 35px 8px 14px;
	margin: 5px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.success {
	color: #468847 !important;
	background-color: #dff0d8 !important;
	border: 1px solid #d6e9c6 !important;	
}
.error {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border: 1px solid #ebccd1 !important;
}
.success a, .error a { text-decoration:underline }

.wppb-user-forms, .wppb-alert {
	padding:25px !important;
	background-color:#316c58;
	color:#fff;
}
.wppb-user-forms label {
	float:none !important;
	width:100% !important;
	color:#fff;
}
.wppb-user-forms p.login-username input, .wppb-user-forms p.login-password input {
	width: 100% !important;
	float:none !important;
	padding: 14px 4% !important;
	border: none !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	color: #666;
	background-color: #fff;
	font-size: 14px;
	font-size: 16px;
	font-weight: 400;	
}
#wppb-submit {color:#fff !important; 
	cursor:pointer;     
	position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;}
.wppb-alert a {color:#fff; text-decoration:underline;}


@media screen and (max-width: 768px) {
	.article .info span, .article > span > input {display:block;}
	.article .info span {margin:0}	
	.article > span {margin:0 10px 0 0;}
	.article > span > input {width:40px; font-size:14px;}
	.article {position:relative;}
	.article > span {position:absolute; right:10px}
	.orderlist .date {text-align:left;}
	.orderlist .date input {float:none; margin:10px 0 0 0}
	div.submit input {margin-bottom:10px !important;}
	.print a {margin:10px; display:block;}
	.filters input, .filters select {display:block; width:100% !important; margin-bottom:5px}
}
@media screen and (max-width: 480px) {
	.article img {margin:0 10px; vertical-align:top;}	
}