.elementor-365 .elementor-element.elementor-element-497ce4b{--display:flex;}#elementor-popup-modal-365{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-365 .dialog-message{width:990px;height:605px;align-items:flex-start;padding:25px 25px 25px 25px;}#elementor-popup-modal-365 .dialog-close-button{display:flex;top:15%;background-color:#720A0A;font-size:27px;}#elementor-popup-modal-365 .dialog-widget-content{border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:25px 25px 25px 25px;}body:not(.rtl) #elementor-popup-modal-365 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-365 .dialog-close-button{left:5%;}#elementor-popup-modal-365 .dialog-close-button i{color:var( --e-global-color-216839a );}#elementor-popup-modal-365 .dialog-close-button svg{fill:var( --e-global-color-216839a );}/* Start custom CSS for html, class: .elementor-element-7a056f8 */#spectro-schedule-container {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

#spectro-schedule-container .header {
    text-align: center;
    margin-bottom: 25px;
    border-bottom: 2px solid #4a90e2;
    padding-bottom: 15px;
}

#spectro-schedule-container .header h1 { color: #2c3e50; margin: 0; font-size: 1.8em; }
#spectro-schedule-container .header h2 { color: #4a90e2; margin: 5px 0; font-weight: 400; font-size: 1.4em; }
#spectro-schedule-container .header p, #spectro-schedule-container .footer p { color: #555; font-style: italic; font-size: 0.95em; }

#spectro-schedule-container table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border: 1px solid #ddd; /* Add a faint border */
}

#spectro-schedule-container td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#spectro-schedule-container tbody tr:nth-of-type(even) { background-color: #f8fafd; }
#spectro-schedule-container tbody tr:hover { background-color: #eaf6ff; }

#spectro-schedule-container td.day {
    font-weight: 600;
    color: #2c3e50;
    background-color: #ecf0f1;
    vertical-align: top;
    width: 15%;
}

#spectro-schedule-container td.time {
    white-space: nowrap;
    width: 20%;
    color: #4a90e2;
    font-weight: 600;
}
        
#spectro-schedule-container td.program { font-weight: 600; }
#spectro-schedule-container td.description { font-size: 0.9em; color: #555; }

#spectro-schedule-container .footer {
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 2px solid #4a90e2;
}
        
#spectro-schedule-container .footer p { margin: 5px 0; font-size: 1em; font-style: normal; }
#spectro-schedule-container .footer p.tagline { color: #e67e22; font-weight: 600; }

/* RESPONSIVE STYLES FOR MOBILE */
@media screen and (max-width: 768px) {
    #spectro-schedule-container table, 
    #spectro-schedule-container tbody, 
    #spectro-schedule-container tr, 
    #spectro-schedule-container td { 
        display: block; 
        width: 100% !important; 
    }

    #spectro-schedule-container table {
        border: none;
    }

    #spectro-schedule-container tbody tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden; 
    }

    #spectro-schedule-container tbody tr:nth-of-type(even) { background-color: transparent; }

    #spectro-schedule-container td {
        text-align: right; 
        position: relative;
        border-bottom: 1px solid #eee;
        padding: 12px 15px 12px 45%;
        min-height: 24px;
    }

    #spectro-schedule-container td:last-child { border-bottom: none; }

    #spectro-schedule-container td::before {
        content: attr(data-label);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
        width: 40%;
        padding-right: 10px;
        text-align: left;
        font-weight: 600;
        color: #2c3e50;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
            
    #spectro-schedule-container td.day {
        padding: 12px 15px;
        text-align: center;
        background-color: #4a90e2;
        color: #fff;
        font-size: 1.2em;
        min-height: auto;
    }

    #spectro-schedule-container td.day::before { content: ""; }
}/* End custom CSS */