/* Native CSS equivalents of the original jQuery corner and navigation effects. */
#login, #left, .list_games, .list_border, #logo, .twitter, .team, .signin,
#team_logo, #twitterlogo, #select_team, #game_info, .game_info, .team-logo,
#twit, #title, h2, .title, .border, .pen, .pen_title { border-radius: 10px; }
.intro { border-radius: 0 0 10px 10px; }
.sig_title { border-radius: 10px 10px 0 0; }
ul#navigation li a { margin-top: -80px; transition: margin-top .2s; }
ul#navigation li:hover a, ul#navigation li a:focus-visible { margin-top: -2px; }
a { color: #222; }
a:focus-visible { outline: 2px solid #555; outline-offset: 3px; }
.twitter-logo { width: 75px; border-radius: 10px; }
.team-logo { vertical-align: middle; object-fit: contain; }
.list_border, a.border { text-decoration: none; color: #000; cursor: pointer; }
.list_border:hover, a.border:hover { background-color: #f1f1f1; }
.list_games .gameday { width: auto; }
.browse, .message { padding: 8px; line-height: 1.5; }
.date-links { padding: 10px 5px; line-height: 2; }
.day-title { margin: 12px 8px 0; font-size: 13px; }
.game-grid { text-align: center; }
.game-grid .border { margin: 5px 10px; }
.team-grid { padding: 10px; text-align: center; }
.team-choice { width: 100px; vertical-align: top; }
.team-choice span { display: block; padding-top: 5px; }
.clear { clear: both; }
.game_info p { padding: 5px; line-height: 1.5; }
.event-table .pen_title, .event-table .pen { display: block; }
.event-table .pen td, .event-table .pen_title th { width: 31%; vertical-align: middle; overflow-wrap: anywhere; }
.event-table .period th { width: 100%; text-align: left; }
.event-table td { font-weight: bold; }