/**
 * 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;
}

/**
 * Mixins specific to the jobaids.
 * This allows us to include just this css in both the jobaids.scss and in the editor-styles.scss
 */
.single-job_aid {
  /*Navigation tabs*/
  /*parent job aid section*/
  /*getting started tab with quicklinks side menu*/
  /*job aid sections from switch statement*/
  /* The sidebar menu */
  /* For Edge bug https://developer.com/en-us/microsoft-edge/platform/issues/4806035/ */
}
.single-job_aid #nav-container-top {
  min-height: 1px;
  min-width: 1px;
}
.single-job_aid #nav-container {
  position: sticky;
  top: 73px;
  padding: 5px 10px 0px 10px;
  border-bottom: 1px solid #0256BF;
  background-color: white;
}
.single-job_aid .nav-container-sticky {
  background-color: #EEF6FF !important;
  font-size: 18px !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.single-job_aid .jobaid-section {
  width: 100%;
}
.single-job_aid .ql-tab {
  width: 77%;
  margin-bottom: 0;
}
.single-job_aid .step {
  margin-top: 10px;
  scroll-margin-top: 8em;
}
.single-job_aid .step h2 {
  margin-bottom: 10px;
}
.single-job_aid .section {
  padding-left: 20px;
  scroll-margin-top: 7em;
}
.single-job_aid .section h2 {
  margin-top: 10px;
}
.single-job_aid .subsection {
  padding-left: 50px;
  scroll-margin-top: 7em;
  font-weight: 800;
  margin: 0px;
}
.single-job_aid .subsection h4 {
  color: red;
  margin-bottom: 10px;
}
.single-job_aid .box {
  display: block;
  float: left;
  margin: 0px 20px 20px 20px;
}
.single-job_aid .boxInner img {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0px 20px 20px 20px;
}
.single-job_aid .workflow-wrapper {
  display: block;
  float: left;
  margin: 0px;
}
.single-job_aid .workflow-img img {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
}
.single-job_aid .workflow-img img:hover {
  border: 2px solid #1C3B6A;
}
.single-job_aid .img-caption {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}
.single-job_aid .offset {
  display: block;
  position: relative;
  top: -120px;
}
.single-job_aid .print {
  display: none;
}
.single-job_aid .printheadline {
  display: none;
}
.single-job_aid .printheadline-none {
  display: none;
}
@media print {
  .single-job_aid .tab-pane {
    display: block;
  }
  .single-job_aid .printheadline {
    display: block !important;
    margin-top: 5px !important;
  }
  .single-job_aid .nav-tabs,
  .single-job_aid .jobaids-sidebar {
    display: none;
  }
}
.single-job_aid .labelfloat {
  font-weight: 800;
  margin: 0px;
}
.single-job_aid .tab-pane {
  padding-top: 20px;
}
.single-job_aid .tab-pane section div:first-of-type h2:first-of-type {
  margin-top: 0;
}
.single-job_aid #resources section h2:first-of-type {
  margin-top: 0;
}
.single-job_aid .full-size-img-modal .modal-dialog {
  max-width: 1200px;
}
.single-job_aid .full-size-img-modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-job_aid .full-size-img-modal img {
  max-width: 1150px;
  margin: 1rem 0;
}
.single-job_aid .jobaids-sidebar {
  background-color: #f0f4f7;
  height: 100%;
  width: 25%;
  position: sticky;
  padding: 0 20px 20px 20px;
  float: right;
  bottom: 52%;
  margin: 20px -33px 0 0;
}
.single-job_aid .jobaids-sidebar h2, .single-job_aid .jobaids-sidebar h3 {
  background-color: #1C3B6A;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  margin: 0 -20px 15px -20px;
  padding: 10px 20px;
}
.single-job_aid .jobaids-sidebar li {
  list-style-type: none;
}
.single-job_aid .jobaids-sidebar a {
  font-size: 0.9rem;
  color: #005CB3;
  -webkit-text-decoration: underline solid #005CB3;
          text-decoration: underline solid #005CB3;
}
.single-job_aid .jobaids-sidebar a:hover, .single-job_aid .jobaids-sidebar a:focus, .single-job_aid .jobaids-sidebar a:focus-visible, .single-job_aid .jobaids-sidebar a:active {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #005CB3;
  border-bottom: 0;
}
.single-job_aid .jobaids-sidebar a:focus, .single-job_aid .jobaids-sidebar a:focus-visible {
  outline: #005CB3 solid 1px;
  outline-offset: 1px;
}
.single-job_aid .jobaids-sidebar a[aria-current=page] {
  font-weight: bold;
}
.single-job_aid .Accordion {
  margin-bottom: 10px;
  padding: 0;
  border: 2px solid hsl(0deg, 0%, 82%);
  border-radius: 7px;
  width: 75%;
  scroll-margin-top: 7em;
}
.single-job_aid .Accordion-trigger {
  background: none;
  color: hsl(0deg, 0%, 13%);
  display: block;
  font-size: 23px;
  font-weight: 600;
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
  outline: none;
}
.single-job_aid .Accordion-trigger:focus,
.single-job_aid .Accordion-trigger:hover {
  background: hsl(216deg, 94%, 94%);
}
.single-job_aid .Accordion *:first-child .Accordion-trigger {
  border-radius: 5px 5px 0 0;
}
.single-job_aid .Accordion button::-moz-focus-inner {
  border: 0;
}
.single-job_aid .Accordion-title {
  display: block;
  pointer-events: none;
  border: transparent 2px solid;
  border-radius: 5px;
  outline: none;
}
.single-job_aid .Accordion-panel {
  margin: 0;
  padding: 1em 1.5em;
}
.single-job_aid .Accordion-icon {
  border: solid hsl(0deg, 0%, 62%);
  border-width: 0 2px 2px 0;
  height: 0.8rem;
  font-weight: 600;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 50%;
  -webkit-transform: translateY(-60%) rotate(45deg);
          transform: translateY(-60%) rotate(45deg);
  width: 0.8rem;
}
.single-job_aid .Accordion-trigger:focus .Accordion-title {
  border-color: hsl(216deg, 94%, 73%);
}
.single-job_aid .Accordion-trigger:focus .Accordion-icon,
.single-job_aid .Accordion-trigger:hover .Accordion-icon {
  border-color: hsl(216deg, 94%, 73%);
}
.single-job_aid .Accordion-trigger[aria-expanded=true] .Accordion-icon {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.single-job_aid .Accordion-panel[hidden] {
  display: none;
}
.single-job_aid .important-field {
  display: block;
  margin: 1rem auto 1rem 2rem;
  padding: 12px;
  border: solid 1px #820202;
  line-height: 1.4;
  clear: both;
}
.single-job_aid .important-field p {
  margin: 0px !important;
}
.single-job_aid .important-field::before {
  content: "\f12a";
  font-family: "FontAwesome";
  font-weight: 900;
  font-style: normal;
  font-size: x-large;
  display: inline-block;
  padding-right: 12px;
  text-decoration: inherit;
  text-rendering: auto;
  color: darkred;
  -webkit-font-smoothing: antialiased;
}
.single-job_aid .note-field {
  display: block;
  padding: 5px;
  line-height: 1.4;
  margin-left: 40px;
  clear: both;
}
.single-job_aid .note-field::before {
  content: "\f0e5";
  font-family: "FontAwesome";
  font-weight: 900;
  font-style: normal;
  font-size: xx-large;
  display: inline-block;
  padding-right: 12px;
  text-decoration: inherit;
  text-rendering: auto;
}
.single-job_aid .todo-field {
  display: block;
  padding: 10px;
  border-left: 5px solid #1571e2;
  line-height: 1.4;
  margin-left: 40px;
  clear: both;
}
.single-job_aid .todo-field::before {
  content: "To Do: ";
}/*# sourceMappingURL=jobaids.css.map */