:root {
    --keycloak-card-top-color: #ffcf00 !important;
    --pf-v5-c-button--m-primary--BackgroundColor: #ffcf00 !important;
}

body {
    background-image: url('../img/bg-0.jpg');
    background-size: cover !important;
}

.pf-m-info {
    border-top-color: #ffcf00 !important;
    color: #ffcf00 !important;
}

.pf-m-danger {
    border-top-color: #ff7468 !important;
    color: #ff7468 !important;
}

.pf-v5-c-alert__title {
    color: inherit !important;
}

.pf-m-error {
    color: #ff7468 !important;
}

.pf-m-secondary {
    color: #ffcf00 !important;
}

.pf-m-control::after {
    border-color: var(--pf-v5-c-button--after--BorderColor) !important;
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--hover--after--BorderBottomColor: #ffcf00 !important;
}

.pf-v5-c-button {
    --pf-v5-c-button--m-control--hover--after--BorderBottomColor: #ffcf00 !important;
    --pf-v5-c-button--m-control--active--after--BorderBottomColor: #ffcf00 !important;
    --pf-v5-c-button--m-control--focus--after--BorderBottomColor: #ffcf00 !important;
    --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: #ffcf00 !important;
}

.pf-m-control {
    --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-control--BorderRadius);
    --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-control--disabled--BackgroundColor);
    --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--m-control--after--BorderWidth);
    --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-control--after--BorderTopColor) var(--pf-v5-c-button--m-control--after--BorderRightColor) var(--pf-v5-c-button--m-control--after--BorderBottomColor) var(--pf-v5-c-button--m-control--after--BorderLeftColor);
    background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
    color: var(--pf-v5-c-button--m-control--Color);
}

.pf-v5-c-button.pf-m-primary {
    background-color: var(--keycloak-card-top-color) !important;
    color: #000000 !important;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: #eabd00 !important;
    color: #000000 !important;
}


.pf-v5-c-helper-text__item-text {
    color: #ffcf00;
}

a {
    color: #ffcf00 !important;
}

.pf-v5-c-button::after {
    border: var(--pf-v5-c-button--after--BorderWidth) solid;
    border-color: #ffcf00;
    border-radius: var(--pf-v5-c-button--after--BorderRadius);
    content: "";
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
}

.background-day-0 {
    background-image: url('../img/bg-0.jpg') !important;
}
.background-day-1 {
    background-image: url('../img/bg-1.jpg') !important;
    background-position: center !important;
}
.background-day-2 {
    background-image: url('../img/bg-2.jpg') !important;
    background-position: center !important;
}
.background-day-3 {
    background-image: url('../img/bg-3.jpg') !important;
}
.background-day-4 {
    background-image: url('../img/bg-4.jpg') !important;
}

div.kc-logo-text span {
    display: none;
}

@media (prefers-color-scheme: dark) {
    #kc-social-providers svg:not(.google) {
        filter: invert(54%) sepia(96%) saturate(2028%) hue-rotate(174deg) brightness(99%) contrast(97%);
    }
}

@media (min-width: 768px) {
    div.pf-v5-c-login__main-header {
        grid-template-columns: 70% 30%;
    }
}


#kc-header {
	margin-block-start: 0px;
}

#kc-header-wrapper {
	margin-block-end: 0px;
}


.pf-v5-c-login__container {
    grid-template-columns: 34rem;
    grid-template-areas: "header"
                         "main";
}