/* ========= PAGE BACKGROUND THEMES =========
   One place to change any page's background image.

   To change an existing page's image: edit its --km-page-bg-* filename below.

   To give a new page its own background:
     1. Add a --km-page-bg-<name> variable below.
     2. Add a .<name>-theme rule below, using that variable.
     3. Add class="<name>-theme" to that page's outer .page-default div.

   New pages added below all default to background4.jpg (the site default) —
   change any of them to a different file whenever you're ready.
*/

:root {
    --km-page-bg-default: url("/images/themes/background3.jpg");
    --km-page-bg-home: url("/images/themes/background4.jpg");
    --km-page-bg-control-center: url("/images/themes/background5.jpg");
    --km-page-bg-view-profile: url("/images/themes/background6.jpg");
    --km-page-bg-admin: url("/images/themes/background7.jpg");
    --km-page-bg-broadcast: url("/images/themes/background8.jpg");
    --km-page-bg-manage-faqs: url("/images/themes/background9.jpg");
    --km-page-bg-manage-help-files: url("/images/themes/background3.jpg");
    --km-page-bg-manage-interests: url("/images/themes/background4.jpg");
    --km-page-bg-manage-profiles: url("/images/themes/background5.jpg");
    --km-page-bg-manage-survey: url("/images/themes/background6.jpg");
    --km-page-bg-manage-user: url("/images/themes/background7.jpg");
    --km-page-bg-reports: url("/images/themes/background8.jpg");
    --km-page-bg-chat: url("/images/themes/background9.jpg");
    --km-page-bg-about-us: url("/images/themes/background3.jpg");
    --km-page-bg-contact-us: url("/images/themes/background4.jpg");
    --km-page-bg-faq: url("/images/themes/background5.jpg");
    --km-page-bg-how-it-works: url("/images/themes/background6.jpg");
    --km-page-bg-matching: url("/images/themes/background7.jpg");
    --km-page-bg-compatibility-survey: url("/images/themes/background8.jpg");
    --km-page-bg-create-account: url("/images/themes/background9.jpg");
    --km-page-bg-general-info: url("/images/themes/background3.jpg");
    --km-page-bg-login: url("/images/themes/background4.jpg");
    --km-page-bg-setup-hub: url("/images/themes/background5.jpg");
    --km-page-bg-verification: url("/images/themes/background6.jpg");
    --km-page-bg-additional-images: url("/images/themes/background7.jpg");
    --km-page-bg-change-password: url("/images/themes/background8.jpg");
    --km-page-bg-compare-profiles: url("/images/themes/background9.jpg");
    --km-page-bg-forgot-password: url("/images/themes/background3.jpg");
    --km-page-bg-headshot-update: url("/images/themes/background4.jpg");
    --km-page-bg-interests: url("/images/themes/background5.jpg");
    --km-page-bg-my-story: url("/images/themes/background6.jpg");
    --km-page-bg-profile-detail: url("/images/themes/background7.jpg");
    --km-page-bg-reset-password: url("/images/themes/background8.jpg");
    --km-page-bg-subscription: url("/images/themes/background9.jpg");
    --km-page-bg-square-return: url("/images/themes/background3.jpg");
    --km-page-bg-help: url("/images/themes/background4.jpg");
}

.home-theme {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 40px;
    background-image: var(--km-page-bg-home);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.control-center-theme {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 40px;
    background-image: var(--km-page-bg-control-center);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.view-profile-theme {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 40px;
    background-image: var(--km-page-bg-view-profile);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.admin-theme {
    background-image: var(--km-page-bg-admin);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.broadcast-theme {
    background-image: var(--km-page-bg-broadcast);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-faqs-theme {
    background-image: var(--km-page-bg-manage-faqs);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-help-files-theme {
    background-image: var(--km-page-bg-manage-help-files);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-interests-theme {
    background-image: var(--km-page-bg-manage-interests);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-profiles-theme {
    background-image: var(--km-page-bg-manage-profiles);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-survey-theme {
    background-image: var(--km-page-bg-manage-survey);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.manage-user-theme {
    background-image: var(--km-page-bg-manage-user);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.reports-theme {
    background-image: var(--km-page-bg-reports);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.chat-theme {
    background-image: var(--km-page-bg-chat);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-us-theme {
    background-image: var(--km-page-bg-about-us);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-us-theme {
    background-image: var(--km-page-bg-contact-us);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.faq-theme {
    background-image: var(--km-page-bg-faq);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.how-it-works-theme {
    background-image: var(--km-page-bg-how-it-works);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.matching-theme {
    background-image: var(--km-page-bg-matching);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.compatibility-survey-theme {
    background-image: var(--km-page-bg-compatibility-survey);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.create-account-theme {
    background-image: var(--km-page-bg-create-account);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.general-info-theme {
    background-image: var(--km-page-bg-general-info);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-theme {
    background-image: var(--km-page-bg-login);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.setup-hub-theme {
    background-image: var(--km-page-bg-setup-hub);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.verification-theme {
    background-image: var(--km-page-bg-verification);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.additional-images-theme {
    background-image: var(--km-page-bg-additional-images);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.change-password-theme {
    background-image: var(--km-page-bg-change-password);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.compare-profiles-theme {
    background-image: var(--km-page-bg-compare-profiles);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.forgot-password-theme {
    background-image: var(--km-page-bg-forgot-password);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.headshot-update-theme {
    background-image: var(--km-page-bg-headshot-update);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.interests-theme {
    background-image: var(--km-page-bg-interests);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.my-story-theme {
    background-image: var(--km-page-bg-my-story);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.profile-detail-theme {
    background-image: var(--km-page-bg-profile-detail);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.reset-password-theme {
    background-image: var(--km-page-bg-reset-password);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.subscription-theme {
    background-image: var(--km-page-bg-subscription);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.square-return-theme {
    background-image: var(--km-page-bg-square-return);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.help-theme {
    background-image: var(--km-page-bg-help);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}