/* Scoped styling for CPUID guide and informational content blocks */
#guide,
.seo-content .widget-block {
    color: #212121;
    text-align: left;
}
#guide h1 {
    font-size: 3.2em;
    margin: 0.4em 0 0.6em;
    text-transform: uppercase;
}
#guide h2,
.seo-content h2 {
    margin: 1.2em 0 0.5em;
    text-align: left;
}
#guide h3,
.seo-content h3 {
    font-size: 1.8em;
    margin: 1em 0 0.3em;
}
#guide p,
#guide li,
.seo-content p,
.seo-content li {
    font-size: 1.4em;
    line-height: 1.6em;
    color: #212121;
    text-align: left;
}
#guide ul,
.seo-content ul {
    margin: 0.5em 0 1em 1.5em;
}
#guide ol,
.seo-content ol {
    margin: 0.5em 0 1em 1.8em;
}
#guide ul li,
.seo-content ul li {
    list-style: disc;
    margin-bottom: 0.4em;
}
#guide ol li,
.seo-content ol li {
    list-style: decimal;
    margin-bottom: 0.4em;
}
#guide a,
.seo-content a {
    color: #a4108f;
    text-decoration: underline;
}
.breadcrumb,
.breadcrumb a {
    color: #cfcfcf;
}
.breadcrumb a {
    text-decoration: underline;
}
.seo-content .widget-block {
    padding: 1em 2em 2em;
}

/* Structural headings: the promoted page/article titles reuse the exact
   visual rules of the elements they replace, so the design is unchanged. */
#main__header .logo-title {
    display: block;
    width: inherit;
    height: 9em;
    font-size: inherit;
    background: url(../images/cpuid-logo.svg) no-repeat center;
    background-size: 75% auto;
}
.ie #main__header .logo-title {
    background-image: url(../images/cpuid-logo.jpg);
}
#main__content h1.page-title,
#main__content .main-wrapper h1.page-title {
    position: relative;
    width: 100%;
    padding: 1.4em .8em .8em .8em;
    font-size: 2.2em;
    color: #464646;
    font-family: 'raleway-regular', Helvetica, arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
}
#main__content .main-wrapper h1.page-title {
    margin-bottom: 1em;
}
#main__content h1.page-title::after,
#main__content .main-wrapper h1.page-title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 5em;
    height: 1px;
    margin-left: -2.5em;
    background: #d7d7d7;
}
#main__content .main-wrapper h1.page-title::after {
    width: 3.5em;
    margin-left: -1.75em;
}
.seo-content h1.page-title,
#guide h1.page-title {
    text-align: left;
}

#main__content .news__content .information h1.article-title {
    display: inline-block;
    width: auto;
    font-size: 2em;
    color: #921984;
    padding-bottom: .2em;
    font-family: 'raleway-regular', Helvetica, arial, sans-serif;
}
#main__content .news__content .information h1.article-title::after {
    content: '';
    display: inline-block;
    width: .5em;
}

/* an <h1> promoted inside the SEO content block keeps the exact <h2> metrics */
.seo-content h1.page-title,
#guide h1.page-title {
    font-size: 2.6em;
    margin: 1.2em 0 .5em;
    padding: 0;
    text-align: left;
    text-transform: none;
    color: inherit;
}
.seo-content h1.page-title::after,
#guide h1.page-title::after {
    content: none;
}