#calendar-container{max-width:99%;margin:0 auto;flex-direction:column;font-family:'Calibri','Arial','Helvetica',sans-serif}#navigation-container{width:100%;margin-bottom:120px;text-align:center}.calendar-navigation{display:inline-block;margin-bottom:10px}.calendar-navigation button{background-color:#0073aa;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px;margin:0 5px;transition:background-color .3s}.calendar-navigation button:hover{background-color:#005177}.calendar-navigation select{padding:8px 12px;padding-right:40px;border:1px solid #ccc;border-radius:4px;font-size:16px;margin:0 5px;cursor:pointer;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=UTF8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'10\' viewBox=\'0 0 14 10\'%3E%3Cpath fill=\'%230073aa\' d=\'M7 10L0 0h14L7 10z\'/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px}.calendar-navigation select#month-select{min-width:160px}.calendar-navigation select#year-select{min-width:100px}.calendar-navigation select::-ms-expand{display:none}.calendar-navigation select:focus{border-color:#0073aa;outline:none}.calendar-navigation select#month-select option:checked{font-weight:700;text-transform:uppercase;color:gray}#content-container{display:flex;flex-direction:row;gap:20px;align-items:flex-start}#category-list-container{flex:1;order:0;margin-top:0;margin-left:0;max-width:300px;padding-right:0}.category-list{list-style:none;padding:0;margin:0;text-align:left}.category-item{margin-bottom:15px;cursor:pointer;font-size:24px;color:#006b6b}.category-item:hover{text-decoration:underline}.category-item.selected{font-weight:700;color:magenta}.category-dropdown{display:none;width:80%;max-width:300px;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin:10px auto 20px;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=UTF8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'10\' viewBox=\'0 0 14 10\'%3E%3Cpath fill=\'%230073aa\' d=\'M7 10L0 0h14L7 10z\'/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px}.calendar-table{width:100%;border-collapse:collapse;table-layout:fixed;flex:3}.calendar-table th,.calendar-table td{border:3px solid #e0e0e0;width:14.28%;vertical-align:top;position:relative;padding:5px;box-sizing:border-box}.calendar-table th{background-color:#f0f0f0;height:40px;font-weight:700;text-align:center;font-family:'Calibri','Arial','Helvetica',sans-serif}.calendar-table td{background-color:#fff;overflow:hidden}.calendar-table td.no-events{height:180px}.calendar-table td.has-events{height:280px}.calendar-table td.prev-month-day,.calendar-table td.next-month-day{background-color:#f9f9f9}.day-number{position:absolute;top:5px;left:5px;font-weight:700;color:#000}.current-day .day-number{color:magenta}.prev-month-day .day-number,.next-month-day .day-number{color:gray}.event{margin-top:30px;text-align:center}.event img{width:80%;height:auto;object-fit:cover;border-radius:3px;margin-bottom:5px}.event-time{font-size:.8em;color:gray;margin:5px 0;font-family:'Calibri','Arial','Helvetica',sans-serif}.event-time:before{content:"★";color:magenta}.event.multi-day{border-left:3px solid magenta;padding-left:5px;margin-left:-5px}.event.multi-day-start{border-left:3px solid magenta;padding-left:5px;margin-left:-5px}.event.multi-day-end{border-right:3px solid magenta;padding-right:5px;margin-right:-5px}.event-title{font-family:'Arial','Helvetica',sans-serif;font-weight:700;font-size:.9em;color:#006b6b;margin:0 5px;max-width:18ch;white-space:normal;overflow-wrap:break-word}.event-title a{color:inherit;text-decoration:none}.event-title a:hover{text-decoration:underline}.event+.event{border-top:1px dashed #ccc;padding-top:10px;margin-top:10px}#event-list-container{width:100%;margin:0;font-family:'Calibri','Arial','Helvetica',sans-serif}.event-list{display:flex;flex-direction:column;align-items:center}.event-list-item{display:flex;align-items:center;margin-bottom:20px;width:90%;max-width:400px;border:1px solid #e0e0e0;border-radius:4px;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.event-list-item img{width:80px;height:80px;object-fit:cover;border-radius:4px;margin-right:15px}.event-list-details{display:flex;flex-direction:column}.event-list-date{font-size:.9em;color:#0073aa;margin-bottom:5px}.event-list-title{font-size:1em;font-weight:700;color:#006b6b}.event-list-title a{color:inherit;text-decoration:none}.event-list-title a:hover{text-decoration:underline}.download-css-button:hover{background-color:#005177}@media screen and (max-width:768px){#calendar-container{flex-direction:column}#navigation-container{width:100%;padding-left:0}#content-container{flex-direction:column}#category-list-container{display:none}.category-dropdown{display:block}#event-calendar-container{width:100%;order:1}.calendar-navigation .prev-month,.calendar-navigation .next-month{display:none}.search-container{margin-bottom:10px}}@media screen and (min-width:769px){#content-container{flex-direction:row}#category-list-container{flex:1;order:0}#event-calendar-container{flex:3;order:1}}.event-details{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:0 5px}.event-title{width:100%;text-align:center;margin:5px 0}.event img{margin-left:auto;margin-right:auto;display:block}@media screen and (min-width:1920px){.event-details{padding:0 10px}.event-title{font-size:1em;max-width:none}}