/*
Theme Name: Imelda's Shoes
Theme URI: https://imeldas-shoes.com
Author: Anthony Green
Description: Custom pixel-perfect theme for Imelda's Shoes. Classic-Editor + ACF editable. Built from the source PSDs (1440px desktop, 375px mobile). Home page implemented; other pages to follow.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imeldas-shoes
*/

/* Actual styles are enqueued from assets/css/main.css (see functions.php). */

/* ==================================================
   PRESS PAGE — EDITORIAL HEADLINES
   ================================================== */

body.page-id-XXXX .press-headline-section,
.press-headline-section {
    display: block !important;
    width: min(1180px, calc(100% - 60px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 55px 0 70px !important;
    color: #111111 !important;
    text-align: center !important;
}

/* MAIN INTRODUCTION */

.press-headline-section .press-main-statement {
    display: block !important;
    max-width: 1100px !important;
    margin: 0 auto 38px !important;
    padding: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 38px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: -0.5px !important;

    color: #111111 !important;
    text-align: center !important;
}

/* BLACK DIVIDING LINES */

.press-headline-section .press-headline-rule {
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    min-height: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #111111 !important;
}

/* ALL THREE HEADLINES */

.press-headline-section .press-headline {
    display: block !important;
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 44px 35px !important;

    color: #111111 !important;
    text-align: center !important;
}

/* SMALL GREY LABEL */

.press-headline-section .press-style-label {
    display: block !important;
    margin: 0 0 17px !important;
    padding: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 2px !important;

    color: #777777 !important;
    text-align: center !important;
}

/* NEW YORK TIMES FEATURE */

.press-headline-section .press-headline-nyt {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 36px !important;
    line-height: 1.16 !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

/* DAILY MAIL / MAILONLINE FEATURE */

.press-headline-section .press-headline-mail {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 38px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: -0.5px !important;
}

/* THE TIMES FEATURE */

.press-headline-section .press-headline-times {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 37px !important;
    line-height: 1.14 !important;
    font-weight: 700 !important;
    font-style: normal !important;
}


/* ==================================================
   PRESS — MOBILE
   ================================================== */

@media (max-width: 600px) {

    .press-headline-section {
        width: calc(100% - 36px) !important;
        padding: 38px 0 50px !important;
    }

    .press-headline-section .press-main-statement {
        font-size: 27px !important;
        line-height: 1.12 !important;
        margin-bottom: 30px !important;
    }

    .press-headline-section .press-headline-rule {
        height: 3px !important;
        min-height: 3px !important;
    }

    .press-headline-section .press-headline {
        padding: 32px 6px !important;
    }

    .press-headline-section .press-style-label {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 14px !important;
    }

    .press-headline-section .press-headline-nyt {
        font-size: 25px !important;
        line-height: 1.18 !important;
    }

    .press-headline-section .press-headline-mail {
        font-size: 26px !important;
        line-height: 1.14 !important;
    }

    .press-headline-section .press-headline-times {
        font-size: 25px !important;
        line-height: 1.17 !important;
    }
}