.elementor-5132 .elementor-element.elementor-element-ed5a732{--display:flex;--min-height:500px;--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;--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5132 .elementor-element.elementor-element-ed5a732:not(.elementor-motion-effects-element-type-background), .elementor-5132 .elementor-element.elementor-element-ed5a732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-5132 .elementor-element.elementor-element-019ac6f{--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;--align-items:center;--border-radius:0px 0px 0px 0px;}.elementor-5132 .elementor-element.elementor-element-019ac6f:not(.elementor-motion-effects-element-type-background), .elementor-5132 .elementor-element.elementor-element-019ac6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-5132 .elementor-element.elementor-element-f42d10a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-5132 .elementor-element.elementor-element-52880cbc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5132 .elementor-element.elementor-element-6d6edb48{--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;}.elementor-5132 .elementor-element.elementor-element-fdb5221{text-align:center;}.elementor-5132 .elementor-element.elementor-element-fdb5221 .elementor-heading-title{font-family:"Siegra", Sans-serif;font-size:60px;font-weight:400;}.elementor-5132 .elementor-element.elementor-element-d3c23d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5132 .elementor-element.elementor-element-1b2882b > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5132 .elementor-element.elementor-element-0a3e20d > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5132 .elementor-element.elementor-element-293ef71{text-align:center;}.elementor-5132 .elementor-element.elementor-element-293ef71 .elementor-heading-title{font-family:"Siegra", Sans-serif;}.elementor-5132 .elementor-element.elementor-element-abb42a5{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5132 .elementor-element.elementor-element-abb42a5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5132 .elementor-element.elementor-element-abb42a5:after{content:"0.66";}.elementor-5132 .elementor-element.elementor-element-abb42a5 .elementor-post__thumbnail__link{width:100%;}.elementor-5132 .elementor-element.elementor-element-abb42a5 .elementor-post__meta-data span + span:before{content:"///";}.elementor-5132 .elementor-element.elementor-element-abb42a5.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-5132 .elementor-element.elementor-element-abb42a5.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-5132 .elementor-element.elementor-element-abb42a5.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-5132 .elementor-element.elementor-element-eadb8cc{--display:flex;}.elementor-5132 .elementor-element.elementor-element-c31170f{text-align:center;}.elementor-5132 .elementor-element.elementor-element-c31170f .elementor-heading-title{font-family:"Siegra", Sans-serif;}.elementor-5132 .elementor-element.elementor-element-76e2194 .elementor-repeater-item-b3d0990.elementor-social-icon{background-color:#FF38C2;}.elementor-5132 .elementor-element.elementor-element-76e2194 .elementor-repeater-item-ea26508.elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-5132 .elementor-element.elementor-element-76e2194{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5132 .elementor-element.elementor-element-76e2194 .elementor-widget-container{text-align:center;}@media(max-width:767px){.elementor-5132 .elementor-element.elementor-element-abb42a5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5132 .elementor-element.elementor-element-abb42a5:after{content:"0.5";}.elementor-5132 .elementor-element.elementor-element-abb42a5 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-5132 .elementor-element.elementor-element-f42d10a{--width:90%;}.elementor-5132 .elementor-element.elementor-element-6d6edb48{--width:100%;}}@media(min-width:1025px){.elementor-5132 .elementor-element.elementor-element-ed5a732:not(.elementor-motion-effects-element-type-background), .elementor-5132 .elementor-element.elementor-element-ed5a732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-5132 .elementor-element.elementor-element-019ac6f:not(.elementor-motion-effects-element-type-background), .elementor-5132 .elementor-element.elementor-element-019ac6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-1b2882b *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0a3e20d *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Siegra'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://azelianarts.com/wp-content/uploads/2025/11/Siegra.ttf') format('truetype'); } /* End Custom Fonts CSS */