.elementor-47 .elementor-element.elementor-element-1f0a50e0{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-47 .elementor-element.elementor-element-6441d9f{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-6441d9f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-47 .elementor-element.elementor-element-3a8d6aeb{text-align:start;}.elementor-47 .elementor-element.elementor-element-3a8d6aeb img{width:100%;height:95px;object-fit:contain;object-position:center center;}.elementor-47 .elementor-element.elementor-element-2b3dbef5{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-1792561 .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-1792561.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-1792561.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-1792561.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-1792561.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-1792561.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-1792561 .elementor-icon{font-size:35px;}.elementor-47 .elementor-element.elementor-element-1792561 .elementor-icon svg{height:35px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-1f0a50e0{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-47 .elementor-element.elementor-element-3a8d6aeb img{height:27px;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-1f0a50e0{--min-height:65px;}.elementor-47 .elementor-element.elementor-element-6441d9f{--width:20%;}.elementor-47 .elementor-element.elementor-element-3a8d6aeb img{height:20px;}.elementor-47 .elementor-element.elementor-element-2b3dbef5{--width:80%;}}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-6441d9f{--width:82.421%;}.elementor-47 .elementor-element.elementor-element-2b3dbef5{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-47 .elementor-element.elementor-element-6441d9f{--width:15%;}.elementor-47 .elementor-element.elementor-element-2b3dbef5{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-1f0a50e0 *//* --- TRANSPARENT TO IMAGE BACKGROUND WITH SMOOTH FADE --- */

/* 1. Base state: Setup the container and its transitions */
.elementor-47 .elementor-element.elementor-element-1f0a50e0 {
    background-color: transparent !important;
    background-image: none !important;
    position: relative;
    z-index: 1;
}

/* Create a hidden layer for the background image */
.elementor-47 .elementor-element.elementor-element-1f0a50e0::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('https://cuss.com.au/wp-content/uploads/2026/05/cuss-background.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: 0 !important; /* Starts completely transparent */
    z-index: -1 !important; /* Stays behind the logo and menu links */
    transition: opacity 0.5s ease-in-out !important; /* Smooth fade effect */
}

/* 2. Scrolled state: Smoothly fade in the background image layer and add shadow */
#my-custom-header.scrolled-down::before {
    opacity: 1 !important; /* Fades in to 100% visible on scroll */
}

#my-custom-header.scrolled-down {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow 0.5s ease-in-out !important;
}/* End custom CSS */