:root {
        --font: inter;
        --alt-font: inter;
        --accent-color: #110b4d;
        --secondary-color: #1a4686;
        --link-color: #ff5050;
        --accent-highlight-color: #110b4d;
        --accent-highlight-background-color: #dfdcfa;
        --accent-tinted-color-70: #b8b6ca;
        --accent-tinted-color-80: #cfcedb;
        --accent-tinted-color-90: #e7e7ed;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #1b117a;
        --secondary-hover-color: #225cb1;
        --secondary-contrast-color: #fff;
        --link-hover-color: #e90000;
      }
      

.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/4338ce4e-f809-4f5a-80f4-1d317c4a390d/v8qtx2k7cepu-Artboard13x.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*Dashboard*/
.dashboard-stats__container, .dashboard-badges-container {box-shadow: 0 1px 5px rgba(0,0,0,.15); border-radius:15px;}
.dashboard-stat__value {color: #ff5050!important;}
.catalog-grid-item__source {color: #ff5050;}
.catalog-grid-item__description {color:#0c163b;}
.catalog-grid-item__title {font-weight:700;}
.catalog-grid-item__cta-container  {color: #ff5050;}
.catalog-grid-item__cta-container .btn {color: #ff5050;}
.catalog-grid-item__cta-container .btn:hover{color:#d6364b;}
.catalog-grid-item:hover{box-shadow: 0 1px 5px rgba(0,0,0,.15);border-radius: 15px;}
.catalog-aggregation--expanded {background:none; border-bottom: 3px solid #ff5050;}
.catalog-aggregation {border-top: none}
/* header */
.btn, .tabs .tab-title>a, .tabs dd>a {font-family:"inter";}

.home h1,h2,h3,h4,h5,p {color:#0c163b;}
.index .container {max-width:100%; overflow: initial;}
h1 {line-height:46px;}

.home .header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: white;
}
.index .header {
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 2rem;
}
.nav.nav--top {margin-left:2rem}

.company__beta-logo{
  width: 200px;
  }

#ember1199 .medium-6.columns {
  padding:0 5% 0 0;
}

#ember1239 {
  padding-right:10%;
}

.aboutinfo#ember1213 {
  padding:100px 0;
}

p.dashboard-badge__threshold {
  visibility:hidden;
}

.course__container .header__left h1.course-title {
 font-size:1.5em !important;
 font-weight:500 !important;
}

.hero__caption h2.hero__title {
  font-size:50px !important;
  font-weight:700 !important;
}

.course__detail__runs {
  display: none;
}

.h4 {
  font-weight:400 !important;
  margin-bottom:40px !important;
}

a.btn.btn--primary, a.btn.btn-primary {
  font-size:16px !important;
  padding:15px 30px !important;
  font-family:"sofia-pro";
}

/*p {*/
/*  font-size:1.4em !important;*/
/*  line-height:1.8em !important;*/
/*}*/
.catalog-grid-item__title{
  font-size:16px !important;
}
.catalog-grid-item__description{
  font-size:12px !important;
}
.course__detail__header p{
  font-size:18px !important;
}
.course__detail__header h1{
  font-size:24px !important;
}

#ember1253 h1 {
  color:#ffffff !important;
}

div.ember-view.editor-content {
  border:0px !important;
}

div.course-purchase_mobile-button {
  visibility:hidden;
}

#ember1246 {
  padding-bottom:80px;
}

div.ember-view.editor-content h2 {
  font-size:1.8em !important;
}

div.ember-view.editor-content h4 {
  font-weight:500 !important;
}

div.ember-view.editor-content::after {
  height:0px !important;
}

.company__school-name__divider,
.company__school-name {
    display: none;
}

#cart-button {
    display: none;
}

.nav.nav--top>ul>li>a,
.nav.nav--top>ul>li>a:focus {
    display: inline-block;
    background-color: #ff5050;
    border-color: #ff5050;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /*min-height: 52px;*/
    border-radius: 26px;
    line-height: 1;
    /*padding-top: 0px;*/
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
    letter-spacing: 0.04em;
    margin-bottom: 0;
    margin-top: 25px;
    padding:12px 25px;
}
.nav.nav--top>ul>li>a:hover{
  background-color: #d6364b;
  border-color: #d6364b;
}

/* button style for all the viewports */

.layout__content .home-hero .hero {
    margin-bottom: 0;
}

.home-hero .btn,
.aboutinfo .btn,
.wbcc .btn {
    display: inline-block;
    background-color: #ff5050;
    border-color: #ff5050;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /*min-height: 52px;*/
    border-radius: 26px;
    line-height: 1;
    /*padding-top: 17px;*/
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
    padding:12px 25px;
    letter-spacing: 0.04em;
    margin-bottom: 0;
}
.home-hero .btn:hover,
.aboutinfo .btn:hover,
.wbcc .btn:hover{
    background-color: #d6364b;
    border-color: #d6364b;
}

/* styles for rocket text  side by side*/

.aboutinfo {
    background-color: #eeeef1;
    /*padding-bottom: 0;*/
    padding-bottom:60px;
    padding-top:60px;
}

.aboutinfo h1 {
    font-size: 46px;
}

.aboutinfo p {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.wbcc {
    background-color: #0c163b;
    text-align: center;
    color: #fff;
}

.layout__content .widget.wbcc {
    padding-top: 80px;
    padding-bottom: 60px;
    height: 300px;
    overflow: hidden;
}

.wbcc h1 {
    color:#fff;
    margin-bottom: 43px;
}

/* To cover other common text elements */
.wbcc h1,
.wbcc h2,
.wbcc h3,
.wbcc h4,
.wbcc h5,
.wbcc h6,
.wbcc p,
.wbcc a,
.wbcc span,
.wbcc li,
.wbcc div {
    color: #fff;
    text-align: left;
}


/* featured content */
.home.index .widget--featured-content { padding-bottom:56px;}
.home.index .featured-content-article-item {
    padding: .75em;
    border: 1px solid #e9e9e9;
    /*border-bottom: 15px solid #0c163b;*/
    border-radius: 15px;
}
.home.index .featured-content-article-item:hover {
 /*border-bottom: 15px solid #ff5050;*/
 box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.home.index .featured-content-article-item__title{
    font-size: 1.1rem;
    font-weight: 500;
    padding: 5px 15%;
    text-align: center;
}
.home.index .widget--featured-content .catalog__ribbon--attached{
  display:none;
}
.home.index .widget--featured-content .h2.widget__title {
    color: #0c163b;
    font-weight: 600;
    font-size: 38px;
    padding-top: 56px;
    margin-bottom: 50px;
}

.home.index .widget--featured-content .catalog-item , .catalog-grid-item {
    /*border-top-left-radius: 14px;*/
    /*border-top-right-radius: 14px;*/
    /*overflow: hidden;*/
    /*background-color: #fffffa;*/
    border:none;
}
.home.index .widget--featured-content .catalog-grid-item__body {
    /*border:1px solid #e9e9e9;*/
    display:none;
}
.home.index .widget--featured-content .catalog-grid-item__asset-container {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden;
    background-color: #fffffa;
}

.home.index .widget--featured-content .btn--link {
    position: relative;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-indent: 120%;
    line-height: 300px;
    min-width: 150px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 26px;
    float: left;
}

.home.index .widget--featured-content .btn--link::after {
    content: 'Register';
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1;
    text-indent: 0;
    padding-top: 11px;
}

.home.index .widget--featured-content .catalog-grid-item__title {
    font-size: 26px;
    margin-bottom: 16px;
    font-weight: 600;
}

.home.index .widget--featured-content .catalog-grid-item__description {
    font-size: 18px;
    line-height: 1.3;
}

.home.index .widget--featured-content .catalog-grid-item__hr {
    display: none;
}

.home.index .widget--featured-content .catalog-grid-item__description {
    margin-bottom: 16px;
}
.home.index .widget--featured-content .catalog-grid-item__cta-container {
  width: 43%;
  margin-right: auto;
  margin-left: auto;
}
/* essentials */

.essentials {
    background-color: #fff;
}
.essentials p:hover{
    color: #ff5050!important;
}

.essentials .h2.widget__title {
    color: #0c163b;
    font-size: 38px;
    font-weight: 600;
    margin-top: 54px;
    margin-bottom: 73px;
}

.essentials .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.essentials .row .medium-6 .editor-content {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border: 1px solid #7b7b7b;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.essentials .row .medium-6 .editor-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    display: block;
    background-color: #ff5050;
}

.essentials .row .medium-6 .editor-content img {
    max-height: 112px;
    margin-top: 28px;
    margin-bottom: 25px;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    border-radius: 15px;
}

.essentials .row .medium-6 .editor-content h4 {
    text-transform: uppercase;
    font-size: 16px;
}

.essentials .row .medium-6 .editor-content h2 {
    font-size: 23px;
}

.essentials .row .medium-6 .editor-content p {
    padding-top: 7px;
    font-size: 19px;
    font-weight:bold;
}
.badge-feature .row .medium-6:first-of-type {
    padding-left: 80px;
}
.badge-feature {
    background-color: #eeeef1;
}

.badge-feature h1 {
    font-size: 46px;
    line-height: 46px;
}

.badge-feature p {
    font-size: 22px;
    line-height: 1.6;
}

.layout__content .widget.badge-feature {
    padding-right: 0;
}

.ember-view.enroll.enroll--learning-path .enroll__secondary-actions {display:none;}

.course-purchase__mobile-button {
  visibility: hidden;
  }

div.course-purchase__mobile-button {
  visibility: hidden;
  }
  .footer {background:#0c163b;}
  .footer__company__info {color: #fff;}
  .footer__company__info a {color: #fff;}
  .footer__company__info a:hover {color: #ff5050;}
  .footer__links{ margin-right:10rem;}
  .footer__links .link, .footer__links .link a {color:#fff;}
@media only screen and (min-width: 24em) {}

@media only screen and (min-width: 30.063em) {}

@media only screen and (min-width: 40.063em) {}

@media only screen and (min-width: 48.063em) {
    /* header */
    .header--microsite .header__inner {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        margin-left: 25px;
        margin-right: 25px;
    }
    .header__inner>a {
        position: absolute;
        left: 0;
        /*top: -16px;*/
    }
    .top-bar {
        border-top: none;
    }
    .header--microsite {
        min-height: 104px;
    }
    .top-bar-section {
        padding-top: 22px;
        padding-right: 10px;
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        text-transform: uppercase;
        font-family: 'sofia-pro',sans-serif;
        font-size: 14px;
        color: #0c163b;
        font-weight: 500;
        text-decoration: none;
        letter-spacing: .6px;
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
      color: #ff5050;
      background-color: transparent;
    }
    .home-hero .hero .hero__caption {
        background-color: transparent;
        color: #fff;
        text-align: center;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
    .home-hero .hero .hero__caption .hero__title {
        font-weight: 900;
        color: #fff;
    }
    .home-hero .hero .hero__caption span {
        color: #fff;
        display: block;
        margin-bottom: 76px;
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width: 830px;
    }
    .layout__content .widget.aboutinfo {
        padding-bottom: 0;
    }
    /* about info */
    .aboutinfo .row {
        display: flex;
        flex-direction: row;
    }
    .aboutinfo .row .medium-6:first-of-type {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .aboutinfo .row .medium-6:last-of-type {
        padding-left: 0;
        padding-right: 60px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    /* badge info */
    .badge-feature .row {
        display: flex;
        flex-direction: row;
    }
    .badge-feature .row .medium-6:first-of-type {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    /*pcadd*/
        .header--tools .header__inner>a {
        position: relative;
    }
    .course-purchase__mobile-button {
      visibility: hidden;
    }
    div.course-purchase__mobile-button {
      visibility: hidden;
    }
}
/*font*/
@import url("https://p.typekit.net/p.css?s=1&k=egq4nif&ht=tk&f=24553.24554.24558.24559.24539.24540.24547.24548.24580.24581.24588.24589&a=26430042&app=typekit&e=css");

@font-face {
font-family:"sofia-pro-soft";
src:url("https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"sofia-pro-soft";
src:url("https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"sofia-pro-soft";
src:url("https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"sofia-pro-soft";
src:url("https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"sofia-pro-condensed";
src:url("https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"sofia-pro-condensed";
src:url("https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"sofia-pro-condensed";
src:url("https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"sofia-pro-condensed";
src:url("https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

.tk-sofia-pro-soft { font-family: "sofia-pro-soft",sans-serif; }
.tk-sofia-pro { font-family: "sofia-pro",sans-serif; }
.tk-sofia-pro-condensed { font-family: "sofia-pro-condensed",sans-serif; }

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@font-face {
font-family: "Inter";
}

@media only screen and (min-width: 55em) {}

@media only screen and (min-width: 60.063em) {}

@media only screen and (min-width: 64.063em) {}

@media only screen and (min-width: 72.063em) {}

@media only screen and (min-width: 80.063em) {}

/*To Center Description for series boxes - Roberto*/

.featured-content-multi-carousel-item__description {
    font-size: 11px;
    font-size: .6875rem;
    margin-bottom: 0;
    margin-top: .5em;
    padding: 0 .75em;
    position: relative;
    text-align: center;
}

/* Live Training Page Banner Image*/

img[data-image="vgnf6benw3em"] {
    /* Move up without affecting layout */
    position: relative;
    top: -67px; /* Adjust this value to control how much it moves up */

    /* Keep original dimensions */
    width: auto; 
    max-width: 100%; /* Prevents overflow */
    height: 272px; /* Maintains aspect ratio */

    /* Center horizontally */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Custom Button Colors (Page-Specific) */
.live-training-page .btn--primary {
  background-color: #5A72C5 !important;  /* Soft blue (default) */
  border-color: #5A72C5 !important;
  transition: all 0.3s ease !important;
}

.live-training-page .btn--primary:hover {
  background-color: #3448C5 !important;  /* Vibrant blue (hover) */
  border-color: #3448C5 !important;
}

/* Self-Paced Section Main Container */
.education-banner {
  position: relative;
  width: 100%;
  height: 350px; /* Your preferred height */
  background: #07091c; /* Cloudinary blue fallback */
  overflow: hidden;
  border-radius: 8px;
}

/* Self-Paced Section Background Image */
.banner-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4338ce4e-f809-4f5a-80f4-1d317c4a390d/q9epnrj729ug-self-pacedsectionbanner.jpeg');
  background-size: cover;
  background-position: center;
  filter: brightness(0.9); /* Darkens image slightly */
}

/* Text Content - WHITE & READABLE */
.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  color: white !important; /* Forces white color */
}

.banner-content h1 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: white !important;
  text-shadow: 
    0 1px 3px rgba(0,0,0,0.8), /* Stronger shadow */
    0 2px 10px rgba(0,0,0,0.5); /* Blurred shadow for glow */
  margin-bottom: 0.5rem;
}

.banner-content p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 500;
  color: white !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  opacity: 0.95; /* Slightly transparent for depth */
  margin: 0;
}

/* Learning Pathways Main Container */
.education-banner2 {
  position: relative;
  width: 100%;
  height: 350px; /* Your preferred height */
  background: #202c8d; /* Cloudinary blue fallback */
  overflow: hidden;
  border-radius: 8px;
}

/* Learning Pathways Section Background Image */
.banner-background2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4338ce4e-f809-4f5a-80f4-1d317c4a390d/jv6db3sg2j81-LearningPathwaysBanner.jpeg');
  background-size: cover;
  background-position: center;
  filter: brightness(0.9); /* Darkens image slightly */
}

/* Text Content - WHITE & READABLE */
.banner-content2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  color: white !important; /* Forces white color */
}

.banner-content2 h1 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  text-align: center;
  color: white !important;
  text-shadow: 
    0 1px 3px rgba(0,0,0,0.8), /* Stronger shadow */
    0 2px 10px rgba(0,0,0,0.5); /* Blurred shadow for glow */
  margin-bottom: 0.5rem;
}

.banner-content2 p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 500;
  color: white !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  opacity: 0.95;
  
  /* Fix for centering: */
  display: inline-block; /* Changed from default */
  max-width: 75%;
  margin: 0 auto; /* Horizontal centering */
  text-align: center; /* Text alignment */
  padding: 0 10px; /* Prevents edge bleeding */
  box-sizing: border-box;
}

/* ===== Live Training Banner ===== */
.education-banner3 {
  position: relative;
  width: 100%;
  height: 350px;
  background: #0e78cf;
  overflow: hidden;
  border-radius: 8px;
}

.banner-background3 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4338ce4e-f809-4f5a-80f4-1d317c4a390d/pvgivvewb429-LiveTrainingBanner.jpeg');
  background-size: cover;
  background-position: center;
  filter: brightness(0.9);
}

/* ===== Text & Image Container ===== */
.banner-content3 {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  width: 90%;
  color: white !important;
}

.title-with-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ===== Text Styles ===== */
.text-group {
  flex: 1;
  padding-right: 50px;
}

.banner-content3 h1 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 600;
  color: white !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

.banner-content3 p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.95rem, 1.8vw, 1.35rem);
  font-weight: 500;
  color: white !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
  line-height: 1.4;
  margin: 0.5rem 0 0 0;
  opacity: 0.95;
}

/* ===== Image Styles ===== */
.title-icon {
  width: 420px; /* 50% larger than previous */
  height: auto;
  position: relative;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 1200px) {
  .title-icon {
    width: 360px;
  }
  .text-group {
    padding-right: 40px;
  }
}

@media (max-width: 992px) {
  .title-icon {
    width: 300px;
  }
  .text-group {
    padding-right: 30px;
  }
}

@media (max-width: 768px) {
  .title-with-icon {
    flex-direction: column;
  }
  .text-group {
    padding-right: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  .banner-content3 h1,
  .banner-content3 p {
    text-align: center;
  }
  .title-icon {
    width: 270px;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .title-icon {
    width: 240px;
  }
}

/* For all event buttons on the page */
[href*="/courses/"].btn--primary {
  background-color: #0e78cf;
  border: 1px solid #0c6ab8; /* Matching border */
  border-radius: 4px; /* Standard Cloudinary button radius */
  box-shadow: 0 1px 2px rgba(0,0,0,0.1); /* Subtle shadow */
  transition: all 0.3s ease; /* Smooth transition for all properties */
}

[href*="/courses/"].btn--primary:hover {
  background-color: #309ce7;
  border-color: #2588d6; /* Lighter border on hover */
  box-shadow: 0 2px 4px rgba(0,0,0,0.15); /* Enhanced shadow on hover */
}

a.btn--primary[href*="/learn/enroll"] {
  background-color: #0e78cf;
  border: 1px solid #0c6ab8;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

a.btn--primary[href*="/learn/enroll"]:hover {
  background-color: #309ce7;
  border-color: #2588d6;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Edge matching fix */
[href*="/courses/"].btn--primary {
  position: relative;
  z-index: 1;
}

[href*="/courses/"].btn--primary::after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.2);
  z-index: 2;
  pointer-events: none;
}

/* To hide default registration page */

/* Hide the "You are registered" text */
p.text-centered span[id^="i18n-"] {
  display: none !important;
}

/* Hide the button */
p.text-centered a.btn.btn--primary {
  display: none !important;
}

/* Targets the widget title specifically */
.h2.widget__title {
    /* Keep your existing styles (font, color, etc.) */
    font-size: 2.5rem;          /* Preserves your desired size */
    color: #0c163b;
    font-weight: 700;

    /* Massive spacing adjustments */
    margin: 3rem 0;             /* Huge space above/below (adjust as needed) */
    padding: 1.5rem 0;          /* Extra internal spacing (optional) */
    line-height: 1.5;           /* More breathing room between lines */
    display: block;             /* Ensures margins work properly */
}

/* Optional: Override any existing smaller-screen styles */
@media (max-width: 768px) {
    .h2.widget__title {
        font-size: 2rem;    /* Slightly smaller on mobile */
    }
}

/* Increase size of Carousel font */
.featured-content-multi-carousel-item__title {
  font-size: 1.5em;    /* h3 size (down from 2em) */
  font-weight: bold;   /* h3 is bold */
  margin-top: 1em;     /* h3 margins */
  margin-bottom: 1em;
  display: block;
  line-height: 1.3;    /* Optional: Adjust line height if needed */
}

.featured-content-multi-carousel-item__description {
  font-size: 1em;           /* h4 size (~16px if base is 16px) */
  font-weight: normal;      /* Removed bold (standard h4 weight) */
  margin-top: 0.83em;       /* h4-appropriate spacing */
  margin-bottom: 0.83em;
  line-height: 1.4;         /* Maintained your readability */
  display: block;           /* Ensures proper heading behavior */
  font-family: inherit;     /* Matches surrounding text */
}

/* Hide HR Element in Self Pace Courses page */
.hr__accent {
  display: none;
}

/* Course Overview Page Edits */
/* 1. Hide "How to Enroll" text */
.widget--course-purchase_standard .enroll__title {
  display: none !important;
}

/* 2. Tight container setup */
.widget--course-purchase_standard .enroll {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto !important; /* Let content determine height */
  padding: 2px 0 !important; /* Minimal padding */
}

/* 3. Button styling */
.widget--course-purchase_standard .btn--primary {
  padding: 12px 24px !important;
  font-size: 18px !important;
  border-radius: 6px !important;
  margin: 2px auto !important; /* Micro-spacing */
}

/* 4. Text replacement */
.widget--course-purchase_standard .btn--primary span {
  display: none !important;
}
.widget--course-purchase_standard .btn--primary::after {
  content: "Enroll Now" !important;
}

/* To Hide Course Rating */
span[role="img"][aria-label="Rated 5 out of 5 stars"] {
  display: none !important;
}

/* Target the <strong> element inside .catalog-grid-item__source */
.catalog-grid-item__source strong {
  visibility: hidden; /* Hide the original text ("Class") */
  position: relative; /* Needed for absolute positioning of pseudo-element */
}

/* Replace "Class" with "Course" using ::after */
.catalog-grid-item__source strong::after {
  content: "Course"; /* New text */
  visibility: visible; /* Show the replacement */
  position: absolute;
  left: 0;
  top: 0;
}

.catalog-list-item__info strong {
  visibility: hidden;
  position: relative;
}

.catalog-list-item__info strong::after {
  content: "Course";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* Target the span containing "View Class" */
.btn.btn--link.btn--right.btn--primary {
  visibility: hidden; /* Hide original text */
  position: relative; /* Needed for absolute positioning */
}

/* Replace "View Class" with "View Course" using ::after */
.btn.btn--link.btn--right.btn--primary::after {
  content: "View Course"; /* New text */
  visibility: visible; /* Show replacement */
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap; /* Prevent line breaks */
}


.topic__content .nav_in{
  text-align: right;
}

.topic__content summary{
  cursor: pointer;
  font-weight: bold;
  color: #3448C5;
  font-size: 12px;
  margin-top: 5px;
}
.topic__content summary:hover{
}
details[open] summary::before {
  content: "▼ ";
}

details summary::before {
  content: "▶ ";
}

.topic__content,.topic__sidebar{
  margin-bottom: 0;
}


.static_img_right{
      float: right;
    margin: 0 50px;
}


.directional__nav:not(:last-of-type) {
  display: none;
}