/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Sacred Texts CSS Styles - imported from /css/ista.css */
body, td, th {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: 000000; 
    background-color: #FFFFFF; 
}

a:hover {  
    color: black; 
    background-color: #CCCCCC; 
}

a:active {  
    color: black; 
}

a:link {  
    color: black; 
}

a:visited {  
    color: black; 
}

.c_e {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: gray; 
    background-color: #FFFFFF; 
}

.c_t {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: black; 
    background-color: #FFFFFF; 
    font-weight: bolder; 
    font-variant: small-caps; 
}

.c_a, .c_da {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: black; 
    background-color: white; 
    font-style: italic; 
}

.c_d, .c_dd {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: black; 
    background-color: white; 
    font-weight: bolder; 
}

.catxref {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: gray; 
    background-color: white; 
}

.c_b {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: black; 
    background-color: white; 
    font-variant: small-caps; 
}

.splashtitle {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    color: #0f0f0f; 
    background-color: white; 
    font-variant: small-caps; 
    font-weight: bold;
}

.splashimgcaption {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: gray; 
    background-color: white; 
}


/* Ultimate Member Login/Register Form Styles - removed old button styles */

/* Fix Ultimate Member form spacing on login page */
.page-id-51159 .um-form {
    padding: 0 !important;
}
.page-id-51159 .um {
    margin: 0 !important;
}

/* Make all register form fields the same width */
.um-register .um-field {
    margin-bottom: 15px !important;
}

.um-register .um-field input[type="text"],
.um-register .um-field input[type="email"],
.um-register .um-field input[type="password"],
.um-register .um-field input[type="tel"],
.um-register .um-field input[type="number"],
.um-register .um-field select,
.um-register .um-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Ensure password input wrapper is positioned correctly */
.um-register .password-input-wrapper {
    position: relative !important;
    width: 100% !important;
    display: block !important;
}

/* Make sure password inputs take full width */
.um-register .password-input-wrapper input[type="password"] {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding-right: 15px !important; /* Normal padding since eye is below */
    margin-bottom: 0 !important;
}

/* Password strength bar container */
.password-strength-bar {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 5px;
}

/* Strength line indicator */
.password-strength-bar .strength-line {
    flex: 1;
    height: 2px !important; /* Make it 2px for better visibility */
    background-color: #dc3545 !important; /* Default red */
    transition: background-color 0.3s ease;
    display: block !important;
}

/* Strength states - use !important to override */
.password-strength-bar .strength-line.weak {
    background-color: #dc3545 !important; /* Red */
}

.password-strength-bar .strength-line.medium {
    background-color: #ffc107 !important; /* Yellow/Orange */
}

.password-strength-bar .strength-line.strong {
    background-color: #28a745 !important; /* Green */
}

.password-strength-bar .strength-line.match-error {
    background-color: #dc3545 !important; /* Red for mismatch */
}

/* Password toggle in strength bar */
.password-strength-bar .password-toggle {
    margin-left: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #666;
    transition: color 0.2s;
    padding: 2px;
    background: white;
    border-radius: 2px;
}

.password-strength-bar .password-toggle:hover {
    color: #000;
    background: #f0f0f0;
}

/* Debug: Ensure SVG icons are visible */
.password-strength-bar .password-toggle svg {
    opacity: 1 !important;
    visibility: visible !important;
    width: 13px;
    height: 13px;
}

/* Hide the right column (Login button) on register form */
.um-register .um-col-alt .um-right {
    display: none !important;
}

/* Hide the right column (Register button) on login form */
.um-login .um-col-alt .um-right {
    display: none !important;
}

/* Show ONLY the Register button on register form */
.um-register .um-button[value="Register"],
.um-register .um-button#um-submit-btn {
    display: inline-block !important;
    visibility: visible !important;
    background-color: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
}

.um-register .um-button[value="Register"]:hover,
.um-register .um-button#um-submit-btn:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

/* Remove this section - we're hiding the entire right column instead */

