/* Custom styles based on the style guide */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #FFFFFF; /* Default page background */
    color: #333333; /* Default text color (Dark Grey/Off-Black) */
}

.font-bebas {
    font-family: 'Bebas Neue', cursive;
}

.bg-primary-blue { background-color: #183A52; }
.text-primary-blue { color: #183A52; }
.bg-primary-yellow { background-color: #FFD147; }
.text-primary-yellow { color: #FFD147; }
.text-secondary-white { color: #FFFFFF; }

/* Accent Colors */
.bg-accent-red { background-color: #E54D42; }
.text-accent-red { color: #E54D42; }
.bg-accent-orange { background-color: #F5A623; }
.text-accent-orange { color: #F5A623; }
.bg-accent-light-blue { background-color: #50A6C2; }
.text-accent-light-blue { color: #50A6C2; }
.bg-accent-green { background-color: #7ED321; }
.text-accent-green { color: #7ED321; }

.hero-bg-map {
    background-image: url("header-background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
}

/* Style for required asterisks */
.required-asterisk::after {
    content: " *";
    color: #E54D42; /* Accent Red for visibility */
}

/* Quote list styles */
.quote {
    font-style: italic;
    padding-bottom: .5rem;
    position: relative;
}

.quote::before {
    content: '“';
    color: #183A52;
    font-weight: bold;
    position: relative;
    left: -.2em;
}

.quote::after {
    content: '”';
    color: #183A52;
    font-weight: bold;
    position: relative;
    right: -.2em;
}

blockquote:last-child {
    padding-bottom: 0;
}

/* List Styles */
li {
    padding-left: .5em;
}

.article-image {
    border: 3px solid #FFD147;
    box-shadow: 3px 3px 5px -1px black;
}