.elementor-kit-7{--e-global-color-primary:#003399;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-181662f:#15CC8F;--e-global-color-c153e00:#FFED00;--e-global-color-20b9633:#FFFFFF;--e-global-typography-primary-font-family:"Calibri";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Calibri";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Calibri";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==================================================
   HERO
   ================================================== */

.energise-hero, .big-blue-card {
    --energise-navy: #03152f;
    --energise-blue: #003399;
    --energise-blue-light: #0751a7;
    --energise-green: #15cc8f;
    --energise-yellow: #ffed00;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(21, 204, 143, 0.18),
            transparent 27%
        ),
        radial-gradient(
            circle at 95% 85%,
            rgba(255, 255, 255, 0.08),
            transparent 25%
        ),
        linear-gradient(
            115deg,
            var(--energise-navy) 0%,
            #08296c 54%,
            var(--energise-blue-light) 100%
        );
}

/* Finom négyzetháló */
.energise-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;

    opacity: 0.2;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.08) 1px,
            transparent 1px
        );

    background-size: 58px 58px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0, 0, 0, 0.65) 32%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0, 0, 0, 0.65) 32%,
            #000 100%
        );
}

/* Jobb oldali nagy fényfolt */
.energise-hero::after {
    content: "";
    position: absolute;
    z-index: -1;

    top: 5%;
    right: -12%;

    width: 720px;
    height: 720px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(21, 204, 143, 0.15) 0%,
            rgba(21, 204, 143, 0.05) 45%,
            transparent 70%
        );

    pointer-events: none;
}

/* ==================================================
   HERO TARTALOM
   ================================================== */

.energise-hero__content {
    position: relative;

    width: min(calc(100% - 48px), 1460px) !important;
    max-width: 1460px !important;
    min-height: 700px;

    margin-inline: auto !important;
    padding: 64px 0 68px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 65px !important;
}

/* ==================================================
   BAL OLDALI SZÖVEG
   ================================================== */

.energise-hero__copy {
    width: auto !important;
    max-width: 790px;

    flex: 1.15 1 0;
    min-width: 0;
}

/* Felső kis felirat */
.energise-eyebrow {
    width: auto !important;
    margin: 0 0 38px !important;
}

.energise-eyebrow .elementor-heading-title {
    color: rgba(255, 255, 255, 0.78);

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* Fehér és zöld főcím */
.energise-hero__title {
    width: 100% !important;
    margin: 0 !important;
}

.energise-hero__title .elementor-heading-title {
    margin: 0;

    color: #ffffff;

    font-family: "Manrope", sans-serif;
    font-size: clamp(72px, 6vw, 112px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.energise-hero__title--green {
    margin-top: 25px !important;
}

.energise-hero__title--green .elementor-heading-title {
    color: var(--energise-green);
}

/* Bevezető szöveg */
.energise-hero__lead {
    width: 100% !important;
    max-width: 680px;

    margin: 43px 0 0 !important;
}

.energise-hero__lead .elementor-widget-container {
    color: rgba(255, 255, 255, 0.88);

    font-family: "Manrope", sans-serif;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 400;
    line-height: 1.7;
}

.energise-hero__lead p {
    margin: 0;
}

/* ==================================================
   JOBB OLDALI PLECSNIK
   ================================================== */

.energise-badges {
    position: relative !important;

    width: auto !important;
    min-width: 490px;
    min-height: 560px;

    flex: 0.85 1 0;

    overflow: visible !important;
}

/* Minden kép közös beállítása */
.energise-badge {
    --badge-rotation: 0deg;

    position: absolute !important;
    z-index: 2;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    transform: rotate(var(--badge-rotation));
    transform-origin: center center;
}

.energise-badge .elementor-widget-container {
    width: 100%;
}

.energise-badge img {
    display: block;

    width: 100%;
    max-width: none;
    height: auto;

    filter:
        drop-shadow(
            0 22px 30px rgba(0, 0, 0, 0.2)
        );
}

/* Energiaábra – jobb felső */
.energise-badge--one {
    --badge-rotation: 7deg;

    top: 2%;
    right: 2%;

    width: 175px !important;
}

/* Napelemes ház – nagy, középen-balra */
.energise-badge--two {
    --badge-rotation: -6deg;

    top: 27%;
    left: 0;

    width: 285px !important;
}

/* Megújuló energia – jobb alsó */
.energise-badge--three {
    --badge-rotation: 5deg;

    right: 3%;
    bottom: 1%;

    width: 225px !important;
}

/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {

    .energise-hero__content {
        width: min(calc(100% - 40px), 900px) !important;
        min-height: auto;

        padding: 75px 0 55px !important;

        flex-direction: column !important;
        align-items: stretch !important;
        gap: 40px !important;
    }

    .energise-hero__copy {
        width: 100% !important;
        max-width: 790px;
    }

    .energise-hero__title .elementor-heading-title {
        font-size: clamp(68px, 10vw, 95px);
    }

    .energise-badges {
        width: 100% !important;
        max-width: 650px;
        min-width: 0;
        min-height: 480px;

        margin-inline: auto !important;
    }

    .energise-badge--one {
        top: 1%;
        right: 6%;

        width: 155px !important;
    }

    .energise-badge--two {
        top: 26%;
        left: 3%;

        width: 245px !important;
    }

    .energise-badge--three {
        right: 5%;
        bottom: 1%;

        width: 200px !important;
    }
}

/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .energise-hero__content {
        width: calc(100% - 32px) !important;

        padding: 52px 0 35px !important;
        gap: 30px !important;
    }

    .energise-eyebrow {
        margin-bottom: 24px !important;
    }

    .energise-eyebrow .elementor-heading-title {
        font-size: 10px;
        letter-spacing: 0.13em;
    }

    .energise-hero__title .elementor-heading-title {
        font-size: clamp(51px, 15vw, 70px);
        line-height: 1;
    }

    .energise-hero__title--green {
        margin-top: 18px !important;
    }

    .energise-hero__lead {
        margin-top: 30px !important;
    }

    .energise-hero__lead .elementor-widget-container {
        font-size: 17px;
        line-height: 1.65;
    }

    .energise-badges {
        width: 100% !important;
        max-width: 430px;
        min-height: 365px;

        margin-inline: auto !important;
    }

    .energise-badge--one {
        top: 0;
        right: 3%;

        width: 115px !important;
    }

    .energise-badge--two {
        top: 27%;
        left: 0;

        width: 175px !important;
    }

    .energise-badge--three {
        right: 2%;
        bottom: 0;

        width: 145px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibrib-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibrii-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibrili-light-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibril-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibri-rgular.ttf') format('truetype');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('http://energise.bcsenergia.hu/wp-content/uploads/2026/07/calibriz-bold-italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */