.elementor-256892 .elementor-element.elementor-element-26a53ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256892 .elementor-element.elementor-element-5b1e7d3{--display:flex;--min-height:5rem;--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;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-256892 .elementor-element.elementor-element-064c2f0 img{width:auto;height:40px;}.elementor-256892 .elementor-element.elementor-element-39ce4f8{text-align:center;}.elementor-256892 .elementor-element.elementor-element-39ce4f8 .elementor-heading-title{font-family:"Poppins Elementor", Sans-serif;font-size:13px;font-weight:300;text-transform:uppercase;letter-spacing:3.5px;color:var( --e-global-color-1bb2f42 );}.elementor-256892 .elementor-element.elementor-element-f21a0f0{--display:flex;--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;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256892 .elementor-element.elementor-element-97a7abf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-256892 .elementor-element.elementor-element-b26603d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:50px;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:var( --e-global-color-1bb2f42 );}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-item > a{font-family:"SixCaps Elementor", Sans-serif;font-size:80px;font-weight:900;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-256892 .elementor-element.elementor-element-c9ee5cd .elementor-icon-list-text{transition:color 0.3s;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd{--grid-template-columns:repeat(0, auto);text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--grid-column-gap:30px;--grid-row-gap:0px;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-social-icon i{color:#DFD6D6;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-social-icon svg{fill:#DFD6D6;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-social-icon:hover i{color:var( --e-global-color-accent );}.elementor-256892 .elementor-element.elementor-element-f2fa7fd .elementor-social-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-256892 .elementor-element.elementor-element-26a53ae{--content-width:800px;}.elementor-256892 .elementor-element.elementor-element-5b1e7d3{--width:100%;}.elementor-256892 .elementor-element.elementor-element-f21a0f0{--width:auto;}}@media(max-width:1024px){.elementor-256892 .elementor-element.elementor-element-5b1e7d3{--min-height:4.375rem;}}@media(max-width:767px){.elementor-256892 .elementor-element.elementor-element-5b1e7d3{--min-height:3.75rem;}.elementor-256892 .elementor-element.elementor-element-39ce4f8 .elementor-heading-title{font-size:12px;letter-spacing:-0.1px;}.elementor-256892 .elementor-element.elementor-element-f21a0f0{--width:10vw;}.elementor-256892 .elementor-element.elementor-element-f2fa7fd{--grid-column-gap:16px;}}/* Start custom CSS for container, class: .elementor-element-26a53ae *//* =========================================
   1. BASE STATE & CSS VARIABLES (DESKTOP)
   ========================================= */
#morphing-header {
    /* REM Conversions (1rem = 16px) */
    --h-max-width: 50rem;          
    --h-width: calc(100% - 2.5rem);
    --h-margin-top: 1.25rem;       
    --h-height: 5rem;              
    --h-radius: 2.5rem;            
    
    --t-size: 2.75rem;             
    --t-gap: 0.375rem;             
    --t-line-w: 1.125rem;          
    --t-line-h: 0.125rem;          
    --t-anim-y: 0.25rem;           

    /* --- THE BULLETPROOF CENTERING FIX --- */
    position: fixed !important; /* <-- Changed from absolute to fixed */
    top: var(--h-margin-top) !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    margin: 0 !important; 
    z-index: 999;
    /* ---------------------------------- */

   /* --- ELEMENTOR OVERRIDE (MOBILE FIX) --- */
    max-width: var(--h-max-width) !important;
    width: var(--h-width) !important;
    max-height: var(--h-height) !important;
    border-radius: var(--h-radius) !important;
    /* --------------------------------------- */
    
    overflow: hidden;
    background-color: rgba(30, 30, 30, 0.65);
    backdrop-filter: blur(1.25rem);
    -webkit-backdrop-filter: blur(1.25rem);
    
    transition: max-height 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

/* =========================================
   2. BREAKPOINTS (RESPONSIVE ADJUSTMENTS)
   ========================================= */

/* Widescreen (2400px and up) */
@media (min-width: 150rem) {
    #morphing-header { 
        --h-max-width: 62.5rem;    /* Expands max-width to 1000px on massive screens */ 
    }
}

/* Tablet Portrait (1024px and below) */
@media (max-width: 64rem) {
    #morphing-header {
        --h-height: 4.375rem;      /* Shrinks header to 70px */
        --h-radius: 2.1875rem;     /* 35px (Half of 70px) */
    }
}

/* Mobile Portrait (767px and below) */
@media (max-width: 47.9375rem) {
    #morphing-header {
        --h-height: 3.75rem;       /* Shrinks header to 60px */
        --h-radius: 1.875rem;      /* 30px (Half of 60px) */
        --h-width: calc(100% - 2rem); /* Slightly wider on mobile */
        --h-margin-top: 1rem;      /* Reduces top margin to 16px */

        --t-size: 2.375rem;        /* Shrinks toggle button to 38px */
        --t-line-w: 1rem;          /* Shrinks inner lines to 16px */
        --t-anim-y: 0.2rem;        /* Adjusts morph center for smaller button */
    }
}

/* =========================================
   3. EXPANDED STATE & CONTENT
   ========================================= */
#morphing-header.is-expanded {
    max-height: 95vh !important; /* Must have !important to override base state */
    overflow-y: auto; 
    overflow-x: hidden !important; 
    scrollbar-width: none; 
}

#morphing-header.is-expanded::-webkit-scrollbar {
    display: none;
}

