/**
 * CSS specific to the FAQs page template, archive page and custom post type.
 *
 * @since 1.0.0
 */
/**
 * TAMUS custom variables
 *
 * @since 2.0.0
 */
/**
 * Override Bootstrap defaults.
 * We could edit bootstrap/_variables.scss but doing so makes it harder to upgrade bootstrap
 */
/**
 * Update body background color
 *
 * Choosing a neutral color for the body background would make the site feel more clean and professional
 * and feel like the light blue does not pair well with the maroon in the footer.
 * I feel like the light blue is pretty prominent for a color that isn't used elsewhere in the System Marcomm's palate.
 * Aggie Maroon is strong color with a very dark shade. It's difficult to pair with other colors. Typically, in corporate
 * design, a strong color is paired with a very light neutral like white or a very light gray.
 * Using a triad on the color wheel, Aggie Maroon works with the blue and green in the header, especially since they are
 * a similar saturation. Especially since the maroon never borders the other strong colors. I think the light blue of the
 * background was intended to act as a neutral. While it is a light tint of blue, it's still competing for attention with
 * the maroon - especially on higher end displays that have more color depth and saturation.
 *
 * Original var and color: $siteback: #92BDE9;
 * Testing different background colors:
 * Slightly more blue #f0f4f7;
 * Cool white #f5f7f9
 */
/**
 * Chart of rem equivalents.
 * The base font size is 16px in this theme.
 *
 * 10px	= 0.625rem
 * 12px	= 0.75rem
 * 14px	= 0.875rem
 * 16px	= 1rem
 * 18px	= 1.125rem
 * 20px	= 1.25rem
 * 24px	= 1.5rem
 * 26px	= 1.625rem
 * 28px	= 1.75rem
 * 32px	= 2rem
 * 36px	= 2.25rem
 * 40px	= 2.5rem
 * 44px	= 2.75rem
 * 48px	= 3rem
 * 50px	= 3.125rem
 * 56px	= 3.5rem
 * 64px	= 4rem
 */
:root {
  font-size: 1rem;
}

.site-inner main.content .faq-page h2 {
  border-left: none;
}
.site-inner main.content .faq-page .has-categories {
  margin-bottom: 1rem;
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-inner main.content .faq-page .has-categories:hover, .site-inner main.content .faq-page .has-categories:focus, .site-inner main.content .faq-page .has-categories:focus-within, .site-inner main.content .faq-page .has-categories:active {
  cursor: pointer;
}
.site-inner main.content .faq-page .has-categories button {
  -webkit-box-shadow: inset 0px 0px 0px 4px #EEF6FF;
          box-shadow: inset 0px 0px 0px 4px #EEF6FF;
  border: 2px solid #EEF6FF;
  cursor: pointer;
  min-height: 120px;
  line-height: 1.2;
  margin: 0 4px 4px 0;
  padding: 77px 8px 8px 8px;
  text-align: center;
  -webkit-text-decoration: underline dotted #005CB3 1px;
          text-decoration: underline dotted #005CB3 1px;
  width: 100%;
  min-width: 130px;
  max-width: 254px;
  color: #005CB3;
  font-weight: normal;
  background-color: transparent;
}
.site-inner main.content .faq-page .has-categories button.absence-management {
  background: transparent url("../../images/faq/absence-management.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.administrator-access {
  background: transparent url("../../images/faq/administrator-access.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.all-faqs {
  background: transparent url("../../images/faq/all-faqs.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.application-data {
  background: transparent url("../../images/faq/application-data.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.assignments {
  background: transparent url("../../images/faq/assignments.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.benefits {
  background: transparent url("../../images/faq/benefits.svg") center 16px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.course-catalog {
  background: transparent url("../../images/faq/course-catalog.svg") center 16px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.education {
  background: transparent url("../../images/faq/education.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.general {
  background: transparent url("../../images/faq/general.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.online-courses {
  background: transparent url("../../images/faq/online-courses.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.payroll {
  background: transparent url("../../images/faq/payroll.svg") center 24px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.performance {
  background: transparent url("../../images/faq/performance-and-goals.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.positions {
  background: transparent url("../../images/faq/positions.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.reporting {
  background: transparent url("../../images/faq/reporting.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.security {
  background: transparent url("../../images/faq/security.svg") center 18px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.settings {
  background: transparent url("../../images/faq/settings.svg") center 12px no-repeat;
  background-size: 54px 54px;
}
.site-inner main.content .faq-page .has-categories button.staffing {
  background: transparent url("../../images/faq/staffing.svg") center 18px no-repeat;
  background-size: 64px 64px;
}
.site-inner main.content .faq-page .has-categories button.time-tracking {
  background: transparent url("../../images/faq/time-tracking.svg") center 14px no-repeat;
  background-size: 64px 64px;
}
.site-inner main.content .faq-page .has-categories button.transcript {
  background: transparent url("../../images/faq/transcript.svg") center 14px no-repeat;
  background-size: 64px 64px;
}
.site-inner main.content .faq-page .has-categories button.workday-fundamentals {
  background: transparent url("../../images/faq/workday-fundamentals.svg") center 14px no-repeat;
  background-size: 64px 64px;
}
.site-inner main.content .faq-page .has-categories button .active, .site-inner main.content .faq-page .has-categories button:hover, .site-inner main.content .faq-page .has-categories button:focus, .site-inner main.content .faq-page .has-categories button:focus-within, .site-inner main.content .faq-page .has-categories button:focus-visible, .site-inner main.content .faq-page .has-categories button:active {
  border: 2px solid #1C3B6A;
  outline: none;
  text-decoration-style: solid;
}

@media only screen and (min-width: 959px) {
  .faq-page .has-categories button {
    width: 15%;
  }
}/*# sourceMappingURL=faq.css.map */