/* =========================================================
   JACARANDA REGISTRATION PAGE
   File: Register.css
   Depends on: bootstrap.min.css + skin.css
   ========================================================= */

.jacaranda-register-page {
    background-color: #070300;
}

/* Keep the familiar Jacaranda hero, but make it less tall than the home page. */
.jacaranda-register-page .registration-hero {
    min-height: 170px;
}

.jacaranda-register-page .registration-hero .container {
    position: relative;
    z-index: 1;
}

/* Registration page background */
#maincontent.register-main {
    background-color: #070300;
    background-image: url('images/Torah_1024_15362.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: scroll;
    min-height: 620px;
}

/* On medium screens, show more of the Torah image rather than cropping hard. */
@media (min-width: 992px) and (max-width: 1399.98px) {
    #maincontent.register-main {
        background-size: contain;
    }
}

@media (max-width: 767.98px) {
    #maincontent.register-main {
        background-size: contain;
        background-position: center top;
    }
}

/* Main registration card */
.jacaranda-register-page .register-card {
    background-color: rgba(255, 255, 255, 0.94);
    border: 2px solid #81c348;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    padding: 2rem;
}

.jacaranda-register-page .register-card-header {
    border-bottom: 1px solid rgba(0, 128, 0, 0.25);
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
}

.jacaranda-register-page .register-eyebrow {
    color: #008000;
    font-family: "Times New Roman", Times, serif;
    font-size: 0.95rem;
    font-weight: bold;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    text-indent: 0;
    text-transform: uppercase;
}

.jacaranda-register-page .register-card h1 {
    color: #070300;
    font-family: "Times New Roman", Times, serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
}

.jacaranda-register-page .register-intro,
.jacaranda-register-page .register-card p,
.jacaranda-register-page .register-help-panel p {
    color: #000000;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.15rem;
    line-height: 1.55;
    text-indent: 0;
}

.jacaranda-register-page .register-intro {
    margin: 0.75rem 0 0;
}

/* Right-hand note panel */
.jacaranda-register-page .register-help-panel {
    background-color: rgba(255, 255, 255, 0.9);
    border-left: 6px solid #008000;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    padding: 1.5rem;
}

.jacaranda-register-page .register-help-panel h2 {
    color: #008000;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.65rem;
    font-weight: bold;
    margin: 0 0 0.75rem;
}

.jacaranda-register-page .register-checklist {
    margin: 1rem 0;
    padding-left: 1.25rem;
}

.jacaranda-register-page .register-checklist li {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.05rem;
    margin-bottom: 0.45rem;
}

.jacaranda-register-page .register-scripture-note {
    background-color: #008000;
    border-radius: 6px;
    color: #ffffff;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.05rem;
    margin-top: 1.25rem;
    padding: 1rem;
}

/* =========================================================
   DNN Account Registration module styling
   Scoped to this skin so DNN admin/edit UI remains safe.
   ========================================================= */

.jacaranda-register-page .register-module-pane {
    min-height: 120px;
}

/* Avoid the global p/a styles making registration form text awkward. */
.jacaranda-register-page .register-card a:hover {
    text-transform: none;
}

/* Make DNN form rows stack cleanly inside the card. */
.jacaranda-register-page .register-card .dnnForm,
.jacaranda-register-page .register-card .dnnFormItem,
.jacaranda-register-page .register-card .dnnRegistrationForm {
    max-width: 100%;
}

.jacaranda-register-page .register-card .dnnFormItem {
    clear: both;
    margin-bottom: 0.85rem;
}

/* Labels */
.jacaranda-register-page .register-card .dnnFormItem label,
.jacaranda-register-page .register-card .dnnFormItem .dnnLabel {
    color: #070300;
    display: block;
    float: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 0.35rem;
    max-width: none;
    padding: 0;
    text-align: left;
    width: 100%;
}

/* Inputs: override the existing 45% width from the base Jacaranda CSS. */
.jacaranda-register-page .register-card .dnnFormItem input[type="email"],
.jacaranda-register-page .register-card .dnnFormItem input[type="password"],
.jacaranda-register-page .register-card .dnnFormItem input[type="search"],
.jacaranda-register-page .register-card .dnnFormItem input[type="text"],
.jacaranda-register-page .register-card .dnnFormItem select,
.jacaranda-register-page .register-card .dnnFormItem textarea {
    background-color: #ffffff;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #111111;
    display: block;
    font-size: 1rem;
    margin-bottom: 0.65rem;
    max-width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.7rem;
    width: 100% !important;
}

