/*
 Theme Name:     Divi Child
 Theme URI:      https://www.brainpics.ch/
 Description:    Divi Child Theme
 Author:         Philipp Staempfli
 Author URI:     https://www.brainpics.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
.slider-ratio-16-9 .et_pb_slide {padding: 0; padding-bottom: 56.25%; height: 0;}

.contact-customizer .et-pb-contact-message {color: #fda600; font-size: 16px; text-align: center;}


/*Woocommerce-Seite nach Bezahlung cusomizen*/
.woocommerce ul.order_details {
	color: #ffffff;
}

.woocommerce-notice {
	color: #ffffff;
}

.woocommerce-order-details__title {
	color: #969696;
}

.woocommerce-column__title {
	color: #969696;
}

.woocommerce .woocommerce-customer-details{
	color: #ffffff;
}

/*Überschrift auf Kassen-Seite in richtiger Farbe*/
.et_pb_column .et_pb_module h3 {
  color: #969696;
}
/* Kasse: Formular-Angaben in weisser Schrift*/
.woocommerce form .form-row label {
	color: #ffffff;
}
/* Kasse: Bestell-Items in weisser Schrift*/
.woocommerce table.shop_table td {
	color: #ffffff;	
}
/*Payment methods in white*/
.woocommerce-checkout #payment ul.payment_methods li {
	color: #ffffff;		
}

/*Hintergrund bei Kasse für Payment methods...*/
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	background: #969696;
}

/*Hintergrund unter Zahloptionen*/
.woocommerce-checkout #payment div.form-row {
	color: #ffffff;
	background: #2F3335;		
}

/*Hintergrundfarbe Warenkorb gegenwärtig leer*/
p.cart-empty.woocommerce-info {
  background-color: #2F3335 !important;
  color: #ffffff !important;
}

/* change lines beween table lines in the cart table*/
table.shop_table.woocommerce-checkout-review-order-table tr:first-child td:first-child {
	border-top: 3px solid #969696;	
}

table.shop_table.woocommerce-checkout-review-order-table tr:first-child td:nth-child(2) {
	border-top: 3px solid #969696;	
}


/*Hintergrundfarbe im Warenkorb für Coupon-Meldungen ändern*/
.woocommerce-cart .woocommerce-message{
	background-color: #2F3335 !important;
  color: #ffffff !important;
}
.woocommerce-cart .woocommerce-info{
	background-color: #2F3335 !important;
  color: #ffffff !important;
}
.woocommerce-cart .woocommerce-error{
	background-color: #2F3335 !important;
  color: #ffffff !important;
}

.woocommerce-checkout .woocommerce-message{
	background-color: #969696 !important;
  color: #ffffff !important;
}
.woocommerce-checkout .woocommerce-info{
	background-color: #969696 !important;
  color: #ffffff !important;
}
.woocommerce-checkout .woocommerce-error{
	background-color: #969696 !important;
  color: #ffffff !important;
}

/* change font size and font color of the cart titles (Product Price Quantity Total Subtotal */
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.shop_table th {
	color: #969696;
	font-size: 16px;
}

/* change the border below the first row in the cart */
.woocommerce-cart .woocommerce table.shop_table tr:first-child th {
	border-bottom: 3px solid #969696;
}

/*(inkl. xxxx MwSt.) in weiss auf Warenkorb-Seite*/
#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
    color: #ffffff;
}

.woocommerce-cart .woocommerce table.et_pb_pricing_table {
	/*border-top: 3px solid #969696;	*/
  background-color: red;
}

/* change lines beween table lines in the cart table*/
.woocommerce-cart .woocommerce table.shop_table td {
	border-bottom: 1px solid #969696;
}

/*Meldungen wie Warenkorb aktualisiert, Produkt xxx entfertn, etc. Hintergrundfarbe geändert*/
.woocommerce-message {
  border-left: none;
  background-color: #2F3335 !important;
  color: #ffffff !important;
}

/*Preis bei Bilder in weiss*/
.woocommerce-Price-amount.amount {
    color: #ffffff;
}


/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
}

/*** ALL WOO BUTTONS ***/
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt,
.woocommerce a.button, 
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
	/*text-transform: capitalize !important;*/
	/*background: #ffa500 !important;*/
	color: #ffffff !important;
} 
.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover,
.woocommerce a.button:hover, 
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
	background: #969696 !important;
	color: #ffffff !important;
}