/* Expand CSS customizations for IUHS */

/**
 * Hide some of the root-level theme customizations.
 */

/* Hide the catalog select dropdown in the top nav header. */
#tlt-catalog-select,
/* Hide the "Portal to Professional Education" subtitle. */
.tlt-expand-subtitle,
/* Hide the catalog name added by the root theme on the catalog's home page */
.tlt-catalog-feature,
/* Hide the "About" link in the nav header. */
#eds-about-link {
   display: none;
}


/* Hide the IUHS logo in the listing details */
/* #description div > a > img {
   display: none;
} */

/* Hide the area above the listing details. */
span:has(+ section[aria-labelledby="about-course-title"]) > span:first-of-type > div:last-of-type {
   display: none;
}

/* Hide the enroll button section at the bottom of the page. */
#signup-title + div {
   display: none;
}

/* Hide the default Expand shopping cart button. */
div[data-customizationid="cart-button"] {
   display: none;
}

/* Custom columns for IUHS course descriptions */
.iuhs-left{
   width:55%; float:left;
}
.iuhs-right{
   width:40%; float:right;
}

/* Headings throughout IUHS descriptions display with underlines as block-level elements */
.iuhs-left h3, .iuhs-right h3 {
   font-weight:bold;
   display:block;
   font-style:normal !important;
   border-bottom: 2px solid #000000;
   font-size: 30px;
   margin-bottom:20px;
}

/* Headings in the instructions are super bold */
.iuhs-left h4, .iuhs-right h4 {
   font-weight: 800;
}

.cartDetails h3, .instructions h3 {
   margin-top: 0;
}

/* Shopping Cart */

.iuhs-cart-items tr {
   border: none !important;

   &:hover {
      background-color:#ffffff;
      cursor: pointer
   }

   & td {
      border: none !important;
      padding: .5rem !important;
   }
}

/* Change pointer type for the button to remove a course from the shopping cart. */
.remove-course {
   cursor: pointer;
}

/* Increase the font size of the "This course is in your cart" message. */
.in-cart {
   font-size: 20px;
}

/* Set the display for the "Add to Cart" buttons */
.add-to-shopping-cart {
   display: inline-block;
}

.checkout {
   display: block;
   width: 100%;

   &.disabled {
      display: none;
   }
}