.elementor-1789 .elementor-element.elementor-element-2215c60{--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-1789 .elementor-element.elementor-element-51362513{--spacer-size:50px;}.elementor-1789 .elementor-element.elementor-element-33e1df74{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1789 .elementor-element.elementor-element-178e5fc .elementor-heading-title{color:var( --e-global-color-astglobalcolor3 );}.elementor-1789 .elementor-element.elementor-element-4043cc8{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1789 .elementor-element.elementor-element-72c74a30 a{color:#EEDA6D;}.elementor-1789 .elementor-element.elementor-element-a4787c2{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1789 .elementor-element.elementor-element-2215c60{--width:90%;}}/* Start custom CSS for text-editor, class: .elementor-element-72c74a30 *//* --- AIED Custom Animated Link for Events Page --- */

/* 1. Prepare the link element */
.elementor-page .elementor-widget-text-editor a {
    color: #eeda6d; /* AIED Light Yellow */
    text-decoration: none; /* Remove the default underline */
    position: relative; /* This is crucial for positioning the underline */
    padding-bottom: 3px; /* Add a little space for the underline */
    transition: color 0.3s ease; /* Smooth transition for the text color */
}

/* 2. Create the underline using a pseudo-element */
.elementor-page .elementor-widget-text-editor a::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute;
    width: 0; /* Starts with zero width (hidden) */
    height: 1.5px; /* The thickness of the underline */
    bottom: 0;
    left: 0;
    background-color: #f7f0b8; /* The lighter yellow for the line */
    transition: width 0.3s ease-in-out; /* The swipe animation */
}

/* 3. Define the hover state */
.elementor-page .elementor-widget-text-editor a:hover {
    color: #f7f0b8; /* Change text to the lighter yellow on hover */
}

.elementor-page .elementor-widget-text-editor a:hover::after {
    width: 100%; /* Animate the width to 100% on hover */
}/* End custom CSS */