Το ημερολογιακό πρόγραμμα της αγωνιστικής περιόδου 2021-2022

.a24-telegram, .a24-telegram * { box-sizing: border-box; } .a24-telegram { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; width: 100%; margin: 30px 0; padding: 26px; border: 0; border-top: 4px solid #1fa8cf; border-radius: 8px; background: #fff; color: #233b6e; font-family: "Averta-Regular", Arial, sans-serif; text-align: left; line-height: 1.5; } .a24-telegram .a24-telegram__icon { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%; background: #e9f7fc; color: #147f9e; } .a24-telegram .a24-telegram__icon svg { display: block; width: 30px; height: 30px; } .a24-telegram .a24-telegram__copy { flex: 1 1 290px; min-width: 0; } .a24-telegram .a24-telegram__label { display: block; margin: 0 0 6px; color: #147f9e; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: 1.1px; } .a24-telegram .a24-telegram__title { display: block; margin: 0 0 8px; color: #233b6e; font-family: "Averta-Bold", Arial, sans-serif; font-size: 23px; font-weight: 700; line-height: 1.2; letter-spacing: -0.4px; text-transform: none; } .a24-telegram .a24-telegram__text { margin: 0; color: #4b5870; font-size: 15px; line-height: 1.5; } .a24-telegram .a24-telegram__action { flex: 0 1 auto; max-width: 100%; } .a24-telegram a.a24-telegram__button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; max-width: 100%; padding: 13px 18px; border: 2px solid #233b6e; border-radius: 5px; background: #233b6e; color: #fff !important; font-family: "Averta-Bold", Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none !important; box-shadow: none; text-align: center; } .a24-telegram a.a24-telegram__button:hover { background: #172b53; border-color: #172b53; } .a24-telegram a.a24-telegram__button:focus-visible { outline: 3px solid #147f9e; outline-offset: 4px; } @media (max-width: 600px) { .a24-telegram { gap: 16px; padding: 22px 20px; } .a24-telegram .a24-telegram__icon { flex-basis: 44px; width: 44px; height: 44px; } .a24-telegram .a24-telegram__copy { flex-basis: calc(100% - 60px); } .a24-telegram .a24-telegram__title { font-size: 21px; } .a24-telegram .a24-telegram__action, .a24-telegram a.a24-telegram__button { width: 100%; } } @media (max-width: 360px) { .a24-telegram .a24-telegram__copy { flex-basis: 100%; } }