/* Remove this rule - we want to show the left column */

/* Show ONLY the Login button on login form - green like Register */
.um-login .um-button[value="Login"],
.um-login .um-button[value="Log In"],
.um-login .um-button#um-submit-btn {
    display: inline-block !important;
    visibility: visible !important;
    background-color: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
}

.um-login .um-button[value="Login"]:hover,
.um-login .um-button[value="Log In"]:hover,
.um-login .um-button#um-submit-btn:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

/* Hide the alternate links */
.um-register .um-link-alt,
.um-login .um-link-alt {
    display: none !important;
}

/* Ensure single column layout for forms without secondary buttons */
.um-login .um-col-1,
.um-register .um-col-1 {
    width: 100% !important;
    margin: 0 !important;
}

/* Center the single submit button */
.um-login .um-center,
.um-register .um-center {
    text-align: center !important;
}

/* Style the primary buttons */
.um-register .um-button[value="Register"],
.um-register .um-button#um-submit-btn,
.um-login .um-button[value="Login"],
.um-login .um-button[value="Log In"],
.um-login .um-button#um-submit-btn {
    width: 100% !important;
    max-width: 300px !important;
    margin: 20px auto 0 !important;
}

/* Ensure the Register button in the left column is visible and centered */
.um-register .um-col-alt .um-left {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    width: 100% !important;
    float: none !important;
}

.um-register .um-col-alt .um-left .um-button,
.um-register .um-col-alt .um-left input[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
}

/* Ensure the Login button in the left column is visible and centered */
.um-login .um-col-alt .um-left {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    width: 100% !important;
    float: none !important;
}

.um-login .um-col-alt .um-left .um-button,
.um-login .um-col-alt .um-left input[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
}

/* Make sure the main column is full width */
.um-login .um-col-1,
.um-register .um-col-1 {
    float: none !important;
    width: 100% !important;
}

/* Make sure all field wrappers are consistent */
.um-register .um-field-area {
    width: 100% !important;
}

/* Hide field labels for both login and register forms */
.um-field-label {
    display: none !important;
}

