@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&family=Roboto:wght@300;400;700&display=swap');

@import url('content.css');
@import url('department.css');
@import url('elections.css');
@import url('footer.css');
@import url('header.css');
@import url('home-24.css');
@import url('services.css');

/* Other CSS Files */

/*

Dark Blue: #0C3142
Light Blue: #69BDC4
Gold: #DBB027
Red (Alert): #BD4733 (White text)
Black (Body Text): #211E1D
Gray: #E9E8E8

*/

body { background: #FFFFFF; color: #211E1D; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.7em; margin: 0; min-height: calc(100vh - 40px); }
h1 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 42px; line-height: 48px; }
h2 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 34px; line-height: 40px; }
h3 { font-size: 24px; line-height: 28px; }
a { color: #0C3142; }
a:hover, a:active { text-decoration: none; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 1px solid #E9E8E8 !important; }

/* TO DO */
a.button { display: inline-block; margin: 0 auto; background: #69BDC4; color: #211E1D; padding: 7px 12px; margin: 0 4px 4px 0; text-decoration: none; font-weight: 700; }
a.button:hover { background: #47ABB3; }
/* END TO DO */

/* Clear */
.clear { clear: both; }
a[id] { scroll-margin-top: 120px; }