/******************************************************************************/
/* A basic bunch of reset/normalization items.
/******************************************************************************/
body {
  background: #d4d4d4;
}

em.fa {
  content: '';
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
}

a,
a:active,
a:hover,
a:visited {
  color: #e42a1d;
  background: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/******************************************************************************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  /* font-family: "neue-display-random", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif; */
  font-family: "neue-display", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif;
}

/******************************************************************************/
hr {
  clear: both;
  height: 0;
  margin: 1.25rem auto 1rem auto;
  border: 0;
  border-bottom: 5px solid #000000;
}

/******************************************************************************/
.show {
  display: inline-block;
}

.hide {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

/******************************************************************************/
/* 2024-02-26: Setting 'small' to Bootstrap 4.6.1 sizing; changed in 4.6.2. */
small, .small {
  font-size: 80% !important;
}

/******************************************************************************/
/* 2024-02-26: Setting 'background-color' to Bootstrap 4.6.1 'revert'; changed in 4.6.2 */
.nav-tabs .nav-link {
  background-color: revert;
}

/******************************************************************************/
/* 2022-08-02: Disabling since it conflicts with Bootstrap modals.
/* div:empty,
span:empty {
  display: none;
} */

.parsons_text {
  color: #e42a1d;
  background: inherit;
}

/******************************************************************************/
/* 2024-10-01: Manually setting negative margins since they are apparently */
/* missing in Bootstrap 5.3.3. */
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

/******************************************************************************/
/* Setting a Parsons red tag.
/******************************************************************************/
.text-parsons-red {
  color: #e42a1d !important;
  text-decoration: none !important;
}

/******************************************************************************/
/* Setting Neue tags.
/******************************************************************************/
.text-neue-light {
  font-family: "neue", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 100 !important;
  text-decoration: none !important;
}

.text-neue-regular {
  font-family: "neue", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.text-neue-bold {
  font-family: "neue", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.text-neue-black {
  font-family: "neue", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/******************************************************************************/
/* Setting Arial tags.
/******************************************************************************/
.text-arial-light {
  font-family: Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 100 !important;
  text-decoration: none !important;
}

.text-arial-regular {
  font-family: Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.text-arial-bold {
  font-family: Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.text-arial-black {
  font-family: Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/******************************************************************************/
/* Solid button and badge styling. */
/******************************************************************************/
.btn.btn-primary,
.badge.bg-primary {
  font-weight: normal;
  color: #ffffff !important;
  background: #e42a1d !important;
  border-color: #e42a1d !important;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  white-space: nowrap;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.focus,
.btn.btn-primary[disabled],
.badge.bg-primary:hover,
.badge.bg-primary:focus,
.badge.bg-primary:active,
.badge.bg-primary.active,
.badge.bg-primary.focus,
.badge.bg-primary[disabled] {
  background: #c01f14 !important;
  border-color: #c01f14 !important;
}

/******************************************************************************/
/* Outline button and badge styling. */
/******************************************************************************/
.btn.btn-outline-primary,
.badge.badge-outline-primary {
  font-weight: normal;
  color: #e42a1d !important;
  background: #ffffff !important;
  border-color: #e42a1d !important;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  white-space: nowrap;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary.active,
.btn.btn-outline-primary.focus,
.btn.btn-outline-primary[disabled],
.badge.badge-outline-primary:hover,
.badge.badge-outline-primary:focus,
.badge.badge-outline-primary:active,
.badge.badge-outline-primary.active,
.badge.badge-outline-primary.focus,
.badge.badge-outline-primary[disabled] {
  color: #ffffff !important;
  background: #c01f14 !important;
  border-color: #c01f14 !important;
}

/******************************************************************************/
/* Tag styling stuff. */
/******************************************************************************/

.tag a,
.tag a:active,
.tag a:hover,
.tag a:visited {
  color: inherit;
  background: inherit;
}

/******************************************************************************/
/* Styling for the NYC executive order stuff. */
/******************************************************************************/
.bg-nyc_exec_order {
  background-color: #ffe000;
}

/******************************************************************************/
/* Typography for the university name stuff. */
/******************************************************************************/
header div.banner h1.u_name {
  font-size: 1.25rem;
  line-height: 1.25rem;
}

header div.banner h1.u_name,
header div.banner h1.u_name a,
header div.banner h1.u_name a:active,
header div.banner h1.u_name a:hover,
header div.banner h1.u_name a:visited {
  color: #000000;
}

/******************************************************************************/
/* Typography for the university name stuff. */
/******************************************************************************/
header div.banner h1.u_name span.font-width-1 {
  font-family: "neue-display", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif;
  font-weight: 700;
}

header div.banner h1.u_name span.font-width-2 {
  font-family: "neue-display-wide", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif;
  font-weight: 700;
}

header div.banner h1.u_name span.font-width-3 {
  font-family: "neue-display-ultra", Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif;
  font-weight: 700;
}

/******************************************************************************/
/* Letter spacing for the university name stuff. */
/******************************************************************************/
header div.banner h1.u_name span:nth-of-type(1),
header div.banner h1.u_name span:nth-of-type(11) {
  letter-spacing: -0.02em;
}

header div.banner h1.u_name span:nth-of-type(2),
header div.banner h1.u_name span:nth-of-type(4),
header div.banner h1.u_name span:nth-of-type(8) {
  letter-spacing: -0.05em;
}

header div.banner h1.u_name span:nth-of-type(5) {
  letter-spacing: -0.03em;
}

/******************************************************************************/
body.coursecatalog header div.banner h2.sitename {
  font-size: 4rem;
  line-height: 4rem;
}

body.coursedescriptionarchive header div.banner h2.sitename {
  font-size: 3.25rem;
  line-height: 3.25rem;
}

/******************************************************************************/
header div.banner div.bottom-stripe {
  width: 100%;
  padding-bottom: 4px;
  box-sizing: border-box;
}

header div.banner div.bottom-stripe div.bottom-stripe-inner {
  background: #000000;
  height: 5px;
}

/******************************************************************************/
.close {
  color: #ffffff !important;
}

/******************************************************************************/
/* List specific stuff. */
/******************************************************************************/
div.list_wrapper div.list_row {
  cursor: pointer;
}

div.list_wrapper div.list_row:nth-child(even) {
  background: #ffffff;
}

div.list_wrapper div.list_row:nth-child(odd) {
  background: #f8f8f8;
}

div.list_wrapper div.list_row:hover {
  background: #d8d8d8;
}

div.list_wrapper div.list_row.loaded {
  background: #ddddbb;
}

/******************************************************************************/
/* Styling for linked row item stuff. */
/******************************************************************************/
div.list_wrapper div.list_row > div.main_content > a,
div.list_wrapper div.list_row > div.main_content > a:visited,
div.list_wrapper div.list_row > div.main_content > a:hover,
div.list_wrapper div.list_row > div.main_content > a:active,
div.list_wrapper div.list_row > div.main_content > a:focus {
  color: #000000 !important;
  text-decoration: none !important;
}

div.list_wrapper div.list_row > div.main_content > a div.row_item,
div.list_wrapper div.list_row > div.main_content > a:visited div.row_item,
div.list_wrapper div.list_row > div.main_content > a:hover div.row_item,
div.list_wrapper div.list_row > div.main_content > a:active div.row_item,
div.list_wrapper div.list_row > div.main_content > a:focus div.row_item {
  color: #000000 !important;
  text-decoration: none !important;
}

/******************************************************************************/
div.list_wrapper div.list_row > div.nested_content > a > div {
  background: #ffffee;
}

div.list_wrapper div.list_row > div.nested_content > a > div:hover {
  background: #ffffcc;
}

/******************************************************************************/
div.list_wrapper div.list_row > div.nested_content div.row_item {
  padding: 0.625rem;
}

/******************************************************************************/
div.list_wrapper div.list_row > div.nested_content > a,
div.list_wrapper div.list_row > div.nested_content > a:visited,
div.list_wrapper div.list_row > div.nested_content > a:hover,
div.list_wrapper div.list_row > div.nested_content > a:active,
div.list_wrapper div.list_row > div.nested_content > a:focus {
  color: #000000;
}

/******************************************************************************/
/* Checked date note stuff. */
/******************************************************************************/
div.list_wrapper div.list_row > div.nested_content span.checked_date + div.checked_date_note {
  display: none;
  line-height: 0.75rem;
  z-index: 1;
}

div.list_wrapper div.list_row > div.nested_content span.checked_date:hover + div.checked_date_note {
  display: inline-block;
}

/******************************************************************************/
/* Pagination stuff. */
/******************************************************************************/
ul.pagination li a:hover,
ul.pagination li a:active {
  color: #ffffff;
  background: #e42a1d;
}

ul.pagination li.current a,
ul.pagination li.current a:visited,
ul.pagination li.current a:hover,
ul.pagination li.current a:active,
ul.pagination li.current a:focus {
  color: #ffffff;
  background: #e42a1d;
}

/******************************************************************************/
/* Check of main section items are empty. */
/******************************************************************************/
div.header div:empty,
div.footer div:empty,
div.meetings div:empty,
div.restrictions div:empty {
  display: none;
}

/******************************************************************************/
/* Section specific items are empty. */
/******************************************************************************/
div.libarts:empty,
div.level:empty,
div.degree:empty {
  display: none;
}

/******************************************************************************/
/* Styling embedded DIV tags in a description.
/******************************************************************************/
div.section_details div.description > div,
div.section_details div.description > p > div {
  font-style: italic;
}

/******************************************************************************/
/* Styling for status and seats. */
/******************************************************************************/
.open, .open > p,
.yes, .yes > p {
  font-weight: bold;
  color: #178217;
}

.waitlist, .waitlist > p {
  font-weight: bold;
  color: #ffa500;
}

.closed, .closed > p,
.no, .no > p {
  font-weight: bold;
  color: #e42a1d;
}

/******************************************************************************/
/* Styling for Bootstrap form items.
/******************************************************************************/
.form-check > .form-check-input[type="checkbox"] {
  border-radius: 0;
}

.form-check-input:active {
  color: #fff;
  border-color: #c01f14 !important;
  background-color: #c01f14 !important;
}

.form-check-input:checked {
  color: #fff;
  border-color: #e42a1d !important;
  background-color: #e42a1d !important;
}

/******************************************************************************/
/* Styling for form select option items.
/******************************************************************************/
form fieldset.fieldset select {
  color: #000000;
}

form fieldset.fieldset select option:disabled {
  color: #999999;
}

/******************************************************************************/
/* Styling for the sort items stuff.
/******************************************************************************/
div.list_header label > em.fa {
  color: #d8d8d8;
}

div.list_header label.active > em.fa {
  color: #000000;
}

/******************************************************************************/
/* Form select items for the sort headers.
/******************************************************************************/

div.list_header select.form-select {
  background-position: right 1.35em center;
  background-color: rgb(255, 255, 255);
/*  background-position-x: right 0.75rem;*/
/*  background-position-y: center;*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
  background-size: 8px 10px;
  background-origin: padding-box;
  background-clip: border-box;
}

div.list_header select.form-select:not(:has(> option[value=""]:checked)) {
  background: none;
}

div.list_header select.form-select:has(> option[value*="_asc"]:checked) {
/*  background-color: orange;*/
}

div.list_header select.form-select:has(> option[value*="_desc"]:checked) {
/*  background-color: gray;*/
}

/******************************************************************************/

div.form-check.form-control-sm {
  min-height: inherit;
}