/* 
Theme Name: Hello Let's Deploy
Theme URI: https://github.com/sembogaarts/hello-letsdeploy
Description: Hello Let's Deploy is a child theme of Hello Elementor, created by Let's Deploy
Author: Let's Deploy
Author URI: https://letsdeploy.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-letsdeploy
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
    --bp-mobile: 767px;
    --bp-tablet: 1024px;
}

body {
    --primary: var(--e-global-color-primary);
    --secondary: var(--e-global-color-secondary);
    --text: var(--e-global-color-text);
    --accent: var(--e-global-color-accent);
    --accent-hover: var(--e-global-color-1e23c44);
    --border: var(--e-global-color-e6dce4f);
    --border-hover: var(--e-global-color-78c455c);
    --white: var(--e-global-color-d7e2291);
    --black: var(--e-global-color-2e4e61c);
    --primary-text: var(--e-global-color-c305d6d);
    --primary-text-hover: var(--e-global-color-43ac890);
}

.container--narrow {
    --container-max-width: 680px;
}

.container--section {
    --padding-top: 2rem!important;
    --padding-bottom: 2rem!important;
    --padding-left: .75rem!important;
    --padding-right: .75rem!important;
    --gap: 2rem!important;
}
.container--wrapper {
    --padding-top: 2rem!important;
    --padding-bottom: 2rem!important;
    --padding-left: .75rem!important;
    --padding-right: .75rem!important;
    --gap: 2rem!important;
}

@media screen and (min-width: 1024px) {
    .container--page,
    .container--wrapper {
        --padding-top: 4rem!important;
        --padding-bottom: 4rem!important;
        --padding-left: .75rem!important;
        --padding-right: .75rem!important;
        --gap: 4rem!important;
    }

    .container--section {
        --padding-top: 4rem!important;
        --padding-bottom: 4rem!important;
        --padding-left: .75rem!important;
        --padding-right: .75rem!important;
        --gap: 2rem!important;
    }
}

/**
 * Backgrounds
 */
.container--primary {
    background-color: var(--primary);
    color: var(--primary-text);
    fill: var(--primary-text);
}
.container--primary i,
.container--primary a,
.container--primary svg,
.container--primary p,
.container--primary h1,
.container--primary h2,
.container--primary h3,
.container--primary h4,
.container--primary h5,
.container--primary h6,
.container--primary ul,
.container--primary li,
.container--primary span,
.container--primary strong {
    color: var(--primary-text);
    fill: var(--primary-text);
}
.container--primary-text {
    color: var(--primary-text)!important;
}
/**
 * Icon List
 */
.icon-list--reset .elementor-icon-list-icon {
    display: none!important;
}
.icon-list--reset .elementor-icon-list-text {
    padding-inline-start: 0!important;
}
/**
 * Helpers
 */
.pointer-events-none {
    pointer-events: none;
}
.p-0 {
    padding: 0!important;
    --padding-top: 0!important;
    --padding-bottom: 0!important;
    --padding-left: 0!important;
    --padding-right: 0!important;
}
.m-0 {
    margin: 0!important;
    --margin-top: 0!important;
    --margin-bottom: 0!important;
    --margin-left: 0!important;
    --margin-right: 0!important;
}