/* 
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.1.2
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
*/

#wpadminbar .site-icon img {
    width: 20px;
}

/* General styles */
:root {
	--120: 120px;
    --100: 100px;
    --80: 80px;
    --72: 72px;
    --64: 64px;
    --56: 56px;
    --48: 48px;
    --40: 40px;
    --32: 32px;
    --24: 24px;
    --16: 16px;
    --12: 12px;
    --8: 8px;
}

:root.dark-mode [class*=elementor-kit-] {
    --e-global-color-587254d: #FFFFFF;
	--e-global-color-df4102a: #24192D;
}

body {
	background-color: var(--e-global-color-df4102a);
}

@media(max-width:1366px) {
    :root {
        --120: 108px;
        --100: 90px;
        --80: 72px;
        --72: 65px;
        --64: 58px;
        --56: 50px;
        --48: 42px;
        --40: 36px;
        --32: 29px;
        --24: 21px;
        --16: 14px;
        --12: 10px;
        --8: 6px;
    }
}

@media(max-width:1200px) {
    :root {
        --120: 96px;
        --100: 80px;
        --80: 64px;
        --72: 58px;
        --64: 52px;
        --56: 46px;
        --48: 36px;
        --40: 30px;
        --32: 26px;
        --24: 19px;
        --16: 13px;
        --12: 9px;
        --8: 5px;
    }
}

@media(max-width:1024px) {
    :root {
        --120: 84px;
        --100: 70px;
        --80: 56px;
        --72: 50px;
        --64: 45px;
        --56: 40px;
        --48: 30px;
        --40: 26px;
        --32: 23px;
        --24: 17px;
        --16: 11px;
        --12: 8px;
        --8: 4px;
    }
}

@media(max-width:880px) {
    :root {
        --120: 72px;
        --100: 60px;
        --80: 48px;
        --72: 42px;
        --64: 38px;
        --56: 32px;
        --48: 24px;
        --40: 22px;
        --32: 21px;
        --24: 14px;
        --16: 10px;
        --12: 7px;
        --8: 4px;
    }
}

@media(max-width:767px) {
    :root {
        --120: 60px;
        --100: 50px;
        --80: 40px;
        --72: 36px;
        --64: 32px;
        --56: 28px;
        --48: 20px;
        --40: 18px;
        --32: 16px;
        --24: 12px;
        --16: 8px;
        --12: 6px;
        --8: 3px;
    }
}

.e-con-boxed.e-parent {
    padding-left: 5vw;
    padding-right: 5vw
}

.elementor-widget-text-editor *:last-child {
    margin: 0;
}

.elementor-widget-text-editor ul {
	padding-inline-start: 1.3em;
}

.elementor-widget-text-editor ul li::marker {
    font-size: .8em;
}

.font-large [class*=elementor-kit-] {
	--e-global-typography-primary-font-size: 72px;
	--e-global-typography-secondary-font-size: 60px;
	--e-global-typography-text-font-size: 54px;
	--e-global-typography-accent-font-size: 48px;
	--e-global-typography-9234f1d-font-size: 34px;
	--e-global-typography-937ea11-font-size: 28px;
	--e-global-typography-d050fdd-font-size: 22px;
	--e-global-typography-8212d22-font-size: 20px;
	--e-global-typography-9dd19a7-font-size: 20px;
	--e-global-typography-1da8ac0-font-size: 44px;
	--e-global-typography-1eed701-font-size: 18px;
}

.font-large h1,
.font-large h2,
.font-large h3,
.font-large h4,
.font-large h5,
.font-large h6 {
	word-break: break-word;
    hyphens: auto;
}

.dark-mode [class*=elementor-kit-] {
/*    --e-global-color-primary: #FF8F3A;
  --e-global-color-secondary: #CD52D0;
  --e-global-color-text: #34AFFA;
  --e-global-color-accent: #00B2BB;
  --e-global-color-5fb25d2: #86BC24;
  --e-global-color-1bdef24: #FBD023; */

  --e-global-color-df4102a: #120D17;
  --e-global-color-394a38f: #00000000;
  --e-global-color-587254d: #F4EFF8;

  --e-global-color-b7eaf70: #24192D;
  --e-global-color-daa4b6e: #24192D;
  --e-global-color-3a7b1c2: #24192D;
  --e-global-color-617e5ee: #24192D;
  --e-global-color-e73a6e7: #24192D;
  --e-global-color-187d42d: #24192D;
}

@media(max-width:1366px) {
    .font-large [class*=elementor-kit-] {
		--e-global-typography-primary-font-size: 69px;
		--e-global-typography-secondary-font-size: 58px;
		--e-global-typography-text-font-size: 52px;
		--e-global-typography-accent-font-size: 46px;
		--e-global-typography-1da8ac0-font-size: 45px;
    }
}

@media(max-width:1200px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 63px;
		--e-global-typography-secondary-font-size: 54px;
		--e-global-typography-text-font-size: 49px;
		--e-global-typography-accent-font-size: 43px;
		--e-global-typography-9234f1d-font-size: 34px;
		--e-global-typography-937ea11-font-size: 28px;
		--e-global-typography-d050fdd-font-size: 25px;
		--e-global-typography-1da8ac0-font-size: 40px;
    }
}

@media(max-width:1024px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 58px;
		--e-global-typography-secondary-font-size: 51px;
		--e-global-typography-text-font-size: 48px;
		--e-global-typography-accent-font-size: 42px;
		--e-global-typography-9234f1d-font-size: 33px;
		--e-global-typography-937ea11-font-size: 27px;
		--e-global-typography-1da8ac0-font-size: 36px;
    }
}

@media(max-width:880px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 54px;
		--e-global-typography-secondary-font-size: 48px;
		--e-global-typography-text-font-size: 46px;
		--e-global-typography-accent-font-size: 40px;
		--e-global-typography-9234f1d-font-size: 31px;
		--e-global-typography-d050fdd-font-size: 24px;
		--e-global-typography-1da8ac0-font-size: 33px;
    }
}

@media(max-width:767px) {
    .font-large [class*=elementor-kit-] {
	    --e-global-typography-primary-font-size: 48px;
		--e-global-typography-secondary-font-size: 42px;
		--e-global-typography-text-font-size: 42px;
		--e-global-typography-accent-font-size: 36px;
		--e-global-typography-9234f1d-font-size: 30px;
		--e-global-typography-1da8ac0-font-size: 27px;
    }
}

/* Buttons */
.elementor-element.elementor-button-info .elementor-button {
    background-color: transparent;
    border-color: currentColor;
}

.elementor-element.elementor-button-info .elementor-button:hover {
	background-color: var(--e-global-color-587254d);
	border-color: var(--e-global-color-587254d);
    color: var(--e-global-color-df4102a);
}

.elementor-element .elementor-button-content-wrapper {
	flex-direction: row!important;
}

.elementor-button-icon {
	order: 1;
}

.elementor-element .elementor-button svg,
.elementor-button .elementor-button-icon svg,
.elementor-button .elementor-button-icon path {
	fill: currentcolor;
}

.elementor-element.elementor-button-success .elementor-button {
	background-color: var(--e-global-color-587254d);
    color: var( --e-global-color-df4102a );
	border-color: var(--e-global-color-587254d);
}

.elementor-element.elementor-button-success .elementor-button:hover {
	background-color: var(--e-global-color-394a38f);
    color: var(--e-global-color-587254d);
}

/* Font settings */
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0 0 1em 0;
}

/* Voorleesfunctie */
.rsg-readspeaker {
	margin:var(--24) 0 0 0;
}