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

      :root {
        --font: Open Sans;
        --alt-font: Open Sans;
        --accent-color: #fca000;
        --secondary-color: #7a2222;
        --link-color: #871b7a;
        --accent-highlight-color: #633f00;
        --accent-highlight-background-color: #ffebc9;
        --accent-tinted-color-70: #fee3b3;
        --accent-tinted-color-80: #feeccc;
        --accent-tinted-color-90: #fff6e6;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #c98000;
        --secondary-hover-color: #a22d2d;
        --secondary-contrast-color: #fff;
        --link-hover-color: #d632c2;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/eeb2821f-539d-403f-b876-176bf31018f6/nzvt3hpum252-blackbgtesting.png'); background-repeat: repeat; background-size: auto; }
.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/eeb2821f-539d-403f-b876-176bf31018f6/g2i2oyf7fytr-graffitiGlass_drip.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.header--microsite {
    background-color: #003b5c;
  }
.header{
    background-color: #003b5c;
  }
.header .company__beta-logo .company-logo__container img {
  max-height: 100px;
  max-width: 90%;
  margin-bottom: 15px;
  margin-left: 15%;
  background-color: #003b5c;
}
.dashboard-header__name {
  color: #ffffff;
}
.footer .footer__links{
  color: #ffffff
}
.application {
  max-width: 1600px;
  margin: auto;
}
.navigation-bar.top-bar {
    background-color: #003b5c;
  }
.ember-view .top-bar {
    background-color: #003b5c;
    border: 1px solid #003b5c;
  }
  .navigation-bar .top-bar-section ul.left {
  border-bottom: 1px solid #003b5c;
  width: 100%;
}
.nav--top ul button {
  color: #fff;
}
.nav ul a, .nav ul button {
  color: #fff;
}
.company__school-name {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight:normal;
  margin-left:auto;
  text-transform: none;
}
.company__school-name__divider {
  border-left: 0px solid #e9e9e9;
}
@media only screen and (min-width: 48.063em) {
  .top-bar-section li:not(.has-form) a:not(.button) {
    color: #000;
    font-size: 10pt;
  }
}
/* @media only screen and (min-width: 48.063em) {
  .top-bar {
    border-bottom: 0;
    border-top: 1px solid #e9e9e9;
    margin-left: 40%;
    margin-top: -3%;
    position: absolute;
    right: 244.500;
  }
  .ember-view.top-bar {
    left: 730.297px;
    right: 244px;
    margin-left: 0;
  }
} */
.footer__inner {
   background-color: #003b5c;
}
.footer__company__info {
  color: #fff;
}
.footer__links a {
  color: #fff;
}
.dashboard-stat--collaborations {
  display:none !important;
}
.share__container {
  display: none;
}

/*********************************************************
***           DIGITAL INTELLECTIVE CSS START           ***
*********************************************************/
/*** FIX FOOTER PADDING ***/
.footer .footer__company__info {
		margin-bottom: 0;
}

.footer__inner {
    padding: 1rem 2rem;
}

.footer {
    padding: 0;
}

/*** HEADER LINKS - FRONT END PAGES ***/
/* Responsiveness Positioning */
@media (max-width: 48.063em) {
.ember-view .top-bar {
	display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px;
}
	
	.header .company__beta-logo {
		max-width: 100%;
		width: 100%;
	}
	
	.ember-view.company-logo__container {
		text-align: center;
	}
	
	.header .company__beta-logo .company-logo__container img {
		max-width: 75%;
		margin-left: 0;
	}
}

@media (min-width: 48.063em) {
.ember-view .top-bar {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 90.063em) {	
.ember-view .top-bar {
    display: inline-block;
    margin-left: 120px;
    position: absolute;
    bottom: 0;
}
}

/*** HEADER LINKS - DASHBOARD ***/
@media (min-width: 48.063em) {	
/* Logo Positioning */
.header--dashboard > .header__inner > .row > .small-6 {
	padding-left: 0;
	padding-right: 0;
}

/* Navigation Positioning */
.widget--navbar.csc-dashboard-nav {
	display: inline-block;
	margin-top: -5px;
	padding: 0 0 1rem 0;
}

.widget--navbar.csc-dashboard-nav .top-bar {
        display: inline-block;
        margin-left: 41.3%;
        position: absolute;
        bottom: 1.2px;
    }
	
.widget--navbar.csc-dashboard-nav .top-bar-section ul li {
    background: #fff;
    padding: 1px !important;
}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #f6f6f6;
	}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):focus {
    background-color: #f6f6f6;
}

.navigation-bar .top-bar-section .has-dropdown>a {
		padding-right: 2.32rem !important;
	}
	
/* Text Formatting */
 .widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button) {
		color: #000;
		font-size: 10pt;
		background: #fff;
		font-weight: 400;
	 	text-transform: none;
	 	line-height:3rem;
	 	padding: 0 1rem;
}

	
/* Parent Drop Down Styling */
.widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown {
		padding-left: 0 !important;
	}
	
