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

      :root {
        --font: Open Sans;
        --alt-font: Poppins;
        --accent-color: #f6881f;
        --secondary-color: #5f6062;
        --link-color: #0000ff;
        --accent-highlight-color: #773d05;
        --accent-highlight-background-color: #fef0e3;
        --accent-tinted-color-70: #fcdbbc;
        --accent-tinted-color-80: #fde7d2;
        --accent-tinted-color-90: #fef3e9;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #d96f09;
        --secondary-hover-color: #78797c;
        --secondary-contrast-color: #fff;
        --link-hover-color: #6666ff;
      }
      

.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/ebcec5bf-68a7-4e15-80d6-82675aa33bcc/wm176e808b9u-MinistrySmartTM.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@charset "UTF-8";
/* CSS Document */

:root {
    --font: 'Open Sans', sans-serif;
    --alt-font: 'Poppins', sans-serif;

    --clr-neutral-4: var(--ms-neutral-200);
    --clr-neutral-3: var(--ms-neutral-300);
    --clr-neutral-2: var(--ms-neutral-400);
    --clr-neutral-1: var(--ms-neutral-500);
    --clr-neutral: var(--ms-neutral-600);
    --clr-neutral--1: var(--ms-neutral-700);

    --ms-orange-900: #d76d09;
    --ms-orange-800: #eb770a;
    --ms-orange-700: #f58114;
    --ms-orange-600: #f6881f; /*Primary MS Official*/
    --ms-orange-600-rgb: 246,136,31; /*Primary MS Official*/
    --ms-orange-500: #f8a04f;
    --ms-orange-400: #f9b576;
    --ms-orange-300: #fbca9d;
    --ms-orange-200: #fddfc4;
    --ms-orange-100: #fef4eb;

    --ms-neutral-900: #0d0d0d;
    --ms-neutral-800: #2a2a2b;
    --ms-neutral-700: #4b4c4e;
    --ms-neutral-600: #5f6062; /*Primary MS Official*/
    --ms-neutral-500: #848687;
    --ms-neutral-400: #b4b5b6;
    --ms-neutral-300: #e4e4e5;
    --ms-neutral-200: #f2f2f2;
    --ms-neutral-100: #fafafa;

    --ms-yellow-900: #fdb549;
    --ms-yellow-800: #fdbd5d;
    --ms-yellow-700: #fec672;
    --ms-yellow-600: #fecc80; /*Primary MS Official*/
    --ms-yellow-500: #fed69a;
    --ms-yellow-400: #fedeae;
    --ms-yellow-300: #fee6c2;
    --ms-yellow-200: #ffefd7;
    --ms-yellow-100: #fff7eb;

    --ms-lav-900: #5b61ae;
    --ms-lav-800: #696eb5;
    --ms-lav-700: #767bbc;
    --ms-lav-600: #8084c0; /*Primary MS Official*/
    --ms-lav-500: #9295c9;
    --ms-lav-400: #9fa3d0;
    --ms-lav-300: #adb0d7;
    --ms-lav-200: #bbbddd;
    --ms-lav-100: #c8cae4;

    --ms-navy-900: #1e2448;
    --ms-navy-800: #242c56;
    --ms-navy-700: #2a3365;
    --ms-navy-600: #2f396f; /*Primary MS Official */
    --ms-navy-500: #364181;
    --ms-navy-400: #3c4990;
    --ms-navy-300: #42509e;
    --ms-navy-200: #4857ad;
    --ms-navy-100: #5261b7;

    --ms-lilac-900: #b0abd8;
    --ms-lilac-800: #bdb9df;
    --ms-lilac-700: #cac7e5;
    --ms-lilac-600: #d7d5ec;
    --ms-lilac-500: #dad8ed; /*Primary MS Official*/
    --ms-lilac-400: #dbd9ed; /*MS Official*/
    --ms-lilac-300: #e1e0f0; /*MS Official*/
    --ms-lilac-200: #eeedf7; /*MS Official*/
    --ms-lilac-100: #f8f8fc; /*MS Official*/

    --ms-primary: var(--ms-orange-600);
    --ms-primary-hover: var(--ms-orange-500);

    --clr-blue-primary: var(--clr-blue-500);
    --clr-blue-primary-hover: var(--clr-blue-400);
    --clr-blue-900: #003166;
    --clr-blue-800: #00458f;
    --clr-blue-700: #0059b8;
    --clr-blue-600: #006ce0;
    --clr-blue-500: #007aff; /*Primary*/
    --clr-blue-400: #3396ff;
    --clr-blue-300: #5cabff;
    --clr-blue-200: #85c0ff;
    --clr-blue-100: #add5ff;

    --clr-green-primary: var(--clr-green-500);
    --clr-green-primary-hover: var(--clr-gren-400);
    --clr-green-900: #1d8636;
    --clr-green-800: #25a743;
    --clr-green-700: #2cc951;
    --clr-green-600: #47d769;
    --clr-green-500: #5adb78; /*Primary*/
    --clr-green-400: #8ae59f;
    --clr-green-300: #abedbb;
    --clr-green-200: #cdf4d6;
    --clr-green-100: #eefbf1;

    --clr-yellow-primary: var(--clr-yellow-600);
    --clr-yellow-primary-hover: var(--clr-yellow-500);
    --clr-yellow-900: var(--ms-yellow-900);
    --clr-yellow-800: var(--ms-yellow-800);
    --clr-yellow-700: var(--ms-yellow-700);
    --clr-yellow-600: var(--ms-yellow-600); /*Primary*/
    --clr-yellow-500: var(--ms-yellow-500); 
    --clr-yellow-400: var(--ms-yellow-400);
    --clr-yellow-300: var(--ms-yellow-300);
    --clr-yellow-200: var(--ms-yellow-200);
    --clr-yellow-100: var(--ms-yellow-100);

    --clr-red-primary: var(--clr-red-500);
    --clr-red-primary-hover: var(--clr-red-400);
    --clr-red-900: #6c0e0e;
    --clr-red-800: #901313;
    --clr-red-700: #b51717;
    --clr-red-600: #d91c1c;
    --clr-red-500: #e53838; /*Primary*/
    --clr-red-400: #ea5d5d;
    --clr-red-300: #ef8181;
    --clr-red-200: #f3a5a5;
    --clr-red-100: #f8c9c9;
    
    /* ACST Brand colors */
    
    --acst-red: #ed1c24;
    --acst-gray: #e6e6e6;
    
    /* Realm Brand colors */
    
    --realm-blue-primary: #3994cc;
    --realm-gray-primary: #e6e6e6;
    --realm-yellow-secondary: #f2a923;
    --realm-green-secondary: #79b70e;
    --realm-purple-secondary: #8260b0;

    --realm-blue-900: #0b3449;
    --realm-blue-800: #104c68;
    --realm-blue-700: #1a5877;
    --realm-blue-600: #1b6588;
    --realm-blue-500: #257eaa;
    --realm-blue-400: #319acf; /*Primary*/
    --realm-blue-300: #6db3dc;
    --realm-blue-200: #88c0e1;
    --realm-blue-100: #b7d9ee;
    --realm-blue-050: #d0e6f3;
    --realm-blue-025: #e6f2fa;

    --realm-yellow-800: #e78410;
    --realm-yellow-700: #ec9118;
    --realm-yellow-600: #f1a421; /*Primary*/
    --realm-yellow-500: #f3b64d;
    --realm-yellow-400: #f5c36e;
    --realm-yellow-300: #f8d190;
    --realm-yellow-200: #fceed3;
    --realm-yellow-100: #fef7e9;

    --realm-sky-800: #68b9de;
    --realm-sky-700: #7bc3e3;
    --realm-sky-600: #8ed0ea; /*Primary*/
    --realm-sky-500: #a4d9ee;
    --realm-sky-400: #b5e0f1;
    --realm-sky-300: #c6e7f4;
    --realm-sky-200: #e8f5fb;
    --realm-sky-100: #f4fafd;

    /* Accounting Colors */

    --accounting-green-primary: var(--accounting-green-500);
    
    --accounting-green-900: #223601;
    --accounting-green-800: #334F03;
    --accounting-green-700: #3C5B06;
    --accounting-green-600: #456805;
    --accounting-green-500: #56800B; /*Primary*/
    --accounting-green-400: #789B50;
    --accounting-green-300: #99B47B;
    --accounting-green-200: #A9C091;
    --accounting-green-100: #CBD9BD;
    --accounting-green-050: #DCE6D3;
    --accounting-green-025: #EEF2E9;
    
    /* MissionInsite Brand colors */
    
    --missioninsite-blue-primary: #1355a2;
    --missioninste-darkblue-primary: #102455;
    --missioninsite-blue-secondary: #597dc1;
    --missioninsite-lightblue-secondary: #dceeff;
    --missioninsite-orange-secondary: #f17222;

    --missioninsite-blue-900: #0b305b;
    --missioninsite-blue-800: #0f4480;
    --missioninsite-blue-700: #1355a2; /*Primary*/
    --missioninsite-blue-600: #186ac9;
    --missioninsite-blue-500: #247ee5;
    --missioninsite-blue-400: #4894ea;
    --missioninsite-blue-300: #6da9ee;
    --missioninsite-blue-200: #91bff2;
    --missioninsite-blue-100: #b6d4f6;
    --missioninsite-blue-050: #daeafb;
    --missioninsite-blue-025: #edf4fd;
    
    /* Higher Ground Brand colors */
    
    --higherground-orange-primary: #f1652a;
    --higherground-blue-primary: #11142f;
    --higherground-gray-primary: #b1b1b1;
    --higherground-red-secondary: #d44f51;
    --higherground-violet-secondary: #6e0549;
    --higherground-purple-secondary: #4b0655;
    
    /* MinistryPlatform Brand colors */
    
    --ministryplatform-darkblue-primary: #002651;
    --ministryplatform-blue-primary: #009cdc;
    --ministryplatform-green-primary: #74af0d;
    --ministryplatform-yellow-secondary: #ffbe23;
    --ministryplatform-red-secondary: #ef4136;
    --ministryplatform-gray-secondary: #96999c;

    --ministryplatform-blue-900: #004966;
    --ministryplatform-blue-800: #00668f;
    --ministryplatform-blue-700: #0084b8;
    --ministryplatform-blue-600: #009cdc; /*Primary*/
    --ministryplatform-blue-500: #0abaff;
    --ministryplatform-blue-400: #33c5ff;
    --ministryplatform-blue-300: #5cd1ff;
    --ministryplatform-blue-200: #85dcff;
    --ministryplatform-blue-100: #8de8ff;
    --ministryplatform-blue-050: #d6f3ff;
    --ministryplatform-blue-025: #ebf9ff;

    --ministryplatform-gray-900: #2a3135;
    --ministryplatform-gray-800: #3a4248; /*Primary*/
    --ministryplatform-gray-700: #4c5459;
    --ministryplatform-gray-600: #585f64;
    --ministryplatform-gray-500: #71777c;
    --ministryplatform-gray-400: #8c9195;
    --ministryplatform-gray-300: #a8acaf;
    --ministryplatform-gray-200: #b6b9bb;
    --ministryplatform-gray-100: #d3d5d6;
    --ministryplatform-gray-050: #e1e2e3;
    --ministryplatform-gray-025: #f0f1f1;
    
    /* PocketPlatform Brand colors */
    
    --pocketplatform-blue-primary: #9ec5da;
    
    /* Go Method Brand colors */
    
    --go-green-primary: #7abd8f;
    --go-blue-primary: #2688dd;
    --go-darkblue-primary: #012969;
    --go-yellow-secondary: #fdda75;
    --go-red-secondary: #e55a54;
    --go-purple-secondary: #7e51a3;

    --go-green-900: #2F4D39;
    --go-green-800: #41674C;
    --go-green-700: #497456;
    --go-green-600: #528161;
    --go-green-500: #5B8F6B;
    --go-green-400: #659D77;
    --go-green-300: #7ABD8F; /*Primary*/
    --go-green-200: #98D0A9;
    --go-green-100: #D0E8D7;
    --go-green-050: #E6F2EA;
    --go-green-025: #F5F9F6;
    
    /* Growth Method Brand colors */
    
    --growth-darkblue-primary: #012969;
    --growth-blue-primary: #2688dd;
    --growth-green-primary: #7abd8f;
    --growth-yellow-secondary: #fdda75;
    --growth-red-secondary: #e55a54;
    --growth-purple-secondary: #7e51a3;

    --growth-blue-900: #11558D;
    --growth-blue-800: #1361A2;
    --growth-blue-700: #1F6DB3;
    --growth-blue-600: #2579C6;
    --growth-blue-500: #2688DD; /*Primary*/
    --growth-blue-400: #3C95E5;
    --growth-blue-300: #65B3F7;
    --growth-blue-200: #9BCCF8;
    --growth-blue-100: #DAE8F2;
    --growth-blue-050: #EBF2F8;
    --growth-blue-025: #F4F8FA;

    /* Refresh Brand Colors */

    --refresh-green-primary: var(--refresh-green-100);
    --refresh-gray-secondary: var(--refresh-gray-900);

    --refresh-green-900: #233514;
    --refresh-green-800: #354D21;
    --refresh-green-700: #3F5A29;
    --refresh-green-600: #49672F;
    --refresh-green-500: #5C813D;
    --refresh-green-400: #719D4D;
    --refresh-green-300: #86BA5A;
    --refresh-green-200: #90C862;
    --refresh-green-100: #9DD96B; /*Primary*/
    --refresh-green-050: #CBECB4;
    --refresh-green-025: #E4F7D8;

    --refresh-gray-900: #292F39; /*Primary*/
    --refresh-gray-800: #414750;
    --refresh-gray-700: #4E535C;
    --refresh-gray-600: #5A5F67;
    --refresh-gray-500: #72777E;
    --refresh-gray-400: #8D9197;
    --refresh-gray-300: #A8ABB0;
    --refresh-gray-200: #B7B9BD;
    --refresh-gray-100: #D3D5D7;
    --refresh-gray-050: #E1E3E4;
    --refresh-gray-025: #F0F1F2;
    
    /*  TI Variable Classes  */
    --clr-primary: var(--ms-primary);
    --clr-primary-hover: var(--ms-primary-hover);
    --clr-secondary: var(--ms-yellow-500);
    --clr-secondary-hover: var(--ms-yellow-600);
    --clr-link: var(--clr-blue-500);
    --clr-link-hover: var(--clr-blue-400);
    --clr-success: var(--clr-green-500);
    --clr-success-hover: var(--clr-green-400);
    --clr-alert: var(--clr-red-500);
    --clr-alert-hover: var(--clr-red-400);
    --clr-caution: var(--clr-yellow-600);
    --clr-caution-hover: var(--clr-yellow-500);
    --clr-danger: var(--clr-red-500);
    --clr-danger-hover: var(--clr-red-400);
}

