/* 
Theme Name: Hello Elementor Child
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
*/

/*
Theme Name: Hello Elementor Child
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
*/


/* =========================================================
   DESIGN TOKENS
   ========================================================= */

:root {

    /* ---------------------------------------------------------
       COLORS
       --------------------------------------------------------- */

    --color-eyebrow: #CA2D52;
    --color-heading: #17131C;
    --cream: #F8F3EF;
    --color-body: #545454;
	--white: #ffffff;


    /* ---------------------------------------------------------
       FONT FAMILY
       --------------------------------------------------------- */

    --font-family-primary: "Mundial", sans-serif;


    /* ---------------------------------------------------------
       FONT SIZE
       --------------------------------------------------------- */

    --font-size-eyebrow: 0.9375rem;      /* 15px */
    --font-size-h1: 4.875rem;            /* 78px */
    --font-size-h2: 3.125rem;            /* 50px */
    --font-size-h3: 2.5rem;              /* 40px */
    --font-size-h4: 1.5rem;              /* 24px */
    --font-size-body: 1.25rem;           /* 20px */
    --font-size-body-tiny: 0.9375rem;    /* 15px */


    /* ---------------------------------------------------------
       FONT WEIGHT
       --------------------------------------------------------- */

    --font-weight-heading: 600;
    --font-weight-body: 400;


    /* ---------------------------------------------------------
       LINE HEIGHT
       --------------------------------------------------------- */

    --line-height-heading: 1;
    --line-height-body: 1.5;


    /* ---------------------------------------------------------
       LETTER SPACING
       --------------------------------------------------------- */

    --letter-spacing-eyebrow: 0.09375rem;
    --letter-spacing-h1: -0.24375rem;
    --letter-spacing-h2: -0.15625rem;
    --letter-spacing-h3: -0.1rem;
    --letter-spacing-h4: -0.075rem;
    --letter-spacing-body: -0.025rem;
    --letter-spacing-body-tiny: -0.01875rem;


    /* ---------------------------------------------------------
       BUTTON
       --------------------------------------------------------- */

    --button-font-family: var(--font-family-primary);
    --button-font-size: 0.8125rem;       /* 13px */
    --button-font-weight: 600;
    --button-line-height: 1;
    --button-letter-spacing: 0.1em;

    --button-padding-y: 18px;
    --button-padding-x: 20px;

    --button-radius: 100px;

    --button-primary-bg: #CA2D52;
    --button-primary-bg-hover: #E13961;

    --button-info-bg: #FFFFFF;
    --button-info-border: var(--white);
    --button-info-border-hover: var(--color-eyebrow);
}


/* =========================================================
   BUTTON
   ========================================================= */

/* Default Button */

.elementor-widget-button .elementor-button {
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-style: normal;
    font-weight: var(--button-font-weight);
    line-height: var(--button-line-height);
    letter-spacing: var(--button-letter-spacing);
    text-transform: uppercase;
    vertical-align: middle;

    padding: var(--button-padding-y) var(--button-padding-x);

    border: 1px solid transparent;
    border-radius: var(--button-radius);

    background: var(--button-primary-bg);
}


/* Default Button — Hover */

.elementor-widget-button .elementor-button:hover {
    background: var(--button-primary-bg-hover);
}


/* Button Info */

.elementor-widget-button.elementor-button-info .elementor-button {
    background: var(--button-info-bg);
    border-color: var(--button-info-border);
    color: var(--color-eyebrow);
}


/* Button Info — Hover */

.elementor-widget-button.elementor-button-info .elementor-button:hover {
    border-color: var(--color-eyebrow);
}


/* =========================================================
   HEADINGS
   ========================================================= */

/* H1 */

.elementor-widget-heading h1 {
    color: var(--color-heading);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h1);
    font-style: normal;
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-h1);
}


/* H2 */

.elementor-widget-heading h2 {
    color: var(--color-eyebrow);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h2);
    font-style: normal;
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-h2);
}


/* H3 */

.elementor-widget-heading h3 {
    color: var(--color-heading);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h3);
    font-style: normal;
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-h3);
}


/* H4 */

.elementor-widget-heading h4 {
    color: var(--color-heading);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-h4);
    font-style: normal;
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-h4);
}

.sub-heading.elementor-widget-heading{
	font-size: 13px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.eyebrow {
    color: var(--color-eyebrow);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-eyebrow);
    font-style: normal;
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-eyebrow);
    text-transform: uppercase;
}


/* =========================================================
   BODY
   ========================================================= */

.elementor-widget-text-editor {
    color: var(--color-body);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-body);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-widget-text-editor {
        font-size: var(--font-size-body-tiny);
        letter-spacing: var(--letter-spacing-body-tiny);
    }
	
	.elementor-element.sub-heading.elementor-widget-heading .elementor-heading-title{
		font-size: 11px;
	}

}