/**
 * Theme Name: TwentySeventeen Child Theme
 * Template:   twentyseventeen
 */

 /* This is the main page. We're hiding the header title as it is currently aligned with the left hand side of the page */
 /* And it's currently easier hide it outright instead of attempting to make it look good because of how the page has been constructed. */
article.post-94 {
    header.entry-header {
        margin: 0;

        h2.entry-title {
            display: none;
        }
    }
}

/* This is the recent news page. Has a similar problem to the main page in that the title is aligned with the left side of the page. 
Temporary solution of giving it a slight margin so it doesn't look so out of place by being aligned with the left side of the page. */
article.post-632 {
    header {
        padding: 0 !important;
        width: auto !important;
        margin: 2em 0 0.5em 2em !important;
    }
}

/* This is the Our People page. These changes are to ensure that the title is not left aligned*/
div.wrap {
    &:has(article.post-2225) {
        article {
            display: flex;
            flex-direction: column;

            header {
                padding: 0 !important;
                width: auto !important;
                margin: 2em 0 0.5em 2em !important;
            }

            div.entry-content {
                margin: 0 !important;
                width: 100% !important;
            }
        }

        max-width: 1000px !important;

        article.post-2225 {
            header {
                margin: 2rem 0 0 0 !important;
            }
        }
    }
}