/* ----------------------------------------

    UNKNOWN HOMEPAGE CODE - INVESTIGATE

---------------------------------------- */


.home-quotes--quote{
    color: #000000;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992067/h7brbvjntdktknrz4cjp.png);
    padding-top: 80px;
	font-weight: 300;
}
.home-quotes--holder .home-quotes--author{
	font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #000000;
    padding-top: 16px;
    font-size: 22px;
    font-weight: 300;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
.home-quotes--holder .home-quotes--author:before{
	content: '';
	position: absolute;
	top: 0;
	height: 0;
	min-width: 180px;
	border-top: 1px solid #000000;
	margin-left: calc(50% - 90px);
	display: block;
}
.home-quotes--item.slick-slide{
    min-height: 489px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.home-quotes--holder{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.home-quotes--holder h1{
	font-size: 1.75rem;
	text-align: center;
}
.home-quotes--holder .home-quotes--author-info{
	color: #000000;
	font-style: italic;
	text-align: center;
	font-weight: 100;
}
/* carousel styling */
.slick-initialized .home-quotes--item.slick-slide{
  display: flex;
}
.home-quotes .slick-arrow{
  position: absolute;
  z-index: 5;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 36px;
  text-indent: 110%;
  line-height: 60px;
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0.2s ease-in;
  margin: 0;
  padding: 0;
}
.home-quotes .slick-arrow:hover{
  opacity: 0.9;
}
.home-quotes .slick-arrow.slick-prev{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992209/l0vlulakuujrbzf1kngy.png);
  left: 15px;
}
.home-quotes .slick-arrow.slick-next{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992275/w012zm8b2tgmrtxsvuk6.png);
  right: 15px;
}

.home-hero .hero .hero__caption a{
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}
.hero .hero__caption .hero__title{
	text-align: center;
	font-weight: 300;
}

@media only screen and (min-width: 24em){
  .header--microsite .company__logo, .header--microsite .company__beta-logo {
    float: left;
    margin-bottom: .5rem;
    width: 300px;
    height: 110px;
    margin-top: -20px;
    margin-left: 11px;
  }
}
@media only screen and (min-width: 48.063em) {
/* transparent nav */
  .index.home .header.header--microsite{
    position: fixed;
    top: 0px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 10;
    width: 100%;
  }

  .top-bar{
    border: none;
    background: transparent;
      float: right;
      padding-right: 20x;
      margin-top: -30px;
  }
  .top-bar-section ul li{
    background: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button){
    text-transform: uppercase;
    color: #000000;
      font-weight: normal;
      font-size: 20px;
      line-height: 36px;
      padding-right: 20px;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover,
  .top-bar-section li:not(.has-form) a:not(.button):focus{
    background-color: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button){
    background-color: transparent;
  }
  .top-bar-section ul li:hover:not(.has-form)>a{
    background-color: transparent;
  }
  .top-bar-section .left li .dropdown {
      right: auto;
      left: 0px;
  }

  /* nav specific */
  .nav--top {
    margin-top: -16px! important;
  }

  /* dropdown */
  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),
  .top-bar-section .dropdown li a{
      width: auto;
      height: auto;
    text-indent: 0;
    overflow: visible;
      margin-left: 0;
      text-align: right;
      padding-right: 15px;
      color: #000;
      font-size: 14px;
      font-weight: normal;
  }
  
  .home-hero .hero:before{
    content: '';
    position: absolute;
    bottom: 0;
    top: 44%;
    left: 0;
    right: 0;
    z-index: 5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.60+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    transition: top 0.3s ease-in;
  }
  .home-hero .hero .hero__caption{
      background-color: transparent;
      z-index: 5;
      color: #fff;
      width: 90%;
      left: 50%;
	  transform: translateX(-50%);
  }
  .home-hero .hero .hero__caption h2{
    color: #fff;
    font-size: 48px;
  }
  #learner .home-hero .hero .hero__caption .h4{
    color: #fff;
    font-weight: 200;
    font-size: 23px;
    display: block;
	text-align: center;
	max-width: 610px;
	margin-left: auto;
	margin-right: auto;
  }

  .layout__content .home-hero .hero{
    margin-bottom: 0;
  }
  .home-quotes--item,
  .home-quotes--item.slick-slide{
      min-height: 489px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .slick-initialized .home-quotes--item.slick-slide{
    display: flex;
  }
  .home-quotes--holder{
    width: 80%;
  }
  .home-quotes--holder h1{
    font-size: 2.25rem;
   }
  

}
@media only screen and (min-width: 55em){
  .header--microsite .company__logo {
      float: left;
      margin-bottom: 0.3rem;
      width: 326px;
      height: 100px;
      margin-top: 3px;
      margin-left: -9px;
  }
  .home-hero .hero .hero__caption{
      width: 80%;
  }
  .home-hero .hero .hero__caption h2{
    font-size: 53px;
  }
}
@media only screen and (min-width: 60.063em){

}
@media only screen and (min-width: 64.063em){
  .header--microsite .company__logo {
      float: left;
      margin-bottom: .3rem;
      width: 361px;
      height: 110px;
      margin-top: -5px;
      margin-left: 0;
  }

}
@media only screen and (min-width: 70em){
  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
      float: left;
      margin-bottom: .5rem;
      width: 300px;
      height: 110px;
      margin-top: -9px;
      margin-left: 11px;
  }

}
@media only screen and (min-width: 72.063em){
  .home-hero .hero:before{
    top: 44%;
  }
}
@media only screen and (min-width: 80.063em) {

}
/* 3 icons section */
.three-icons-section .editor-content{
	text-align: center;
}
#learner .three-icons-section .editor-content h3{
	padding-top: 12px;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 8px;
}
.hero__caption {
    text-align: center;
    width: 200px;
    display: block;
}


.expandable-sidebar__buttons{
 display:none;
}

.widget--course-purchase .btn--secondary{
display:none}

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

/* ----- Footer ----- */

.footer .footer__powered-by {
  display: none;
}

.footer .footer__links a {
  color: #5F6062;
}

.footer .footer__links a:hover {
  color: #307BF5;
}

.footer .link:last-of-type {
  display: none;
}

/* ACS office code hiding soc med icons */
.share__container {
  display: none;
}

/* Hide Account & Info in Profile screen */
.dashboard-account {
  display: none;
}

/* ----------------------------------------

   Detail Pages 

---------------------------------------- */

@media only screen and (max-width: 768px) {
  body:not(.manager).course-group .container {
    padding: 0;
  }
  
  body:not(.manager) .course-purchase__mobile-button {
    display: none;
  }
}

/* ----------------------------------------

   ADMIN 

---------------------------------------- */

/* Panorama Page */

.manager-title-search .selectize-dropdown {
  display: none !important;
}


/* ----------------------------------------

   Brandon's CSS Below

---------------------------------------- */

body:not(.manager) a {
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  text-decoration: none;
}

body:not(.manager) .btn--pill {
  border-radius: 36px;
}

/******* End Brandon's Code  - vvvvvvvvvvv */


/* ========================================

Sign In Form

======================================== */

.session__form h1::after {
  color: gray;
  display: block;
  text-align: center;
  font-size: 0.8rem;
  padding-bottom: .5rem;
  content: "Sign in using your Realm credentials"
}

.session__form .session__forgot {
    display: none;
}


/* ----------------------------------------

    Custom Header Code

---------------------------------------- */

.header__inner .nav--top {display: none;}
.home .header.header--microsite {padding: 0;}

