.elementor-1303 .elementor-element.elementor-element-f543cd5{--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:center;--align-items:center;--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;--z-index:999;}.elementor-1303 .elementor-element.elementor-element-910676c{--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;}.elementor-widget-image .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-1303 .elementor-element.elementor-element-e0d2392{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1303 .elementor-element.elementor-element-e0d2392 img{width:39%;}.elementor-1303 .elementor-element.elementor-element-f793393:not( .elementor-widget-image ), .elementor-1303 .elementor-element.elementor-element-f793393.elementor-widget-image img{-webkit-mask-image:url( https://dopemanmarketing.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:41%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-1303 .elementor-element.elementor-element-f793393{text-align:start;}.elementor-1303 .elementor-element.elementor-element-f793393 img{width:26%;}.elementor-1303 .elementor-element.elementor-element-0729119{--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;}.elementor-1303 .elementor-element.elementor-element-2335500{--grid-template-columns:repeat(0, auto);text-align:right;padding:0px 90px 0px 0px;--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1303 .elementor-element.elementor-element-2335500 .elementor-social-icon{background-color:#7FFF00;}.elementor-1303 .elementor-element.elementor-element-2335500 .elementor-social-icon i{color:#2B2B2B;}.elementor-1303 .elementor-element.elementor-element-2335500 .elementor-social-icon svg{fill:#2B2B2B;}.elementor-1303 .elementor-element.elementor-element-2335500 .elementor-social-icon:hover{background-color:#FFFFFF;}.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-1303 .elementor-element.elementor-element-910676c{--width:50%;}.elementor-1303 .elementor-element.elementor-element-0729119{--width:50%;}}@media(max-width:767px){.elementor-1303 .elementor-element.elementor-element-f543cd5{--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-1303 .elementor-element.elementor-element-910676c{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1303 .elementor-element.elementor-element-e0d2392{text-align:center;}.elementor-1303 .elementor-element.elementor-element-e0d2392 img{width:100%;max-width:100%;}.elementor-1303 .elementor-element.elementor-element-f793393{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1303 .elementor-element.elementor-element-f793393 img{width:50%;}.elementor-1303 .elementor-element.elementor-element-0729119{--width:50%;--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-1303 .elementor-element.elementor-element-2335500{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-size:17px;}}/* Start custom CSS for container, class: .elementor-element-f543cd5 *//* 1. Smooth transition for the header and logos */
.dynamic-header, 
.dynamic-header img {
    transition: all 0.4s ease-in-out !important;
}

/* 2. Initial State: Dark Background */
.dynamic-header {
    background-color: #100000 !important; /* Your starting dark color */
    padding: 20px 0;
}

/* 3. Hide the 'Scroll' logo initially */
.scroll-logo {
    display: none !important;
}

/* --- THE SCROLLED STATE (100px Offset) --- */

/* 4. Make background nearly transparent on scroll */
.elementor-sticky--effects.dynamic-header {
    background-color: rgba(26, 26, 26, 0.2) !important; /* Dark color at 20% opacity */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    backdrop-filter: blur(5px); /* Optional: adds a glass effect */
}

/* 5. Hide the main logo */
.elementor-sticky--effects.dynamic-header .main-logo {
    display: none !important;
}

/* 6. Show the scroll logo at its full/intended size */
.elementor-sticky--effects.dynamic-header .scroll-logo {
    display: block !important;
    width: auto !important; /* Prevents it from shrinking */
    max-width: 150px; /* Set this to your preferred constant size */
}/* End custom CSS */