@charset "UTF-8";
/* 
Theme Name: Brod-Divi-Child
Version: 1.1
Description: Angepasstes Design fuer die Brod GmbH
Template: Divi
Author: Christoph Hess
Author URI: https://ctrl-consulting.com
*/

@import url("../Divi/style.css");

/* Nav Menu */
#top-menu-nav {
	display: flex;
	justify-content: center;
	margin-top: 1em;
}
#top-menu-nav #top-menu {
	align-items: center;
	display: flex;
}
#top-menu-nav #top-menu div.menu-item {
	align-items: center;
	display: inline-flex;
	gap: .5em;
}
#top-menu-nav #top-menu .banner {
	border-radius: .4em;
	padding: .5em;
	background-color: #208899;
	color: white;
}

/* Fix sidebar issue */

#et-main-area #left-area{
	display: contents;
	width: unset !important;
}

/* Product Page */
.et_right_sidebar #main-content .container::before {
	content: none;
}

.woocommerce .quantity input.qty {
	width: 5.3em;
	color: black;
	line-height: 1.5em;
	padding: 0.3em;
	font-size: 1.5em;
}

#content-area .cart button,
#content-area .woocommerce a.checkout-button  {
	color: white !important;
	background-color: #297e89 !important;
}

#content-area .cart button:hover,
#content-area .woocommerce a.checkout-button:hover {
	color: white !important;
	background-color: #208899 !important;
}

/* Checkout */
.woocommerce #customer_details {
	margin-bottom: 2em;
}

.woocommerce #customer_details input,
.woocommerce #customer_details textarea {
	font-size: 1.1em;
	color: unset;
}

.woocommerce #customer_details span.selection {
  font-size: 1.1em;
}

.entry-content .woocommerce #payment {
	margin-bottom: 2em;
}

/*Slider*/
#startslider .et_pb_slide {
	background-color: #208899 !important;
}

#start_slider .et_pb_slide_description h2 {
	position: absolute;
	left:120px;
	bottom: 25%;
	text-align: right;
	font-size: 32px !important;
	line-height: 40px;
}

#start_slider .et_pb_slide_description h2:before {
	content: "";
	position: absolute;
	width: 800%;
	height: 65px;
	background: rgba(0,0,0,0.8);
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	right: -10%;
	margin-top: -10px;
	z-index: -1;
	border-right: #68140e 15px solid;
}

#start_slider .et_pc_slide_content .subline {
	position: absolute;
	bottom: 15%;
	left: 210px;
	text-align: right;
	font-size: 16px !important;
	line-height: 25px;
}

#start_slider .et_pb_slide_content .subline:before {
	position: absolute;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	content: "";
	position: absolute;
	width: 880%;
	height: 35px;
	background: #000;
	background: rgba(0,0,0,0.5);
	right: -20%;
	margin-top: -5px;
	z-index: -1;
}