/**
Theme Name: vonBlüte
Author: NINJAPIRATEN
Author URI: https://ninjapiraten.de/
Description: design by ninjapiraten.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vonblüte
Template: astra
*/
@import url(./css/hexagon.css);
/*
.wpc-controls-img-list li {
 background: transparent !important;
 padding: 0px !important;
 border-radius: 0% !important;
}

.wpc-controls-img-list li img {
 background: transparent !important;
 padding: 0px !important;
 border-radius: 0% !important;
 width: 32px !important;
}

.wpc-icon-hover-inner {
 color: #000 !important;
}
*/

.headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.headline .h1 {
    font-size: xx-large;
    font-weight: bolder;
    text-transform: uppercase;
    color: #ff6a14;
}

.headline .h2 {
    font-size: large;
    color: white;
    font-weight: bold;
}

.items-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.wpc-controls-img-list li {
    background: transparent;
    padding: 0px;
    border-radius: 0%;
   }
   
   .wpc-controls-img-list li img {
    background: transparent;
    padding: 0px;
    border-radius: 0%;
    width: 32px;
   }
   
   .wpc-icon-hover-inner {
    color: #000;
   }

/* Startseite Slider */
/*.slider-screen-width > div {
    min-width: 100vw;
	max-width: 100vw;
}*/
/*.slider-screen-height > div {
	min-height: 90vh !important;
	max-height: 90vh !important;
}*/

.slick-list.draggable {
	/*max-height: 100vh;*/
}


.responsive-column .elementor-column {
	width: 100% !important;
}

.responsive-column .elementor-column .elementor-widget-wrap.elementor-element-populated {
	padding: 40px !important;
}

.responsive-column .elementor-container {
	flex-wrap: wrap !important;
}

@media only screen and (min-width: 768px) {
	.responsive-column .elementor-column {
		width: 100% !important;
	}

	.responsive-column .elementor-column .elementor-widget-wrap.elementor-element-populated {
		padding: 100px !important;
	}
}


@media only screen and (min-width: 1025px) {
	.responsive-column .elementor-column {
		width: 45% !important;
	}

	.responsive-column .elementor-column .elementor-widget-wrap.elementor-element-populated {
		padding: 150px !important;
	}
	
	.responsive-column .elementor-container {
		flex-wrap: nowrap !important;
	}

}

.limit-text-width h2 {
	max-width: 300px !important;
}

/* Warenkorb und Kasse */
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead {
    background-color: var(--ast-global-color-8);
}

tbody {
    background-color: var(--ast-global-color-8);
}

.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cross-sells {
    background-color: var(--ast-global-color-8);
}

.woocommerce-cart .cart-collaterals .cart_totals>h2, .woocommerce-cart .cart-collaterals .cross-sells>h2 {
     background-color: var(--ast-global-color-8);
}

form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
    padding: 2em 2em;
    background-color: var(--ast-global-color-8);
}

form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
    background-color: var(--ast-global-color-8);
}

.woocommerce-page.woocommerce-checkout form #customer_details {
	padding: 2em 2em;
    background-color: var(--ast-global-color-8);
	border-width: 2px 2px 2px;
    border-style: solid;
    border-color: #ebebeb;
}

.checkout.woocommerce-checkout h3 {
	font-size: 1.2rem;
	color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
	border-radius: 5px;
}

.woocommerce-checkout-review-order #order_review_heading {
	border-width: 0px !important;
	width: 100% !important;
	padding: 0 !important;
}

/* Glaseffekt und Blur */

/* On big screens blur for double glaseffect */
@media only screen and (min-width: 769px) {
	.section-glass {
		background-color: rgba(0,0,0, 0.5)
	}
}

/* On small screens darker blur for readability */ 
@media only screen and (max-width: 768px) {
    .section-glass {
       background-color: rgba(0,0,0, 0.7)
    }
}

/* Glaseffekt und Blur end */

/* Dropdown Menü schmaler */
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {
	width: max-content;
}

/* No Link Underline */
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
	text-decoration: none;
}

/* Woocommerce */
li.woocommerce-MyAccount-navigation-link.is-active a {
    background: black;
}

.woocommerce .title {
    background: black !important;
	border: none !important;
}

/**
 * Warenkorb
 */
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
	height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.elementor-menu-cart__product .variation {
	display: none !important;
}

.wpc-cart-after-title-link-wrapper .js-view-configurations.wpc-cart-after-title-link {
	display: none;
}

/**
 * Kasse
 */
.uael-checkout-review-order-table .product-name > img:first-child {
	display: none !important;
}

.select2-results__option {
	color: #444 !important;
}