:root {
--font: Assistant;
--alt-font: Assistant;
--accent-color: #261144;
--secondary-color: #845ba3;
--link-color: #050505;
--accent-highlight-color: #261144;
--accent-highlight-background-color: #e8ddf7;
--accent-tinted-color-70: #beb8c7;
--accent-tinted-color-80: #d4cfda;
--accent-tinted-color-90: #e9e7ec;
--accent-contrast-color: #fff;
--accent-contrast-tinted-background-color: #b3b3b3;
--accent-hover-color: #3d1b6d;
--secondary-hover-color: #9d7bb6;
--secondary-contrast-color: #fff;
--link-hover-color: #383838;
}
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/v8y2zn2yz1io-Stacked-Full-Color.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@font-face {
font-family: 'Muli';
font-weight: 400;
font-style: normal;
src: url(https://datasoc2019stg.wpengine.com/wp-content/fonts/fe82d4bebb545cd0d8c9683e258e961c.woff);
}
@font-face {
font-family: 'Muli';
font-weight: 200;
font-style: light;
src: url(https://datasoc2019stg.wpengine.com/wp-content/fonts/397a56821c43e85da7725a53cd51ec9b.woff);
}
@font-face {
font-family: 'Muli';
font-weight: 800;
font-style: bold;
src: url(https://datasoc2019stg.wpengine.com/wp-content/fonts/862632cab65e320043b5b84c87fb5865.woff);
}
@font-face {
font-family: 'Gilroy';
font-weight: 400;
font-style: normal;
src: url(https://datasoc2019stg.wpengine.com/wp-content/fonts/00d5a78493aed4b11e2584ad7cceee49.woff);
}
h1,h2,h3,h4,h5,h6,h2 span.ct-span{font-family: 'Gilroy', Helvetica, Arial, Sans-Serif !important;}
html, body, div, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, a
{font-family: Muli, Helvetica, Arial, Sans-Serif;}
/* Assistant and Material Icons fonts are added in Settings > Connections > Tracking Scripts */
:root {
/* DSG theme */
/* --dark-purple: #31316D;
--azure-blue: #0095FF;
--deep-yellow: #F6BA15;
--denim-blue: #0069B4;
--light-blue: #E3F5FF;
--orange: #FF350F;
--light-tan: #FCFAF2;
--light-gray: #9AA5AE; */
/* DataSociety theme */
--violet: #261144;
--scarlet: #ff350f;
--windsor: #422B72;
--platinum: #E2E2E2;
--wild-sand:#F4F4F4;
--crayon-purple: #845BA3;
--alabaster: #F9FBFB;
}
body {
/* background-color: var(--light-tan); */
background-color: #fff;
}
.container {
background: transparent;
box-shadow: none;
}
.hide {
display: none !important;
}
.h-14.md_h-16.bg-accent{
background-color: var(--violet);
}
.vertical-flex {
display: flex;
flex-direction: column;
gap: 40px;
}
.horizontal-flex {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.lightBlue-background {
background-color: var(--wild-sand);
}
.how-it-works-section .vertical-flex{
max-width: 1240px;
margin: 0 auto;
}
.how-it-works-section h2 {
color: var(--crayon-purple);
font-size: 3rem;
font-weight: 300;
margin-bottom: 0px;
}
.padded-container {
padding: 24px 76px;
}
.widget--hero-image_standard .hero {
height: 70vh;
}
.widget--hero-image_standard .hero::before {
content: "";
position: absolute;
offset: 0;
width: 100%;
height: 100%;
/* background-color: rgba(0, 149, 255, .85); */
}
.widget--hero-image_standard .hero .hero__caption {
width: 70%;
left: 35px;
}
@media screen and (max-width: 850px) {
.widget--hero-image_standard .hero .hero__caption {
width: 90%;
left: 35px;
}
}
.hero .hero__caption span.h4 {
display: block;
}
.hero-section.home-hero .hero .hero__caption a.btn.btn--primary {
color: #fff;
background-color: var(--deep-yellow);
border: 1px solid var(--deep-yellow);
font-size: 18px;
font-weight: 700;
font-family: 'Assistant';
margin-top: 15px;
}
.home__content {
padding: 0;
}
/* HEADER STYLES */
.header .company__beta-logo .company-logo__container img {
max-height: 70px;
src: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_lfill,h_150,dpr_2.0/v1/course-uploads/3c69c5c6-bb8d-4055-91bd-ab9f85b5df1d/kib6yh87zzh1-DSG_Learning.png);
}
.header--microsite {
/* background-color: var(--accent-color); */
background-color: #fff;
padding: 20px;
border-bottom: 1px solid #f4f4f4;
}
/* Removes default cart button */
#cart-button {
display: none !important;
}
/* Removes default sign-in link for manager */
a[href="/learn/manager"].ember-view {
display: none;
}
/* Removes default sign-in link for learner */
.nav.nav--top {
display: none;
}
.header__inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
max-width: 1240px;
margin: auto;
}
.header__inner:after{
display: none;
}
.left {
background-color: var(--accent-color);
}
.top-bar-section ul {
display: inline-flex;
gap: 10px;
}
.top-bar-section > ul{
background-color: #fff;
}
.top-bar {
border-top: none;
}
.top-bar-section {
color: white;
border: none;
/* background-color: var(--accent-color); */
}
.top-bar-section:hover {
color: white;
border: none;
background-color: var(--accent-color);
}
.top-bar li {
color: white;
border: none;
background-color: var(--accent-color);
}
.top-bar li:hover {
color: white;
border: none;
background-color: var(--accent-color);
}
.top-bar-section ul {
flex-wrap: wrap;
}
.top-bar-section ul li>a {
color: var(--violet);
font-size: 18px;
border: none;
text-transform: uppercase;
background-color: #fff !important;
}
.top-bar-section ul li {
background: none;
border: none;
background-color: #fff;
padding: 0;
}
/* Style last three menu items in the header */
/* .top-bar-section ul li[data-bindattr-2136="2136"] a, */
.top-bar-section ul li:nth-child(15) a {
background-color: var(--scarlet) !important;
padding: 0 16px !important;
margin-left: 8px;
color: #fff;
font-weight: 700;
border-radius: 40px;
}
.top-bar-section ul li:nth-child(15) a:hover{
color: #fff !important;
box-shadow: 0px 10px 20px rgba(0,0,0,0.21);
}
/* Style last three menu items in the header */
/* .top-bar-section ul li[data-bindattr-2132="2132"] a, */
/* .top-bar-section ul li[data-bindattr-2128="2128"] a, */
/* .top-bar-section ul li:nth-child(15) a, */
.top-bar-section ul li:nth-child(12) a {
color: var(--scarlet);
}
.top-bar-section ul li:nth-child(15) a {
display: flex;
gap: 4px;
}
/* Link was removed - css adds arrow to specified link*/
/* .top-bar-section ul li[data-bindattr-2132="2132"] a::after,
.top-bar-section ul li:nth-child(15) a:after{
font-family: "Material Icons";
content: "arrow_forward";
} */
.top-bar-section ul li:hover {
background: none;
background-color: #fff;
}
.top-bar-section ul li:hover a {
background: none;
background-color: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background-color: #fff;
border: none;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
color: var(--scarlet);
background-color: var(--accent-color);
background: transparent;
}
li:hover:not(.has-form)>a {
background-color: none;
background: none;
}
/* .top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: var(--dark-purple);
} */
.top-bar-section li:not(.has-form) a:not(.button):focus {
background-color: var(--accent-color);
}
/*******************/
.home-hero .hero__caption::before {
content: 'Data Society Learning';
position: absolute;
top: -120px;
font-size: 64px;
color: #fff;
font-weight: 300;
font-family: 'Assistant';
left: 0;
}
.home-hero a.btn.btn--primary {
color: var(--violet);
background-color: var(--scarlet);
border-color: var(--scarlet);
margin-top: 15px;
font-size: 18px;
font-weight: 700;
}
.home-hero-section,
.inner-hero-section {
height: 35vh;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/unin79rdete4-999ba3dca6c80ade56b8b3b20b32e3a8_purple.jpeg);
background-size: cover;
position: relative;
padding: 0 35px !important;
min-height: 650px;
}
.home-hero-section{
height: 45vh;
padding: 0 35px !important;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,w_800/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/kdittrq1po5a-hero-home.png);
min-height: 650px;
}
/* .home-hero-section > div.ember-view, */
.inner-hero-section > div.ember-view{
position: relative;
max-width: 1240px;
margin: 0 auto;
height: 35vh;
min-height: 650px;
}
.inner-hero-section > div.ember-view > .row {
position: absolute;
max-width: 960px;
right: 0;
bottom: 4vw;
}
.home-hero-section > div.ember-view{
max-width: 1240px;
margin: 0 auto;
position: relative;
height: 45vh;
min-height: 650px;
}
.home-hero-section > div.ember-view > .row{
max-width: 960px;
position: absolute;
right: auto;
bottom: 3vw;
}
.home-hero-section .hero-content .hero-box,
.inner-hero-section .hero-content .hero-box {
background-color: var(--alabaster);
padding: 25px;
border-radius: 24px;
}
.home-hero-section .hero-content .hero-box p,
.inner-hero-section .hero-content .hero-box p{
font-size: 18px;
font-weight: 300;
}
.home-hero-section .hero-content .hero-box h2,
.inner-hero-section .hero-content .hero-box h2{
font-size: 2.3rem;
font-weight: 500;
}
.home-hero-section .hero-content .hero-box a.button,
.inner-hero-section .hero-content .hero-box a.button{
display: inline-block;
}
.home-hero-section .hero-content h1 ,
.inner-hero-section .hero-content h1 {
font-size: 4rem;
color: #fff;
}
.home-hero-section .hero-content .hero-box p
.inner-hero-section .hero-content .hero-box p {
font-size: 18px;
font-weight: 300;
color: var(--violet);
}
.home-hero-section .hero-content .hero-box a.button.yellow,
.inner-hero-section .hero-content .hero-box a.button.yellow {
margin-top: 15px;
display: inline-block;
}
.custom-section h2.section-title{
font-size: 3rem;
color: var(--violet);
font-weight: 300;
text-transform: capitalize;
}
.custom-section.two-blocks {
display: flex;
max-width: 1240px;
margin: 35px auto;
gap: 25px;
}
.custom-section.two-blocks h2{
color: #261144;
/* font-weight: 300; */
font-size: 36px;
font-family: 'Gilroy';
}
.custom-section.two-blocks .block {
background-color: var(--wild-sand);
padding: 35px 35px 100px 35px;
border-radius: 24px;
position: relative;
width: 50%;
}
.custom-section.two-blocks .block .button-wrapper {
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
}
.custom-section.two-blocks .block .button-wrapper a{
border-radius: 40px;
}
.custom-section.two-blocks .block .button-wrapper a:hover{
box-shadow: 0px 10px 20px rgba(0,0,0,0.21);
}
a#explore-learning-paths-link {
font-size: 22px;
color: var(--scarlet);
font-weight: bold;
position: relative;
padding-right: 28px;
}
a#explore-learning-paths-link:hover {
text-decoration: underline;
}
a#explore-learning-paths-link::after {
font-family: Material Icons;
content: "arrow_forward";
text-decoration: none;
position: absolute;
right: 0;
}
/** CTA CERT **/
.cta-certifications{
padding: 1rem 0 !important;
background-color: var(--wild-sand);
border-radius: 24px;
}
.cta-certifications>.ember-view {
/* background-color: #fff; */
padding: 25px;
}
.cta-certifications .row .medium-6.columns:first-child {
width: 150px;
}
.cta-certifications .row .medium-6.columns:nth-child(2) {
width: calc(100% - 150px);
}
.cta-certifications .row .medium-6.columns:nth-child(2) h2 {
font-size: 3rem;
font-weight: 300;
color: var(--crayon-purple);
margin: 0;
}
/*******************/
/*** Light Blue Blurbs ***/
.custom-section {
max-width: 1240px;
padding: 1rem 0 !important;
}
.custom-section h3.widget__title {
font-size: 3rem;
font-weight: 300;
color: var(--crayon-purple);
margin-bottom: 10px;
}
.custom-section p.widget__subtitle {
color: #000;
font-size: 18px;
font-weight: 300;
}
.lp-highlight {
display: flex;
width: 100%;
gap: 25px;
}
.blurb-lightblue {
background-color: var(--wild-sand);
padding: 35px 35px 80px 35px;
color: var(--windsor);
font-size: 18px;
margin-bottom: 25px;
position: relative;
border-radius: 24px;
}
.blurb-lightblue p, .blurb-lightblue ul li {
font-size: 18px !important;
font-family: 'Assistant' !important;
font-weight: 300;
}
.blurb-lightblue img {
max-width: 150px;
width: 100%;
}
.blurb-lightblue h3 {
color: var(--violet);
font-size: 18px;
}
.blurb-lightblue ul {
padding: 0;
}
.blurb-lightblue a.button {
display: inline-block;
margin: 15px 0;
color: #fff;
background-color: var(--scarlet);
border-radius: 40px;
padding: 5px 15px;
font-size: 16px;
font-weight: 500;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
}
.blurb-lightblue a.button:hover {
color: #fff !important;
}
.blurb-lightblue.w-tag::before {
content: "For Developers";
position: absolute;
top: 15px;
left: 0;
color: #fff;
background-color: var(--scarlet);
padding: 0px 10px;
font-size: 15px;
border-radius: 0 15px 15px 0;
}
.blurb-lightblue.w-tag.developer::before {
content: "For Developers";
}
.blurb-lightblue.w-tag.executive::before {
content: "For Executives";
}
.blurb-lightblue.w-tag.manager::before {
content: "For Managers";
}
.blurb-lightblue.w-tag.new::before {
content: "NEW";
}
/*******************/
/* Dark Blue Blurbs */
.blurb-darkblue {
background-color: var(--accent-color);
padding: 40px;
color: #FFF;
width: 31.333%;
}
.blurb-darkblue h3 {
color: var(--crayon-purple);
}
.blurb-darkblue ul {
margin: 0;
padding-left: 15px;
}
.blurb-darkblue li {
color: #8DCEFC;
}
/*******************/
/*** CTA Contact Us ***/
.cta-contact {
background-color: var(--windsor);
padding: 45px 25px !important;
}
.cta-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 32px;
}
.cta-container p {
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 2;
padding: 0;
margin: 0;
}
a.button.yellow {
background-color: var(--scarlet);
color: #fff;
font-size: 18px;
padding: 15px 25px;
font-weight: 700;
border-radius: 40px;
}
a.button.scarlet {
background-color: var(--scarlet);
color: #fff;
font-size: 18px;
padding: 15px 25px;
font-weight: 700;
border-radius: 40px;
}
a.button{
box-shadow: 0 0 0 0 rgba(0,0,0,0.21);
transition: box-shadow 0.3s ease-in-out;
}
a.button:hover{
color: #fff !important;
box-shadow: 0px 10px 20px rgba(0,0,0,0.21);
}
/********************/
/* About DS */
.about-ds-section {
background-color: var(--wild-sand);
padding: 45px 25px !important;
}
.about-ds-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 40px;
}
.about-ds-container .image {
width: 250px;
}
.about-ds-container .image img{
border-radius: 100vmax;
}
.about-ds-container .text {
width: calc(100% - 250px);
}
.about-ds-container h2 {
font-size: 48px;
font-weight: 300;
line-height: 0.7;
color: var(--violet);
margin-bottom: 25px;
}
.about-ds-container p {
font-size: 18px;
font-weight: 300;
margin-bottom: 15px;
}
a.button.dark-blue {
background-color: var(--scarlet);
color: #fff !important;
padding: .5em 1em;
display: inline-block;
border-radius: 40px;
}
/****************/
/**Learning Paths**/
.learning-paths-section {
width: 100%;
max-width: 1240px;
}
.learning-paths-section h3.widget__title {
font-size: 48px;
font-weight: 300;
color: var(--crayon-purple);
}
.learning-paths-section .featured-content-article-item {
background-color: var(--wild-sand);
padding: 25px;
}
.learning-paths-section .featured-content-article-item > .row{
align-items: center;
}
.learning-paths-section .featured-content-article-item .row>.column:first-child {
width: 150px;
}
.learning-paths-section .featured-content-article-item .row>.column:first-child img {
width: 150px;
border-radius: 100vmax;
overflow: hidden;
padding: 0;
}
.learning-paths-section .featured-content-article-item .row>.column:nth-child(2) {
width: calc(100% - 150px);
}
.learning-paths-section .featured-content-article-item .row>.column:nth-child(2) p.featured-content-article-item__title {
color: var(--crayon-purple);
font-size: 18px;
font-weight: 700;
font-family: 'Assistant';
margin-top: 0;
}
.learning-paths-section .featured-content-article-item .row>.column:nth-child(2) p.featured-content-article-item__description {
font-size: 18px;
color: #000;
font-family: 'Assistant';
line-height: 1.3em;
margin: 10px 0;
}
.learning-paths-section .featured-content-article-item .row>.column:nth-child(2) p.featured-content-article-item__description::before {
display: none;
}
body.lesson{
background-color: var(--alabaster);
}
body.learn.learning-path h1.text-white.text-xl.font-bold.mb-1.sm_text-5xl {
color: var(--windsor);
padding: 65px 0 30px 65px;
}
body.learn.learning-path div.text-lg.text-white.leading-normal{
color: #000;
margin-left: -25px;
}
body.learn.learning-path .header__inner{
max-width: 1240px;
margin: 0 auto;
}
body.learn.learning-path .header__inner p.company__school-name {
color: var(--windsor);
font-size: 2.5rem;
}
body.learn.learning-path .widget--learning-path-content-hero a.learning-content__back-button{
background-color: var(--scarlet) !important;
color: #fff;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(30, 41, 59, .15);
padding: 0.6rem 1rem;
margin-top: 15px;
}
body.learn.learning-path h1.text-white.text-xl.font-bold.mb-1.sm_text-5xl::before {
content: "";
width: 100px;
height: 100px;
margin-right: 15px;
margin-left: -115px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,w_300/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/1r20t0uvzk6v-LPIcon.png);
display: inline-block;
background-size: cover;
margin-bottom: -15px;
}
body.learn.learning-path h1.text-white.text-xl.font-bold.mb-1.sm_text-5xl::after {
content: "LEARNING PATH";
display: block;
position: absolute;
top: 75px;
left: 115px;
font-weight: 700;
font-size: 18px;
}
/* body.learn.learning-path .learning-path-timeline{
margin-top: 70px !important;
} */
body.learn.learning-path .learning-path-timeline-milestone img {
max-width: 250px;
background-color: #fff;
}
body.learn.learning-path .learning-path-timeline-milestone .learning-path-timeline-milestone-item__horizontal-line {
width: 25%;
}
body.learn.learning-path .learning-path-timeline-milestone__header {
background-color: var(--wild-sand);
}
body.learn.learning-path .learning-path-timeline-milestone__header h3.learning-path-timeline-milestone__title{
color: var(--violet);
}
body.learn.learning-path .learning-path-criterion-badge {
background-color: #FF360F1A;
color: var(--scarlet);
border-radius: 15px;
padding: 10px;
font-size: 1rem;
font-weight: 700;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.learn.learning-path .learning-path-timeline-milestone-items{
background-color: #fff;
}
body.learn.learning-path .learning-path-timeline-milestone-items a.btn.btn--primary{
border-radius: 24px;
}
body.learn.learning-path .learning-path-timeline-milestone__header .learning-path-timeline-milestone__description p{
color: var(--violet);
font-size: 1rem;
line-height: 1.3;
font-family: Muli,Helvetica,Arial,sans-serif;
}
body.learn.learning-path .learning-path-timeline-milestone-items p {
color: var(--violet);
line-height: 1.3;
font-size: 1rem;
font-family: Muli,Helvetica,Arial,sans-serif;
}
body.learn.learning-path .learning-path-criterion-badge .learning-path-criterion-badge__label {
order: 2;
width: 100%;
text-align: center;
}
body.learn.learning-path .learning-content-hero--no-asset {
background: #fff;
max-width: 1240px;
margin: 0 auto;
/* height: 280px; */
}
body.learn.learning-path .learning-content-hero--no-asset .w-full.py-0.px-10.absolute{
position: relative;
}
body.learn.learning-path .learning-content-hero__overlay {
background-image: none !important;
}
body.learn.learning-path .ember-view.row.widget.widget--three-column,
body.learn.learning-path .ember-view.row.widget.widget--one-column{
max-width: 1240px;
margin: 75px auto 35px auto;
background-color: var(--alabaster);
border: 1px solid var(--wild-sand);
border-radius: 24px;
}
body.learn.learning-path .ember-view.row.widget.widget--three-column h1 > strong,
body.learn.learning-path .ember-view.row.widget.widget--one-column h1 > strong{
font-family: 'Gilroy', Helvetica, Arial, Sans-Serif !important;
}
body.learn.learning-path .ember-view.row.widget.widget--three-column h3.h2.widget__title ,
body.learn.learning-path .ember-view.row.widget.widget--one-column h3{
color: var(--crayon-purple);
font-size: 3rem;
font-weight: 300;
}
body.learn.learning-path .ember-view.row.widget.widget--three-column p.widget__subtitle {
background-color: #fff;
color: #000;
font-size: 18px;
padding: 5px;
}
body.learn.learning-path .learning-content__back-button.active{
color: var(--windsor);
}
body.learn.learning-path .ember-view.row.widget.widget--three-column a.btn.btn--primary.btn--centered.btn--large,
body.learn.learning-path .ember-view.row.widget.widget--one-column a.btn.btn--primary.btn--centered.btn--large{
background-color: var(--scarlet);
color: #fff;
border-color: var(--scarlet);
border-radius: 24px;
}
body.learn.learning-path .learning-path-timeline{
max-width: 1240px;
margin: 35px auto;
}
body.learn.learning-path .learning-path-timeline .learning-path-timeline-milestone{
margin: 0;
}
body.learn.learning-path .learning-path-body.learning-path-body--primary{
display: none;
}
/***********/
/* Custom Program Styles */
.program-highlights {
display: flex;
flex-direction: row;
background-color: var(--wild-sand);
padding: 40px;
gap: 20px;
align-items: center;
border-radius: 24px;
}
.program-highlights img {
height: 200px;
width: 200px;
max-width: none;
margin: none;
border-radius: 100vmax;
}
.program-highlights h2 {
font-size: 3rem;
font-weight: 300;
margin-bottom: 20px;
color: var(--windsor);
}
.program-highlights p {
margin-bottom: 0px;
}
.row-reverse {
flex-direction: row-reverse;
}
.heres-how-container h2 {
color: var(--crayon-purple);
}
.heres-how-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
.heres-how-item .hhi-image {
max-width: 170px;
width: 100%;
}
.heres-how-item .hhi-image img {
width: 100%;
}
.heres-how-item .hhi-text {
width: calc(100% - 190px);
}
.heres-how-item .hhi-text h3{
color: var(--windsor);
}
.heres-how-item .hhi-text p {
font-size: 18px;
font-weight: 300;
}
/*******************/
/*** Contact Us ***/
.layout__content--contact-us{
background-color: #f4f8fa;
}
.breadcrumbs {
max-width: 1240px;
width: 100%;
margin: 15px auto;
padding: 0 15px;
display: flex;
color: var(--violet);
}
.breadcrumbs p a {
color: var(--violet) !important;
}
.breadcrumbs span {
margin: 0 10px;
}
.contact-us-header h1.widget__title {
font-size: 48px;
font-weight: 300;
color: var(--crayon-purple);
}
.contact-form-iframe body {
background-color: none;
}
/*****************/
/** Certifications ***/
.certifications-hero {
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,w_800/v1/course-uploads/3c69c5c6-bb8d-4055-91bd-ab9f85b5df1d/4x8dn2v51yct-hero-clear.jpeg);
height: 100%;
background-size: cover;
background-position: center center;
position: relative;
}
.certifications-hero::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(15, 69, 133, .85);
}
.certifications-hero .hero-container {
width: 100%;
max-width: 1190px;
margin: 0 auto;
padding: 60px 0;
display: flex;
justify-content: space-between;
gap: 100px;
}
.certifications-hero .hero-container .left.image {
width: 144px;
background-color: transparent;
}
.certifications-hero .hero-container .left.image img {
width: 100%;
}
.certifications-hero .hero-container .right.text {
width: calc(100% - 144px);
color: #fff;
}
.certifications-hero .hero-container .right.text h1.title {
color: #fff;
font-size: 63px;
font-weight: 300;
font-family: 'Assistant' !important;
margin-bottom: 20px;
line-height: 1;
}
.certifications-hero .hero-container .right.text p.subtitle {
font-size: 48px;
font-weight: 300;
line-height: 1.2;
font-family: 'Assistant' !important;
}
.certifications-verify {
background-color: var(--violet);
}
.certifications-verify .columns {
width: 100%;
max-width: 1190px;
margin: 0 auto;
float: none;
color: #fff;
}
.certifications-verify .columns h2 {
font-size: 48px;
font-weight: 300 !important;
color: #fff;
font-family: 'Assistant' !important;
}
.certifications-verify .columns p {
font-size: 18px;
font-weight: 300;
font-family: 'Assistant' !important;
}
.certifications-verify .columns ul {
margin: 0;
color: #8DCEFC;
font-size: 18px;
font-weight: 300;
font-family: 'Assistant' !important;
}
.cert-badges-section {
width: 1190px;
}
.cert-badges-section h3.widget__title {
font-size: 48px;
font-weight: 300;
line-height: 1.2;
font-family: 'Assistant' !important;
color: var(--violet);
margin-top: 50px;
}
.cert-badges-section .blurb-lightblue h3 {
color: var(--crayon-purple);
font-size: 18px;
}
.cert-badges-section .blurb-lightblue p {
color: var(--violet);
font-size: 18px;
}
/*****************/
/*** Cert Details ***/
.cert-name-container {
width: 100%;
max-width: 1190px;
margin: 25px auto;
display: flex;
gap: 35px;
}
.cert-name-container .cert-image {
width: 100px;
}
.cert-name-container .cert-image.w-tag.new::before {
content: "NEW";
font-size: 14px;
background-color: var(--scarlet);
padding: 2px 10px;
display: inline-block;
position: absolute;
top: 15px;
color: #fff;
font-weight: 700;
}
.cert-name-container .cert-image.w-tag.new img {
width: 100%;
}
.cert-name-container .cert-text {
width: calc(100% - 100px);
}
.cert-name-container .cert-text h1 {
font-size: 64px;
font-weight: 300;
font-family: 'Assistant' !important;
margin-bottom: 15px;
color: var(--violet);
}
.cert-name-container .cert-text p {
font-size: 18px;
font-weight: 300;
}
.checkmark-blurb.darkblue {
background-color: var(--violet);
padding: 45px 25px;
color: #fff;
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
margin-top: 25px;
}
.checkmark-icon {
width: 40px;
}
.checkmark-icon img {
width: 100%;
}
.blurb-text {
width: calc(100% - 40px);
}
.blurb-text p {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
}
.skills-competencies.custom-section {
background-color: var(--wild-sand);
padding: 40px;
}
.skills-competencies.custom-section h3.widget__title {
color: var(--violet);
text-align: left;
}
.skills-competencies.custom-section p.widget__subtitle {
color: var(--violet);
font-weight: 700;
text-align: left;
}
ul.skills-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
justify-content: flex-start;
gap: 16px;
}
ul.skills-list li {
list-style: none;
background-color: var(--platinum);
padding: 7px 12px;
border-radius: 100vmax;
color: #fff;
font-weight: 700;
font-size: 18px;
font-family: 'Assistant';
}
/******************/
/*** Learning Paths Page ***/
.custom-section h1.widget__title {
font-size: 56px;
font-weight: 300;
color: var(--violet);
margin-bottom: 10px;
}
/* .learning-paths-list-section .medium-9.columns{
width: 100% !important;
} */
/* .learning-paths-list-section .catalog-search-bar{
display: none;
} */
.learning-paths-list-section hr.hr__accent{
display: none;
}
/* .learning-paths-list-section .catalog-filters .catalog-filters__search {
display: none;
} */
.learning-paths-list-section .catalog-filters,
.course-list-section .catalog-filters{
display: flex;
flex-wrap: wrap;
}
.learning-paths-list-section .catalog-filters__selections,
.course-list-section .catalog-filters__selections{
order: 2;
border: none;
padding: 0;
width: 100%;
}
.learning-paths-list-section .catalog-filters__sort,
.course-list-section .catalog-filters__sort{
order: 1;
border: none;
padding: 0;
}
.learning-paths-list-section .catalog-filters__selections .catalog-active-filter__remove,
.course-list-section .catalog-filters__selections .catalog-active-filter__remove{
padding: 7px;
background-color: var(--wild-sand);
color: var(--violet);
font-weight: 700;
}
.learning-paths-list-section .catalog-filters{
background-color: transparent;
border: none;
}
.learning-paths-list-section .catalog-filters .catalog-content-type{
max-width: 200px;
width: 100%;
}
.learning-paths-list-section .catalog-filters .catalog-sort,
.learning-paths-list-section .catalog-filters .catalog-filters__select{
background-color: var(--windsor);
color: #fff;
max-width: 200px;
width: 100%;
background-image: url("data:image/svg+xml;utf8,");
background-size: 16px;
background-repeat: no-repeat;
background-position: calc(100% - 15px) 20px;
padding: 15px;
}
.course-title{
color: var(--violet);
}
.learning-paths-list-section .catalog-filters .catalog-filters__search,
.course-list-section .catalog-filters .catalog-filters__search{
width: calc(100% - 210px);
border: 1px solid #cbd6e2;
background-color: #f5f8fa;
height: 47.8px;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search form.catalog-search{
padding: 7px 0;
background-color: #f5f8fa;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search form.catalog-search input{
background-color: #f5f8fa;
}
.learning-paths-list-section .catalog-filters .catalog-sort:hover,
.learning-paths-list-section .catalog-filters .catalog-filters__select:hover{
cursor: pointer;
}
/* .learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns, */
.course-list-section > .ember-view > div.row{
padding: 50px 25px 25px 25px;
}
.learning-paths-list-section .ember-view > div.row{
padding-top: 45px;
}
.course-list-section .ember-view > div.row > .js-results-holder > div.ember-view,
.learning-paths-list-section .ember-view > div.row > .js-results-holder > div.ember-view{
position: absolute;
top: -70px;
right: 20px;
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns,
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns {
max-width: calc(100% - 150px);
padding-left: 150px;
}
.course-list-section .catalog-aggregation, .learning-paths-list-section .catalog-aggregation {
background-color: transparent;
border: none;
padding: 0;
margin-bottom: 15px;
}
.course-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header, .learning-paths-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header{
background-color: var(--windsor) !important;
color: #fff;
padding: 9px !important;
}
.course-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header .catalog-aggregation__header--label:hover, .learning-paths-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header .catalog-aggregation__header--label:hover {
color: #fff;
}
.course-list-section .catalog-aggregation ul, .learning-paths-list-section .catalog-aggregation ul{
background-color: var(--wild-sand);
}
.course-list-section .catalog-aggregation ul li, .learning-paths-list-section .catalog-aggregation ul li {
border-bottom: 1px solid var(--crayon-purple);
}
.course-list-section .catalog-aggregation ul li button.btn.catalog-aggregation__value, .learning-paths-list-section .catalog-aggregation ul li button.btn.catalog-aggregation__value {
color: var(--violet);
font-weight: 600;
font-size: 15px;
}
.course-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header .catalog-aggregation__expander i, .learning-paths-list-section .catalog-aggregation button.btn.btn--link.btn--inherit-font.catalog-aggregation__header .catalog-aggregation__expander i {
color: #fff;
}
.course-list-section .catalog-list-item__body .row .medium-3.columns, .learning-paths-list-section .catalog-list-item__body .row .medium-3.columns {
display: none;
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns,
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns{
max-width: 100%;
width: 100%;
padding-left: 150px;
padding-right: 25px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-3.columns{
display: none;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns{
padding-left: 195px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before,
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before,
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns::before {
content: "";
width: 90px;
height: 90px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_lfill,h_150,dpr_2.0/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/2rl1mmtx9ug4-DSG_Learning.png);
position: absolute;
top: -35px;
left: 20px;
background-size: 85%;
background-repeat: no-repeat;
background-color: var(--violet);
background-position: center;
padding: 5px;
border-radius: 100vmax;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns::before{
width: 150px;
height: 150px;
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before{
/* width: 60px;
height: 60px; */
background-color: var(--denim-blue);
/* top: -25px; */
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .medium-5.columns{
padding-left: 135px;
width: 100%;
}
/* .course-list-section .medium-9.columns .catalog-list-item__body .medium-5.columns{
padding-left: 30px;
} */
.learning-paths-list-section .medium-9.columns .catalog-list-item {
padding: 15px 0 10px 0;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-5.columns {
width: 100%;
padding-left: 150px;
margin-top: -60px;
padding-right: 25px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container,
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container {
padding-left: 150px;
/* padding-top: 20px; */
}
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container .medium-9.columns,
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container{
position: unset;
}
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container{
padding-left: 135px;
}
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container .medium-9.columns{
width: 100%;
}
.catalog-list-item__completed{
position: absolute;
top: 0;
right: 0;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns {
width: 150px !important;
margin-top: -64px !important;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns{
margin-top: -25px !important;
margin-left: 20px;
width: 90px !important;
height: 90px;
overflow: hidden;
border-radius: 100vmax;
position: relative;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns img,
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns img{
height: 100%;
margin: 0;
padding: 0;
max-width: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-5.columns .catalog-list-item__description{
margin-top: -55px;
padding-right: 15px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__cta-container,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__cta-container {
border: none !important;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info {
margin-top: -5px;
display: none;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info strong,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info strong {
font-size: 16px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description {
font-size: 16px;
margin-bottom: 5px;
}
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description > div.indent-list{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: var(--violet);
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description > div.editor-content,
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container .catalog-list-item__title{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.learning-paths-list-section ul.featured-content-block-grid li,
.learning-paths-list-section .catalog-list-item,
.course-list-section .catalog-list-item {
background-color: var(--alabaster);
border: 1px solid var(--wild-sand);
border-radius: 24px;
padding: 0;
}
.course-list-section .catalog-list-item{
padding-top: 15px;
padding-bottom: 15px;
}
.learning-paths-list-section ul.featured-content-block-grid li .catalog-grid-item {
border: none;
}
/* .learning-paths-list-section .column:first-child {
width: 250px;
}
.learning-paths-list-section .column:nth-child(2) {
width: calc(100% - 250px);
} */
.learning-paths-list-section .column:first-child img {
border-radius: 100vmax;
}
.learning-paths-list-section .column:nth-child(2) p.catalog-grid-item__title,
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title,
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title {
font-size: 22px;
font-weight: 700;
color: var(--windsor);
margin-bottom: 0;
}
.learning-paths-list-section .column:nth-child(2) p.catalog-grid-item__description {
font-size: 18px;
}
.learning-paths-list-section .column:nth-child(2) .catalog-grid-item__hr {
display: none;
}
.course__detail__container {
max-width: 2560px;
width: 100%;
margin: 50px auto 0 auto;
}
.course__detail__content {
width: 100% !important;
padding: 0 !important;
}
body.course-group .course__detail__container .course__detail__content {
display: flex;
flex-wrap: wrap;
}
.course__detail__header {
width: 100%;
order: 2;
}
.course__detail__content > .row {
width: 100%;
order: 1;
margin-bottom: -140px;
}
.course__detail__content > .row:last-child{
order: 3;
margin-bottom: 0;
}
body.learning-path .course__detail__asset{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.course__detail__content > .row .course__detail__asset picture.picturefill,
.course__detail__content > .course__detail__asset picture.picturefill{
width: 120px;
position: relative;
height: 120px;
border-radius: 100vmax;
overflow: hidden;
padding: 0;
margin: 0;
}
.course__detail__content > .row .course__detail__asset picture.picturefill img,
.course__detail__content > .course__detail__asset picture.picturefill img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: none;
width: auto;
height: 100%;
}
.course__detail__content > .row ~ .row{
order: 2;
margin-bottom: 0;
}
.course__detail__content .row .column {
padding: 0 !important;
}
.course__detail__container .course__detail__content h1.h2,
.course__detail__container .course__detail__content p,
.course__detail__container .course__detail__content .course__detail__description>p,
ul.learning-path-detail-milestone-list {
max-width: 1200px;
margin: 0 auto 15px auto;
}
/* .course__detail__container .course__detail__content h1.h2::before{
content: "";
width: 120px;
height: 120px;
display: inline-block;
margin-right: 15px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/tj0yyhdxvmlx-AI.png);
background-size: cover;
vertical-align: text-top;
} */
.course__detail__container .course__detail__content h1.h2.no_placeholder::before{
display: none;
}
.course__detail__container .course__detail__content > p {
padding-left: 150px;
/* margin-top: -65px; */
}
.lp-description-blue {
max-width: 1200px;
width: 100%;
margin: 25px auto;
background-color: var(--wild-sand);
border-radius: 24px;
padding: 35px;
}
.lp-description-blue h2{
font-size: 2.5rem;
font-weight: 300;
color: var(--crayon-purple);
margin-bottom: 15px;
}
.lp-description-blue p,
.lp-description-blue ul li{
color: #000;
font-size: 18px;
font-weight: 300;
}
.lp-description-blue ul{
margin: 0;
}
.course__detail__container .course__detail__content .course__detail__description,
.course__detail__container .course__detail__content .course__detail__description .cta-contact {
margin-top: 35px;
}
.course__detail__description .cta-contact {
display: none;
}
.collection__courses .center-ruled-title,
.learning-path-milestone__badge--required {
display: none;
}
.course__detail__sidebar {
display: none;
}
.lp-certification {
display: flex;
align-items: center;
padding: 25px;
background-color: var(--wild-sand);
gap: 25px;
max-width: 1200px;
margin: 0 auto 35px auto;
border-radius: 24px;
}
body.learning-path .course__detail__content .tabs,
body.home.course-group .course__detail__content .tabs{
display: none !important;
}
/* body.home.course-group .course__detail__content .tabs{
display: block !important;
max-width: 1200px;
margin: 0 auto;
} */
body.home.course-group .course__detail__header h1{
color: var(--windsor);
font-size: 4rem;
padding-top: 0;
margin-bottom: 50px;
}
body.home.course-group .course__detail__header p{
color: #000;
font-weight: 300;
font-size: 18px;
padding: 35px;
background-color: var(--wild-sand);
border-radius: 24px;
}
body.home.course-group .course__detail__header p::before{
content: "About This Course";
color: var(--crayon-purple);
font-size: 3rem;
font-family: 'Gilroy', Helvetica, Arial, Sans-Serif !important;
display: block;
margin-bottom: 15px;
}
/* body.home.course-group .course__detail__header h1::before {
content: "";
display: inline-block;
width: 120px;
height: 120px;
margin-right: 25px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/7ra3vn91q4m7-Nvidia.png);
background-size: cover;
vertical-align: middle;
} */
.tabs-content {
margin-bottom: 0 !important;
}
.tabs-content .content {
padding: 0 !important;
}
.lp-details,
.course-details {
display: flex;
max-width: 1200px;
margin: 0 auto 35px auto;
gap: 35px;
}
.lp-details .details-block,
.course-details .details-block {
background-color: var(--wild-sand);
padding: 30px;
width: 50%;
border-radius: 24px;
}
.course-details .details-block h2{
font-size: 3rem;
color: var(--violet);
font-weight: 300;
}
.course-details .details-block ul li{
font-size: 18px;
font-weight: 700;
color: var(--violet);
}
.course-details .details-block ul li span{
color: var(--scarlet);
margin-right: 15px;
}
.course-details .details-block{
background-color: var(--wild-sand);
}
.lp-details .details-block h3,
.lp-certification h2{
font-size: 2rem;
color: var(--crayon-purple);
}
.lp-certification h2{
margin-top: 10px;
margin-bottom: 8px;
}
.lp-certification div:first-child {
width: 100px;
}
.lp-certification div:first-child img {
width: 100%;
}
.lp-certification div:nth-child(2) {
width: calc(100% - 150px);
}
ul.lp-details-list,
ul.lp-customization {
padding: 0;
margin-left: 0;
list-style: none;
}
ul.lp-details-list li,
ul.lp-customization li {
display: flex;
align-items: center;
margin-bottom: 15px;
font-weight: bold;
color: var(--violet);
}
ul.lp-customization li {
background-color: var(--windsor);
color: #fff;
padding: 10px;
font-size: 18px;
font-weight: 300;
border-radius: 8px;
}
ul.lp-details-list li span {
color: var(--scarlet);
margin-right: 5px;
}
ul.lp-customization li span {
max-width: 24px;
margin-right: 15px;
font-weight: 700;
font-size: 2rem;
}
.details-block p {
color: var(--violet);
}
/***************************/
/*** Breadcrumbs - Learning Path and Course Detail Pages ***/
.breadcrumbs.detail-page{
left: -5px;
}
.breadcrumbs.detail-page p {
margin: 0 5px 0 5px;
}
.breadcrumbs.detail-page span{
margin: 0;
}
.course__detail__content {
position: relative;
}
.breadcrumbs.detail-page {
position: absolute;
top: -36px;
left: 0;
right: 0;
margin: 0 auto;
}
/* overrides default column styling of relative, which was causing breadcrumbs to appear in incorrect place */
.course__detail__container .column.small-12 {
position: static;
}
/***************************/
/*** Course Catalog Page ***/
.course-list-section{
margin-top: -60px;
}
.course-list-section.custom-section .catalog-search-bar {
width: 80%;
margin: 0 auto 100px auto;
}
.course-list-section.custom-section .catalog-filters{
background: transparent;
border: none;
}
.course-list-section.custom-section .catalog-filters__search.small-12.columns.medium-10 {
border: 1px solid #eee;
}
.course-list-section.custom-section .catalog-filters__search.small-12.columns.medium-10 form.catalog-search,
.course-list-section.custom-section .catalog-filters__search.small-12.columns.medium-10 form.catalog-search input{
background-color: #f5f8fa;
}
.course-list-section.custom-section .catalog-filters__sort{
padding: 0;
background: transparent;
border: none;
}
.course-list-section.custom-section .catalog-filters__sort select.catalog-sort{
background-color: var(--windsor);
padding: 15px;
color: #fff;
background-image: url("data:image/svg+xml;utf8,");
background-size: 14px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) 20px;
}
.course-list-section.custom-section .catalog-search-bar form.catalog-search input{
padding: 15px;
}
@media screen and (max-width: 1200px) {
.course-list-section.custom-section .catalog-search-bar {
width: 100%;
}
}
.course-list-section.custom-section btn.btn--primary.btn--centered.btn--small.btn--no-margin {
padding: 12px 16px;
font-size: 16px;
font-family: 'Assistant'
}
/***************************/
/*** Course details page ***/
.course__detail__content .h2 {
color: var(--violet);
font-size: 3rem;
padding-left: 150px;
padding-top: 15px;
}
ul.learning-path-detail-milestone-list::before{
content: "Courses";
font-size: 3rem;
color: var(--violet);
font-family: 'Gilroy', Helvetica, Arial, Sans-Serif !important;
display: block;
margin-bottom: 15px;
}
ul.learning-path-detail-milestone-list li {
background-color: #fff;
padding: 25px;
margin-bottom: 25px;
border-bottom: 1px solid var(--wild-sand);
}
ul.learning-path-detail-milestone-list li h3 {
color: var(--crayon-purple);
font-weight: 600;
display: none;
}
ul.learning-path-detail-milestone-list li hr {
display: none;
}
ul.learning-path-detail-milestone-list li h4.learning-path-detail-milestone-item__title {
color: var(--crayon-purple);
font-weight: 700;
font-size: 1.1rem;
padding-left: 105px;
margin-bottom: 0;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row:nth-child(2) .small-12.columns {
padding-left: 105px;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row:nth-child(2) .small-12.columns::before {
content: "";
width: 90px;
height: 90px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_lfill,h_150,dpr_2.0/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/2rl1mmtx9ug4-DSG_Learning.png);
position: absolute;
top: -35px;
left: 0;
background-size: 85%;
background-repeat: no-repeat;
background-color: var(--crayon-purple);
background-position: center;
padding: 5px;
border-radius: 100vmax;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-4{
width: 90px;
height: 90px;
position: relative;
overflow: hidden;
border-radius: 100vmax;
margin-top: -35px;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-8{
width: calc(100% - 90px);
padding-left: 15px;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-4 img{
position: absolute;
top: 50%;
left: 50%;
height: 100%;
transform: translate(-50%, -50%);
padding: 0;
max-width: none;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item__content-type {
display: none;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item__content-type strong {
color: #000;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item__description {
font-weight: 300;
font-size: 1rem;
line-height: 1.5;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item__description .ember-view{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--violet);
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row:nth-child(2) .small-12.columns a.btn.btn--link,
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-8 a.btn.btn--link{
background-color: var(--scarlet) !important;
padding: 10px 15px !important;
color: #fff;
margin-top: 10px;
border-radius: 24px;
}
.center-ruled-title {
margin: 50px 0 25px 0;
}
.center-ruled-title span {
background-color: var(--alabaster);
}
.course__detail__asset img {
width: 100%;
}
.course__detail__asset {
max-width: 1200px;
margin: 15px auto;
}
.event-sidebar--tabs.row,
.tabs-content h3.heading--primary {
max-width: 1200px;
margin: 15px auto;
}
/********************************/
/* Existing Clients Styles */
.existing-clients h1 {
font-size: 64px;
font-weight: 300;
margin-bottom: 10px;
color: var(--crayon-purple)
}
.existing-clients h2 {
font-size: 48px;
font-weight: 300;
margin-bottom: 10px;
}
.existing-clients p {
font-size: 18px;
}
.existing-clients-contact {
background-color: var(--wild-sand);
border-radius: 24px;
padding: 40px;
text-align: center;
}
.existing-clients-contact-container {
margin: 0 140px 32px 140px;
}
/* .dsg-login-btn {
display: table;
margin: 0 140px 0 auto;
} */
/********************************/
/** FOOTER STYLES **/
footer.footer,
footer.footer .footer__inner {
padding: 0
}
footer.footer .footer__company__info {
display: none;
}
nav.footer-nav ul li a:hover,
.footer-social a:hover,
.footer-copy a:hover {
color: #00C9FF;
}
nav.footer-nav ul li a:focus {
color: #FFF;
}
/*******************/
/* PANORAMA LANDING PAGE */
/* Hides the default header for the panorama landing page */
.wildcard-handler #learner .header--microsite {
display: none;
}
.wildcard-handler #learner .footer {
display: none;
}
.panorama-header {
height: 110px;
background-color: #fff;
display: flex;
padding: 20px 100px;
align-items: center;
gap: 40px;
}
.panorama-header > .logo-img-wrapper{
margin: 0;
flex-shrink: 0;
}
.panorama-header h2 {
color: var(--violet);
font-family: 'Assistant';
font-weight: 300;
font-size: 3rem;
margin: 0;
}
.panorama-footer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 100px;
color: var(--violet);
}
.panorama-overview-signin-background{
padding: 60px 100px;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/zn7c4paswmtx-999ba3dca6c80ade56b8b3b20b32e3a8-blue.jpeg)
}
.panorama-overview-signin-wrapper{
max-width: 840px;
height: 230px;
background-color: white;
display: flex;
gap: 40px;
padding: 40px;
margin-left: auto;
border-radius: 24px;
}
.panorama-overview-signin-button {
background-color: var(--scarlet);
color: #fff;
border: none;
border-radius: 40px;
font-family: Muli, Helvetica, Arial, Sans-Serif;
font-size: 1.125rem;
padding: 12px 64px;
box-shadow: 0px 0 0 rgba(0,0,0,0.21);
transition: box-shadow 0.3s ease-in-out;
}
.panorama-overview-signin-button:hover {
background-color: var(--scarlet);
color: #fff;
box-shadow: 0px 10px 20px rgba(0,0,0,0.21);
}
.panorama-overview-signin-button::after{
font-family: "Material Icons";
content: "arrow_forward";
vertical-align: middle;
padding-left: 10px;
}
.panorama-overview-signin-wrapper h2{
color: var(--crayon-purple);
font-size: 3rem;
font-weight: 300;
margin-bottom: 0;
}
.panorama-overview-signin-wrapper p{
font-size: 1.125rem;
font-weight: 300;
color: var(--violet);
}
.panorama-overview-details {
margin: 60px 100px 200px 100px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 10px;
border-radius: 24px;
background-color: var(--wild-sand);
}
.panorama-overview-details h2{
color: var(--crayon-purple);
font-size: 3rem;
font-weight: 300;
margin-bottom: 0;
}
.panorama-overview-details p{
font-size: 1.125rem;
font-weight: 300;
}
@media screen and (max-width: 768px) {
.panorama-header {
padding: 40px 15px;
justify-content: space-between;
}
.panorama-header h2 {
font-size: 2.25rem;
}
.panorama-overview-details {
margin: 20px 15px;
}
.panorama-overview-signin-background{
padding: 20px 15px;
}
}
/*******************/
/* LOGIN & RESET PASSWORD STYLES */
/* Background for core logo */
.text-center:has(.company__beta-logo){
background-color: var(--violet);
padding: 20px;
margin-bottom: 15px
}
form[action="/learn/sign_in"] .text-centered {
display: none;
}
form[action="/learn/sign_in"] input[type="submit"], form[action="/learn/forgot"] input[type="submit"] {
background-color: var(--scarlet);
padding: 12px 64px;
margin-left: 8px;
color: #fff;
font-weight: 700;
border: none;
border-radius: 0;
font-family: 'Assistant', sans-serif;
display: block;
float: none;
margin: auto;
}
form[action="/learn/sign_in"] label.field__label, form[action="/learn/forgot"] label.field__label {
opacity: 1;
position: static;
padding: 2px 0;
font-size: 1.125rem;
font-weight: 700;
color: black;
text-transform: uppercase;
}
form[action="/learn/sign_in"] input.field__input.input--expand, form[action="/learn/forgot"] input.field__input.input--expand {
height: auto;
font-size: 1.125rem;
line-height: 1.5;
padding: 8px !important;
border-radius: 8px;
}
form[action="/learn/sign_in"] .red-asterisk, form[action="/learn/forgot"] .red-asterisk {
display: none;
}
form[action="/learn/sign_in"] input::placeholder, form[action="/learn/forgot"] input::placeholder{
font-size: 0;
}
form[action="/learn/forgot"] .text-xs.mb-2 {
display: none;
}
form[action="/learn/sign_in"] .session__forgot a {
display: table;
margin: 0 auto;
margin-top: 24px;
font-size: 0;
}
form[action="/learn/sign_in"] .session__forgot a:after{
font-size: 1.125rem;
font-family: 'Assistant', sans-serif;
font-weight: 700;
content: "Forgot Password?";
color: var(--violet);
}
/*******************/
/****Dashboard***/
.header.header--dashboard {
background-color: #fff;
margin: 0;
padding: 15px;
border-bottom: 1px solid var(--wild-sand);
}
.header.header--dashboard .header__inner {
max-width: 1240px;
margin: 0 auto;
}
.header.header--dashboard p.company__school-name {
font-size: 2rem;
font-weight: unset;
color: var(--violet);
text-transform: capitalize;
}
.header.header--dashboard .header__inner .small-12.columns {
padding-right: 100px;
padding-top: 10px;
}
.header.header--dashboard .header__inner .small-12.columns::after {
content: '';
width: 90px;
height: 70px;
position: absolute;
top: 0;
right: 0;
background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_lfill,h_150,dpr_2.0/v1/course-uploads/cfa2ef85-0897-4c1f-a0f3-2919560dc2b6/v8y2zn2yz1io-Stacked-Full-Color.png);
background-size: contain;
background-repeat: no-repeat;
border-left: 1px solid var(--violet);
background-position: right;
}
.header.header--dashboard .header__inner .dashboard-header__name {
font-size: 1.1rem;
color: var(--violet);
font-weight: 400;
}
.header.header--dashboard ul.dashboard-header-dropdown li a {
border-bottom: 1px solid var(--crayon-purple);
font-size: 1rem;
padding: 0.7em .25em !important;
}
.header.header--dashboard .company__school-name__divider {
border-left: 1px solid var(--windsor);
display: inline-block;
margin: 0 1em;
line-height: 4.2;
}
body.learn.dashboard .container div[role="main"] {
max-width: 1240px;
margin: 0 auto;
}
body.learn.dashboard .container div[role="main"] .dashboard-access {
border: none;
border-bottom: 4px solid var(--violet);
padding-bottom: 45px;
margin-bottom: 30px;
}
body.learn.dashboard .container div[role="main"] ul.dashboard-access-tabs {
background: transparent;
border: none;
border-bottom: 0 !important;
}
body.learn.dashboard .container div[role="main"] .dashboard-access-tab--active {
background: transparent;
border-width: 0px 0 4px;
}
body.learn.dashboard .container div[role="main"] ul.dashboard-access-tabs span.dashboard-access-tab__label {
font-size: 18px;
font-weight: 600;
}
body.learn.dashboard .container div[role="main"] ul.dashboard-access-tabs span.dashboard-access-tab__count {
font-size: 18px;
padding: 7px 12px;
border: none;
background-color: var(--crayon-purple);
border-radius: 100vmax;
font-weight: 600;
color: #fff;
}
body.learn.dashboard .dashboard-stats {
width: 80%;
float: right;
}
body.learn.dashboard .dashboard-stats .dashboard-stat--collaborations{
display: none;
}
body.learn.dashboard .container div[role="main"] .dashboard-stats__container {
box-shadow: none;
margin-top: -3px;
padding: 0;
}
body.learn.dashboard .dashboard-stats-title {
width: 20%;
float: left;
margin-bottom: -55px;
}
.dashboard-stats-title h3 {
color: var(--windsor);
}
body.learn.dashboard .learning-results .catalog-search-bar,
body.learn.dashboard .learning-results .row > .medium-3.columns{
display: none;
}
body.learn.dashboard .learning-results .catalog-list-item__body .row > .medium-3.columns{
display: inline-block;
}
body.learn.dashboard .learning-results .medium-9.columns.js-results-holder{
width: 100%;
}
body.learn.dashboard .container div[role="main"] .dashboard-stats__container li .dashboard-stat {
height: auto;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--crayon-purple);
border-radius: 24px;
background-color: var(--alabaster);
}
body.learn.dashboard .container div[role="main"] .dashboard-stats__container li .dashboard-stat .dashboard-stat__label {
text-transform: capitalize;
font-size: 1.2rem;
color: var(--crayon-purple);
}
body.learn.dashboard .container div[role="main"] .dashboard-stats__container li .dashboard-stat .dashboard-stat__label i.dashboard-stat__icon {
display: none;
}
body.learn.dashboard .container div[role="main"] .dashboard-stats__container li .dashboard-stat .dashboard-stat__value--huge {
font-size: 1.2rem;
margin-top: 0;
margin-left: 5px;
color: var(--crayon-purple);
}
/* body.learn.dashboard .dashboard-access-list-item{
background: transparent;
}
body.learn.dashboard .dashboard-access-list-item .dashboard-access-list-item,
body.learn.dashboard .dashboard-access-list-item > div.grid{
background: #fff;
} */
body.learn.dashboard .dashboard-access-list-item .medium-4.columns .row .medium-6.columns{
text-align: right;
}
body.learn.dashboard .dashboard-access-list-item .medium-4.columns .row .medium-6.columns a{
font-size: 16px;
border-radius: 24px;
}
body.learn.dashboard .dashboard-access-list-item__description p{
font-size: 16px;
}
body.learn.dashboard li.user-engagement-stat{
color: var(--crayon-purple);
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
border: 1px solid var(--wild-sand);
padding: 10px;
margin: 0 15px 15px 10px;
width: 30%;
}
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__label-container{
order: 2;
}
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__label-container .user-engagement-stat__label {
height: auto;
font-size: 18px;
text-transform: none;
color: var(--crayon-purple);
}
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__value-container{
order: 1;
line-height: 0;
margin: 0;
}
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__value-container span.user-engagement-stat__value,
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__value-container span.user-engagement-stat__value--percent{
font-size: 18px;
line-height: 1;
font-weight: 700;
}
body.learn.dashboard li.user-engagement-stat::before{
display: none;
}
body.learn.dashboard .user-engagement-progress-bar,
body.learn.dashboard li.user-engagement-stat .user-engagement-stat__value-container i{
display: none;
}
/* body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .medium-9.columns.js-results-holder{
width: 100%;
} */
body.learn.dashboard span.dashboard-access-list-item-expander__title {
color: var(--crayon-purple);
font-size: 18px;
}
body.learn.dashboard .dashboard-access-list-item a.btn.btn--primary, body.learn.dashboard .dashboard-access-list-item .dashboard-access-list-item-expansion a.btn {
font-size: 16px;
background-color: var(--windsor);
color: #fff;
border-color: var(--windsor);
border-radius: 24px;
}
body.learn.dashboard .dashboard-access-list-item .dashboard-access-list-item-expansion img{
display: none;
}
body.learn.dashboard .progress.colorized .meter{
background: var(--crayon-purple);
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item {
background-color: var(--alabaster);
border: 1px solid var(--wild-sand);
border-radius: 24px;
padding: 25px;
margin-bottom: 25px;
min-height: 220px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item {
border-bottom: none;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 0;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item__title-container > .row > .medium-9.columns{
position: unset;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item__title-container > .row > .medium-9.columns .catalog-list-item__completed {
position: absolute;
top: -10px;
right: 0;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item h3.catalog-list-item__title {
font-size: 22px;
font-weight: 700;
color: var(--windsor);
padding-left: 195px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-4.columns {
width: 150px;
height: 150px;
border-radius: 100vmax;
overflow: hidden;
margin-right: 45px;
margin-top: -25px;
position: relative;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-5.columns {
width: calc(100% - 495px);
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns .catalog-list-item__description,
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-5.columns .catalog-list-item__description{
font-size: 16px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-5.columns .catalog-list-item__info {
display: none;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-3.columns {
margin-top: 10px;
width: 260px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-3.columns .catalog-list-item__cta-container span.btn.btn--primary{
font-size: 15px;
margin-right: unset;
background-color: var(--crayon-purple);
border-color: var(--crayon-purple);
border-radius: 24px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item img.catalog-list-item__asset {
height: 100%;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
}
body.learn.dashboard .container div[role="main"] .catalog-list-item__body .catalog-list-item__cta-container {
border: none;
}
body.course-group .header__inner p.company__school-name {
color: var(--violet);
font-size: 25px;
text-transform: capitalize;
}
body.course-group .header__inner nav.nav ul li a {
color: #fff;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns .catalog-list-item__info {
display: none;
}
/* body.learn.dashboard .learning-results,
body.learn.dashboard .dashboard-stats-title,
body.learn.dashboard .widget--dashboard-stats{
display: none;
}
body.learn.dashboard .container:has(.dashboard-access-tab--current.dashboard-access-tab--active) .learning-results,
body.learn.dashboard .container:has(.dashboard-access-tab--current.dashboard-access-tab--active) .dashboard-stats-title,
body.learn.dashboard .container:has(.dashboard-access-tab--current.dashboard-access-tab--active) .widget--dashboard-stats{
display: block;
} */
/***********************/
/****** Course - Learner Experiense *********/
body.learn.course .learner-section__title__container h3 span.learner-section__title{
color: var(--violet);
font-weight: 600;
font-size: 1.5rem;
}
body.learn.course .course__container .section-progress-bar > div > span{
background-color: var(--crayon-purple);
}
body.learn.course .learner__sidebar {
padding-top: 80px;
}
body.learn.course .learner__sidebar a.expandable-sidebar__link .expandable-sidebar__toggle{
background-color: var(--crayon-purple);
font-size: 18px;
font-weight: 700;
}
body.learn.course .learner__sidebar .expandable-sidebar__toggle{
font-size: 18px;
font-weight: 700;
background-color: var(--windsor);
}
body.learn.course .learner__sidebar .expandable-sidebar__toggle i.expandable-sidebar__icon--left{
display: none;
}
body.learn.course .learner__sidebar .expandable-sidebar__buttons > a:first-child > span{
font-size: 0;
}
body.learn.course .learner__sidebar .expandable-sidebar__buttons > a:first-child > span::before {
content: "Need Help?";
font-size: 15px;
text-transform: capitalize;
}
body.learn.course .learner__sidebar .expandable-sidebar__buttons > a:first-child > span::after {
content: " Contact Support";
font-size: 15px;
text-transform: capitalize;
text-decoration: underline;
}
body.learn.course .learner__sidebar button.btn.btn--expand.hide-sidebar {
font-size: 15px;
font-weight: 500;
background-color: var(--windsor);
}
body.learn.course .learner__sidebar .learner__sidebar__search input{
visibility: hidden;
z-index: -999;
position: relative;
}
body.learn.course .learner__sidebar .learner__sidebar__expandables {
position: relative;
}
body.learn.course .learner__sidebar .course-completion-progress {
position: absolute;
top: -30px;
left: 0;
/* z-index: -1; */
}
body.learn.course .learner__sidebar .course-completion-progress .expandable-sidebar__link,
body.learn.course .learner__sidebar .course-completion-progress .course-progress .course-progress__overall__bar,
body.learn.course .learner__sidebar .course-completion-progress .course-progress .small-4,
body.learn.course .learner__sidebar .course-completion-progress .course-progress .clearfix,
body.learn.course .learner__sidebar .course-completion-progress .course-progress hr{
display: none;
}
body.learn.course .learner__sidebar .course-completion-progress .expandable-sidebar__content{
padding: 0;
}
body.learn.course .learner__sidebar .course-completion-progress .course-progress .course-progress__overall .table-row {
display: flex;
align-items: center;
}
body.learn.course .learner__sidebar .course-completion-progress .course-progress .course-progress__overall .table-row .stat.highlight {
color: var(--crayon-purple);
font-size: 22px;
font-weight: 700;
min-width: 28px;
width: auto;
margin-right: 5px;
}
body.learn.course .learner__sidebar .course-completion-progress .course-progress .course-progress__overall .table-row .description.small-6 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: var(--crayon-purple);
}
body.learn.course .learner__sidebar__expandables .learner__sidebar-inner-list span.syllabus__section-title {
font-size: 18px !important;
text-transform: none;
color: var(--violet);
}
body.learn.course .learner__sidebar__expandables .learner__sidebar-inner-list span.syllabus__lesson--title-text {
font-size: 16px;
font-weight: 600;
}
body.learn.course .learner__sidebar__expandables .learner__sidebar-inner-list .syllabus__topic--non-expandable-title-text {
font-size: 16px;
font-weight: 400;
}
body.learn.course .learner__sidebar .learner__sidebar__search button.learner__sidebar__search-icon{
display: none;
}
body.learn.course .learner__content .layout-panel {
padding: 4rem 1rem 1rem 1rem;
}
body.learn.course .learner__content .layout-panel .directional__nav {
position: absolute;
top: -45px;
right: 0;
max-width: 350px;
width: 100%;
display: flex;
justify-content: flex-end;
}
body.learn.course .learner__content .layout-panel .directional__nav .directional__nav__button__container .directional__nav__label{
visibility: visible;
color: var(--violet);
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.directional__nav__button{
background-color: var(--violet);
}
body.learn.course .learner__content .learner-section__title__container > h3 {
display: flex;
align-items: center;
position: relative;
}
body.learn.course .learner__content .learner-section__title__container > h3 span.text-right {
order: 1;
width: 20px;
height: 30px;
margin-right: 15px;
position: relative;
}
body.learn.course .learner__content .learner-section__title__container > h3 span.learner-section__title {
order: 2;
}
body.learn.course .learner__content .learner-section__title__container > h3 span.learner-lesson__title {
order: 3;
color: var(--crayon-purple);
}
body.learn.course .sidebar__container.sidebar__container--right .share__container{
display: none;
}
body.learn.course .zoom-infobox {
border: 1px solid var(--crayon-purple);
margin: 35px 0 15px 0;
padding: 25px;
}
/**********************/
/***** Support page ***/
.home.support p.company__school-name {
color: #fff;
font-size: 2rem;
font-weight: 300;
text-transform: none;
}
.home.support .widget.widget--support .faq__sidebar{
display: none;
}
.home.support .widget.widget--support .faq__content{
width: 100%;
max-width: 1240px;
margin: 0 auto;
float: none;
}
.home.support .widget.widget--support h3.h2.widget__title {
font-size: 3rem;
color: var(--crayon-purple);
font-weight: 300;
margin-top: 50px;
}
/******************/
/**** My Account ****/
body.account .header.header--subtitle,
body.account .dashboard-account {
max-width: 1240px;
margin: 0 auto;
}
/**********************/
@media screen and (min-width: 1240px) {
.container {
max-width: 2560px !important;
}
}
@media screen and (max-width: 1240px) {
.container {
max-width: 1920px !important;
}
.header__inner {
flex-wrap: wrap;
}
.top-bar-section ul {
width: 100%;
gap: 7px;
justify-content: space-between;
}
.cta-container {
flex-wrap: wrap;
}
.existing-clients-contact-container {
margin: 0 100px;
}
.dsg-login-btn {
margin: 0 100px 0 auto;
}
}
@media screen and (max-width: 1200px) {
.home-hero-section,
.inner-hero-section{
height: auto;
}
.home-hero-section > div.ember-view,
.inner-hero-section > div.ember-view{
position: relative;
right: 0;
left: 0;
top: 0;
margin-left: 0;
}
/* .hero-content{
padding-top: 120px;
} */
.blurb-darkblue {
width: 100%;
}
.course__detail__content > .row .course__detail__asset picture.picturefill, .course__detail__content > .course__detail__asset picture.picturefill{
margin-left: 25px;
}
/* .course__detail__content .h2{
padding-left: 180px;
} */
.course__detail__container .course__detail__content h1.h2::before{
display: none;
}
.course__detail__container .course__detail__content > p{
padding-left: 180px;
margin-top: -5px;
}
ul.learning-path-detail-milestone-list::before{
padding: 0 25px;
}
}
@media screen and (max-width: 960px) {
.header.header--dashboard .header__inner .small-12.columns::after {
display: none;
}
.custom-section.two-blocks {
display: flex;
flex-wrap: wrap;
}
.custom-section.two-blocks .block {
width: 100%;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item h3.catalog-list-item__title {
padding-left: 130px;
}
/* .learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before, */
/* .course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before, */
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns::before {
width: 60px;
height: 60px;
/* top: -60px; */
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item {
padding: 50px 25px 25px 25px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns,
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns {
max-width: 100%;
/* padding-left: 0; */
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-3.columns {
margin-top: 5px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-5.columns {
width: 100%;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-4.columns {
max-width: 90px;
max-height: 90px;
margin-top: -50px;
}
body.learn.dashboard .container div[role="main"] .widget--catalog.widget--catalog_standard .catalog-item .catalog-list-item .catalog-list-item__body .medium-9.columns{
padding-left: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.header .company__beta-logo{
z-index: 2;
}
.top-bar{
top: 55px !important;
background: transparent;
z-index: 1 !important;
}
.top-bar .toggle-topbar.menu-icon{
text-align: right;
background: transparent;
width: 50px;
}
.top-bar .toggle-topbar.menu-icon button{
background-color: var(--windsor) !important;
padding: 20px 15px 15px 28px;
border-radius: 7px;
margin-right: 15px;
}
.top-bar .name,
.top-bar.expanded .title-area{
background: transparent;
}
.top-bar li.name:hover{
width: 50px;
background-color: transparent;
}
.top-bar-section ul{
padding-top: 25px;
}
.container {
max-width: 1920px !important;
}
.breadcrumbs{
margin: 70px auto -15px auto;
}
.custom-section p.widget__subtitle{
padding: 0 25px;
}
.home-hero-section > div.ember-view{
height: 70vh;
}
.inner-hero-section > div.ember-view{
height: 65vh;
}
.widget--hero-image_standard .hero .hero__caption {
width: 100%;
}
.top-bar {
width: 100%;
position: absolute;
top: 110px;
right: 0;
z-index: 9999;
border: none;
}
.top-bar-section ul li {
width: 100%;
}
.top-bar-section ul li>a {
font-size: 1.2rem;
padding: 0 0 10px 15px;
}
.top-bar-section ul li:nth-child(15) a{
margin-left: 0;
padding: 7px 16px !important;
}
.top-bar.expanded button.btn,
.top-bar.expanded button.btn span,
.top-bar.expanded button.btn span::after,
.top-bar.expanded .toggle-topbar.menu-icon button span:after {
color: #fff !important;
}
.top-bar.expanded .toggle-topbar.menu-icon button span:after {
-webkit-box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff !important;
box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff !important;
}
.top-bar button.btn span span {
display: none;
}
/* .inner-hero-section {
height: 80vh;
} */
.home-hero-section .hero-content h1,
.inner-hero-section .hero-content h1 {
font-size: 4.5rem;
}
body.home.page .inner-hero-section h1{
font-size: 3rem;
}
.about-ds-container {
flex-wrap: wrap;
}
.cta-certifications .row .medium-6.columns:nth-child(2){
width: 100%;
}
.about-ds-container .image,
.about-ds-container .text {
width: 100%;
}
.footer-container {
flex-wrap: wrap;
}
.footer-container .footer-nav ul {
flex-wrap: wrap;
}
.footer-container .footer-nav ul li {
width: 100%;
}
.existing-clients-contact-container {
margin: 0;
}
.dsg-login-btn {
display: table;
margin: 0 20px 0 auto;
}
body.home.course-group .course__detail__header h1{
font-size: 3.5rem;
}
body.home.course-group .course__detail__header h1::before{
display: block;
}
.lp-details, .course-details{
flex-wrap: wrap;
}
.lp-details .details-block, .course-details .details-block{
width: 100%;
}
.learning-paths-list-section.custom-section {
padding: 0 25px !important;
}
.learning-paths-list-section .row .js-results-holder,
.course-list-section .row .js-results-holder{
margin-top: 55px;
}
.course-list-section.custom-section .catalog-search-bar{
width: 100%;
margin-bottom: 15px;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search,
.course-list-section.custom-section .catalog-filters__search.small-12.columns.medium-10{
width: 80%;
border: none;
padding: 0;
}
.course-list-section.custom-section .catalog-search-bar form.catalog-search{
border: 1px solid #fff;
}
.course-list-section.custom-section .catalog-search-bar form.catalog-search input{
margin: 0;
border: 1px solid #fff;
box-shadow: none;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search form.catalog-search{
padding: 0;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search form.catalog-search input{
margin: 0;
border: none;
}
.learning-paths-list-section .catalog-filters__sort,
.course-list-section.custom-section .catalog-filters__sort{
width: 20%;
}
.learning-paths-list-section .catalog-filters .catalog-sort,
.course-list-section.custom-section .catalog-filters__sort select.catalog-sort {
padding: 0 15px;
background-position: calc(100% - 15px) 15px;
border: none;
}
.lp-highlight{
flex-wrap: wrap;
padding: 25px;
}
.blurb-lightblue{
width: 100%;
}
.heres-how-item .hhi-text{
width: 100%;
}
body.learn.dashboard .dashboard-stats {
width: 100%;
float: none;
gap: 10px;
}
body.learn.dashboard .dashboard-stats-title {
width: 100%;
float: none;
margin-bottom: -45px;
}
}
/*** Accordion ***/
.course-accordion {
max-width: 1200px;
margin: 0 auto 35px auto;
background-color: var(--wild-sand);
padding: 35px;
border-radius: 24px;
}
.course-accordion h2{
color: var(--violet);
font-size: 3rem;
font-weight: 300;
}
/* Core styles/functionality */
.tab {
position: relative;
margin-bottom: 25px;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab input[type=checkbox]+label, .tab input[type=radio]+label {
/* display: block; */
margin-left: 0;
margin-right: 0;
}
.tab__content {
max-height: 0;
overflow: hidden;
transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
max-height: 100rem;
background-color: #FFF;
}
/* Visual styles */
.accordion {
/* color: var(--violet);
border: 2px solid;
border-radius: 0.5rem; */
overflow: hidden;
}
.tab__label,
.tab__close {
display: flex !important;
color: var(--scarlet);
background: #FFF;
font-size: 18px;
font-weight: 700;
font-family: 'Assistant';
cursor: pointer;
}
.tab__label {
justify-content: space-between;
padding: 1rem;
}
.tab__label::after {
content: "\276F";
width: 1em;
height: 1.5em;
text-align: center;
transform: rotate(90deg);
transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
transform: rotate(270deg);
}
.tab__content p {
margin: 0;
padding: 1rem;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
font-size: 0.75rem;
}
/* .accordion--radio {
--theme: var(--secondary);
} */
/* Arrow animation */
/* .tab input:not(:checked) + .tab__label:hover::after {
animation: bounce .5s infinite;
}
@keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
} */
/****/
@media screen and (max-width: 488px) {
.home-hero-section{
padding-top: 45px !important;
padding-bottom: 45px !important;
/* margin-top: 40px; */
}
.home-hero-section .hero-content h1, .inner-hero-section .hero-content h1{
font-size: 3.5rem;
}
.home-hero-section > div.ember-view{
height: 82vh;
}
.inner-hero-section > div.ember-view{
height: 65vh;
}
.home-hero-section .hero-content .hero-box h2, .inner-hero-section .hero-content .hero-box h2 {
font-size: 1.5rem;
}
.home-hero-section .hero-content .hero-box p, .inner-hero-section .hero-content .hero-box p {
font-size: 15px;
}
.custom-section.two-blocks h2{
font-size: 36px;
}
.about-ds-container h2{
line-height: 1.1;
}
.widget--hero-image_standard .hero .hero__caption {
width: 100%;
}
.custom-section h1.widget__title {
font-size: 42px;
line-height: 1.2;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item{
display: flex;
min-height: 90px;
}
.course-list-section .catalog-list-item{
position: relative;
min-height: 100px;
display: flex;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container{
padding-left: 12px;
order: 2;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before{
width: 60px;
height: 60px;
top: 0;
}
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container{
padding-left: 12px;
order: 2;
width: calc(100% - 100px);
}
.learning-paths-list-section .column:nth-child(2) p.catalog-grid-item__title, .learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title, .course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title{
font-size: 19px;
}
.catalog-list-item__body, .catalog-list-item__title-container,
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns, .course-list-section .medium-9.columns .catalog-list-item__body .medium-5.columns{
position: unset;
}
.catalog-list-item__body{
width: 100px;
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-5.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns .catalog-list-item__description{
display: none;
}
.course-list-section .medium-9.columns .catalog-list-item__body .medium-9.columns::before{
top: 20px;
width: 60px;
height: 60px;
}
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns,
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns{
margin-top: 0 !important;
width: 60px !important;
height: 60px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title {
overflow: visible;
white-space: normal;
text-overflow: unset;
}
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-5.columns .catalog-list-item__description {
margin-top: -30px;
}
.program-highlights{
flex-wrap: wrap;
}
.program-highlights > div{
width: 100%;
}
.how-it-works-section .vertical-flex{
padding: 35px !important;
}
.padded-container{
padding: 35px;
}
.learning-paths-list-section .catalog-filters .catalog-sort, .course-list-section.custom-section .catalog-filters__sort select.catalog-sort {
background-position: calc(100% - 7px) 15px;
background-size: 10px;
font-size: 11px;
}
.learning-paths-list-section .catalog-filters .catalog-filters__search, .course-list-section.custom-section .catalog-filters__search.small-12.columns.medium-10{
width: 72%;
}
.learning-paths-list-section .catalog-filters__sort, .course-list-section.custom-section .catalog-filters__sort{
width: 28%;
}
.catalog-search__button i{
font-size: 11px;
}
.footer-nav > ul.flex{
gap: 30px;
}
.footer-copy{
flex-wrap: wrap;
}
.custom-section{
overflow: hidden;
}
.course__detail__content > .row .course__detail__asset picture.picturefill, .course__detail__content > .course__detail__asset picture.picturefill{
width: 60px;
height: 60px;
}
.course__detail__content .h2{
font-size: 2.3rem;
padding-left: 100px;
}
.course__detail__container .course__detail__content h1.h2::before{
display: none;
}
.course__detail__container .course__detail__content > p{
padding: 25px;
margin-top: -25px;
}
.breadcrumbs{
margin: 20px auto -15px auto;
}
.breadcrumbs.detail-page{
top: -30px;
}
.course__detail__container{
margin: 40px auto 0 auto;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row:nth-child(2) .small-12.columns::before,
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-4{
width: 60px;
height: 60px;
}
body.home.course-group .course__detail__header h1::before{
display: none;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row:nth-child(2) .small-12.columns{
padding-left: 85px;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .small-10.columns{
width: 100%;
}
ul.learning-path-detail-milestone-list li h4.learning-path-detail-milestone-item__title{
padding-left: 85px;
}
.course__detail__container .course__detail__content .course__detail__description .indent-list > p {
margin-top: -60px;
padding: 25px;
}
ul.learning-path-detail-milestone-list li .learning-path-detail-milestone-item .row .medium-8 {
width: calc(100% - 60px);
padding-left: 25px;
}
body.home.course-group .course__detail__header p::before{
font-size: 2.5rem;
}
body.home.course-group .course__detail__header h1 {
font-size: 3rem;
line-height: 1;
}
.cta-container p{
text-align: center;
}
.home.course-group .container{
padding-top: 0;
}
.existing-clients h1,
.existing-clients h2{
font-size: 36px;
}
.lp-certification div:first-child {
width: 80px;
}
.lp-certification div:nth-child(2) {
width: calc(100% - 80px);
}
}
@media screen and (max-width: 420px) {
.home-hero-section .hero-content h1,
.inner-hero-section .hero-content h1 {
font-size: 2.8rem;
margin-bottom: 15px;
}
.home-hero-section .hero-content .hero-box h2,
.inner-hero-section .hero-content .hero-box h2 {
font-size: 1.3rem;
}
.lp-certification div:first-child {
width: 70px;
}
.lp-certification div:nth-child(2) {
width: calc(100% - 70px);
}
}