@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

      :root {
        --font: Montserrat;
        --alt-font: Montserrat;
        --accent-color: #323d7a;
        --secondary-color: #f5fad5;
        --link-color: #a9a9a9;
        --accent-highlight-color: #323d7a;
        --accent-highlight-background-color: #e8eaf6;
        --accent-tinted-color-70: #c2c5d7;
        --accent-tinted-color-80: #d6d8e4;
        --accent-tinted-color-90: #ebecf2;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #414f9e;
        --secondary-hover-color: #eaf5a7;
        --secondary-contrast-color: #111;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/c30ddc04-1c23-4e27-8e1d-6ec3f9bc9569/dpy81vq0pvjf-Whitebackground.jpg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/course-uploads/98113168-0bfc-4061-9ae5-05898262b3c3/d094086e-cd7f-56cf-88d2-c356b4f9b3f1') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*---Global Changes---*/
.layout__content .widget {padding: 0rem; margin:0;}
.container {max-width: 100% !important;}
.home__content {background-color: #ffffff;}
.pad {padding: 1em 4em!important;}
.padbig {padding: 2em 6em!important;}
html {scroll-behavior: smooth; }

/*---Navigation Links---*/
.global-nav__container {
  max-width: 100%;
}

.nav.nav--global-links {
  width:100%;
  background-color: #E2D34C;
  height: 35px;
}

.nav.nav--global-links a {
  color: #000000;
  font-weight: 500;
  font-size: 12px;
}

/*---Site Logo Size---*/
.header.header--microsite .header__inner .company__beta-logo .company-logo__container img, .header.header--dashboard .header__inner .company__beta-logo .company-logo__container img, .header.header--article .header__inner .company__beta-logo img {
  max-height: 80px;
}

/*---Site Header Color & Position---*/
.header.header--microsite, .header.header--article, .header.header--dashboard {
  background-color: #ffffff;
}

.header__inner {
  padding:1rem;
}

/*---My Dashboard Button---*/
.nav--top ul a {font-size:16px; text-transform:capitalize; background-color:#4CA8BA; color: #ffffff; border-radius: 10px; padding:10px;}
.nav--top ul a:hover {font-size:16px; text-transform:capitalize; background:#E2D34C; color:#000000; border: 2px solid var(--accent-color); border-radius: 15px; padding:7.5px;}
#cart-button {color: #ffffff;} 

/*---Dashboard Avatar Styling---*/
.ember-view.avatar.print_border-neutral-300 {height: 55px; width: 55px;}
.ember-view.avatar.print_border-neutral-300 img {height: 55px; width: 55px;}
.dashboard-header__name {display:none;}

/*---Dashboard Navigation Widget---*/
.surface-purple {
  background-color: #4CA8BA;
}

.two-col.right .roles {
  display: flex;
  gap: .5rem;
  flex-direction: row;
  max-width: 500px;
  flex-wrap: wrap;
}

a.btn.btn--large:hover {
  border-color: #ffffff;
  border-radius: 5px;
  color: #ffffff;
  background-color: #000000;
  font-size: 16px;
  padding: 7px 12px 7px 12px;
  text-decoration: none;
}

a.btn.btn--large {
  border-color: #ffffff;
  border-radius: 5px;
  color: #000000;
  background-color: #DFD463;
  font-size: 16px;
  padding: 7px 12px 7px 12px;
  text-decoration: none;
}

/*---Access Widget---*/
.jldash .dashboard-access__header {
  background: #f1f4fc;
}
.jldash .dashboard-access__header.dashboard-access__header--expanded {
  background: #f1f4fc;
}
.dashboard-access-tabs.unlist {
  background: #f1f4fc;
}
.jldash .dashboard-access-tab--inactive {
  background-color: #f1f4fc;
}
.jldash .dashboard-access-tab--active {
  background-color: #ffffff;
}

/*---Widget Location Block---*/
.bland.ember-view.row.widget.widget--one-column.widget--one-column_standard {
  background-color: #f0f6f8;
}

/*---Catalog Stlying---*/
.catalog-feature h3 {
  font-size: 20px;
  font-weight: 400!important;
}

.catalog-feature .catalog-grid-item {
  border-radius: 5px; 
  border-color: #64A6B8;
  background-color: #f0f6f8;
}

.catalog-feature .catalog-grid-item__description {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #f0f6f8;
}

.catalog-feature .catalog-grid-item__hr {
  display: none;
}

.catalog-feature .catalog-grid-item__cta-container {
  height: 50px;
  padding: 25px 10px 0px;
}

.catalog-feature .catalog-grid-item__asset {
  border-radius: 5px 5px 0px 0px;
} 

/*---Credly Widget Padding---*/
.widget--credly.widget--credly_standard {
  padding: 2em 6em!important;
}

/*---Adjust Size of Discussion Widget---*/
.ember-view.row.widget.widget--discussion-board.widget--discussion-board_standard {
  padding: 1em 4em!important;
}

/*---Hide Support Link in Course Sidebar---*/
a.expandable-sidebar__link[href$=‘/support’] {
  display: none;
}

/*---Homepage Hero Widget---*/
.homeheroleft .hero .hero__caption {
  background: transparent;
  text-align: left;
  max-width: 800px;
  left: 0em;
  top: 3em;
}

.homeheroleft .hero .hero__caption .hero__title {
  color: #ffffff;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 50px !important;
  margin-top: 2em;
  margin-bottom: 0em;
}

.homeheroleft .hero .hero__caption .h4 {
  color: #F7EC5B;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 20px !important;
  margin-bottom: 0em;
}

.homeheroleft .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 15px;
  color: #ffffff;
  background-color: #4CA8BA;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 17em;
}

.homeheroleft .hero__caption a.btn.btn--primary:hover {
  display: block;
  border-radius: 20px;
  color: #000000;
  background-color: #E2D34C;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 17em;
}

/*---FAQ Banner---*/

.faq_hero {
  background: linear-gradient(#0006, #0006), url(https://images.unsplash.com/photo-1665789318391-6057c533005e?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 60vh;
  display: flex;
  justify-content: center;
}

.faq-inner {
  text-align: center;
  padding: 0 1.5rem;
  display:flex;
  gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.faq-inner h1 {
  color: #ffffff;
  margin: 0;

}

.faq-inner p {
  color: #ffffff;
  margin: 0;
}

/*---Custom Footer Styling---*/
.footer, .footer .footer__inner {padding: 0;}
.footer .footer__inner .footer__company__info {display: none;}
.cFooter {padding: 64px 8%; background: #272C30; color: #ffffff; position: relative;}
.cFooter p {font-size: 14px; line-height: 24px; margin-bottom: 32px;}
.cFooter::before {content: ''; display: block; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff;}
.cFooter .ftWrap {display: block; /*margin-bottom: 32px;*/}
.cFooter .ftWrap::after {content: ''; display: block; clear: both;}
.cFooter .ftWrap .navigation {float: right; width: 48%;}
.cFooter .ftWrap .socialSignup {float: left; width: 48%;}
.cFooter .ftWrap .social {margin-bottom: 20px;}
.cFooter .ftWrap .social ul {display: block; margin: 0; padding: 0;}
.cFooter .ftWrap .social ul li {display: inline-block; margin-right: 4px;}
.cFooter .ftWrap .social ul li i {display: block; width: 24px; line-height: 24px; background: #a6a6a6; border-radius: 50%; text-align: center; font-size: 16px; color: #000; font-family: "Font Awesome 5 Brands"; font-size: 14px;}
.cFooter .navigation h4 {color: #ffffff; font-weight: 600;}
.cFooter .navigation .col {display: inline-block; width: 48%;}
.cFooter .navigation ul {display: block; margin: 0; padding: 0;}
.cFooter .navigation ul li {display: block; border-top: 1px solid #ffffff;}
.cFooter .navigation ul li a {color: inherit; font-size: 13px; padding: 12px 0; display: block; color: #ffffff;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{
/* Extra small devices (phones, 600px and down) */
.placeholder {}
.padbig {padding: 1em 1em!important;}
}