/* This is a UCDUNDERCITY Article Stylesheet Template. See articletemplate.html to view the overall layout on a website. 

Feel free to tweak things you feel.

If you want to make changes but you feel worried about changing other articles this .css file, you can make a new .css file in the articles folder.
You can copypaste what's here if you want then make changes in that new .css file. Remember to change the stylesheet href in your .html file to your new stylesheet. 

Currently, this stylesheet does not include image styling!
*/

/*Fonts */

@font-face {
  font-family: "pn1";
  src: url(/fonts/ProximaNovaBold.otf);
}

@font-face {
  font-family: "pn2";
  src: url(/fonts/ProximaNovaExtrabold.otf);
}

@font-face {
  font-family: "pn3";
  src: url(/fonts/ProximaNovaRegular.otf);
}

/* General Layout */
html {
    font-family: "pn1";
    font-size: 20px;
    background-color: #022851; /*background color of the noncontent */
}

body {
    width: 100%; /*squishes the content */
    margin: 0 auto;
    min-width: 900px;
}

/* UCDUNDERCITY TYPOGRAPHY */
h1 {
    font-size: 1.5rem;
    text-align: left;
    margin-left: 25px;
    color: #FFBF00;
    font-family: "pn2";
}

nav li {
    color: #FFF9E5;
}

p, li {
    font-family: "pn1";
    font-size: 1.2rem;
    line-height: 1.5;
}

/* Article TYOPGRAPHY */

h2 {
    font-size: 1.5rem;
    text-align: center;
    color: #022851;
    font-family: "pn1";
}

h3 {
    font-size: 1.3rem;
    text-align: left;
    color: #1D4776;
    font-family: "pn3";
}

h4 {
  font-size: 1.0rem;
  color: #1D4776;
  text-align: center;
  font-family: "pn3";
}

article p {
  font-family: "pn3";
  font-size: 1.0rem;
}


article li {
  font-family: "pn3";
  font-size: 1.0rem;
}

/* Footer TYPOGRAPHY */

footer p {
    font-size: 1rem;
    text-align: center;
    color:#FFF9E5;
    font-family: "pn3";
}



/* Header layout */
nav ul {
    padding: 0;
    list-style-type: none; /*removes stinky bullet points in nav*/
    display: flex; /*flexible box horizontal alignment*/
}

nav li {
    text-align: center;
    flex: 1; /*flex length for the list (home, districts, etc.) */
}

nav a {
    color: #FFF9E5;
    text-decoration: none; /* removes godawful blue link */
}

/* Hover effects: Becomes yellow and underline when hovering.*/
@media (any-hover: hover) {
  a:hover {
    color: #FFBF00;
    text-decoration: underline;

  }
}

/* Image? */

.placeholder img {
    width: 100%;
    height: 400px;
}


/* Main Layout */
main {
    gap: 5px;
}

main, article, section {
    background-color: #FFF9E5; /*Whitish background for main content */
    padding: 0.5%;  

}

section, article {
  margin-left: 100px;
  margin-right: 100px;
}


h2, h4 {
  margin: 0.5;
}


/* Footer Layout */
footer {
    margin-top: 10px; /*divides footer from main a lil*/
}