/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* 2 Column WooCommerce Checkout */

@media(min-width:768px) {
	.woocommerce .col2-set .col-1, 
	.woocommerce-page .col2-set .col-1 {
		width: 90%;
	}

	#customer_details {
		display: flex;
		flex-flow: column nowrap;
		float: left;
		width: 50%;
	}

	#customer_details .col-2 {
		width: 90%;
		margin-top: 20px;
	}

	#order_review,
	#order_review_heading {
		width: 50%;
		float: left;
		clear: none;
	}
}


/* woocommerce colors */
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button
{
    background-color: #F2A900;
    color: white;
}
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover
{
    background-color: #C28700;
    color: white;
}

.disabled{
    background-color: #aaa !important;
}

@media(min-width:768px) {
    ul.row1{
        min-height: 150px;
    }
    ul.row2{
        min-height: 120px;
    }
    ul.row3{
        min-height: 80px;
    }
}


/* woocommerce style of short description in product archive*/ 
.woocommerce-product-details__short-description {
    font-size: 15px;
    font-family: exo-soft;
    color: #000000;
    font-weight: 300;
    text-align: left;
    padding: 10px;
}

.products .woocommerce-product-details__short-description ul li{
	list-style-type: disc;
}

/* .woocommerce-loop-product__title {
	display: none;
} */

small.woocommerce-price-suffix {
    font-size: 0.5em;
}


.woocommerce a.button {
    border-radius: 15px;
}

a{
    color: #282B57;
}
a:hover{
    color: #F2A900;
}

/* button pokracovat v nakupu in woocommerce cart */
.woocommerce-notices-wrapper a {
    background-color: #bbb !important;
    font-weight: 400 !important;
}

.woocommerce-notices-wrapper a:hover {
    background-color: #aaa !important;
}

/* woocommerce checkout hide H1 */
.woocommerce-checkout h1 {
    display: none !important;
}

/* cookies page links as buttons*/
#CookieDeclarationChangeConsent a{
	background-color: #F2A900;
	color: white;
	border-radius: 15px;
	padding: 10px 20px;
	font-weight: 500;
}
#CookieDeclarationChangeConsent a:hover{
	background-color: #D59500;
}


/* icons yes and no */ 
li.yes, li.no, li.bitcoin, li.forbidden, li.tul{
	list-style-type: none !important;
    text-indent: -23px;
    margin-left: 23px;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
li.no, li.forbidden{
	text-decoration: line-through;
}
li.no{
    visibility: hidden;
}
li.tul{
    color: #CF2026 !important;
}
li.yes::before, li.no::before, li.bitcoin::before, li.forbidden::before, li.tul::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    position: relative;
    top: 3px;
}
li.yes::before{
	background: url("./icons/icon-circle-check-solid.svg");
}
li.no::before{
	background: url("./icons/icon-circle-xmark-solid-grey.svg");
}
li.bitcoin::before{
	background: url("./icons/icon-circle-bitcoin.svg");
}
li.forbidden::before{
	background: url("./icons/icon-forbidden.svg");
}
li.highlight{
    font-weight: bold;
}
li.tul::before{
	background: url("./icons/icon-exclamation-triangle.svg");
}

/* style for "dekujeme" on order confirm page */

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
     font-size: 34px; 
    color: #282b57;
    font-weight: 500;
}

/* stock quantity */
p.stock_quantity {
    margin-top: 1em;
    font-size: 15px;
    color: #282b57;
}

p.stock_quantity span {
    font-weight: 500;
}


/* guest card */


a.socic {
    font-size: 25px;
    color: #ffffffb0;
    margin: auto 5px;
}
a.socic:hover {
    color: #ffffff;
}

p.motto-title {
    font-size: 0.8em;
    color: #ffffffaa;
}


.elementor-flip-box__front .elementor-flip-box__layer__overlay {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #282B5700 0%, #282B5766 50%, #282B57ee 100%) !important;
    text-align: center;
    justify-content: flex-end;
}

.elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #282B5799 0%, #282B57ee 66%) !important;
}