.elementor-155 .elementor-element.elementor-element-7276e54{--display:flex;--padding-top:100px;--padding-bottom:600px;--padding-left:0px;--padding-right:0px;}.elementor-155 .elementor-element.elementor-element-0d3ad13{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-155 .elementor-element.elementor-element-0d3ad13.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-155 .elementor-element.elementor-element-0d3ad13 .wpr-logo{padding:0px 0px 0px 0px;border-style:none;border-radius:2px 2px 2px 2px;}.elementor-155 .elementor-element.elementor-element-0d3ad13 .wpr-logo-image{max-width:150px;}.elementor-155 .elementor-element.elementor-element-0d3ad13.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-155 .elementor-element.elementor-element-0d3ad13.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-155 .elementor-element.elementor-element-0d3ad13.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-155 .elementor-element.elementor-element-0d3ad13 .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-155 .elementor-element.elementor-element-0d3ad13 .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-155 .elementor-element.elementor-element-0d3ad13 .wpr-logo-description{color:#888888;}/* Start custom CSS for shortcode, class: .elementor-element-dbf4cd4 *//* =========================
   COHERO App Login Form
========================= */

.tml-login {
    max-width: 420px;
    margin: 0 auto;
    font-family: Helvetica, Arial, sans-serif !important;
}

/* Hide default page title if needed */
.page-id-155 .entry-title {
    display: none !important;
}

/* Field spacing */
.tml-login .tml-field-wrap {
    margin-bottom: 22px !important;
}

/* Labels */
.tml-login .tml-label {
    display: block !important;
    margin-bottom: 8px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #A0A0A0 !important;
}

/* Inputs */
.tml-login .tml-field {
    width: 100% !important;
    padding: 12px 14px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #3A3A3A !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.3s ease, background-color 0.3s ease !important;
}

.tml-login .tml-field:focus {
    border-color: #ffffff !important;
    background-color: rgba(255,255,255,0.04) !important;
}

/* Remember me row */
.tml-login .tml-rememberme-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: -4px !important;
    margin-bottom: 28px !important;
}

.tml-login .tml-checkbox {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    accent-color: #ffffff !important;
}

.tml-login .tml-rememberme-wrap .tml-label {
    margin: 0 !important;
    font-size: 14px !important;
    color: #A0A0A0 !important;
}

/* Button */
.tml-login .tml-button {
    width: 100% !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 28px !important;
    cursor: pointer !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.tml-login .tml-button:hover {
    transform: scale(1.02);
    opacity: 0.95;
}

/* Hide lost password/register links */
.tml-login .tml-links,
.tml-links {
    display: none !important;
}

/* Alerts/errors */
.tml-login .tml-alerts {
    margin-bottom: 18px !important;
}

.tml-login .tml-alert,
.tml-login .tml-error,
.tml-login .tml-message {
    display: block !important;
    margin-bottom: 16px !important;
    padding: 10px 14px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

.tml-login .tml-alert a,
.tml-login .tml-error a,
.tml-login .tml-message a {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* =========================
   Mobile Login Form
========================= */

@media (max-width: 767px) {

    .tml-login {
        max-width: 100% !important;
        padding: 0 18px !important;
    }

    .tml-login .tml-field-wrap {
        margin-bottom: 16px !important;
    }

    .tml-login .tml-label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .tml-login .tml-field {
        font-size: 15px !important;
        padding: 10px 12px !important;
        border-radius: 5px !important;
    }

    .tml-login .tml-rememberme-wrap {
        margin-bottom: 22px !important;
        gap: 7px !important;
    }

    .tml-login .tml-rememberme-wrap .tml-label {
        font-size: 13px !important;
    }

    .tml-login .tml-button {
        font-size: 15px !important;
        padding: 11px 20px !important;
        border-radius: 5px !important;
    }

    .tml-login .tml-alert,
    .tml-login .tml-error,
    .tml-login .tml-message {
        font-size: 13px !important;
        padding: 8px 12px !important;
        margin-bottom: 14px !important;
    }
}/* End custom CSS */