/**
 * Keep H1 visual styles on headings demoted to h2.seo-visual-h1,
 * and style the homepage Magento H1. Loaded after Bootstrap.
 */

/* Generic H1 parity */
h2.seo-visual-h1 {
    font-size: 34px;
    line-height: 120%;
    margin-bottom: 20px;
    padding: 0;
}

/* Homepage SEO H1 — dark bar, white centred text */
.cms-index-index .page-title-wrapper.homepage-h1 {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 8px 15px;
    text-align: center;
    background: #333;
}

.cms-index-index .page-title-wrapper.homepage-h1 .page-title {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: #fff !important;
    letter-spacing: 0.04em;
}

/* Homepage slider banners: original H1 look */
.pir-home-slider h2.seo-visual-h1,
.pir-home-slider .left-col .content h1,
.pir-home-slider .left-col .content h2,
.pir-home-slider .left-col .content h2.seo-visual-h1 {
    font-size: 48px !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 0 30px !important;
    margin: auto 0 !important;
}

.pir-home-slider h2.seo-visual-h1 a,
.pir-home-slider .left-col .content h1 a,
.pir-home-slider .left-col .content h2 a,
.pir-home-slider .left-col .content h2.seo-visual-h1 a {
    text-decoration: none !important;
    color: #fff !important;
}

@media (max-width: 1200px) {
    .pir-home-slider h2.seo-visual-h1,
    .pir-home-slider .left-col .content h1,
    .pir-home-slider .left-col .content h2,
    .pir-home-slider .left-col .content h2.seo-visual-h1 {
        font-size: 52px !important;
    }
}

@media (max-width: 768px) {
    .pir-home-slider h2.seo-visual-h1,
    .pir-home-slider .left-col .content h1,
    .pir-home-slider .left-col .content h2,
    .pir-home-slider .left-col .content h2.seo-visual-h1 {
        padding: 0 20px !important;
        font-size: 45px !important;
    }
}

@media (max-width: 760px) {
    .pir-home-slider h2.seo-visual-h1,
    .pir-home-slider .left-col .content h1,
    .pir-home-slider .left-col .content h2,
    .pir-home-slider .left-col .content h2.seo-visual-h1 {
        font-size: 27px !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }
}

@media (max-width: 390px) {
    .pir-home-slider h2.seo-visual-h1,
    .pir-home-slider .left-col .content h1,
    .pir-home-slider .left-col .content h2,
    .pir-home-slider .left-col .content h2.seo-visual-h1 {
        font-size: 24px !important;
    }
}