.cHeader {font-family: 'Poppins', sans-serif; font-size: 14px; position: fixed; background: #fff; z-index: 20; }
.cHeader .cHeaderInner {padding: 10px 1rem;}
.cHeader .cHeaderInner::after {content: ''; display: block; clear: both;}

.cHeader .logoNav {width: 60%; float: left;}
.cHeader .logoNav::after {content: ''; display: block; clear: both;}
.cHeader .logoNav .logo {display: inline-block; width: calc(200px - 4px); vertical-align: top;}
.cHeader .logoNav .logo img {width: 100%;}
.cHeader .logoNav .cNav {display: inline-block; width: calc(100% - 200px - 4px); vertical-align: top;}
.cHeader .logoNav .cNav ul {display: block; padding-left: 20px; margin: 0;}
.cHeader .logoNav .cNav ul li {display: inline-block; padding: 0 8px; position: relative;}
.cHeader .logoNav .cNav ul li a {display: block; transition: color .3s ease-in-out;}
.cHeader .logoNav .cNav ul li a svg {display: inline-block; vertical-align: middle;}
.cHeader .logoNav .cNav ul li a {line-height: 36px; padding: 4px 0;}
.cHeader .logoNav .cNav ul li a.dd svg {transition: all ease-in-out .2s;}
.cHeader .logoNav .cNav > ul > li > a:hover, .cHeader .logoNav .cNav > ul > li.active > a, .cHeader .searchUsernav .usernav a.dd:hover, .cHeader .searchUsernav .usernav.active a.dd {color: #f6881f;}

.cHeader a i.fa-chevron-down {font-size: 11px !important; transition: all ease-in-out .2s;}
.cHeader .active a i.fa-chevron-down {transform: rotate(180deg);}

.cHeader .searchUsernav {width: 40%; float: right; max-width: 360px; text-align: right;}
.cHeader .searchUsernav .usernav .dd img {display: inline-block; width: 36px; height: 36px; border-radius: 50%; vertical-align: middle;}
.cHeader .searchUsernav .usernav .dd .uInitials {display: inline-block; width: 36px; line-height: 36px; border-radius: 50%; vertical-align: middle; text-align: center; background: #f3f3f3;}
.cHeader .searchUsernav .usernav .dd svg {display: inline-block; vertical-align: middle; margin-left: 2px;}
.cHeader .searchUsernav .usernav {display: inline-block; width: 60px; position: relative;}
.cHeader .searchUsernav .usernav svg {transition: all ease-in-out .2s;}
.cHeader .searchUsernav .usernav.active svg {transform: rotate(180deg);}
.cHeader .searchUsernav .search {display: inline-block; width: calc(100% - 60px - 8px); vertical-align: middle;}
.cHeader .searchUsernav .search .searchform, .cHeader .searchUsernav .search_private .searchform {position: relative;}
.cHeader .searchUsernav .search .searchform input[type=text], .cHeader .searchUsernav .search_private .searchform input[type=text] {display: inline-block; height: 44px; width: calc(100%); vertical-align: middle; border: 0; outline: 0; padding: 0 12px; border: 1px solid #b4b5b6; border-radius: 22px; margin: 0; box-shadow: none;}
.cHeader .searchUsernav .search .searchform button, .cHeader .searchUsernav .search_private .searchform button {display: inline-block; height: 42px; width: calc(40px); vertical-align: middle; border: 0; outline: 0; position: absolute; top: 1px; right: 1px; border-radius: 22px; background: 0; padding: 0; margin: 0; outline: 0; box-shadow: none;}
.cHeader .searchUsernav .search .searchform button:focus:not(.tw-override), .cHeader .searchUsernav .search_private .searchform button:focus:not(.tw-override)  {box-shadow: none;}
.cHeader .usernav .dropdown {left: auto; right: 0; padding: 0;}
.cHeader .usernav .dropdown .navsec {padding: 16px; border-bottom: 1px solid #e4e4e5;}
.cHeader .usernav .dropdown .navsec h3 {padding: 8px 0; margin-bottom: 4px; font-weight: 500;}
.cHeader .usernav .dropdown .navsec ul {display: block; margin: 0;}
.cHeader .usernav .dropdown .navsec ul li {display: block; padding: 2px 0;}
.cHeader .usernav .dropdown .navsec ul li a {display: block; padding: 8px; margin: 0 -8px; border-radius: 4px;}
.cHeader .usernav .dropdown .navsec p {font-size: 12px; margin: 6px 0; color: #5f6062;}
.cHeader .usernav .dropdown .navsec p a {color: var(--clr-neutral--1);}
.cHeader .usernav .dropdown .navsec p a:hover {background: none; color: #f6881f;}
.cHeader .dropdown h3 {padding: 8px; font-size: 15px; font-weight: 500;}
.cHeader .logoNav .cNav ul li .dropdown ul  {padding: 0;}
.cHeader .logoNav .cNav ul li .dropdown ul li {display: block; padding: 0;}
.cHeader .logoNav .cNav ul li .dropdown a  {padding: 8px 4px; transition: all ease-in-out .2s; line-height: normal; border-radius: 8px;}
.cHeader .logoNav .cNav ul li .dropdown a img {width: 25px; display: inline-block; vertical-align: top;}
.cHeader .logoNav .cNav ul li .dropdown a span {width: calc(100% - 25px - 8px); padding-left: 4px; padding-top: 2px; display: inline-block; vertical-align: top;}
.cHeader .logoNav .cNav ul li .dropdown a span .sm {padding: 8px 0; font-size: 12px; line-height: 18px;}
.cHeader .dropdown a:hover {background: #f2f2f2;}
.cHeader .dropdown.learn {width: 520px;}
.cHeader .learn {width: 520px;}
.cHeader .learn .col {display: inline-block; width: calc(50% - 4px); vertical-align: top;}

.cHeader .logoNav .cNav ul li a.dd, .cHeader .searchUsernav .usernav a.dd {position: relative; z-index: 1;}

.cHeader .dropdown {position: absolute; top: calc(100% + 8px); left: 0; width: 260px; border: 1px solid #e4e4e5; padding: 6px; border-radius: 12px; text-align: left; z-index: -1; box-shadow: 0 8px 20px -5px rgba(0, 0, 0, .15); background: #fff; visibility: hidden; opacity: 0; transform: translateY(-24px); transition: all ease-in-out .3s;}
.cHeader .active .dropdown {overflow: hidden; z-index: 2; visibility: visible; opacity: 1; transform: translateY(0);}

.navBtnMobile {display: none;}
.cHeader .navBtnMobile i {margin: 6px 0;}

.cHeader .searchUsernav .mlogo {display: none;}
.cHeader .cNav .dropdown .menuBack  {display: none;}
.cHeader .cNav .dropdown .menuBack i.fa-chevron-left {margin-right: 8px;}
@media only screen and (min-width: 1024px) {
    .cHeader .logoNav .cNav, .cHeader .searchUsernav {display: inline-block !important;}
}
@media only screen and (max-width: 1023px) {
    .cHeader .navBtnMobile {display: inline-block; vertical-align: middle; width: 24px; cursor: pointer; margin-top: 10px; margin: 0 12px;}
    .cHeader .navBtnMobile i, .navBtnMobile::after, .navBtnMobile::before {display: block; width: 100%; height: 2px; background: #000; content: ''; transition: all ease-in-out .2s; transform-origin: 0 1px;}
    /*.cHeader.ddactive .navBtnMobile i {opacity: 0;}
    .cHeader.ddactive .navBtnMobile::before  {transform: rotate(45deg);}
    .cHeader.ddactive .navBtnMobile::after  {transform: rotate(-45deg);}*/
    
    .cHeader .learn .col {width: 100%; margin-bottom: 20px;}
    
    .cHeader .searchUsernav {width: 100%; max-width: 100%; position: relative;}
    .cHeader .searchUsernav .mlogo {display: inline-block; width: 196px; position: absolute; z-index: 1; left: 2px;}
    .cHeader .searchUsernav .usernav {width: 54px;}
    .cHeader .searchUsernav .search {width: calc(100% - 60px - 8px - 42px);}
    .cHeader .searchUsernav .search .searchform input[type="text"], .cHeader .searchUsernav .search_private .searchform input[type="text"] {opacity: 0; visibility: hidden; transition: all ease-in-out .2s; transform: translateX(100%);}
    .cHeader .searchUsernav .search, .cHeader .searchUsernav .search_private {position: relative;}
    .cHeader .searchUsernav .search.active, .cHeader .searchUsernav .search_private.active {z-index: 2;}
    .cHeader .searchUsernav .search.active .searchform input[type="text"], .cHeader .searchUsernav .search_private.active .searchform input[type="text"]  {opacity: 1; visibility: visible; transform: translateX(0);}
    .cHeader .searchUsernav .search .searchform, .cHeader .searchUsernav .search_private .searchform {overflow: hidden;}
    
    .cHeader .logoNav {position: fixed; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 10;}
    .cHeader .logoNav .logoNavInner { position: absolute; top: 0; left: 0; width: 280px; background: #fff; height: 100%; overflow: hidden;}
    .cHeader .logoNav .logo {display: block; padding: 1rem;}
    .cHeader .logoNav .cNav {width: 100%; padding: 1rem; position: relative; min-height: calc(100vh - 60px);}
    .cHeader .logoNav .cNav ul {padding: 0;}
    .cHeader .logoNav .cNav ul li {padding: 0; display: block; position: static;}
    .cHeader .logoNav .cNav i.fa-chevron-down {transform: rotate(-90deg);}
    
    .cHeader .dropdown.learn {width: 100%;}
    .cHeader .cNav .dropdown {top: 0; width: 100%; border: 0; border-radius: 0; transform: none; transform: translateX(100%); min-height: 100%; padding: 0;}
    .cHeader .cNav .dropdown .ddsubmenu {padding: 1rem;}
    .cHeader .cNav .active .dropdown {transform: translateX(0);}
    
    .cHeader .logoNav {opacity: 0; visibility: hidden; transition: all ease-in-out .2s;}
    .cHeader.ddactive .logoNav {opacity: 1; visibility: visible;}
    .cHeader .logoNav .logoNavInner {opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all ease-in-out .2s;}
    .cHeader.ddactive .logoNav .logoNavInner {opacity: 1; visibility: visible; transform: translateX(0);}
    
    .cHeader .cNav .dropdown .menuBack {display: block; padding: 12px 1rem; border-bottom: 1px solid #f3f3f3; cursor: pointer;}
}
@media only screen and (max-width: 459px) {
    
}

/*** FIX HEADER FOR LIVE ENVIRONMENT ***/

@media only screen and (max-width: 769px) {

    .cHeader {
        width: 100%;
        max-width: 640px;
    }

}

@media only screen and (min-width: 770px) and (max-width: 1023px) {

    .cHeader {
        width: 100%;
        max-width: 769px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {

    .cHeader {
        width: 100%;
        max-width: 1024px;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {

    .cHeader {
        width: 100%;
        max-width: 1440px;
    }

}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

    .cHeader {
        width: 100%;
        max-width: 1920px;
    }

}
@media only screen and (min-width: 2560px) {

    .cHeader {
        width: 100%;
        max-width: 2560px;
    }

}


/* Added by KS for Custom Header - End */

/********** Header Cleanup By Janine for Testing ***************/

.ms_community_header_icon {
    width: 36px;
    height: 36px;
    margin-left: 12px;
    display: inline-flex;
    border-radius: 50%;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    vertical-align: middle;
}

.ms_community_header_icon:hover {
    background-color: var(--ms-neutral-200);
}

@media only screen and (max-width: 1023px) {
    .ms_community_header_icon {
        margin-left: 0;
    }
}

.cHeader .searchUsernav .search_private {
    display: inline-block; 
    width: calc(100% - 96px - 20px); 
    vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
    .cHeader .searchUsernav .search_private {
        width: calc(100% - 96px - 12px - 42px);
    }
}

.cHeader a svg.msa_arrow_svg, .cHeader a .msa_arrow_svg_profile {
    height: 11px;
    fill: var(--clr-neutral--1);
    transition: all ease-in-out .2s;
    margin-bottom: 1px;
}

.cHeader .logoNav .cNav > ul > li > a:hover svg.msa_arrow_svg, .cHeader .searchUsernav .usernav a:hover svg.msa_arrow_svg_profile  {
    fill: var(--ms-primary);
}

.cHeader .active a svg.msa_arrow_svg, .cHeader .active a svg.msa_arrow_svg_profile {
    transform: rotate(180deg);
    fill: var(--ms-primary);
}

@media only screen and (max-width: 1023px) {

    .cHeader a svg.msa_arrow_svg {
        transform: rotate(-90deg);
    }

    .cHeader .active a svg.msa_arrow_svg {
        transform: rotate(-90deg);
    }

}

@media only screen and (max-width: 380px) {

    .cHeaderInner .mlogo img {
        display: none;
    }

}

@media only screen and (max-width: 1023px) {

    .cHeader .logoNav .cNav .dropdown {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 100%;
    }

    .cHeader .logoNav .cNav .dropdown::-webkit-scrollbar {
        display: none;
    }

    .cHeader .dropdown {
        box-shadow: none;
    }
}

.header:not(.manager) {
  margin-bottom: 5rem !important;
}

.HeaderFullWidth_Shadow {
    width: 100%;
    z-index: -5;
    top: 0;
    left: 0;
    height: 64px;
    position: fixed;
    background-color: white;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

body:not(.manager) {
  background-color: white;
  overflow-x: hidden;
}

.container {
box-shadow:none;
}

/* ----------------------------------------

   Dashboard Hero

---------------------------------------- */

/* ----- MSV2.0 Heros ----- */

.dashboard_hero_fullWidth {
    width: 120vw;
    position: absolute;
    left: -20vw;
    height: 300px;
    background-color: beige;
    top: 64px;
}

.dashboard-hero {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 20px 0;
    margin: 4rem 0 3.75rem;
    height: 300px;
}

.dashboard-hero-content {
    display: flex;
    flex-direction: column;
    color: #fff;
    width: 100%;
    gap: 3.75rem;
}

.dashboard-hero-content h1,  .dashboard-hero-content h2, .dashboard-hero-content h3, .dashboard-hero-content h4 {
    color:#fff;
    margin: 0 0 .35em 0;
}

#learner .dashboard-hero-content h1 {
    font-weight: 700;
}

.dashboard-hero-content__cta-container {
    display: flex;
    gap: .875rem;
    margin: 20px 0 0 0;
}

.dashboard-hero-content__cta-container .btn {
    margin-bottom: unset;
}


@media only screen and (min-width: 1024px) {

    
    .dashboard-hero-content {
        flex-direction: row;
        align-items: center;
    }

    
    .dashboard-hero-content__cta-container {
        margin: 40px 0 0 0;
    }

}

.learn.dashboard .widget, .learn.transcript .widget {
    padding: 1rem;
}

/* ========================================

Page Design - Catalog Pages

======================================== */

/* ----- Heros ----- */

.page-hero {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 300px;
    margin-top: -3rem;
    padding: 2rem 0;
    margin-bottom: 3rem;
}

.page-hero-content {
    display: flex;
    flex-direction: column;
    align-self: center;
    color: #fff;
    width: 100%;
    gap: 3.75rem;
}

.page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4, .page-hero h5, .page-hero h6 {
    color:#fff;
    margin: 0 0 .35em 0;
}

.page-hero h1 {
    font-weight: 600;
    font-size: 3em;
}

.page-hero-content__text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.page-hero-content__video {
    height: auto;
    width: 450px;
}

@media screen and (max-width: 768px) {

    .page-hero-content__video {
        width: 100%;
        text-align: center;
    }

}

/* ----- Widget Designs ----- */

#learner h1:not(.h-override), 
#learner h2:not(.h-override), 
#learner h3:not(.h-override), 
#learner h4:not(.h-override), 
#learner h5:not(.h-override), 
#learner h6:not(.h-override) {
  text-align: left;
}

.widget__title {
  margin: 1.5rem 0 1.5rem 0;
  color: #333;
  font-weight: 600;
}

.layout__content .widget {
  padding: 1rem 0;
}

/* ----- Featured Carousel Content ----- */

.featured-content-multi-carousel-item img {
    padding: 0;
    border-radius: 10px;
}

.featured-content-multi-carousel-item {
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
    padding: 0.2rem;
    min-height: auto;
    font-family: 'Poppins', sans-serif;
}

.catalog-item {
  border: 1px solid white;
    border-radius: 10px;
}

.catalog-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.featured-content-multi-carousel-item__title {
    font-size: 1rem;
    font-weight: 600;
}

.featured-content-multi-carousel-item__source {
    color: var(--clr-neutral--1);
    text-align: left;
    font-weight: 500;
}

.featured-content-multi-carousel-item__source strong {
    font-weight: 500;
}

.featured-content-item__authors {
    color: var(--clr-neutral--1);
    text-align: left;
    width: fit-content;
    background-color: #EEEEEE;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
}

.featured-content-multi-carousel-item__description {
    font-size: .7875rem;
    padding: 0;
}

@media only screen and (min-width: 2560px) {

    .featured-content-multi-carousel-item {
        min-height: 450px;
    }

}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

    .featured-content-multi-carousel-item {
        min-height: 400px;
    }
   
}

@media only screen and (min-width: 1024px) and (max-width: 1919px) {

    .featured-content-multi-carousel-item {
        min-height: 350px;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {

    .featured-content-multi-carousel-item {
        min-height: 400px;
    }
   
}

/* ----- Carousel Arrows  ----- */


.featured-content-multi-carousel__nav-right {
    right: -0.25em;
}

.featured-content-multi-carousel__nav-right, .featured-content-multi-carousel__nav-left {
    z-index: 2;
}

.featured-content-multi-carousel__nav-right i.icon-navigateright {
    background-color: var(--ms-neutral-300);
    border-radius: 50%;
    padding: 0.5rem;
    margin-left: -2rem;
    color: var(--clr-neutral--1);
    border: 1px solid var(--ms-neutral-300);
    transition: 0.3s;
}

.featured-content-multi-carousel__nav-left i.icon-navigateleft {
    background-color: var(--ms-neutral-300);
    border-radius: 50%;
    padding: 0.5rem;
    margin-left: 1rem;
    color: var(--clr-neutral--1);
    border: 1px solid var(--ms-neutral-300);
    transition: 0.3s;
}

.featured-content-multi-carousel__nav-right i.icon-navigateright:hover, .featured-content-multi-carousel__nav-left i.icon-navigateleft:hover {
    background: var(--ms-neutral-400);
    border: 1px solid var(--ms-neutral-400);
    transition: 0.3s;
}

@media only screen and (min-width: 769px){

    .featured-content-multi-carousel__nav-right i.icon-navigateright, .featured-content-multi-carousel__nav-left i.icon-navigateleft {
        margin: 0;
    }
   
}

/* ========================================

Page Design - Catalog Widgets

======================================== */

/* ----- Catalog Search and Filter Section ----- */

.catalog-search-bar {
  border: 1px solid var(--clr-neutral--1);
  border-radius: 10px;
}

.catalog-filters {
    border: none;
    background: none;
}

.catalog-filters__selections {
    border: none;
}

.catalog-filters__sort {
    border: none;
    background: transparent;
}

.catalog-filters__search {
  background: none;
}

.catalog-display-type {
  border-left: 1px solid var(--clr-neutral--1);
}

.catalog-display-type button {
    border-color: transparent;
}

.catalog-display-type button:hover {
    border-color: transparent;
    background: transparent;
}

@media only screen and (max-width: 768px) {

    .catalog-search {
        border: 1px solid var(--clr-neutral--1);
    }

    .ember-text-field {
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    .bg-white {
        --tw-bg-opacity: unset;
    }

    .catalog-search__button {
        padding: 0.5em 0;
        margin-right: 1.25em;
        border-top: 1px solid var(--clr-neutral--1);
        border-bottom: 1px solid var(--clr-neutral--1);
    }

    .catalog-search__button:hover {
        border-top: 1px solid var(--clr-neutral--1);
        border-bottom: 1px solid var(--clr-neutral--1);
    }

    .catalog-filters__select {
        border: 1px solid var(--clr-neutral--1);
    }

    .catalog-filters__select:hover {
        border: 1px solid var(--clr-neutral--1);
    }

    .catalog-search-bar {
        border: none;
    }

    .catalog-display-type {
        border-left: none;
      }

      .catalog-display-type button {
    border-color: unset;
}

.catalog-display-type button:hover {
    border-color: unset;
    background: unset;
}

}


@media only screen and (min-width: 769px) {

    .catalog-filters__selections {
        border-left: 1px solid var(--clr-neutral--1);
    }

    .catalog-filters__sort {
        border-left: 1px solid var(--clr-neutral--1);
    }
   
}

/* ----- Catalog Grid Items ----- */

.catalog-grid-item {
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
    padding: 0.2rem;
    min-height: auto;
}

.catalog-grid-item__asset {
    border-radius: 10px;
}

.catalog-grid-item__body {
    padding: 0.75em 0;
    font-family: 'Poppins', sans-serif;
}

.catalog-grid-item__title {
    margin-bottom: 0.5em;
    font-size: 1rem;
    font-weight: 600;
    height: auto !important;
}

.catalog-grid-item__source {
    color: var(--clr-neutral--1);
    font-weight: 500;
    margin-bottom: 0.5em;
}

.catalog-grid-item__source strong {
    font-weight: 500;
}

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

.catalog-grid-item__cta-container {
    display: none;
}

@media only screen and (min-width: 1920px) {

  .catalog-grid-item {
    min-height: 370px;
  }
   
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {

  .catalog-grid-item {
    min-height: 350px;
  }
    
}

@media only screen and (min-width: 769px) and (max-width: 1439px) {

 .catalog-grid-item {
    min-height: 320px;
  }
   
} 


/* ----- Catalog Ribbons ----- */

.catalog__ribbon {
    font-weight: 500;
    padding: 0.3em 1em;
    text-transform: unset;
    border-radius: 10px;
    color: white !important;
    font-family: 'Poppins', sans-serif;
}

.catalog__ribbon--attached {
    top: 15px;
}

.catalog__ribbon-corner {
  display: none;
}


/* ----- Catalog Grid Items ----- */


.catalog-list-item {
    padding: 0.75em 0.8rem;
    font-family: 'Poppins', sans-serif;
    border: none;
    margin: 0 0 1rem 0;
}

.catalog-list-item__asset {
    padding: 0;
    border-radius: 10px;
    width: 100%;
}

.catalog-list-item__title {
    color: var(--clr-neutral--1);
    margin: 0.25rem 0.8rem 0.8rem 0;
    font-weight: 600;
}

.catalog-list-item__info, .catalog-list-item__info strong {
    font-size: 1rem;
    font-weight: 500;
}

.catalog-list-item__description {
    color: var(--clr-neutral--1);
    font-size: 0.925rem;
}

.catalog-list-item__source {
    color: var(--clr-neutral--1);
    font-weight: 500;
    font-size: .75rem;
    margin: 0.5rem 0;
}

@media only screen and (min-width: 1920px) {

  .catalog-list-item__info, .catalog-list-item__info strong {
      margin: 0 0.8rem 0 1rem;
  }

  .catalog-list-item__description {
      margin: 0.5rem 0.8rem 0.5rem 2rem;
  }

  .catalog-list-item__source {
      margin: 0.5rem 0.5rem 0.5rem 1rem;
  }
   
}

@media only screen and (min-width: 769px) and (max-width: 1919px) {

  .catalog-list-item__info, .catalog-list-item__info strong {
      margin: 0 0.8rem 0 1rem;
  }

  .catalog-list-item__description {
      margin: 0.5rem 0.8rem 0.5rem 2rem;
  }

  .catalog-list-item__source {
      margin: 0.5rem 0.5rem 0.5rem 1rem;
  }

}

/* ----- Catalog Custom Filter Options ----- */

.catalog-aggregation {
    border-top: 1px solid var(--clr-neutral--1);
}

.catalog-aggregation--expanded {
    background-color: white;
    border-bottom: none;
    margin-bottom: 0;
}

.catalog-aggregation__header {
    vertical-align: middle;
    color: var(--clr-neutral--1) !important;
    font-family: 'Poppins', sans-serif;
}

.catalog-aggregation__header--label {
    padding-left: 0.6em;
    transition: 0.3s;
}

.catalog-aggregation__expander i {
    color: var(--clr-neutral--1);
    transition: 0.3s;
}

.catalog-aggregation__expander i:hover, .catalog-aggregation__header--label:hover {
    color: var(--ms-primary) !important;
    transition: 0.3s;
}

.unlist {
    margin: 1rem 0;
}

body:not(.manager) .btn.catalog-aggregation__value {
    color: var(--clr-neutral--1);
    font-family: 'Poppins', sans-serif;
}

body:not(.manager) .btn.catalog-aggregation__value:hover {
    color: var(--ms-primary) !important;
}

/* ----- Catalog Page Browsing Buttons ----- */

.pagination__left {
    font-family: 'Poppins', sans-serif;
}

.pagination__left strong {
    font-weight: 500;
}

.pagination__controls-button {
    background: var(--ms-neutral-300);
    border: 1px solid var(--ms-neutral-300);
    font-family: 'Poppins', sans-serif;
    color: var(--clr-neutral--1) !important;
    font-weight: 500;
}

.pagination__controls-button:hover {
    background: var(--ms-neutral-400);
    border: 1px solid var(--ms-neutral-300);
}

.pagination__controls-button.active {
    background-color: var(--ms-neutral-100);
    border-color: var(--ms-neutral-300);
    color: var(--clr-neutral--1);
}

.pagination__controls-button.disabled {
    background: var(--ms-neutral-100);
    border-color: var(--ms-neutral-100);
    color: var(--ms-neutral-300) !important;
}

.pagination__controls-button.first-page, .pagination__controls-button.next-page {
    border-radius: 50%;
    margin: 0 0.5rem;
    border: 1px solid var(--ms-neutral-300);
}

.pagination__controls-button.last-page, .pagination__controls-button.previous-page {
    border-radius: 50%;
    border: 1px solid var(--ms-neutral-300);
}

.pagination__controls-button.last-child {
    border-right: 1px solid var(--ms-neutral-300);
}

/* ========================================

Page Design - Learning Path Detail

======================================== */

.course__detail__container {
    font-family: 'Poppins', 'Open Sans';
}

.course__detail__content .h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--clr-neutral--1);
}

.course__detail__content p {
    margin-bottom: 1.5rem;
    color: var(--clr-neutral--1);
}

.course__detail__asset img {
    border-radius: 10px;
}

.course__detail__description p {
  margin-top: 1.5rem;
}

.center-ruled-title hr {
  display: none;
}

.center-ruled-title span {
  color: var(--clr-neutral--1);
  font-size: 1.4rem;
  text-transform: none;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.learning-path-detail-milestone-list h3 {
    background-color: var(--ms-neutral-300);
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    font-weight: 500;
}

.collection__courses hr {
    display: none;
}

.learning-path-detail-milestone-item {
    margin: 2.5rem 0;
    border-radius: 10px;
    background-color: #fff;
    padding: 1rem;
    overflow: hidden;
}

.learning-path-detail-milestone-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.learning-path-detail-milestone-item__title {
    color: var(--clr-neutral--1);
    font-weight: 500;
}

.learning-path-milestone__badge {
    display: none;
}

.learning-path-detail-milestone-item__asset {
    padding: 0;
    border-radius: 10px;
}

.learning-path-detail-milestone-item__content-type {
    margin: 0 1rem;
    color: var(--clr-neutral--1);
    font-weight: 600;
    padding-top: 1rem;
    margin: 0;
}

.learning-path-detail-milestone-item__content-type h5.font-bold {
    display: inline;
}

.learning-path-detail-milestone-item__content-type strong {
    font-weight: 600;
}

.learning-path-detail-milestone-item__content-type .catalog-list-item__source {
  margin: 0;
}

.learning-path-detail-milestone-item__description {
    color: var(--clr-neutral--1);
    margin: 0;
    padding: 0.75em 0;
}

@media only screen and (min-width: 769px) {

    .learning-path-detail-milestone-item__content-type {
        padding-top: 0;
        margin: 0 1rem;
    }

    .learning-path-detail-milestone-item__description {
        margin: 0 1rem;
    }

} 

.course__detail__asset .picturefill {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    width: unset !important;
    z-index: unset !important;
}

/* This removes the "View Details" button and makes it overlay the entire tile as a link. */

.learning-path-detail-milestone-item__cta {
    width: 115%;
    height: 300%;
    position: absolute;
    top: -18rem;
    left: -2rem;
    content-visibility: hidden;
}

@media only screen and (min-width: 2560px) {

    .learning-path-detail-milestone-item__cta {
        width: 160%;
        height: 250%;
        top: -3rem;
        left: -35rem;
    }
   
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

    .learning-path-detail-milestone-item__cta {
        width: 160%;
        height: 200%;
        top: -3rem;
        left: -26rem;
    }
   
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {

  .learning-path-detail-milestone-item__cta {
        width: 150%;
        height: 150%;
        top: -3rem;
        left: -19rem;
    }
    
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {

  .learning-path-detail-milestone-item__cta {
        width: 180%;
        height: 140%;
        top: -3rem;
        left: -13rem;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {

  .learning-path-detail-milestone-item__cta {
        width: 200%;
        height: 140%;
        top: -5rem;
        left: -10rem;
    }

} 

/*** 2.0 Launch fix - enroll button ***/

.course__detail__container .course__detail__sidebar .layout__content .widget .panel {
    background: white;
}

/* ----- Learning Path Side Bar ----- */

.course__includes {
    margin: 0;
    color: var(--clr-neutral--1);
}

.course__includes__title {
    color: inherit;
    font-weight: 600;
    text-transform: none;
}

.course__includes .h5 {
    font-size: 1rem;
}

.course__includes hr {
    display: none;
}

.course__includes__list li {
    padding: 0 0.5rem;
}

.course__includes__list i {
    margin: 0.2rem 0.5em;
    background-color: var(--ms-neutral-400);
}

.course__includes__list li>span {
    padding-top: 0.2rem;
}

/* ----- Changes the What's Included Icons ----- */

 
.course__includes .course__includes__list .icon-mobile:before {
    filter: brightness(0) invert(1);
    content: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/ebcec5bf-68a7-4e15-80d6-82675aa33bcc/qnbjqw1c75q0-PhoneDesktopRegular.svg");
  }
  
.course__includes .course__includes__list .icon-clock:before {
    content: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/ebcec5bf-68a7-4e15-80d6-82675aa33bcc/f62f781onhsm-CursorClickRegular.svg");
    filter: brightness(0) invert(1);
  }
  
.course__includes .course__includes__list .icon-write:before {
    content: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/ebcec5bf-68a7-4e15-80d6-82675aa33bcc/aumlatw8oxq1-ClockRegular.svg");
    filter: brightness(0) invert(1);
  }


/* ----- Enroll Button ----- */ 

.enroll--learning-path .course__detail__runs, .enroll--learning-path hr {
    display: none;
}

body:not(.manager) .enroll__buy .btn, body:not(.manager) .enroll--learning-path .btn, body:not(.manager) .widget--course-purchase .btn  {
    width: 100%;
    border-radius: 2rem;
    font-family: 'Poppins', sans-serif;
    background-color: var(--ms-primary);
    border-color: var(--clr-primary);
    font-weight: 400;
    font-size: .875rem;
    transition: 0.3s;
    color: white;
}

body:not(.manager) .enroll__buy .btn:hover, body:not(.manager) .enroll--learning-path .btn:hover, body:not(.manager) .widget--course-purchase .btn:hover {
    background-color: var(--ms-primary-hover);
    border-color: var(--clr-primary-hover);
    transition: 0.3s;
}

/* ----- Detail Tabs ----- */

body:not(.manager) .tabs {
    width: fit-content;
    background-color: var(--ms-neutral-300);
    border-radius: 2rem;
    border: .3rem solid var(--ms-neutral-300);
    overflow: hidden;
    margin-top: 2rem;
}

body:not(.manager) .tabs .tab-title {
  border: none;
}

body:not(.manager) .tabs .tab-title>a {
    background-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: var(--clr-neutral--1);
    padding: 0.5em 1.5em;
    border: none;
}

body:not(.manager) .tabs .tab-title.active>a, body:not(.manager) .tabs .tab-title>a.active {
    background-color: var(--ms-primary);
    border-color: var(--ms-primary);
    border-radius: 2rem;
    transition: 0.3s;
    color: white;
}

body:not(.manager) .tabs-content {
  border: none;
}

body:not(.manager) .tabs-content>.content {
    padding: 0;
}

.editor-content p, .editor-content ul {
    font-size: .875rem;
    color: var(--clr-neutral--1);
}

@media only screen and (max-width: 768px) {
    body:not(.manager) .tabs .tab-title {
        clear: none;
        float: left;
        width: auto;
    }
}

/* ========================================

Page Design - Dashboard

======================================== */

/*** Activity widget body ***/

.dashboard-access {
    border: 1px solid var(--ms-neutral-300);
    border-radius: 10px;
    padding: 1rem;
    background-color: var(--ms-neutral-200);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.dashboard-access-list-item {
    border: none;
    color: var(--clr-neutral--1);
    padding: 1rem;
    margin: 0.5rem;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
}

.dashboard-access-list-item-expander i {
    color: var(--clr-neutral--1);
    font-weight: 600;
    transition: 0.3s;
}

.dashboard-access-list-item-expander__title {
    color: var(--clr-neutral--1);
    font-weight: 500;
    transition: 0.3s;
}

.dashboard-access-list-item-expander i:hover, .dashboard-access-list-item-expander__title:hover  {
    color: var(--ms-primary);
    transition: 0.3s;
}

.dashboard-access-list-item:nth-of-type(2n) {
    background: #fff;
}

.dashboard-access-list-item strong {
    font-weight: 500;
}

body:not(.manager) .btn--primary, body:not(.manager) .btn-primary {
    background-color: var(--ms-primary);
    border-color: transparent;
    color: white !important;
    border-radius: 2rem;
    font-family: 'Poppins', sans-serif;
}

body:not(.manager) .btn--primary:hover, body:not(.manager) .btn-primary:hover {
    background-color: var(--ms-primary-hover);
    border-color: transparent;
}

.dashboard-access-list-item .catalog-list-item__source {
  margin: 0.5rem 0;
}

.dashboard-access-list-item .items-center .col-span-3 {
  font-size: 14px;
}

.dashboard-access-list-item__description {
    color: var(--clr-neutral-1);
    font-size: .9rem;
}

body:not(.manager) .btn--alt {
    background-color: var(--ms-neutral-300);
    border-color: transparent;
    border-radius: 2rem;
    color: var(--clr-neutral--1);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

body:not(.manager) .btn--alt:hover {
    background-color: var(--ms-neutral-200);
    border-color: transparent;
}

.reinstate {
  font-size: 75%;
  margin-top: -0.5rem;
}

.dashboard-access-list-item small {
  font-size: 75%;
}

.dashboard-access-list-item .text-white {
    color: #ffffff !important;
}

.dashboard-access-list-item-expansion_no-margin {
    margin-top: 1rem;
}

.dashboard-access-list-item-expansion .row img {
    border-radius: 12px;
}

/* LinkedIn Button */
a.text-white.border-0.btn.btn--small.btn--no-margin.hover_text-white {
    border-radius: 2rem;
}

/*** Activity Widget Title ***/

.dashboard-access__header .button-expander {
    display: none;
}

.dashboard-access__header--expanded {
    border: none;
}

.dashboard-access__header--expanded span {
    color: var(--clr-neutral--1);
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
}

.dashboard-access__header {
    background: transparent;
}


/*** Activity Widget Tabs ***/

.dashboard-access-tabs {
    background: var(--ms-neutral-300);
    border: 0.3rem solid var(--ms-neutral-300);
    border-radius: 3rem;
    width: fit-content;
}

.dashboard-access-tab {
    border: none;
}

.dashboard-access-tabs li {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
}

.dashboard-access-tab--active {
    background: var(--ms-primary);
    border-color: transparent;
    font-weight: 400;
    border: none;
    border-radius: 2rem;
    transition: 0.3s;
}

.dashboard-access-tab--active:after {
    background-color: transparent;
}

body:not(.manager) .dashboard-access-tab--active .btn {
  color: white;
}

body:not(.manager) .dashboard-access-tab--inactive .btn {
  color: var(--clr-neutral--1);
  font-weight: 400;
}

body:not(.manager) .dashboard-access-tab--inactive .btn:hover {
  color: var(--ms-primary);
}

.dashboard-access-tab__count {
    border: transparent;
    min-width: 1.1rem;
}

.dashboard-access-tab--active .dashboard-access-tab__count {
  color: var(--ms-primary);
}

@media only screen and (max-width: 768px) {
    .dashboard-access-tabs {
        border-radius: 1rem;
    }

    .dashboard-access-tab--active {
      border-radius: 0.8rem;
    }
}

/*** HTML Widgets ***/

html {
  scroll-behavior: smooth;
}

/*** Product Grid Items ***/

.msa_dashboard_container {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 5rem;
    font-family: 'Poppins', sans-serif;
}

.msa_dashboard_container_item_parent {
    display: flex;
    flex: 1 0 30%;
    max-width: 455px;
}

.msa_dashboard_container_item {
    width: 100%;
    height: 130px;
    background-color: var(--ms-neutral-200);
    border-radius: 10px;
    transition: 0.3s;
    padding: 1rem;
}

.msa_dashboard_container_item:hover {
    background-color: #FFF;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}


.msa_dashboard_container_item .msa_dashboard_container_item_title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.msa_dashboard_container_item img {
    width: 30px;
}

.msa_dashboard_container_item span {
    font-weight: 600;
}

.msa_dashboard_container_item p {
    font-size: 0.7875rem;
}


@media only screen and (min-width: 768px) and (max-width: 1439px) {

    .msa_dashboard_container_item_parent {
      flex: 1 0 40%;
      max-width: unset;
    }

} 

@media only screen and (max-width: 768px) {

    .msa_dashboard_container_item_parent {
      flex: 1 0 100%;
      max-width: unset;
    }

    .msa_dashboard_container_item p {
      font-size: 1rem;
    }
}

/* ========================================

Site Design - Custom Footer

======================================== */

.msa_Footer_Full_Width_BG {
    width: 125vw;
    position: absolute;
    left: 0;
    margin-left: -25vw;
    height: 64px;
    background-color: white;
    border-top: 1px solid var(--ms-neutral-300);
    z-index: 0;
}

.footer__inner {
    border: none;
    font-size: .875rem;
    margin-top: 2rem;
    padding: 0;
    width: 100%;
    height: 64px;
}

.footer__company__info {
    display: none;
}

.msa_Footer_content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-content: center;
  font-family: 'Poppins', sans-serif;
  color: var(--clr-neutral--1);
  font-size: 0.75rem;
  z-index: 1;
  position: relative;
  height: 64px;
}

.msa_Footer_right {
  justify-self: flex-end;
}

.msa_Footer_content p {
  margin: 0;
}

.msa_Footer_content a {
  margin: 0 0.5rem;
  transition: 0.3s;
}

.msa_Footer_content a:hover {
  color: var(--ms-primary);
}

@media only screen and (max-width: 768px) {

  .msa_Footer_content {
    grid-template-columns: 1fr;
  }

  .msa_Footer_left {
    justify-self: center;
  }

  .msa_Footer_right {
    justify-self: center;
  } 

}

/* ========================================

Page Design - Course Detail Page

======================================== */

body:not(.manager) .widget--course-purchase .btn--primary, body:not(.manager) .widget--course-purchase .btn-primary {
    background-color: var(--ms-primary) !important;
}

body:not(.manager) .widget--course-purchase .btn--primary:hover, body:not(.manager) .widget--course-purchase .btn-primary:hover {
    background-color: var(--ms-primary-hover) !important;
}

.course__detail__header p {
    font-size: 1rem;
}

.course__detail__sidebar .btn--primary.btn--huge {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    padding: 0.5em 1.25em;
}

.btn.preview-link {
    display: block;
    background-color: var(--ms-primary) !important;
    border-radius: 2rem;
    color: white;
    margin-bottom: 3rem !important;
    font-size: .875rem;
}

.btn.preview-link:hover {
    background-color: var(--ms-primary-hover) !important;
    color: white;
}

/* Course Instructor image edits */

.course__instructor img {
    border: none;
    border-radius: 50%;
}

/* ========================================

Page Design - Live Event Detail Page

======================================== */

.tabs-content--meetings .event-sidebar--tabs {
    margin: 0;
}

.tabs-content--meetings .event-sidebar__content {
    border-radius: 12px;
    overflow: hidden;
}

.event-sidebar--tabs .event-sidebar__content__container {
    border-color: transparent;
}

.tabs-content--meetings .event-sidebar__content__container:before {
    content: "Source Time";
    padding-bottom: 0.5rem;
    display: block;
    font-size: small;
}

.tabs-content--meetings .event-content:before {
    content: "Your Time";
    display: block;
    padding-bottom: 0.5rem;
    font-size: small;
}



/* ========================================

Page Design - Course Page

======================================== */


/*** page and containers ***/

body.learn.course:not(.manager) {
    background-color: var(--ms-neutral-200);
}

#learner .learner__container {
    margin-top: -5rem;
}

@media only screen and (max-width: 768px) {

  #learner .learner__container {
    padding-top: 2rem;
  }

}

.layout-panel {
    border-radius: 10px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.01);
}

/*** Container header ***/

.learner-section__title {
    display: none;
}

.learner-lesson__title {
    visibility: hidden;
}

.section-progress-bar div {
    background: var(--ms-neutral-300);
    border-radius: 10px;
}

.section-progress-bar span {
    background-color: var(--ms-primary);
    border-radius: 10px;
}

/*** Bookmark Button ***/

.bookmark-dropdown__button {
    margin-top: -1rem;
}

.bookmark-dropdown__button i {
    padding: 0;
    color: var(--ms-primary);
}

.bookmark-dropdown__button i:hover {
    padding: 0;
    color: var(--ms-primary-hover);
}

body:not(.manager) .learner-section__title__container .btn:hover, body:not(.manager) .learner-section__title__container button:hover {
    border-color: transparent;
}

body:not(.manager) .learner-section__title__container .btn:focus:not(.tw-override), body:not(.manager) .learner-section__title__container button:focus:not(.tw-override) {
    box-shadow: none;
    border-color: transparent;
    outline-color: transparent;
}

button.bookmark-dropdown__button.bookmark-plus:before {
    content: 'bookmark this page';
    font-size: 0.8rem;
    color: var(--ms-primary);
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    opacity: 0;
    transition: 0.3s;
}

button.bookmark-dropdown__button.bookmark-plus:hover:before {
    opacity: 1;
    transition: 0.3s;
}

.bookmark-dropdown {
    right: 50px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
}

.bookmark-header {
    background-color: var(--ms-neutral-300);
    font-weight: 600;
    padding: 1rem;
    padding-bottom: 0.5rem;
}

.bookmark-close {
    color: var(--clr-neutral--1);
    font-size: 1.5rem;
    font-weight: 500;
    margin-right: 0;
    margin-top: -0.7rem;
}

.bookmark-close:hover {
    color: var(--ms-primary);
}

.bookmark-close:focus:not(.tw-override), .bookmark-close:focus:not(.tw-override) {
    box-shadow: none;
    border: none;
    outline: none;
}

.bookmark-body label {
    font-weight: 500;
    color: var(--clr-neutral--1);
    cursor: default;
}

body:not(.manager) .bookmark-body .btn--primary, body:not(.manager) .bookmark-body .btn-primary {
    margin: 1rem 0 0 0;
}

/*** Next and Prev buttons ***/

.directional__nav__button {
    background-color: var(--ms-neutral-300);
    color: var(--clr-neutral--1);
    border-radius: 50%;
}

.directional__nav__button:hover {
    background-color: var(--ms-neutral-400);
}

.directional__nav__button.directional__nav__button--right {
    padding-left: 0.2rem !important;
}

.directional__nav__button.directional__nav__button--left {
    padding-right: 0.2rem !important;
}


/*** Next page warning on activity pages ***/

.next-topic-tooltip .next-topic-tooltip__buttons .btn  {
    margin: 1rem 0;
}

.next-topic-tooltip .next-topic-tooltip__buttons .btn-alt  {
    background-color: var(--ms-neutral-300);
    border-color: transparent;
    color: var(--ms-neutral-700);
    border-radius: 2rem;
    font-family: 'Poppins', sans-serif;
}

.next-topic-tooltip .next-topic-tooltip__buttons .btn-alt:hover  {
    background-color: var(--ms-neutral-400);
}

/*** Hide menu search bar ***/

.learner__sidebar .learner__sidebar__search .form-control {
    visibility: hidden;
}

.learner__sidebar .learner__sidebar__search .learner__sidebar__search-icon {
    visibility: hidden;
}

/*** Menu Tab and buttons ***/

body:not(.manager) .learner__container__toggle {
    padding: 0 0.4rem;
}

body:not(.manager) .learner__container__toggle .btn--primary, .learner__container__toggle .btn-primary {
    border-top-right-radius: 1rem !important;
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body:not(.manager) .learner__sidebar .layout-panel {
    overflow: hidden;
    background-color: var(--ms-neutral-200);
}

body:not(.manager) .learner__sidebar__expandables {
    margin-bottom: -1rem;
}
body:not(.manager) .expandable-sidebar {
    margin-bottom: 2rem;
    background-color: #FFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.01);
}
body:not(.manager) .expandable-sidebar--toggled {
      padding-bottom: 1rem;
}

body:not(.manager) .expandable-sidebar__toggle {
    background-color: #FFF;
    color: var(--clr-neutral--1);
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom: none;
}

body:not(.manager) .expandable-sidebar--toggled .expandable-sidebar__toggle {
    border-bottom: 1px solid var(--ms-neutral-400);
}

body:not(.manager) .expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    display: none;
}

body:not(.manager) .expandable-sidebar .btn i, .expandable-sidebar button i {
    padding-top: 2px;
    transition: 0.3s;
}

body:not(.manager) .expandable-sidebar .btn i:hover, .expandable-sidebar button i:hover {
    color: var(--ms-primary);
    transition: 0.3s;
}

body:not(.manager) .learner__sidebar-list {
    max-height: unset;
    overflow-x: unset;
    overflow-y: unset;
}

body:not(.manager) .expandable-sidebar.expandable-sidebar--toggled .expandable-sidebar__content {
    padding: 0.5rem 0;
}

body:not(.manager) .learner__sidebar-inner-list {
    padding: 0;
}

body:not(.manager) .learner__sidebar-list ul.syllabus__section-list {
    list-style: none;
    margin: 0.5em 0;
    padding: 0 0.5rem;
}

body:not(.manager) .learner__sidebar-list ul.syllabus__section-list .syllabus__lesson-container {
    padding-left: 0;
}

body:not(.manager) .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {
    font-size: .85rem;
    font-weight: 600;
    padding: 0.8rem 0.25rem;
    margin-top: -0.5rem;
    font-family: 'Poppins', sans-serif;
    color: var(--clr-neutral--1);
}

body:not(.manager) .syllabus__lesson--title:after {
    content: " ";
    width: 110%;
    margin: 0 -0.5rem;
    border-top: 1px solid var(--ms-neutral-300);
    position: relative;
    z-index: 3;
}

body:not(.manager) button.syllabus__lesson--expander .expander-triangle__container {
    margin-top: 0.8rem;
}

body:not(.manager) .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator {
    margin-top: 0.8rem;
}

body:not(.manager) ul.syllabus__topics {
    margin: 0 -0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--ms-neutral-100);
}

body:not(.manager) li.syllabus__topic--non-expandable:before {
    content: "";
}

body:not(.manager) .syllabus__topic--non-expandable-title-text {
    padding-left: 0;
    font-family: 'Poppins', sans-serif;
    color: var(--clr-neutral--1);
}

body:not(.manager) .syllabus__topic.syllabus__topic--active {
    background-color: transparent;
}

body:not(.manager) .syllabus__topic.syllabus__topic--active .syllabus__topic--non-expandable-title-text {
    padding-left: 0;
    font-family: 'Poppins', sans-serif;
    color: var(--ms-primary);
}

body:not(.manager) .learner__sidebar-inner-list span.syllabus__section-title {
    color: var(--clr-neutral--1);
    font-size: 1rem;
    font-weight: 600;
    margin-top: -0.5rem;
    background-color: var(--ms-neutral-300);
    padding: 1rem 0.75rem;
}

body:not(.manager) .syllabus__section-title-index {
   display: none;
}


/*** Completion Circles ***/ 

body:not(.manager) .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator i {
    padding: 0 0.5rem;
}

body:not(.manager) .completed__indicator i {
    color: var(--ms-primary);
}

body:not(.manager) .icon-circle {
    border: 2px solid var(--ms-neutral-400);
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

body:not(.manager) .lesson-progress-page.lesson-progress-page--current .icon-circle.icon-circle {
    border-color: var(--ms-neutral-900);
}

body:not(.manager) .icon-circle.icon-circle--full {
    border-color: var(--ms-primary);
    background-color: var(--ms-primary);
}

body:not(.manager) .icon-circle.icon-circle--full span {
    background: transparent;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

body:not(.manager) .icon-circle.icon-circle--half {
    border-color: var(--clr-red-500);
}

body:not(.manager) .icon-circle.icon-circle--half span {
    background: var(--clr-red-500);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 3px;
}

/*** Progress Section ***/

body:not(.manager) .course-progress {
    padding: 1rem;
}

body:not(.manager) .course-progress hr {
    display: none;
}

body:not(.manager) .course-progress__overall__bar.row.collapse {
    margin-top: 1rem;
}
body:not(.manager) .course-progress__overall {
    margin-bottom: -1rem;
}

body:not(.manager) .expandable-sidebar__content .course-progress .clearfix {
    display: none;
}

body:not(.manager) .course-progress__overall .highlight {
    color: var(--ms-primary);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

body:not(.manager) .course-progress .stat {
    padding-left: 0.8rem;
}

body:not(.manager) .course-progress .description, body:not(.manager) .course-progress .status, body:not(.manager) .course-progress__section__expander {
    font-family: 'Poppins', sans-serif;
    color: var(--clr-neutral--1);
    font-weight: 500;
}


/*** Resources Section ***/

body:not(.manager) .sidebar__resources>li {
    background-color: var(--ms-neutral-200);
    margin-bottom: 0.5rem;
    padding: 0.25rem 1rem;
    text-transform: none;
}

body:not(.manager) .learner__sidebar-list>li {
    border-bottom: none;
}

body:not(.manager) ul.learner__sidebar-list.sidebar__resources {
    padding-top: 0.5rem;
}

body:not(.manager) .resources__count {
    background-color: var(--ms-neutral-600);
}

body:not(.manager) .resources__category__label:hover {
    color: var(--ms-primary);
    transition: 0.3s;
}

/*** Other course elements ***/

body:not(.manager) .learner__content .header--tools .header__inner .btn {
    background-color: var(--ms-primary) !important;
    border-radius: 2rem;
    padding: 0.5rem 1rem !important;
    margin: 0;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: .8rem;
    transition: 0.3s;
}

body:not(.manager) .learner__content .header--tools .header__inner .btn:hover {
    background-color: var(--ms-primary-hover) !important;
    transition: 0.3s;
}

body:not(.manager) .files__list .h5 {
    padding-top: 1rem;
}

body:not(.manager) .files__list .items__list li {
    border: 1px solid var(--ms-neutral-300);
    margin-bottom: 1rem;
    padding: 0.75em 1rem;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}

body:not(.manager) .file__links a, .file__links i, .file__links span {
    color: var(--clr-neutral--1);
}

body:not(.manager) .file__links a:hover,.file__links i:hover, .file__links span:hover {
    color: var(--ms-primary);
    transition: 0.3s;
}

body:not(.manager) .quiz-start__text .btn {
    padding: 0.25rem 2rem !important;
}

body:not(.manager) .slide-show__controls .slide-show__button {
    padding: 0.25rem 1rem;
    min-width: 7rem;
}

body:not(.manager) .header__left__copy .course-title.course-title-link {
    color: var(--clr-neutral--1) !important;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

body:not(.manager) .header--student .header__left__copy {
    padding-top: 1.25rem;
}

/* ========================================

Site Design - Element Classes

======================================== */

.f100 {
  font-weight: 100;
}

.f200 {
  font-weight: 200;
}

.f300 {
  font-weight: 300;
}

.f400 {
  font-weight: 400;
}

.f500 {
  font-weight: 500;
}

.f600 {
  font-weight: 600;
}

.f700 {
  font-weight: 700;
}

.f800 {
  font-weight: 800;
}

.f900 {
  font-weight: 900;
}

/* Overrides any link color from parent classes if you want your text to be orange */ 

.aPrimary {
  color: var(--ms-primary) !important;
}

.aPrimary:hover {
  color: var(--ms-primary-hover) !important;
}


/* ========================================
 
 Page Design - Learning Path

======================================== */

/*** Hero Portion ***/

body:not(.manager).learn.learning-path {
    background-color: var(--ms-neutral-200);
}

.learning-path .aspect-[2/1] {
    aspect-ratio: unset;
}

.learning-path .learning-content-hero {
    margin-top: 64px;
    width: 115vw;
    margin-left: -15vw;
    aspect-ratio: 3.5/1 !important;
    padding-left: 15vw;
    overflow: hidden;
}

.learning-path  .learning-content-hero__overlay {
    z-index: 1;
}

.learning-path .picturefill {
    position: absolute;
    top: 0;
    left: 0;
    width: 115vw;
    z-index: 0;
}

.learning-path .absolute {
    position: absolute;
    z-index: 2;
    margin-left: 15vw !important;
    width: 100vw;
    padding: 0;
    bottom: 0;
    padding-bottom: 4rem;
    top: unset;
}

.learning-path h1.text-white.text-xl.font-bold.mb-1.sm_text-5xl {
    margin-bottom: 2rem;
}

.learning-path .learning-content__back-button {
    display: none;
}

@media only screen and (min-width: 2560px) {
  .learning-path .absolute {
      max-width: 2560px;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .learning-path .absolute {
      max-width: 1920px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .learning-path .absolute {
      max-width: 1440px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .learning-path .absolute {
      max-width: 1024px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .learning-path .absolute {
      max-width: 769px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
  .learning-path .absolute {
      max-width: 640px;
  }
}

@media only screen and (max-width: 639px) {

  .learning-path .absolute {
      max-width: 640px;
      padding: 0 1.5rem 2rem;
  }
}

@media only screen and (max-width: 1023px) {

  .learning-path .learning-content-hero {
    aspect-ratio: 2/1 !important;
  }
}

/*** Learning Path Content - Milestones ***/

.learning-path .learning-path-timeline-milestone__header {
    background-color: #FFF !important;
    border: none;
    width: 115vw !important;
    margin-left: -15vw !important;
    height: 100px;
    padding: 1em;
}

.learning-path .learning-path-timeline-milestone__header-content {
    position: absolute;
    left: 0;
    padding: 0;
}

.learning-path .learning-path-timeline-milestone__header-criterion {
    display: none;
}

/*** Main Line and BG colors ***/

.learning-path .learning-path-timeline-milestone-items {
    background-color: var(--ms-neutral-200) !important;
}

.learning-path .learning-path-timeline-milestone-item__vertical-line {
    background: var(--ms-neutral-400) !important;
    height: 100%;
    left: 12px;
    opacity: 1;
}

/*** Learning Path Item ***/

.learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item {
    margin: 0 0 3rem 5rem;
    position: relative;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.05);
    display: flex;
    padding: 1rem;
    align-items: center;
    z-index: 1;
}

.learning-path .learning-path-milestone__badge {
    font-family: var(--alt-font);
    font-size: .75rem;
    padding: 0;
    text-transform: none;
    background-color: transparent !important;
    color: var(--ms-primary) !important;
    font-weight: 500;
    display: inherit;
}

.learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container {
    padding: 0;
    float: left;
    position: static;
    padding-right: 1rem;
    align-self: flex-start;
}

.learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container .row {
    margin: 0;
}

.learning-path .small-8.small-centered.columns.learning-path-timeline-milestone-item__content {
    margin: 0 1rem 0 0;
    width: 100%;
    color: var(--clr-neutral--1);
}

.learning-path p.h1.learning-path-milestone-item__title {
    font-size: 1.2rem;
    font-weight: 500;
}

.learning-path .small-8.small-centered.columns.learning-path-timeline-milestone-item__content {
    margin: 0 1rem 0 0;
    width: 100%;
    color: var(--clr-neutral--1);
}

.learning-path .learning-path-milestone-item__info {
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}

.learning-path .learning-path-milestone-item__alt-description, .learning-path-milestone-item__description {
    color: var(--clr-neutral--1);
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {
    float: right;
    position: static;
    padding: 0;
}

.learning-path .learning-path-timeline-milestone-item__asset-container .row {
    margin: 0;
}

.learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset {
    z-index: 3;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}

.learning-path .learning-path-timeline-milestone-item__asset img {
    border-radius: 10px;
}

/*** Item Source and Information 2025 Edit ***/

.learn.learning-path .learning-path-milestone-item__info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.learn.learning-path .learning-path-milestone-item__info h5 {
    margin-right: 2px;
    margin-bottom: 0px;
}

.learn.learning-path .learning-path-milestone-item__info p {
    width: 100%;
}

.learn.learning-path .row.widget.widget--milestones.widget--milestones_standard {
    margin-bottom: -32px;
}

/*** Item connector circles ***/

.learning-path .learning-path-timeline-milestone-item-circle__asset {
    left: -78px;
    top: calc(50% - 11px);
}

.learning-path .learning-path-timeline-milestone-item-circle__asset--right {
    left: -80px !important;
    right: 0;
}

.learning-path .learning-path-timeline-milestone-item-circle {
    background-color: var(--ms-neutral-400) !important;
}

.learning-path .learning-path-timeline-milestone-item__horizontal-line {
    border-top: 2px solid var(--ms-neutral-400) !important;
    left: -78px;
    width: 78px;
}

.learning-path .learning-path-timeline-milestone-item__horizontal-line--right {
    left: -80px !important;
    right: 0;
}

.learning-path .learning-path-timeline-milestone-item-circle--current {
    background-color: var(--ms-primary) !important;
    box-shadow: 0 0 0 11px #fff, 0 0 0 12px var(--ms-primary-hover), 0 0 0 17px #fff, 0 0 0 18px var(--ms-primary);
}

@media only screen and (max-width: 768px) {

    .learning-path .learning-path-timeline-milestone-item-circle__asset {
        left: -45px;
    }

    .learning-path .learning-path-timeline-milestone-item-circle__asset--right {
        left: -45px !important;
        right: 0;
    }

    .learning-path .learning-path-timeline-milestone-item__horizontal-line {
        left: -45px;
        width: 45px;
    }

    .learning-path .learning-path-timeline-milestone-item__horizontal-line--right {
        left: -45px !important;
        right: 0;
    }

    .learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item {
    flex-direction: column-reverse;
    margin-right: 1rem;
}

    .learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {
        padding: 0 0 1em 0;
    }

    .learning-path .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container {
        padding: 0;
    }
    .learning-path .small-8.small-centered.columns.learning-path-timeline-milestone-item__content {
        padding: 0;
        margin: 0;
    }

    .learning-path .learning-path-timeline-milestone-item__vertical-line {
        left: 35px;
    }

    .learning-path .learning-path-timeline-milestone__header {
        height: 50px;
    }

    .learning-path .learning-path-timeline-milestone__title {
        padding: 0 1.5rem;
    }

}

/* ========================================
 
 Page Design - Getting Started, About, Conference, SPP - header

======================================== */



.page-hero-content.msa_page_hero_title {
    align-self: start;
}

.msa_page_hero_video_container {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    margin-top: -225px;
    margin-bottom: 3rem;
}

.msa_page_hero_video {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

@media only screen and (min-width: 1920px) {
  
    .msa_page_hero_video {
        width: 40%;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  
  .msa_page_hero_video {
    width: 50%;
}


}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  
    .msa_page_hero_video {
        width: 70%;
    }

}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  
      .msa_page_hero_video_container {
        margin-top: -175px;
    }
    
      .msa_page_hero_video {
        width: 80%;
    }

}

@media only screen and (max-width: 768px) {

    .msa_page_hero_video_container {
        margin-top: -135px;
    }
    
}

/*** Manager Logged In As Learner ***/

.panel.panel--secondary.flex.py-2.px-4.rounded {
    position: fixed;
    width: 100%;
    bottom: 0;
    margin: 0;
    background-color: var(--clr-secondary-hover);
    border-color: var(--clr-secondary);
    color: black;
    z-index: 500;
}

.panel.panel--secondary.flex.py-2.px-4.rounded button {
    color: black !important;
    font-family: var(--font);
}

/*** Toggle Nav and Footer for Private and Public Clients ***/

.msa_navmenu_public, .msa_footer_public {
    display: none;
}


/*** Paragraph Fix Test ***/

.widget--html p {
    font-family: 'Poppins', sans-serif;
}



/******* Testing by Janine - ^^^^^^^^^^^ */

/* ========================================
 
Course Design

======================================== */

/*** Anchor Links color ***/


body:not(.manager) .topic__container__embed a {
  color: var(--clr-link);
}

body:not(.manager) .topic__container__embed a:hover {
  color: var(--clr-link-hover);
}

body:not(.manager) .topic__container__embed a {
  color: var(--clr-link);
}

body:not(.manager) .topic__container__embed a.btn--primary {
  color: #fff;
}

body:not(.manager) .topic__container__embed a.btn--primary:hover {
  color: #fff;
}

/*========================================

    Course Page Layout

========================================*/

/* Header needed min-height so we don't run into overflow issues and also enlarged min-height size as this is too small for some imagery yet not too big. */
.msa-course-page-header, .course-page-header {
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    min-height: 240px;
    justify-content: center;
    padding: 3.75rem 2.5rem;
    margin: 0 -2rem 6.25rem -2rem;
}

/* Container query added here */
.msa-course-page-body, .course-html-page-body, .a-course-page-body--html, .msa-course-page-body--html {
    container-type: inline-size;
    margin: 3.75rem 0;
    padding: 0 !important;
}

/* Container query added here */
.msa-course-page-body__section, .course-page-body__section, .a-course-page-body__section {
    container-type: inline-size;
    margin: 5rem 0;
}

.msa-course-page-body__section:first-of-type, .course-page-body__section:first-of-type, .a-course-page-body__section:first-of-type {
    margin-top: unset;
}

.course-page-body__section:last-of-type, .msa-course-page-body__section:last-of-type, .a-course-page-body__section:last-of-type {
    margin-bottom: unset;
}

/*========================================

    General Elements

========================================*/

/*===== iFrame =====*/

.msa-iframe {
    border-radius: 12px;
}

.msa-iframe--vimeo {
    border-radius: 12px;
    overflow: hidden;
}

.msa-iframe--iorad {
    border-radius: 12px;
    margin: 40px 0;
    border: 1px solid var(--ms-neutral-300);
    overflow: hidden;
}

.msa-iframe--surveymonkey {
    border: 1px solid var(--ms-neutral-300);
    border-radius: 12px;
    margin: 40px 0;
}

.msa-iframe--h5p {
    border: 1px solid var(--ms-neutral-300);
    border-radius: 12px;
    margin: 40px 0;
}

/*===== Images =====*/

.msa-screenshot {
    border: 1px solid var(--ms-neutral-300);
    border-radius: 12px;
    overflow: hidden;
}

/*** Other Course Elements ***/

.round-corners10 {
	border-radius: 10px;
}

.drop-shadow {
  -webkit-box-shadow: 0px 8px 10px rgba(0,0,0,0.20);
	box-shadow: 0px 8px 10px rgba(0,0,0,0.20);
}

/*----- Element - Iorad Instructions -----*/

.iorad-instruction {
  background: #F2F2F2;
  border-radius: 10px;
  padding: 1.25rem;
  margin: 0 0 1.25rem 0;
}

.iorad-instruction--margin-top {
    margin-top: 3.75rem;
}

.iorad-info-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}

.iorad-info-header img {
  width: 40px;
  height: 40px;
}

#learner .iorad-info-header p {
  margin-bottom: 0;
}

.iorad-ui-elements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 1.25rem 0 0 0;
  gap: 1.25rem;
}

.iorad-ui-element {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 1.25rem;
}

#learner .iorad-ui-element p {
  margin: 0;
}

.iorad-ui-element__image {
  width: 26px;
  height: 26px;
  margin-bottom: .325rem;
}

.iorad--margin {
    margin: 1.25rem 0;
}

/*========================================

    General Reset

========================================*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background: #fff;
    color: unset;
    font-family: var(--font);
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: unset;
}

/*========================================

    2024 Updates - Email Capture, Live Webinar, Purchase pages

========================================*/

.course__detail__enrolled {
    border: none;
    order: -1;
}

.course__detail__enrolled .btn--bare {
    background: var(--ms-primary) !important;
    border-color: var(--clr-primary) !important;
}

.email-capture input[type=email] {
    margin-bottom: 1rem;
    border-radius: 12px;
    box-shadow: none;
}

.enroll p small span {
    font-size: 1.15rem;
    color: var(--ms-neutral-600);
    font-weight: 600;
}

.enroll p small span::after {
    content: 'If you are unable to enroll in this course, this may be because you are not logged in or your church is not subscribed to Staff Pass Pro. To log in, navigate to onrealm.org and click the MinistrySmart link in the drop-down menu. For Staff Pass Pro, read the Staff Pass Pro tab for more information. Reach out to us for assistance.';
    display: block;
    font-size: .875rem;
    font-weight: 400;
}

.editor-content.indent-list ol {
    margin: 1rem 0 0 1rem;
    padding-left: 0;
    color: var(--clr-neutral--1);
}

.editor-content.indent-list ol li p {
    font-size: 1rem;
}

.course__detail__sidebar .layout__content--sidebar .widget--one-column.widget--one-column_standard h2.widget__title {
    font-size: 1.15rem;
    margin-top: 0;
    color: var(--clr-neutral--1);
}

.enroll--learning-path .enroll__buy {
    display: none;
}

.enroll--learning-path .enroll__title span {
    opacity: 0;
}

.enroll--learning-path .enroll__title::before {
    content: 'Uh oh! This content requires you to be logged into your Realm account to access it. Please navigate to onrealm.org to log in, then click the MinistrySmart link in the drop-down menu to reaccess MinistrySmart Academy. If you are still having difficulty, feel free to reach out to us for assistance.';
    display: block;
    font-size: 1rem;
    font-weight: 400;
    text-transform: math-auto;
}

.webinar__dates {
    margin-bottom: 3rem;
}

.widget--course-purchase.widget--course-purchase_standard div.ember-view {
    display: flex;
    flex-direction: column;
}


/*========================================

    2024 Updates - Article Changes

========================================*/

.widget--back-to-dashboard .learning-content__back-button {
    top: 0;
}

.row.article-header .columns.medium-6.text-right .ember-view button:hover, .row.article-header .columns.medium-6.text-right .ember-view button {
    border: none;
}

.bookmark-dropdown__button.bookmark-plus.bookmark-article {
    margin-top: -.25rem;
    margin-right: 5.25rem;
}


/*========================================

    2024 Updates - Preview Paywall

========================================*/

.paywall_container {
    display: flex;
    flex-direction: column;
}

.paywall_banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 2rem;
    margin: 1rem -4rem 2rem -4.8rem;
}

.paywall_banner h1 {
    font-weight: 700;
    text-align: center;
    z-index: 1;
    margin: 2rem 0 0;
}

.paywall_banner img {
    height: 300px;
    z-index: 1;
}

.paywall_banner::after {
    border-radius: 100%;
  position: absolute;
  background: linear-gradient(135deg, #E3F1FE, #F5F9FE);
  right: -200px;
  left: -200px;
  top: -200px;
  content: '';
  bottom: 0;
    z-index: 0;
}

.paywall_upgrade_info {
    width: 80%;
    align-self: center
}

.paywall_upgrade_info ul {
    margin: 1rem 2rem 2rem;
}

.paywall_upgrade_info ul li {
    list-style-type: none;
}

.paywall_upgrade_info ul li::before {
    content: '';
    position: absolute;
    margin-left: -2rem;
    width: 1.5em;
    height: 1.5em;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%233A9FFA' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>")
}

.paywall_upgrade_info h3 {
    margin: 0;
    font-weight: 600;
}

.paywall--btn {
    background-color: #3A9FFA !important;
    width: 100%;
    margin-bottom: 0 !important;
}

.paywall--btn::hover {
    background-color: #7FC6FA !important;
}

.paywall_upgrade_info p.fineprint_asterisk {
    color: darkgray;
    font-size: .75rem;
    margin: -.5rem 0 2rem 0;
    text-align: center;
}

.paywall_fineprint p {
    color: lightgray;
    font-size: .75rem;
}

@media only screen and (max-width: 768px) {

    .paywall_banner {
        margin: 1rem -2rem 2rem -2rem;
    }

    .paywall_upgrade_info {
        width: 100%;
    }
    
}