/** This file contains theme style overrides because the SASS build tools no longer work **/
/** Commerce checkout **/
.terms_conditions {
  padding: 10px 0;
}

.terms_conditions input {
  float: left;
  margin: 3px 10px 0 0;
}

/**
 * Allow day numbers > 10 in the month calendar view to be on the same line
 */
.date-box .inner .day {
  width: auto;
}

/**
 * Styling of the pager buttons
 */
.date-nav .pager li.date-prev,
.date-nav .pager li.date-next {
  background-color: rgb(72, 141, 156);
  color: white;
  border: none;
  border-radius: unset;
  text-align: center;
}

/**
 * Hover should be the "teal lighter" color, like other buttons
 */
.date-nav .pager li.date-prev:hover,
.date-nav .pager li.date-next:hover {
  background-color: #61a7b6;
}

/**
 * Adjust links to make the whole pager button clickable, enlarge slightly for better accessibility
 */
.date-nav .pager li.date-prev a,
.date-nav .pager li.date-next a {
  padding: 0.34rem 0.6rem;
  margin: 0;
  font-size: 0.85rem;
}

/**
 * Adjust spacing between the buttons
 *
 * The buttons are absolutely positioned, so the left button has to move away from the right-hand side by the width of
 * the right button + desired spacing
 */
.date-nav .pager li.date-prev {
  right: 4rem;
}

/**
 * Style items in the calendar view itself to use LDL colors
 */
div.monthview,
div.weekview,
div.dayview {
  background-color: #488d9c !important;
}

div.weekview,
div.dayview {
  border: none !important;
}

div.monthview a,
div.weekview a,
div.dayview a {
  color: white;
}

.calendar-calendar .date-display-range {
  color: white;
}

.title-section-inner {
  position: relative;
}

/**
 * Calendar link on Education page
 */
#education-calendar-link {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: #488d9c;
}

#education-calendar-link:hover {
  background-color: #61a7b6;
}

#education-calendar-link a {
  color: white;
  padding: 2rem 0.6rem;
  margin: 0;
  line-height: 2;
  font-size: 1.25rem;
}

#education-calendar-link a:hover {
  text-decoration: none;
}

#sidebar-wrapper {
  border-left: 4px solid #70b47b;
  margin: auto;
}

.pane-page-title h1 {
  font-size: 2.25rem;
}

.field-name-field-registration-link .field-label {
  font-size: 1.5rem;
  font-weight: bolder;
  color: #488d9c;
}

.field-name-field-registration-link .field-items .field-item {
  margin-top: 0.5rem;
}

.field-name-field-registration-link .field-items a {
  text-decoration: underline;
}

.field-name-field-date .date-display-range {
  display: block;
}

tr.holder td.margin-right {
  display: none;
}

.calendar-calendar .week-view #header-container td.margin-right {
  width: 15px;
}

.week-view #header-container {
  overflow-y: scroll;
  overflow-x: hidden;
}

th.margin-right {
  width: 0;
  display: none;
}

div.cutoff {
  background-color: rgba(0, 0, 0, 0) !important;
}