:root {
        --font: Overpass;
        --alt-font: Overpass;
        --accent-color: #ef773c;
        --secondary-color: #0097aa;
        --link-color: #ef773c;
        --accent-highlight-color: #87340b;
        --accent-highlight-background-color: #fdeae1;
        --accent-tinted-color-70: #fad6c5;
        --accent-tinted-color-80: #fce4d8;
        --accent-tinted-color-90: #fdf1ec;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #e55813;
        --secondary-hover-color: #00c4dd;
        --secondary-contrast-color: #fff;
        --link-hover-color: #b6460f;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/04a3bb38-185c-422a-a10c-37b38565380d/ojutssjh572a-Waukesha_INNIO_RGB_FULL_COL_POS-01.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* Font uses Google Overpass */
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap')


/* Simple Orange CTA with white text */
.wakCTA1 .btn--primary {color:white;}

/* Hero banner 2 with simple Orange CTA with white text */

.wakBanner2 .hero__caption .hero__title {font-size:40px; color: #EF773C; font-weight: 700;}
.wakBanner2 .btn--primary {color:white; font-size: 26px; padding: 6px 1.25em;}
.wakBanner2 .h4 {display: block; margin-bottom: 28px !important; font-style: italic;}
 .company__school-name {font-size:30px;}
@media only screen and (max-width: 979px) {
    .wakBanner2 .hero__caption .hero__title {font-size: 32px !important;}
    .wakBanner2 .btn--primary {font-size: 18px; font-style: italic;}
    .company__school-name {font-size:20px;}
    
}
@media only screen and (max-width: 767px) { 
    .company__school-name {font-size:16px;}
    .wakBanner2::before {display: none;}
    .wakBanner2 .hero__caption {transform: none;}
    .wakBanner2 .hero__caption .hero__title, .wakBanner2 .hero__caption span {color: #2e2e2e !important; font-size: 16px}
    .wakBanner2 .btn--primary {color:white; font-size: 14px;}
    .wakBanner2 .h4 {margin-bottom:16px !important;}
}

/* Hero banner with simple Orange CTA with white text */

.wakBanner1 .hero__caption .hero__title {font-size:40px; color: #EF773C; font-weight: 700;}
.wakBanner1 .btn--primary {color:white; font-size: 26px; padding: 6px 1.25em;}
.wakBanner1 .h4 {display: block; margin-bottom: 28px !important; font-style: italic;}
 .company__school-name {font-size:30px;}
@media only screen and (max-width: 979px) {
    .wakBanner1 .hero__caption .hero__title {font-size: 32px !important;}
    .wakBanner1 .btn--primary {font-size: 18px; font-style: italic;}
    .company__school-name {font-size:20px;}
    
}
@media only screen and (max-width: 767px) { 
    .company__school-name {font-size:16px;}
    .wakBanner1::before {display: none;}
    .wakBanner1 .hero__caption {transform: none;}
    .wakBanner1 .hero__caption .hero__title, .wakBanner1 .hero__caption span {color: #2e2e2e !important; font-size: 16px}
    .wakBanner1 .btn--primary {color:white; font-size: 14px;}
    .wakBanner1 .h4 {margin-bottom:16px !important;}
}

/* Block Widget */
.wakWidget1 .about-blocks-widget {padding-top: 10px;}
.wakWidget1 .about-block__container {padding: 10px;}

/* Tiles 3-up Widget */
.wakTiles3 .btn--primary {color:white; font-size: 16px; text-transform: uppercase; }
.wakTiles3 .featured-content-image-overlay-item__overlay {background: #EF773C;}

.wakTiles4 .btn--primary {color:white; font-size: 32px; text-transform: uppercase; }
.wakTiles4 .featured-content-image-overlay-item__overlay {background: #EF773C;}

/* QUOTE Widget */
.wakQuote1 .testimonial-quote__text {font-weight: bold;}
.wakQuote1 .testimonial-quote__author-name { text-transform: uppercase;}
.testimonial{ display:none !important;}
.testimonial-quote{ display:none !important;}

/* TEXT columns */
.wakText1 .editor-content {background: #EF773C;}

/* 3-up Columns */
.wakColumns .img-center {display: block; margin-left: auto; margin-right: auto; width: 35%;}
.wakColumns .img-single-center {display: block; margin-left: auto; margin-right: auto; width: 10%;}
.wakColumns .widget__title {font-size: 32px !important; font-weight: bold; color:#EF773C;}

/* Catalog  */
.wak-dashboard-1 .catalog-grid-item__title {color: #EF773C; font-weight: 700;}
.wak-dashboard-1 .catalog__ribbon .catalog__ribbon--attached {color:white !important; font-size: 32px;}
.wak-dashboard-1 .h3 {font-size:40px; color: #EF773C !important; font-weight: 700;}
.wak-dashboard-1 .catalog-grid-item__price {display:none !important;}
.wak-dashboard-1 .catalog-list-item__price {display:none !important;}

/* Learner Dashboard Catalog  */
.wak-dashboard-2 .catalog-grid-item__title {color: #EF773C; font-weight: 700;}
.wak-dashboard-2 .catalog__ribbon .catalog__ribbon--attached {color:white !important; font-size: 32px;}
.wak-dashboard-2 .h3 {font-size:40px; color: #EF773C !important; font-weight: 700;}



/*FAQ Page*/
.wak-faq-container .h1 {font-size: 40px !important; color: #EF773C !important; font-weight: 700;}
.wak-faq-container .h3 {font-size: 24px !important; color: #EF773C !important; font-weight: 700;}

/* Learner Dashboard */
.dashboard-stat--collaborations{
display:none !important;
}
.whats-new .editor-content .h3 {font-size: 40px !important; color: #EF773C !important; font-weight: 700;}

.whats-new .widget--one-column .h2 {font-size: 40px !important; color: #EF773C !important; font-weight: 700;}

.whats-new .editor-content {background-color: #e7e7e7 !important; background-image:linear-gradient(#e7e7e7 , white);}


/* Simple Orange CTA with white text */
.wakCTA2 .btn--primary {color:white; float: left;}
.enroll__buy.btn-primary {color:white; background:#EF773C !important;}
.ember-view.btn--primary {color:white; background:#EF773C !important;}
.ember-view .icon--round {color:white;}
/* View Course Detail CSS Styling Bigger/Bold/Color 
.ember-view.btn.btn--link.btn--small.btn--default {font-size: 18px; font-weight: bold; color: #EF773C}*/


.ember-view.btn.btn--link.btn--small.btn--default {font-size: 18px; font-weight: bold; color:white; background:#EF773C !important; border-radius: 2px; display:inline-block; margin:0 0 1rem; padding:.55em 1.25em !important;}



/* View Course Detail Hide course enrollment email field and button 
.ember-view.enroll{
display:none !important;
}
*/


/*.alert-box.alert:after {
content: "Password Requirements: 12 characters; 1 upper-case; 1 number; 1 symbol. ";
}
*/

/* Training Guide Help Pages */
.wak-guides .step-container {padding: 14px; border-radius: 4px; width:100%; display: flex; flex-wrap: wrap; margin-bottom:10px;}
.wak-guides .left-col {float:left; background:#EF773C; width: 28px; height: 28px; color: #ffffff; text-align: center; line-height: 28px; font-size: 14px; font-weight: 600; margin-right: 16px; border-radius: 28px; display: block;}
.wak-guides .right-col {float:right; width: 90%; box-sizing: border-box; outline: none; display: block;}
.wak-guides .h4 {font-size: 1em; letter-spacing: .25px; color: #EF773C !important;}
.wak-guides .title {color:#2C3C48; font-size: 1.25em; line-height: 1.65em; font-weight:600; margin: 4px 0px; padding: 0px;}
.wak-guides .guide-image {width: 40%; border:1px solid #e9e9e9; display: inline-block;}
.wak-guides widget__alt-title__container.h3 {color: #EF773C !important;}

/* Hide Leaderboard */
.award-leaderboard-standing__leaderboard-link {display: none;}
.dashboard-badge__threshold {display: none;}
#i18n-4 {display:none;}
.award-leaderboard {display:none;}
/* Hide all badges */
.widget--badges {display:none;}
/* Hide survey retake button */
.retake-survey {display:none;}

/* Hide Enter Learner Dashboard button on admin dashboard*/
.panorama-dashboard .text-right {display:none;}

/* Alert Banner dashboard 
.alert-dashboard {display:none;} */

.alert-dashboard a {background:#ef773c !important; color:#fff !important; font-weight: bold;}
.alert-dashboard {background:#ef773c !important; color:#fff !important;}

/* Calendar Banner dashboard */
.cal-dashboard {display:none;}

.cal-dashboard a {background:#dfefdb !important; color:#286446 !important; font-weight: bold;}
.cal-dashboard {background:#dfefdb !important; color:#000 !important;}

/* Enterprise Messaging custom page styles */
#enterprise {
  border-collapse: collapse;
  width: 60%;
  }
#enterprise td, #enterprise th {
  border: 1px solid #ddd;
  padding: 8px;
}
#enterprise tr:nth-child(even){background-color: #f2f2f2;}
#enterprise tr:hover {background-color: #88ca82;}
#enterprise th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2e684b;
  color: white;
}

/* Hide the email capture field from the enrollment widget to allow the live courses to display the enrollment widget, fixing the error where no matter which session is selected, only the next available session displays.
June 18, 2024, recommended by Morgan @ TI, Implemented by Michael Greer */
.email-capture {display:none;}
.enroll__title {display:none;}

/* Hide the star rating visible on Article pages
June 5, 2025, Requested by Elyse St. Clair Implemented by Michael Greer */
.article-sidebar__rating {display:none;}

.banner-container {
  position: relative;
  width: 100%;
  box-shadow: none !important;
}

.banner-link-btn {
  background: none !important;
  border: none !important;
  color: #ffffff !important; /* Link color */
  text-decoration: none !important;
  font-size: 4em !important;
  padding: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  position: absolute !important;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  z-index: 2;
  box-shadow: none !important;
  filter: none !important; /* In case a filter is used for shadow */
  box-shadow: none !important;
  text-align: center !important;
}

@media (max-width: 1438px) {
  .banner-link-btn {
    font-size: 3em !important;
    right: 10% !important;
    top: 50% !important; /* Move it lower if needed */
    transform: translateY(-50%);
  }
}

@media (max-width: 438px) {
  .banner-link-btn {
    font-size: 1em !important;
    right: 10% !important;
    top: 50% !important; /* Move it lower if needed */
    transform: translateY(-50%);
  }
}