.page-container a[href^="https://"]:not([href*="dof.ca.gov"])::after, .page-container a[href^="http://"]:not([href*="dof.ca.gov"])::after {
    Content: "\e9ed"!important;
    font-family: "CaGov"!important;
    margin: 0 0 4px 5px;
    Text-decoration: none;
    Display: inline-block;
    Font-size: 15px;
    vertical-align: middle;
    border: none
}
.page-container a[href*="dof.ca.gov"]::after {
    Content: null
}
.page-container a[href$=".xlsx"]::after, .page-container a[href$=".pdf"]::after, .page-container a[href$=".docx"]::after, .page-container a[href$=".pptx"]::after, .page-container a[href$=".csv"]::after, .page-container a[href$=".txt"]::after, .page-container a[href$=".zip"]::after, .page-container a[href$=".mp3"]::after, .page-container a[href$=".docm"]::after, .page-container a[href$=".xlsm"]::after, .page-container a[href*=".xlsx?"]::after, .page-container a[href*=".pdf?"]::after, .page-container a[href*=".docx?"]::after, .page-container a[href*=".pptx?"]::after, .page-container a[href*=".csv?"]::after, .page-container a[href*=".txt?"]::after, .page-container a[href*=".zip?"]::after, .page-container a[href*=".mp3?"]::after, .page-container a[href*=".docm?"]::after, .page-container a[href*=".xlsm?"]::after {
    Border: 1px solid;
    line-height: 10px;
    padding: 2px 2px 1px 2px;
    margin: 1px 1px 4px 5px;
    Text-decoration: none;
    Display: inline-block;
    Font-size: 10px;
    Font-family: Helvetica, sans-serif;
    vertical-align: middle
}
.page-container a[href$=".pdf"]::after, .page-container a[href*=".pdf?"]::after {
    Content: "PDF"
}
.page-container a[href$=".docx"]::after, .page-container a[href*=".docx?"]::after {
    Content: "DOCX"
}
.page-container a[href$=".pptx"]::after, .page-container a[href*=".pptx?"]::after {
    Content: "PPTX"
}
.page-container a[href$=".csv"]::after, .page-container a[href*=".csv?"]::after {
    Content: "CSV"
}
.page-container a[href$=".txt"]::after, .page-container a[href*=".txt?"]::after {
    Content: "TXT"
}
.page-container a[href$=".zip"]::after, .page-container a[href*=".zip?"]::after {
    Content: "ZIP"
}
.page-container a[href$=".mp3"]::after, .page-container a[href*=".mp3?"]::after {
    Content: "MP3"
}
.page-container a[href$=".docm"]::after, .page-container a[href*=".docm?"]::after {
    Content: "DOCM"
}
.page-container a[href$=".xlsm"]::after, .page-container a[href*=".xlsm?"]::after {
    Content: "XLSM"
}
.page-container a[href$=".xlsx"]::after, .page-container a[href*=".xlsx?"]::after {
    Content: "XLSX"
}
.dof-section {
  background-color: #0f4f94;
  width: 100%;
}
.dof-footer {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1250px;
  color: #ffffff;
  padding: 0 20px;
}
.dof-footer a:hover, .dof-footer a:link, .dof-footer a:active, .dof-footer a:visited {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: from-font;
}
.dof-footer > div {
  width: 25%;
  padding: 20px 10px;
}
.dof-footer div ul {
  list-style-type: disc;
  margin: 0px !important;
  padding: 0px !important;
}
.dof-footer div ul li {
  padding-bottom: 10px !important;
}
@media only screen and (max-width: 768px) {
  .dof-footer {
    padding: 20px 40px;
  }
  .dof-footer > div {
    min-width: 50%;
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .dof-footer > div {
    min-width: 100%;
  }
}
@media print {
  h1 { 
    page-break-after: avoid;
  }
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}