/* 
Theme Name: Schwarz+Matt Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Schwarz+Matt Child is a child theme of Hello Elementor, created by the Elementor team and modified by Schwart+Matt.
Author: Schwarz+Matt Team
Author URI: https://www.schwarz-matt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: schwarz+matt-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 */

/* support color elementor-icon-widget
----------------------------------------*/

.elementor-widget-icon svg path{
    fill: currentColor;
}

/* borlabs cookie
----------------------------------------*/

:root {
	--color-primary: #000000;
	--color-primary-hover: #272727;
}

/* buttons */

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691],
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032],
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]{
	background-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]:hover{
	background-color: var(--color-primary-hover);
}

/* tabs */


body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}



/* fon-sizes
----------------------------------------*/
:root {
	
	/* 12px – 14px */
	--font-size_btn-smaller: 12px;

	/* 12px – 14px */
	--font-size_topline-btn: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem);

	/* 14px – 16px */
	--font-size_body: clamp(0.875rem, 0.84rem + 0.16vw, 1rem);

	/* 16px – 18px */
	--font-size_body-large: clamp(1rem, 0.96rem + 0.19vw, 1.125rem);

	/* 16px – 20px */
	--font-size_headline-20: clamp(1rem, 0.94rem + 0.28vw, 1.25rem);

	/* 18px – 24px */
	--font-size_headline-24: clamp(1.125rem, 1.05rem + 0.35vw, 1.5rem);

	/* 22px – 32px */
	--font-size_headline-32: clamp(1.375rem, 1.22rem + 0.52vw, 2rem);

	/* 36px – 56px */
	--font-size_headline-56: clamp(2.25rem, 1.9rem + 1.15vw, 3.5rem);

	/* 48px – 80px */
	--font-size_headline-80: clamp(3rem, 2.5rem + 1.65vw, 5rem);

	/* 56px – 96px */
	--font-size_headline-96: clamp(3.5rem, 2.8rem + 2.25vw, 6rem);

}

/* gap
----------------------------------------*/

:root {

	/* 12px–14px | 28px–36px */
	--button-gap-base: 
		clamp(0.75rem, 0.7rem + 0.15vw, 0.875rem)
		clamp(1.75rem, 1.6rem + 0.5vw, 2.25rem);

	/* 12px–14px | 24px–32px */
	--button-gap-small:
		clamp(0.75rem, 0.7rem + 0.15vw, 0.875rem)
		clamp(1.5rem, 1.35rem + 0.45vw, 2rem);

}


/* button
----------------------------------------*/

.elementor-button{
	padding: var(--button-gap-base);
	border-radius: 2rem;
}

.elementor-button .elementor-button-text{
	font-size: var(--font-size_topline-btn);
	letter-spacing: .075rem;
    text-transform: uppercase;
	line-height: 135%;
}

/*-- primary --*/

.elementor-button-default .elementor-button{
	background-color: var(--e-global-color-secondary);
}

.elementor-button-default .elementor-button:hover{
	background-color: var(--e-global-color-38a0569);
}

/*-- secondary bright --*/

.elementor-button-secondary_bright .elementor-button{
	background-color: var(--e-global-color-ce8d42a);
}

.elementor-button-secondary_bright .elementor-button-text{
	color: var(--e-global-color-primary)
}

.elementor-button-secondary_bright .elementor-button:hover{
	background-color: var(--e-global-color-primary);
}

.elementor-button-secondary_bright .elementor-button:hover .elementor-button-text{
	color: var(--e-global-color-text);
}


/*-- secondary dark, blur --*/

.elementor-button-secondary_dark .elementor-button{
	background-color: rgba(255,255,255, .2);
	backdrop-filter: blur(10px);
}

.elementor-button-secondary_dark .elementor-button:hover{
	background-color: var(--e-global-color-text);
}