/* MY TRADING JOURNAL — TYPOGRAPHY MASTER
   Single owner of application typography. */

@font-face{font-family:"Roboto";src:url("fonts/roboto/Roboto-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("fonts/roboto/Roboto-Medium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Roboto";src:url("fonts/roboto/Roboto-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Roboto";src:url("fonts/roboto/Roboto-Black.woff") format("woff");font-style:normal;font-weight:900;font-display:swap}

:root{
    --ta-font-ui:"Roboto","Segoe UI",Helvetica,Arial,sans-serif;
    --ta-hero-title-size:36px;
    --ta-hero-title-line-height:1.05;
    --ta-hero-title-weight:700;
    --ta-hero-title-spacing:-.55px;
    --ta-hero-kicker-size:10px;
    --ta-hero-kicker-line-height:1.2;
    --ta-hero-kicker-weight:900;
    --ta-hero-kicker-spacing:2.2px;
    --ta-hero-description-size:11px;
    --ta-hero-description-line-height:1.6;
    --ta-hero-description-weight:400;
    --ta-hero-description-color:#9b9fa5;
    --ta-hero-greeting-size:13px;
    --ta-hero-greeting-line-height:1.4;
}

html body.ta-app-v2,
body.ta-app-v2 button,
body.ta-app-v2 input,
body.ta-app-v2 select,
body.ta-app-v2 textarea,
body.ta-app-v2 optgroup,
body.ta-app-v2 h1,
body.ta-app-v2 h2,
body.ta-app-v2 h3,
body.ta-app-v2 h4,
body.ta-app-v2 h5,
body.ta-app-v2 h6{font-family:var(--ta-font-ui)}

/* HERO KICKER — official class plus legacy compatibility. */
html body.ta-app-v2 .ta-hero-kicker,
html body.ta-app-v2 .ta-d3-kicker,
html body.ta-app-v2 .ta-projects-kicker,
html body.ta-app-v2 .ta-stats-kicker,
html body.ta-app-v2 .ta-ft3-kicker,
html body.ta-app-v2 .ta-bt-kicker,
html body.ta-app-v2 .ta-profile-hero-kicker,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home .wow-banner-kicker,
html body.ta-app-v2 .sa-kicker,
html body.ta-app-v2 .bt-kicker,
html body.ta-app-v2 .ta-daily-kicker{
    margin:0 0 8px!important;
    color:#d4a84f!important;
    font-family:var(--ta-font-ui)!important;
    font-size:var(--ta-hero-kicker-size)!important;
    font-style:normal!important;
    font-weight:var(--ta-hero-kicker-weight)!important;
    line-height:var(--ta-hero-kicker-line-height)!important;
    letter-spacing:var(--ta-hero-kicker-spacing)!important;
    text-transform:uppercase!important;
}

/* HERO H1. */
html body.ta-app-v2 .ta-hero-title,
html body.ta-app-v2 .ta-ambient-hero h1,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home h1,
html body.ta-app-v2 .ta-profile-hero h1,
html body.ta-app-v2 .ta-bt-title,
html body.ta-app-v2 .bt-head h1,
html body.ta-app-v2 .ta-daily-hero h1,
html body.ta-app-v2 .sa-hero h1{
    margin:0!important;
    color:#fff!important;
    font-family:var(--ta-font-ui)!important;
    font-size:var(--ta-hero-title-size)!important;
    font-style:normal!important;
    font-weight:var(--ta-hero-title-weight)!important;
    line-height:var(--ta-hero-title-line-height)!important;
    letter-spacing:var(--ta-hero-title-spacing)!important;
    text-transform:none!important;
}

/* HERO GREETING. */
html body.ta-app-v2 .ta-hero-greeting,
html body.ta-app-v2 .ta-d3-greeting{
    margin:11px 0 0!important;
    color:#c7c9cc!important;
    font-family:var(--ta-font-ui)!important;
    font-size:var(--ta-hero-greeting-size)!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:var(--ta-hero-greeting-line-height)!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
html body.ta-app-v2 .ta-hero-greeting strong,
html body.ta-app-v2 .ta-d3-greeting strong{color:#fff!important;font-weight:700!important}

/* HERO SUBTITLE. */
html body.ta-app-v2 .ta-hero-internal.ta-ambient-hero .ta-hero-description,
html body.ta-app-v2 .ta-hero-description,
html body.ta-app-v2 .ta-d3-subtitle,
html body.ta-app-v2 .ta-bt-subtitle,
html body.ta-app-v2 .ta-profile-hero-description,
html body.ta-app-v2 .wow-main-banner.ta-ambient-home .wow-banner-content .container>p:not(.wow-banner-kicker),
html body.ta-app-v2 .bt-head-copy>p:not(.bt-kicker),
html body.ta-app-v2 .ta-daily-hero-copy>p:not(.ta-daily-kicker),
html body.ta-app-v2 .sa-hero-copy>p:not(.sa-kicker){
    max-width:720px;
    margin:8px 0 0!important;
    color:var(--ta-hero-description-color)!important;
    font-family:var(--ta-font-ui)!important;
    font-size:var(--ta-hero-description-size)!important;
    font-style:normal!important;
    font-weight:var(--ta-hero-description-weight)!important;
    line-height:var(--ta-hero-description-line-height)!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

@media(max-width:767px){
    :root{--ta-hero-title-size:31px;--ta-hero-title-spacing:-.4px;--ta-hero-kicker-size:10px;--ta-hero-kicker-spacing:2px}
}