/* =========================================================
   CORNERSTONE
   Global Design System
   ========================================================= */

:root {

    /* Natural Cornerstone palette */
    --cs-primary: #344E41;
    --cs-secondary: #7A8F70;
    --cs-accent: #D6A84B;
    --cs-background: #F6F1E7;
    --cs-dark: #262724;
    --cs-white: #FFFFFF;

    /* Additional */
    --cs-border: rgba(38, 39, 36, 0.12);
    --cs-text-muted: rgba(38, 39, 36, 0.68);

    /* Layout */
    --cs-container: 1240px;
    --cs-section-padding: 110px;

    /* Radius */
    --cs-radius-sm: 10px;
    --cs-radius-md: 18px;
    --cs-radius-lg: 28px;
    --cs-radius-pill: 999px;

    /* Animation */
    --cs-transition: 0.3s ease;
}


/* =========================================================
   RESET / GLOBAL
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--cs-background);
    color: var(--cs-dark);
    font-family: "Manrope", sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

.cs-container {
    --width: 100%;
    --max-width: var(--cs-container);

    width: min(calc(100% - 48px), var(--cs-container));
    max-width: var(--cs-container);

    margin-left: auto;
    margin-right: auto;

    align-self: center;
}


/* Elementor fixes */

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

.elementor-widget-heading .elementor-heading-title {
    margin: 0;
}

/* =========================================================
   GLOBAL KICKER TYPOGRAPHY
   ========================================================= */

/* minden olyan elem, amelynek class nevében szerepel: -kicker */
[class*="-kicker"] {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase;
}

/* Text Editor widget esetén */
[class*="-kicker"] p {
    margin: 0 !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
}

/* Heading widget esetén */
[class*="-kicker"] .elementor-heading-title {
    margin: 0 !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
}

/* =========================================================
   TEXT SELECTION
   ========================================================= */

::selection {
    background: var(--cs-accent);
    color: var(--cs-dark);
}

::-moz-selection {
    background: var(--cs-accent);
    color: var(--cs-dark);
}