.elementor-kit-5{--e-global-color-primary:#B32025;--e-global-color-secondary:#0F172A;--e-global-color-text:#0F172A;--e-global-color-accent:#334155;--e-global-color-ab41386:#FFFFFFBF;--e-global-color-e222230:#000000;--e-global-color-51c5f16:#64748B;--e-global-typography-primary-font-family:"EB Garamond";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"adobe-jenson-pro";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"EB Garamond";--e-global-typography-accent-font-weight:600;background-color:transparent;color:#64748B;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:500;background-image:linear-gradient(180deg, #FFFFFF 0%, #B3202512 100%);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-5 a:hover{color:#960409;}.elementor-kit-5 h1{font-family:"EB Garamond", Sans-serif;font-size:5.5rem;font-weight:700;line-height:1.1px;}.elementor-kit-5 h2{font-family:"EB Garamond", Sans-serif;font-size:2.25rem;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//**
 * Elementor Custom CSS for APB Conference
 * 
 * INSTRUCTIONS:
 * 1. Go to Elementor > Custom Code (or Appearance > Customize > Additional CSS)
 * 2. Paste this entire file content.
 * 3. This defines CSS variables and utility classes that you can use in your widgets.
 */

:root {
    /* Brand Colors */
    --color-brand: #b32025;
    /* Deep Crimson */
    --color-brand-glow: rgba(160, 27, 32, 0.4);
    --color-dark: #0F172A;
    /* Space Blue */
    --color-charcoal: #334155;
    --color-light: #FAFAFA;
    /* Off-white */

    /* UI Colors */
    --text-main: #0F172A;
    --text-muted: #64748B;
    --border-subtle: rgba(255, 255, 255, 0.2);

    /* Glassmorphism settings */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    --blur: blur(40px);

    /* Typography Variables (if needed in custom CSS) */
    --font-heading: 'EB Garamond', serif;
    --font-body: 'Inter Tight', sans-serif;

    /* Spacing & Radius */
    --radius-sm: 8px;
    --radius-md: 20px;
    --radius-lg: 32px;
}

/* =========================================
   Utility Classes for Elementor Widgets
   Add these class names in "Advanced > CSS Classes"
   ========================================= */

/* Use class: glass-card */
.glass-card {
    background: var(--glass-bg);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    border-radius: var(--radius-md);
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.glass-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 20px 40px -4px rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.8);
}

/* Use class: text-brand */
.text-brand {
    color: var(--color-brand);
}

/* Use class: bg-brand-gradient */
.bg-brand-gradient {
    background: linear-gradient(135deg, var(--color-brand) 0%, #750D11 100%) !important;
    color: white;
}

/* Use class: noise-overlay */
/* Note: You might want to add this to a Container that covers the whole screen */
.noise-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.035;
    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)'/%3E%3C/svg%3E");
    mix-blend-mode: overlay;
}

/* Mesh Background utility */
.mesh-background {
    background-color: #FDFCF8;
    background-image:
        radial-gradient(at 10% 10%, rgba(160, 27, 32, 0.08) 0px, transparent 50%),
        radial-gradient(at 90% 10%, rgba(200, 50, 50, 0.05) 0px, transparent 50%),
        radial-gradient(at 50% 90%, rgba(100, 116, 139, 0.08) 0px, transparent 50%),
        radial-gradient(at 90% 90%, rgba(160, 27, 32, 0.05) 0px, transparent 50%);
    filter: blur(60px);
}/* End custom CSS */