:root {
        --font: "Barlow";
        --alt-font: "Barlow";
        --accent-color: #3d1152;
        --secondary-color: #4d5ee0;
        --link-color: #a9a9a9;
        --accent-highlight-color: #3d1152;
        --accent-highlight-background-color: #f4e7fa;
        --accent-tinted-color-70: #c5b8cb;
        --accent-tinted-color-80: #d8cfdc;
        --accent-tinted-color-90: #ece7ee;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #5c1a7c;
        --secondary-hover-color: #7885e8;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/97f3b446-a805-49dc-8c65-2c68b2b7e76d/9cg5l4lgxclv-background.png'); background-attachment: fixed; background-size: cover; }
.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/97f3b446-a805-49dc-8c65-2c68b2b7e76d/po1nlqz52ioc-small2.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
// import barlow
//@import url('https://fonts.googleapis.com/css2?family=Barlow');




/*Header Logo*/
.header .company__beta-logo {
  max-width: 150px;
}

.wrapper{

  padding-top: 1ch;
}

.header .company__beta-logo .company-logo__container img {
    max-height: 100px;
    max-width: 150%;
    padding-left: 1ch
}




/*Triangel Background*/
.tri{
  background:url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/4a6b0ea6-9b50-4061-8bda-2709b62c7774/y3cpu2nxmq9k-shqyafk4ff0a-aboutbk3.png"); 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

/*  Home Page */
#cart-button {display:none;}
.container { max-width: 100%; }
.padnone {padding:1rem 0rem !important;}
.dashboard-section9 .widget__title { font-size: 36px; font-weight: bold; color: #333;}
.iconset {padding-top:150px !important;}
.iconset .widget__title { font-size: 36px; font-weight: bold; color: #fff;}
.hero__caption .h4 { display: block; font-size: 12px; margin-bottom: 0px; }
.hero .hero__caption .hero__title { color: black; font-size: 35px; font-weight: 700;}
.hero .hero__caption span {font-size: 18px;color:black !important;}
.hero .hero__caption {background: rgba(242, 245, 247, 0.75) !important; border-radius: 0px;}
.hero .btn--primary { color:white !important; background-color: #4d69e0; border: 0px solid white; border-radius: 0px; font-size: 15px;margin-top:15px;}

/*Large Screen */
@media only screen and (min-width: 1025px){
.container { max-width: 100%; }
.header--microsite { padding: 1rem 5rem 0; background:#fff;}
.header__inner {max-height:100px;}
.header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px; bottom:100px;}
.nav--top {margin-top: 12px;}
.nav--top ul a {font-size:16px;  background:#500C76; color:#fff; border-radius: 10px; padding:7.5px;}
.nav--top ul a:hover {

      background-color: #3051db;
}
.header--microsite .top-bar .top-bar-section {  display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: right; margin-top: 15px; }
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color:#000;}
.hero .hero__caption { width: 35%; }
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Medium Screen*/
@media only screen and (min-width: 48.063em){
.header--microsite { padding: 1rem 5rem 0; background:#fff;}
.header__inner {max-height:60px;}
.header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px; bottom:100px;}
.nav--top {margin-top: 12px;}
.nav--top ul a {font-size:16px; text-transform:none; background:#500C76; color:#fff; border-radius: 10px;}
.nav--top ul a:hover {font-size:16px; text-transform:capitalize; background:transparent; color:#500C76; border: 2px solid #500C76; border-radius: 10px;}
.header--microsite .top-bar .top-bar-section {  display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: right; margin-top: 15px;}
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color:#000;}
.hero .hero__caption { width: 35%; }
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Mobile Screen*/
@media (min-width: 768px) and (max-width: 1024px){
.header--microsite { padding: 1rem 1rem 0; /*height:100px;*/ background:#fff;}
.top-bar{    overflow: hidden; height: 3rem; line-height: 3rem; position: relative; background: #fff; margin-bottom: 0;}
.nav--top {margin-top: 12px;}
.nav--top ul a {font-size:12px; text-transform:capitalize; background:#500C76; color:#fff; border-radius: 10px; padding:7.5px;}
.nav--top ul a:hover {font-size:12px; text-transform:capitalize; background:transparent; color:#500C76; border: 2px solid #500C76; border-radius: 10px; padding:7.5px;}
}

/*  Dashboard */
.dashboard-section6 {background-color: #efeff6;}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }  
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 15px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: #61b440;}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }


 /*Divider */
.tios-divider{  background: #f2f2f2; color: #F0F1F2;}
.tios-divider .left-col {  width: 32px; height: auto;}
.tios-divider .right-col .title { font-size: 14px;}
/*tios-Cards*/
.tios-container { display: flex; flex-wrap: wrap;}
.tios-container .tios-card { width: 100%; height: auto; min-height: 205px; border:2px solid #F1F3F5;  background-color: #F1F3F5; transition: 0.3s all ease-in-out; position: relative;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px 1px  #DDD; -moz-box-shadow:    0px 1px 3px 1px  #DDD;box-shadow:         1px 1px 3px 1px  #DDD; }
.tios-container .tios-card .cardContent {display: flex; flex-direction: column; justify-content: left; align-items: left; text-align: left; padding: 24px; }
.tios-container .tios-card .cardContent .icon {color: #343A40; font-size: 32px; padding: 8px 0px;}
.tios-container .tios-card .cardContent figure { margin: 0;}
.tios-container .tios-card .cardContent .title {font-size: 24px; color: #000; font-weight: bold; margin:0px;}
.tios-container .tios-card .cardContent .desc { color: #868E96; font-size: 16px; line-height:24px; padding: 8px 0px;}
.tios-container .tios-card a { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.tios-container .tios-card:hover {box-shadow: none;border:2px solid #697885;}

.top-bar-section li:not(.has-form) a:not(.button) {
   padding: 0 1rem;
   line-height: 5rem;}


   /* Add a black background color to the top navigation */
.topnav {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  padding-bottom: 1ch;
  font: Barlow;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #000000;
  text-align: center;
  padding:6px 10px;
  text-decoration: none;
  font-size: 16px;
}

/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #ddd;
  color: rgb(122, 117, 117);*/
  border-bottom: solid 4px #500C76;
  
}




/* Add a color to the active/current link */
.topnav a.active {
  background-color: #500C76;
  color: white;


}


.nav--global-links {
  background-color: #500C76;
  padding: 3px 0;
}

.global-nav__container {
  height: 40px;
  background-color: #500C76;
}



/* topnav image and links */
.wrapper { 
  border : 0px solid #000; 
  overflow:hidden;
   
}

.wrapper div {
   min-height: 100px;
   padding: 5px;
     background-color: #500C76;
}
#one {
  background-color:transparent;
  float:left; 
  margin-right:10px;
  width:210;
  vertical-align:text-bottom;
  border-right:0px solid #000;
 
   

}
#two { 
  background-color: white;
  overflow:hidden;
  margin:0px;
  border:0px dashed #ccc;
  min-height:10px;
}

/* top top 11111111111 1111111*/ 
.nav--global-links a{ 
  background-color: #500C76;
  overflow:hidden;
  margin:0px;
  padding-top: 100px;
  color: #ffffff;
text-align: right;
font-size: 17px;
  
}
.nav--global-links { 
  background-color: #500C76;
  overflow:hidden;
  margin:0px;
  color: #d12525;
text-align: right;
padding-right: 10px;
padding-top: 7px;
vertical-align: middle;
width: 100%;
 
}
/* newcont featured-content-block-grid*/ 
.newcont { 
 
  overflow:hidden;
  margin:30px;
  color: #ffffff;
text-align: right;
padding-left: 130px;
width: 85%;
height:80%;
 
}

.nav--top ul a 
{
border-radius: 0px;

}

.nav--top ul a:hover{
border-radius: 0px;
}
.course__detail__container{
padding-top: 100px;
}

/* for hero carousel */

.featured-content-carousel-item__overlay {
  background: rgba(255, 255, 255, 0.6);
  bottom: 0;
  left: 0;
  padding: 1em 1em 3.75em;
  position: absolute;
  width: 100%;
  


   background-color: rgba(80, 12, 118, 0.929); /* For browsers that do not support gradients */
 background: linear-gradient(90deg, rgba(78, 11, 116, 0.929), rgba(255,255,255,0));


}
                
.featured-content-carousel-item__title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0;
}

.featured-content-carousel-item__description {
  color: rgb(255, 255, 255);
  
  font-size: 1.0rem;
  margin-bottom: 0;
  margin-top: .5em;
}

.featured-content-carousel__dot {
  background: #ffffff;
    background-color: rgb(101, 101, 101);
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.featured-content-carousel__dot--active {
  background-color: #ffffff;
  
}
/*purple icon bar */
.mainlink{
 
margin-top: 40px;
margin-bottom: 0px;
height: 200px;
font-weight: bold;
  background-color: #500C76;
  color: #500C76;
opacity: 1.0;
}
.mainlink.about-block__text.hover{

  opacity: 0.2;
        transform: scale(1.1);
        transition: all .5s ease-out;
}

li.about-block__container .about-block__text h3 {
  color: #500C76;
  text-transform: uppercase;
}


li.about-block__container .about-block__text h3 {
  color: #ffffff;
  text-transform: uppercase;
}

li.about-block__container .about-block img.tios-card:hover {
  opacity: 1.0;
        transform: scale(1.1);
        transition: all .5s ease-out;
}


.about-block__text.hover {
 opacity: 0.8;
        transform: scale(1.1);
        transition: all .5s ease-out;
}


.about-block__text:hover{

 opacity: 1.1;
 transition: all .4s ease-in-out;
transform: scale(1.1); 
}

/*purple icon bar */

/*portfolios-------------------------------------------------------------------------------





 .featured-content-multi-carousel-item {
  background: #363D42;
opacity: 0.8;
 font-weight: lighter;
}

.featured-content-multi-carousel-item:hover  {
  /*background: #93B0FF;
   background: #000000;
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
transform: scale(1.01); 
opacity: 1.1;
 transition: all .4s ease-in-out;
}

.featured-content-multi-carousel-item__title{
color:white;
}



portfolio1{

  width: 50%;

}

 /*
.btn--bare-icon i {
  padding: 0;
  color: #500C76;
  scale:150%;
  font-size:xx-large;
  font-weight: bold;
  }

.featured-content-multi-carousel__nav-right {
position: absolute;
right: 0em;
top: 49%;
}

.featured-content-multi-carousel__nav-left {
position: absolute;
left: 0em;
top: 49%;
}

.featured-content-multi-carousel {
  max-width: 90%;
  overflow: hidden;
  position: center;
  white-space: nowrap;
  margin-left: 100px;
  margin-right: 100px;
}
*/
/*reponsive iframe-------------------------------------------------------------------------------*/

/*2ndrow portfolio*/



div.portfoliorow2{
 
padding-top: 72px;
        
            width: 80%;
      }
      

div.portfoliorow1{
 
align-self: center;
 
 width: 80%;
padding-top: 72px;


}

div.search1{
 
align-self: center;
 padding:0;
 width: 80%;
}

.widget__subtitle, .widget__title {
  text-align: left;
  font-weight: bold;
}

/*.learner__language__selector {
 top: 0;
  position: fixed;
}*/



    /*portfolio icons*/

    .featured-content-multi-carousel-item:hover,featured-content-multi-carousel-item__title{

      background-color:#E6E6E6;
    
    
}
.featured-content-multi-carousel-item{

background: #f6f6f6;
    border-right: 2px solid #fff;
    height:390px;
    
}
.featured-content-multi-carousel-item__description{

font-size: .9rem;
}

enghero{
 

        
            height: 80%;
      }

/*CSS to add USD next to Ti Pricing*/
.enroll__price:before { 
   /* content:'USD ';*/


}

.enroll__price::after {

}



/*test for displaying new currency*/
.catalog-grid-item__source::after {
 /*content: 'KRW 12000' ;*/
}


.catalog-grid-item__price::before { 
    content:'USD ';
}


/*CSS for changes from Marketing - account and info screen PS*/ 
.dashboard-account-tab--inactive {

    background-color:#4D5EE0
}

.dashboard-account-tab--active {
    background-color: #BECCD6;
    font-weight: 700;
}

.dashboard-account-tab:hover {
    background-color: #3051db
      
}

.btn--primary--manager{
  background-color:#4D5EE0

}

.btn--primary {

    background-color:#4D5EE0;
    border-radius: 0px;
    border: none;
}

input[type=submit].btn {
    border-radius: 0px;
}
.btn--primary:hover {
    background-color: #3051db
      
}

.btn--submit {

   background-color: #545C69
}



/* My dashboard / button PS*/

.nav--top ul a {
    font-size: 16px;
    text-transform:none;
    background: #4D5EE0;
    color: #fff;
    
}

.nav--top ul a:hover {
     border: none;
     background-color: #3051db;
    font-size:16px;
    text-transform:none;
     color:white
}

/*side menu link color PS*/

.btn.catalog-aggregation__value {
    color: #4D5EE0;
    font-weight:500;
    display: inline-block;
    font-size: 16px;
    font-size: .875rem;
    margin: 0 0 0 1.4em;
    text-align: left;
}

/*   course Details */

.tabs .tab-title{

  color: #4D5EE0;
}

/*  contact us page */


.contact-block{
 
 
}

.contact-block .contact-block__action {
    margin-bottom: 0;
    background-color: #545C69;
}

.contact-block .contact-block__action:hover {
    margin-bottom: 0;
    background-color: #455946;
}


/* HR gradient PS*/

.HR1 {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, #FA9614, #F70656);
}

/* search bar padding */

.search-bar-widget input {
   margin-bottom: 72px;
}

/* carousel button ps*/


.btn i, button i {
    padding-right: 0.25em;
    border:0px;
}



.learner__container__toggle {
    color: var(--accent-contrast-color);
    overflow: visible;
}

.header--student {
    background: #fff;
    -webkit-box-shadow: 0 0 12px -2px rgba(0,0,0,.25);
    box-shadow: 0 0 12px -2px rgba(0,0,0,.25);
    margin-bottom: 20px;
    width: 100%;
    z-index: 1;
}

/*direction nav buttons in course

    .expandable-sidebar__toggle {
    background-color: var(--accent-color);
    color: var(--accent-contrast-color);
    cursor: pointer;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    padding: 0.5rem 0.35rem 0.35rem 0.75rem;
    text-transform: uppercase;
}





.directional__nav__button {
    background-color:  #4D5EE0
   
}

.expandable-sidebar__toggle {
    background-color: #4D5EE0
   
} PS*/

/* course start button PS*/

.btn--alt.btn--primary {
    background-color: #4D5EE0;
    border-color: var(--accent-color);
    color: white
}

.btn--alt.btn--primary:hover {
    background-color: #3051db;
    border-color: var(--accent-color);
    color: white
}

/* to address the small font in detail sidebar */

small {
      
    color: #656565;
    font-size: 1rem;
     
}

/* number pages buttons on bottom  */

.pagination__controls-button.active {
    background-color: #4D5EE0;
    border-color: var(--accent-color);
    color: var(--accent-contrast-color);
    pointer-events: none;
}

/* remove the gifting option */

.icon-gift::after{

display: none;

}

 
.enroll__secondary-actions>.btn {
    color: #c23a3a;
    display: none;
}

h5{

  font-size: 1.1rem;
}



/*training tracks */
.featured-content-multi-carousel-item__description {
    font-size: .9rem;
}
/*training tracks */
.featured-content-multi-carousel-item {
    background: #f6f6f6;
    border-right: 2px solid #fff;
    height: 300px;
}

.dropdowna .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {
 border-bottom: #3051db;
 border-width: 2ch;
 color: #3051db;
 
}

/* Order form move down */

.checkout__order {
 padding-top: 5.5rem;

}


.has-tooltip.tooltip:after{

  content: 'whatever it is you want to add';

}


/* hide learning path runs */
.course__detail__runs{
   display: none;
}


/* contact block resize*/
.contact-block__description{
 color: #000000;
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0;

}


//hide additional foot

.footer__company__name{
display: none;
}


//for the faq
.link1 {
    color: blue;
}

.editor-content a:not(.btn) {
    color: blue;
}



/// h3 within scorm page change font

.standalone-scorm__iframe-container{
  background-color:#3051db
}



/// pi training track width



//block-grid-.featured-content_standard.trainingtrackdisplay {
   
  //width: 50%
//}

.icon-stopwatch {
   content: url('https://media.thoughtindustries.com/course-uploads/c5cb50e6-b85c-41ee-8f59-af8ef5a35766/rp0zlgvwdzfh-calendaricon1.png');
 
  
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
  
  }

.learning-path-detail-milestone-item__cta {
  visibility: hidden;
    background: none!important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    height: auto;
    padding: 0
}