/*Added by Austin - to import Arial, Graphik, Nunito, Pan Display TTfonts*/ @import url('https://fonts.cdnfonts.com/css/arial-2'); @import url('https://fonts.cdnfonts.com/css/graphik'); @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); @import url('https://c.webfontfree.com/c.js?f=PanDisplay-Regular'); @import url('https://c.webfontfree.com/c.js?f=PanDisplay-Bold'); /*Added by Austin - to fix gap at the top of Live Session pages*/ .learning-content-hero {min-height: 450px; max-height: 600px;} /*Added by Austin - to hide linkedin share from dashboard for QIA*/ .dLearnerAccessQia hover_text-white {display: none;} /*Added by Austin - to make learning path course titles larger*/ .h1.learning-path-milestone-item__title {font-size:26px; font-weight: bold;} /*Molly added- to remove social share*/ .share__container { display: none; } /*Phil Cahill Added */ .learning-path-milestone__badge--elective {display:none;} /*.learner-section__title {display:none;}*/ /*.topic__sidebar__title {display:none;}*/ .topic__container ul li {font-size:16px; color:black;} .topic__container ol li {font-size:16px; color:black;} .topic__container p {font-size:16px !important; color:black;} .topic__container h1, .topic__container h2, .topic__container h3, .topic__container h4{ color:black;} .choice {font-size:16px; color:black;} .choice__review {font-size:16px; color:black;} .match-pair__card__message__inner p {color:#fff;} .match-quiz__overlay {display:none;} /*This is the sidebar text*/ /*.topic__sidebar__caption {font-size:14px; color:black;}*/ .lphero .hero .hero__caption .hero__title {font-weight:900;} .learning-path-milestone {background:none; border: 2px solid #e9e9e9 !important;} .learning-path-body {background: #fff url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/0hntqgfvpwjy-Course-Bottom-Right-Bg.png) bottom right no-repeat; background-size: 30% auto;} .learning-path-milestone-item__title .btn {font-size: 18px; border-radius: 0px; border: 1px solid #000;} .learning-path-milestone-item__title .btn:hover {font-size: 18px; border-radius: 0px; background:none; color:#000; border: 1px solid #000;} .in-person-event .picturefill {width: 45% !important;} .in-person-event .company__beta-logo {max-width:150px;} .in-person-event .search-bar {display:none;} .in-person-event .learning-content-hero .learning-content__back-button {color: white; background: #ee3224!important;} .in-person-event .learning-content-hero__overlay {display:none;} /*Phil end*/ /*Added by Austin - to make menu scroll bar look more modern*/ /* To hide second line of badges on dashboard */ .dashboard-badge__threshold {display: none;} /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: rgb(92, 92, 92); } /*End*/ /*TI's look & feel changes from the sandbox environment*/ /* To make list roll gap between image & title smaller:*/ .topic__list__info--column {width: 90%;} .topic__list__thumb {width: 10%;} /* To make list roll titles Bain red and images smaller when the item is expanded:*/ .topic__list__item--expanded .topic__list__info--column {width: 80%;} .topic__list__item--expanded .topic__list__thumb {width: 20%;} /* .topic__list__title {color: #ee3224;} - moved from global to course-specific formatting*/ /* To remove the large margin for bullet points in hostpot pop-ups:*/ .popup__caption .editor-content ul {padding:0; margin:1rem!important;} /* For default text size:*/ .topic__text__body p {font-size:14px;} /* To adjust flip card title size:*/ .flip-card__front .front__content .resource__title span {font-size:16px !important;} /*End*/ .pad{ padding:0px 150px !important;} .supportlink p {display: flex; justify-content: space-evenly;} .supportlink p a:hover{background:#757575; border: 1px solid #757575;} /* Added By KS */ .container {max-width: 100%;} .header--dashboard {padding: 1rem;} .learn.dashboard .dBanner {padding: 0;} .dBanner .hero .hero__caption {bottom: auto; top: 50%; transform: translateY(-50%); text-align: center; background: none;} .dBanner .hero .hero__caption .hero__title {color: #fff; font-weight: 700; font-size: 48px;} .dBanner .hero .hero__caption span.h4 {color: #fff; font-weight: 700; font-size: 24px;} .learn.dashboard .dIntro {padding: 80px 10%; text-align: center; color: #000; font-size: 32px; font-style: italic; font-weight: 300;} .learn.dashboard .dStartHead {padding: 40px 10%; text-align: center; color: #000;} .dStartHead .widget__title {color: #000; font-size: 32px; font-weight: 400; margin-bottom: 8px;} .dStartHead .widget__subtitle {font-size: 22px; color: #666666; margin-bottom: 0;} /*Below is the dashboard images and changing width will make them bigger or smaller*/ .learn.dashboard .dStart {padding: 0 10% 80px; text-align: center; color: #000; width: 60rem;} .dStart .featured-content-image-overlay-item__overlay {bottom: auto; text-align: center; top: 50%; transform: translateY(-50%); background: none;} .dStart .featured-content-image-overlay-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #880b57; opacity: 0; transition: all ease-in-out .2s;} .dStart .featured-content-image-overlay-item img {width: 100%;} .dStart .featured-content-image-overlay-item:hover::before {opacity: 1;} .dStart .featured-content-image-overlay-item__title {font-size: 28px;} .learn.dashboard .dHead {padding: 40px 10% 0;} .dHead .widget__title {font-size: 32px; color: #000; text-align: left;} .learn.dashboard .widget--dashboard-stats_standard {padding: 0 10% 40px;} .dashboard-stats__container {box-shadow: none; padding: 0;} .dashboard-stats__container .dashboard-stat__label {font-size: 14px; font-weight: 700; text-transform: none;} .dashboard-stats__container .dashboard-stat__icon {display: block; margin-bottom: 12px;} .dashboard-stats__container .dashboard-stat__icon::before {display: block; height: 40px; content: '';} .dashboard-stats__container .icon-notebook::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/1k060lfv9uqr-Available-Icon.png) center no-repeat;} .dashboard-stats__container .icon-index::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/9af8po1ztt4a-Started-Icon.png) center no-repeat;} .dashboard-stats__container .icon-check::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/52719az7vpfx-Completed-Icon.png) center no-repeat;} .dashboard-stats__container .icon-users::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/ufjve8b8zvvk-Collaboration-Icon.png) center no-repeat;} .dashboard-stat--available .dashboard-stat__label {color: #cc0000;} .dashboard-stat--started .dashboard-stat__label {color: #506d85;} .dashboard-stat--completed .dashboard-stat__label {color: #890c58;} .dashboard-stat--collaborations .dashboard-stat__label {color: #666666;} .dashboard-stats__container .dashboard-stat__value--huge {font-size: 28px; color: #000000 !important;} .dashboard-stats__container .dashboard-stat {height: 128px;} .dashboard-stats__container li.dashboard-views__container.dashboard-views__container--no-certificates {padding-left: 20px;} .dashboard-stats__container .dashboard-views__line__bar {background: #880b57; border-radius: 0;} .learn.dashboard .widget--badges_standard {padding: 80px 10%;} .widget--badges_standard h3 {font-size: 32px; color: #000; text-align: left;} .learn.dashboard .dLearnerAccess {padding: 80px 10%;} .dLearnerAccess .dashboard-access {border: 0;} .dLearnerAccess .dashboard-access-tabs {border: 0; background: none;} .dLearnerAccess .dashboard-access-tab {border-width: 0 0 3px; background: #e6e6e6; color: #000; font-size: 14px; font-weight: 500;} .dLearnerAccess .dashboard-access-tab--active {border-color: #cc0000; background: #fff; color: #cc0000;} .dLearnerAccess .dashboard-access-tab__count {background: none; border: 0; font-size: 14px; font-weight: 500; padding: 0; color: #000;} .dLearnerAccess .dashboard-access-tab__count::before {content: '(';} .dLearnerAccess .dashboard-access-tab__count::after {content: ')';} .learn.dashboard .dSearchBar {padding: 0 10% 80px;} .dSearchBar .search-bar-widget input {box-shadow: none; border: 0; background: #e6e6e6; width: calc(100% - 200px); font-size: 14px; color: #666666; padding: 0 20px; font-style: italic;} .dSearchBar .btn--primary {background: #666666; font-size: 14px; text-transform: none; width: calc(200px - 12px); border: 0; border-radius: 0 !important; font-style: italic;} .dSearchBar .btn--primary .icon-search {font-size: 22px;} .dSearchBar .btn--primary span {display: inline-block; vertical-align: top; line-height: 22px;} .dashboard-access-list-item {border-color: #7a7a7a;} .dashboard-access-list-item, .dashboard-access-list-item strong, .dashboard-access-list-item-expander__title, .dashboard-access-list-item .btn--primary {font-size: 14px; color: #000; font-weight: 400;} .dashboard-access-list-item .btn--primary {border: 0; /*padding: 2px 8px;*/ background: #cc0000; color: #fff; font-size: 16px; border-radius: 10px;} .dashboard-access-list-item:nth-of-type(2n) {background: none;} .dashboard-access .icon-navigateright::before {content: '+';} .dashboard-access .icon-navigatedown::before {content: '—'; font-size: 12px;} /* For Course Page */ .course__container .header .company__beta-logo .company-logo__container img {height: 40px;} .learn.course {background: #fff;} .learn.course #learner {background: #fff url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/0hntqgfvpwjy-Course-Bottom-Right-Bg.png) bottom right no-repeat; background-size: 30% auto;} .header--student {box-shadow: none;} .header--student .header__left__icon::before {content: 'Homebase';} .header--student .header__left__icon .icon-home {display: none;} .header--student .header__left__icon {width: 116px; color: #000; font-weight: 700; background: none;} .header--student .header__left__copy {width: calc(100% - 116px); border-left: 1px solid #ccc;} .learn .layout-panel {background: none;} .learner__sidebar {transform: translate3d(-5000px,0,0);} .learner__sidebar .expandable-sidebar__toggle {background: #fff; color: #000; border: 1px solid #e4e4e4; border-top: 3px solid #506d85; font-size: 16px; text-transform: none; color: #506d85;} .learner__sidebar .expandable-sidebar--toggled.Lessons .expandable-sidebar__toggle {border-color: #cc0000; background: #cc0000; color: #fff;} .learner__sidebar .icon-navigateright.right, .learner__sidebar .icon-navigatedown.right {float: none !important;} .learner__sidebar .expandable-sidebar {margin-bottom: 12px;} .learner__sidebar .learner__sidebar__search {margin-bottom: 12px;} .learner__sidebar .expandable-sidebar__link {margin-bottom: 12px;} .learner__sidebar .expandable-sidebar__content {border: 1px solid #cfcfcf; border-top: 3px solid #506d85; padding: 12px; padding-right: 0;} .learner__sidebar .Lessons .expandable-sidebar__content {border-top: 3px solid #cc0000;} .learner__sidebar .expandable-sidebar__toggle i.expandable-sidebar__icon--left {float: right; margin: 0;} .learner__container__toggle .btn {background: none; color: #000; border: 0; font-size: 14px;} /*.learner__container {padding: 0 8%;}*/ .expandable-sidebar--toggled .expandable-sidebar__link {position: relative;} /*.expandable-sidebar--toggled .expandable-sidebar__link::before {content: ''; display: block; width: 115px; height: 66px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/qi88ww29cxf1-Selected-Menu.png) center no-repeat; position: absolute; right: calc(100% - 18px); top: 5px;}*/ .expandable-sidebar__buttons a {background: #cccccc; color: #000; text-transform: none;} /* hiding search from left nav */ .learner__sidebar .learner__sidebar__search .ember-text-field {display: none;} .learner__sidebar__search-icon {display: none;} .learner__sidebar .small-8 {height: 25px;} .learner__sidebar-inner-list span.syllabus__section-title {color: #333333; text-transform: none;} .learner__sidebar-inner-list.syllabus__section--active span.syllabus__section-title {color: #cc0000;} .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {font-weight: 400;} .learner__sidebar-list ul.syllabus__section-list .syllabus__lesson-container {padding: 0;} .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active .syllabus__lesson--title-text {color: #cc0000; font-weight: 600;} .learner-section__title {color: #000; font-weight: 700;} .learner-lesson__title {color: #999999; font-weight: 700;} .section-progress-bar div {background: #cccccc;} .section-progress-bar span {background: #890c58; height: 8px;} .directional__nav .directional__nav__label {visibility: visible;} .directional__nav .icon-navigateleft:before {content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/d393bwso2y6b-Back.png);} .directional__nav .icon-navigateright:before {content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/d27mqpfwe0vn-Next.png);} .directional__nav .directional__nav__button {background: none; width: 32px;} .directional__nav .directional__nav__button.directional__nav__button--left ~ .directional__nav__label {color: #890c58;} .directional__nav .directional__nav__button.directional__nav__button--right ~ .directional__nav__label {color: #333333;} @media only screen and (max-width: 768px) { .header .company__beta-logo {max-width: 224px;} .dBanner .hero .hero__caption {position: absolute;} .dBanner .hero .hero__caption .hero__title {font-size: 36px;} .dBanner .hero .hero__caption span.h4 {font-size: 18px;} .learn.dashboard .dStart {padding: 0 10% 40px;} .learn.dashboard .dIntro {font-size: 20px; padding: 40px 10%; font-style: normal;} .dStartHead .widget__title {font-size: 24px;} .dStartHead .widget__subtitle {font-size: 14px;} .dStart .featured-content-image-overlay-item__title {font-size: 24px;} .learn.dashboard .dHead {padding: 20px 10% 0;} .dHead .widget__title {font-size: 24px;} .widget--badges_standard h3 {font-size: 24px;} .learn.dashboard .widget--dashboard-stats_standard {padding: 0 10% 20px;} .learn.dashboard .widget--badges_standard {padding: 40px 10%;} .learn.dashboard .dLearnerAccess {padding: 40px 10%;} .learn.dashboard .dSearchBar {padding: 0 10% 40px;} /*for course page responsive */ .header--learner {position: static;} .learner__container--toggled .learner__sidebar {padding: 1rem 10px 1rem 98px;} } @media only screen and (max-width: 620px) { .dBanner .hero .hero__caption {position: relative; z-index: 1; transform: none;} .dBanner .hero img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; max-width: none; z-index: 0;} .dBanner .hero .hero__caption .hero__title {font-size: 24px;} .dBanner .hero .hero__caption span.h4 {font-size: 12px;} .learn.dashboard .dIntro {font-size: 14px; font-style: normal;} .learn.dashboard .dStartHead {padding: 20px 10%;} .dStart .featured-content-image-overlay-item__title {font-size: 18px;} .dSearchBar .btn--primary .icon-search {font-size: 16px; line-height: 22px;} .dSearchBar .btn--primary {width: calc(116px - 12px);} .dSearchBar .search-bar-widget input {width: calc(100% - 116px);} /*for course page responsive */ .learner__container {padding: 0 4%;} .learner__container--toggled .learner__sidebar {padding: 1rem 10px 1rem;} .learn.course #learner {background-size: 80% auto;} .expandable-sidebar--toggled .expandable-sidebar__link::before {display: none;} } /* list roll alignment - kcg*/ list-roll__content.list-roll__content--full-width { padding-left: 2rem!important; } .list-roll__content { padding-left: 2rem!important; } /* no quiz graph - kcg */ .results__question-chart__container.row { display: none; }