/* Override home.css rem heading values with the intended px sizes, and letter-spacing */
h1 { font-size: 48px; letter-spacing: -1.5px; }
h2 { font-size: 38px; font-weight: 400; letter-spacing: -1.5px; margin-bottom: 0.8em; }
h3 { font-size: 28px; letter-spacing: -0.5px; }
h4 { font-size: 18px; }

/* Restore top margins and remove Bootstrap's .row child gutter padding on content elements.
   Specificity (0,1,1) beats Bootstrap's .row > * { margin-top: 0; padding-left/right } rules. */
.row > h2 { margin-top: 0.67em; padding-left: 0; padding-right: 0; }
.row > h3 { margin-top: 1em;    padding-left: 0; padding-right: 0; }
.row > h4 { margin-top: 1em;    padding-left: 0; padding-right: 0; }
.row > p, .row > ul, .row > ol  { padding-left: 0; padding-right: 0; }

/* Override Bootstrap link styles to match core app */
a,
a:link,
a:visited {
    color: #000000;
    font-weight: 900;
    text-decoration: none;
    transition: color 0.25s ease-in-out;
}

a:hover,
a:focus,
a:active {
    color: #565656;
    text-decoration: none;
}

/* Presidents' Speeches label: same visual weight as peer menu items */
#menu-dropdown .menu-section-label {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    text-transform: none;
    letter-spacing: normal;
    padding: 8px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 4px;
}

/* Sub-items: indented and visually subordinate */
#menu-dropdown .menu-sub-item a {
    padding-left: 28px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

#menu-dropdown .menu-sub-item a:hover,
#menu-dropdown .menu-sub-item.active a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}