html {
    font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
}

.blur {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(10px) opacity(20%);
    backdrop-filter: saturate(100%) blur(10px) opacity(20%);
    background-color: hsla(0,0%,100%,.8) !important;
}

.text-shadow-grey {
    text-shadow: 1px 1px 3px #878787;
}

/*Footer*/
ul.footer-link {
    list-style-type: none;
}

    ul.footer-link a {
        text-decoration: none;
        color: #ffffff;
    }

.copyright {
    font-size: x-small;
}
/*END footer*/


/*These can move back to site.css after experiment phase*/
.bg-ibrand {
    background-color: #28273A;
}

.border-ibrand-b {
    border-bottom: 1px solid #000;
}

.btn-primary:hover, .btn.bg-gradient-primary:hover {
    background-color: #cb0c9f;
    border-color: #cb0c9f;
}

.btn:hover:not(.btn-icon-only) {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.09),0 2px 3px -1px rgba(0,0,0,.07);
    /*transform: scale(1.02);*/
}

.bg-gradient-primary {
    background-image: linear-gradient(310deg,#28b4ca, #124dbc);
    color: #fff;
}

.info-horizontal .icon {
    float: left;
}

svg.text-primary .color-foreground {
    fill: #124dbc;
}

svg.text-primary .color-background {
    fill: #28b4ca;
}

.avatar {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: .75rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out;
}

.grecaptcha-badge {
    visibility: hidden;
}

.fs-7 {
font-size: 0.8rem !important
}