:root {
    --gt-darker-blue: #276BA7;
    --bs-steel-blue: #7ea1b1;
    --gt-green: #00a551;
}

html {
    font-size: .9rem;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: .8rem;
  }
}

body {
    margin-bottom: 40px;
    font-family: "Poppins", sans-serif;   
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a {
    color: #0077cc;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}


.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 40px;
}


main {
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

.weight-200 {
    font-weight: 200;
}

.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.card {
    margin-bottom: .75em;
}
.card-body {
    padding: 1rem 0rem;
}

.gametime-logo {
    max-width: 105px;
    margin-top: 0.35em;
    margin-right: 0.75em;
}

.mini-header {
    font-weight: 500;
    color: var(--gt-darker-blue);
    border-bottom: solid 1px #eeeeee;
    margin-bottom: .5em;
    padding-bottom: .1em;
}



/* colors */
.icon-blue {
    fill: #026ac0;
}

.icon-green {
    fill: var(--gt-green);
}

.gt-green {
    color: var(--gt-green);
}

.icon-red {
    fill: #bb2d3b;
}

.icon-steel {
    fill: var(--bs-steel-blue);
}

.icon-nav {
    width: 1.1em;
}


.gt-blue {
    color: #0A5EAC;
}

.dk-blue {
    color: var(--gt-darker-blue);
}

.Underdog__center {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.Underdog__center::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 75px;
    height: 3px;
    background-color: var(--bs-steel-blue);
}

@media (min-width:992px) {
    .Underdog__center {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .Underdog__center::before {
            width: 120px;
        }
}

/* accordian */
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: none;
}

.accordion-body {
    padding: 1rem 0.5rem;
}

.accordion-button {
    background-color: #efefef;
    text-transform: uppercase;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #efefef;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    border-color: #a7a7a7;
    box-shadow: 0 0 0 0.25rem #3b3b3b3d;
    box-shadow: none;
}


/* buttons */
.btn-primary {
    color: #fff;
    background-color: var(--gt-darker-blue);
    border-color: var(--gt-darker-blue);
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #b5b5b5;
    border-color: #757575;
}

.btn-primary:hover {
    color: #fff;
    background-color: #4e83b1;
    border-color: #4e83b1;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4e83b1;
    border-color: #4e83b1;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #4e83b1;
    border-color: #4e83b1;
    box-shadow: none;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
    color: #fff;
    background-color: var(--bs-steel-blue);
    border-color: var(--bs-steel-blue);
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--bs-steel-blue);
    border-color: var(--bs-steel-blue);
}


.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
    box-shadow: none;
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none;
}

/* forms */
.form-check-input:checked {
    background-color: var(--bs-steel-blue);
    border-color: var(--bs-steel-blue);
}

.form-check-input:focus {
    border-color: #8ca6bca1;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(39,107,167,.25);
}