/* 1. Site-Wide Styles */
html {
    font-size:18px;
}

/* 1a. Site Header & Nav */
header {
    background-image:url('/resources/images/masthead-2a-large.png');
    background-color:var(--emgmediumblue);
    background-size:cover;
    background-position:center bottom;
    display:flex;
    flex-direction:column;
    position:sticky;
    top:0;
}

a.header-logo {
    align-self:center;
    margin:2rem 1rem 1rem;
}

img.header-logo {
    height:3rem;
}

#nav-links {
    padding:0 2rem 1.5rem;;
}

li.nav-item {
    display:inline-block;
}

li.nav-item:not(:last-child) {
    padding-right:3.5rem;
}

a.nav-item:hover {
    text-decoration:underline;
}

a.nav-item:active {
    color:var(--emglightestblue);
}

/* 1b. Site Footer */
footer {
    padding:2.5rem;
}

div.footer-title {
    text-align:center;
}

img.footer-logo {
    height:3rem;
}

h4.footer-title {
    font-size:1.5rem;
    padding:.25rem 0 2rem;
}

ul.footer-links {
    text-align:center;
}

li.footer-links {
    display:inline-block;
}

li.footer-links:not(:last-child)::after {
    content: " |";
    margin:0 3rem;
    color:var(--emglightblue);
}

div.footer-copyright {
    font-size:.75rem;
    font-weight:300;
    text-align:center;
    margin:2rem 0 2rem;
}

/* 1c. Generic Site-Wide Body Styles */
#page-title-container {
    background-image:url('/resources/images/masthead-2b-large.png');
    background-color:var(--emgmediumblue);
    background-size:cover;
    background-position:center top;
    padding:1rem 2rem 2rem;
}

.section-container {
    padding:2rem;
}

h2.section-title {
    font-size:1.75rem;
    padding-bottom:.75rem;
}

p.body-copy:not(:last-child) {
    padding-bottom:.5rem;
}

.section-divider {
    margin: 0 3rem;
}

/* 2. Home Page Styles */
#site-title {
    font-size:4.5rem;
    padding-bottom:.5rem;
}

#site-subtitle {
    font-family:'Merriweather Sans', 'Arial', sans-serif;
    font-weight:400;
    font-style:italic;
    font-size:1.75rem;
    padding-bottom:.5rem;
}

#home-page-CTA-container {
    flex-direction:row;
    width:100%;
}

.home-page-CTA-card {
    flex-grow:1;
    flex-shrink:1;
    margin:1rem 1rem;
    padding:1.5rem 1.5rem 2.5rem;
    align-items:center;
    border-radius:1rem;
    box-shadow:.375rem .375rem var(--emgmediumblue);
}

.home-page-CTA-image {
    width:100%;
    height:18rem;
    object-fit:cover;
    border-radius:.5rem;
}

.home-page-CTA-subtitle {
    width:100%;
    display:flex;
    flex-direction:column;
}

.home-page-CTA-copy {
    margin:1rem 0;
}

.home-page-CTA-link {
    align-self:center;
}

.home-page-CTA-button {
    font-size:1.125rem;
    font-family:'Merriweather', 'Georgia', serif;
    padding:.5rem 1.5rem;
    border-radius:.5rem;
}