/* Theme related */
body p a {
    color: var(--base-2) !important;
}

.section-portfolio-1 .portfolio-item p {
    white-space: normal !important;
}

.section-portfolio-1 .portfolio-item .portfolio-link {

}

/* PrimeFaces related */
body .ui-inputfield {
    color: var(--base-2);
    background: var(--base-0);
    border: 1px solid var(--base-1);
}

::placeholder {
    color: var(--base-2) !important;
    opacity: 70% !important; /* Firefox */
}

.ui-float-label {
    margin-left: 15px;
}

.ui-float-label > label {
    color: var(--base-2) !important;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}

body .ui-dialog .ui-dialog-content {
    background-color: var(--primary) !important;
    border: none;
    padding-top: 2px;
}

body .ui-dialog .ui-dialog-footer {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary);
    border-top: none;
}

.ui-panelGrid, .login-form {
    margin-bottom: 0 !important;
}

.ui-panelgrid .ui-panelgrid-cell, .login-form {
    background-color: var(--primary) !important;
    border: none !important;
    padding: 0 !important;
}

body .ui-panelgrid .ui-panelgrid-content {
    border: none;
}

body .ui-panelgrid .ui-panelgrid-cell {
    font-family: "Poppins", sans-serif;
    color: var(--base-1);
    padding: 5px 10px !important;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}

.ui-button, .login-button {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    margin-left: 15px !important;
}

.logobutton {
    border-style: none;
}

#loginForm {
    position: absolute;
    margin-bottom: 12px !important;
    left: -200%;
    transition: all 0.6s;
}

#loginForm.active {
    position: relative !important;
    margin-bottom: 12px !important;
    left: 0;
    top: 70px;
}