/******************************************************************************
 BRANDING
 ***/

@font-face {
    font-family: 'Inter';
    src: local('Inter'), url('../fonts/Inter-VariableFont.ttf') format('truetype');
}

* {
    font-family: Inter, 'Open Sans', sans-serif;
}

.card-pf {
    background-color: #FFFFFF;
}

.logo-pane .gradient-background {
    background: linear-gradient(270.02deg, #D4107F 0.01%, #FD6232 99.99%);
}

.pf-c-button:not(#nav-toggle):not(.pf-m-link) {
    border-radius: 1000px;
    height: 55px;
    font-size: 20px;
    padding: 8px 32px;
}

.pf-c-button:not(.pf-m-link):hover,
.pf-c-button:not(.pf-m-link):focus {
    border: 1px solid #454545;
}

.pf-c-button.pf-m-link {
    color: #454545;
}

#kc-form-buttons .pf-m-primary:hover,
.btn:hover {
    filter: brightness(1.2);
}

#kc-form-buttons .pf-m-primary,
.pf-c-button.pf-m-primary {
    background: #DD007D;
    color: white;
}

.pf-c-button.pf-m-secondary {
    color: #DD007D;
}

.pf-c-button.pf-m-secondary::after {
    border-color: #DD007D;
    border-radius: 1000px;
}


.pf-c-form-control {
    border-bottom-color: #eb018c;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
    border-width: 0 !important;
    border-bottom-width: 4px !important;
    outline: -webkit-focus-ring-color auto 0 !important;
}

.pf-c-button.pf-m-control::after {
    display: none;
}

a:not(.pf-c-button):not(.pf-c-nav__link):not(.kc-social-item) {
    color: #eb018c;
    text-decoration: underline;
}

a:not(.pf-c-button):not(.pf-c-nav__link):not(.kc-social-item):hover,
a:not(.pf-c-button):not(.pf-c-nav__link):not(.kc-social-item):focus {
    color: #AB0064 !important;
}

.kc-social-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px;

    background-color: #454545;
    border: 1px solid #DD007D !important;
    border-radius: 1000px;
}

.kc-social-item:hover {
    border-width: 4px !important;
}

.kc-social-item i {
    margin-right: 8px;
}

input {
    box-shadow: unset !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

div#spinner_screen {
    background-color: #2B2B2B;
    color: #f0f0f1;
}

div#spinner_screen svg {
    background: transparent !important;
}

div#spinner_screen svg path {
    fill: #DD007D;
}

.qc-login-button {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/******************************************************************************
 CUSTOM SCROLLBAR
 ***/
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: #E2E1E2;
    border-radius: 1000px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1000px;
    background: #838182;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}