#expanded-menu-content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1.25rem); /* -20px */
    transition: all 0.3s ease 0s;
}

#morphing-header.is-expanded #expanded-menu-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.4s ease 0.4s; 
}

/* =========================================
   4. TOGGLE ICON STYLING & ANIMATION
   ========================================= */
#custom-menu-toggle {
    width: var(--t-size);
    height: var(--t-size);
    border: 0.0625rem solid rgba(255, 255, 255, 0.4); /* 1px border */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: var(--t-gap);
}

#custom-menu-toggle span {
    display: block;
    width: var(--t-line-w);
    height: var(--t-line-h);
    background-color: #ffffff;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

#morphing-header.is-expanded #custom-menu-toggle span:nth-child(1) {
    transform: translateY(var(--t-anim-y)) rotate(45deg);
}

#morphing-header.is-expanded #custom-menu-toggle span:nth-child(2) {
    /* calc() multiplies by -1 to move the bottom line in the opposite direction */
    transform: translateY(calc(var(--t-anim-y) * -1)) rotate(-45deg); 
}

/* =========================================
   5. STAGGERED CASCADING ANIMATION (IN & OUT)
   ========================================= */

/* -----------------------------------------
   A. BASE STATE (THE CLOSING ANIMATION)
   ----------------------------------------- */
#morphing-header .stagger-menu .elementor-icon-list-item,
#morphing-header .stagger-social {
    opacity: 0;
    transform: translateY(2rem); 
    
    /* Faster 0.3s animation so they vanish before the pill shrinks */
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Reversing the Stagger: Bottom elements disappear first when closing */
#morphing-header .stagger-social { transition-delay: 0s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(6) { transition-delay: 0.05s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(5) { transition-delay: 0.10s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(4) { transition-delay: 0.15s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(3) { transition-delay: 0.20s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(2) { transition-delay: 0.25s; }
#morphing-header .stagger-menu .elementor-icon-list-item:nth-child(1) { transition-delay: 0.30s; }


/* -----------------------------------------
   B. EXPANDED STATE (THE OPENING ANIMATION)
   ----------------------------------------- */
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item,
#morphing-header.is-expanded .stagger-social {
    opacity: 1;
    transform: translateY(0);
    
    /* Slower, elegant 0.5s animation when opening */
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Forward Stagger: Top elements appear first when opening */
/* The 0.4s start delay gives the pill time to stretch open first */
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(1) { transition-delay: 0.4s; }
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(2) { transition-delay: 0.5s; }
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(3) { transition-delay: 0.6s; }
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(4) { transition-delay: 0.7s; }
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(5) { transition-delay: 0.8s; }
#morphing-header.is-expanded .stagger-menu .elementor-icon-list-item:nth-child(6) { transition-delay: 0.9s; }
#morphing-header.is-expanded .stagger-social { transition-delay: 1.0s; }

/* =========================================
   6. MENU LINK HOVER EFFECTS (CLOUD/HALO)
   ========================================= */