/* Drop Down Arrow Position */
   .widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown>a:after {
	margin-top: -2.5px;
	top: 1.5rem;
	right: 0;
}
}

@media (max-width: 48.063em) {
    .ember-view .top-bar {
        background-color: transparent;
        border: 0;
		margin-bottom: -0.5rem;
	}
	
	.top-bar .toggle-topbar button {
    color: black;
	}
	
	.top-bar .toggle-topbar.menu-icon button span:after {
    -webkit-box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
    box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
	}
	
	.widget--hero-image.csc-dashboard-hero .picturefill {
		display: none;
	}
}

@media (min-width: 50em) {	
	.widget--navbar.csc-dashboard-nav .top-bar {
		bottom: 14px;
	}
	
}

@media (min-width: 64.063em) {	
/* Logo Positioning */
.header--dashboard > .header__inner > .row > .small-6 {
	padding-left: 0;
	padding-right: 0;
}
	
/*	Hide School Name - Not Enough Room */
.company__school-name {
		display: none;
	}

/* Navigation Positioning */
.widget--navbar.csc-dashboard-nav {
	display: inline-block;
	margin-top: -3rem;
	padding: 0 0 1rem 0;
}

.widget--navbar.csc-dashboard-nav .top-bar {
        display: inline-block;
        margin-left: 30%;
        position: absolute;
        bottom: 1.2px;
    }
	
.widget--navbar.csc-dashboard-nav .top-bar-section ul li {
    background: #fff;
    padding: 1px !important;
}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #f6f6f6;
	}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):focus {
    background-color: #f6f6f6;
}

.navigation-bar .top-bar-section .has-dropdown>a {
		padding-right: 2.32rem !important;
	}
	
/* Text Formatting */
 .widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button) {
		color: #000;
		font-size: 10pt;
		background: #fff;
		font-weight: 400;
	 	text-transform: none;
	 	line-height:3rem;
	 	padding: 0 1rem;
}

	
/* Parent Drop Down Styling */
.widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown {
		padding-left: 0 !important;
	}
	
/* Drop Down Arrow Position */
   .widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown>a:after {
	margin-top: -2.5px;
	top: 1.5rem;
	right: 0;
}
}

@media (min-width: 90.063em) {	
/* Logo Positioning */
.header--dashboard > .header__inner > .row > .small-6 {
	padding-left: 0;
	padding-right: 0;
}
	
/*	Hide School Name - Not Enough Room */
.company__school-name {
		display: inline;
	}

/* Navigation Positioning */
.widget--navbar.csc-dashboard-nav {
	display: inline-block;
	margin-top: -3rem;
	padding: 0 0 1rem 0;
}

.widget--navbar.csc-dashboard-nav .top-bar {
        display: inline-block;
        margin-left: 41.3%;
        position: absolute;
        bottom: 1.2px;
    }
	
.widget--navbar.csc-dashboard-nav .top-bar-section ul li {
    background: #fff;
    padding: 1px !important;
}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #f6f6f6;
	}
	
.widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button):focus {
    background-color: #f6f6f6;
}

.navigation-bar .top-bar-section .has-dropdown>a {
		padding-right: 2.32rem !important;
	}
	
/* Text Formatting */
 .widget--navbar.csc-dashboard-nav .top-bar-section li:not(.has-form) a:not(.button) {
		color: #000;
		font-size: 10pt;
		background: #fff;
		font-weight: 400;
	 	text-transform: none;
	 	line-height:3rem;
	 	padding: 0 1rem;
}

	
/* Parent Drop Down Styling */
.widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown {
		padding-left: 0 !important;
	}
	
/* Drop Down Arrow Position */
   .widget--navbar.csc-dashboard-nav .top-bar-section .has-dropdown>a:after {
	margin-top: -2.5px;
	top: 1.5rem;
	right: 0;
}
}

/* Drop Down Styling */
.widget--navbar.csc-dashboard-nav .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
	background: #f6f6f6;
	color: #333;
	font-size: 10pt;
	padding: 0 1rem !important;
}

.widget--navbar.csc-dashboard-nav .navigation-bar .dropdown li {
		box-shadow: 0 0 0 0 #333;
}

/* Positioning of Hero Widget Below Navigation */
.widget--hero-image.csc-dashboard-hero {
	padding-top: 0 !important;
	margin-top: -5px;
}

/* Remove Border */
 .widget--navbar.csc-dashboard-nav .navigation-bar .top-bar-section ul.left {
    border-bottom: none;
}



/* Drop Down */
.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):focus {
	background: #f6f6f6 !Important;
}




/*** BLUE ADMIN HEADER ***/
/* Turn Text White on Events Admin Header */
body.manager .header--secondary-manager .header__title h4 {
	color: white;
}

body.manager .header--secondary-manager .header__title .ml-1 {
    color: white !important;
}

/* Turn Text White on Search Bar */
input.manager-search-bar-input {
    color: white !important;
}

input.manager-search-bar-input {
	color: white !important;
}

/* Turn Search Icon White */
body.manager .header--secondary-manager a {
	color: white;
}

/* Remove White Background from Buttons */
body.manager .header--secondary-manager > .header__inner > .flex.items-center.flex-grow.gap-3 > .bg-white {
	background-color: transparent;
}

/* Make Background of Collapse Sidebar Button White */
.secondary-sidebar__container.collapsed .secondary-sidebar>.secondary-sidebar__collapse-button {
	background-color: white;
}

/* Title in Left Admin Sidebar */
body.manager .m-5 {
	color: white;
}

/***EVENTS ADMIN ***/
/* Save Button Positioning */
.course__auth--header {
	position: relative;
}

/*** DASHBOARD DESIGN CHANGES ***/
/* Hero Image */
/* Hero Caption Formatting */
.widget--hero-image.csc-dashboard-hero .hero .hero__caption {
        background: transparent;
}

.widget--hero-image.csc-dashboard-hero .hero .hero__caption {
	max-width: 90%;
}

/* Hero Image Reponsiveness */
@media (min-width: 24em) {	
	.widget--hero-image.csc-dashboard-hero .hero {
   		display: block;
		margin-bottom: 0;
}
	
	.widget--hero-image.csc-dashboard-hero	.hero .hero__caption {
		padding: 1rem;
	}
	
	.widget--hero-image.csc-dashboard-hero .hero .hero__caption .hero__title {
		color: inherit;
		font-size: 3rem;
	}
}

@media (min-width: 40.063em) {
	.widget--hero-image.csc-dashboard-hero .hero .hero__caption .hero__title {
		font-size: 4rem;
	}
	
}

@media (min-width: 769px) {
.widget--hero-image.csc-dashboard-hero .hero {
	display: flex;
	margin-bottom: 1rem;
}
	
	.widget--hero-image.csc-dashboard-hero .hero .hero__caption {
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: center;
	bottom: auto;
}
	
.widget--hero-image.csc-dashboard-hero .hero .hero__caption .hero__title {
	margin-bottom: 0;
	color: white;
	font-weight: 900;
	font-size: 2.5rem;
	line-height: 1;
}
}

@media (min-width: 64.063em) {
	.widget--hero-image.csc-dashboard-hero .hero .hero__caption .hero__title {
	font-size: 3rem;
}
}

@media (min-width: 90.063em) {
	.widget--hero-image.csc-dashboard-hero .hero .hero__caption .hero__title {
	font-size: 4rem;
}
}