.jacaranda-register-page .register-card .dnnFormItem input:focus,
.jacaranda-register-page .register-card .dnnFormItem select:focus,
.jacaranda-register-page .register-card .dnnFormItem textarea:focus {
    border-color: #008000;
    box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.18);
    outline: none;
}

/* Validation and info messages */
.jacaranda-register-page .register-card .dnnFormMessage,
.jacaranda-register-page .register-card .dnnFormValidationSummary {
    border-radius: 4px;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 1rem;
}

/* DNN action buttons */
.jacaranda-register-page .register-card .dnnPrimaryAction,
.jacaranda-register-page .register-card a.dnnPrimaryAction,
.jacaranda-register-page .register-card input[type="submit"],
.jacaranda-register-page .register-card button[type="submit"] {
    background: #008000;
    border: 1px solid #006400;
    border-radius: 4px;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.65rem 1.4rem;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

.jacaranda-register-page .register-card .dnnPrimaryAction:hover,
.jacaranda-register-page .register-card a.dnnPrimaryAction:hover,
.jacaranda-register-page .register-card input[type="submit"]:hover,
.jacaranda-register-page .register-card button[type="submit"]:hover {
    background: #004c00;
    color: #ffffff !important;
}

.jacaranda-register-page .register-card .dnnSecondaryAction,
.jacaranda-register-page .register-card a.dnnSecondaryAction {
    border-radius: 4px;
    font-family: "Times New Roman", Times, serif;
    padding: 0.6rem 1rem;
}

/* Keep CAPTCHA and generated tables responsive. */
.jacaranda-register-page .register-card img,
.jacaranda-register-page .register-card table {
    max-width: 100%;
}

/* DNN edit mode: make the pane obvious without covering controls. */
body.dnnEditState .jacaranda-register-page .register-module-pane {
    outline: 2px dashed rgba(0, 128, 0, 0.55);
    outline-offset: 6px;
    padding: 0.5rem;
}

body.dnnEditState .jacaranda-register-page .register-card {
    overflow: visible;
}

@media (max-width: 767.98px) {
    .jacaranda-register-page .register-card,
    .jacaranda-register-page .register-help-panel {
        padding: 1.25rem;
    }

    .jacaranda-register-page .register-card h1 {
        font-size: 2rem;
    }
}
/* =========================================================
   DNN REGISTRATION NOTE / FORM OVERFLOW FIX
   Keeps the public-registration note inside the white card.
   ========================================================= */

.jacaranda-register-page .register-card,
.jacaranda-register-page .register-card .DnnModule,
.jacaranda-register-page .register-card .DNNModuleContent,
.jacaranda-register-page .register-card .dnnForm,
.jacaranda-register-page .register-card .dnnForm fieldset,
.jacaranda-register-page .register-card .dnnFormItem,
.jacaranda-register-page .register-card .dnnRegistrationForm {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

    .jacaranda-register-page .register-card .dnnFormMessage,
    .jacaranda-register-page .register-card .dnnFormInfo,
    .jacaranda-register-page .register-card .dnnFormWarning,
    .jacaranda-register-page .register-card .dnnFormSuccess,
    .jacaranda-register-page .register-card .dnnFormValidationSummary {
        background-color: #008000;
        box-sizing: border-box;
        clear: both;
        display: block;
        float: none;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere;
        white-space: normal !important;
        width: 100% !important;
        word-break: normal;
    }

        .jacaranda-register-page .register-card .dnnFormMessage *,
        .jacaranda-register-page .register-card .dnnFormInfo *,
        .jacaranda-register-page .register-card .dnnFormWarning *,
        .jacaranda-register-page .register-card .dnnFormSuccess *,
        .jacaranda-register-page .register-card .dnnFormValidationSummary * {
            max-width: 100% !important;
            overflow-wrap: anywhere;
            white-space: normal !important;
        }

    .jacaranda-register-page .register-card table,
    .jacaranda-register-page .register-card tbody,
    .jacaranda-register-page .register-card tr,
    .jacaranda-register-page .register-card td,
    .jacaranda-register-page .register-card th {
        max-width: 100% !important;
        white-space: normal !important;
    }