.elementor-601 .elementor-element.elementor-element-c308fd8{--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;--overlay-opacity:0.61;--margin-top:14px;--margin-bottom:14px;--margin-left:14px;--margin-right:14px;--padding-top:216px;--padding-bottom:216px;--padding-left:216px;--padding-right:216px;}.elementor-601 .elementor-element.elementor-element-c308fd8::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-background-video-container::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .e-con-inner > .elementor-background-video-container::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-background-slideshow::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://osis.sma.uals.sch.id/wp-content/uploads/2025/04/22c89c80-0e00-4183-9d85-c3e4575350b6-300x225.jpg");--background-overlay:'';}.elementor-601 .elementor-element.elementor-element-c308fd8::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-601 .elementor-element.elementor-element-5bcb56d > .elementor-widget-container{padding:1px 1px 1px 1px;}.elementor-601 .elementor-element.elementor-element-5bcb56d.elementor-element{--align-self:center;}.elementor-601 .elementor-element.elementor-element-5bcb56d{font-style:italic;letter-spacing:8px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.97);}.elementor-601 .elementor-element.elementor-element-5bcb56d p{margin-bottom:0px;}.elementor-601 .elementor-element.elementor-element-18a4a06{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#E3B2D8;}.elementor-601 .elementor-element.elementor-element-18a4a06 .elementor-headline{text-align:center;font-style:italic;}.elementor-601 .elementor-element.elementor-element-18a4a06 .elementor-headline-plain-text{color:#E3B2D8;}.elementor-601 .elementor-element.elementor-element-18a4a06 .elementor-headline .elementor-headline-plain-text{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.97);}.elementor-601 .elementor-element.elementor-element-18a4a06 .elementor-headline-dynamic-text{font-style:italic;}.elementor-601 .elementor-element.elementor-element-18a4a06 .elementor-headline .elementor-headline-dynamic-wrapper{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.99);}.elementor-601 .elementor-element.elementor-element-406e8b4{--display:flex;}.elementor-601 .elementor-element.elementor-element-45ca7a8 > .elementor-widget-container{background-image:url("https://osis.sma.uals.sch.id/wp-content/uploads/2025/04/Pink-Colorful-Pastel-Cute-Playful-Project-Presentation.png");margin:-15px -15px -15px -15px;padding:15px 15px 15px 15px;}.elementor-601 .elementor-element.elementor-element-45ca7a8 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-601 .elementor-element.elementor-element-3cb0842{--display:flex;}.elementor-601 .elementor-element.elementor-element-28ba6bc{--display:flex;}@media(max-width:767px){.elementor-601 .elementor-element.elementor-element-c308fd8::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-background-video-container::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .e-con-inner > .elementor-background-video-container::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-background-slideshow::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-601 .elementor-element.elementor-element-c308fd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://osis.sma.uals.sch.id/wp-content/uploads/2025/04/22c89c80-0e00-4183-9d85-c3e4575350b6-768x576.jpg");background-position:center center;background-size:cover;}.elementor-601 .elementor-element.elementor-element-c308fd8{--content-width:500px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.61;--margin-top:4px;--margin-bottom:4px;--margin-left:4px;--margin-right:4px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-601 .elementor-element.elementor-element-5bcb56d > .elementor-widget-container{margin:2px 2px 2px 2px;}.elementor-601 .elementor-element.elementor-element-5bcb56d.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-28ba6bc *//* Container utama untuk event */
.events-listing, .event-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 40px 0;
}

/* Kartu event */
.event-item {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    width: 300px;
    padding: 20px;
    transition: transform 0.2s ease;
    border-radius: 10px;
}

.event-item:hover {
    transform: translateY(-5px);
}

/* Judul event */
.event-item h3 {
    font-size: 20px;
    color: #0073aa;
    margin-bottom: 10px;
}

/* Tanggal event */
.event-date {
    font-weight: bold;
    color: #ff6600;
    margin-bottom: 8px;
}

/* Deskripsi singkat event */
.event-summary {
    color: #555;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Tombol detail */
.event-button {
    display: inline-block;
    background-color: #0073aa;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.event-button:hover {
    background-color: #005a87;
}/* End custom CSS */