a, a:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #ff5600; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1800px; } .list-group-item { color: #ffffff; background-color: #13294b; } .btn-primary { border-color: #ff5600; background-color: #ff5600; color: #ffffff; } .btn-primary:hover { border-color: #ff7833; background-color: #ff7833; } .card-header { background-color: #ff5600; color: #ffffff; } .card-header a { color: #ffffff; } .card-header i { display: none; } table { margin: 30px 0; width: 100%; border-collapse: collapse; } table th { background-color: #2c3e50; color: #ffffff; font-weight: bold; text-transform: uppercase; } table td { background-color: #ffffff; } table tr:nth-child(even) td { background-color: #d9d9d9; } img { max-width: 100%; height: auto !important; } .social-icon i { font-size: 40px; } /* Hide the default site name text and position the brand element */ .navbar-brand { position: relative !important; color: transparent !important; display: inline-block; width: 110px; height: 75px; background: url('https://blob.poolq.net/ptbo/images/638908907962709076-PTBOSWIMCLUBSWIMMER_white_orange_swim.svg') no-repeat center center; background-size: contain; background-repeat: no-repeat; z-index: -1; } /* Customize the logo for mobile devices */ @media (max-width: 767.98px) { .navbar-brand { /* Different logo for mobile devices */ background: url('https://blob.poolq.net/ptbo/images/638908907962709076-PTBOSWIMCLUBSWIMMER_white_orange_swim.svg') no-repeat left center; background-size: cover; background-repeat: no-repeat; /* Adjust width for mobile */ margin: 0; padding: 0; } } /* PQ Support: larger brand logo - increase top nav margin from 5 to 8 */ :root { --nav-margin: 105px; } .table-wrapper { max-width: 100%; overflow-x: auto; margin: 30px 0; } @media (max-width: 767.98px) { .table-wrapper { border-right: 1px solid #000000; } } .table-wrapper table { margin: 0; } .card-header { background-color: #2c3e50; } .card-header h1, .card-header .h6 { font-weight: 700; text-transform: uppercase; }