.elementor-948 .elementor-element.elementor-element-75a9743{--display:flex;}body.elementor-page-948:not(.elementor-motion-effects-element-type-background), body.elementor-page-948 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for container, class: .elementor-element-75a9743 *//* =====================================
   SUN VORTEX MEDIA
   ORANGE + WHITE THEME
===================================== */

:root {
    --svm-orange: #FF6B00;
    --svm-orange-hover: #E85D00;
    --svm-white: #FFFFFF;
}

/* Main page */
html,
body,
.elementor,
.elementor-page {
    color: var(--svm-white);
}

/* All headings */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    color: var(--svm-orange);
}

/* All paragraph and text widgets */
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-icon-list-text {
    color: var(--svm-white);
}

/* Links */
a {
    color: var(--svm-orange);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--svm-white);
}

/* =====================================
   BUTTON TEXT + ARROW FIX
===================================== */

.elementor a.elementor-button,
.elementor a.elementor-button .elementor-button-text,
.elementor a.elementor-button .elementor-button-icon,
.elementor a.elementor-button .elementor-button-icon i,
.elementor a.elementor-button .elementor-button-icon svg,
.elementor .elementor-button,
.elementor .elementor-button .elementor-button-text,
.elementor .elementor-button .elementor-button-icon,
.elementor .elementor-button .elementor-button-icon i,
.elementor .elementor-button .elementor-button-icon svg {
    color: var(--svm-white) !important;
    fill: var(--svm-white) !important;
}

/* Button normal state */
.elementor .elementor-button {
    background-color: var(--svm-orange) !important;
    border: 2px solid var(--svm-orange) !important;
    transition: all 0.3s ease !important;
}

/* Button hover state */
.elementor .elementor-button:hover,
.elementor .elementor-button:focus,
.elementor .elementor-button:active {
    background-color: var(--svm-orange-hover) !important;
    border-color: var(--svm-orange-hover) !important;
    color: var(--svm-white) !important;
}

/* Keep button text and arrow white on hover */
.elementor .elementor-button:hover .elementor-button-text,
.elementor .elementor-button:hover .elementor-button-icon,
.elementor .elementor-button:hover .elementor-button-icon i,
.elementor .elementor-button:hover .elementor-button-icon svg {
    color: var(--svm-white) !important;
    fill: var(--svm-white) !important;
}

/* Button hover movement */
.elementor .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 107, 0, 0.25);
}

/* Icons */
.elementor-icon,
.elementor-icon i,
.elementor-icon svg {
    color: var(--svm-orange) !important;
    fill: var(--svm-orange) !important;
}

/* Form fields */
input,
textarea,
select {
    color: var(--svm-orange) !important;
    border-color: var(--svm-orange) !important;
    background-color: var(--svm-white) !important;
}

/* Text selection */
::selection {
    background: var(--svm-orange);
    color: var(--svm-white);
}/* End custom CSS */