/* 
Theme Name: Olalena.studio
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

:root {
	--heading-1: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
	--heading-2: clamp(2rem, 1.625rem + 1.5vw, 2.75rem);
	--heading-3: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);
	--heading-4: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
	--heading-5: clamp(1.375rem, 1.2813rem + 0.375vw, 1.5625rem);
	--heading-6: clamp(1.2rem, 1.175rem + 0.1vw, 1.25rem);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

main {	
    overflow-x: clip;
}

/****************/
/*  TYPOGRAPHY  */
/****************/

a {
	color: var(--e-global-color-primary);
}

.elementor-widget-text-editor > :last-child,
.elementor-widget-text-editor .elementor-widget-container > :last-child {
	margin-bottom: 0;
}
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul {
	margin-bottom: 1rem;
    padding-inline-start: 1.625em;
}
.elementor-widget-image a {
	width: 100%;
	display: block;
}
.elementor-widget-image img {
	display: block;
}
.elementor-widget-icon a,
.elementor-widget-icon .elementor-icon {
	display: block;
}

.elementor-heading-title,
.balance {
	text-wrap: balance;
}

.elementor-widget-heading {
    line-height: 1;
}

h1 { font-size: var(--heading-1); }
h2 { font-size: var(--heading-2); }
h3 { font-size: var(--heading-3); }
h4 { font-size: var(--heading-4); }
h5 { font-size: var(--heading-5); }
h6 { font-size: var(--heading-6); }


.elementor-button .elementor-button-content-wrapper {	
    align-items: center;
}
.elementor-button span {	
    text-box: trim-end cap alphabetic;
}

/****************/
/*  COMPONENTS  */
/****************/

.limit-width {
    max-width: min(var(--limit, 540px), 100%) !important;
}

.image-breakout-right {
    --expanded: calc(100% + max(20px, 2.5vw));
    width: var(--expanded) !important;
    max-width: var(--expanded) !important;
    min-height: 400px;
}

@media (max-width: 1024px) {
    .image-breakout-right {
        margin-left: min(-10px, -1.25vw);
        margin-right: min(-10px, -1.25vw);
		border-top: 2px solid var(--e-global-color-primary);
    }
}


/*****************/
/*  WOOCOMMERCE  */
/*****************/

.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 0 !important;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-blocks-components-select .wc-blocks-components-select__label {
	left: 1rem !important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], 
.wc-block-components-form .wc-block-components-text-input input[type=number], 
.wc-block-components-form .wc-block-components-text-input input[type=password], 
.wc-block-components-form .wc-block-components-text-input input[type=tel], 
.wc-block-components-form .wc-block-components-text-input input[type=text], 
.wc-block-components-form .wc-block-components-text-input input[type=url], 
.wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], 
.wc-block-components-text-input input[type=password], 
.wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], 
.wc-block-components-text-input input[type=url], 
.wc-blocks-components-select .wc-blocks-components-select__select {
	border-radius: 40px !important;
	padding-inline: 1rem !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	padding: 0 !important;
	border-radius: 0 !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
	padding: 0 !important;
}
.wc-block-checkout__terms a {
	font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 0.25em;
}
input.wc-block-components-quantity-selector__input {
    padding: 5px 0 !important;
    border-radius: 0 !important;
    border: none !important;
}

.wc-block-components-button {
    padding: 13px 28px 13px 28px;
    color: var(--e-global-color-26cdbf7);
    background-color: var(--e-global-color-primary);
    font-size: var(--e-global-typography-0e3274b-font-size);
    font-weight: var(--e-global-typography-0e3274b-font-weight);
    text-transform: var(--e-global-typography-0e3274b-text-transform);
    line-height: var(--e-global-typography-0e3274b-line-height);
    letter-spacing: var(--e-global-typography-0e3274b-letter-spacing);
    border: 2px solid var(--e-global-color-primary);
    border-radius: 2.5rem;
}
.wc-block-components-button:hover, 
.wc-block-components-button:focus {
	background-color: var(--e-global-color-26cdbf7);
	color: var(--e-global-color-primary);
}