@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');.skola-udalosti-container{font-family:'Poppins',sans-serif;max-width:800px;margin:0 auto}.skola-udalost-item{display:flex;align-items:stretch;margin-bottom:12px;border-radius:5px;overflow:hidden}.skola-udalost-datum{flex-shrink:0;width:85px;min-height:85px;border-radius:5px;background-color:#0444a1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;text-transform:uppercase;line-height:1.1;transition:background-color .3s ease}.skola-datum-mesic{font-size:14px;text-align:center;font-weight:300;text-transform:uppercase}.skola-datum-den{font-family:'Montserrat',sans-serif;font-size:38px;font-weight:600;line-height:.9}.skola-datum-rok{font-size:14px;text-align:center;font-weight:300}.skola-udalost-info{padding:10px;flex-grow:1;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.skola-udalost-info h3{font-size:16px;font-weight:400;color:#333;line-height:1.3;padding-bottom:0!important;margin:0 0 5px;transition:color .3s ease}.skola-udalost-info p{margin:0;font-size:14px;color:#223263;font-weight:400}.skola-udalost-item.highlighted{background-color:#2e73e1;transition:background-color .3s ease}.skola-udalost-item.highlighted .skola-udalost-datum{background-color:#2e73e1;transition:background-color .3s ease}.skola-udalost-item.highlighted .skola-udalost-info{background-color:#2e73e1;transition:background-color .3s ease}.skola-udalost-item.highlighted .skola-udalost-info h3,.skola-udalost-item.highlighted .skola-udalost-info p{color:#fff}a.skola-udalost-link,a.skola-udalost-link:hover{text-decoration:none;color:inherit;display:block}a.skola-udalost-link:hover .skola-udalost-item.highlighted .skola-udalost-datum{background-color:#008fff}a.skola-udalost-link:hover .skola-udalost-item.highlighted .skola-udalost-info{background-color:#008fff}a.skola-udalost-link:hover .skola-udalost-datum{background-color:#008fff}a.skola-udalost-link:hover .skola-udalost-info h3{color:#008fff}a.skola-udalost-link:hover .skola-udalost-item.highlighted .skola-udalost-info h3{color:#fff}@media (max-width:480px){.skola-udalost-datum{width:70px;min-height:70px}.skola-datum-mesic{font-size:10px}.skola-datum-den{font-size:28px;margin:1px 0}.skola-datum-rok{font-size:10px}.skola-udalost-info{padding:12px 15px}.skola-udalost-info h3{font-size:15px}.skola-udalost-info p{font-size:13px}}