.elementor-6151 .elementor-element.elementor-element-b121550{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6151 .elementor-element.elementor-element-b121550:not(.elementor-motion-effects-element-type-background), .elementor-6151 .elementor-element.elementor-element-b121550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6151 .elementor-element.elementor-element-b121550::before, .elementor-6151 .elementor-element.elementor-element-b121550 > .elementor-background-video-container::before, .elementor-6151 .elementor-element.elementor-element-b121550 > .e-con-inner > .elementor-background-video-container::before, .elementor-6151 .elementor-element.elementor-element-b121550 > .elementor-background-slideshow::before, .elementor-6151 .elementor-element.elementor-element-b121550 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6151 .elementor-element.elementor-element-b121550 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6151 .elementor-element.elementor-element-6cc478a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6151 .elementor-element.elementor-element-408f6f5 > .elementor-widget-container{margin:0px 0px -62px 0px;}.elementor-6151 .elementor-element.elementor-element-408f6f5 img{width:52%;}.elementor-6151 .elementor-element.elementor-element-03e17d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 18px 30px 0px;}.elementor-6151 .elementor-element.elementor-element-03e17d1{text-align:center;}.elementor-6151 .elementor-element.elementor-element-03e17d1 .elementor-heading-title{font-family:var( --e-global-typography-4e42156-font-family ), Sans-serif;font-size:var( --e-global-typography-4e42156-font-size );font-weight:var( --e-global-typography-4e42156-font-weight );line-height:var( --e-global-typography-4e42156-line-height );color:var( --e-global-color-text );}.elementor-6151 .elementor-element.elementor-element-3105b4b{--display:flex;--min-height:420px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6151 .elementor-element.elementor-element-54db6cd > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-6151 .elementor-element.elementor-element-54db6cd{left:0px;}body.rtl .elementor-6151 .elementor-element.elementor-element-54db6cd{right:0px;}.elementor-6151 .elementor-element.elementor-element-54db6cd{top:0px;}.elementor-6151 .elementor-element.elementor-element-54db6cd img{width:100%;}.elementor-6151 .elementor-element.elementor-element-6a44148 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6151 .elementor-element.elementor-element-6a44148 .elementor-heading-title{font-family:"Century Gothic", Sans-serif;font-size:70px;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6151 .elementor-element.elementor-element-3105b4b{--content-width:1186px;}}@media(max-width:1024px){.elementor-6151 .elementor-element.elementor-element-b121550{--min-height:330px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6151 .elementor-element.elementor-element-03e17d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6151 .elementor-element.elementor-element-03e17d1 .elementor-heading-title{font-size:var( --e-global-typography-4e42156-font-size );line-height:var( --e-global-typography-4e42156-line-height );}}@media(max-width:767px){.elementor-6151 .elementor-element.elementor-element-b121550{--min-height:170px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6151 .elementor-element.elementor-element-408f6f5 > .elementor-widget-container{margin:0px 0px -45px 0px;padding:0px 0px 0px 0px;}.elementor-6151 .elementor-element.elementor-element-408f6f5 img{width:79%;}.elementor-6151 .elementor-element.elementor-element-03e17d1 .elementor-heading-title{font-size:var( --e-global-typography-4e42156-font-size );line-height:var( --e-global-typography-4e42156-line-height );}.elementor-6151 .elementor-element.elementor-element-6a44148 .elementor-heading-title{font-size:28px;}}@media(min-width:1025px){.elementor-6151 .elementor-element.elementor-element-b121550:not(.elementor-motion-effects-element-type-background), .elementor-6151 .elementor-element.elementor-element-b121550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for image, class: .elementor-element-408f6f5 *//* =========================================
   KONTEJNER ZVEZDICA
========================================= */

/* Ne menja širinu, visinu ni display originalne slike */

.elementor-6151 .elementor-element.elementor-element-408f6f5 .elementor-widget-container {
    position: relative !important;
    overflow: visible !important;
    text-align: center !important;
}

/* =========================================
   ORIGINALNE ZVEZDICE
========================================= */

/* Dodaje samo pomeranje postojećoj slici */

.elementor-6151 .elementor-element.elementor-element-408f6f5 img {
    position: relative !important;
    z-index: 1 !important;

    animation: projectsStarsFloat 5s ease-in-out infinite !important;
    will-change: transform;
}

/* =========================================
   SJAJ PREKO ZVEZDICA
========================================= */

/* Svetleća kopija prati novu širinu slike od 52% */

.elementor-6151 .elementor-element.elementor-element-408f6f5 .elementor-widget-container::after {
    content: "" !important;

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

    top: 0 !important;
    left: 50% !important;

    width: 52% !important;
    aspect-ratio: 653 / 220 !important;

    background-image: url("https://vukschristmascorner.com/wp-content/uploads/2026/07/zvezdice-za-naslove-na-drugim-stranicama.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;

    filter:
        brightness(2.2)
        drop-shadow(0 0 5px #feffdb) !important;

    pointer-events: none !important;

    /* Širi sjaj koji obuhvata sve zvezdice */

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 35%,
        #000 65%,
        transparent 100%
    ) !important;
    -webkit-mask-size: 35% 100% !important;
    -webkit-mask-repeat: no-repeat !important;

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 35%,
        #000 65%,
        transparent 100%
    ) !important;
    mask-size: 35% 100% !important;
    mask-repeat: no-repeat !important;

    animation:
        projectsStarsShine 5s linear infinite,
        projectsOverlayFloat 5s ease-in-out infinite !important;

    will-change: transform, opacity, mask-position;
}

/* =========================================
   SJAJ PREKO SVIH ZVEZDICA
========================================= */

@keyframes projectsStarsShine {
    0% {
        -webkit-mask-position: -35% 0;
        mask-position: -35% 0;
        opacity: 1;
    }

    35% {
        -webkit-mask-position: 135% 0;
        mask-position: 135% 0;
        opacity: 1;
    }

    38% {
        -webkit-mask-position: 135% 0;
        mask-position: 135% 0;
        opacity: 0;
    }

    100% {
        -webkit-mask-position: 135% 0;
        mask-position: 135% 0;
        opacity: 0;
    }
}

/* =========================================
   POMERANJE ORIGINALNIH ZVEZDICA
========================================= */

@keyframes projectsStarsFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* =========================================
   SJAJ PRATI POMERANJE ZVEZDICA
========================================= */

@keyframes projectsOverlayFloat {
    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54db6cd *//* =========================================
   POZICIJA CELE KOMPOZICIJE
========================================= */

.elementor-6151 .elementor-element.elementor-element-54db6cd {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 800px !important;
    max-width: 90vw !important;

    transform: translate(-50%, -50%) !important;

    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
}

/* =========================================
   ZAJEDNIČKI KONTEJNER SLIKE I SJAJA
========================================= */

.elementor-6151 .elementor-element.elementor-element-54db6cd .elementor-widget-container {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 300 / 101 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    animation: constructionStarsFloat 5s ease-in-out infinite !important;
    will-change: transform;
}

/* =========================================
   ORIGINALNA SLIKA
========================================= */

.elementor-6151 .elementor-element.elementor-element-54db6cd img {
    position: absolute !important;
    z-index: 1 !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;

    animation: none !important;
    transform: none !important;
}

/* =========================================
   SVETLEĆA KOPIJA ISTE SLIKE
========================================= */

.elementor-6151 .elementor-element.elementor-element-54db6cd .elementor-widget-container::after {
    content: "" !important;

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

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    /*
     * Ovo je sada ista slika kao original:
     * zvezdice-za-naslovnu
     */
    background-image: url("https://vukschristmascorner.com/wp-content/uploads/2026/07/zvezdice-za-naslovnu-300x101.png") !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;

    filter:
        brightness(2.4)
        drop-shadow(0 0 6px #feffdb) !important;

    pointer-events: none !important;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 38%,
        #000 62%,
        transparent 100%
    ) !important;

    -webkit-mask-size: 30% 100% !important;
    -webkit-mask-repeat: no-repeat !important;

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 38%,
        #000 62%,
        transparent 100%
    ) !important;

    mask-size: 30% 100% !important;
    mask-repeat: no-repeat !important;

    animation: constructionStarsShine 5s linear infinite !important;

    will-change: opacity, mask-position;
}

/* =========================================
   PRELAZ SJAJA
========================================= */

@keyframes constructionStarsShine {
    0% {
        -webkit-mask-position: -43% 0;
        mask-position: -43% 0;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    40% {
        -webkit-mask-position: 143% 0;
        mask-position: 143% 0;
        opacity: 1;
    }

    45%,
    100% {
        -webkit-mask-position: 143% 0;
        mask-position: 143% 0;
        opacity: 0;
    }
}

/* =========================================
   ZAJEDNIČKO LEBDENJE
========================================= */

@keyframes constructionStarsFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

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

@media (max-width: 1024px) {
    .elementor-6151 .elementor-element.elementor-element-54db6cd {
        width: 650px !important;
        max-width: 90vw !important;
    }
}

/* =========================================
   MOBILNI
========================================= */

@media (max-width: 767px) {
    .elementor-6151 .elementor-element.elementor-element-54db6cd {
        width: 340px !important;
        max-width: 94vw !important;
    }

    .elementor-6151 .elementor-element.elementor-element-54db6cd .elementor-widget-container::after {
        filter:
            brightness(2.1)
            drop-shadow(0 0 4px #feffdb) !important;
    }
}

/* =========================================
   SMANJENE ANIMACIJE
========================================= */

@media (prefers-reduced-motion: reduce) {
    .elementor-6151 .elementor-element.elementor-element-54db6cd .elementor-widget-container {
        animation: none !important;
    }

    .elementor-6151 .elementor-element.elementor-element-54db6cd .elementor-widget-container::after {
        display: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vukschristmascorner.com/wp-content/uploads/2026/06/centurygothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://vukschristmascorner.com/wp-content/uploads/2026/06/centurygothic_bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */