/*
Theme Name: Rosa Child
Theme URI: http://pixelgrade.com/demos/rosa
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: rosa
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, sticky-post, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */

/* Header */

.article__header.has-no-image {
	background: linear-gradient(rgba(150, 26, 31, 0.25), rgba(150, 26, 31, 0.75)),
		url(/wp-content/uploads/2016/03/web_schule3.jpg);
	background-size: cover;
}

.logo-bonapp-main {
	width: 600px;
	min-width: 150px;
	max-width: 25%;
}

h2.headline__secondary {
	text-shadow: 0 0 5px #fff;
	font-size: 70px;
}

.pixcode--heading .headline__primary {
	text-shadow: none;
	color: #555;
}

/* WooCommerce */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
	margin: 0 35px 2.992em 0;
}

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
	clear: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background-image: url(/wp-content/themes/rosa-child/assets/images/rahmen.png);
	background-size: 100% 100%;
	padding: 21px 10px 0;
}

.woocommerce ul.products li.product a img {
	height: 160px;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	background-color: rgba(255, 255, 255, 0.75);
}

.woocommerce ul.products li.product:hover img {
	opacity: 0.9;
}

li.product h4.product__title {
	margin: 0 0 0 10px;
	text-align: center;
	font-weight: bold;
	font-family: Kalam;
	font-weight: 600;
}

li.product div.date {
	margin: 0 0 0 10px;
}

li.product p.price {
	margin: 4px 10px 0px 10px;
	padding-bottom: 10px;
	text-align: right;
}

li.product hr {
	margin: 0 0 0 10px;
}

li.product .product__button {
	display: none;
}

li.product .woocommerce_de_versandkosten {
	display: none;
}

li.product .woocommerce-de_price_taxrate {
	color: #000;
	font-size: 16px;
	text-align: right;
	opacity: 0.7;
	margin-top: -17px;
}

.woocommerce ul.products li.product .price {
	font-size: 1em;
}

.woocommerce div.product div.summary {
	margin-bottom: 0;
}

.woocommerce div.product ul {
	margin-left: 20px;
}
/* categories shall not be shown */
.woocommerce .shop-categories.nav {
	display: none;
}
.woocommerce .summary .product_meta {
	display: none;
}

/* RPGC */

.woocommerce .summary #rpgc_price {
	display: inline;
}

.woocommerce .summary .rpw_product_message {
	margin-top: 10px;
}

.woocommerce .summary #rpgc_note {
	margin-bottom: 10px !important;
}

.woocommerce div.product .pixcode--tabs__nav.tabs__nav.product__tabs {
	display: none;
}

nav p.jde_hint {
	display: none;
}

.product_out_of_stock {
	position: absolute;
	right: 6px;
	top: 148px;
	background-color: #961a1f;
	color: #fff;
	padding: 10px;
}

.product_not_yet_out_of_stock {
	position: absolute;
	right: 6px;
	top: 148px;
	color: #77a464;
	background-color: #c8c9cb;
	padding: 10px;
}

.woocommerce div.product p.price {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: bold;
	color: #961a1f;
}

.woocommerce div.product .woocommerce-de_price_taxrate {
	font-size: 13px;
}

.woocommerce div.product .product-subtitle {
	margin-top: 30px;
	font-size: 22px;
}

.woocommerce div.product .product-subtitle,
.woocommerce div.product .product_title {
	text-align: center;
	font-family: Kalam;
	font-weight: 300;
	text-transform: none;
}

.woocommerce div.product .shipping_de.shipping_de_string {
	display: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: #77a464;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce div.woocommerce-message .button:hover,
td.actions input.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page input.button.alt:hover,
a:hover > .pixcode--icon.circle,
a:hover > .pixcode--icon.square {
	background-color: #5a8448 !important;
}

body.woocommerce button.button.alt:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce div.woocommerce-message .button:hover,
td.actions input.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page input.button.alt:hover,
a:hover > .pixcode--icon.circle,
a:hover > .pixcode--icon.square {
	color: #fff;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: #262526;
	color: #fff;
}

.woocommerce form .form-row .input-checkbox {
	margin: -2px -9px 0 0;
}

#add_payment_method #payment,
.woocommerce-checkout #payment,
.woocommerce table.shop_table {
	background-color: #f3f3f3;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.article__content a:not([class]) {
	border: none;
}

.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	display: block;
	float: none;
}

.separator--line-flower .line--left {
	right: 68%;
}

.separator--line-flower .line--right {
	left: 68%;
}

.separator--line-flower .line {
	width: 32%;
}

.woocommerce ul.products li.product_cat-koch-gut-lebe-gut a + a::before {
	content: 'Koch gut! Lebe gut!';
	text-align: center;
	display: block;
	height: 37px;
	width: 247px;
	width: calc(100% - 20px);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px;
	position: absolute;
	color: #77a464;
	z-index: 1;
	border-bottom: 1px solid #77a464;
}

.woocommerce ul.products li.product_cat-koch-gut-lebe-gut {
	background-image: url('/wp-content/themes/rosa-child/assets/images/rahmen-g.png');
}

.woocommerce
	ul.products
	li.product_cat-koch-gut-lebe-gut
	.product__title::after {
	content: '- Vortrag und Kurs -';
	display: block;
	text-align: center;
	font-size: 11px;
}

@media only screen and (max-width: 768px) {
	.woocommerce ul.products li.product,
	.woocommerce ul.products li.product:nth-child(2n),
	.woocommerce-page ul.products li.product:nth-child(2n),
	.woocommerce-page[class*='columns-'] ul.products li.product:nth-child(2n),
	.woocommerce[class*='columns-'] ul.products li.product:nth-child(2n) {
		float: left;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	html body.woocommerce ul.products li.product {
		margin-right: 5px;
		margin-bottom: 20px;
	}

	li.product div.date,
	.product_out_of_stock,
	.product_not_yet_out_of_stock {
		font-size: 12px;
	}

	.logo-bonapp-main {
		width: auto;
		max-height: 220px;
	}

	.separator--line-flower .line--left {
		right: 78%;
	}

	.separator--line-flower .line--right {
		left: 78%;
	}

	.separator--line-flower .line {
		width: 22%;
	}
}

@media only screen and (max-height: 768px) and (min-width: 780px) {
	.logo-bonapp-main {
		width: auto;
		max-height: 220px;
	}

	h1,
	.alpha {
		font-size: 1.9375rem;
	}

	h2.headline__secondary {
		font-size: 60px;
	}
}

@media only screen and (max-width: 420px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce-page[class*='columns-'] ul.products li.product,
	.woocommerce[class*='columns-'] ul.products li.product {
		width: 100%;
	}

	li.product div.date {
		font-size: 14px;
	}

	.woocommerce ul.products li.product a img {
		height: 160px;
	}

	.product_out_of_stock,
	.product_not_yet_out_of_stock {
		font-size: 12px;
		top: 128px;
	}

	.headline__secondary.headline__secondary {
		font-size: 14px;
		margin-bottom: 0px;
		font-weight: bold;
	}

	.headline__primary {
		font-size: 15px;
	}
	.article__headline .btn--large.btn--primary.cta {
		max-width: 290px;
		font-size: 10px;
	}
}

.footer-widget-area .widget {
	display: block;
	float: left;
}

/*disabled booking */

.booking-disabled-notice {
	display: none;
	font-weight: bold;
	color: #77a464;
}

.cf.booking-disabled .cart,
.cf.booking-disabled .stock {
	display: none;
}

.cf.booking-disabled .booking-disabled-notice {
	display: block;
}

/* WC 3.1 */

.woocommerce ul.products li.product:hover .price {
	opacity: 1;
}

/* Related products */

.related.products {
	display: none;
}

.page .article__content {
	padding-bottom: 120px;
}

/* WooCommerce Misc */

textarea#order_comments::placeholder {
	text-transform: none;
	color: #777;
}

@media screen and (min-width: 769px) {
	.woocommerce[class] ul.products.columns-4 li.product {
		width: calc((100% / 4) - 2.8%);
	}
}

/* Picknick */
.tm-collapse {
	border-bottom: 1px solid #666 !important;
	padding: 0.5rem !important;
}

.tm-extra-product-options-inner {
	padding: 1rem 0 !important;
	margin: 2rem 0 !important;
}

h3.tm-section-label.tm-toggle {
	font-weight: bold !important;
}

span.pickRed {
	color: red !important;
}

label.tm-left {
	margin-right: 1rem !important;
}

