.elementor-328 .elementor-element.elementor-element-e5ed33a{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;overflow:visible;}.elementor-328 .elementor-element.elementor-element-33014c6 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:24px;font-weight:700;color:var( --e-global-color-text );}#elementor-popup-modal-328 .dialog-widget-content{animation-duration:0.8s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-328 .dialog-message{width:600px;height:auto;}#elementor-popup-modal-328{justify-content:center;align-items:center;}#elementor-popup-modal-328 .dialog-close-button{display:flex;top:4%;font-size:20px;}body:not(.rtl) #elementor-popup-modal-328 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-328 .dialog-close-button{left:5%;}/* Start custom CSS for shortcode, class: .elementor-element-3a2325e */@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600&display=swap');

.custom-library-hours {
    font-family: 'Red Hat Display', sans-serif !important;
    font-size: 18px;
    font-weight: 400; /* Regular weight */
    line-height: 1.6;
    color: #333; /* Adjust text color as needed */
}

.custom-library-hours p {
    margin: 5px 0;
}

.custom-library-hours .today-highlight {
    font-weight: 1000; /* Semi-bold for emphasis */
    color: #4CAF50; /* Green highlight for today’s hours */
}

.library-open, .library-closed {
    font-family: 'Red Hat Display', sans-serif !important; /* Apply your font */
    font-weight: bold;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}

.library-open {
    color: #ffffff;
    background-color: #4CAF50; /* Green */
}

.library-closed {
    color: #ffffff;
    background-color: #D32F2F; /* Red */
}/* End custom CSS */