.scrollable-json {
max-height: 400px;      /* Set your desired max height */
overflow-y: auto;       /* Enable vertical scrolling */
padding-right: 10px;    /* Optional: prevent content flush against scrollbar */
overflow-x: hidden;      /* prevent horizontal scroll */
word-wrap: break-word;   /* wrap long words/URLs */
white-space: normal;     /* override nowrap or <pre> if applied */
scrollbar-gutter: stable; /* if supported */
}


:root {
  --scroll-margin-top: 40px;     /* adjust to match your fixed header height */
  --scroll-margin-bottom: 48px;  /* optional: adjust for sticky footer/chat bar */
}

[id],
:target,
section,
article,
.card-header,
footer,
h1, h2, h3, h4, h5, h6 {
  scroll-margin-top: var(--scroll-margin-top);
  scroll-margin-bottom: var(--scroll-margin-bottom);
}

@media (prefers-reduced-motion: reduce) {
  .collapsing { transition: none !important; }
}




.form-control {
  border-color: #80bdff; /* Light blue border */
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Light blue shadow */
}

/* Dark red border and shadow when focused */
.form-control:focus {
  border-color: #800000; /* Dark red border when focused */
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 0, 0.25); /* Dark red shadow when focused */
}

.filter_border {
  border: 1px solid #C1C1C1; /* Set the border style, color, and width */
  padding: 20px; /* Add padding to create space between content and border */
  position: relative; /* Set position to relative for absolute positioning of title */
}
.filter_label {
  background-color: #fff; /* Set background color to match the page background */
  padding: 0 10px; /* Add padding to the title */
  position: absolute; /* Position title absolutely within the bordered div */
  top: -12px; /* Adjust the top position to overlap with the border */
  left: 10px; /* Adjust the left position to align with the border */
}


  .lube_index ul {margin-top: 10px; margin-bottom: 0px;} /* For "Directory" lists inside indexes (additives, lubes, recipes, etc.) */
  .lube_index_header { border-bottom: 1px solid #800000; list-style-type: none; font-weight: bold; margin-left: -40px; padding-left: 0px; margin-bottom: 5px;}



.blink {
  animation: blinker 1.0s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



.resource_category_image { border: 2px solid #D1D1D1; }
.resource_category_name { text-align: center; color: #800000; background-color: #D1D1D1; font-weight: 500; font-size: larger; padding: 20px;}
.resource_category_description { background-color: #D1D1D1; margin-bottom: 60px; padding: 15px 15px 5px 15px; font-size: smaller; min-height: 190px;}
.chem {font-size: 0.80rem;}
.chem h5 {border-bottom: 2px solid #800000; font-size: 0.90rem;}
.substance {border: 4px solid #000000; padding: 0px; margin: 0px 0px 25px 0px; width: 100%;}
.substance p:nth-child(1) {font-size: 1.25rem; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.substance p:nth-child(2) {font-size: 4.0rem; font-weight: bold; text-align: center; line-height: 80%; margin-top: 15px; }
.substance p:nth-child(3) {font-size: 1.5rem; font-weight: bold; text-align: center; margin: 15px 0px 0px 0px; }
.substance p:nth-child(4) {font-size: 1.0rem; text-align: center; margin: 0px 0px 10px 0px; }
.category {border: 2px solid #800000; background-color: #F1F1F1; text-align: right; padding: 20px; margin: 30px 0px 0px 0px;}
.category h2 {padding: 0px; margin: 0px 0px 0px 0px;}
.category h3 {padding: 0px; margin: 0px; border-bottom: none; font-size: 1.25rem;}
.risk {color: red;}
.proposed {font-size: 0.75rem;}
.box {margin-bottom: 65px; }
.columnar {margin-bottom: 0px;}
.drug_picture {display: flex; justify-content: center; align-items: center; padding-bottom: 10px; width: 100%;}
.mginty p:nth-child(1) {margin-bottom: 8px;}
.mginty p:nth-child(2) {margin-bottom: 0px;}
.step_block {border: 2px solid #800000; padding: 15px; margin-left: 15px; margin-bottom: 25px;}


.editorial_outline {
  border: 2px solid #800000;
  background-color: #F9F9F9;
  margin: 25px;
  padding: 25px;
  font-size: 0.80rem;
}

.editorial_outline h1 {
  margin: 0px;
  padding: 0px;
}

.l1_outline { margin: 0px 0px 0px 10px;}
.l2_outline { margin: 0px 0px 0px 50px;}
.l3_outline { margin: 0px 0px 0px 90px;}
.l4_outline { margin: 0px 0px 0px 130px;}


@media screen and (max-width : 770px) {
  h1 {font-size: 2.0rem;}
  h2 {font-size: 1.5rem;}
  h3 {font-size: 1.25rem;}
  h4 {font-size: 1.10rem;}
}

@media (max-width: 600px) {
  .too_big {
    display: none;
  }
}

.strike::before {
  content: " Completed: ";
}

.strike {
  opacity: 40%;
  text-decoration: line-through; }

	.key-legend {
		/* SETS EXTERIOR BORDERS ON KEYS AND LEGENDS */
		border: 2px solid #800000;
		width: 100%;
		font-size: 0.80rem;
		margin-bottom: 30px;
	}

	.key-legend td {
		/* OVERRIDES BOOTSTRAP TABLE CLASS */
		padding: 5px 0px 5px 10px;
	}

	.key-legend thead {
		/* SETS HEADER IN KEYS & LEGENDS */
		background-color: #800000;
		color: #FFFFFF;
		font: bold .85rem sans-serif;
	}

	.btn-course {
		color: #FFF;
		font-weight: 450;
		background-color: #800000;
		border: 1px solid #800000;
	}

	.btn-course:hover { opacity: .75; color: #FFF; }

	.btn-supply-list {
		color: #FFF;
		font-weight: 450;
		background-color: #800000;
		border: 1px solid #800000;
		margin: 10px 0px 0px 0px;
		width: 110px;
		padding: 2px;
	}

	.btn-supply-list:hover { opacity: .75; color: yellow; }

/* -- Misconceptions and Myths */
  .sub-column {
      background-color: #F9F1F1;
      border: 2px solid #800000; /* Optional border */
      padding: 10px; /* Optional padding */
      box-sizing: border-box; /* Include padding and border in element's total width and height */
    }
  .sub-column p {padding: 0px 5px 5px 5px; margin: 0px;}
  .sub-column h6 {margin: 10px 0px 0px 0px;}
  .assumptions {padding-top: 10px;}
  .sub-column h5 {background-color: #800000; color: #FFFFFF; margin: -10px; padding: 10px;}




.etiquette-number-complex {
  color: #FFFFFF;
  font-size: 2.5rem;
  background-color: #800000;
  width: 3.0rem;
  height: 3.0rem;
  padding: 0px;
 }

 .etiquette-number-complex-practices {
   color: #616161;
   font-size: 2.5rem;
   background-color: #C3C3C3;
   width: 3.0rem;
   height: 3.0rem;
   padding: 0px;
  }

.card-link {
  display: flex;
  align-items: center; /* Ensures first line aligns with number */
  flex-wrap: wrap; /* Allows text to wrap when needed */
}

.etiquette-number {
  flex-shrink: 0; /* Prevents the number from shrinking */
  text-align: center;
  width: 3.0rem; /* Keeps number's width consistent */
  height: 3.0rem; /* Ensures the circle remains a perfect shape */

  /* Center the number properly */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3.0rem; /* Ensures vertical centering */
  margin-top: 5px;
}

.etiquette-rule-accordian {
  flex: 1; /* Allows text to take up remaining space */
  margin-left: 1rem;
  padding-left: 0.5rem; /* Ensures proper spacing */
  text-indent: -0.5rem; /* Aligns second line properly */
  align-self: center; /* Keeps first line aligned with the number */
  margin-top: 5px;
}

.card-header {padding-bottom: 0px;}

.eq { margin-bottom: 15px; }

.btn-override {
  Background-color: transparent;
  Margin: -10px 10px 10px 10px;
  Color: #800000;
  Border: none;
}

.btn-override:hover {
  Background-color: transparent;
  Border: 1px solid #800000;
  Border-radius; 2px;
  Color: #800000;
}

.chat {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 20px 10px 20px;
  margin: -10px 5px 10px 5px;
  border: 2px solid #CFCFCF;
  Font-size: .75rem;
}

.messages {
  margin-top: 0px;
  display: flex;
  flex-direction: column;
}

.message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.yours {
  align-items: flex-start;
}

.yours .message {
  margin-right: 25%;
  background-color: #EEE;
  position: relative;
}

.yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #EEE;
  border-bottom-right-radius: 15px;
}
.yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}

.mine {
  align-items: flex-end;
}

.timestamp {
  color: #B1B1B1;
  font-size: 95%;
  font-variant: small-caps;
  text-align: center;
}

.mine .message {
  color: white;
  margin-left: 25%;
  background: rgb(0, 120, 254);
  position: relative;
}

.mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: rgb(0, 120, 254);
  border-bottom-left-radius: 15px;
}

.mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}
.profile-comment {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px; /* Ensures spacing between comments */
    margin-top: 40px;
}
.profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 5px #800000;
}
.comment-bubble {
    background: #f1f1f1;
    padding: 10px 15px;
    border-radius: 15px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
}
.comment-bubble h6 {
    font-size: 100%;
    margin-bottom: 0px;}

.comment-bubble p {
    margin: 0; /* Default: no extra space between lines */
}
.comment-bubble p + p {
    margin-top: 8px; /* Adds space only if there are multiple paragraphs */
}
.comment-bold {
    font-weight: bold;
    display: block;
}
.chronicles {
  text-align: right;
  Font-style: italic;
}

.etiquette-explained {
  border: 1px solid #616161;
  background-color: #E5E5E5;
  padding: 10px 10px 0px 10px;
  margin: 5px;'
}

.etiquette-w .practices-w { margin-bottom: 10px; }

.etiquette-w p:nth-child(3), .practices-w p:nth-child(3) {
  margin-bottom: 20px; }

.etiquette-w p, .practices-w p {
  Background: #800000;
  Color: #FFF;
  Font-weight: bold;
  Font-size: 0.9em;
  Margin: 3px;
  Padding: 5px;
}

 .practices-w p {
   background: #C3C3C3;
   color: #616161;
 }

  .practices h4 { color: #616161;}
  .etiquette ol { margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 1rem; counter-reset: orderedlist; }
  .etiquette li { display: grid; grid-template-columns: 0 1fr; grid-gap: 4.75em; align-items: start; font-size: 1.0rem; line-height: 1.25; }

  .etiquette li::before {
    counter-increment: orderedlist;
    content: counter(orderedlist);
font-size: 2.0em;
line-height: 1.5em;
width: 3.5rem;
padding: 0.25rem;
text-align: center;
color: #ffffff;
background-color: #800000;
border-radius: 0.0em;
  }

/* ----------------- EXPERT ADVICE --------------- */

.expert_mainframe {
  border: 2px solid #800000;
  padding: 10px;
  margin-bottom: 25px;
}

.expert_image_mainframe {
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}

.expert_image {
  border: 1px solid #C1C1C1;
  padding: 10px;
  max-width: 100%;
  width: 100%;
  margin: 0px;
}

.expert_advice h4 {
  color: #C1C1C1;
  font-size: 0.85rem;
}

.expert_advice h3 {
  color: #800000;
  font-size: 1.25rem;
  border: none;

}

.expert_advice p { margin-bottom: 0px; padding-bottom: 8px; }

.expert_advice .row:last-child {
  margin-top: auto;
  padding-top: 20px;
}

/* --------------- PROCEDURES ---------------- */

.procedures_category_and_name h1 {
  /* FORMATS NAME OF PROCEDURE */
  font-size: 1.25rem;
  color: #00008F;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: inline;
}

.procedures_category_and_name h1:hover {
  /* FORMATS NAME OF PROCEDURE ON HOVER */
  text-decoration:underline;
}

.procedures_category_and_name h2 {
  /* FORMATS PROCEDURE CATEGORY */
  font-size: 0.75rem;
  color: #C1C1C1;
  margin: 0px;
  padding: 4px 0px 0px 0px;
}

.procedures_category_and_name h2:hover {
  /* FORMATS PROCEDURE CATEGORY ON HOVER */
  color: #00008F;
}

.procedures_sub_headings {
  /* FORMATS PROCEDURE SUBHEADINGS */
  margin-top: 5px;
  font-variant: small-caps !important;
  font-weight: 150;
}





.procedure_block{
  /* FORMATS PROCEDURE CATEGORY ON HOVER */
  background-image: url('bs-images/university/general/g_bullet_spacer_800000.png');
  background-position: 15px;
  background-size: 2px auto;
  background-repeat: repeat-y;
}



.procedures_number ol {
  list-style: none;
  margin: 0;
  padding: 0 0rem;
  counter-reset: fisting-steps;
}

.procedures_number ol li {
  counter-increment: fisting-steps;
  margin-bottom: .5rem;
  display: flex;
  align-items: bottom;
  color: #4A4A4A;
}

.procedures_number ol li:before {
  content: counter(fisting-steps);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00008F;
  border: 2px solid #800000;
  padding: 1rem;
  height: 45px;
  width: 80px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-right: 1rem;
}


.procedures_number ul {
  list-style: none;
  margin: 0;
  padding: 0 0rem;
  xxxcounter-reset: fisting-steps;
}

.procedures_number ul li {
  background-image: url('bs-images/university/general/g_bullet_fist_small.png');
  background-position: 35px 6px;
  background-repeat: no-repeat;
  xxxcounter-increment: fisting-steps;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: bottom;
}

.procedures_number ul li:before {
  content: counter(fisting-steps);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00008F;
  border: 2px solid #800000;
  padding: 1rem;
  height: 45px;
  width: 80px;
  font-size: 0.01rem;
  font-weight: 600;
  margin-right: 1rem;
  margin-left: 20px;
  background-color: white;
  background-image: url('bs-images/university/general/g_bullet_fist_small.png');
  background-repeat: no-repeat;
  background-position: center;
}

main ul li {
  margin-left: -20px;
}

.procedures_supplies {
	/* FORMATS SUPPLIES BOX */
	border: solid 1px #00008B;
	margin: 0px 0px 20px 0px;
}

.procedures_supplies h6 {
	/* FORMATS SUPPLES BOX HEADER */
	background-color: #073763;
	font-weight: 600;
  color: #FFFFFF;
	margin-bottom: 5px;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
}

.procedures_supplies ul {
	/* FORMATS LIST MARGINS IN SUPPLIES BOX */
	padding-top: 5px;
}

.procedures_title {
  border-left: 2px solid #800000;
  border-bottom: 2px solid #800000;
  padding: 0px;'
  background-image: url('bs-images/university/general/g_bullet_fist_small.png');
  background-repeat: repeat-y; /* Repeat only vertically */

}

.proceudures_title + p {
   text-align: right;
   padding: 0px;
   margin: 0px;
   font-size: 24px;
   color:#800000;
}

.procedures_down_line {margin-left: 0px;}

.procedures_flat_line {
  border-bottom: 2px solid #800000;
  padding: 0px;
}

.procedures_carat_major {
  text-align: right;
  padding: 0px;
  margin: 0px;
}

.procedures_carat_major i {
  font-size: 24px;
  color:#800000;
}

.procedures_fist_positon {
  margin: 0px 10px 0px -20px;
}

.procedures_mainframe {
  border: 2px solid #800000; padding: 15px; margin-left: 15px; margin-bottom: 50px;
}

.procedures_supplies ul li {
	/* FORMATS BULLET SPACING IN SUPPLIES BOX */
	font-size: 0.85rem;
	padding-right: 15px;
}

.procedures_supplemental_materials
  {text-align: center;}

.procedures_addendum {
  /* FORMATS ADDENDUM BOX AFTER PROCEDURE INSTRUCTIONS */
  background-color: #F1F1F1;
  border: 2px solid #800000;
  padding: 15px;

}

.procedures_addendum h4 {
  /* FORMATS ADDENDUM BOX HEADER */
  color: #800000;
  font-size: 1.0rem;
  padding: 0px;
  margin: 0px;
}

.procedures_addendum p {
  /* FORMATS ADDENDUM BOX CONTENT */
  padding: 6px;
  font-size: 0.85rem;
  margin: 0px;
}

.procedure_title_space {
  margin-bottom: 0px;
}

.procedures li {margin-bottom: 10px;}
/* SEGMENTS OF FISTCHUTE */

.reference-notes {
  border: 2px solid #800000; /* Border around the table */
  background-color: #FFFFFF; /* Background color for the table */
  width: 100%; /* Ensure table fits the container */
}

/* Table header styles */
.reference-notes thead {
  background-color: #800000; /* Background color for the header */
  color: #FFF; /* Text color for the header */
}

.reference-notes thead th {
  font-weight: 550; /* Bold font weight */
  border: none; /* Remove border from header cells */
  padding: 8px 5px; /* Padding for header cells */
}

/* Table cell styles */
.reference-notes td,
.reference-notes th {
  font-size: 0.80rem; /* Font size for table text */
  padding: 5px 8px; /* Padding for table cells */
  border: none; /* Remove borders from cells */
}

/* Specific styles for the first cell in each row */
.reference-notes td:first-child,
.reference-notes th:first-child {
  padding-left: 8px; /* Additional padding for the first cell */
}

/* Table body styles */
.reference-notes tbody {
  background-color: #FFFFFF; /* Background color for table body */
}



.XXreference-notes-equalizer { height: 1px; min-width: 40px; display: block; opacity: 0.0; }
.XXreference-notes-first { height: 1px; min-width: 100px; display: block; opacity: 0.0;}
.XXreference-notes { border: 2px solid #800000; }

.XXreference-notes thead { background-color: #800000; color: #FFF; padding-bottom: 0px;  }


.XXreference-notes td { font-size: 0.80rem; padding: 5px 8px 6px 5px; border: none;}
.XXreference-notes th { font-size: 0.80rem; padding: 0px 8px 6px 5px; border: none; background-color: #800000;}
.XXreference-notes thead th { font-weight: 550; border: none; }
.XXreference-notes td:first-child, .reference-notes th:first-child {padding-left: 8px;}
.XXreference-notes {background-color: #800000;}
.XXreference-notes tbody {background-color: #FFFFFF;}

.sub_caption {color: #800000; font-weight: 500; white-space: nowrap;}






main { 	margin: 40px 30px 200px 30px; }

h1 { padding-top: 100px; }
h2 { padding-top: 30px; }
h3 { border-bottom: 1px solid #800000; margin-top: 60px; margin-bottom: 25px;}
h4 { color: #800000; }

h1 + h2 { margin-top: 0px; padding-top: 0px; }
h2 + h3 { margin-top: 0px; padding-top: 0px; }

ul { list-style-type: square; }
ul li.secondary-indent { list-style-type: none; }
ul li.secondary-sublist { margin-left: 5px; }
ul li.secondary-sublist-grid { margin-left: -15px; }
ol li.secondary-indent { list-style-type: none; }

.expanded-list li {padding-top: 6px; padding-bottom: 6px;}

.long-form-paragraph-list li { margin-bottom: 15px; }

blockquote { padding: 0px 30px 0px 30px; font-style: italic; }

.hidden { display: none; }
.placeholder { /* IF REVERSING, MOVE CLOSING A TAG */ opacity: 0.50; }

.dither-25 { opacity: 0.75; }
.dither-50 { opacity: 0.5; }
.dither-75 { opacity: 0.25; }
.dither-90 { opacity: 0.1; }

.rem075 { font-size: 0.75rem; }
.rem085 { font-size: 0.75rem; }
.rem050 { font-size: 0.60rem; }


.tr-red { color: #FFF; background-color: #FF0000; }
.tr-red-double { color: #FFF; background-color: #B20000;}
.tr-pink { background-color: #FFC0CB; }
.tr-gold { background-color: #FFD700; }
.tr-mustard { background-color: #FFDB58; }
.tr-navy { color: #FFF; background-color: #000080; }
.tr-beige { background-color: #F5F5DC;}
.tr-orange { color: #FFF; background: #FFA500; }


@-webkit-keyframes blinker_can_delete_if_new_blinker_tech_works { from { opacity: 1.0; } to { opacity: 0.0; } }

.blink_can_delete_if_new_blinker_tech_works {
   color: RED;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 3s;
}


/* -------------- SUP MODIFIERS -------------------- */

sup {
  /* PREVENTS SUP FROM RUINING LEADING & KEARNING - NOT SURE WORKS WITH BOOTSTRAP */
  	font-size: x-small;
	vertical-align: baseline;
	position: relative;
	top: -0.5em;
}

sup a { text-decoration: none; }
sup a:visited { color: blue; }
sup a:hover { color: blue; text-decoration: underline; }


/* -------------- ERROR STYLES -------------------- */

.error404 {opacity: 0.5; text-decoration-line: none; cursor: none;}
.error404 a:hover { opacity: 0.5; text-decoration-line: none; cursor: none;}
.error404 a:active { opacity: 0.5; text-decoration-line: none; cursor: none;}

.slides404 {opacity: 0.5; text-decoration-line: none; cursor: none;}
.slides404 a:hover { opacity: 0.5; text-decoration-line: none; cursor: none;}
.slides404 a:active { opacity: 0.5; text-decoration-line: none; cursor: none;}

a.error404 {
  opacity: 0.5;
  text-decoration: none;
  cursor: default;       /* 'none' is unreliable; 'default' or 'not-allowed' is better */
  pointer-events: none;  /* prevents clicking */
}

a.error404:hover,
a.error404:active,
a.error404:focus {
  opacity: 0.5;          /* maintain same appearance */
  text-decoration: none; /* remove underline */
  cursor: default;
}

a.slides404 {
  opacity: 0.5;
  text-decoration: none;
  cursor: default;       /* 'none' is unreliable; 'default' or 'not-allowed' is better */
  pointer-events: none;  /* prevents clicking */
}

a.slides404:hover,
a.slides404:active,
a.slides:focus {
  opacity: 0.5;          /* maintain same appearance */
  text-decoration: none; /* remove underline */
  cursor: default;
}

/* ----------- POSTER & VIDEO STYLES: FRAMES ------------ */

.studios-frame {
	/* USED FOR FRAMING IN ALL VIDEOS */
	border: 2px solid #800000;
	padding: 2px;
}

.studios-branding {
	/* USED FOR PLACEMENT OF BRANDING BOX (BELOW FILM) */
	color: #A9A9A9;
	font-style: italic;
	font-weight: 600;
	font-size: 1.2rem;
	margin: 10px 10px 30px 10px;
}

.studios-branding > sup { padding-left: 2px; }
.studios-branding > em {
	font-style: normal;
	font-size: 0.85rem;
	font-weight: 400;
}
.studios-branding img {	float: right; /* LOGOS FOR PUBLISHING HOUSES */ }



/* -------------- FIGURE MODIFIERS -------------------- */

figure { margin: 0px; }
figure img { border: 1px solid #EFEFEF; padding: 2px; }
.figure-white-background {border: none; }
.figure-sans-caption { border: 2px solid #800000; padding: 2px; /* USE ONLY IN ABOUT PAGES */ }

figcaption {
	background: #EFEFEF;
	font-size: 0.80rem;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 15px;
	padding: 8px;
  overflow-wrap: break-word;
}

figcaption h6 {
	color: #800000;
	font-size: 0.80rem;
	font-weight: 500;
	margin-bottom: 4px;
}

figcaption p { margin-bottom: 0px; }










/* -------------- IMAGE MODIFIERS -------------------- */
.photo_sequence {
  /* SETS SPACING AROUND SET OF IMAGES QUINTUPLET SEQUENCING */
  clear:both;
  margin: 15px 0px 25px 0px;
  width: 100%;
  cursor: none;
}

.photo_sequence img {
  /* SETS IMAGE SIZE & BORDER IN QUINTUPLET SEQUENCING */
  border: 2px solid #800000;
  padding: 4px;
  width: 112px;
  cursor: none;
}

.photo_sequence a {
  cursor: none;
}


.json_title { font-weight: bold;}
.update-item p { margin-bottom: 0px; font-size: 0.75rem; }
.update-item { border: 2px solid #800000; background-color: #F1F1F1; margin: 10px; padding: 10px; }
.btn-course-small {padding: 5px; font-size: 0.75rem; margin: 2px 0px 2px 0px; width: 100%; font-weight: bold; }
@media (max-width: 576px) {
  .btn-course-small {
    margin-top: 10px;
  }
}




/* ----------------------------  BULLET LIST STYLING  ----------------------------- */

/*                                                                                  */

/*           This section is used universally for bulleted list styling             */

/*                                                                                  */

/* ----------------------------  BULLET LIST STYLING  ----------------------------- */




ol.general li {

	padding: 5px 0px 5px 0px;

}



ul.general {
	list-style-type: square;
}


ul.general li {

	padding: 5px 0px 5px 0px;


}


ul.general ul li {

	padding: 3px 0px 3px 0px;


}

ul li.secondary {
  list-style-type: none;
  padding-top: 10px;
}



/* --------------------------------  GRAPHICAL TABLES  ---------------------------------- */

/*                                                                                        */

/*      This section is used for the criteria tables all various pages of fist club.      */

/*                                                                                        */

/* --------------------------------  GRAPHICAL TABLES  ---------------------------------- */




.standard {

	/* SETS BORDERS, FONT, WIDTH, & MARGIN */
	border-collapse: collapse;

	font-size: smaller;

	margin: 0px 0px 25px 0px;

	width: 100%;

}



.standard thead {
	/* SETS HEADER COLOR AT A DARKER RED */
	background-color: #808080;
}

.standard tfoot {}

.standard td, .standard th {
	/* SETS INSIDE BORDERS, PADDING, AND ALIGNMENT */
	border: 2px solid #808080;

	padding: 5px 5px 5px 5px;

	vertical-align: top;

}


.standard tr:nth-child(even) {

	/* SETS ROW COLOR FOR EVEN ROWS */
	background-color: #d1d1d1;

}


.standard tr:hover {
	/* CHANGES ROW COLOR WHEN YOU HOVER */
	background-color: #E3E3E3;
}



.standard thead tr:nth-child(1) {

	/* SETS BACKGROUND COLOR AND FONT FOR FIRST ROW */
	background-color: #808080;

	color: #FFFFFF;

}




.standard ul {

	/* SETS BULLETED LIST SPACING IN STANDARD */
	margin: 0px 0px 0px 0px;

	padding-left: 20px;
}



/* -------------------------------  VENDOR SECTIONS  ---------------------------------- */

/*                                                                                      */

/*      This section is used for the vendor tables all various pages of fist club.      */

/*                                                                                      */

/*      CURRENT PAGES (04/22/17): Poppers, Toys,                                        */

/*                                                                                      */

/* -------------------------------  VENDOR SECTIONS  ---------------------------------- */



.vendor-container {

	/* CAUSES TWO COLUMNS ON 600 WIDE LAYOUT */
	display: -webkit-flex;

  	display: flex;

    	justify-content: space-between;

    	-webkit-justify-content: space-between;

    	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

    	width: 97%;

}



.vendor-item {

	/* SETS THE x */
    	margin: 2px 3px 2px 3px;

    	width: 314px;

}



.vendor_details {

	background: #E6E6E6;

	border: 2px solid #D1D1D1;

	display:none;

	font-size: .80em;

	padding: 10px;

	margin: 0px 0px 20px 0px;

	width: 97%;

}




#vendor {
 width:100%;
}



.vendor_image {

	border: solid 2px #800000;

	padding: 5px;
	width: 95%;

}



.vendor_website > a {

	color: #FFF;

	text-decoration: none;

}



.vendor_website {

	background: #800000;

	border-radius: 4px;

    	color: #FFF;

	font-weight: bold;

	text-align: center;

	float: right;

	padding: 5px 10px 5px 10px;

	width: 70px;

}



.vendor_details {

	background: #E6E6E6;

	border: 2px solid #D1D1D1;

	display:none;

	font-size: .80em;

	margin-top: 10px;

	padding: 10px 10px 10px 10px;

	width: 92%;

}



.vendor-item h6 {

	border-bottom: 1px solid #800000;

	font-size: 1.0em;

 	font-style: italic;

   	font-weight: bold;
	margin-bottom: 4px;

}



.vendor-item ul {

	font-size: .95em;

    	margin-left: 8px;

	margin-right: 0px;

	padding-left: 8px;

	padding-right: 0px;

}



.vendor-item ul > li {

    	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

}








/* ------------------------------- STORYTIME SECTION  ---------------------------------- */
/*                                                                                       */
/*      About: This section is used for the masthead on all core pages of fist club.     */
/*										                                                                	 */
/*	History:          								 */
/*	 			 							 */
/*	 - 5 May 20 	- Updated (Responsive Styling)					 */
/*											 */
/* ------------------------------- STORYTIME SECTION  ---------------------------------- */

.storytime { background-color: #FFFFEB;	padding: 40px 40px 10px 40px; margin-top: 40px; border: 2px solid #800000;}
.storytime h2 { margin: -20px 0px 20px -20px; padding-top: 0px;  }
.case-study::before { content: url('bs-images/general/specialty_topics_studies.png') ; }
.story::before { content: url('bs-images/general/specialty_topics_stories.png') ; }


vestigal?.storytime blockquote { margin: 0px 10px 0px 10px; }

vestigal?.storytime blockquote:last-child { margin: 0px 10px 20px 10px; }


}
vestigal.storytime h2 {
	background-color: #FFFFFF;
	background-image: url('bs-images/general/specialty_topics_stories.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px -20px 0px -20px;
	padding-bottom: 20px;
}

vestigal.storytime h3:first-of-type {
	ssssssspadding-top: 20px;
	ssssssssssssssssmargin-top: 0px;
}

vestigal.storytime h4 {
	margin-top: 20px;
}

vestigal.storytime h5 {
	font-size: 1.05em;
	margin: 0px;
}







/* --------------------- VAULT STYLES ------------------------- */


.studios-vault-button {
	/* USED TO STYLE BUTTONS IN FILM VAULTS */
	background-color: #800000;
	color: #FFFFFF;
	font-size: .80em;
	font-weight: bold;
	float: right;
	margin: 20px 5px 20px 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}


.studios-vault {
	font-size: smaller;
}

.studios-vault table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;

}

.studios-vault tr:nth-child(even) {
	background-color: #c1c1c1;
}

.studios-vault th {
	padding: 5px 10px 5px 5px;
	font-size: 90%;
	border: none;
	border-bottom: 2px solid #a1a1a1;
	text-align: left;
}

.studios-vault td {
	padding: 5px 10px 5px 5px;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #a1a1a1;
}










/* ----------- POSTER STYLES: CREDITS ------------ */

.studios-film-crew td:first-child {
	/* USED TO SET SIZE OF CAST NAMES IN POSTERS */
	text-align: right;
	font-size: 70%;
}

.studios-film-crew td:nth-child(2) {
	/* USED TO SET SIZE OF CAST NAMES IN POSTERS */
	font-size: 70%;
	padding-left: 20px;

}


.studios-credits-studios {

	/* USED FOR FIRST LINE IN POSTER - SPECIFICALLY THE PRODUCING STUDIO */
	font-size: 70%;

	font-weight: bold;

	padding-bottom: 0px;

	text-align: center;

}


.studios-credits-title {

	/* USED FOR TITLE OF FILM IN POSTER */
	border-top: 1px solid #800000;

	border-bottom: 1px solid #800000;

	color: #800000;

	font-family: sans-serif;

	font-size: 140%;

	font-weight: bold;

	margin-top: 3px;
	padding: 5px 0px 5px 0px;

	text-align: center;

}


.studios-credits-cast {

	/* USED FOR CAST & CREW SUB-HEADING */
	font-size: 60%;

	padding: 0px 0px 0px 0px;
	text-align: center;


}



.studios-credits-copyright {

	/* USED FOR COPYRIGHT SUB-HEADING */
	font-size: 50%;

	padding: 5px;

	text-align: center;

}



.studios-rating {
	/* USED FOR ADDING MARGINS AROUND RATING BOX */
	margin: 0px;
	padding: 0px;
}






/* -------------------------------  TIP BOXES SECTION  ---------------------------------- */

/*                                                                                        */

/*                  	  This section is used for tip BOXES                              */
/*                                                                                        */
/*                       	LAST VERIFIED 1/13/2019                                   */

/*                                                                                        */

/* -------------------------------  TOOL BOXES SECTION ---------------------------------- */



.tip_box {

	background-image: url('bs-images/general/backgrounds_fist.png');

	background-repeat: no-repeat;

	background-position: right bottom;

	border: 2px solid #800000;

	font-size: 15px;
	margin: 20px 0px 20px 0px;

	padding: 0px 0px 5px 0px;
	/* FISTING TIPS BOX (DARK RED, FULL WIDTH, FIST BOTTOM CORNER) ON MANY PAGES - STYLING */
}



.tip_box p {

	background-color: #800000;

	color: white;
	font-size: 15px;

	font-weight: bold;

	margin: 0px 0px 12px 0px;

	padding: 2px 2px 4px 2px;

	/* FISTING TIPS BOX HEADER - STYLING */


}


ul.tip_box li {
	font-style: italic;
	list-style-type: square;
	margin: 0px 115px 5px 35px;
	/* FISTING TIPS UNORDERED LINE ITIMES - STYLING */
}

ul.tip_box li.deep_tip_box {
	margin: 0px 15px 5px 35px;
	/* FISTING TIPS FIRST, SECOND AND THIRD TIPS WHEN BOX IS LARGE - INCREASES SPAN OF TIP TO FULL WIDTH */
}






/* ----------------------------------  MESSAGE BOXES ----------------------------------- */
/*                                                                                       */
/*      About: This section is used for Warning and Development boxes  			 */
/*											 */
/*	History:          								 */
/*	 - 31 May 20 	- Updated (Responsive Styling)					 */
/*											 */
/* ----------------------------------  MESSAGE BOXES ----------------------------------- */

.development {
	/* IDENTIFIES THAT ADDITIONAL CONTENT IS FORTHCOMING */
	/* SETS QUALITIES OF DIV BOX */
	background-color: #EFEFEF;
	border: 1px solid #C1C1C1;
	font-size: 0.85rem;
	padding: 5px;
	text-align: center;
}

.development-specifications { margin: 10px; border: 2px solid #C1C1C1; padding: 10px; text-align: center; background-color: #FFF; font-size: .80rem; font-weight: 500; }

.development p:last-child { margin: 2px; padding: 0px; }

.warning {
	/* DISPLAYS WARING BOX IMAGE AND MESSAGING */
	/* SETS DIV BOX CHARACTERISTICS FOR WARNING MESSAGES */
	border: 2px solid #800000;
	background-image: url('bs-images/general/messages_warning.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	display: table;
	margin: 20px 0px 20px 0px;
	min-width: 100%;
	min-height: 35px;
	padding: 20px 20px 10px 70px;
	/* SETS TEXT TO NOT OVERWRITE WARNING SIGN */
  xxx-text-align: justify;
	xxx-text-justify: inter-word;
}

.bs_warning {
	/* DISPLAYS WARING BOX IMAGE AND MESSAGING IN COLUMNS */
	/* SETS DIV BOX CHARACTERISTICS FOR WARNING MESSAGES */
	border: 2px solid #800000;
	background-image: url('bs-images/general/messages_warning.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-size: 0.85rem;
	display: table;
	ssmargin: 20px 0px 20px 0px;
	ssmin-width: 100%;
	ssmin-height: 35px;
	padding: 10px 20px 0px 70px;
	/* SETS TEXT TO NOT OVERWRITE WARNING SIGN */
  	text-align: justify;
	text-justify: inter-word;
}


.construction {
	/* DISPLAYS WARING BOX IMAGE AND MESSAGING */
	/* SETS DIV BOX CHARACTERISTICS FOR CONSTRUCTION MESSAGES */
	border: 2px solid #800000;
	background-image: url('bs-images/general/construction.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	display: table;
	margin: 20px 0px 20px 0px;
	min-width: 100%;
	min-height: 95px;
	padding: 20px 20px 10px 100px;
	/* SETS TEXT TO NOT OVERWRITE WARNING SIGN */
  text-align: center;
}


/* ---------------------------------  FOOTER SECTION  ---------------------------------- */
/*                                                                                       */
/*      About: This section is used for the footer of fist club.     			 */
/*											 */
/*	History:          								 */
/*	 - 5 May 20 	- Updated (Responsive Styling)					 */
/*											 */
/* ---------------------------------  FOOTER SECTION  ---------------------------------- */

footer { margin: 0px 0px 0px 0px; }

.terminal-ul { padding: 0px; margin: 0px; font-size: 0.85em; list-style-type: none; /* SETS TEXT POSITIONING AND SIZE OF FINAL LINE OF FOOTER */ }
.terminal-footer { background: #F1F1F1; margin: 30px auto 30px auto; padding: 6px; color: #800000;}
.terminal-footer p { margin: 2px; font-size: 0.75rem; padding: 0px; }
.terminal-footer h1 { font-size: 0.75rem; border: none; background: none; margin: 2px; padding: 0px;}
.terminal-footer p::before { content: "|"; /* Insert content that looks like bullets */ padding-right: 8px; color: #80000; }
.terminal-footer p::after { content: "|"; /* Insert content that looks like bullets */ padding-left: 8px; color: #80000; }

.distal-container { border: 1px solid #D0D0D0; padding: 0px; margin: 20px; }
.distal-container-supplemental { border: 1px solid #F1F1F1; padding: 20px; width: 100px; margin: 10px; }

.footer-toggle-button { background-color: #FFF; border: 0px; color: #800000; float: right; margin-right: 30px; text-decoration: underline; padding: 10px; }

footer table {border-collapse: separate; border-spacing: 15px; margin: 10px 0px 0px 30px; }
footer table td {padding: 10px; text-align: center; border: 1px solid #F1f1f1; width: 100px;}
footer table td h2 {font-size: 0.90rem; margin-bottom: 0px; background-color: #FFF; border-bottom: none; padding: 0px;}

footer p { margin: 0px 10px 0px 10px; padding: 0px; }
footer ol, footer ul { margin: 0px 0px 10px 0px; }
footer h1 {
	background-color: #F0F0F0;
	border-bottom: 1px solid #D0D0D0;
	font-size: 1.0rem;
	padding: 10px;
	margin-top: 0px;
}

footer h2 {
	font-size: 0.90rem;
	padding: 10px 0px 0px 10px;
}

.distal_container_v4 { border: 1px solid #D0D0D0; margin-top: 20px;}
.distal_container_v4 h6 { background-color: #D0D0D0; padding: 10px;}
.distal_container_v4 h5 { font-size: 0.90rem; font-weight: bold; padding: 10px 10px 0px 30px; }
.distal_container_v4 h4 { font-size: 0.80rem; font-weight: normal; border-bottom: none; padding: 10px 0px 0px 0px;}
.distal_container_v4 img {margin-top: 10px;}
.distal_container_v4 ol {margin-left: 15px; }
.distal_container_v4 ul {margin-left: 15px; }

/* ------------------------------  TABLE MATRIX SECTION  ------------------------------- */
/*                                                                                       */
/*      About: This section is used for the TABLE GRIDS at fist club.     		 */
/*											 */
/*	History:          								 */
/*	 - 21 May 20 	- Created							 */
/*											 */
/* ------------------------------  TABLE MATRIX SECTION  ------------------------------- */

.table-legend { border: 1px solid #EFEFEF; padding: 12px; margin-bottom: 20px;}
.table-legend p { margin: 0px; font-size: 0.75rem; padding-left: 10px;}
.table-legend h6 { font-size: 0.85rem; color: #800000;}
.table-caption { background-color: #EFEFEF; padding: 12px 12px 1px 12px; margin-bottom: 20px;}
.table-caption p { font-size: 0.80rem;}
.table-caption h6 { font-size: 0.80rem; color: #800000;}
.table-caption-reference { font-size: 0.75rem; padding: 5px 0px 0px 15px; border-top: 1px solid #CFCFCF; }
.table-caption-reference li { list-style-type: upper-alpha; margin-top: 0px; margin-bottom: 0px; font-style: italic;}
.table-caption-border {border: 2px solid #c1c1c1; margin-TOP: 4px; }

.matrix-equalizer { height: 1px; width: 40px; display: block; opacity: 0.0; /* THIS STYLE SHOULD BE IN PAGE STYLE & IF MULTIPLE TABLES WILL NEED DUPLICATION AND RENAMING */}
.matrix-equalizer-first { height: 1px; width: 150px; display: block; opacity: 0.0; /* THIS STYLE SHOULD BE IN PAGE STYLE & IF MULTIPLE TABLES WILL NEED DUPLICATION AND RENAMING */}

.matrix p { margin: 0px; padding: 0px; }

.matrix thead th { border-bottom: none; vertical-align: middle;}

.matrix td, .matrix th { text-align: center; font-size: 0.85rem; border: 1px solid #EFEFEF; width: 12%; padding: 3px; vertical-align: middle;}

.matrix td:first-child { text-align: left; }

.matrix th:nth-child(1) { text-align: left; }

.matrix thead th { font-weight: 550; }

.matrix thead { background-color: #C1C1C1;}

.matrix thead tr:first-child th:first-child { background-color: #C1C1C1; padding-left: 8px; }

.matrix tbody tr:nth-child(odd) { background-color: #FFF; padding-left: 8px; }

.matrix tbody tr:nth-child(odd) td:first-child { background-color: #FFF; padding-left: 8px; }

.matrix tbody tr:nth-child(even) { background-color: #F4F4F4; padding-left: 8px;}

.matrix tbody tr:nth-child(even) td:first-child { background-color: #F4F4F4; padding-left: 8px;}

.matrix td:first-child, .matrix th:first-child { position: sticky; left: 0px; -webkit-sticky; /* Safari */}



/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */
/*                                                                                       */
/*      About: This section is used for the masthead on all core pages of fist club.     */
/*											 */
/*	History:          								 */
/*	 - 6 January 19 - Updated 							 */
/*	 - 4 March 20	- Updated 							 */
/*	 - 5 May 20 	- Updated (Responsive Styling)					 */
/*											 */
/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */

#masthead .container-sm {
  /* CONTROLS RESPONSIVE SIZING & FIST IMAGE */
  background-color: #800000;
  background-image: url('bs-images/general/masthead/mh_fist_2.png');
  background-position: 10% bottom;
  background-repeat: no-repeat;
  background-size: contain;
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 100% 50%, 96% 100%, 4% 100%, 0 50%, 0 50%);
  color: #FFFFFF;
}

.mh-title {
  /* TITLE STYLES */
  color: #FFFFFF;
  font: bold normal 6vw arial, sans-serif;
  margin: 0px auto 0px auto;
  padding: 10px 30px 0px 90px;
  text-align: center;
}

.mh-subtitle {
  /* SUBTITLE STYLES */
  color: #FFFFFF;
  font: normal normal 2vw arial, sans-serif;
  margin: 0px auto 0px auto;
  padding: 0px 30px 10px 90px;
  text-align: center;
}

.mh-navigation {
  /* MASTHEAD PAGE NAVIGATION: ABOUT, UNIVERSITY, ETC */
  margin: 0px auto 0px auto;
  text-align: left;
}

.mh-collapse-menu {
	font-size: 0.75rem;
	font-weight: 600;
	border: 0px;
	line-height: 1.0;
}
.mh-navigation a:link {
  /* HIDES UNDERLINE; MAINTAINS LINK COLORS ON SAFARI */
  color: #800000;
  text-decoration: none;
}

.mh-navigation a:visited {
  /* REMOVESS UNDERLINE ; MAINTAINS VISIT LINK COLOR AS DARK RED */
  color: #800000;
  text-decoration:none;
}

.mh-navigation a:hover {
  /* REMOVES UNDERLINE ; BOLDS ACTIVE TEXT */
  font-weight: bold;
  text-decoration: none;
}

.mh-navigation a.active {
  /* REMOVES UNDERLINE ; BOLDS ACTIVE TEXT */
  font-weight: bold;
  text-decoration: none;
}

.mh-navigation ul {
  /* REMOVES BULLETS IN MASTHEAD NAVIGATION*/
  display: inline;
  float: right;
  list-style: none;
  text-align: left;
  padding: 0px 38px;
}

.mh-navigation ul li {
  /* CHANGES LIST TO HORIZONTAL STYLE IN MASTHEAD NAVIGATION*/
  display: inline-block;
  position: relative;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -m-transition: all 0.2s;
  -o-transition: all 0.2s;
   transition: all 0.2s;
}

@media (min-width: 1600px) {
  #masthead .container-sm {
    background-image: none !important;
  }
}









/* ----------------------------  UNIVERSITY HEADER SECTION  ----------------------------- */
/*                                                                                        */
/*           This section is used for the university pages                                */
/*                                                                                        */
/*           Last reviewed 08 MAY 2020				                          */
/*                                                                                        */
/* ----------------------------  UNIVERSITY HEADER SECTION  ----------------------------- */

.university-header-encasement { margin: 0px; }

.university-header-encasement h1:nth-child(1) {display: inline;}
.university-header-encasement h1:nth-child(2) {display: inline;}

.university-header {
	/* CREATES A TITLE BAR IN UNIVERSITY HEADERS*/
	background-color: #800000;
	color: #FFF;
	margin-bottom: 20px;
	text-align: right;
	padding: 0px 10px 0px 5px;
}

.university-header p:nth-child(2) {
	/* CONTROLS HEADER (TOP-LEVEL) TEXT IN TITLE BAR */
	font-size: 2.0rem;
	font-weight: 600;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 1.0;
}

.university-header p:nth-child(3) {
	/* CONTROLS TAG-LINE IN TITLE BAR */
	font-size: 1.0rem;
	font-style: italic;
	font-weight: 600;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

.university-header p:nth-child(4) {
	/* CONTROLS COURSE NUMBER IN SMALL VIEWPORTS IN TITLE BAR */
	font-size: 0.85rem;
	font-weight: 400;
	margin: 50px 0px 5px 0px;
	padding: 0px;
}

.university-header img {
	/* CONTROLS THE IMAGE IN THE TITLE BAR */
	padding: 10px 0px 0px 0px;
	text-align: left;
	float: left;
	margin: 0px;
}

.university-header-summary {
	margin-bottom: 0px;
}

.university-header-summary h6 {
	font-weight: 600;
}

.university-header-summary-details {
	/* CREATES 'PUBLICATION DETAILS' BOX IN HEADER */
	border: solid 1px #CFCFCF;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	min-height: 120px;
	min-width: 120px;
}

.university-header-summary-details h6 {
	/* CREATES TITLE LINE FOR 'PUBLICATION DETAILS' BOX IN HEADER*/
	background-color: #C0C0C0;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.university-header-summary-details p {
	/* CONTROLS FONT IN 'PUBLICATION DETAILS' BOX IN HEADER*/
	margin: 10px;
	padding: 0px 10px;
	font-size: small;
}

.university-header-course-number {
  /* CONTROLS THE COURSE NUMBER AFTER FIRST HEADING */
  font-size: medium;
  color: #F9F9F9;
  margin: 25px 0px 0px 20px;
}














/* ------------------------------- MYTHS -------------------------------------- */


	.carousel-control-prev-override { align-items: flex-end; padding: 0px 130px 0px 30px; }
	.carousel-control-next-override { align-items: flex-end; padding: 0px 30px 0px 130px; }
	.myth-modal {margin-bottom: 20px;}

	 a.modal-launcher:hover { text-decoration: underline; }
	.carousel-control-prev i { color: #800000; fopacity: 75%; font-size: 2.0rem; padding-TOP: 0px; }
	.carousel-control-next i { color: #800000; fopacity: 75%; font-size: 2.0rem; }


	.myth-image { border: 2px solid #D1D1D1; width: 100%; padding: 5px; }
	.myth-title { text-align: center; color: #800000; background-color: #D1D1D1 ; padding-bottom: 5px; }
	.myth-statement { font-size: 1.1rem; color: #800000; font-style: italic; margin-bottom: 2px; }
	.myth-response { font-size: 0.85rem; border: 2px solid #800000; background-color: #F9F1F1; padding: 10px; margin: 0px 0px 15px 0px;}
  .myth-response p:last-child {margin-bottom: 5px;}





/* ---------------------------------  QUICK REFERENCE  ---------------------------------- */
/*                                                                                        */
/*           This section is used for the quick reference box                             */
/*                                                                                        */
/*           Last reviewed 08 MAY 2020				                          */
/*                                                                                        */
/* ---------------------------------  QUICK REFERENCE  ---------------------------------- */

old.quick_reference {
	/* SETS THE BOX CHARACTERISTICS FOR QUICKS REFERENCE  */
	border: 1px solid #C1C1C1;
	sfloat: right;
	font-size: 0.85em;
	list-style-type: none;
	smargin: 10px 0px 10px 25px;
	spadding-bottom: 7px;
	smin-width: 150px;
}

old.quick_reference li.first {
	/* SETS THE TITLE OF QUICK REFERENCE SHADING */
	background: url('bs-images/general/spacer.gif') no-repeat left center #C1C1C1;
	color: #000000;
	font-weight: 600;
	margin: 0px 0px 0px -40px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 1.0rem;
}

old.quick_reference li {
	/* SETS THE BULLET IN QUICK REFERENCE */
	background: url('bs-images/general/bullet_quick_reference.png') no-repeat left center;
	margin: 3px 0px 3px -30px;
	padding: 5px 5px 0px 30px;
}


.quick_reference, .related_coursework {
	/* CREATES 'PUBLICATION DETAILS' BOX IN HEADER */
	border: solid 1px #CFCFCF;
	margin: 0px 0px 20px 0px;
	min-width: 200px;
}

.related_coursework {
	/* CREATES 'PUBLICATION DETAILS' BOX IN HEADER */
	margin: 0px 0px 0px 0px;
}

.quick_reference h6, .related_coursework h6 {
	/* CREATES TITLE LINE FOR 'PUBLICATION DETAILS' BOX IN HEADER*/
	background-color: #C0C0C0;
	font-weight: 600;
	margin-bottom: 5px;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
}

.quick_reference p, .related_coursework p {
	/* SETS THE VOCABULARY HEADER & BACKGROUND IN VOCABULARY - IS THIS NEEDED FOR QQUICK REFERENCE??? */
	color: #800000;
	font-weight: 600;
	text-align: left;
	font-size: .85rem;
	margin: 0px 0px 0px 10px;
}

.quick_reference ul {
  /* ELIMINATES TRADITIONAL BULLET FORMATTING */
  font-size: 0.85em;
  list-style-type: none;
}

  .related_coursework ol {
    font-size: 0.75rem;
    list-style: none;
    counter-reset: li;
    padding-left: 2em; /* Adjust the padding as needed for indentation */
    padding-right: 2em;
  }

  .related_coursework li {
    display: block;
    margin-bottom: 0.5em; /* Adjust the margin as needed for spacing between items */
  }

  .related_coursework li::before {
    content: attr(value);
    display: inline-block;
    width: 6em; /* Adjust the width as needed for indentation */
    margin-right: 0.5em; /* Adjust the margin as needed for spacing between number and text */
  }



.quick_reference li {
	/* SETS THE BULLET IN QUICK REFERENCE */
	background: url('bs-images/general/bullet_quick_reference.png') no-repeat left center;
	margin: 3px 0px 3px -30px;
	padding: 5px 5px 0px 30px;
}

.quick_reference li.secondary {
	/* SETS THE BULLET IN QUICK REFERENCE */
	background: none;
	margin: 0px 0px 3px -30px;
	padding: 0px 5px 0px 30px;
}

.related_coursework li.secondary {
  text-indent: 0em; /* Negative indent to create hanging effect */
  padding-left: 6.5em;
  display: table; /* Enable display table for proper alignment */
}

.related_coursework li.secondary::before {
  content: ''; /* Empty content for secondary items */
  width: 0em; /* Same width as regular items */
  display: table-cell;
}


/* ----------------------------   MYTH BUSTING SECTION  ----------------------------- */
/*                                                                                    */
/*           This section is used for the debunking sections                          */
/*                                                                                    */
/*           Last reviewed 05/30/20				                      */
/*                                                                                    */
/* ----------------------------   MYTH BUSTING SECTION  ----------------------------- */


.myth { border: 2px solid #800000; background-color: #F9F1F1; padding: 15px; font-style: italic;}

.myth h6 {}

.myth p { font-size: 0.85rem;}






/* ----------------------------   VOCABULARY WORDS SECTION  ----------------------------- */
/*                                                                                        */
/*           This section is used for the vocabulary words                                */
/*                                                                                        */
/*           Last reviewed 03/06/20				                          */
/*                                                                                        */
/* ----------------------------   VOCABULARY WORDS SECTION  ----------------------------- */

.vocabulary {
	/* CREATES VOCABULARY BOX */
	border: solid 1px #CFCFCF;
	margin: 0px 0px 20px 0px;
	min-width: 200px;
}

.vocabulary h6 {
	/* STYLES VOCABULARY BOX HEADER */
	background-color: #C0C0C0;
	font-weight: 600;
	margin-bottom: 5px;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
}

.vocabulary p {
	/* STYLES THE ACTUAL VOCABULARY WORD */
	color: #800000;
	font-weight: 600;
	text-align: left;
	font-size: .85rem;
	margin: 0px 0px 0px 10px;
}

.vocabulary ol li {
	/* SETS THE NUMBER SPACING IN VOCABULARY */
	font-size: .85rem;
	padding-right: 15px;
  padding-bottom: 5px;
}

.vocabulary ol li {
	/* SETS THE BULLET SPACING IN VOCABULARY */
	font-size: .85rem;
	padding-right: 15px;
}

.vocabulary li:nth-last-child {
	/* SETS THE SPACING AFTER LAST DEFINITION */
	font-size: .85rem;
	padding-right: 15px;
  color: Green;
}

.vocabulary p.example {
	/* FORMATS THE EXAMPLE */
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 45px;
  padding-right: 15px;
  color: #000000;
  font-weight: 400;
  font-size: .85rem;
}

.vocabulary em {
	font-variant: small-caps;
	font-style: normal;
}

.vocabulary em::before { content: "| " }
.vocabulary em::after { content: " |" }

/* -------------------------------  DIY SECTIONS  ---------------------------------- */
/*                                                                                        */
/*      This section is used for the criteria tables all various pages of fist club.      */
/*                                                                                        */
/* -------------------------------  DIY SECTIONS  ---------------------------------- */


#ff_diy {
	border: 2px solid #800000;
	padding: 0px 0px 5px 0px;
	margin: 20px 0px 80px 0px;
  	background-image: url('bs-images/university/general/as_diy_background.png');
  	background-repeat: no-repeat;
	background-position: right bottom;
	height: 415px;
}

#ff_diy h1 {
	padding: 3px 4px 4px 12px;
	margin: 0px 0px 0px 0px;
	background-color: #800000;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

div.active h5 {
	margin: 0px 5px 0px 5px;
	border-bottom: 2px solid #800000;
	color: #5F5F5F;
	font-weight: bold;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   { right:30px; bottom:0px;}
    25%  { right:30px; bottom:0px;}
    50%  { right:30px; bottom:0px;}
    62%  { right:400px; bottom:0px;}
    74%  { right:400px; bottom:150px;}
    86%  { right:400px; bottom:0px;}
    100% { right:30px; bottom:0px;}

}

/* Standard syntax */
@keyframes example {
    0%   { right:30px; bottom:0px;}
    25%  { right:30px; bottom:0px;}
    50%  { right:30px; bottom:0px;}
    62%  { right:400px; bottom:0px;}
    74%  { right:400px; bottom:150px;}
    86%  { right:400px; bottom:0px;}
    100% { right:30px; bottom: 0px;}
}


.diy_splash {
	height: 385px;
	width: 550px;
	float: right;
	position: relative;
}
.diy_menu {
	width:50px;
	margin: 195px 10px 10px 10px;
	float:left;
}

.diy_nav {
	position: absolute;
	bottom: 0px;
	right: 30px;
	font: normal bold 16px arial,serif;
		-webkit-animation-name: example; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
		animation-name: example;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		animation-delay: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
}

.active {}

div.active h6 {
	font: italic bold 100% arial;
	margin: 25px 0px 5px 20px;
}

div.active ul {
	margin-left: 65px;
}

div.active ul li {
	padding-bottom: 5px;
}

.diy_video {
	list-style-image: url('bs-images/university/general/as_diy_video.png');
}

.diy_pdf {
	list-style-image: url('bs-images/university/general/as_diy_pdf.png');
}

/* -------------------------------LUBRICATION BASES---------------------------- */

.cmsds { width: 130px; height: 130px; margin-right: 30px; margin-bottom: 20px;   display: inline-block;}
.msds {
  width: 130px;
  height: 130px;
  margin-right: 30px;
  margin-bottom: 20px;
  text-align: center; /* Center the content horizontally */
  display: inline-block;
}

.msds a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.msds h4,
.msds img {
  margin: 0; /* Reset margin to prevent unwanted spacing */
}


@media (max-width: 767.98px) { .msds-center-content { text-align: center; } }

.photo-lubrication {border: 2px solid #800000; width: 100%; padding: 2px; }

.expansion-link-paragraph {color: blue; text-decoration: underline; }

.lube-detail-information {margin-top: 60px;}

.data-sheet-full { border: 3px solid #03bafc; background-color: #F1F1F1; }

.data-sheet-full h1 { font-size: 1.2rem; color: #800000; margin: 0px; padding: 0px; }

.data-sheet-full h2 { font-size: 1.0rem; color: #000000; margin: 0px; padding: 0px; font-weight: bold; }

.data-sheet-full h3 { font-size: 1.0rem; color: #000000; margin: 0px; padding: 0px; font-weight: bold; display: inline; border-bottom: none;}

.data-sheet-full h3 + p { display: inline-block; padding-bottom: 8px;  margin-bottom: 8px;}


.data-sheet-head { background-color: #03bafc; }

.data-sheet-head p { margin: 3px; font-size: 1.5rem; color: #FFFFFF; }

.data-sheet-general { padding: 10px; margin: 5px; background-color: #f2d9d9; }

.data-sheet-safety { padding: 10px; margin: 5px; background-color: #f2e6d9; }

.data-sheet-sanitation { padding: 10px; margin: 5px; background-color: #ccddff;}

@media (max-width: 767.98px) {.data-sheet-sanitation { margin-top: 30px;}
}

.data-sheet-marketing { padding: 10px; margin: 5px; background-color: #ffffe6; }

.data-sheet-value { padding: 10px; margin: 5px; background-color: #d9f2e6; }

.data-sheet-compatibility { padding: 10px; margin: 5px; background-color: #ccffff; }

.data-sheet {background-color: #F1F1F1; padding: 10px; border: 3px solid #C1C1C1; font-size: 0.8rem; margin-bottom: 20px; margin-top: 15px;}

.sssssssdata-sheet p {font-size: 1.0rem; color: blue; text-decoration: underline; margin-bottom: 0px; }

.data-sheet ul { margin: 0px; padding-left: 20px; }

ul.fa-ul-indent {padding-left: 10px; }

.lube-matrix-equalizer { height: 1px; width: 70px; display: block; opacity: 0.0; /* THIS STYLE SHOULD BE IN PAGE STYLE & IF MULTIPLE TABLES WILL NEED DUPLICATION AND RENAMING */}
.lube-matrix-equalizer-first { height: 1px; width: 120px; display: block; opacity: 0.0; /* THIS STYLE SHOULD BE IN PAGE STYLE & IF MULTIPLE TABLES WILL NEED DUPLICATION AND RENAMING */}

.lube-matrix p { margin: 0px; padding: 0px; }

.lube-matrix thead th { border-bottom: none; vertical-align: middle;}

.lube-matrix thead:nth-child(2) th  { border-bottom: none; height: 90px; line-height: 100%;  vertical-align: middle; writing-mode: vertical-rl; transform: rotate(270deg); font-weight: normal; font-size: 0.75rem;}

.lube-matrix td, .lube-matrix th { text-align: center; font-size: 0.85rem; border: 1px solid #EFEFEF; width: 12%; padding: 3px; vertical-align: middle;}

.lube-matrix td:first-child { text-align: left; }

.lube-matrix th:nth-child(1)  { text-align: left; }

.lube-matrix thead th  { font-weight: 550; }

.lube-matrix thead { background-color: #C1C1C1;}

.lube-matrix thead tr:first-child th:first-child { background-color: #C1C1C1; padding-left: 8px; } NADA

.lube-matrix tbody tr:nth-child(odd) { background-color: #FFF; padding-left: 8px; }

.lube-matrix tbody tr:nth-child(odd) td:first-child  { background-color: #FFF; padding-left: 8px; }

.lube-matrix tbody tr:nth-child(even) { background-color: #F4F4F4; padding-left: 8px;}

.lube-matrix tbody tr:nth-child(even) td:first-child { background-color: #F4F4F4; padding-left: 8px;}

.lube-matrix td:first-child, .matrix th:first-child { position: sticky; left: 0px; -webkit-sticky; /* Safari */}

h4.text-wrap  {padding-top: 10px; font-size: 0.75rem;}

.ratings {border: 2px solid #C1C1C1; background-color: #F1F1F1; padding: 0px; margin-bottom: 16px;}

.ratings h4 {margin: 0px; padding: 5px; font-size: 1.25rem; color: #000000; background-color: #c1c1c1;}
.ratings h5 {margin: 10px 10px 0px 10px; border-bottom: 1px solid #800000; font-size: 1.0rem; font-weight: bold;}
.ratings h6 {margin: 10px 10px 10px 15px; font-weight: 400; font-style: italic; font-size: 0.90rem;}
.ratings h5 + p + h6 {margin: 0px 10px 0px 15px; font-weight: 500; font-style: italic; font-size: 0.90rem;}
.ratings h6 + p {margin: 0px 20px 10px 20px; font-size: 0.75rem;}
.ratings h5 + p {margin-left: 15px; margin-bottom: 0px; font-size: 1.9rem; }


#course_index p { margin-bottom: 0px; font-size: 0.90rem; }
#course_index table td:nth-child(2) {
  word-wrap: break-word;min-width: 200px;max-width: 300px;
}
#course_index table td:nth-child(3) {
  word-wrap: break-word;min-width: 150px;max-width: 159px;
}
#course_index table td:nth-child(4) {
  word-wrap: break-word;min-width: 400px;max-width: 550px;
}



/* ===== MASTHEAD PHP ===== */

:root{
  --logo-h: 5rem;        /* your desktop masthead logo height */
  --logo-aspect: 2.2;    /* width = height × aspect (tweak this number) */
  --logo-gap: 16px;      /* visual gap between logo and title */
}

.ftmh{
  --ftmh-notch: 36px;          /* depth of angled ends (desktop/tablet) */
  background: #800000;
  position: relative;

  /* Angled ends (hidden on small via media query below) */
  clip-path: polygon(
    var(--ftmh-notch) 0,
    calc(100% - var(--ftmh-notch)) 0,
    100% 50%,
    calc(100% - var(--ftmh-notch)) 100%,
    var(--ftmh-notch) 100%,
    0 50%
  );
  -webkit-clip-path: polygon(
    var(--ftmh-notch) 0,
    calc(100% - var(--ftmh-notch)) 0,
    100% 50%,
    calc(100% - var(--ftmh-notch)) 100%,
    var(--ftmh-notch) 100%,
    0 50%
  );
}

.ftmh-inner{
  max-width: 1100px;
  margin: 0 auto;
  /* keep content away from angled cuts; relaxed on small screens below */
  padding: 8px max(16px, var(--ftmh-notch));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;               /* lets subtitle drop on small screens */
}

.ftmh-logo{ height: var(--logo-h); width: auto; display:block; }

.ftmh-text{ display:flex; flex-direction:column; align-items:center; }
.ftmh-title, .ftmh-subtitle{ margin:0; line-height:1; text-align:center; }

.ftmh-title{
  color:#fff;
  font-size:6rem;
  font-weight:725;               /* use 700 if font lacks 725 */
  padding: 0px;
}

.ftmh-subtitle{
  color:#fff;
  font-size:2rem;
  letter-spacing:0.5rem;
  margin-top:4px;
  font-weight:500;
}

/* ===== Small screens: square ends + subtitle drops under logo+title ===== */
@media (max-width: 640px){
  /* Remove angled ends */
  .ftmh{ clip-path:none; -webkit-clip-path:none; }
  /* Restore normal side padding (not notch-based) */
  .ftmh-inner{ padding:8px 16px; }

  /* Promote title/subtitle to outer flex; keep logo+title same line */
  .ftmh-text{ display:contents; }

  .ftmh-logo{ order:1; height:4rem; padding-top: 8px;}
  .ftmh-title{ order:2; white-space:nowrap; font-size:3.2rem; }
  .ftmh-subtitle{
    order:3;
    flex-basis:100%;
    margin-top:8px;
    font-size:1.1rem;
    letter-spacing:0.25rem;      /* tighter tracking on small */
    padding-bottom: 8px;
  }
}

/* Extra-tight tracking on very narrow phones (optional) */
@media (max-width: 420px){
  .ftmh-subtitle{ letter-spacing:0.2rem; }
}


/* ===========================
   Fist Theory – NAV (single block)
   =========================== */

/* Desktop / base */
.ftnav{
  --ft-accent: #800000;                         /* underline color */
  --ft-grey:   #6b6b6b;                         /* link color */
  /* centers menu under title using logo vars (with safe fallbacks) */
  --ftnav-spacer: calc(var(--logo-h, 5rem) * var(--logo-aspect, 2.2) + var(--logo-gap, 16px));

  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.ftnav .container{ display:flex; align-items:center; }
.ftnav-center{ width:100%; display:flex; align-items:center; justify-content:center; }
.ftnav-spacer{ flex: 0 0 var(--ftnav-spacer); }

/* Links + burgundy underline */
.ftnav-list .nav-link{
  position: relative;
  color: var(--ft-grey) !important;
  font-weight: 600;
  padding: .55rem .9rem;
  text-decoration: none;
  outline: 0; border: 0;
}
.ftnav-list .nav-link::after{
  content:"";
  position:absolute;
  left: .6rem; right:.6rem; bottom:.35rem;
  height:2px; background: var(--ft-accent);
  transform: scaleX(0); transform-origin:center;
  transition: transform .18s ease;
}
.ftnav-list .nav-link:hover::after,
.ftnav-list .nav-link:focus::after,
.ftnav-list .nav-link.is-current::after{ transform: scaleX(1); }

/* “Menu” button (small screens) */
.ftnav-menu-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.45rem .7rem;
  background:#800000; color:#ffffff;
  border:0; border-radius:.175rem; line-height:1;
  cursor:pointer; transition: background .2s ease, transform .1s ease;
}
/* force white label/icon against Bootstrap overrides */
.navbar-light .navbar-toggler.ftnav-menu-btn,
.ftnav .ftnav-menu-btn,
.ftnav .ftnav-menu-btn:hover,
.ftnav .ftnav-menu-btn:focus{ color:#ffffff !important; font-variant: small-caps;}
.ftnav .ftnav-menu-btn:hover,
.ftnav .ftnav-menu-btn:focus{ background:#6d0000; }
.ftnav .ftnav-menu-btn:active{ transform: translateY(1px); }
.ftnav .ftnav-menu-btn:focus{ outline:2px solid rgba(128,0,0,.35); outline-offset:2px; }

/* Hamburger icon (uses currentColor → white on the button) */
.ftnav-burger,
.ftnav-burger::before,
.ftnav-burger::after{
  display:block; width:22px; height:2px;
  background: currentColor; content:""; position:relative;
  transition: transform .2s ease, opacity .2s ease, background .2s ease;
}
.ftnav-burger::before{ position:absolute; top:-6px; left:0; }
.ftnav-burger::after { position:absolute; top: 6px; left:0; }
/* morph to “X” when open */
.navbar-toggler[aria-expanded="true"] .ftnav-burger{ background:transparent; }
.navbar-toggler[aria-expanded="true"] .ftnav-burger::before{ transform: translateY(6px) rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .ftnav-burger::after { transform: translateY(-6px) rotate(-45deg); }


/* ===========================
   Mobile (right-docked flyout, right-aligned items)
   =========================== */
@media (max-width: 767.98px){
  /* kill desktop centering spacer on phones */
  .ftnav{ --ftnav-spacer: 0px; }

  /* anchor flyout under the button */
  .ftnav .container{ sssposition: relative; }

  /* right-docked panel */
  #ftnavCollapse{
    position:absolute; top: calc(100% + .25rem); right:auto; left:auto;
    z-index:1050;
    width:min(90vw, 18rem);
    background:#fff;
    margin-left: 90px;
  }

  /* stack items full width */
  .ftnav-list{
    display:flex; flex-direction:column; align-items:stretch;
    padding:0; margin:0;
  }
  .ftnav-list .nav-item + .nav-item{ }

  /* right-aligned link text */
  .ftnav-list .nav-link{
    sssdisplay:block; width:100%;
    text-align:right;
    font-size:.95rem; font-weight:600; color:#555 !important;
    padding:.25rem 1rem .25rem .75rem;
  }
  /* right-aligned underline under text */
  .ftnav-list .nav-link::after{
    left:auto; right:1rem; width:100%; bottom:.2rem; background-color: #800000;
    transform: scaleX(0); transform-origin: right center;
  }
  .ftnav-list .nav-link:hover::after,
  .ftnav-list .nav-link:focus::after,
  .ftnav-list .nav-link.is-current::after{ transform: scaleX(1); }
}

.troubleshoot {color: #000000;}
.troubleshoot:hover {text-decoration:none;}

/* Blink the text color. Adjust --blink-duration or --blink-color if you like */
time.blink-updated {
  --blink-duration: 1.5s;
  --blink-color: red;
  animation: ft-blink var(--blink-duration) steps(1, end) infinite;
}

@keyframes ft-blink {
  0%, 100% { color: inherit; }
  50%      { color: var(--blink-color); }
}

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
  time.blink-updated {
    animation: none;
    /* choose: either keep it steady red or inherit; here we keep it steady */
    color: var(--blink-color);
  }
}

#myths_and_misconceptions .card {font-size: 0.90rem; border: 2px solid #800000;}
#myths_and_misconceptions .card-header {padding: 8px; background-color: #800000; color: #FFFFFF; font-weight: 600; font-size: 1.25rem; }
#myths_and_misconceptions .card ul li {padding: 3px;}
#myths_and_misconceptions h6 { color: #800000; text-align: left; font-weight: 600; font-variant: small-caps; font-size: 1.20rem;}


.expert_advice h3 {margin: 0px 0px 10px 0px }

.step-fig { position:relative; display:inline-block; }
.step-fig img{ display:block; width:100%; border-radius:.25rem; }
.step-fig figcaption{
  position:absolute; left:0; right:0; bottom:0;
  padding:.5rem .75rem; text-align:center; font-weight:700;
  color:#800000; background:rgba(177,177,177,.3);
  border-bottom-left-radius:.25rem; border-bottom-right-radius:.25rem;
  pointer-events:none;
}

.examples {padding: 0px 10px 0px 10px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px;}
.examples p {padding: 5px 0px 5px 0px; margin: 0px;}
@media (max-width: 576px) { .examples p {padding: 0px; margin: 0px; opacity: 50% } }
.examples_border {border-right: 2px solid #800000;}
@media (max-width: 576px) { .examples_border { border: none; font-weight: bold; padding: 0px; opacity: 50%;} }


/* Make ULs inside protocol summaries behave like normal bullets */
.etiquette .card-body ul,
.standards .card-body ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin-left: 20px;
}

/* Neutralize the old OL grid styles for these UL items only */
.etiquette .card-body ul li,
.standards .card-body ul li {
  display: list-item !important;
  grid-template-columns: initial !important;
  grid-gap: 0 !important;
}

/* Remove the numbered ::before box that old rules add */
.etiquette .card-body ul li::before,
.standards .card-body ul li::before {
  content: none !important;
}

.etiquette .card-body .quick_reference ul {
  /* ELIMINATES TRADITIONAL BULLET FORMATTING */
  font-size: 0.85em;
  list-style-type: none;
}

.etiquette .card-body .quick_reference li {
/* SETS THE BULLET IN QUICK REFERENCE */
background: url('bs-images/general/bullet_quick_reference.png') no-repeat left 40%;
margin: 3px 0px 3px -30px;
padding: 5px 5px 0px 30px;
}