label.tm-right {
	margin-left: 1rem !important;
}

.tc-row {
	align-items: center !important;
}

li.tmcp-field-wrap {
	align-items: center !important;
	padding: 0.3rem 0 !important;
}

input.tm-qty {
	background-color: #fff !important;
	width: 3rem !important;
	height: 1rem !important;
	padding: 0.8rem 0.3rem !important;
	margin-right: 1rem !important;
}

.tc-section-inner-wrap {
	width: 100%;
}

.tc-cell {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between;
}

.cpf-type-divider {
	margin: 1rem 0 !important;
	background: #bbb !important;
}

.tm-custom-price-totals {
	font-size: 2rem;
	color: #2d922e;
}

.pnDivider-div {
	margin-bottom: 2rem !important;
	height: 1px;
	background-color: #000 !important;
}

.allerg {
	vertical-align: super !important;
	font-size: 11px !important;
	margin-left: 0.5rem !important;
}

.tc-label .allerg {
	margin-left: 0.2rem !important;
}

.veg {
	color: green !important;
}

.allergeneText-div {
	font-size: 0.8rem;
	margin-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
	padding-top: 0.3rem !important;
	color: #2d922e !important;
	border-top: 1px dotted #ababab !important;
}

.tm-epo-element-label {
	display: inline-block !important;
}

.korbBild {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 35vh;
	overflow: hidden;
}

.baStartContainer {
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
	flex-wrap: wrap;
}

.baRight {
	flex: 1 1 40%;
}

.baLeft {
	flex: 1 1 40%;
	margin-right: 2rem;
}

.baLeft img,
.baRight img {
	max-height: 200px !important;
	margin-top: 0;
}

.picknickHint-div > div > div > div > p {
	padding: 0.5rem 0 !important;
	border-top: 1px dashed #aaa !important;
	border-top-width: 1px !important;
	border-top-style: dashed !important;
	border-top-color: rgb(170, 170, 170) !important;
	border-bottom: 1px dashed #aaa !important;
	margin: 1.3rem 0 !important;
}

@media (max-width: 768px) {
	.baLeft {
		flex: 1 1 100%;
		margin-right: 0;
		border-bottom: 1px solid #222;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	.baRight {
		flex: 1 1 100%;
		margin-top: 1rem;
	}
}

.baRightText p {
	margin-bottom: 15px;
}

.baRightText {
	background-color: rgba(0, 0, 0, 0.75);
	padding: 0.5rem;
}

.korb {
	position: relative;
	padding: 1rem;
}

.korb .et_pb_text_inner:before {
	content: '';
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100% 100%;
	background-image: url('https://bonapp-kochschule.de/wp-content/themes/rosa-child/assets/images/rahmen.png');
}

.korb .et_pb_text_inner {
	padding: 2rem 1rem 3rem 1rem !important;
	padding-top: 2rem !important;
	padding-right: 1rem !important;
	padding-bottom: 3rem !important;
	padding-left: 1rem !important;
}

.korbPic {
	max-height: 33vh;
	overflow: hidden;
}

.tm-extra-product-options {
	text-align: left !important;
}

.tm_divider.tc-cell.tc-width100 {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.legacy-itemprop-offers {
	display: none;
}

span.shipping-service-provider-checkbox-text,
span.woocommerce-terms-and-conditions-checkbox-text {
	margin-left: 1rem;
}

p.dey-product-total-payable {
	display: none !important;
}

.dey-product-delivery-slots-fields-wrapper.dey-product-calender-delivery-slots-wrapper {
	text-align: left !important;
}

.dey-product-delivery-slots-fields-wrapper.dey-product-calender-delivery-slots-wrapper::before {
	content: '1. Abholdatum';
	font-weight: 700;
	font-size: 24px;
}

.dey-product-delivery-slots-fields-wrapper.dey-product-calender-delivery-slots-wrapper::after {
	content: '';
	display: block;
	width: 100%;
	margin-top: 2rem;
	border-bottom: 1px solid;
}

.variation-DeliveryFee {
	display: none !important;
}

.et-db #et-boc .et-l .et_pb_wc_cart_notice .woocommerce-error {
	background-color: red !important;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	color: rgba(255, 255, 255, 0.2);
}

dt.variation-Uhrzeit {
	margin-top: 0;
}