/* 1. Set up the text for the letter-spacing animation */
#morphing-header .stagger-menu .elementor-icon-list-text {
    transition: letter-spacing 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), 
                text-shadow 0.4s ease;
}

/* 2. Set up the link container */
#morphing-header .stagger-menu .elementor-icon-list-item a {
    position: relative;
    display: inline-flex; 
    width: max-content;
    max-width: 100% !important; /* Protects mobile from stretching */
    z-index: 1;
}
    /* We removed the padding, background color, and overflow: hidden that caused the harsh box */
}

/* 3. Create the Grainy Halo (Initially hidden) */
#morphing-header .stagger-menu .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    
    /* Expand the effect well beyond the text so the fade has room to breathe */
    inset: -1.5rem -3rem; 
    z-index: -1;
    opacity: 0;
    pointer-events: none; /* Prevents the invisible expanded area from messing with clicks */
    
    /* The Blur */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* The Grain */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.20'/%3E%3C/svg%3E");
    
    /* THE MAGIC: Soft radial mask fades the edges to transparent, removing the box shape completely */
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 70%);
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 70%);
    
    transition: opacity 0.4s ease;
}

/* -----------------------------------------
   HOVER TRIGGERS
   ----------------------------------------- */

/* Expand letters and add a slight text-glow on hover */
#morphing-header .stagger-menu .elementor-icon-list-item a:hover .elementor-icon-list-text {
    letter-spacing: 0.1em; 
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.4); 
}

/* Fade in the boundless grainy halo on hover */
#morphing-header .stagger-menu .elementor-icon-list-item a:hover::before {
    opacity: 1; 
}

/* =========================================
   7. ELEMENTOR HTML WIDGET RESET & ALIGNMENT
   ========================================= */

/* Force the Top Bar to expand fully but NEVER stretch downwards */
#morphing-header > div:first-of-type {
    width: 100% !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important; /* Prevents the top bar from covering the menu */
}

/* Strip spacing and make the invisible wrapper ignore clicks */
#morphing-header .elementor-widget-html,
#morphing-header .elementor-widget-html .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    
    width: 100% !important; 
    height: 100% !important; 
    
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; 
    
    pointer-events: none !important; /* STOPS THE SHIELD FROM STEALING CLICKS */
}

/* Kill any phantom <p> tags */
#morphing-header .elementor-widget-html p,
#morphing-header .elementor-widget-html br {
    display: none !important;
}

/* Keep the actual button perfectly centered and CLICKABLE */
#custom-menu-toggle {
    margin: 0 !important; 
    transform: none !important;
    flex-shrink: 0 !important; 
    pointer-events: auto !important; /* RESTORES CLICKS TO THE BUTTON ONLY */
}

/* =========================================
   8. PERFECT CENTER TITLE ALIGNMENT
   ========================================= */

/* 1. Ensure the Top Bar acts as the anchor point */
#morphing-header > div:first-of-type {
    position: relative !important;
    justify-content: space-between !important; /* Pushes Logo left, Icon right */
}

/* 2. Lock the Title to the absolute dead center safely */
#morphing-header .center-title {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 10;
    
    /* 3. The "Nuke It" Link Override */
#morphing-header .center-title a,
#morphing-header .center-title a:hover,
#morphing-header .center-title a:visited {
    /* Hardcode your exact styles here to defeat Elementor */
    color: #ffffff !important; 
    font-family: "Bebas Neue", sans-serif !important; /* Replace with your actual font name */
    font-size: 2rem !important; /* Replace with your actual font size */
    font-weight: 400 !important; 
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    
    /* Kill any global variables */
    --e-global-typography-primary-font-family: none !important;
    --e-global-color-text: none !important;
}
    
    /* --- THE MOBILE STRETCH FIX --- */
    white-space: nowrap !important; /* Keeps text on one line */
    max-width: 45vw !important; /* strictly prevents it from pushing out or hitting icons */
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Adds "..." only if the screen is brutally small */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Elementor';
	font-display: auto;
	src: url('https://sinisazec.com/wp-content/uploads/FTP/FONTS/Poppins-VariableFont_wght.otf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SixCaps Elementor';
	font-display: auto;
	src: url('https://sinisazec.com/wp-content/uploads/FTP/FONTS/SixCaps-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */