/**
 * @override.css
 */
 body {
    background: url('/themes/custom/kennel/images/clio_pro_background_grey.png') top left no-repeat, linear-gradient(#f4f5f6, #ffffff) !important;
    background-size: cover !important;
    /* background-color: #f4f5f6 !important; */
    /* background: #f3f7fb !important; */
}

/* User Login/Password forms */
.user-login .form-actions,
.user-pass .form-actions,
.user-pass-reset .form-actions,
.user-form .form-actions {
    margin-bottom: 0 !important;
}
.user-login .form-actions .form-submit,
.user-pass .form-actions .form-submit,
.user-pass-reset .form-actions .form-submit {
    width: 100%;
    line-height: 34px;
}

/**
 * User Login Form
 */
.user-login .main-content .login-content {
    width: 100% !important;
}
.user-login .main-content .login-content h3,
.user-login .main-content .login-content .h3 {
    color: #152d57 !important;
}
.user-login .main-content .login-content .login {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 20px !important;
}
.user-login .main-content .login-content .login .region-content {
    padding-left: 0;
    padding-right: 0;
}
.login .logo {
    padding: 0 75px;
}
.login .logo img {
    width: 100%;
}
.user-login {
    background: none;
}
.user-login .form-actions {
    margin-top: 0 !important;
}
.user-login .main-content .login-content .forgot-password {
    position: relative !important;
    margin: 0 auto !important;
    width: 100% !important;
    line-height: 34px;
}
.user-login .reset-password a.forgot-password {
    color: #fff !important;
    background-color: #448cff !important;
    margin-left: 8px;
    border-color: #152d57;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #152d57 !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    margin-top: -116px !important;
    width: 349px;
    color: #FFFFFF !important;
}
.user-login .main-content .login-content .form-item .form-text {
    border: 1px solid #152d57;
}
.user-login .main-content .login-content .form-item .form-text::placeholder {
    color: #152d57;
}
.user-login .main-content .login-content .form-item .form-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #152d57;
}
.user-login .main-content .login-content .form-item .form-text::-ms-input-placeholder { /* Microsoft Edge */
    color: #152d57;
}

/* User Login | Splash Intro Region */
.user-login .main-content .login-splash .login-splash__intro {
    background: #f3f7fb !important;
}
.user-login .main-content .login-splash .login-splash__intro img {
    max-width: 600px;
    width: 100%;
}

/**
 * User Password Reset Form
 */
.path-user:not(.user-logged-in) .container {
    max-width: 100% !important;
}
.path-user:not(.user-logged-in) .main-content {
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: initial;
    width: 100%;
}
.path-user:not(.user-logged-in) .page-container {
    position: relative;
    margin: 0 auto !important;
    display: inline-block;
    vertical-align: bottom;
    flex-wrap: initial !important;
    --bs-gutter-x: initial;
    --bs-gutter-y: initial;
    width: 100%;
}
.path-user:not(.user-logged-in) .region.region-content {
    padding: 0 !important;
}

/* User Forgot Password form */
.path-user:not(.user-logged-in) .user-password .logo {
    padding: 0 75px;
}
.path-user:not(.user-logged-in) .user-password .logo img {
    width: 100%;
}
.path-user:not(.user-logged-in) .user-pass .main-content h3,
.path-user:not(.user-logged-in) .user-pass .main-content .h3 {
    color: #152d57 !important;
}
.path-user:not(.user-logged-in) main.user-password {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 20px !important;
    max-width: 405px;
    width: 100%;
    margin: 200px auto 0 auto;
}
.user-pass:not(.user-logged-in) .form-actions {
    margin-bottom: 0 !important;
}
.user-pass:not(.user-logged-in) .form-actions .form-submit {
    width: 100%;
    line-height: 34px;
}

/**
 * User Password Reset Confirmation form
 */
.path-user:not(.user-logged-in) .user-pass-reset .logo {
    padding: 0 75px;
}
.path-user:not(.user-logged-in) .user-pass-reset .logo img {
    width: 100%;
}
.path-user .user-pass-reset .main-content h3,
.path-user .user-pass-reset .main-content .h3 {
    color: #152d57 !important;
}
.user-pass-reset p {
    font-size: 1rem;
}
.path-user:not(.user-logged-in) .user-pass-reset-content > .user-pass-reset {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 20px !important;
    max-width: 405px;
    width: 100%;
    margin: 50px auto 0 auto;
}

/**
 * User Edit Form
 */
.user-form {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
}
.user-form #edit-timezone {
    padding-left: 0;
    padding-right: 0;
}
.user-form .form-actions .form-submit {
    line-height: 34px;
}

/* Hide Sidebar */
.path-user.user-logged-in .kennel-sidebar {
    display: none !important;
}
.path-user.user-logged-in .main-content {
    width: 100% !important;
    max-width: 505px !important;
    margin: 0 auto;
    padding-left: 0;
}
.path-user.user-logged-in .main-content .region-content {
    padding: 0;
}
.user-form.user-password-reset-form {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 20px !important;
    font-size: 18px;
}
.user-form.user-password-reset-form .form-wrapper {
    margin: 0 auto;
}
.user-form.user-password-reset-form .logo {
    padding: 0 75px;
}
.user-form.user-password-reset-form .logo img {
    width: 100%;
}
.user-form.user-password-reset-form .form-item {
    margin-bottom: 20px;
}
.user-form.user-password-reset-form .form-actions .form-submit {
    /* max-width: 200px; */
    width: 100%;
}

.user-password .user-password-content .user-password .logo {
  display: none;
}
.user-password .user-password-content .user-password h3 {
  display: none;
}
.user-password .user-password-content .user-password form.user-pass {
    background: white;
    padding: 20px;
    border-radius: 5px;
}