/******* BEGIN IMPORTS *******/ 

/* The Plus Jakarta Sans font is used for all text */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Font Awesome is used for icons */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/******* END IMPORTS *******/ 


:root {
    --font: "Plus Jakarta Sans";
    --alt-font: "Plus Jakarta Sans";
    --icon-font: "Font Awesome";
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

html, body {margin:0px; height:100%; font-family: 'Plus Jakarta Sans', sans-serif !important;}

body{font-family: 'Plus Jakarta Sans', sans-serif !important; color: #292F2C;}

.h1, .h2, .h3, .h4, .h5, .btn, .button, .ember-view.application {font-family: 'Plus Jakarta Sans', sans-serif !important; }


.btn--social.btn--pinterest {display: none;}
.btn--social.btn--facebook {display: none;}
.btn--social.btn--twitter {display: none;}
.btn--social.btn--linkedin {display: none;}
.btn--social.btn--pinterest {display: none;}

.left_align_text{text-align: left;}

.icon-circle.icon-circle--full span {background: #66949e !important;background-color: rgb(102, 148, 158) !important;}.completed__indicator i {color: #66949e !important;}

/* Added by KS */
.container {max-width: 100%;}
.learn.dashboard .widget--html {padding: 0;}

.header--article, .header--dashboard, .header--microsite {padding: 12px 10%; border-bottom: 1px solid #D9D9D9;}
.header .company__beta-logo {display: inline-block; vertical-align: middle;}
.header .top-bar {display: inline-block; width: calc(100% - 300px - 175px - 8px); vertical-align: middle; border: 0; text-align: right;}
.header.dash .top-bar {width: calc(100% - 300px - 190px - 8px);}
.header.manager .top-bar {width: calc(100% - 300px - 222px - 8px);}
.header .top-bar-section ul {float: none; display: block; width: 100%;}
.header .top-bar-section li:not(.has-form) a:not(.button), .header .nav--top ul a, .header .nav--top ul button {font-size: 15px; font-weight: 300; color: #292F2C; line-height: 48px; padding: 0 12px; text-transform: none; margin: 0; border-bottom: 2px solid #fff;}
.header .top-bar-section li:not(.has-form) a:not(.button):hover, .header .nav--top ul a:hover, .header .nav--top ul button:hover {border-bottom: 2px solid #F87474; background: none;}
.header .nav--top ul button:hover, .header .nav--top ul button:hover {border-bottom: 2px solid #F87474 !important; background: none;}
.header .nav--top ul a:hover {background: none;}
.header .top-bar-section ul li {float: none; display: inline-block; padding: 0;}
.header .company__beta-logo .company-logo__container img {max-height: 44px;}
.header--dashboard .header__inner .small-6 {padding: 0;}
.header .top-bar-section ul li:hover:not(.has-form) > a, .header .nav ul>li:not(.has-form) a:not(.button):focus, .header .top-bar-section li:not(.has-form) a:not(.button):focus {background: none;}
.header .top-bar-section ul li > a, .header .nav--top ul a, .header .nav--top ul button {font-family: 'Plus Jakarta Sans';}
.dashboard-header-dropdown {font-family: 'Plus Jakarta Sans';}
.course-actions-dropdown__link .dashboard-header__avatar__container, .dashboard-header-dropdown__link .dashboard-header__avatar__container {width: 65px;}
.course-actions-dropdown__link .row > .small-10, .dashboard-header-dropdown__link .row > .small-10 {width: calc(100% - 65px);}
.dashboard-header-dropdown__link:focus {color: #292F2C; font-family: 'Plus Jakarta Sans';}
.dashboard-header-dropdown__link:hover {color: #d3222a; font-family: 'Plus Jakarta Sans';}
@media only screen and (max-width: 1260px) {
    .header.manager .top-bar {width: calc(100% - 180px - 160px - 8px);}
    .header--article, .header--dashboard, .header--microsite {padding: 10px 5%;}
    .header .company__beta-logo {width: 164px; min-height: 28px; margin-top: 12px; vertical-align: top;}
    .header .top-bar {width: calc(100% - 164px - 174px - 8px);}
    .header.dash .top-bar {width: calc(100% - 164px - 150px - 8px);}
    .header .top-bar-section li:not(.has-form) a:not(.button), .header .nav--top ul a, .header .nav--top ul button {font-family: 'Plus Jakarta Sans'; font-size: 13px; padding: 0 6px; line-height: 45px;}
}
@media only screen and (max-width: 769px) {
    .header .company__beta-logo {margin-top: 0;}
    .header.manager .top-bar {width: 110%; border-top: 1px solid #ccc; margin: 0 -5%;}
    .header.manager .top-bar-section ul.left {padding: 0 1rem;}
    .header--article, .header--dashboard, .header--microsite {padding: 0 5% 0;}
    .header .nav--top ul a, .header .nav--top ul button {line-height: 32px;}
    .header .top-bar, .header.dash .top-bar {width: 100%;}
    .header .company__beta-logo, .header .top-bar {vertical-align: top;}
    .header .company__beta-logo .company-logo__container {padding: 8px 0;}
    .top-bar .title-area {width: 100%; float: none; z-index: 1;}
    .header .top-bar .top-bar-section::after {content: ''; display: block; clear: both;}
    .header .top-bar-section ul li {display: block;}
    .header .top-bar {overflow: visible;}
    .header .top-bar-section {position: static; top: auto; width: 100%; left: auto !important; right: 0; background: #fff; /*box-shadow: 0 0 4px rgba(0,0,0,.1);*/ display: none; z-index: 2;}
    .header .top-bar-section li:not(.has-form) a:not(.button) {text-align: left;}
    .header nav.expanded .top-bar-section {display: block;}
}

.application .home__content {padding: 0; }

/* For Custom Page Banner */
.layout__content .dgCustomBanner {padding: 100px 10%; direction: rtl;}
.layout__content .dgCustomBanner .hero {margin-bottom: 0;}
.dgCustomBanner picture {display: inline-block; width: calc(48% - 4px); vertical-align: middle; margin-left: 4%;}
.dgCustomBanner .hero__caption {display: inline-block; width: calc(48% - 4px); vertical-align: middle; position: static; left: auto; top: auto; text-align: left; padding: 0; direction: ltr;}
.dgCustomBanner .hero .hero__caption .hero__title {font-size: 36px; color: #292F2C; font-family: Plus Jakarta Sans, sans-serif !important; font-weight: 500;}
.dgCustomBanner .hero .hero__caption span {font-size: 18px; color: #292F2C; font-family: 'Plus Jakarta Sans' !important;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgCustomBanner {padding: 50px 5%;}
    .dgCustomBanner .hero .hero__caption .hero__title {font-size: 28px;}
    .dgCustomBanner .hero .hero__caption span {font-size: 14px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .dgCustomBanner {direction: ltr;}
    .dgCustomBanner picture, .dgCustomBanner .hero__caption {width: 100%; margin: 0;}
    .dgCustomBanner picture {margin-bottom: 20px;}
}

/* For Get Certified */
.layout__content .dgGetCertified {padding: 100px 10%; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/b2b1e361-417c-4003-a3e6-cd9e75d48ce2/xftkih0jymed-GetCertifiedBg.png) center no-repeat; background-size: cover;}
.dgGetCertified .widget__title {font-size: 36px; color: #292F2C; margin-bottom: 20px; font-family: Plus Jakarta Sans, sans-serif !important; font-weight: 500;}
.dgGetCertified .widget__subtitle {font-size: 18px; color: #292F2C; margin-bottom: 0; font-family: 'Plus Jakarta Sans' !important;}
.dgGetCertified .widget__cta {padding: 0;}
.dgGetCertified .widget__cta .btn--centered {font-size: 18px; background: #D5312E; border: 0; padding: 16px 24px; font-family: 'Plus Jakarta Sans';}
.dgGetCertified .widget__cta .btn--centered:hover, .dgGetCertified .widget__cta .btn--centered:focus {color: #fff; background: #F87474;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgGetCertified {padding: 50px 5%;}
    .dgGetCertified .widget__title {font-size: 28px;}
    .dgGetCertified .widget__subtitle {font-size: 14px;}
}
@media only screen and (max-width: 769px) {
    .dgGetCertified .widget__cta .btn--centered {font-size: 15px;}
}

/* For Why Get Certified */
.layout__content .dgWhyGetCertifiedHead {padding: 100px 10% 40px; background: #F8F8F8;}
.dgWhyGetCertifiedHead .widget__title {font-size: 36px; font-weight: 500; color: #292F2C; margin-bottom: 0; font-family: Plus Jakarta Sans, sans-serif !important;}
.layout__content .dgWhyGetCertified {padding: 0 10% 80px; background: #F8F8F8;}
.dgWhyGetCertified li.about-block__container .about-block__text h3 {font-size: 24px; color: #292F2C; font-weight: 400; text-transform: none; font-family: Plus Jakarta Sans, sans-serif !important;}
.dgWhyGetCertified li.about-block__container .about-block__text {font-family: 'Plus Jakarta Sans';}
.dgWhyGetCertified li.about-block__container .about-block__text p {font-size: 18px; color: #292F2C; font-weight: 300; font-family: 'Plus Jakarta Sans';}
.dgWhyGetCertified li.about-block__container .about-block:before {display: none;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgWhyGetCertifiedHead {padding: 50px 5% 20px;}
    .dgWhyGetCertifiedHead .widget__title {font-size: 28px;}
    .dgWhyGetCertified li.about-block__container .about-block__text h3 {font-size: 18px;}
    .dgWhyGetCertified li.about-block__container .about-block__text p {font-size: 14px;}
    .layout__content .dgWhyGetCertified {padding: 0 10% 50px;}
}

/* For Testimonials */
.layout__content .dgTestimonials {padding: 100px 10%; margin: 0;}
.dgTestimonials.row .row {margin: 0;}
.dgTestimonials .testimonial .testimonial-quote--center {padding: 0;}
.dgTestimonials .testimonial .testimonial-quote__text {font-size: 20px; line-height: 32px; color: #292F2C; font-weight: 300; font-style: italic; margin-bottom: 32px; font-family: 'Plus Jakarta Sans', sans-serif !important;}
.dgTestimonials .testimonial .testimonial-quote__text::before, .dgTestimonials .testimonial .testimonial-quote__text::after {content: '"';}
.dgTestimonials .testimonial>.testimonial-quote {position: static; transform: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.dgTestimonials .testimonials__nav>i {font-size: 32px;}
.dgTestimonials .testimonial.learner {padding: 0 32px;}
.dgTestimonials .testimonial .testimonial-quote__author-name:before {display: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.dgTestimonials .testimonial .testimonial-quote__author-name, .dgTestimonials .testimonial .testimonial-quote__author-description {display: inline; font-style: normal; font-size: 18px;}
.dgTestimonials .testimonial .testimonial-quote__author-name {font-weight: 600;}
.dgTestimonials .testimonial .testimonial-quote__author-description {font-weight: 300;}
.dgTestimonials .testimonial-widget {margin: 0;}
.dgTestimonials .featured-content-multi-carousel .featured-content-block-grid > li {padding: 0 50px;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgTestimonials {padding: 50px 5%;}
    .dgTestimonials .testimonial .testimonial-quote__text {font-size: 16px; line-height: 24px;}
    .dgTestimonials .testimonial .testimonial-quote__author-name, .dgTestimonials .testimonial .testimonial-quote__author-description {font-size: 14px;}
}
@media only screen and (max-width: 769px) {
    .testimonials__nav--right {right: 0;}
    .testimonials__nav--left {left: 0;}
}

/* For Share Your Accomplishments */
.layout__content .dgShareAccomplishment {padding: 100px 10%; margin: 80px 0; background: #F8F8F8; direction: rtl;}
.layout__content .dgShareAccomplishment .hero {overflow: visible; margin: 0;}
.dgShareAccomplishment picture {display: inline-block; width: calc(48% - 4px); vertical-align: middle; margin-left: 4%; position: relative; text-align: center;}
.dgShareAccomplishment picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; width: auto; z-index: 1;}
.dgShareAccomplishment .hero__caption {display: inline-block; width: calc(48% - 4px); vertical-align: middle; position: static; left: auto; top: auto; text-align: left; direction: ltr; padding: 0; background: none;}
.dgShareAccomplishment .hero .hero__caption .hero__title {font-size: 36px; color: #292F2C; font-family: Plus Jakarta Sans, sans-serif !important; font-weight: 500;}
.dgShareAccomplishment .hero .hero__caption span {font-size: 18px; color: #292F2C; font-family: 'Plus Jakarta Sans' !important;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgShareAccomplishment {padding: 50px 5%;}
    .dgShareAccomplishment .hero .hero__caption .hero__title {font-size: 28px;}
    .dgShareAccomplishment .hero .hero__caption span {font-size: 14px;}
    .dgShareAccomplishment picture img {max-height: 332px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .dgShareAccomplishment {direction: ltr;}
    .dgShareAccomplishment picture, .dgShareAccomplishment .hero__caption {width: 100%; margin: 0;}
    .dgShareAccomplishment picture {margin-bottom: 20px;}
    .dgShareAccomplishment picture img {position: static; transform: none;}
}

/* For Two Column with Text Img */
.layout__content .dgTwoColImgTxt {padding: 100px 10%; direction: rtl;}
.layout__content .dgTwoColImgTxt .hero {margin-bottom: 0;}
.dgTwoColImgTxt picture {display: inline-block; width: calc(48% - 4px); vertical-align: middle; margin-left: 4%;}
.dgTwoColImgTxt .hero__caption {display: inline-block; width: calc(48% - 4px); vertical-align: middle; position: static; left: auto; top: auto; text-align: left; padding: 0; direction: ltr;}
.dgTwoColImgTxt .hero .hero__caption .hero__title {font-size: 36px; color: #292F2C; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 500;}
.dgTwoColImgTxt .hero .hero__caption span {font-size: 18px; color: #292F2C; display: block; font-family: 'Plus Jakarta Sans' !important;}
.dgTwoColImgTxt .hero .btn {margin: 20px 0 0; font-size: 18px; background: #D5312E; border: 0; padding: 16px 24px; font-family: 'Plus Jakarta Sans';}
.dgTwoColImgTxt .hero .btn:hover, .dgTwoColImgTxt .hero .btn:focus {background: #F87474;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgTwoColImgTxt {padding: 50px 5%;}
    .dgTwoColImgTxt .hero .hero__caption .hero__title {font-size: 28px;}
    .dgTwoColImgTxt .hero .hero__caption span {font-size: 14px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .dgTwoColImgTxt {direction: ltr;}
    .dgTwoColImgTxt picture, .dgTwoColImgTxt .hero__caption {width: 100%; margin: 0;}
    .dgTwoColImgTxt picture {margin-bottom: 20px;}
    .dgTwoColImgTxt .hero .hero__caption span {display: block;}
    .dgTwoColImgTxt .hero .btn {font-size: 15px;}
}

/* For Two Column with Img Text */
.layout__content .dgTwoColImgTxt.imgFirst {direction: ltr;}
.dgTwoColImgTxt.imgFirst picture {margin-left: 0; margin-right: 4%;}

/* For Query Form */
.layout__content .dgQueryForm {padding: 100px 10%; background: #EEEEEE;}
.layout__content .dgQueryForm > .ember-view {display: block; max-width: 528px; margin: 0 auto;}
.dgQueryForm .widget__title {font-size: 18px; color: #292F2C; font-weight: 300; line-height: 26px; margin-bottom: 60px; font-family: 'Plus Jakarta Sans' !important;}
.dgQueryForm .mktoFormRow {display: inline-block; width: calc(46% - 4px); vertical-align: top; margin: 0 2%; margin-bottom: 0;}
.dgQueryForm .mktoForm .mktoAsterix {padding-left: 0;}
.dgQueryForm .mktoForm .mktoLabel {color: #292F2C; font-weight: 500 !important;}

.dgQueryForm .mktoForm input[type=url], .dgQueryForm .mktoForm input[type=text], .dgQueryForm .mktoForm input[type=date], .dgQueryForm .mktoForm input[type=tel], .dgQueryForm .mktoForm input[type=email], .dgQueryForm .mktoForm input[type=number], .dgQueryForm .mktoForm textarea.mktoField, .dgQueryForm .mktoForm select.mktoField {border: 0; background: #D9D9D9; box-shadow: none; padding: 0 8px;}
.dgQueryForm .mktoForm .mktoFormCol {min-height: 0;}
.dgQueryForm .mktoForm {font-family:'Plus Jakarta Sans', sans-serif !important;}

.dgQueryForm .mktoFormRow:nth-child(7) ~ .mktoFormRow {display: none;}
.dgQueryForm .mktoButtonRow {text-align: right !important;}
.dgQueryForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {background: #d3222a !important; color: #fff; font-size: 18px; margin-right: 2%; border-radius: 0; text-transform: none; border: 0 !important;}
.dgQueryForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {background: #F87474 !important; color: #fff;}
@media only screen and (max-width: 1260px) {
    .layout__content .dgQueryForm {padding: 50px 5%;}
    .dgQueryForm .widget__title {margin-bottom: 32px;}
}
@media only screen and (max-width: 769px) {
    .dgQueryForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {font-size: 15px;}
}

/* For Footer */
.footer, .footer .footer__inner {padding: 0;}
.footer .footer__company__info {display: none;}
.learn.dashboard .dgFooter {margin-top:40px;}
.dgFooter {display: block; padding: 20px 10%; direction: rtl; background: #D9D9D9;}
.dgFooter .ftInner::after {content: ''; display: block; clear: both;}
.dgFooter .logo {display: inline-block; width: 172px; float: right;}
.dgFooter .logo img {max-width: 100%; max-height: 28px;}
.dgFooter .rightsTerms {display: inline-block; /*width: calc(100% - 80px - 8px);*/ text-align: left; direction: ltr; float: left; font-family: 'Plus Jakarta Sans';}
.dgFooter .rightsTerms ul {display: block; margin: 0;}
.dgFooter .rightsTerms ul li {display: inline-block; margin-right: 12px; font-size: 14px;}
.dgFooter .rightsTerms ul li a {display: inline-block; line-height: 26px; color: #292F2C;}
.dgFooter .rightsTerms ul li a:hover {color: #000;}
@media only screen and (max-width: 769px) {
    .dgFooter {direction: ltr;}
    .dgFooter .logo {display: block; margin-bottom: 12px; width: 100%; text-align: center;}
    .dgFooter .logo img {display: inline; width: 122px;}
    .dgFooter .rightsTerms {width: 100%; text-align: center; font-size: 14px;}
    .dgFooter .rightsTerms ul li {display: block;}
}


/* Panorama Dashboard Hero - Short Wrap Text */
.learn.dashboard .dgPanoBanner {padding: 0;}
.dgPanoBanner .hero .hero__caption { padding: 0; left: 10%; bottom: auto; top: 50%; transform: translateY(-50%); background: none; width: 80%; max-width: 532px;}
.dgPanoBanner .hero .hero__caption .hero__title {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 36px; font-weight: 500; color: #292F2C; margin-bottom: 20px;}
.dgPanoBanner .hero .hero__caption span {font-size: 18px; font-weight: 300; color: #292F2C; display: block; margin-bottom: 12px; font-family: 'Plus Jakarta Sans' !important;}
.dgPanoBanner .hero .hero__caption .btn {font-size: 18px; color: #292F2C; font-weight: 600; padding: 0; border: 0; background: none; font-family: 'Plus Jakarta Sans';}
.dgPanoBanner .hero .hero__caption .btn:hover {color: #D3222A;}
.dgPanoBanner .hero .hero__caption .btn::after {content: ' >';}
@media only screen and (max-width: 1260px) {
    .dgPanoBanner .hero .hero__caption {left: 5%; width: 90%;}
}
@media only screen and (max-width: 769px) {
    .dgPanoBanner .hero .hero__caption {position: relative; left: 0; transform: none; margin: 80px auto; z-index: 1; width: 90%; max-width: none;}
    .dgPanoBanner .hero img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-width: none;}
    .dgPanoBanner .hero .hero__caption .hero__title {font-size: 24px; margin-bottom: 12px;}
    .dgPanoBanner .hero .hero__caption span {font-size: 14px;}
}

/* Panorama Dashboard Hero - Wide Wrap Text */
.learn.dashboard .dgPanoBannerWide {padding: 0;}
.dgPanoBannerWide .hero .hero__caption { padding: 0; left: 10%; bottom: auto; top: 50%; transform: translateY(-50%); background: none; width: 80%; max-width: 850px;}
.dgPanoBannerWide .hero .hero__caption .hero__title {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 36px; font-weight: 500; color: #292F2C; margin-bottom: 20px;}
.dgPanoBannerWide .hero .hero__caption span {font-size: 18px; font-weight: 300; color: #292F2C; display: block; margin-bottom: 12px; font-family: 'Plus Jakarta Sans' !important;}
.dgPanoBannerWide .hero .hero__caption .btn {font-size: 18px; color: #292F2C; font-weight: 600; padding: 0; border: 0; background: none; font-family: 'Plus Jakarta Sans';}
.dgPanoBannerWide .hero .hero__caption .btn:hover {color: #D3222A;}
.dgPanoBannerWide .hero .hero__caption .btn::after {content: ' >';}
@media only screen and (max-width: 1260px) {
    .dgPanoBannerWide .hero .hero__caption {left: 5%; width: 90%;}
}
@media only screen and (max-width: 769px) {
    .dgPanoBannerWide .hero .hero__caption {position: relative; left: 0; transform: none; margin: 80px auto; z-index: 1; width: 90%; max-width: none;}
    .dgPanoBannerWide .hero img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-width: none;}
    .dgPanoBannerWide .hero .hero__caption .hero__title {font-size: 24px; margin-bottom: 12px;}
    .dgPanoBannerWide .hero .hero__caption span {font-size: 14px;}
}

/* Announcement Short Text Wrap */
.learn.dashboard .dgAnnounceSingleCol {padding: 40px 10%; background: #f2f2f2;}
.dgAnnounceSingleCol .hr__accent {display: none;}
.dgAnnounceSingleCol > .ember-view > .ember-view {display: inline-block; width: calc(100% - 200px - 4px); vertical-align: middle;}
.dgAnnounceSingleCol > .ember-view > .row {display: none;}
.dgAnnounceSingleCol > .ember-view > .widget__cta {display: inline-block; width: calc(200px - 4px); vertical-align: middle; padding: 0;}
.dgAnnounceSingleCol .widget__cta .btn {display: block; background: #d3222a; color: #fff; border: 0; padding: 16px 32px; margin: 0; font-family: 'Plus Jakarta Sans';}
.dgAnnounceSingleCol .widget__cta .btn:hover, .dgAnnounceSingleCol .widget__cta .btn:focus {background: #F87474;}
.dgAnnounceSingleCol .widget__alt-title__container {max-width: 532px;}
.dgAnnounceSingleCol .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 12px;}
.dgAnnounceSingleCol .widget__alt-title__container p {font-size: 16px; font-weight: 300; color: #292F2C; margin: 0; font-family: 'Plus Jakarta Sans';}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgAnnounceSingleCol {padding: 40px 5%;}
    .dgAnnounceSingleCol .widget__alt-title__container h3 {font-size: 28px; margin-bottom: 8px;}
}
@media only screen and (max-width: 769px) {
    .dgAnnounceSingleCol > .ember-view > .ember-view {width: 100%; margin-bottom: 12px;}
    .dgAnnounceSingleCol .widget__alt-title__container h3 {font-size: 22px;}
    .dgAnnounceSingleCol .widget__alt-title__container p {font-size: 14px;}
}


/* Panorama About Block */
.learn.dashboard .dgPanoAboutBlock {padding: 80px 10%; background: #fff;}
.dgPanoAboutBlock li.about-block__container .about-block__text h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; text-transform: none;}
.dgPanoAboutBlock li.about-block__container .about-block__text {font-family: 'Plus Jakarta Sans';}
.dgPanoAboutBlock li.about-block__container .about-block__text p {font-size: 18px; font-weight: 300; color: #292F2C;}

.dgPanoAboutBlock li.about-block__container:first-of-type .about-block__text::after, .dgPanoAboutBlock li.about-block__container:nth-of-type(2) .about-block__text::after,.dgPanoAboutBlock li.about-block__container:nth-of-type(3) .about-block__text::after {display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}


/* Original from KS - same CTA for all About Blocks
.dgPanoAboutBlock li.about-block__container .about-block__text::after {content: 'Check it out >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}*/

/* Modified by Catherine Lauzon - different CTAs for every About block on the Learner Dashboard (same for all panos) */
.dgPanoAboutBlock li.about-block__container:first-of-type .about-block__text::after {content: 'Watch the video >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}
.dgPanoAboutBlock li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'Take the tour >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}
.dgPanoAboutBlock li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'View the course >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;} 

/*REPLACE .dgPanoAboutBlock labels with seperate labels per pano */
/* Labels for about blocks on Customer learner dashboard */
.customerDashboardAboutLabels li.about-block__container:first-of-type .about-block__text::after {content: 'Browse the catalog >';}
.customerDashboardAboutLabels li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'Get certified >';}
.customerDashboardAboutLabels li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'Browse the library >';}

/* Labels for about blocks on Partner learner dashboard */
.partnerDashboardAboutLabels li.about-block__container:first-of-type .about-block__text::after {content: 'Watch the video >'; }
.partnerDashboardAboutLabels li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'Take the tour >'; }
.partnerDashboardAboutLabels li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'View the course >'; }

/* Labels for about blocks on Internal learner dashboard */
.internalDashboardAboutLabels li.about-block__container:first-of-type .about-block__text::after {content: 'Watch the video >';}
.internalDashboardAboutLabels li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'Take the tour >'; }
.internalDashboardAboutLabels li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'View the course >'; }

/* Labels for about blocks on DD Contractor learner dashboard */
.ddDashboardAboutLabels li.about-block__container:first-of-type .about-block__text::after {content: 'Browse the catalog >';}
.ddDashboardAboutLabels li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'View the course >';}
.ddDashboardAboutLabels li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'Contact us >';}

/* Learner dashboard about blocks label hover states  */
.dgPanoAboutBlock li.about-block__container .about-block__text:hover::after  {color: #D3222A !important;}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgPanoAboutBlock {padding: 40px 5%;}
}
@media only screen and (max-width: 769px) {
    .dgPanoAboutBlock li.about-block__container .about-block__text h3 {font-size: 20px; margin-bottom: 12px;}
    .dgPanoAboutBlock li.about-block__container .about-block__text p, .dgPanoAboutBlock li.about-block__container .about-block__text::after {font-size: 14px !important;}
}

/* Panorama Dashboard Stats */
.learn.dashboard .widget--dashboard-stats {padding: 0 10% 40px;}
.dashboard-stats__container {box-shadow: none; padding: 0;}
.dashboard-stat {padding: 20px 0; height: auto; background: #f9f9f9; border: 1px solid #efefef; box-shadow: 0 0 4px #efefef;}
.dashboard-stat__label {font-size: 18px; font-weight: 300; color: #292F2C; text-transform: none; font-family: 'Plus Jakarta Sans';}
.dashboard-stat__label .dashboard-stat__icon {display: none;}
.dashboard-stat__value--huge {font-size: 36px; font-family: Plus Jakarta Sans, sans-serif !important; font-weight: 500; color: #292F2C;}

.dashboard-stat--available .dashboard-stat__value, .dashboard-stat--started .dashboard-stat__value, .dashboard-stat--completed .dashboard-stat__value, .dashboard-stat--collaborations .dashboard-stat__value {color: #292F2C;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .widget--dashboard-stats {padding: 0 5% 40px;}
    .dashboard-stat {min-height: 147px;}
}
@media only screen and (max-width: 769px) {
    .dashboard-stat {min-height: 0;}
}

/* Panorama Activity */
.learn.dashboard .dgPanoActivity {padding: 0 10% 40px;}
.dgPanoActivity .dashboard-access {padding: 20px 32px; background: #f9f9f9; border: 1px solid #efefef; box-shadow: 0 0 4px #efefef;}
.dgPanoActivity .dashboard-access__header { background: none; font-size: 24px; font-family: 'Plus Jakarta Sans', sans-serif !important; color: #292F2C; padding: 0 0 20px; border-color: #d9d9d9;}
.dgPanoActivity .dashboard-access__header .button-expander {border: 0;}
.dgPanoActivity .dashboard-access__header span {display: inline-block; vertical-align: middle;}
.dgPanoActivity .dashboard-access-tabs {background: none; border: 0; font-size:15px}
.dgPanoActivity .btn--link {color: #292F2C; font-family: 'Plus Jakarta Sans';}
.dgPanoActivity .btn--link:hover, .dgPanoActivity .btn--link:focus {color: #D3222A;}
.dgPanoActivity .btn--primary {background: #D5312E; border-color: #D5312E; font-family: 'Plus Jakarta Sans';}
.dgPanoActivity .btn--primary:hover {background: #F87474; border-color: #F87474;}
.dgPanoActivity .user-engagement-stat__value-container--huge {color: #150B48;}
.dgPanoActivity .user-engagement-stat__label {color: #150B48;}
.dgPanoActivity .dashboard-access-list-item-expansion .btn {font-size: 12px;}
.dgPanoActivity .dashboard-access-list-item-expander__title, .dgPanoActivity .items-center {font-size: 15px; font-family: 'Plus Jakarta Sans';}
.dgPanoActivity .btn.btn--link.btn--inherit-font.dashboard-access-list-item-expander{vertical-align: middle;}
.dgPanoActivity .dashboard-access-list-item-expander__title {display: inline-block; width: calc(100% - 32px);margin-bottom: 10px;}

.dgPanoActivity .dashboard-access-list-item-expansion {margin-top: 20px;}
.dgPanoActivity .dashboard-access-list-item-expander {width: 100%; }

.dgPanoActivityDI section#access-section-0 {display: none !important;}
.dgPanoActivityDI .dashboard-access-tab--current {display: none !important;}



@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgPanoActivity {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .dgPanoActivity .dashboard-access__header {font-size: 22px;}
}

/* Panorama Discussion Board */
.learn.dashboard .widget--discussion-board {padding: 0 10% 40px;}
.widget--discussion-board > .ember-view {padding: 20px 32px; border: 1px solid #efefef; background: #f9f9f9;}
.widget--discussion-board .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C;}
.widget--discussion-board .discussion-card__list .discussion-card {background: #fff; border: 0; box-shadow: 0 0 8px rgba(0,0,0,.1); position: relative; border-radius: 0; padding-top: 50px;}
.widget--discussion-board .discussion-card__list .discussion-card .discussion-card__header {display: none;}
.discussion-card__list .discussion-card .bottom-panel .bottom-panel__comment-info {position: absolute; top: 0; left: 0; width: 100%; padding: 12px 1rem; font-size: 10px;}
.comment-label .item__stat, .update-label .item__stat {font-size: 10px; color: #292F2C;}
.comment-label .item__stat {font-weight: 700;}
.comment-label .item__stat i, .update-label .item__stat i {display: none;}
.discussion-card__list .discussion-card .bottom-panel .bottom-panel__comment-info .comment-label:first-child {border: 0;}
.discussion-card__title {font-size: 18px; font-family: 'Plus Jakarta Sans' !important; color: #292F2C; font-weight: 700; margin-bottom: 6px;}
.discussion-card__body-text {font-size: 18px; color: #292F2C; font-weight: 300; font-family: 'Plus Jakarta Sans';}
.widget--discussion-board .bottom-panel {padding: .5em 1rem;}
.widget--discussion-board .bottom-panel__actions {width: 100%;}
.widget--discussion-board .bottom-panel .btn {padding: 12px 0; margin: 0; background: none; border: 0; color: #292F2C; font-size: 18px; font-family: 'Plus Jakarta Sans';}
.widget--discussion-board .bottom-panel .btn::after {content: ' >';}
.widget--discussion-board .bottom-panel .btn:hover, .widget--discussion-board .bottom-panel .btn:focus {color: #D3222A;}
.catalog-search__button i {color: #292F2C;}
.discussion-search-bar input {background: #fff; box-shadow: none;}
.discussion-search-bar select {background: #fff; box-shadow: none;}
.browseDiscussBoard {padding: 14px;}
.browseDiscussBoard a {font-size: 18px; color: #292F2C; font-weight: 600; font-family: 'Plus Jakarta Sans' !important;}
.browseDiscussBoard a:hover, .browseDiscussBoard a:focus {color: #D3222A;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .widget--discussion-board {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .catalog-search__button {height: 32px; top: 1px; right: 15px;}
    .widget--discussion-board .widget__alt-title__container h3 {font-size: 22px;}
    .discussion-card__title {font-size: 15px;}
    .discussion-card__body-text, .widget--discussion-board .bottom-panel .btn {font-size: 14px;}
}

/* Panorama Credly */
.learn.dashboard .widget--credly {padding: 0 10% 40px;}
.widget--credly > .ember-view {padding: 20px 32px; border: 1px solid #efefef; background: #f9f9f9;}
.widget--credly .dashboard-badges-container {padding: 0; box-shadow: none;}
.widget--credly .dashboard-badges-container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C;}
.widget--credly .text-green-700{padding-right: 2px;}
.widget--credly .text-gray-500{padding-left: 2px;}
li.dashboard-badge {padding: 0; border: 0;}
li.dashboard-badge img {width: 100%;}
li.dashboard-badge p {font-family: 'Plus Jakarta Sans'; font-size: 16px; line-height: normal;}
li.dashboard-badge p a {color: #292F2C;}
li.dashboard-badge p a:hover {color: #D3222A;}
li.dashboard-badge p.text-sm {font-size: 12px; color: #292F2C;}
li.dashboard-badge p.text-sm span {color: #292F2C;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .widget--credly {padding: 0 5% 40px;}
}

/* Featured Carousel with CTA */
.learn.dashboard .dgFeaturedCarousel {padding: 0 10% 40px;}
.dgFeaturedCarousel .row {margin: 0;}
.dgFeaturedCarousel > .row {padding: 20px 32px; border: 1px solid #efefef; background: #f9f9f9;}
.dgFeaturedCarousel > .row .columns {padding: 0;}
.dgFeaturedCarousel .widget__title {text-align: left; font-family: 'Plus Jakarta Sans' !important; font-size: 24px; font-weight: 400; color: #292F2C;}
.dgFeaturedCarousel .featured-content-multi-carousel-item img {padding: 0;}
.dgFeaturedCarousel .featured-content-multi-carousel-item {border: 0; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1);}
.dgFeaturedCarousel .featured-content-multi-carousel-item__body {padding: 20px; text-align: right; font-family: 'Plus Jakarta Sans';}
.dgFeaturedCarousel .featured-content-multi-carousel-item__source{text-align: left;}
.dgFeaturedCarousel .featured-content-multi-carousel-item__queue {display: none;}
/*.dgFeaturedCarousel .featured-content-multi-carousel-item__body::after {display: inline-block; content: 'View Details >'; margin-top: 12px;}
.dgFeaturedCarousel .featured-content-multi-carousel-item:hover .featured-content-multi-carousel-item__body::after {color: #D3222A;}*/

.dgFeaturedCarousel .featured-content-multi-carousel-item__body::after{ display: inline-block; content: 'View Details >'; margin-top: 12px; background: #D5312E !important; border-color: #D5312E; color: #fff; padding: 8px 12px !important; font-family: 'Plus Jakarta Sans'; font-size: 14px;}
.dgFeaturedCarousel .featured-content-multi-carousel-item__body:hover:after{background: #F87474 !important;}


.dgFeaturedCarousel .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {text-align: left; font-size: 16px; font-family: 'Plus Jakarta Sans' !important; font-weight: 400; color: #292F2C;}
.dgFeaturedCarousel .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {text-align: left; padding: 0; font-size: 14px; font-weight: 300; font-family: 'Plus Jakarta Sans';}
.dgFeaturedCarousel .featured-content-multi-carousel__nav-right {right: -32px;}
.dgFeaturedCarousel .featured-content-multi-carousel__nav-left {left: -32px;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgFeaturedCarousel {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .dgFeaturedCarousel .widget__title {font-size: 22px;}
    .dgFeaturedCarousel .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {font-size: 20px;}
    .dgFeaturedCarousel .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {font-size: 14px;}
}

/* Panorama Search Bar */
.learn.dashboard .dgSearch {padding: 0 10% 40px;}
.dgSearch .row {margin: 0;}
.dgSearch .columns {padding: 0;}
.dgSearch .columns .search-bar-widget {max-width: 528px; background: #f9f9f9; border: 1px solid #efefef;}
.dgSearch .columns .search-bar-widget input {box-shadow: none; background: none; border: 0;}
.dgSearch .columns .search-bar-widget button span {display: none;}
.dgSearch .columns .search-bar-widget button {background: none; border: 0; color: #292F2C; font-size: 24px; padding: 0 8px;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgSearch {padding: 0 5% 40px;}
}

/* Panorama Catalog Grid */
.learn.dashboard .dgCatalogGrid {padding: 0 10% 40px;}
.dgCatalogGrid > .ember-view {padding: 20px 32px; background: #f9f9f9; border: 1px solid #efefef;}
.dgCatalogGrid .widget__alt-title__container h3 {font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 20px;}
.dgCatalogGrid .hr__accent {display: none;}
.dgCatalogGrid > .ember-view .row > .medium-3 {display: none;}
.dgCatalogGrid > .ember-view .row .medium-9 {width: 100%;}
/*.dgCatalogGrid > .ember-view .row .catalog-filters .medium-7 {width: calc(100% / 9 * 7);}
.dgCatalogGrid > .ember-view .row .catalog-filters .medium-2 {width: calc(100% / 9 * 2);}*/
.dgCatalogGrid > .ember-view .row .medium-9 {width: 100%;}
.dgCatalogGrid .catalog-search-bar {max-width: 800px;}
.dgCatalogGrid .catalog-display-type .btn {background: #fff; border: 0;}
.dgCatalogGrid .catalog-display-type .btn:hover, .dgCatalogGrid .catalog-display-type .btn.text-black {color: #F87474;}
.dgCatalogGrid .catalog-search__button i {color: #292F2C;}
.dgCatalogGrid .catalog-search-bar .columns.catalog-content-type {width: 100%;}

.dgCatalogGrid .large-block-grid-3 > li {width: 25%;}
.dgCatalogGrid .large-block-grid-3 > li:nth-of-type(3n+1) {clear: none;}
.dgCatalogGrid .large-block-grid-3 > li:nth-of-type(4n+1) {clear: both;}
.dgCatalogGrid .catalog-item .catalog-grid-item {background: #fff;}
.dgCatalogGrid .catalog-item .catalog-grid-item .catalog-grid-item__hr {border: 0;}
.dgCatalogGrid .catalog-item .catalog-grid-item__title {font-size: 16px; font-family: "Plus Jakarta Sans", sans-serif !important; font-weight: 400; color: #292F2C;}
.dgCatalogGrid .catalog-grid-item__source, .dgCatalogGrid .featured-content-item__authors, .dgCatalogGrid .featured-content-item__start-date {font-size: 12px;}
.dgCatalogGrid .catalog-filters {border: 0; background: none;}
.dgCatalogGrid .catalog-filters .catalog-filters__selections {background: #fff; border: 0;}
.dgCatalogGrid .catalog-filters .catalog-filters__sort {border-left: 2px solid #f9f9f9;}
.dgCatalogGrid .catalog-filters input {box-shadow: none; background: #fff;}
.dgCatalogGrid .catalog-filters select {box-shadow: none; background: #fff;}
.dgCatalogGrid .catalog-grid-item__description {display: none;}
.dgCatalogGrid .catalog-list-item .catalog-list-item__title-container {display: none;}
.dgCatalogGrid .catalog-list-item .catalog-list-item__info .catalog-list-item__title {font-family: "Plus Jakarta Sans", sans-serif !important; font-weight: 400; font-size: 16px; color: #292F2C;}
.dgCatalogGrid .catalog-list-item__cta-container {margin: 12px 0 0;}
.dgCatalogGrid .catalog-list-item__body .row .medium-5 {width: calc(41.6666666667% + 25%);}
.dgCatalogGrid .catalog-list-item__description { font-size: 12px; font-weight: 300; line-height: 24px;}
.dgCatalogGrid .catalog-list-item__info { font-size: 12px; font-weight: 300; line-height: 24px;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgCatalogGrid {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .dgCatalogGrid .widget__alt-title__container h3 {font-size: 22px;}
    .dgCatalogGrid .large-block-grid-3 > li {width: 100%;}
    .dgCatalogGrid .catalog-filters .catalog-filters__selections {background: none;}
    .dgCatalogGrid .catalog-item .catalog-grid-item__title {font-size: 18px; height: auto !important;}
    .dgCatalogGrid .catalog-grid-item__description {min-height: 0;}
}

/* Panorama Catalog List */
.learn.dashboard .dgCatalogList {padding: 0 10% 40px;}
.dgCatalogList > .ember-view {padding: 20px 32px; background: #f9f9f9; border: 1px solid #efefef;}
.dgCatalogList .widget__title {font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 20px; text-align: left;}
.dgCatalogList .hr__accent {display: none;}
/*.dgCatalogList > .ember-view .row .medium-3 {display: none;}*/
.dgCatalogList > .ember-view .row .medium-9 {width: 100%;}
.dgCatalogList .catalog-search-bar {max-width: 800px;}
.dgCatalogList .catalog-search__button i {color: #292F2C;}

.dgCatalogList .catalog-filters {border: 0; background: none;}
.dgCatalogList .catalog-filters .catalog-filters__selections {background: #fff; border: 0;}
.dgCatalogList .catalog-filters .catalog-filters__sort {border-left: 2px solid #f9f9f9;}

.dgCatalogList .catalog-list-item .catalog-list-item__title-container {display: none;}
.dgCatalogList .catalog-list-item .catalog-list-item__info .catalog-list-item__title {font-family:"Plus Jakarta Sans", sans-serif !important; font-weight: 400; font-size: 24px; color: #292F2C;}
.dgCatalogList .catalog-list-item__description { font-size: 16px; font-weight: 300; line-height: 24px;}
.dgCatalogList .catalog-filters input {box-shadow: none; background: #fff;}
.dgCatalogList .catalog-filters select {box-shadow: none; background: #fff;}
.dgCatalogList .catalog-display-type .btn {background: #fff; border: 0;}
.dgCatalogList .catalog-display-type .btn:hover, .dgCatalogList .catalog-display-type .btn.text-black {color: #F87474;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgCatalogList {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .dgCatalogList .catalog-list-item .catalog-list-item__info .catalog-list-item__title {font-size: 18px;}
    .dgCatalogList .catalog-list-item__description {font-size: 14px; line-height: 20px;}
}

/* Panorama Header Navigation */
.dashboard .sidebar--closed--right {position: relative;}
.learn.dashboard .dgPanoMenu { padding: 0; position: absolute; top: 12px; right: calc(10% + 220px); width: calc(80% - 320px - 220px); text-align: right;}
.dgPanoMenu .row {margin: 0;}
.dgPanoMenu .navigation-bar .top-bar-section ul.left {border: 0; float: none !important; display: block; }
.dgPanoMenu .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {color:#48595f; }
.dgPanoMenu .top-bar-section ul li {float: none; display: inline-block; background: none;}
.dgPanoMenu .top-bar-section ul li a {display: block; padding: 0 12px; line-height: 48px; font-weight: 300; text-transform: none; }
.dgPanoMenu .top-bar-section .has-dropdown > a::after {margin-top: 0; top: 22px; margin-right: 10px;}
.dgPanoMenu .top-bar-section ul li.js-generated {display: none;}
.dgPanoMenu .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {padding: 0;}

.dgPanoMenu .navigation-bar.top-bar {height: auto;}
.dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {padding: 0 12px; padding-right: calc(16px + 12px) !important; line-height: 48px; font-size: 15px; border-bottom: 2px solid #fff; color: #292F2C; font-family: 'Plus Jakarta Sans';}
.dashboard-header__name {font-size: 15px; padding-top: 10px; margin: 0 .5em; float: right; width: 126px;font-family: "Plus Jakarta Sans", sans-serif !important; color: #292f2c;}
.avatar.avatar--initials {font-family: "Plus Jakarta Sans", sans-serif !important;}

.dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form).hover > a:not(.button), .dgPanoMenu .top-bar-section .has-dropdown>a:focus {background: #fff; border-bottom: 2px solid #F87474; /*font-weight: 700;*/}
.dgPanoMenu .top-bar-section .has-dropdown>a:hover {background: none;}
.dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form) a:not(.button):hover {/*font-weight: 700;*/ border-color: #F87474;}

.dgPanoMenu .top-bar-section ul li .dropdown {padding: 0 4px; background: #fff; min-width: 200px; box-shadow: 0 0 12px -2px rgb(0 0 0 / 25%); border: 1px solid #f6f6f6;}
.dgPanoMenu .top-bar-section ul li .dropdown li a {text-align: left; line-height: 32px;}

.dgPanoMenu .navigation-bar .dropdown li:not(.has-form) a:not(.button) {font-size: .875rem; line-height: normal; padding: 6px 8px;}
.dgPanoMenu .navigation-bar .dropdown li {box-shadow: none;}

.dgPanoMenu .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {border-radius: 0; padding: 6px 8px; font-size: .75rem; border-bottom: 1px solid #e9e9e9; font-family: "Plus Jakarta Sans";}
.dgPanoMenu .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {background: #f6f6f6;font-weight:400;}

.dgPanoMenu .top-bar-section ul li .dropdown {display: none;}
.dgPanoMenu .top-bar-section .has-dropdown > a::after, .dgPanoMenu .top-bar-section .navigation-widget__item--has-dropdown > a::after {content: '\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; border: 0; width: auto; height: auto; line-height: 13px; top: 19px;}
.dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form).hover > a:not(.button)::after, .dgPanoMenu .top-bar-section .has-dropdown>a:focus::after {transform: rotate(180deg); top: 18px;}

/*.dashboard .dashboard-header-dropdown__link {display: none;}*/
.dashboard-header__avatar {margin-bottom: 0;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgPanoMenu {width: calc(80% - 164px - 164px); right: calc(10% + 164px);}
    .dashboard-header__name {font-size: 13px; padding-top: 13px;}
    .dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {font-size: 13px;}

.course-actions-dropdown>li a, .course-actions-dropdown>li button, .dashboard-header-dropdown>li a, .dashboard-header-dropdown>li button { font-family: "Plus Jakarta Sans"; color: #292f2c !important;}


}
@media only screen and (max-width: 960px) {
    .learn.dashboard .dgPanoMenu {width: 100%; position: static; border-bottom: 1px solid #D9D9D9;}
}
@media only screen and (max-width: 769px) {
    .dgPanoMenu .top-bar {border: 0; overflow: visible; height: auto !important;}
    .dgPanoMenu .top-bar::after {content: ''; display: block; clear: both;}
    .dgPanoMenu .top-bar-section {display: none;}
    .dgPanoMenu .top-bar-section::before {content: ''; display: block; clear: both;}
    .dgPanoMenu nav.expanded .top-bar-section { display: block; position: absolute; top: 100%; right: 0; z-index: 2; width: 200px; left: auto !important; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.1);}
    .dgPanoMenu .top-bar-section ul li {display: block;}
    .dgPanoMenu .top-bar .title-area {width: 100px; float: right;}
    .dgPanoMenu .top-bar-section ul {display: block; width: 100%;}
    .dgPanoMenu .top-bar-section .has-dropdown > a::after {margin-right: 8px;}
    .dgPanoMenu .navigation-bar .top-bar-section .has-dropdown > a {padding-right: 25px !important;}
    .dgPanoMenu .top-bar-section .has-dropdown.moved > .dropdown {position: static;}
    .dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {text-align: right;}
    .dgPanoMenu .top-bar-section .has-dropdown.moved > .dropdown {left: 0; min-height: 100%; background: #fff;}
    .dgPanoMenu .top-bar-section ul li.js-generated {display: block;}
    .learn.dashboard .dgPanoMenu {position: static; width: 100%; border-bottom: 1px solid #D9D9D9;}
    .dgPanoMenu .top-bar .title-area {float: none; width: 100%;}
    .dgPanoMenu nav.expanded .top-bar-section {position: static; box-shadow: none; width: 100%;}
    .dgPanoMenu .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {text-align: left;}
}


/* for Course Page */
.course {background: #F8F8F8;}
.header__left__copy .course-title, .resources__category__label, .resources__count__container, .course .course-progress  {font-family: 'Plus Jakarta Sans';}
.course .expandable-sidebar__toggle {background: #292F2C; font-size: 16px; font-family: 'Plus Jakarta Sans', sans-serif; padding: 10px 20px; text-transform: none;}
.learner__sidebar {font-size: 18px; color: #292F2C; font-weight: 300; text-transform: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.learner__sidebar-inner-list span.syllabus__section-title {font-size: 18px; color: #292F2C; font-weight: 300; text-transform: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.expandable-sidebar__content {padding: 20px 12px;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {font-size: 16px; color: #292F2C; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 300;}
li.syllabus__topic--non-expandable a {color: #292F2C; font-size: 12px;}
.syllabus__topic.syllabus__topic--active a, .syllabus__topic.syllabus__topic--active button.syllabus__topic--expander {color: #292F2C; font-family: 'Plus Jakarta Sans', sans-serif;}
button.syllabus__lesson--expander .expander-triangle__closed-down {border-top-color: #292F2C;}
button.syllabus__lesson--expander .expander-triangle__closed-right {border-left-color: #292F2C;}
.expandable-sidebar__buttons {padding: 12px 0;}
.expandable-sidebar__buttons a {font-size: 15px; font-weight: 300; color: #292F2C; text-transform: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.expandable-sidebar__buttons a:hover, .course-progress .btn--link.btn--primary:hover {color: #D3222A;}
.expandable-sidebar__buttons .right a {font-weight: 700;}
.topic__text__body {padding: 0 0 20px; font-family: 'Plus Jakarta Sans', sans-serif;}
.topic__text__body h3 {font-size: 36px; font-weight: 500; margin-bottom: 20px; font-family: 'Plus Jakarta Sans', sans-serif !important;}
.topic__text__body, .topic__text__body p, .topic__text__body ul, .topic__text__body ol {font-size: 18px; font-weight: 300; margin-bottom: 20px; line-height: 26px;}
.learner-section__title__container, .learner-section__title, .learner-lesson__title {font-family: 'Plus Jakarta Sans' !important; font-size: 24px; color: #292F2C; font-weight: 400;}
.section-progress-bar span {height: 6px; background: #292F2C;}
.section-progress-bar div {background: #D9D9D9;}
.bookmark-check i, .bookmark-plus, .btn--email-top, .btn--print-top {color: #292F2C;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: none;}
.learner__sidebar .layout-panel {padding: 1rem 0 0;}
.learner-section__title__container .bookmark-plus:hover {color: #D3222A;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text, li.syllabus__topic--non-expandable a {font-family: 'Plus Jakarta Sans';}
.tools__container .header--tools .btn {font-family: 'Plus Jakarta Sans';}
.tools__container .heading--primary.collection__course__title, .tools__container .heading.heading--primary {font-family: 'Plus Jakarta Sans' !important;}
li.syllabus__topic--non-expandable a:hover, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:active, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:focus, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:hover {color: #D3222A;}

.directional__nav .directional__nav__label {visibility: visible;}
.directional__nav a {background: none; color: #292F2C; font-family: 'Plus Jakarta Sans', sans-serif;}
.directional__nav a .directional__nav__button, .directional__nav a .directional__nav__label { background: none; color: #292F2C;}
.directional__nav a:hover .directional__nav__button i, .directional__nav a:focus .directional__nav__button i {color: #292F2C;}
.directional__nav a:hover, .directional__nav a:focus {color: #767676;}
.directional__nav__button.directional__nav__button--right {margin-left: 0;}
.directional__nav__button.directional__nav__button--left {margin-right: 0;}
.course-title {color: #292F2C;}
.learner__container__toggle .btn {background: #292F2C; border: 0; font-family: 'Plus Jakarta Sans';}
.topic__container, #learner .topic__container h4, #learner .topic__container h3 {font-family: 'Plus Jakarta Sans' !important;}

.course-progress__overall .highlight {color: #150B48;}
.course-progress .btn--link.btn--primary { color: #292F2C; font-weight: 700; font-family: 'Plus Jakarta Sans', sans-serif;}
.tools__wrapper .tools__content__sections, .tools__wrapper .tools__content {font-family: 'Plus Jakarta Sans', sans-serif;}



/* Panorama Two Column with Left Categories Catalog Grid */
.learn.dashboard .dgCatalogWithCC {padding: 0 10% 40px;}
.dgCatalogWithCC > .ember-view {padding: 20px 0; background: none; border: 0 solid #efefef;}
.dgCatalogWithCC .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 20px;}
.dgCatalogWithCC .hr__accent {display: none;}
/*.dgCatalogWithCC > .ember-view .row > .medium-3 {display: none;}
.dgCatalogWithCC > .ember-view .row .medium-9 {width: 100%;}*/
/*.dgCatalogWithCC > .ember-view .row .catalog-filters .medium-7 {width: calc(100% / 9 * 7);}
.dgCatalogWithCC > .ember-view .row .catalog-filters .medium-2 {width: calc(100% / 9 * 2);}*/
/*.dgCatalogWithCC .catalog-search-bar {max-width: 800px;}*/
.dgCatalogWithCC .catalog-display-type .btn {background: #f3f3f3; border: 0;}
.dgCatalogWithCC .catalog-display-type .btn:hover, .dgCatalogWithCC .catalog-display-type .btn.text-black {color: #D3222A;}
.dgCatalogWithCC .catalog-search__button i {color: #292F2C;}
.dgCatalogWithCC .catalog-search-bar .columns.catalog-content-type {width: 100%;}

.dgCatalogWithCC .catalog-item .catalog-grid-item {background: #fff; border: 0; box-shadow: 0 0 5px rgb(0 0 0 / 5%);}
.dgCatalogWithCC .catalog-item .catalog-grid-item .catalog-grid-item__hr {border: 0;}
.dgCatalogWithCC .catalog-item .catalog-grid-item__title {font-size: 16px; font-family: 'Plus Jakarta Sans' !important; font-weight: 400; color: #292F2C;}
.dgCatalogWithCC .catalog-grid-item__source, .dgCatalogWithCC .featured-content-item__authors, .dgCatalogWithCC .featured-content-item__start-date {font-size: 12px; font-family: 'Plus Jakarta Sans';}


.dgCatalogWithCC .catalog-filters {border: 0; background: none;}
.dgCatalogWithCC .catalog-filters .catalog-filters__selections, .dgCatalogWithCC .catalog-filters .catalog-filters__search {background: #f3f3f3; border: 0;}
.dgCatalogWithCC .catalog-filters .catalog-filters__selections .catalog-active-filters {position: absolute; top: 100%;}
.dgCatalogWithCC .catalog-filters .catalog-filters__sort {border-left: 2px solid #fff; background: #f3f3f3;}
.dgCatalogWithCC .catalog-filters input {box-shadow: none; background: #f3f3f3;}
.dgCatalogWithCC .catalog-filters select, .dgCatalogWithCC .catalog-filters .catalog-search__button {box-shadow: none; background: none;}
/*.dgCatalogWithCC .catalog-grid-item__description {display: none;}*/
/*.dgCatalogWithCC .catalog-list-item .catalog-list-item__title-container {display: none;}*/
.dgCatalogWithCC .catalog-list-item .catalog-list-item__info .catalog-list-item__title {font-family: "Plus Jakarta Sans", sans-serif !important; font-weight: 400; font-size: 24px; color: #292F2C;}
.dgCatalogWithCC .catalog-list-item__cta-container {margin: 12px 0 0;}
.dgCatalogWithCC .catalog-list-item__body .row .medium-5 {width: calc(41.6666666667% + 25%);}
.dgCatalogWithCC .catalog-grid-item__body {text-align: center; font-family: 'Plus Jakarta Sans';}
.dgCatalogWithCC .btn--link, .dgCatalogWithCC .btn--link .catalog-aggregation__header--label, .dgCatalogWithCC .btn.catalog-aggregation__value  {color: #292F2C;}
.dgCatalogWithCC .btn--link .catalog-aggregation__header--label:hover, .dgCatalogWithCC .btn.catalog-aggregation__value:hover  {color: #D3222A;}
.dgCatalogWithCC .catalog-aggregation, .dgCatalogWithCC .catalog-aggregation--expanded {border: 0; background: none;}
.dgCatalogWithCC .btn--link .catalog-aggregation__header--label {font-family: 'Plus Jakarta Sans', sans-serif;}
.dgCatalogWithCC .btn.catalog-aggregation__value {font-family: 'Plus Jakarta Sans', sans-serif;}
.dgCatalogWithCC .pagination {font-family: 'Plus Jakarta Sans', sans-serif;}

.dgCatalogWithCC .catalog-aggregation .catalog-aggregation__header .row > .small-1 {width: 20px;}
.dgCatalogWithCC .catalog-aggregation .catalog-aggregation__header .row > .small-1 ~ .column {width: calc(100% - 20px);}
.dgCatalogWithCC .catalog-aggregation__header--label {font-size: 18px;}
.dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value {margin-left: 40px; font-size: 16px; font-weight: 300; font-family: 'Plus Jakarta Sans' !important; }
.dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value .catalog-aggregation__count {font-size: 16px; font-weight: 300;}
.dgCatalogWithCC .catalog-list-item__title {font-size: 16px; font-weight: 400; margin: 0; font-family: 'Plus Jakarta Sans' !important;}
.dgCatalogWithCC .catalog-list-item__info {font-size: 12px; font-weight: 300; font-family: 'Plus Jakarta Sans';}
.dgCatalogWithCC .catalog-list-item__description {font-size: 12px; font-weight: 300; font-family: 'Plus Jakarta Sans';}
.dgCatalogWithCC .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; padding: 6px 18px; background: #D5312E; color: #fff; font-size: 14px; margin-top: 12px; font-family: 'Plus Jakarta Sans'; }
.dgCatalogWithCC .catalog-list-item:hover .catalog-list-item__description::after {background: #F87474;}
/*For Two Cols */
.dgCatalogWithCC.twoCol .large-block-grid-3 > li {width: 50%;}
.dgCatalogWithCC.twoCol .large-block-grid-3 > li:nth-of-type(3n+1) {clear: none;}
.dgCatalogWithCC.twoCol .large-block-grid-3 > li:nth-of-type(2n+1) {clear: both;}
/*For Four Cols */
.dgCatalogWithCC.fourCol .large-block-grid-3 > li {width: 25%;}
.dgCatalogWithCC.fourCol .large-block-grid-3 > li:nth-of-type(3n+1) {clear: none;}
.dgCatalogWithCC.fourCol .large-block-grid-3 > li:nth-of-type(4n+1) {clear: both;}

.dgCatalogWithCC .catalog-grid-item__cta-container {display: block; font-family: 'Plus Jakarta Sans';}
.dgCatalogWithCC .catalog-grid-item__cta-container .grid-cols-3 {display: table; width: 100%;}
.dgCatalogWithCC .catalog-grid-item__cta-container .grid-cols-3 > .col-span-2, .dgCatalogGrid .catalog-grid-item__cta-container .grid-cols-3 > .place-self-center {display: table-cell; width: 50%;}
.dgCatalogWithCC .catalog-list-item__price {font-family: 'Plus Jakarta Sans';}
.dgCatalogWithCC .catalog-list-item__cta button {font-family: 'Plus Jakarta Sans';}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgCatalogWithCC {padding: 0 5% 40px;}
    .dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value  {font-size:15px; padding: .35em 1.1em; }
    .dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value .catalog-aggregation__count{font-size:15px;}
}
@media only screen and (max-width: 769px) {
    .dgCatalogWithCC .widget__alt-title__container h3 {font-size: 22px;}
    .dgCatalogWithCC .large-block-grid-3 > li {width: 100% !important;}
    .dgCatalogWithCC .catalog-filters .catalog-filters__selections {background: none;}
    .dgCatalogWithCC .catalog-item .catalog-grid-item__title {font-size: 14px; height: auto !important;}
    .dgCatalogWithCC .catalog-grid-item__description {min-height: 0;}
    .dgCatalogWithCC .catalog-filters input, .dgCatalogWithCC .catalog-filters select {border: 0; margin: 0;}
    .dgCatalogWithCC .btn--link .catalog-aggregation__header--label{font-size:16px}
    .dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value, .dgCatalogWithCC .catalog-aggregation .btn.catalog-aggregation__value .catalog-aggregation__count  {font-size:14px;} 
}

/* For Diligent Institute Dashbaord Page Only */
.dgPanoMenu.pnova .navigation-bar .top-bar-section li:not(.has-form) a:not(.button),
.dgAnnounceSingleCol.pnova .widget__alt-title__container p,
.dgPanoAboutBlock.pnova li.about-block__container .about-block__text p,
.dgPanoAboutBlock.pnova li.about-block__container .about-block__text::after,
.dgPanoActivity.pnova .btn--link,
.dgPanoActivity.pnova .btn--primary,
.dgPanoActivity.pnova .dashboard-access-list-item-expander__title,
.dgPanoActivity.pnova .btn,
.learn.dashboard .dgPanoActivity.pnova,
.dgCatalogGrid.pnova .catalog-grid-item__body,
.dgCatalogGrid.pnova .catalog-item .catalog-grid-item__cta-container .btn--right,
.dgCatalogGrid.pnova .pagination,
.dgFooter.pnova .rightsTerms ul li,
body.pnova .dashboard-header-dropdown__link,
body.pnova .dashboard-header-dropdown>li a,
.dgAnnounceSingleCol.pnova .widget__cta .btn,
.dgCatalogWithCC.pnova .btn.catalog-aggregation__value,
.dgCatalogWithCC.pnova .catalog-grid-item__source, 
.dgCatalogWithCC.pnova .featured-content-item__authors, 
.dgCatalogWithCC.pnova .featured-content-item__start-date,
.dgCatalogWithCC.pnova .catalog-item .catalog-grid-item__cta-container .btn--right {font-family: 'Plus Jakarta Sans';}
.dgPanoBanner.pnova .hero .hero__caption span, .dgPanoBannerWide.pnova .hero .hero__caption span {font-family: 'Plus Jakarta Sans' !important; color:#292F2C;}


/* FAQs Section for DI Homepage */
.faqsWrap {padding: 100px 10%; font-family: 'Plus Jakarta Sans'; color: #292F2C;}
.faqsWrap a {color: #D5312E;}
.faqsWrap a:hover {color: #F87474;}
.faqsWrap h3 {font-size: 36px; color: #292F2C; font-family: Plus Jakarta Sans, sans-serif !important; font-weight: 500; margin-bottom: 20px; text-align: center;}
.faqsWrap .accordion {display: block;}
.faqsWrap .accordion ul.items {display: block;}
.faqsWrap .accordion ul.items > li {display: block; font-family: 'Plus Jakarta Sans', sans-serif !important;}
.faqsWrap .accordion .toggle-header {position: relative; padding: 8px 0; border-bottom: 1px solid #d2d2d2; padding-left: 32px; cursor: pointer;}
.faqsWrap .accordion .toggle-header::before {content: '\2b'; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; position: absolute; top: 8px; left: 0; background: #292F2C; color: #fff; border-radius: 4px; font-weight: 900; font-family: "Font Awesome 5 Free";}
.faqsWrap .accordion .active .toggle-header::before {content: '\f068';}
.faqsWrap .accordion .toggle-content {display: none; padding: 12px;}


/* Hide language Selector on Custom Page */
body.page .learner__language__selector {display: none;}
.learner__language__selector__btn {font-family: 'Plus Jakarta Sans';}

/* catalog filter */
.catalog-search-bar {margin-bottom: 2.7rem;}
.catalog-search-bar .catalog-filters {height: 48px;}
.catalog-search-bar .catalog-filters > .medium-3 {width: calc(100% - (2 * 300px));}
.catalog-search-bar .catalog-filters > .medium-7 {width: 300px;}
.catalog-search-bar .catalog-filters > .medium-2 {width: 300px;}
.catalog-search-bar .catalog-filters > .medium-10 {width: calc(100% - 300px);}
@media only screen and (max-width: 1600px) {
    .catalog-search-bar .catalog-filters > .medium-3 {width: 40%;}
    .catalog-search-bar .catalog-filters > .medium-7 {width: 30%;}
    .catalog-search-bar .catalog-filters > .medium-2 {width: 30%;}
    .catalog-search-bar .catalog-filters > .medium-10 {width: 70%;}
}

.catalog-search-bar .catalog-filters > .medium-7 .columns.catalog-content-type {width: 100%;}
.catalog-search-bar .columns.catalog-content-type, .catalog-filters .catalog-filters__sort {position: relative;}
.catalog-search-bar .columns.catalog-content-type::before, .catalog-filters .catalog-filters__sort::before {content: '\f107'; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; right: 4px; transform: translateY(-50%); font-weight: 900; z-index: 0;}
.catalog-search-bar .columns.catalog-content-type::before {right: 4px;}
.catalog-filters .catalog-filters__sort::before {right: calc(4px + 1rem);}
.catalog-filters select {background: none; position: relative; z-index: 1; outline: 0;}
@media only screen and (max-width: 769px) {
    .catalog-search-bar .catalog-filters .medium-3, .catalog-search-bar .catalog-filters .medium-7, .catalog-search-bar .catalog-filters .medium-2 {width: 100%; background: #f3f3f3;}
    .catalog-search-bar .catalog-content-type {margin: 0;}
}
.catalog-active-filter__remove:hover {color: #767676; }

/* For Recently Viewed and Featured Content*/
.learn.dashboard .dgRecentlyViewed, .learn.dashboard .dgFeaturedContent{padding: 0 10% 40px;} /*This is the width of the grey background */
.dgRecentlyViewed .widget__alt-title__container h3, .dgFeaturedContent .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 20px;}
.dgRecentlyViewed .catalog-grid-item__title, .dgFeaturedContent .catalog-grid-item__title{font-size: 16px; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 400; color: #292F2C;}
.dgRecentlyViewed .catalog-grid-item__source, .dgFeaturedContent .catalog-grid-item__source {color: #292F2C; font-family: 'Plus Jakarta Sans'; font-size: 12px;}
.dgRecentlyViewed .featured-content-item__authors, .dgFeaturedContent .featured-content-item__authors {color: #292F2C; font-family: 'Plus Jakarta Sans'; font-size: 12px;}
.dgRecentlyViewed .catalog-grid-item .catalog-grid-item__cta-container .btn--primary, .dgFeaturedContent .catalog-grid-item .catalog-grid-item__cta-container .btn--primary  { float: none; background: #D5312E !important; border-color: #D5312E; color: #fff; padding: 8px 12px !important; font-family: 'Plus Jakarta Sans';}
.dgRecentlyViewed .catalog-grid-item .catalog-grid-item__cta-container .btn--primary:hover, .dgFeaturedContent .catalog-grid-item .catalog-grid-item__cta-container .btn--primary:hover {background: #F87474 !important;}
.dgRecentlyViewed .catalog-grid-item .catalog-grid-item__body, .dgFeaturedContent .catalog-grid-item .catalog-grid-item__body {text-align: center;}
.dgRecentlyViewed .catalog-grid-item, .dgFeaturedContent .catalog-grid-item{background: #fff; border: 0; box-shadow: 0 0 8px rgba(0,0,0,.1);}
.dgRecentlyViewed .catalog-grid-item .catalog-grid-item__hr, .dgFeaturedContent .catalog-grid-item .catalog-grid-item__hr{border: 0;}

.dgRecentlyViewed > .row, .dgFeaturedContent  > .row { padding: 20px 32px; border: 1px solid #efefef; background: #f9f9f9; margin: 0;}
.dgRecentlyViewed > .row > .columns, .dgFeaturedContent > .row > .columns {padding: 0;}
.dgRecentlyViewed .hr__accent, .dgFeaturedContent .hr__accent {display: none;}

.dgFeaturedContent .catalog-item__queue-button {display: none;}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgRecentlyViewed, .learn.dashboard .dgFeaturedContent {padding: 0 5% 40px;}
}

.dgPanoBanner.pnova .hero .hero__caption .hero__title, .dgPanoBannerWide.pnova .hero .hero__caption .hero__title,
.dgAnnounceSingleCol.pnova .widget__alt-title__container h3,
.dgPanoAboutBlock.pnova li.about-block__container .about-block__text h3,
.dgPanoActivity.pnova .dashboard-access__header,
.pnova .widget--discussion-board .widget__alt-title__container h3,
.widget--credly.pnova .dashboard-badges-container h3,
.dgCatalogWithCC.pnova .widget__alt-title__container h3, .dgRecentlyViewed.pnova h3, .dgFeaturedContent.pnova h3,
.dgCatalogWithCC.pnova .catalog-item .catalog-grid-item__title,
.dgFeaturedCarousel.pnova .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title,
.dgFeaturedCarousel.pnova .widget__title,
.dgCatalogWithCC.pnova .catalog-list-item__title {font-family: Plus Jakarta Sans, sans-serif !important;}




/* Added by Catherine Lauzon */

/* Force main container to be taller so that the footer isn't floating halfway up the page */
.home__content{min-height:90vh;}

/* Catalog, Featured, Recently viewed items*/
/*Box shadow effect */
.catalog-item, .featured-content-multi-carousel-item {
  position: relative;
  transition: box-shadow ease 0.5s, transform ease 0.5s;
}
.catalog-item:hover, .featured-content-multi-carousel-item:hover {
    box-shadow: 4px 4px 18px 2px rgba(0,0,0,.2);
}
.lpFeaturedContent > .featured-content-multi-carousel-item {
    background: #ffffff;
}

/* CTA button styling for catalog, featured, recently viewed items*/
.lpFeaturedContent .catalog-item .catalog-grid-item__cta-container .btn--right, .dgCatalogWithCC .catalog-item .catalog-grid-item__cta-container .btn--right, .dgCatalogGrid .catalog-item .catalog-grid-item__cta-container .btn--right, .dgFeaturedContent .catalog-item .catalog-grid-item__cta-container .btn--right { float: right; background: #D5312E !important; border-color: #D5312E; color: #fff; padding: 8px 12px !important; font-family: 'Plus Jakarta Sans';}

.lpFeaturedContent .catalog-item .catalog-grid-item__cta-container .btn--right:hover, .lpFeaturedContent  .catalog-item .catalog-grid-item__cta-container .btn--right:focus, .dgCatalogWithCC .catalog-item .catalog-grid-item__cta-container .btn--right:hover, .dgCatalogWithCC .catalog-item .catalog-grid-item__cta-container .btn--right:focus, .dgCatalogGrid .catalog-item .catalog-grid-item__cta-container .btn--right:hover, .dgCatalogGrid .catalog-item .catalog-grid-item__cta-container .btn--right:focus, .dgFeaturedContent .catalog-item .catalog-grid-item__cta-container .btn--right:hover, .dgFeaturedContent  .catalog-item .catalog-grid-item__cta-container .btn--right:focus {background: #F87474 !important;}



/*** COURSE FRAME ***/
/* Hide catalog button and email form on course frame when not logged in*/
.course a[href="/catalog"]{ display: none; }
/*.course .email-capture{display:none;}*/


/* Change course title link hover state to Diligent red */
a.course-title:hover {color: #D3222A;}

/* Change sidebar section title hover state to red */
a.ember-view.w-full.py-5.px-8.block.active:link {color: #000000; } 
a.ember-view.w-full.py-5.px-8.block.active:visited {color: #000000; } 
a.ember-view.w-full.py-5.px-8.block.active:hover {color: #D3222A; } 

/* Course content - hide retake survey button */
.btn.retake-survey {display:none }

/* Custom colors for Test Results graph */
/* Bars */
.results__chart-bars .chart-bar.chart-bar--total {
 background-color: #00D3F3 !important;}
.results__chart-bars .chart-bar.chart-bar--answered {
  background-color: #0B4CCE !important;}
.results__chart-bars .chart-bar.chart-bar--correct {
  background-color: #00EF71 !important;}
.results__chart-bars .chart-bar.chart-bar--incorrect {
  background-color: #C247FA !important;}

/* Legend */
.results__question-labels .label-circle.label-circle--total {
  background-color: #00D3F3 !important;}
.results__question-labels .label-circle.label-circle--answered {
  background-color: #0B4CCE !important;}
.results__question-labels .label-circle.label-circle--correct {
  background-color: #00EF71 !important;}
.results__question-labels .label-circle.label-circle--incorrect {
  background-color: #C247FA !important;}

/* Define course content styles */ 
.learner__content {font-family: "Plus Jakarta Sans", sans-serif !important;}
/*.topic__container h1 {font-size: 36px;}
.topic__container h2 {font-size: 30px;}
.topic__container h3 {font-size: 24px;}
.topic__container h4 {font-size: 18px;}
.topic__container p {font-size: 16px;}

.results__title{font-size: 14px;}
.results__question-time, .results__question-time i{font-size: 30px;}

.quiz__container--assessment .choices__list li.choice--multiple, .quiz__container--learner .choices__list li.choice--multiple {font-size: 16px;}*/ 


/* QUIZ PAGE */
/* Hide border for correct/incorrect choices */
.quiz__container--assessment .choices__list li.choice--selected.choice--selected, .quiz__container--assessment .choices__list li.choice--selected.choice--selected:hover, .quiz__container--learner .choices__list li.choice--selected.choice--selected, .quiz__container--learner .choices__list li.choice--selected.choice--selected:hover, .quiz__container .choices__list li:hover {border: 2px solid black;}

.quiz__container--assessment .choices__list li.choice--selected.choice--selected--true, .quiz__container--assessment .choices__list li.choice--selected.choice--selected--true:hover, .quiz__container--learner .choices__list li.choice--selected.choice--selected--true, .quiz__container--learner .choices__list li.choice--selected.choice--selected--true:hover,.quiz__container--quiz .choices__list.choices__list--selected li.choice--selected.choice--selected--true:hover {border: 2px solid black;}

.quiz__container--assessment .choices__list li.choice--selected.choice--checking.choice--selected--true, .quiz__container--assessment .choices__list li.choice--selected.choice--checking.choice--selected--true:hover, .quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true, .quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true:hover
{border: 2px solid black;}

/* Hide labels for correct/incorrect choices */
.quiz__container--assessment .choice__review, .quiz__container--learner .choice__review {display:none}

.quiz__container--assessment .choices__list li.choice--selected.choice--checking.choice--selected--true, .quiz__container--assessment .choices__list li.choice--selected.choice--checking.choice--selected--true:hover, .quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true, .quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true:hover
{border: 2px solid black;}


/*** ARTICLE ***/
/* Hide rating and custom fields*/
.article-sidebar__rating {display:none }
.article-sidebar__custom-fields {display:none }



/** DETAIL PAGES **/

/* Hide course image on detail page */
.course__detail__content .course__detail__asset img {
    display:none;
}
.course__detail__content h4{
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-weight: 600;
    color: #656565; 
    margin-top:18px;
    margin-bottom:8px;
}

/* Related courses panel - change hover color to Diligent red*/
.course__related a{
    color: #656565; 
}
.course__related a:hover{
    color: #D3222A; 
}
.course__related__title{
    font-size: 14px;
}

/* Single column course and exam detail page sidebar panel */
.courseDetailList, .courseDetailPanel{
    border: 1px solid #e9e9e9;
    color: #656565;
}
.layout__content--sidebar .widget--one-column.courseDetailList{
    padding: 1rem;
    margin-top: 0.5em;
}
.courseDetailList p{
    margin: 2px;
    line-height: 1.75;
}
.layout__content--sidebar .widget--one-column.courseDetailPanel{
    padding: 1rem;
    margin-top: 1rem;
}


/*** COURSE DETAIL PAGE ***/
/* Hide email form when not signed in 
.course__detail__sidebar .email-capture  {display:none;}*/

/* Hide sign in block if not signed in - there's a sign in button up top to use instead 
.course__detail__sidebar .course__detail__enrolled {display: none;}*/


/* Align course/learning path detail page with header and footer margins */
.course__detail__container{font-family:'Plus Jakarta Sans'; padding-left:7.25%; padding-right:7.4%;}

/* Add space below selector and above price */
.enroll__buy select:not(.url-manager .new-form-label .form__input__container) {
    margin-bottom: 16px;}

/* Update tab font */
.tabs .tab-title>a {font-family:'Plus Jakarta Sans';}

/* Turn off option to gift a course */
.widget--course-purchase .btn--secondary{display:none;}



/*** LEARNING PATH DETAIL PAGE ***/
/* Turn off option to gift a learning path */
.widget--learning-path-purchase .enroll__secondary-actions {display:none;}


/*** LEARNING PATH  ***/
/* Diligent Institute LP hero text formatting */
.lpHeroBlackText h1,.lpHeroBlackText h4 ,.lpHeroBlackText a i,.lpHeroBlackText a span, .lpHeroBlackText .text-white{ color: #292F2C !important;}
.lpHeroBlackText div.text-white{ margin-top:30px; margin-right: 200px;}

@media only screen and (max-width: 1260px) {
    .lpHeroBlackText div.text-white {margin-right: 100px;}
}


/* Progress bar Current milestone */
.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
 background: #00D3F3;}

/* Progress bar non-selected milestone */
.learning-path-progress-bar-item__index {
 background: #6F7377;}

/* Progress bar completed milestone */
.learning-path-progress-bar-item--completed .learning-path-progress-bar-item__index {
 background: #00EF71;}

/* Learning path required ribbon */
.learning-path-milestone__badge--required  { background: #2F6307 !important;}

/* Learning path milestone progress text */
.learning-path-criterion:nth-of-type(1n) {color:  #2F6307 !important;}

/* Learning path elective ribbon */
.learning-path-milestone__badge--elective { background: #0B4CCE !important;}

/* Remove overlay gradient from LP hero image by default */
.learning-content-hero__overlay {background: none !important; }
/* Original setting below for gray overlay
.learning-content-hero__overlay {background-image: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.7))}*/

/* Add overlay gradient to LP hero image*/
.learning-path-hero-short .learning-content-hero .learning-content-hero__overlay{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .5))) !important;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .7)) !important;
}

/* Learning path short hero settings - max 1 line description*/
.learning-path-hero-short .learning-content-hero {
    max-height: 275px;
    overflow: hidden;
}



/* LP Featured Content */
.lpFeaturedContent {padding: 0 10% 40px;}
.lpFeaturedContent .row {margin: 0;}
.lpFeaturedContent > .row {padding: 20px 32px; border: 1px solid #efefef; background: #f9f9f9;}
.lpFeaturedContent > .row .column {padding: 0;}
.lpFeaturedContent .widget__title {text-align: left; font-family: 'Plus Jakarta Sans' !important; font-size: 24px; font-weight: 400; color: #292F2C;}
.lpFeaturedContent .catalog-grid-item img {padding: 0;}
.lpFeaturedContent .catalog-grid-item {border: 0; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1);}
.lpFeaturedContent .catalog-grid-item__body {padding: 20px; text-align: left; font-family: 'Plus Jakarta Sans';}
.lpFeaturedContent .catalog-grid-item .catalog-grid-item__title {text-align: left; font-size: 16px; font-family: 'Plus Jakarta Sans' !important; font-weight: 400; color: #292F2C;}
.lpFeaturedContent .catalog-grid-item .catalog-grid-item__description {padding: 0; font-size: 14px; font-weight: 300; font-family: 'Plus Jakarta Sans';}

@media only screen and (max-width: 1260px) {
    .lpFeaturedContent {padding: 0 5% 40px;}
}
@media only screen and (max-width: 769px) {
    .lpFeaturedContent .widget__title {font-size: 22px;}
    .lpFeaturedContent .catalog-grid-item .catalog-grid-item__title {font-size: 20px;}
    .lpFeaturedContent catalog-grid-item .catalog-grid-item__description {font-size: 14px;}
}
/*box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);*/
/*
.lpFeaturedContent .catalog-grid-item::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;  
  box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  transition: opacity ease 0.5s;
}
.lpFeaturedContent .catalog-grid-item:hover{
  transform: translateY(-2px);}

.lpFeaturedContent .catalog-grid-item:hover::after{
  opacity: 1;
}*/



/* Header title and description to appear above widgets instead of using built in widget title (e.g. Featured Content) */
.widgetHeaderBlock{
    padding-bottom: 0 !important;  }
.widgetHeaderBlock h3 {
    font-size: 24px;   }
.widgetHeaderBlock .hr__accent {display: none;}

.featuredCarouselNoTitle > .featured-content-block-grid > li {
   padding: 1.25rem .625rem !important;
}
.featuredCarouselNoTitle .featured-content-multi-carousel .featured-content-block-grid > li {padding: 1.25rem 0.625rem !important;}


/* LP CTA block RIGHT CTA  */

.lpAnnounceRightCTA .hr__accent {display: none;}
.lpAnnounceRightCTA > .h3 { font-weight: 600;}
.lpAnnounceRightCTA > .ember-view > .ember-view {display: inline-block; width: calc(100% - 200px - 4px); vertical-align: middle;}
.lpAnnounceRightCTA > .ember-view > .row {display: inline-block; width: calc(100% - 200px - 4px - 20px); vertical-align: middle; margin-right:30px;}
.lpAnnounceRightCTA > .ember-view > .widget__cta {display: inline-block; width: calc(200px - 4px); vertical-align: middle; padding: 0;}

.lpAnnounceRightCTA .widget__cta .btn {display: block; background: #d3222a; color: #fff; border: 0; padding: 16px 32px; margin: 0; font-family: 'Plus Jakarta Sans';}
.lpAnnounceRightCTA .widget__cta .btn:hover, .lpAnnounceRightCTA  .widget__cta .btn:focus {background: #F87474;}

.lpAnnounceRightCTAShort {padding:3em !important;}
.lpAnnounceRightCTAShort > .ember-view > .ember-view, .lpAnnounceRightCTAShort > .ember-view > .row { width: calc(100% - 200px - 4px - 20px - 80px) !important; margin-right:40px !important;}
.lpAnnounceRightCTAShort .widget__alt-title__container h3 {font-weight: 600 !important;}
@media only screen and (max-width: 1260px) {
   .lpAnnounceRightCTA .widget__alt-title__container h3 {font-size: 28px; margin-bottom: 8px;}
   .lpAnnounceRightCTA > .ember-view > .ember-view, .lpAnnounceRightCTA > .ember-view > .row {width: 100% !important;}
}
@media only screen and (max-width: 769px) {
    .lpAnnounceRightCTA > .ember-view > .ember-view, .lpAnnounceRightCTA > .ember-view > .row {width: 100% !important; margin-bottom: 12px;}
    .lpAnnounceRightCTA .widget__alt-title__container h3 {font-size: 22px;}
    .lpAnnounceRightCTA .widget__alt-title__container p {font-size: 14px;}
}


.lpSingleColWhatsNext{
    background: #f2f2f2;    
}
.lpSingleColWhatsNext> div {
    width: 85%;
    margin: auto;
}
.lpSingleColWhatsNext h3 {
    font-size: 28px;
}
.lpSingleColWhatsNext p{
    font-size: 18px;
}


.lpAnnounceRightCTA h3, .lpAnnounceBottomCTA h3 {
    font-size: 24px;   }

/* LP CTA block BOTTOM CTA */
.lpAnnounceBottomCTA > .ember-view > .widget__cta {display: inline-block; width: calc(200px - 4px); vertical-align: middle; padding: 0;}
.lpAnnounceBottomCTA .widget__cta .btn {display: block; background: #d3222a; color: #fff; border: 0; padding: 16px 32px; margin: 0; font-family: 'Plus Jakarta Sans';}
.lpAnnounceBottomCTA .widget__cta .btn:hover, .lpAnnounceRightCTA  .widget__cta .btn:focus {background: #F87474;}


/*** LEARNER DASHBOARD ***/

/*** ACTIVITY WIDGET ***/
/* Hide the collapse/expand icon */
.dgPanoActivity .btn.btn--link.btn--inherit-font.button-expander {display:none;}

.dgPanoActivity .dashboard-access-list-item__description{font-size: 13px;}

/* Shift course desciption to align with title */
.dgPanoActivity .dashboard-access-list-item-expansion {padding-left: 30px;}

/* Badges tab - widen space for content title so it doesn't wrap under the icon*/ 
.dgPanoActivity .col-span-4 {
    grid-column: span 5 / span 4; white-space: nowrap; }
.dgPanoActivity .dashboard-access-list-item-expander__title {white-space: normal;}
.dgPanoActivity .dashboard-access-list-item-expander__img > img {padding-right:5px;}

/* My Learning Tab - widen space for content title */
.dgPanoActivity .btn.btn--link.btn--inherit-font.dashboard-access-list-item-expander > .dashboard-access-list-item-expander__title {width: 100%;}

a.learning-path-detail-milestone-item__cta {display:none;}


/*** ANNOUNCEMENT Wide Text Wrap ***/
.learn.dashboard .dgAnnounceSingleColWide {padding: 40px 10%; background: #f2f2f2;}
.dgAnnounceSingleColWide .hr__accent {display: none;}
.dgAnnounceSingleColWide > .ember-view > .ember-view {display: inline-block; width: calc(100% - 200px - 4px); vertical-align: middle;}
.dgAnnounceSingleColWide > .ember-view > .row {display: none;}
.dgAnnounceSingleColWide > .ember-view > .widget__cta {display: inline-block; width: calc(200px - 4px); vertical-align: middle; padding: 0;}
.dgAnnounceSingleColWide .widget__cta .btn {display: block; background: #D5312E; color: #fff; border: 0; padding: 16px 32px; margin: 0; font-family: 'Plus Jakarta Sans';}
.dgAnnounceSingleColWide .widget__cta .btn:hover, .dgAnnounceSingleColWide .widget__cta .btn:focus {background: #F87474;}
.dgAnnounceSingleColWide .widget__alt-title__container {max-width: 750px;}
.dgAnnounceSingleColWide .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 12px;}
.dgAnnounceSingleColWide .widget__alt-title__container p {font-size: 16px; font-weight: 300; color: #292F2C; margin: 0; font-family: 'Plus Jakarta Sans';}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgAnnounceSingleColWide {padding: 40px 5%;}
    .dgAnnounceSingleColWide .widget__alt-title__container h3 {font-size: 24px; margin-bottom: 8px;}
}
@media only screen and (max-width: 769px) {
    .dgAnnounceSingleColWide > .ember-view > .ember-view {width: 100%; margin-bottom: 12px;}
    .dgAnnounceSingleColWide .widget__alt-title__container h3 {font-size: 22px;}
    .dgAnnounceSingleColWide .widget__alt-title__container p {font-size: 14px;}
}



/*** ANNOUNCEMENT Wide Text Wrap using Body instead of Subtitle***/
.learn.dashboard .dgAnnounceSingleColBody {padding: 40px 10%; background: #f2f2f2;}
.dgAnnounceSingleColBody .hr__accent {display: none;}
.dgAnnounceSingleColBody > .ember-view > .ember-view {display: inline-block; width: calc(100% - 200px - 4px); vertical-align: middle;}
 .dgAnnounceSingleColBody > .ember-view > .row {display: inline-block; width: calc(100% - 200px - 4px - 50px); vertical-align: middle; margin-right: 50px;}
 /*{display: none;}  This is the body text*/ 
.dgAnnounceSingleColBody > .ember-view > .widget__cta {display: inline-block; width: calc(200px - 4px); vertical-align: middle; padding: 0;}
.dgAnnounceSingleColBody .widget__cta .btn {display: block; background: #D5312E; color: #fff; border: 0; padding: 16px 32px; margin: 0; font-family: 'Plus Jakarta Sans';}
.dgAnnounceSingleColBody .widget__cta .btn:hover, .dgAnnounceSingleColBody .widget__cta .btn:focus {background: #F87474;}
.dgAnnounceSingleColBody .widget__alt-title__container {max-width: 800px;}
.dgAnnounceSingleColBody .widget__alt-title__container h3 {font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px; font-weight: 400; color: #292F2C; margin-bottom: 12px;}
.dgAnnounceSingleColBody .widget__alt-title__container p {font-size: 16px; font-weight: 300; color: #292F2C; margin: 0; font-family: 'Plus Jakarta Sans';}
.dgAnnounceSingleColBody > .ember-view > .row  p {font-size: 18px; font-weight: 300; color: #292F2C; margin: 0; font-family: 'Plus Jakarta Sans';}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .dgAnnounceSingleColWide {padding: 40px 5%;}
    .dgAnnounceSingleColBody .widget__alt-title__container h3 {font-size: 24px; margin-bottom: 8px;}
}
@media only screen and (max-width: 769px) {
    .dgAnnounceSingleColBody > .ember-view > .ember-view {width: 100%; margin-bottom: 12px;}
    .dgAnnounceSingleColBody .widget__alt-title__container h3 {font-size: 22px;}
    .dgAnnounceSingleColBody > .ember-view > .row  p {font-size: 14px;margin-right: 40px;}
}

/*** ANNOUNCEMENT Wide Text Wrap using Body instead of Subtitle with RED header and pronounced body text ***/
.dgAnnounceSingleColBodyRed h3 {color: #D5312E !important; font-weight: 600 !important;
}

.dgAnnounceSingleColBodyRed p {font-weight: 400 !important;}


/*** DILIGENT INSTITUTE DASHBOARD ***/


/* Title for DI Catalog About Blocks */
.learn.dashboard .diPanoAboutBlocksHead {padding: 40px 10% 0;}
.diPanoAboutBlocksHead .widget__title { font-size: 24px; font-family: 'Plus Jakarta Sans', sans-serif !important; color: #292F2C; text-align: left; border-color: #d9d9d9;}
.layout__content .diPanoAboutBlocksHead {padding: 0 10%; background: #F8F8F8;}

/*** CATALOG ABOUT BLOCKS ***/
/* DI Catalog About Block  */
.learn.dashboard .diPanoAboutBlocks {padding: 20px 10% 40px;}
.diPanoAboutBlocks li.about-block__container .about-block__text h3
{font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 20px; font-weight: 400; color: #292F2C; text-transform: none;}
.diPanoAboutBlocks li.about-block__container .about-block__text {font-family: 'Plus Jakarta Sans';}
.diPanoAboutBlocks li.about-block__container .about-block__text p {font-size: 18px; font-weight: 300; color: #292F2C;}

/* CTAs for each block */
.diPanoAboutBlocks li.about-block__container:first-of-type .about-block__text::after {content: 'Learn More >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocks li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'Learn More >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocks li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'Learn More >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocks li.about-block__container .about-block__text:hover::after {color: #D3222A;}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .diPanoAboutBlocks {padding: 0 5%;}
    .layout__content .diPanoAboutBlocksHead {padding: 20px 5% 10px; }
    .diPanoAboutBlocksHead .widget__title {font-size: 24px;}
    .diPanoAboutBlocks li.about-block__container .about-block__text h3 {font-size: 16px;}
    .diPanoAboutBlocks li.about-block__container .about-block__text p {font-size: 12px;}
    .layout__content .diPanoAboutBlocks {padding: 10px 10% 20px;}
}
@media only screen and (max-width: 769px) {
    .diPanoAboutBlocks li.about-block__container .about-block__text h3 {font-size: 20px; margin-bottom: 12px;}
    .diPanoAboutBlocks li.about-block__container .about-block__text p, .diPanoAboutBlocks li.about-block__container .about-block__text::after {font-size: 14px;}
}

/*** THOUGHT LEADERSHIP ABOUT BLOCKS ***/
/* DI Thought Leadership About Block  */
.learn.dashboard .diPanoAboutBlocksTL {padding: 20px 10% 40px;}
.diPanoAboutBlocksTL li.about-block__container .about-block__text h3
{font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 20px; font-weight: 400; color: #292F2C; text-transform: none;}
.diPanoAboutBlocksTL li.about-block__container .about-block__text {font-family: 'Plus Jakarta Sans';}
.diPanoAboutBlocksTL li.about-block__container .about-block__text p {font-size: 18px; font-weight: 300; color: #292F2C;}

/* CTAs for each block */
.diPanoAboutBlocksTL li.about-block__container:first-of-type .about-block__text::after {content: 'View >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocksTL li.about-block__container:nth-of-type(2) .about-block__text::after {content: 'View >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocksTL li.about-block__container:nth-of-type(3) .about-block__text::after {content: 'View >'; display: block; text-align: center; font-weight: 600; font-size: 18px; color: #292F2C;}

.diPanoAboutBlocksTL li.about-block__container .about-block__text:hover::after {color: #D3222A;}

@media only screen and (max-width: 1260px) {
    .learn.dashboard .diPanoAboutBlocksTL {padding: 0 5%;}
    .diPanoAboutBlocksTL li.about-block__container .about-block__text h3 {font-size: 16px;}
    .diPanoAboutBlocksTL li.about-block__container .about-block__text p {font-size: 12px;}
    .layout__content .diPanoAboutBlocksTL {padding: 10px 10% 20px;}
}
@media only screen and (max-width: 769px) {
    .diPanoAboutBlocks li.about-block__container .about-block__text h3 {font-size: 20px; margin-bottom: 12px;}
    .diPanoAboutBlocksTL li.about-block__container .about-block__text p, .diPanoAboutBlocksTL li.about-block__container .about-block__text::after {font-size: 14px;}
}


/** CUSTOM PAGES **/

.home__content .widget.widget--hr{padding: 0 10%;}

/* Main site dashboard message styling */
.mainErrorMessage{
    margin-top: 30px;
    margin-bottom:100px;
}

/* Header and body text styles for custom pages */
.layout__content .customPageHeader, .layout__content .customPageHeaderCentered {
    padding: 20px 10% 10px;
    color: #656565; 
}

.customPageHeader .h2.widget__title {
    font-family: 'Plus Jakarta Sans';     
    font-size: 34px; 
    margin-top:.75em; 
    margin-bottom: .75em; 
    vertical-align: middle; 
    text-align:left; 
}

.customPageHeaderCentered .h2.widget__title {
    font-family: 'Plus Jakarta Sans';     
    font-size: 34px; 
    margin-top:.75em; 
    margin-bottom: .75em; 
    vertical-align: middle; 
    text-align:center; 
}

.layout__content .customPageSubheader, .layout__content .customPageSubheaderCentered {
    padding: 20px 10% 10px;
    color: #656565; 
    
}    
.customPageSubheader .h2.widget__title {
    font-family: 'Plus Jakarta Sans';     
    font-size: 28px; 
    margin-top:.25em; 
    margin-bottom: .25em; 
    vertical-align: middle; 
    text-align:left; }    

.customPageSubheaderCentered .h2.widget__title {
    font-family: 'Plus Jakarta Sans';     
    font-size: 28px; 
    margin-top:.25em; 
    margin-bottom: .25em; 
    vertical-align: middle; 
    text-align:center; }        

.layout__content .customPageSingleCol, .layout__content .customPageTwoCol {
    padding:15px 10% 20px;
    color: #656565; 
}

/* Custom page contact us block styling */
.layout__content .contact-block {
    margin:15px 10% 20px;
    color: #656565 !important; 
}


/* Note, tip, warning, important blocks with colored left borders */
div.note, div.tip, div.caution, div.important {
	margin: .25em 0em;
	padding: .2em .5em .25em .75em;
	border: 0;
}
.note p{
    margin-bottom: .2em;
    margin-top:.05em;
}

div.note {
	border-left: solid 0.5em #6790CC;
}
div.tip{
	border-left: solid 0.5em #3E8914;
}
div.caution{
	border-left: solid 0.5em #D64933;
}
div.important{
	border-left: solid 0.5em #EAA14B;
}


/* Custom Page Catalog with no filter and no categories */
.layout__content .pageCatalogNoCC {padding: 0 10% 40px;}

.pageCatalogNoCC .catalog-filters .catalog-filters__search {width:70%;}
.pageCatalogNoCC .catalog-filters .catalog-filters__sort {width:30%;}
.pageCatalogNoCC .catalog-search-bar { margin-bottom: 2rem;
}

.pageCatalogNoCC .row .row .medium-3.columns { display:none; }
.pageCatalogNoCC .row .row .medium-9.columns.js-results-holder {float: none; width:100%;}
.pageCatalogNoCC .pagination { display:none; }


/* Custom Page Catalog with filter and categories */
.layout__content .pageCatalogWithCC {padding: 0 10% 40px; }
/*.pageCatalogWithCC .catalog-filters .catalog-filters__selections .catalog-active-filters {position: relative;  top:inherit;}*/


/* Table formatting  for custom pages */ 
.pageTable th{
	vertical-align: middle;
	background-color: #e6e6e6;
    font-size: 17px;

}
.pageTable td{
    font-size: 15px;
}

/* START Cards UI */
div.cards-wrapper{ 
  width: 100%;
  text-align: center;
} 

div.cards {
  display: inline-block;
  margin: 0 auto;
  padding: 3px;
}

/* Card style */
div.card-one, div.card-two, div.card-three, div.card-four, div.card-last{
	display: block;
	float: none;
	width: 30rem;
	min-height: 15rem;
	margin: 40px 0;
}

/* Ensures content in cards is not displayed as a link */
div.card-one a, div.card-two a, div.card-three a, div.card-four a, div.card-last a
{
	color: #292F2C; 
	text-decoration: none;
}

/* Card header properties */
div.card-header{
	height: 3.5rem;
	width: 21rem;
	/*border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;*/
	background-color: #d3222a;
    font-family: 'Plus Jakarta Sans', sans-serif !important; 
    font-size: 28px; 
    font-weight: 500; 
    color: #292F2C; 
    text-transform: none;
}

/* Hover card properties */
div.card-one:hover, div.card-two:hover, div.card-three:hover, div.card-four:hover, div.card-last:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	cursor: pointer;
}




/* Cards 1-4 properties */
div.card-one, div.card-two, div.card-three, div.card-four{
	min-height: 21rem;
	max-width: 21rem;
	float: left;
	/*border-radius: 0.5rem;*/
	margin-left: 0;
	margin-right: 4rem;
	margin-bottom: 5rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	transition: all 0.1s ease-in-out;
    background: #f2f2f2;

}
    /* Two cards only */
    div.card-one.two-cards {margin-right: 8rem;}

div.card-last{
	min-height: 21rem;
	max-width: 21rem;
	float: left;
	/*border-radius: 0.5rem;*/
	margin-left: 0;
	margin-right: 0rem;
	margin-bottom: 5rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	transition: all 0.1s ease-in-out;
    background: #f2f2f2;

}

div.card-content{
	padding: 1rem;
	text-align: left;
	margin-top: 5px;
}

div.card-content p {
	margin-left: 0 !important;
	margin-top: 0px;
	margin-bottom: -15px;
	text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 18px; 
    font-weight: 300; 
    color: #292F2C;
}
/* END Cards UI */



/*** START styles for tabbed UI ***/
.layout__content .widget--html{padding:10px 10% 20px;}

div.tabbed-wrapper {
  display: flex;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  box-sizing: border-box;
  width:100%;
  padding: 10px 0 40px;
}
@media (min-width: 500px) {
  .tabbed-wrapper {padding: 5px 0 20px;}
}

.tabbed-wrapper h2 {
  margin: 20px 0 10px;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 24px;
}
.tabbed-wrapper p {
  padding: 0;
  line-height: 1.5;
}
.tabbed-wrapper p + ul, .tabbed-wrapper ul + li { 
    margin-top: -10px;
}

.tabbed-wrapper a {color: #D5312E;}
.tabbed-wrapper a:hover {color: #F87474;}

.tabbed {
  display: flex;
  flex-wrap: wrap;
  width:100%;
  background: #e5e5e5;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
}
.tabbedInput {
  position: absolute;
  opacity: 0;
}
.tabbedLabel {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}
.tabbedLabel:hover {
  background: #d8d8d8;
}
.tabbedLabel:active {
  background: #ccc;
}
.tabbedInput:focus + .tabbedLabel {
  z-index: 1;
}
.tabbedInput:checked + .tabbedLabel {
  background: #fff;
  color: #000;
}
@media (min-width: 600px) {
  .tabbedLabel {
    width:auto;
  }
}
.tabbedPanel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
  width:100%;
}
@media (min-width: 600px) {
  .tabbedPanel {
    order: 99;
  }
}
.tabbedInput:checked + .tabbedLabel + .tabbedPanel {
  display: block;
}
/*** END styles for the tabbed UI ***/


/*** START styles for Which Courses page ***/
.track {
    display:grid;
    row-gap: 1em;
    background-color: rgb(40, 46, 55);
    border-radius: 0.25rem;
    padding: 1.5em;
}

.track > h1{
    font-size: 24px;
    color: white;
}

.trackCourse{
    display:grid;
    background-color: white;
    border-radius: 0.25rem;
    padding: 1.25em;
}

.trackCourseHeader, .trackLPName{
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
    align-items: center;
    text-align: left;    
	font-size: 18px;
    font-weight: 700;
}
.trackCourseName{ 
    display: flex;
    color: #292F2C;
}

.trackSeparator{ 
    display: flex;
    color: #D3222A;
    padding: 0 0.55em;
}

.trackCourseCPE{
    display: flex;  
    color: #D3222A;
}
.trackCourseDescription{
    align-content: center;  
    justify-items: start;
    color: #292F2C;
    padding: 0.5em 0;
}

.trackCourseOutline{
    padding: 0;
}

.trackCourseOutline > i{
    padding-left: .25em;
}

.trackCourseOutline > a{
    color: #D3222A;
    font-weight: 500;
}
.trackCourseOutline > a:hover{
    color: #921A1D;
}


.trackLP{
    display:grid;
    row-gap: 1em;
    background-color: white;
    border-radius: 0.25rem;
    padding: 1.25em;
}

.trackLPDescription{
    align-items: center;
    text-align: left;
}

.trackLP > .trackCourse {
    background-color: #DADADA;
    padding: 1.05em;
}

.trackLP > .trackCourse > .trackCourseHeader {
	font-size: 16px;
}



/*** END styles for Which Courses page ***/

/******* VIDEO CAOURSEL BANNER *******/
    .video-carousel .editor-content ol li, .editor-content ul li {
        margin-bottom: var(--space-none);
    }

    .video__carousel {
        position: relative;
        height: 600px;
        width: 100%;
    }

    .video__carousel .carousel__track-container {
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .video__carousel .carousel__track {
        list-style: none;
        padding: var(--space-none);
        margin: var(--space-none);
        position: relative;
        height: 100%;
        transition: transform 250ms ease-in;
    }

    .video__carousel .carousel__slide {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background-color: var(--dark-constant);
    }

    .video__carousel .img-fluid {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.6;
    }

    .video__carousel .carousel__slide img {
        width: 100%;
        object-fit: cover;
        opacity: 0.6;
    }

    .video__carousel .carousel__slide .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .video__carousel .carousel__slide .text h1, .video__carousel .carousel__slide .text p {
        color: var(--text-inverse);
    }

    .video__carousel .carousel__slide .button-group {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: var(--space-sm);
    }

    .video__carousel .carousel__button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: var(--space-sm);
        background-color: var(--dark-constant-50);
        border: none;
        z-index: 2;
    }

    .video__carousel .carousel__button em {
        font-size: var(--text-3xl);
        color: var(--ui-quaternary);
    }

    .video__carousel .carousel__button--left {
        left: 40px;
    }

    .video__carousel .carousel__button--right {
        right: 40px;
    }

    .video__carousel .carousel__nav {
        display: flex;
        justify-content: center;
        gap: var(--space-xs);
        position: absolute;
        z-index: 3;
        bottom: var(--space-base);
        width: 100%;
    }

    .video__carousel .carousel__nav .indicator {
        width: 40px;
        height: 4px;
        background-color: var(--light-constant);
        opacity: 0.2;
        cursor: pointer;
    }

    .video__carousel .carousel__nav .indicator.current-slide {
        opacity: 1;
    }

    .is-hidden {
        opacity: 0;
    }
    
/******* END VIDEO CAOURSEL BANNER *******/


/* Hide enroll panel on course page for non-logged in users */
/* Temp solution until TI sends JS */
div.learner__content > div.layout-panel > div.ember-view.section > div.row div.ember-view > div.ember-view > div.medium-4.medium-push-1.end.columns > div.panel {display:none; }


/* To display the current year in the footer */
.currentYearNum{
    visibility: hidden;
}
.currentYearNum::before {
    content: "2025";
    visibility: visible;
} 

/****************** START DIL CSS V2 - TI CHAMELEON STANDARD *****************/

/********************************************************/
/***************** START CHAMELEON V.01 *****************/
/********************************************************/

/******* DECLARING ROOT VARIABLES START *******/
:root {
    /**** DILIGENT ROOT VARIABLES ****/
    /*BRAND COLORS*/
        --brand-1: #EE312E;
        --brand-2: #D3222A;
        --brand-3: #AF292E;
        --brand-4: #921A1D;
        --brand-5: #5F091D;

        --neutral-1: #F3F3F3;
        --neutral-2: #DADADA;
        --neutral-3: #A0A2A5;
        --neutral-4: #6F7377;
        --neutral-5: #282E37;
        
        --white: #FFFFFF;
        --black: #000000;

        /* Only use for charts, graphs, tables, and data visualizations */
        /* Blue = safe, Purple = warning*/
        /* Light (1) = highest/lowest, Dark (3) = mid */
        --secondary-blue-1: #00D3F3; /* best */
        --secondary-blue-2: #0086FA;
        --secondary-blue-3: #0B4CCE;
        --secondary-purple-3: #642FCF;
        --secondary-purple-2: #8B4BFA;
        --secondary-purple-1: #C247FA; /* worst */       

        
        /* For heat maps, traffic lights, warnings, errors, etc */
        --utility-red: #EE312E;
        --utility-orange: #FD6E16;
        --utility-yellow: #FFEC00;
        --utility-green: #31C920;
        --utility-blue: #0B4CCE;
    
    /* CHART COLORS */
        --total: var(--secondary-blue-1);
        --correct: var(--utility-green);
        --incorrect: var(--secondary-purple-1);
        --answered: var(--secondary-blue-3);
   
    /* FONT FAMILY */
        --font-family-body: "Plus Jakarta Sans", ui-sans-serif, Roboto, Arial,sans-serif;
        --font-family-headings: "Plus Jakarta Sans", ui-sans-serif, Roboto, Arial, sans-serif; 

    /* LEADING */
        --leading-header: 1.4;
        --leading-body: 1.15;      

    /**** CHAMELEON ROOT VARIABLES ****/
    /* UI */
        --ui-primary: var(--brand-2);
        --ui-secondary: var(--neutral-5);
        --ui-tertiary: #CBCBCB; /* should this be --neutral-2 or --neutral-3?*/
        --ui-quaternary: var(--white);
        --ui-disabled: var(--neutral-4);
        --ui-error: var(--utility-red);
        --ui-warning: var(--utility-orange);
        --ui-success: var(--utility-green);
    
    /*BORDER*/
        --border-100: #E5E7EB;
        --border-200: #D1D5DB;
        --border-disabled: #E4E4E7;
        --accessibility_focus: #2ED0E1;
    
    /*SURFACE*/
        --surface-100: #FFFFFF;
        --surface-200: #F5F5F5;
        --surface-disabled: #E4E4E7;
        --bg-default: #F3F4F6;
    
    /*CONSTANTS--these should never change*/
        --light-constant: #FFFFFF;
        --dark-constant: #18242E;
    
    /*TEXT*/
        --text-primary: #292F2C;
        --text-secondary: #6B7280;
        --text-disabled: #737373;
        --text-inverse: #FFFFFF;    
    
    /*FONT WEIGHT*/
        --light-weight: 300;
        --default-weight: 400;       
        --medium-weight: 500;
        --semibold-weight: 600;
        --bold-weight: 700;
    
    /*FONT SIZE*/
        --text-sm: 0.875rem;
        --text-base: 1rem; 
        --text-lg: 1.125rem;
        --text-xl: 1.25rem;
        --text-2xl: 1.5rem;
        --text-3xl: 1.875rem;
        --text-4xl: 2rem;
        --text-5xl: 3rem;
        --text-6xl: 4rem;
    
    /*RADIUS*/
        --rounded-none: 0px;
        --rounded-sm:4px;
        --rounded: 8px;
        --rounded-lg: 12px;
        --rounded-2xl: 16px;
        --rounded-3xl: 24px;
        --rounded-full: 999px;
    
        /*Feel free to switch out the variable value to any of the above*/
        --rounded-default: var(--rounded-lg);
    
    
    /*SHADOWS*/
        --shadow-color: 220deg 5% 58%;
        --shadow-elevation-low:
            0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
            0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.36),
            1px 2.1px 2.6px -2.5px hsl(var(--shadow-color) / 0.36);
        --shadow-elevation-medium:
            0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
            0.8px 1.7px 2.1px -0.8px hsl(var(--shadow-color) / 0.38),
            2.1px 4.2px 5.3px -1.7px hsl(var(--shadow-color) / 0.38),
            5.1px 10.3px 12.9px -2.5px hsl(var(--shadow-color) / 0.38);
        --shadow-elevation-high:
            0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.35),
            1.5px 3px 3.8px -0.4px hsl(var(--shadow-color) / 0.35),
            2.8px 5.7px 7.1px -0.7px hsl(var(--shadow-color) / 0.35),
            4.7px 9.4px 11.8px -1.1px hsl(var(--shadow-color) / 0.35),
            7.5px 15px 18.9px -1.4px hsl(var(--shadow-color) / 0.35),
            11.7px 23.4px 29.4px -1.8px hsl(var(--shadow-color) / 0.35),
            17.8px 35.6px 44.8px -2.1px hsl(var(--shadow-color) / 0.35),
            26.3px 52.5px 66.1px -2.5px hsl(var(--shadow-color) / 0.35);
    
    /*SPACING*/
        --space-none: 0;
        --space-xxs: 0.25rem;
        --space-xs: 0.5rem;
        --space-sm: 0.75rem;
        --space-base: 1rem;
        --space-med: 1.25rem;
        --space-lg: 1.5rem;
        --space-xl: 2rem;
        --space-2xl: 3rem;
        --space-3xl: 4rem;
        --space-4xl: 5rem;
        --space-5xl: 6rem;
        --space-6xl: 7rem;
    
    /*SET WIDTH--for fixing an element's width to the current selected breakpoint. Adjust accordingly for different screen sizes*/
        --set-width-xs: 420px;
        --set-width-sm: 640px;
        --set-width-md: 768px;
        --set-width-lg: 1024px;
        --set-width-xl: 1280px;
        --set-width-2xl: 1536px;
        --set-width-max: 100%;
    
        /*Feel free to switch out the variable value to any of the above*/
        --set-width: var(--set-width-xl);
    }
 
/******* DECLARING ROOT VARIABLES END *******/


/******* CHAMELEON CLASSES START *******/

    /* TODO - Add standard classes here */

/******** CHAMELEON CLASSES END ********/

/******************************************************/
/***************** END CHAMELEON V.01 *****************/
/******************************************************/


/* START DIL ACCORDION STYLE */
.dil-accordion-wrapper {
    display: flex; 
    justify-content: center;
    color: var(--text-primary);
    margin: var(--space-none);
    padding: var(--space-none) var(--space-base);
}

/* Core styles/functionality */
.dil-accordion-item {
    position: relative;
    border-bottom: 1px solid var(--border-200);    
}
.dil-accordion-item:first-of-type > .dil-accordion-item__label{
    padding: 0 1rem 1rem 1rem; 
}
.dil-accordion-item:last-of-type{
    border-bottom:none;
}
.dil-accordion-item input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.dil-accordion-item__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s;
}
.dil-accordion-item input:checked ~ .dil-accordion-item__content {
    max-height: 50rem;
}

/* Visual styles */
.dil-accordion {
    overflow: hidden;
    width:75%;
}
.dil-accordion-item__label,
.dil-accordion-item__close {
    display: flex;
    cursor: pointer;
  /*color: black;*/
}
.dil-accordion-item__label {
    font-size: var(--text-lg);    
    justify-content: left;
    padding: var(--space-base);
    transition: color 0.25s ease-in-out;

}
.dil-accordion-item__label:hover{
    color:var(--brand-2);
}
.dil-accordion-item__label::before {
    font-family: FontAwesome;
    content: "\f055";;
    width: 1em;
    height: 1em;
    text-align: center;
    margin-right: 0.5em;
    transition: all 0.35s;
    color:var(--brand-2);
}

.dil-accordion-item input:checked + .dil-accordion-item__label::before {
    content: "\f056";
}
.dil-accordion-item__content p {
    margin: 0 0 0 0.5em;    
    padding: var(--space-xs) var(--space-base);
    font-size: var(--text-base);
}
.dil-accordion-item__content p:first-child{
    padding-top: var(--space-none);
}
.dil-accordion-item__content p:last-of-type{
    padding-bottom: var(--space-lg);
}
.dil-accordion-item__close {
    justify-content: flex-end;
    padding: var(--space-xs) var(--space-base);
    font-size: 0.75rem;
}

/* END DIL ACCORDION STYLE */


/******* START OS CARDS STYLING *******/
/*tios-Cards*/
.equal-cards .row, .equal-cards .row .columns  {
    display: flex;
}

.learn.dashboard .equal-cards {padding: 0px 10% 40px;}

.widget--padding-top-lg{
    padding-top: 60px !important;
}

/*Make everything full-width in mobile*/
@media screen and (max-width: 768px) {
  .equal-cards .row {
    display: flex;
    gap: 1em;
    flex-direction: column;
  } 
} 

.tios-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    font-family: "Plus Jakarta Sans" !important;
}
@media only screen and (min-width: 1024px) {
    .tios-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }
}

.tios-container .tios-card {
    background-color: #f9f9f9/*var(--surface-100)*/;
    transition: 0.3s all ease-in-out;
    position: relative;
    font-family: "Plus Jakarta Sans" !important;
    /*box-shadow: var(--shadow-elevation-low);*/
    /*margin-bottom: 2rem;*/
    width: 100%;
    height: auto;
    border-radius: var(--rounded-default);
    -webkit-border-radius: var(--rounded-default);
    -moz-border-radius: var(--rounded-default);
}

.tios-container .tios-card:hover {
    /*background: var(--link-color) 100%; */
    box-shadow: 4px 4px 12px 2px rgba(0, 0, 0, .2);
    transition: 0.3s all ease-out;
}

.tios-container .tios-card:hover .icon, .tios-container .tios-card:hover .title, .tios-container .tios-card:hover .desc, .tios-container .tios-card:hover i, .tios-container .tios-card:hover em {
    color: var(--light-constant);
    transition: 0.3s all ease-in;    
}

.tios-container .tios-card .cardContent {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    text-align: left;
    padding: 24px;
    font-family: "Plus Jakarta Sans" !important;
}

.tios-container .tios-card .cardContent img {
    min-height: 70px;
    max-height: 90px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
    border: 0;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.tios-container .tios-card .cardContent .title {
    font-size: 1.3em;
    color: var(--text-primary);
    font-weight: var(--medium-weight);
    margin: 0px;
    font-family: "Plus Jakarta Sans" !important;

}
.tios-container .tios-card .cardContent .desc {
    color: var(--text-primary);
    font-size: 1em;
    line-height: 24px;
    padding: 8px 0px;
    margin: 0;
    font-family: "Plus Jakarta Sans" !important;
}

.tios-container .tios-card a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tios-container .tios-card:hover button, .tios-container .tios-cardCentered:hover button {
    color: #d3222a; 
    transition: 0.2s all ease-in;
}

.tios-container .tios-card .cardContent button, .tios-container .tios-card .cardContentCentered button{
    font-weight: var(--semibold-weight);
    font-size: 1.15em;
}
.tios-container .tios-card .cardContentCentered{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 24px;
    font-family: "Plus Jakarta Sans" !important;

}
.tios-container .tios-card .cardContentCentered img {
    min-height: 70px;
    max-height: 90px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
    border: 0;
    overflow-clip-margin: content-box;
    overflow: clip;
}
.tios-container .tios-card .cardContent .centeredImg{
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tios-container .tios-card .cardContentCentered .title {
    font-size: 1.3em;
    color: var(--text-primary);
    font-weight: var(--medium-weight);
    margin: 0px;
    font-family: "Plus Jakarta Sans" !important;

}
.tios-container .tios-card .cardContentCentered .desc {
    color: var(--text-primary);
    font-size: 1em;
    line-height: 24px;
    padding: 8px 0px;
    margin: 0;
    font-family: "Plus Jakarta Sans" !important;
}

/******* END OS CARDS STYLING *******/