pre {
    white-space: pre-wrap;
}

.component img {
    max-width:100%;
    height: auto;
}

body.mce-content-body .block-placeholder {
    background-color: bisque !important;
}

body.mce-content-body .block-prefix {
    background-color: beige !important;
}

body.mce-content-body .block-prefix::before {
    color: rgba(0, 0, 0, 0.60) !important;
    content: "(" !important;
}

body.mce-content-body .block-suffix {
    background-color: beige !important;
}

body.mce-content-body .block-suffix::after {
    color: rgba(0, 0, 0, 0.60) !important;
    content: ")" !important;
}


h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
}

.component-header, .component-name {
    page-break-after: avoid;
}

.component table {
    height: auto;
    width: auto;
    max-width: 100%;
}

/* Adds bullet style to objective items */
.objective-component .cell-basic {
    margin-left: 52px;
}

.objective-component .cell-basic:nth-child(1) {
    list-style: disc;
    display: list-item;
}

td.fr-thick {
    line-height: 1.5em;
    padding: 5px;
}


/* ==========================================================================
   Simple Syllabus theme and template overrides
   Last edited 2026-04-17
   king.642
   ========================================================================== */


/* ==========================================================================
   CSS overrides implemented by Simple Syllabus support 
   based on Web Design Form https://b3gtie9a.paperform.co/ submitted 11/20/2025 by king.642
   saving for reference
   ========================================================================== 
@import url("https://assets.bux.osu.edu/bux-webfonts2/bux-webfonts2.css");

.component .app-name-view.component-name {
   color: #212325 !important;
   font-family: "BuckeyeSans", sans-serif;
   font-size: 18pt !important;
   border-bottom: solid 1px #292929;
   font-weight: bold !important;
}

.component-body {
   color: #000000 !important;
   font-family: "BuckeyeSans", sans-serif; 
   font-size: 12pt !important;
}

.instructor-component .cell-name {
    font-weight: bold;
}

.material-component .cell-name {
    font-weight: bold;
}

h1 {
    font-size: 18pt;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.component-id-974e3a66-0083-44d3-8625-ba3c1b9d44d1 app-slider-button:last-of-type {
    display: none !important;
}

.component-id-974e3a66-0083-44d3-8625-ba3c1b9d44d1:has(.name-edit-container) app-slider-button:last-of-type {
     display: block !important;
}

*/



/* ==========================================================================
   BUX Fonts
   ========================================================================== */
@charset "UTF-8";
/*=====================================
BuckeyeSans2: 400, 600, 700, 800, 900
=====================================*/
@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"), url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"), url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSans";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSans/BuckeyeSans2-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}

/*=====================================
BuckeyeSerif2: 400, 600, 700, 900
=====================================*/
@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "BuckeyeSerif";
  src: local("☺"),
    url("https://bux-fonts.s3.us-east-1.amazonaws.com/bux-webfonts2/BuckeyeSerif/BuckeyeSerif2-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}


/* ==========================================================================
   BUX overrides
   ========================================================================== */
:root {
    --border-radius: 0;
    --text-color: #212325;

}

html {
  font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif;
  font-weight:400;
  font-size:1rem;
  line-height:1.5;
  color:#212325
}

body {
    --border-radius: 0;
    --text-color: #212325;
}

/* Apply 0 border-radius to specific Material classes, EXCLUDING the accessibility button */
body.body-reskin .mat-button:not(.doc-footer-accessibility),
body.body-reskin .mat-raised-button:not(.doc-footer-accessibility),
body.body-reskin .mat-flat-button:not(.doc-footer-accessibility),
body.body-reskin .mat-stroked-button:not(.doc-footer-accessibility),
body.body-reskin button:not(.mat-fab):not(.mat-mini-fab):not(.doc-footer-accessibility) {
    border-radius: 0 !important;
}

.component-body {
   color: #212325 !important;
   font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif;
   font-size: 12pt !important;
}

.instructor-component .cell-name {
    font-weight: bold;
}

.material-component .cell-name {
    font-weight: bold;
}

.component-id-974e3a66-0083-44d3-8625-ba3c1b9d44d1 app-slider-button:last-of-type {
    display: none !important;
}

.component-id-974e3a66-0083-44d3-8625-ba3c1b9d44d1:has(.name-edit-container) app-slider-button:last-of-type {
     display: block !important;
}


.component-body {
   color: #212325 !important;
   font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
   font-size: 12pt !important;
}

.instructor-component .cell-name {
    font-weight: bold;
}

.material-component .cell-name {
    font-weight: bold;
}


/* Syllabus Templates */
h3 > strong,
h4 > strong {
    font-weight: unset !important;
}

h1 {
    font-family: "BuckeyeSerif",Georgia,serif !important;
    font-size: 2rem;
    font-weight: 900 !important;
    line-height: 2.25rem;
}

p:has(img[alt="The Ohio State University"]) {
    width: 300px !important;
    height: auto !important;
    padding: 24px 0 0 0;
}

p:has(img[alt="The Ohio State University"]) + h1 > span:is(:nth-of-type(1), :nth-of-type(2)) {
    font-family: "BuckeyeSans", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.25rem;
    line-height: 1.625rem;
}

h2 {
    margin: 0 0 8px;
    color: #212325 !important;
    font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 2.25rem;
}

.component .app-name-view.component-name {
    margin: 24px 0 16px;
    color: #212325 !important;
    font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    line-height: 2.25rem !important;
    border-bottom: 2px solid #dfe3e5;
}

h3,
.doc .component-body h3 {
    color: #212325 !important;
    margin: 24px 0 8px;
    font-family: "BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
    font-size: 1.25rem;
    font-weight: 600 !important;
    line-height: 1.625rem;
}

h4 {
    color: #212325;
    margin: 24px 0 8px;
    font-family: "BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

ul li::marker {
    color: #ba0c2f !important;
}

.doc .component .component-body a[href], 
.doc .template-panel-box a[href] {
    color: #ba0c2f !important;
}

.doc .component .component-body a[href]:hover, 
.doc .template-panel-box a[href]:hover {
    color: #212325;
    background-color: #eff1f2;
}

caption {
    text-align: left;
}

/* Make 'Hide Instructor' button appear and behave as permanently disabled */
body.body-reskin button[aria-label="Hide instructor"] {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.26) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
}


/* Library */

/* College Cards */
.library-org-card {
    height: 200px;
    background-blend-mode: screen !important; 
    border-radius: 0 !important;
    border-top: 4px solid #ba0c2f;
    margin: 0 20px 20px 0;
}

.library-org-card:hover {
    transform: scale(1.03);
}

.library-org-card .org-card-content {
    height: 200 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
    background-color: #ffffff !important;
    font-family: "BuckeyeSans", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
    border: 2px solid #f6f7f8;
    border-top: none;
}

.library-org-card .org-card-content p {
    font-family:"BuckeyeSans","HelveticaNeue",Helvetica,Arial,sans-serif !important;
}

.library-org-card .org-card-content .org-name {
    color: #212325 !important;
    font-family: "BuckeyeSans", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.25rem !important;
}


/* Syllabus Library */
.library-doc .doc-card-container.standard-card {
  border-radius: 0 !important;
  background-color: transparent !important;
}

.library-doc .hover-card {
  background: none !important;
}

.library-doc .doc-button {
    border-radius: 0 !important;
}

.library-doc .doc-button-link {
    font-family: "BuckeyeSans", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
}