html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 20px;
    /* Margin bottom by footer height */
    font-family: Arial, Helvetica, sans-serif !important;

}

.grecaptcha-badge {
    visibility: hidden !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    /* Set the fixed height of the footer here */
    line-height: 20px;
    /* Vertically center the text there */
    background-color: white;
}

.nounderline {
    text-decoration: none !important
}

.gfg-form-error {
    color: red;
    font-size: small;
}

.gfg-nav {
    background-color: #1d2d44;
    border-color: #02233c;
}

.gfg-major,
a.gfg-major:link,
a.gfg-major:visited {
    /* For major buttons */
    background-color: #1d2d44 !important;
    color: #ffffff !important;
}

.gfg-minor,
a.gfg-minor:link,
a.gfg-minor:visited {
    /* For minor buttons */
    background-color: #61994e !important;
    color: #ffffff !important;
}

.gfg-minor-inv {
    /* For minor buttons */
    border-color: #61994e !important;
    color: #000000 !important;
}

.gfg-minor-inv:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.gfg-clean,
a.gfg-clean:link,
a.gfg-clean:visited {
    border: 1px solid black;
    background-color: #ffffff;
    color: #000000;
}


button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc !important;
    color: #666666;
}

input.gfg-nav-link:hover,
a.gfg-nav-link:hover {
    /*background-color:  rgba(80, 140, 164, 0.5); */
    /* gfg-light-blue #508ca4 */
    color: #ffffff;
}

input.gfg-nav-link,
a.gfg-nav-link:link,
a.gfg-nav-link:visited {
    color: #ffffff;
}

.tcard,
.ccard {
    width: 100%;
    background-color: #fff;
    padding: 0.5em 0em;
    margin: 0.5em;
    border: 1px solid #d6d6d6;
    border-radius: .5rem;
    min-width: 0;
}

.tcard:hover,
.ccard:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.tournament-full {
    border: 1px solid #d6d6d6;
    border-radius: .5rem;
    font-size: large;
}

.back-link {
    border-bottom: 1px solid rgba(128, 128, 128, 0.33);
}

.note-card {
    min-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 20ch; */
    text-overflow: ellipsis;
    border: 1px solid black;
    border-radius: .25em;
}

.circle-divider {
    padding-left: 0.2em;
    padding-right: 0.2em;
    font-size: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0.5em;
}

/* https://stackoverflow.com/questions/42586729/bootstrap-4-change-hamburger-toggler-color/42587673 */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: #fff;
}

.bi.bi-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

/* begin homepage css */

.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.features-icons .features-icons-item {
    max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
    height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
    font-size: 4.5rem;
}

@media (max-width: 978px) {
    .features-icons {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
}

.grayLead {
    font-size: 18px;
    font-weight: 500;
    color: #858585;
}

/* end homepage css */