/* Apply max-width only when NOT on the login page */
body:not(.ic-Login-Body) #content {
  max-width: 1350px;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;

/* fonts */

@font-face {
  font-family: "Apercu Pro";
  src: url("https://branded-hosted.s3.us-east-1.amazonaws.com/Canvas/WIRED/Aprecu/Apercu-Bold-Pro.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Apercu Pro";
  src: url("https://branded-hosted.s3.us-east-1.amazonaws.com/Canvas/WIRED/Aprecu/Apercu-Regular-Pro.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Drukcyr";
  src: url("https://branded-hosted.s3.us-east-1.amazonaws.com/Canvas/WIRED/Druk/DrukCyr-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Wiredmono";
  src: url("https://branded-hosted.s3.us-east-1.amazonaws.com/Canvas/WIRED/WiredMono/Wired+Mono+Desktop/WiredMono-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Breve Text Book";
  src: url("https://branded-hosted.s3.us-east-1.amazonaws.com/Canvas/WIRED/Breve+Text/BreveText-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Headers */
h1 {
  color: #000000;
  font-size: 42pt;
  font-family: "Apercu Pro", sans-serif !important;
  font-weight: 700;
}

h2 {
  color: #000000;
  font-size: 36pt;
  font-family: "Apercu Pro", sans-serif !important;
  font-weight: 700;
}

h3 {
  color: #000000;
  font-size: 20pt;
  font-family: "Apercu Pro", sans-serif !important;
  font-weight: 700;
}

h4 {
  color: #313131;
  font-size: 16pt;
  font-family: "Wiredmono", monospace !important;
  font-weight: 400;
}

.page-title {
  color: #000000 !important;
}

/* Paragraphs */
p {
  color: #000000;
  font-family: "Breve Text Book", serif !important;
}

/* Body text style */
.bodytext {
  font-size: 14pt;
}

/* Text over images */
.image_wrapper {
  position: relative;
  list-style-type: none;
}

.image_wrapper_ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
}

/* Text over images - font size scaling */
@media (max-width: 500px) {
  .overlay {
    font-size: 15px;
  }
}