/* More specific selectors to hide Ultimate Member labels */
.um .um-field-label,
.um-form .um-field-label,
.um-login .um-field-label,
.um-register .um-field-label,
.um-field .um-field-label,
.um-field-type-text .um-field-label,
.um-field-type-password .um-field-label,
.um-field-type-email .um-field-label {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Also hide any label elements inside Ultimate Member forms */
.um label[for],
.um-form label {
    display: none !important;
}

/* Ultimate specificity for hiding labels */
body .um .um-field .um-field-label,
body .um-form .um-field .um-field-label,
body .page-id-51159 .um-field-label,
body .page-id-51159 .um label {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Style placeholder text */
.um-field input::placeholder,
.um-field textarea::placeholder,
.um-field select::placeholder {
    color: #000000 !important; /* Black placeholder text */
    opacity: 1 !important; /* Firefox fix */
}

/* Style the actual input text */
.um-field input,
.um-field textarea,
.um-field select,
.um-field input[type="text"],
.um-field input[type="email"],
.um-field input[type="password"],
.um-field input[type="tel"],
.um-field input[type="number"],
.um input,
.um textarea,
.um select,
.um-form input,
.um-form textarea,
.um-form select,
body .um-field input,
body .um-form input {
    color: #000000 !important; /* Black text for user input */
}

/* Override any Ultimate Member default grey text */
.um input:not(:placeholder-shown),
.um-field input:not(:placeholder-shown) {
    color: #000000 !important;
}

/* Page-specific overrides for maximum specificity */
.page-id-51159 .um input,
.page-id-51159 .um-field input,
.page-id-51159 input[type="text"],
.page-id-51159 input[type="email"],
.page-id-51159 input[type="password"] {
    color: #000000 !important;
}

/* Force black text on focus and active states */
.um-field input:focus,
.um-field input:active,
.um-field input:valid {
    color: #000000 !important;
}

/* For browsers that use different pseudo-elements */
.um-field input::-webkit-input-placeholder,
.um-field textarea::-webkit-input-placeholder {
    color: #000000 !important; /* Black placeholder text */
}

.um-field input::-moz-placeholder,
.um-field textarea::-moz-placeholder {
    color: #000000 !important; /* Black placeholder text */
    opacity: 1 !important;
}

.um-field input:-ms-input-placeholder,
.um-field textarea:-ms-input-placeholder {
    color: #000000 !important; /* Black placeholder text */
}

.um-field input:-moz-placeholder,
.um-field textarea:-moz-placeholder {
    color: #000000 !important; /* Black placeholder text */
    opacity: 1 !important;
}

/* Ensure the password wrapper doesn't add extra constraints */
.um-register .password-wrapper {
    width: 100% !important;
}

/* Ensure UM field wrapper for passwords is full width */
.um-register .um-field-user_password,
.um-register .um-field-confirm_user_password {
    width: 100% !important;
}

.um-register .um-field-user_password .um-field-area,
.um-register .um-field-confirm_user_password .um-field-area {
    width: 100% !important;
}

/* Override any default Ultimate Member width constraints on password fields */
.um-register input[name="user_password"],
.um-register input[name="confirm_user_password"],
.um-register input#user_password-51159,
.um-register input#confirm_user_password-51159 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/* Force consistent width for all Ultimate Member fields */
.page-id-51159 .um-register .um-field {
    width: 100% !important;
}

.page-id-51159 .um-register .um-field .um-field-area {
    width: 100% !important;
}

.page-id-51159 .um-register .um-field input {
    width: 100% !important;
}

/* Password toggle button styles */
.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    color: #666;
    transition: color 0.2s;
}

.password-toggle:hover {
    color: #000;
}

.password-toggle svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* NextEnd Social Login positioning fixes */
/* Hide any social login that appears in the fields area */
.um-register .um-field + .nsl-container,
.um-register .um-field-area .nsl-container,
.um-register .um-row .nsl-container {
    display: none !important;
}

/* Only show social login after the submit button area */
.um-register .um-col-alt + .nsl-container,
.um-register form > .nsl-container:last-child {
    display: block !important;
    margin-top: 20px !important;
}

/* Ensure social login appears after form submit area */
.um-form .nsl-container {
    clear: both;
}

/* Remove duplicate social login buttons that may appear */
.um-register .nsl-container + .nsl-container {
    display: none !important;
}

/* Login form social login positioning */
.um-login .um-field + .nsl-container,
.um-login .um-field-area .nsl-container,
.um-login .um-row .nsl-container {
    display: none !important;
}

/* Show social login after login button */
.um-login .um-col-alt + .nsl-container,
.um-login form > .nsl-container:last-child {
    display: block !important;
    margin-top: 20px !important;
}

/* Style the social login container */
.um .nsl-container {
    text-align: center !important;
    margin: 20px auto !important;
}

/* Ensure proper spacing for social login buttons */
.nsl-container-block .nsl-container-buttons {
    justify-content: center !important;
}

/* Center the Login and Register buttons */
.um-login .um-col-alt,
.um-register .um-col-alt {
    text-align: center !important;
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
}

/* Center the submit button container */
.um-login .um-center,
.um-register .um-center {
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the actual buttons */
.um-login .um-button,
.um-register .um-button {
    display: inline-block !important;
    margin: 20px auto 0 !important;
}

/* Additional centering for the button wrapper */
.um-login .um-button-wrapper,
.um-register .um-button-wrapper {
    text-align: center !important;
    width: 100% !important;
}

/* If buttons are in a form row, center that too */
.um-login .um-col-1,
.um-register .um-col-1 {
    text-align: center !important;
}


/* Hide Downloads tab in Ultimate Member account */
.um-account-tab[data-tab="downloads"],
.um-account-link[data-tab="downloads"],
#um-account-downloads,
.um-account-nav a[href*="downloads"] {
    display: none !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}