/* 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;
}

.user_content,
.show-content,
.mce-content-body {
  font-family: "Breve Text Book", serif !important;
  font-size: 14pt;
  line-height: 1.5;
  color: #000;
}

.user_content p,
.show-content p,
.mce-content-body p,
.user_content ul,
.user_content ol,
.user_content li,
.show-content ul,
.show-content ol,
.show-content li,
.mce-content-body ul,
.mce-content-body ol,
.mce-content-body li {
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
}/* Text over images */
.image_wrapper {
  position: relative;
  list-style-type: none;
}

/* --------------------------------
   FORCE body font on Canvas lists
--------------------------------- */
.user_content ul,
.user_content ol,
.user_content li,
.show-content ul,
.show-content ol,
.show-content li,
.mce-content-body ul,
.mce-content-body ol,
.mce-content-body li {
  font-family: "Breve Text Book", serif !important;
  font-size: 14pt;
  font-weight: 400;
  color: #000;
}

/* Ensure links inside lists stay consistent */
.user_content li a,
.show-content li a,
.mce-content-body li a {
  font-family: "Breve Text Book", serif !important;
}


.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;
  }
}