/* Three Top Boxes */
.widget--featured-content.csc-dashboard-three-blocks .catalog-item {
	background-color: #ececec;
	box-shadow: 0 0 5px #bcbcbc;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-item .catalog-grid-item {
	border: 0px;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-grid-item__title {
	height: auto !Important;
	margin-bottom: 0.5em;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-grid-item__body .catalog-grid-item__hr {
	display: none;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-grid-item__body .catalog-grid-item__cta-container {
	display: none;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-grid-item__body .catalog-grid-item__title {
	color: #003b5c;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.widget--featured-content.csc-dashboard-three-blocks .catalog-grid-item__body .catalog-grid-item__description {
	color: black;
}

/* Catalog Widget */
.widget--catalog.csc-dashboard-catalog .catalog-grid-item__title {
	height: auto !Important;
	margin-bottom: 1em;
}

.widget--catalog.csc-dashboard-catalog .medium-9 > ul {
	display: flex;
	flex-wrap: wrap;
}

.widget--catalog.csc-dashboard-catalog .catalog-item {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    height: 100%;
}

/* Header Arrow */
.dashboard-header__arrow {
	color: white;
}

/*** CORPTAX CERTIFICATIONS PAGE ***/
/* Hero Caption Formatting */
.widget--hero-image.csc-corptx-hero .hero .hero__caption {
        background: transparent;
}

/* Hero Image Reponsiveness */
@media (min-width: 24em) {	
	.widget--hero-image.csc-corptx-hero .hero {
   		display: block;
		margin-bottom: 0;
}
	
	.widget--hero-image.csc-corptx-hero	.hero .hero__caption {
		padding: 1rem;
	}
	
	.widget--hero-image.csc-corptx-hero .hero .hero__caption .hero__title {
		color: inherit;
		font-size: 3rem;
	}
}

@media (min-width: 40.063em) {
	.widget--hero-image.csc-corptx-hero .hero .hero__caption .hero__title {
		font-size: 4rem;
	}
	
}

@media (min-width: 769px) {
.widget--hero-image.csc-corptx-hero .hero {
	display: flex;
	margin-bottom: 1rem;
}
	
	.widget--hero-image.csc-corptx-hero .hero .hero__caption {
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: center;
	bottom: auto;
}
	
.widget--hero-image.csc-corptx-hero .hero .hero__caption .hero__title {
	margin-bottom: 0;
	color: white;
	font-weight: 900;
	font-size: 2.5rem;
	max-width: 90%;
}
}

@media (min-width: 64.063em) {
	.widget--hero-image.csc-corptx-hero .hero .hero__caption .hero__title {
	font-size: 3rem;
}
}

@media (min-width: 90.063em) {
	.widget--hero-image.csc-corptx-hero .hero .hero__caption .hero__title {
	font-size: 4rem;
}
}
	

/* Four Header Buttons Formatting */
.widget--featured-content.csc-corptax-buttons .catalog-grid-item__body {
    display: none;
}

.widget--featured-content.csc-corptax-buttons .catalog-grid-item {
	border: 0px solid #e9e9e9;
    padding: 1rem;
    box-shadow: 0 0 5px #bcbcbc;
    border-radius: 0 80px 80px;
}

/* Headers */
.widget--one-column_standard.csc-corptax-content h2 {
	color: #003b5c;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0.5rem;
	margin-top: 2rem;
}

/* Bullet Indents */
.widget--one-column_standard.csc-corptax-content ul {
	padding-left: 1rem;
}

/* Table Font Size */
.widget--one-column_standard.csc-corptax-content table:not(.tw-override) {
	font-size: 0.9rem;
	}

/* Table Headings */
.widget--one-column_standard.csc-corptax-content th {
	background-color: var(--accent-color);
    color: white;
	font-weight: bold;
}



/*********************************************************
***            DIGITAL INTELLECTIVE CSS END            ***
*********************************************************/

 /* to fix header coloring in admin portal only */ 
.application--admin .header--secondary-manager .header_title {
    color: white;
}

/* to hide gift this learning path*/
.enroll__secondary-actions {
	display:none
}
.course__detail__runs {
	display:none
}
/*** CALENDAR ICON ***/
.icon-stopwatch::before {
  content: "";
  background-image: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/f4a22314-fc07-4cda-bb13-dbcebd53276d/slwkdniqyno1-calendar-regular1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;  
  height: 22px; 
  display: inline-block;  
}
.button-container {
  font-size: 0;  
}

.btn {
  display: inline-block;
  vertical-align: bottom;  
  padding: 10px 20px;
  font-size: 14px;
}
/* Custom Code to hide the archived content */
.dashboard-access-tabs .dashboard-access-tab--archived {
	display: none !important;
}