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

      :root {
        --font: Open Sans;
        --alt-font: Chronicle;
        --accent-color: #003260;
        --secondary-color: #488974;
        --link-color: #0079c1;
        --accent-highlight-color: #003260;
        --accent-highlight-background-color: #c6e4ff;
        --accent-tinted-color-70: #b3c2cf;
        --accent-tinted-color-80: #ccd6df;
        --accent-tinted-color-90: #e6ebef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #004d93;
        --secondary-hover-color: #5ba990;
        --secondary-contrast-color: #fff;
        --link-hover-color: #28afff;
      }
      

.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/4b92afd1-d0eb-4aff-8198-263f1b2457e6/2v6l42voriu4-ima-logo-2x.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Variables */

:root {
        --font: Open Sans;
        --alt-font: Droid Serif;
        --font-color: #1F292E;
        --accent-color: #003260;
        --secondary-color: #2E7A62;
        --accent-highlight-color: #003260;
        --accent-highlight-background-color: #c6e4ff;
        --accent-tinted-color-70: #b3c2cf;
        --accent-tinted-color-80: #ccd6df;
        --accent-tinted-color-90: #e6ebef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #00507E; /* Blue L7 */
        --secondary-hover-color: #5ba990;
        --secondary-contrast-color: #fff;
        --link-color: #006BA8; /* Core Blue */
        --link-hover-color: #003654;

/* Custom Variables and Colors */
        --heading-font: Chronicle, 'Chronicle Display', Georgia, serif;
        --subheading-font: Avenir, 'Avenir', Open Sans, sans-serif;
        --box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
        --cta-color: #BD5800;
        --cta-hover-color: #9B5026;
        --dark-blue-color:#003260; /* IMA Pallet - Dark Blue */
        --medium-blue-color:#00507E;
        --core-blue-color:#006BA8;
        --light-blue-color:#0079C1; /* IMA Pallet - Light Blue */
        --turquoise-color:#04B2E2;
        --darker-green-color:#235C4A;
        --dark-green-color:#2E7A62;
        --core-green-color:#2E7A62;
        --light-green-color:#73C6A1;
        --greyish-blue-color:#5D7286;
        --dark-grey-color:#415058;
        --mid-grey-color:#838D95;
        --light-grey-color:#cbcbcb;
        --dark-blue-background-color:#003260;
        --dark-green-background-color:#2E7A62;
        --light-blue-background-color: #CCE4F3;
        --light-grey-background-color: #f6f6f6;
        --dark-blue-vertical-gradient: linear-gradient(0deg, rgba(0,51,96,1) 0%, rgba(0,121,193,1) 100%);
        --dark-blue-reverse-vertical-gradient: linear-gradient(0deg, rgba(0,121,193,1) 0%, rgba(0,51,96,1) 100%);
        --dark-navy-linear-gradient: linear-gradient(90deg, rgba(0,50,96,1) 0%, rgba(1,31,58,1) 100%);

        --lime-level-two: #F9FCD9;

        --navy-level-nine: #001930;

        --grey-level-one: #F1F2F2;
        --grey-level-two: #EBEBEB;
        --grey-level-three: #DDDEDE;
        --grey-level-four: #BCBDBD;
        --grey-level-five: #9A9B9D;
        --grey-level-six: #797A7C;
        --grey-level-seven: #57595B;
        --grey-level-eight: #414344;
        --grey-level-nine: #2C2D2E;
        --grey-level-ten: #161617;

        --seafoam-level-two: #E3F4EC;
        --seafoam-level-four: #ABDDC7;
        --seafoam-level-six: #73C6A1;
        --seafoam-level-seven: #569579;

        --turquoise-level-two: #CDF0F9;
        --turquoise-level-three: #9BE0F3;

        --error-dark: #AD0933;
        --error-light: #EC95AC;
        --alert-dark: #705100;
        --alert-light: #E0A100;
        --success-dark: #426602;
        --success-light: #8AC32E;


}


div.testimonial .testimonial-quote__text{
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 300;}

.two-column-list {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
}

/* Fonts */

.heading-font {
    font-family: var(--heading-font) !important;
}

.subheading-font {
    font-family: var(--subheading-font) !important;
}

/* Chronicle */

@import url('https://fonts.cdnfonts.com/css/chronicle-display');

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/hrmbth1s3j8s-chronicledisp-xlightitalic.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9tpffbrmne4i-chronicledisp-xlight.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/hrmbth1s3j8s-chronicledisp-xlight.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9tpffbrmne4i-chronicledisp-xlight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/1l8ssc4l9yjm-chronicledisp-lightital-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/a5wfqerbtmr0-chronicledisp-lightital.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/7744s3iuy6r7-chronicledisp-light-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/7akel5bztl84-chronicledisp-light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/bgg1alx0ymkv-chronicledisp-roman-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/71c8armgiwhe-chronicledisp-roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/q26z0rl5frvm-chronicledisp-italic-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/i3w96nfd7hxs-chronicledisp-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ng3ufg0kl4g7-chronicledisp-semibold-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/lykmfsyrm7e7-chronicledisp-semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/4stgh4tkae8k-chronicledisp-semiboldital-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/p44xctos2qcj-chronicledisp-semiboldital.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/zp061a2azt7v-chronicledisp-bold-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/30t2bcxejfut-chronicledisp-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/wg1ku1qicjlr-chronicledisp-boldital-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/8qd3dlta29ic-chronicledisp-boldital.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/c4uxc8j3saeu-chronicledisp-black-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/u42eoupqwxz3-chronicledisp-black.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Chronicle;
    src: url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/dlaccuv4dtxe-chronicledisp-blackitalic-webfont.woff2') format('woff2'),
         url('https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/cv5ahx8xdskf-chronicledisp-blackitalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}


/* Avenir */

@import url('https://fonts.cdnfonts.com/css/avenir');

@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ulacm2aau335-Avenir-35Light.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ulacm2aau335-Avenir-35Light.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/d0syq8xow55c-Avenir-35Light.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/2n0u2ub007fn-Avenir-35Light.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/2jjb8q57wh9w-Avenir-35Light.woff2) format("woff2");
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/dv8og5yn40xc-Avenir-35LightOblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/dv8og5yn40xc-Avenir-35LightOblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/kj2sm2filori-Avenir-35LightOblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/cqj06cii9fp6-Avenir-35LightOblique.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ntgkn56zglyb-Avenir-35LightOblique.woff2) format("woff2");
    font-weight:300;
    font-style:italic;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/5vdj8mmvrnz9-Avenir-45Book.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/5vdj8mmvrnz9-Avenir-45Book.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/5hrkzoizrhxw-Avenir-45Book.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/tszd3q0rj66r-Avenir-45Book.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/jw1k0fjm1a99-Avenir-45Book.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/3wawcmng5hl1-Avenir-45BookOblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/3wawcmng5hl1-Avenir-45BookOblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9cmmvr3bvlpf-Avenir-45BookOblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/q8d4bnuij1lv-Avenir-45BookOblique.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/z95p27397dp0-Avenir-45BookOblique.woff2) format("woff2");
    font-weight:400;
    font-style:italic;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ttvhoubizpex-Avenir-55Oblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/ttvhoubizpex-Avenir-55Oblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/3xkzbik8wgjv-Avenir-55Oblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/8ivszo093cdm-Avenir-55Oblique.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/2wz6ex5nucw1-Avenir-55Oblique.woff2) format("woff2");
    font-weight:400;
    font-style:italic;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/k8e6v1swbuuv-Avenir-55Roman.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/k8e6v1swbuuv-Avenir-55Roman.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/3pcv59mb5mni-Avenir-55Roman.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/tr81a43biqrl-Avenir-55Roman.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/sjh8weotn5zi-Avenir-55Roman.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9vnos91qo2xk-Avenir-65Medium.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9vnos91qo2xk-Avenir-65Medium.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/xhk40pigyvmd-Avenir-65Medium.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/8l06c4tmvep4-Avenir-65Medium.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/eu083plx5jxh-Avenir-65Medium.woff2) format("woff2");
    font-weight:500;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/hjuh24genl39-Avenir-65MediumOblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/hjuh24genl39-Avenir-65MediumOblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/29396vzxipjm-Avenir-65MediumOblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/5gx39arcwykj-Avenir-65MediumOblique.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/yce1idij9dn1-Avenir-65MediumOblique.woff2) format("woff2");
    font-weight:500;
    font-style:italic;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/a1kdrpaituvy-Avenir-85Heavy.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/a1kdrpaituvy-Avenir-85Heavy.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/93uboempdzhd-Avenir-85Heavy.woff2) format("woff2"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9tovjudhvhmx-Avenir-85Heavy.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/kb9g0awktizb-Avenir-85Heavy.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/dtm4gd37vp25-Avenir-85HeavyOblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/dtm4gd37vp25-Avenir-85HeavyOblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/yo3yccjyxz1a-Avenir-85HeavyOblique.woff2) format("woff2"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/fnzi7k8w5659-Avenir-85HeavyOblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/9kyoxd1pfrsd-Avenir-85HeavyOblique.woff) format("woff");
    font-weight:700;
    font-style:italic;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/loz1is6xpkhh-Avenir-95Black.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/loz1is6xpkhh-Avenir-95Black.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/f76qgzwouai7-Avenir-95Black.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/q7hb0z4ha85p-Avenir-95Black.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/lzs7ksa4fx17-Avenir-95Black.woff2) format("woff2");
    font-weight:900;
    font-style:normal;
    font-stretch:normal;
}
@font-face{
    font-family: Avenir;
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/qafibnritzwi-Avenir-95BlackOblique.eot?#iefix);
    src:url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/qafibnritzwi-Avenir-95BlackOblique.eot?#iefix) format("eot"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/q0iargf3chwe-Avenir-95BlackOblique.ttf) format("truetype"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/cco0ndoxahwb-Avenir-95BlackOblique.woff) format("woff"),url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4b92afd1-d0eb-4aff-8198-263f1b2457e6/us8sv5rm8d0z-Avenir-95BlackOblique.woff2) format("woff2");
    font-weight:900;
    font-style:italic;
    font-stretch:normal;
}

/* Open Sans */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');

@font-face{
    font-family: 'Open Sans';
    font-weight:600;
    font-style:normal;
}

/* Custom Classes - These are added to widgets to adjust their style */

/*
.full-width-section {
    margin: 0 calc(50% - 50vw);
    width: calc(100vw);
    max-width:none;
    padding:0 !important;
}
*/

.full-width-section {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    max-width: none;
    padding: 0;
    position: relative;
    /*
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    min-width: calc(100vw - 8px);
    */
}

/*
.mac .full-width-section, .ios .full-width-section {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    max-width: none;
    padding: 0;
    position: relative;
    right:initial;
    left:initial;
    min-width:none;
}
*/

.full-width-section .row {
    max-width:1440px;
    margin:0 auto;
}

.full-width-row {
    padding: 0 !important;
}

@media only screen and (max-width:90em) {
    .full-width-row {
        padding: 0 1rem !important;
    }
}

.full-width-row .row {
    max-width:none;
    margin:0 auto;
}

.full-width-row .row .medium-12 {
    padding:0;
}

.half-width-section {
    width:50%;
    float:left;
}

@media only screen and (max-width:40em) {
    .half-width-section {
        width:100%;
    }
}

.orange-cta .btn--primary, .btn--primary.orange-cta, a.orange-cta {
    background-color:var(--cta-color);
    border-color:var(--cta-color);
    color:#fff;
}

.orange-cta .btn--primary:hover, .btn--primary.orange-cta:hover, a.orange-cta:hover  {
    background-color:var(--cta-hover-color);
    border-color:var(--cta-hover-color);
    color:#fff;
}

.alt-cta .btn--primary, a.alt-cta {
    background-color:var(--accent-hover-color);
    border-color:var(--accent-hover-color);
    color:#fff;
}

.alt-cta .btn--primary:hover, a.alt-cta:hover {
    background-color:var(--accent-color);
    border-color:var(--accent-color);
    color:#fff;
}

.blue-cta .btn--primary, a.blue-cta {
    background-color:var(--core-blue-color);
    border-color:var(--core-blue-color);
    color:#fff;
}

.blue-cta .btn--primary:hover, a.blue-cta:hover {
    background-color:var(--accent-hover-color);
    border-color:var(--accent-hover-color);
    color:#fff;
}

.green-cta .btn--primary, a.green-cta {
    background-color:var(--core-green-color);
    border-color:var(--core-green-color);
    color:#fff;
}

.green-cta .btn--primary:hover, a.green-cta:hover {
    background-color:var(--accent-hover-color);
    border-color:var(--accent-hover-color);
    color:#fff;
}

.grey-border-cta .btn--primary, a.grey-border-cta {
    background-color:#fff;
    border-color:var(--light-grey-color) !Important;
    color:var(--accent-color);
    border-style:solid !Important;
    border-width:1px !Important;
}

.grey-border-cta .btn--primary:hover, a.grey-border-cta:hover {
    background-color:var(--accent-color);
    border-color:var(--accent-color) !Important;
    color:#fff;
}

    /* Testimonials Fix for Full-Width */
    
    .class-testimonials.full-width-section .row {
        max-width:initial;
        margin:initial;
    }
    

h1.widget__title {
    padding-top: 2rem;
    padding-bottom: 0rem;
    color:var(--accent-color);
    font-size: 1.625rem;
    font-weight: 600;
}

div.widget--title {   
    padding-top: 1rem;
}

.no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.no-top-margin {
    margin-top: 0 !important;
}

.gradient-title.no-margin .widget__alt-title__container {
    margin-bottom: 0 !important;
}

.dark-blue-vertical-gradient {
    background:var(--dark-blue-vertical-gradient);
}

.dark-blue-reverse-vertical-gradient {
    background:var(--dark-blue-reverse-vertical-gradient);
}

.title-only .medium-12.columns {
    display: none;
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-max-width {
    max-width:none !important;
}

@media only screen and (max-width:90em) {
    .no-side-padding {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Superscript Reg and TM Symbols for Footer */

small.sup {
    position: relative;
    top: -4px;
    font-size: 75%;
}

/* The CSS below this comment is to turn off the catalog image on the course detail pages - please keep. */

.course__detail__content .course__detail__asset:first-of-type {
    display: none;
}

/* Semi Bold Font */

strong.semi {
    font-weight:600;
}

/* Removes course feedback survey */

.sidebar__testimonial { display: none;}

/* End Emily Styles */




/* Color Classes */

.dark-blue {
    color:var(--dark-blue-color);
}
.light-blue {
    color:var(--light-blue-color);
}
.dark-green {
    color:var(--dark-green-color);
}
.light-green {
    color:var(--light-green-color);
}
.light-grey {
    color:var(--light-grey-color);
}

.grey-level-one {
    color:var(--grey-level-one);
}
.grey-level-two {
    color:var(--grey-level-two);
}
.grey-level-three {
    color:var(--grey-level-three);
}
.grey-level-four {
    color:var(--grey-level-four);
}
.grey-level-five {
    color:var(--grey-level-five);
}
.grey-level-six {
    color:var(--grey-level-six);
}
.grey-level-seven {
    color:var(--grey-level-seven);
}
.grey-level-eight {
    color:var(--grey-level-eight);
}

.greyish-blue {
    color:var(--greyish-blue-color);
}

.dark-blue-background {
    background-color:var(--dark-blue-color);
}

.dark-green-background {
    background-color:var(--dark-green-background-color);
}

.light-blue-background {
    background-color: var(--light-blue-background-color)
}

.light-grey-background {
    background-color:var(--light-grey-background-color);
}




/* Base Styles */

html, body {
    min-height:100%;
    overflow-x:hidden;
}

body {
    height:auto;
}

body.home, body.dashboard, body.account {
    background:none;
    padding-top:145px;
    color:var(--font-color);
}

@media only screen and (max-width:48em) {
    body.home {
        padding-top:0;
    }
}

.home .container {
    box-shadow:none;
    -webkit-box-shadow:none;
}

@media only screen and (max-width:1439px) {
    .home .container {
        max-width:100%;
    }
}

.btn--link {
    color:var(--link-color);
}

.btn--link:hover {
    color:var(--link-hover-color);
}

p.smaller {
    font-size: 80%;
}

/* Force Min Height of Page */

.home .home__content, .dashboard .home__content {
    min-height: calc(100vh - 145px);
}


/* Forms & Input Fields */

.field__input[type=color], .field__input[type=date], .field__input[type=datetime-local], .field__input[type=datetime], .field__input[type=email], .field__input[type=month], .field__input[type=number], .field__input[type=password], .field__input[type=search], .field__input[type=tel], .field__input[type=text], .field__input[type=time], .field__input[type=url], .field__input[type=week], .field__input--select, .enroll__buy select, .home .email-capture input[type=email], input[type=color].input--large, input[type=date].input--large, input[type=datetime-local].input--large, input[type=datetime].input--large, input[type=email].input--large, input[type=month].input--large, input[type=number].input--large, input[type=password].input--large, input[type=search].input--large, input[type=tel].input--large, input[type=text].input--large, input[type=time].input--large, input[type=url].input--large, input[type=week].input--large, textarea.input--large {
    height: 3.5rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid var(--light-grey-color);
    border-radius: 4px;
    padding: 1em 1.25em;
    font-size: 1rem;
}

input[type=checkbox] {
    height: 24px;
    width: 24px;
    border: 2px solid var(--light-grey-color);
    box-shadow: none;
    -webkit-box-shadow: none;
}

select.field__input {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 2.75em;
}

form.salesforce.contact-forms {
    border: 1px solid #D5D2D5;
    border-radius: 8px;
    padding: 1.5rem 1.5rem 1rem;
    max-width: 916px;
    margin: 1rem auto 2rem;
}

.salesforce.contact-forms label {
    margin-bottom: .25rem;
}

.salesforce.contact-forms span.red-asterisk {
    vertical-align:initial;
}

@media only screen and (max-width:48em) {
    .require-text {
        margin: -.25rem 0 1.5rem;
        float: left;
    }
    form.salesforce.contact-forms { 
        margin-top: 0;
    }
}

form .g-recaptcha {
    margin-bottom:1.25rem;
}

.checkout select:not(.url-manager .new-form-label .form__input__container), .register select:not(.url-manager .new-form-label .form__input__container) {
    margin-bottom:1em;
}

.search-bar-widget input {
    height:auto;
    font-size:1rem;
    padding:1rem;
}

.catalog-filters {
    border-radius: 4px;
    overflow: hidden;
    height: 3.5rem;
}

.catalog-filters input {
  font-size: 1rem;
  padding: 1rem .5rem;
}

@media only screen and (max-width:48em) {
    .catalog-filters {
        float:left;
        width: 100%;
        margin-bottom: 1rem;
    }
    .dashboard .catalog-filters {
        width:100%;
        margin-bottom:.25em;
    }
    .catalog-display-type {
        float:right;
        padding-right:0;
    }
    .catalog-filters .catalog-search input {
        margin: 0;
        padding: 1rem;
        height: initial;
        box-shadow:none;
        -webkit-box-shadow:none;
        border-radius:4px;
        overflow:hidden;
    }
    .catalog-search-bar .columns {
        padding-left: 0;
        padding-right: 0;
    }
    .catalog-search__button {
        border-width: 1px 1px 1px 0px;
        border-color: var(--light-grey-color);
        border-style: solid;
    }
}

.catalog-display-type .btn {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 4px;
}

.catalog-active-filter {
    padding: 1rem 0;
}

.catalog-active-filter .btn {
    font-size: 1rem;
    color:var(--accent-color);
}

.catalog-active-filter .btn:hover, .catalog-active-filter__remove:hover {
    color:var(--link-color);
}

/* Headings */

#learner .catalog-calendar__table caption, #learner .collection__course__title, #learner .h3, #learner .h4, #learner .h5, #learner .h6, #learner .metrics__title, #learner .topic__index .topic__index__number, #learner h2, #learner h3, #learner h4, #learner h5, #learner h6, .catalog-calendar__table #learner caption, .catalog-calendar__table .session caption, .quiz__container--assessment .question__container .session h2, .quiz__container--learner .question__container .session h2, .session .catalog-calendar__table caption, .session .collection__course__title, .session .h1, .session .h2, .session .h3, .session .h4, .session .h5, .session .h6, .session .metrics__title, .session .quiz__container--assessment .question__container h2, .session .quiz__container--learner .question__container h2, .session .topic__index .topic__index__number, .session h1, .session h2, .session h3, .session h4, .session h5, .session h6, .topic__index #learner .topic__index__number, .topic__index .session .topic__index__number {
    font-family:var(--subheading-font);
}


/* Accordion CSS */

.accordion {
  margin-bottom: 0;
  margin-left: 0; }
  .accordion::before, .accordion::after {
    content: " ";
    display: table; }
  .accordion::after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8;
      color: #222222; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #EFEFEF;
      color: #222222;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
      font-size: 0.88889rem;
      padding: 0.88889rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.83333rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
        display: block; }

/* Remove Border on Catalog */
.dashboard .application .container.sidebar--closed--right, .account .application .container.sidebar--closed--right {
    box-shadow: none;
    -webkit-box-shadow: none;
    max-width: 1440px;
    padding: 0 .25rem;
}



/* Buttons */

.btn--primary, .btn-primary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}

.home .btn--primary, .home .btn-primary {
    font-size: 1rem;
    font-weight: 500;
    padding: 1.172rem 2.5rem;
    border-radius: 0px;
}

.home .search-bar-widget button {
    height:auto;
    text-transform:none;
    padding:1rem;
}




/* Header Styles */

.header .company__beta-logo .company-logo__container img {
    max-height: 73px;
}

.home .nav--top ul::before, .dashboard .nav--top ul::before, .account .nav--top ul::before {
    content: 'Institute of Management Accountants';
    color: #fff;
    font-size: .875rem;
    padding: .675em 0;
    height: 40px;
    display: block;
    float: left;
}

@media only screen and (max-width:28em) {
    .home .nav--top ul::before, .dashboard .nav--top ul::before, .account .nav--top ul::before {
        letter-spacing: -.25px;
    }
}

@media only screen and (max-width:26em) {
    .home .nav--top ul::before, .dashboard .nav--top ul::before, .account .nav--top ul::before {
        display:none;
    }
}

.course__container .header .company__beta-logo .company-logo__container {
    margin-top: .75rem;
}

.home .ember-view .header, .dashboard .ember-view .header, .account .header--dashboard {
    border-bottom:1px solid #e9e9e9;
}

/*
.home .nav--top li a span {
padding-top: 1px;
padding-bottom: 1px;
display: block;
}
*/

.home #cart-button span {
    position: relative;
    top: -1px;
}

/* DropShadow on Scroll */

body.home.scrolled .header, body.dashboard.scrolled .header, body.account.scrolled .header  {
    box-shadow:0 0 5px rgba(0,0,0,.15);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.15);
}

/* Header Navigation */

.home .top-bar-section .has-dropdown>a::after {
    border-top: 5px solid rgba(0, 0, 0, .25) !important;
    border-left-color: transparent;
}


.home .top-bar-section .has-dropdown:last-of-type>a::after {
        border-top: 5px solid rgba(255, 255, 255, .5) !important;
}



/* Cart */

#cart-button {
    margin: 0;
}

.cart__buttons .btn--alt {
    padding: 1rem 2.5rem;
    font-size: 1rem;
    border-radius: 0;
}

@media only screen and (min-width:48.063em) {
    .modal-content {
        border: 3px solid rgba(203,203,203,.5);
        height: auto;
        -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.25);
                box-shadow: 0px 5px 15px rgba(0,0,0,.25);
    }
}




/* Dashboard Specific Header Styles */

.widget--navbar {
    position: fixed;
    top: 55px;
    left: 50%;
    width: 50%;
    z-index: 999;
    max-width: 720px;
    padding: 0 1rem !important;
}

.dashboard .header__inner .row .column.small-6:last-child, .account .header__inner .row .column.small-6:last-child {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--accent-color);
    height: 40px;
    width:100%;
    z-index: 9999;
}

.dashboard .header__inner .small-12.columns, .account .header__inner .small-12.columns {
    max-width:1440px;
    margin:0 auto;
    float:none;
    padding-right:0;
}

.learn.dashboard .widget--catalog {
    padding: 1.5rem .75rem !important;
}

.dashboard-widget-padding {
    padding: 1.5rem .75rem 0 !important;
}

.learn.dashboard .header--dashboard .column.small-6 {
    padding-left: 0;
    padding-right: 0;
}

.learn.dashboard .header .company__beta-logo {
    z-index:9999;
}

.learn.dashboard .dashboard-access-list-item:last-of-type {
    border-bottom: 1px solid #e9e9e9;
}

.navigation-bar .top-bar-section ul.left {
    border-bottom: none;
    width: 100%;
    margin: 0;
}

.navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {
    padding:1px;
}

.dashboard .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 1rem;
    line-height: 3rem;
    color:#656565;
}

.dashboard .navigation-bar .top-bar-section li a:hover {
    background: #f6f6f6 !important;
    color:#333 !important;
}

.learn.dashboard .header .header__inner::before {
    content: 'Welcome to My Dashboard';
    position: fixed;
    top: 10px;
    z-index: 99999;
    color: #fff;
    font-size: .875rem;
}

.account .header .header__inner::before {
    content: 'My Account & Information';
    position: fixed;
    top: 10px;
    z-index: 99999;
    color: #fff;
    font-size: .875rem;
    padding-left:1rem;
}

@media only screen and (max-width:767px) {
    .learn.dashboard .header .header__inner::before {
        padding:1px 0 0 1rem;
    }
    .dashboard-header-dropdown > li a {
        font-size: .875rem;
        padding: 1em .5em !important;
    }
}


/* CTA Header Sign Up Button */

.home .top-bar-section ul.left li.has-dropdown:last-of-type a, .dashboard .top-bar-section ul.left li.has-dropdown:last-of-type a {
    background: var(--secondary-color);
    color: #fff !important;
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
       transition-duration: .25s;
    -webkit-transition-property: background-color,border-color,color,opacity;
    -o-transition-property: background-color,border-color,color,opacity;
    transition-property: background-color,border-color,color,opacity;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
       transition-timing-function: ease-in-out;
}

.dashboard .navigation-bar .top-bar-section li a:focus {
    background:#f6f6f6 !important;
}

.dashboard .top-bar-section ul.left li.has-dropdown:last-of-type a:focus {
   background: var(--secondary-color) !important;
}

.learn.dashboard .navigation-bar li.has-dropdown:last-of-type .dropdown li a {
    background: var(--secondary-color) !important;
}

.home .top-bar-section ul.left li.has-dropdown:last-of-type a:hover, .dashboard .top-bar-section ul.left li.has-dropdown:last-of-type a:hover, .learn.dashboard .navigation-bar li.has-dropdown:last-of-type .dropdown li a:hover {
    background: var(--accent-hover-color) !important;
}

.home .top-bar-section .has-dropdown:last-of-type>a::after, .dashboard .top-bar-section .has-dropdown:last-of-type>a::after {
    border-top:5px solid rgba(255, 255, 255, 0.5) !important;
}

.home .top-bar-section ul li.has-dropdown:last-of-type, .dashboard .top-bar-section ul li.has-dropdown:last-of-type {
    margin-left: .875rem;
}

@media only screen and (min-width:90em) {
    .dashboard .widget--navbar .navigation-bar.top-bar {
        padding-right:1rem;
    }
}

@media only screen and (max-width:48em) {
    .home .top-bar-section ul li.has-dropdown:last-of-type {
        margin-left: 0;
        border: none;
        left: -1px;
        width: calc(100% + 2px);
    }
    .dashboard .top-bar-section ul li.has-dropdown:last-of-type {
        margin-left: 0;
        border: none;
        left: -1px;
        width: calc(100% + 2px);
    }
}

@media only screen and (min-width:64em) and (max-width:90em) {
    .dashboard .widget--navbar {
        left:initial;
        right:0;
        width:70%;
    }
}

@media only screen and (min-width:769px) and (max-width:64em) {
    .dashboard .widget--navbar.widget--navbar_standard {
        position: initial;
        width: 100%;
    }
    .home .top-bar {
        border-top: 1px solid #e9e9e9;
        padding-top: .75rem;
        position: relative;
        left: 1rem;
        width: calc(100% + 2rem);
    }
}


/* Dashboard Account Dropdown */

.learn.dashboard .dashboard-header-dropdown__link, .account .dashboard-header-dropdown__link {
    display:inline-block;
    float:right;
    color:#fff;
    /* Make Horizontal
    padding:3px 26px 3px 4px;
    */
    padding:3px 4px;
    background:rgba(0, 121, 193, .75);
}

@media only screen and (min-width:90em) {
    .learn.dashboard .dashboard-header-dropdown__link, .account .dashboard-header-dropdown__link {
        margin-right:1rem;
    }
}

.learn.dashboard .dashboard-header__name, .account .dashboard-header__name {
    padding: 7px 8px 7px 4px;
    margin:0;
    font-size:.875rem;
    font-weight:400;
}

.learn.dashboard .dashboard-header__avatar .avatar.avatar--initials, .account .dashboard-header__avatar .avatar.avatar--initials {
    font-size: .75rem;
    font-weight: bold;
}

.learn.dashboard .dashboard-header__avatar .avatar, .account .dashboard-header__avatar .avatar {
    height:24px;
    width:24px;
    margin:5px;
}

.learn.dashboard .dashboard-header-dropdown__link .small-10.columns, .account .dashboard-header-dropdown__link .small-10.columns {
    float: right;
}

.learn.dashboard .dashboard-header__avatar__container, .account .dashboard-header__avatar__container {
    float:left;
    position:initial;
}

@media only screen and (max-width:90em) {
    .dashboard .header__inner .small-12.columns {
        padding-right:1rem;
    }
}

@media only screen and (min-width:90em) {
    .widget--navbar .small-12.columns {
        padding-right: 0;
    }
}

@media only screen and (min-width:48em) {
    .learn.dashboard .dashboard-header__arrow, .account .dashboard-header__arrow {
        /* Make Horizontal
        *
        position: absolute;
        right: 8px;
        top:8px;
        */
        display:none;
    }
}

@media only screen and (max-width:767px) {
    .learn.dashboard .dashboard-header__arrow, .account .dashboard-header__arrow {
        position: absolute;
        right: 8px;
        top:8px;
    }
    .learn.dashboard .dashboard-header-dropdown__link, .account .dashboard-header-dropdown__link {
        padding:3px 24px 3px 4px;
        background:rgba(255,255,255,.1);
        margin-right:0;
    }
    .dashboard-header-dropdown {
        right: 1rem;
        left: initial;
    }
    .learn.dashboard .header .company__beta-logo::before {
        top:11px;
    }
    .home .header__inner .nav--top li {
        background: rgba(255,255,255,.1);
        margin-left:2px;
    }
    .learn.dashboard .dashboard-header__name, .account .dashboard-header__name {
        padding:8px 8px 8px 4px;
    }
}

#dashboard-header-dropdown {
    top:40px;
    z-index:9999;
}

.dashboard-header__avatar {
    margin-bottom:0;
}


/* Dashboard Account Dropdown Make Horizontal */

@media only screen and (min-width:48em) {
    .dashboard-header-dropdown>li {
        background: rgba(255,255,255,.1);
        color: #fff;
        padding: 5px 8px;
        float: left;
        margin: 0 1px;
    }
    .dashboard-header-dropdown>li a {
        font-size:.875rem;
        color:#fff;
        border:none;
    }
    #dashboard-header-dropdown {
        top: 0;
        z-index: 9999;
        right: 140px;
        width: auto;
        height: 40px;
        border: none;
        margin: 0 1px;
        display: inline-block;
        position: initial;
        float: right;
    }
    .dashboard-header-dropdown>li a:hover {
        background: initial !important;
        color: var(--light-green-color);
    }
    .learn.dashboard .dashboard-header-dropdown__link:hover, .account .dashboard-header-dropdown__link:hover {
        cursor:default;
    }
    .dashboard-header-dropdown {
        box-shadow:none;
        -webkit-box-shadow:none;
    }
}

@media only screen and (max-width:48rem) {
    .learn.dashboard .header .company__beta-logo::before {
        left:1rem;
    }
}


/* Dashboard Nav */

.navigation-bar .top-bar-section ul li>a {
    text-transform: none;
    font-weight: 400;
    font-size:1rem;
    line-height:3rem;
}

.top-bar-section ul li {
    padding:0 1px;
}

.home .top-bar-section ul.left li.has-dropdown:last-of-type a:hover {
    color:#fff;
}

/* Fix Arrow Dropdown */

@media only screen and (min-width:48em) {
    .navigation-bar .top-bar-section .has-dropdown>a, .navigation-bar .top-bar-section .navigation-widget__item--has-dropdown>a {
    padding-right:2.25rem !important;
    }
}

.navigation-bar .top-bar-section .has-dropdown>a:after, .navigation-bar .top-bar-section .navigation-widget__item--has-dropdown>a:after {
    margin-top:-2.5px;
    border-top: 5px solid rgba(0, 0, 0, .25);
}




/* Recent Activity */

.learn.dashboard h3.catalog-header {
    display: none;
}

/* Change Text on Button */

.dashboard-access .dashboard-access__header span span {
    display: none;
}

.dashboard-access .dashboard-access__header span::before {
    content: 'My Courses and Recent Activity';
}


/* Other Recent Activity Updates */

.learn.dashboard .widget--dashboard-access_standard {
    padding:0;
}

.learn .dashboard-access__header {
    background: var(--secondary-color);
    color: #fff;
    border: none;
    max-width:1440px;
    margin:0 auto;
    padding:1.05rem 1rem;
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .learn .dashboard-access__header {
        padding: 1.05rem 2rem;
    }
}

@media only screen and (max-width:48em) {
    .learn .dashboard-access__header {
        padding: 1.05rem 1.25rem;
    }
}

.learn .dashboard-access {
    background: var(--secondary-color);
    border:none;
    margin:0 calc(50% - 50vw);
}

.learn .dashboard-access__header:hover, .learn .dashboard-access:hover, .learn .dashboard-access:hover .dashboard-access__header {
    background:var(--secondary-hover-color);
}

.learn .dashboard-access-tabs {
    border:none;
    background:#f6f6f6;
}

.learn .dashboard-access-tab {
    /* margin-top: 4px; */
    border-bottom: 4px solid var(--light-grey-color);
    margin-right: 4px;
}

.learn .dashboard-access-tab--active, .tabs .tab-title.active>a, .tabs .tab-title>a.active {
    border-bottom-color: var(--light-green-color);
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 4px;
    background: none;
    padding:1em 1.75em;
}

.learn .dashboard-access-tab--active::after {
    display:none;
}

.learn .tabs .tab-title>a, .home .tabs .tab-title>a {
    font-weight: 600;
    font-size: 1.125rem;
    font-family:var(--subheading-font);
}

.course__detail__container .tab-title a {
    border: none;
    padding: 1em 1.75em !important;
    font-weight: 400 !important;
    border-bottom: 4px solid var(--light-grey-color);
    margin-right: .25em;
    background:none !Important;
}

.learn .dashboard-access-tab--active .btn--link, .tabs .tab-title.active>a, .tabs .tab-title>a.active {
    color: var(--accent-color);
    font-weight:600 !important;
}

.course__detail__content .dashboard-access-tab--active .btn--link, .course__detail__content .tabs .tab-title.active>a, .course__detail__content .tabs .tab-title>a.active {
    padding:1em 1.5em !important;
}

.course__detail__content .tabs-content h2 {
    font-size: 1.25rem;
    color: var(--accent-color);
}

.course__detail__header p, .course__detail__content .tabs-content p {
    color: var(--grey-level-eight);
}

.course__detail__content .editor-content ol, .course__detail__content .editor-content ul {
    padding-left: 1rem;
}

.course__detail__content .editor-content ul {
    margin-left: 1rem;
}

@media only screen and (min-width:48em) {
    .course__detail__content .tabs-content>.content.active {
        display: block;
        float: none;
        padding: .5rem 1.5rem;
    }
}

@media only screen and (max-width:48em) {
    .course__detail__content .tabs-content>.content.active {
        display: block;
        float: none;
        padding: .5rem 1rem;
    }
}

@media only screen and (max-width:767px) {
    .tabs .tab-title {
        text-align:left;
    }
}

.course__detail__content ul.tabs {
    border-bottom: 1px solid var(--light-grey-color);
}

.course__detail__content > div.row:last-of-type .small-12 {
    padding: 0;
}

.course__detail__container .tab-title a:hover {
    color: var(--link-color);
}


/* Padding for Recent Activity Content */
.dashboard-access section[role=tabpanel] {
    padding: 0;
    background: #ffffff;
}


/* CTA for Recent Activity */
.learn .dashboard-access-list-item div a.btn.btn--primary.btn--small.m-0 {
    font-size: .875rem;
    background: var(--cta-color);
    border-color: var(--cta-color);
}

.learn .dashboard-access-list-item div a.btn.btn--primary.btn--small.m-0:hover {
    background:var(--cta-hover-color);
    border-color:var(--cta-hover-color);
}

@media only screen and (min-width:90em) {
    .learn .dashboard-access-tabs {
        /* background: #f6f6f6; */
        padding-left: calc((100vw - 1408px) / 2);
        padding-right: calc((100vw - 1408px) / 2);
    }

    .learn .dashboard-access-list-item {
        padding-left: calc((100vw - 1408px) / 2);
        padding-right: calc((100vw - 1408px) / 2);
    }
}

@media only screen and (max-width:90em) {
    .dashboard-access-tabs {
        padding:0 1rem;
    }
}

.learn .dashboard-access__header .button-expander {
    border-color: #fff;
    float: right;
    margin: 0;
}


/* Make Recent Activity Bar a Button */

.learn .dashboard-access__header .button-expander i, .learn .dashboard-access__header .button-expander {
    position:initial;
}

.learn .dashboard-access__header .button-expander i::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
}

@media only screen and (min-width:90em) {
    .learn .dashboard-access__header .button-expander i::after {
        position:fixed;
        top:146px;
    }
}

.learn .dashboard-access__header .button-expander i {
    color:#fff;
}

.learn .dashboard-access-list-item__description {
    font-size: .875rem;
}

.dashboard-access-list-item-expander__title {
    color:var(--link-color);
}

.dashboard-access-list-item-expander__title:active, .dashboard-access-list-item-expander__title:hover {
    color:var(--accent-hover-color);
}


/* Recent Activity Items */
.dashboard-access-list-item {
    border-bottom:1px solid #ebebeb;
}

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




/* Account Nav */

.header.header--subtitle {
    position: initial;
}


/* Account Dashboard Side Navigation */

.account .dashboard-account-tabs {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom:1em;
}

.account .dashboard-account-tab {
    border-width:0 0 1px 0;
    border-color:#ebebeb;
    border-style:solid;
    margin:0;
}

.account .dashboard-account-tab--inactive {
    background-color: #fff;
}

.account .dashboard-account-tab--inactive button {
color: var(--accent-color);
}

.account .dashboard-account-tab--active {
    background-color: var(--accent-color);
    border-width:0;
}

.account .dashboard-account-tab--active button {
    color:#fff;
    font-weight:600;
}

.account .dashboard-account-tab--inactive:hover {
    background: #f6f6f6;
    color: var(--secondary-color);
}

.account .dashboard-account-tab--inactive:hover button {
    color: var(--secondary-color);
}

.account ul li.dashboard-account-tab:last-of-type {
border-width: 0;
margin-bottom: 0;
}

/* Navigation */

.nav--top {
    background: var(--accent-color);
    background: var(--dark-navy-linear-gradient);
    height: 40px;
}
.nav--top ul a, .nav--top ul button {
    color:#fff;
    font-size: .875rem;
    border-color: none;
    padding: .875rem;
    text-transform:none;
}

@media only screen and (min-width:48.063em) {
    .nav--top {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        left: 0;
    }
    .nav--top ul {
        max-width:1408px;
        width:100%;
        float: none;
        margin: 0 auto;
    }
    .nav--top li {
        display: block;
        float: right;
        background: rgba(255,255,255,.1);
        margin-left: 2px;
    }
    .nav--top ul a, .nav--top ul button {
        padding:.575rem .875rem;
    }
    .nav--top ul .btn--bare:hover, .nav--top ul li a:hover {
        color: var(--light-green-color);
    }
    .top-bar {
        border: none;
        float: right;
        margin: .625em 0;
    }
    /* Header */
    .home .ember-view .header, .dashboard .ember-view .header, .account .header--dashboard {
        position: fixed;
        top: 40px;
        width: 100%;
        left: 0;
        padding: 1rem;
        background: #ffffff;
        display: block;
        z-index: 999;
    }
    .account .header--dashboard  {
        padding:1rem 0;
    }
    .home .header__inner, .dashboard .header__inner {
        max-width: 1408px;
        width: 100%;
        margin: 0 auto;
    }
    .account .header__inner {
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width:90em) {
    .nav--top ul {
        max-width: none;
        padding: 0 .875rem;
    }
    .account .header.header--subtitle h1 {
        padding:0 !important;
    }
}

/* Search Icon */

/* Descoped for now

.top-bar-section::after {
    content: '\f002';
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #656565;
    margin-left: .5rem;
    font-family: 'FontAwesome';
    display: block;
    float: right;
    text-align: center;
    font-size: 1.125rem;
}

.top-bar-section::after:hover {
    cursor: pointer;
    color:#ccc;
}

*/

/* Dashboard Dropdown Nav Fixes */

.learn.dashboard .navigation-bar .dropdown li {
    -webkit-box-shadow:none;
    box-shadow: none;
}

.learn.dashboard .navigation-bar .dropdown li a, .learn.dashboard .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    background: #f6f6f6;
    color:#656565;
    font-size: 1rem;
}

.learn.dashboard .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {
    font-weight:normal;
    color:#333;
}

.learn.dashboard .navigation-bar .top-bar-section .has-dropdown>a:after {
    top: 50%;
    right: 0;
    margin-right: 1rem;
}

/* End Header Styles */

/* Footer Styles */

.home .footer, .dashboard .footer {
    margin: 0 -100%;
    margin: 0 calc(50% - 50vw);
    width: calc(100vw);
    max-width: none;
    clear:both;
    z-index: 9;
    position: relative;
}

.home .footer__inner, .dashboard .footer__inner {
    max-width:1440px;
    margin:0 auto;
    padding:2rem 1rem 1rem;
}

/* End Footer Styles */




/* Hero Styles */

.hero img {
    width: 100%;
    position: relative;
}

.hero .hero__caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding:6rem 1.5rem;
}

.hero .hero__caption a {
        -ms-flex-item-align: start;
        align-self: flex-start;
        background:var(--cta-color);
        border-color:var(--cta-color);
}

.hero .hero__caption a:hover {
    background:var(--cta-hover-color);
    border-color:var(--cta-hover-color);
}

@media only screen and (max-width:768px) {
    .hero .hero__caption a {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }
}

.hero .hero__caption span {
        font-size: 1.25rem;
}

@media only screen and (min-width:769px) {
    
    .layout__content .hero {
        max-width: 1440px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    .hero .hero__caption {
        background: none;
        max-width: 45%;
        float:left;
        position:initial;
    }
    .hero .hero__caption .hero__title {
        font-size: 4rem;
        font-family:var(--heading-font) !important;

    }
    .hero picture {
        width: 55%;
        float: right;
        margin: auto 0;
    }
    .bottom-align-picture .hero picture {
        margin-bottom: initial;
    } 
    .home .hero img {
        float: left;
        min-width: 650px;
    }
    .home .grey-hero .hero img {
        min-width: 0;
    }
}
/*
@media only screen and (min-width:1240px) {
    .hero .hero__caption {
        max-width:45%;
    }
    .hero picture {
        width: 55%;
    }
}
*/
@media only screen and (max-width:90em) {
    .hero .hero__caption {
        padding:4rem 1.5rem 4rem 3.5rem;
    }
    .hero .hero__caption span {
        font-size:1.25rem;
    }
}

.widget--hero-image {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    /*
    margin: 0 -100%;
    margin: 0 calc(50% - 50vw);
    width: calc(100vw);
    */
    max-width: none;
}

/*
@media only screen and (max-width:48em) {
    .widget--hero-image {
        margin: 0 -1rem;
        max-width: none;
        width: calc(100% + 2rem);
    }
}
*/

.widget--hero-image.grey-hero {
    background: var(--light-grey-background-color);
}

.hero-right-aligned .hero {
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
}

.hero-right-aligned .hero__caption {
    max-width: 50%;
    padding: 6rem 3rem;
}

.hero-right-aligned span.h4 {
    max-width: 575px;
}

@media only screen and (max-width:48em) {
    .hero-right-aligned .hero__caption, .hero-right-aligned span.h4 {
        max-width: 100%;
    }
    .home-about-title {
        padding-bottom: 0 !important;
    }
    .numbers-hero img {
        padding: 2rem 0 2.25rem;
    }
}




/* Homepage Styles */

.homepage .hero .hero__caption span {
    max-width: 550px; /* adjust for length of subheading */
}




/* Partners */
.partner-logos {
        display: block;
        background: var(--accent-color);
        background: var(--dark-navy-linear-gradient);
        /*
        margin: 0 -100%;
        margin: 0 calc(50% - 50vw);
        width: calc(100vw);
        */
        max-width: none;
}
.partner-logos .row {
        max-width: 1440px !Important;
        margin: 0 auto;
} 
.partner-logos .featured-content-multi-carousel-item {
        background: none;
        border: none;
}
.partner-logos .h2 {
        position: absolute;
        left: 50%;
        top: -34px;
        background: var(--light-blue-color);
        padding: .5em 1em;
        font-size: 1rem;
        border-radius: 4px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        color:#ffffff;
        min-width: 250px;
        font-family:var(--subheading-font) !important;
}
.partner-logos .featured-content-multi-carousel-item__body {
        display:none;
}

.partner-logos a:hover {
    -ms-transform: scale(105%);
        transform: scale(105%);
    -webkit-transform: scale(105%);
    opacity: .8;
}

.partner-logos .catalog-grid-item__asset-container {
    max-width:200px;
    margin:0 auto;
}

@media only screen and (max-width:90em) {
     .hero .hero__caption .hero__title {
        font-size: 3.5rem;
    }
}

@media only screen and (max-width:64em) {
     .hero .hero__caption .hero__title {
        font-size: 3rem;
        font-family:var(--heading-font) !important;
    }
}

@media only screen and (max-width:48em) {
    .partner-logos .catalog-grid-item__asset-container {
        margin:0 auto;
    }
}

.hero .h2, .hero .h4 {
    display: block;
}

.hero .h4 {
    margin-bottom:2em;
}

.hero .hero__caption span {
    color: var(--accent-color);
    font-family: var(--subheading-font), sans-serif !important;
    font-weight: 500;
}

.hero .hero__caption .hero__title {
    margin-bottom:.25em;
    color:var(--accent-color);
    font-weight:500;
}

.featured-content-multi-carousel__nav-right, .featured-content-multi-carousel__nav-left {
    top: 37%;
}

/* Widget CTA Buttons */

.widget__cta {
    padding: 0 0 2rem;
}

.green-cta a.btn.btn--primary {
    background: var(--dark-green-background-color);
    border-color: var(--dark-green-background-color);
}

.green-cta a.btn.btn--primary:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
}

.home .about-block h3 {
    font-size: 1.5rem;
}


/* Popular Topics */

.pop-topics {
    padding: 1rem 0 3rem !important;
}

.pop-topics li > div {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 1rem 2rem;
    transition:.35s ease all;
    background:#fff;
    max-height: 200px;
}

@media only screen and (max-width:70em) {
    .pop-topics li > div {
        max-height:235px;
    }
}

@media only screen and (max-width:48em) {
    .pop-topics li > div {
        max-height:200px;
    }
}


.pop-topics li > div:hover {
    -webkit-box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
    box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
    -webkit-transform:scale(101%);
    transform:scale(101%);
}

.pop-topics li > div:hover h3 {
    color:var(--accent-hover-color);
}

.pop-topics h3, .pop-topics p {
    margin-bottom: 0;
}

.home-about-title h1 {
    margin-top: 1.75rem !important;
    margin-bottom: 2.5rem !important;
}

@media only screen and (max-width:48em) {
    .home-about-title h1 {
        margin-top: .25rem !important;
    }
}

.pop-topics  li.about-block__container .about-block img {
    margin-top:.5em;
}

.pop-topics .about-blocks-widget {
    max-width: 1280px;
    margin: 0 auto;
}

.h2 p.widget__subtitle {
    font-family: var(--subheading-font);
}

/* Pop Numbers */

.pop-numbers-title {
    max-width: 1200px;
}

.widget.pop-numbers {
    padding-top: 0;
}

.pop-numbers {
    margin-bottom: 1.5rem;
    max-width: 1340px;
    text-align: center;
}
#learner .pop-numbers h3 {
    font-family: var(--alt-font);
}
.pop-numbers h3 {
    color: var(--secondary-color);
    font-size: 4.5rem;
    margin-bottom: .5rem;
    font-weight: 525;
}

/* Fix comma spacing */

.pop-numbers h3 strong {
    margin-left: -3px;
    position: relative;
    left: -2px;
}

.pop-numbers p {
    font-weight: 700;
}

@media only screen and (max-width:48em) {
    .pop-numbers h3 {
        margin-bottom:0;
    }
}

.pop-numbers .widget__cta {
    margin-top: 2.5rem;
    padding-bottom: 1rem;
}

@media only screen and (max-width:30em) {
    .pop-numbers-title p {
        padding-left:1rem;
        padding-right:1rem;
    }
    .pop-numbers p {
        padding-left:3rem;
        padding-right:3rem;
    }
}

/* Testimonials */

.class-testimonials {
    position:relative;
    overflow:hidden;
}

.class-testimonials .testimonial-widget {
    width: 50%;
    border-radius: 25px;
    padding: 8rem 3rem 8rem 0;
    float: right;
}

.widget--testimonial.widget--no-white-space {
    margin-top:0;
}

.class-testimonials .featured-content-multi-carousel {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    background:rgb(0,51,96);
    background: var(--dark-navy-linear-gradient);
    border-radius:10px;
}

.class-testimonials .testimonial.learner {
    padding: 2rem;
}

.class-testimonials .testimonial .testimonial-quote--center {
    position:initial;
    -ms-transform:none;
        transform:none;
    -webkit-transform:none;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0;
    text-align:left;
}

.class-testimonials .testimonial .testimonial-quote__author-description {
    margin-bottom: 0;
}

.class-testimonials div.testimonial .testimonial-quote__text {
    color: #ffffff;
    font-size: 1.375rem;
    font-weight: 300;
    text-align: left;
}

.class-testimonials .testimonials__nav {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.class-testimonials .testimonials__nav>i {
    font-size: 1.25rem;
    padding: 0;
}

.class-testimonials .featured-content-multi-carousel .featured-content-block-grid>li {
    vertical-align: middle;
}

/* Arrows */

.class-testimonials .testimonials__nav {
    top: initial;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: 2.125rem;
    background: var(--turquoise-color) !important;
    height: auto;
    width: auto;
    padding: .5rem;
    right: 2.675rem;
}

.class-testimonials .testimonials__nav:hover {
    opacity:.8;
}

.class-testimonials .testimonials__nav--left {
    left: initial;
    right: 5.25rem !important;
}

.class-testimonials::before {
    content: '“';
    font-family: var(--heading-font);
    font-size: 50rem;
    position: absolute;
    top: 0;
    left: -2rem;
    color: var(--light-grey-background-color);
    z-index: 0;
    line-height:23rem;
}

.class-testimonials::after {
    content: '”';
    font-family: var(--heading-font);
    font-size: 50rem;
    position: absolute;
    bottom: -27rem;
    right: -1rem;
    color: var(--light-grey-background-color);
    z-index: 0;
    line-height:23rem;
}

.testimonial-hero-text {
    margin-top: -29.25rem;
    width: 50%;
    float: left;
    position:relative;
    max-height: 450px;
}

.testimonial-hero-text .h2.widget__title {
    text-align: left;
    font-size: 4rem;
    color: var(--accent-color);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom:.25em;
    font-family:var(--heading-font) !important;
}

.testimonial-hero-text .widget__subtitle {
    margin-bottom: 2em;
    padding-right:.5rem;
}

.testimonial-hero-text .medium-12.columns {
    display: none;
}

.testimonial-hero-text .widget__cta a.btn--centered {
    margin: 0;
}

.testimonial-hero-text p.widget__subtitle {
    font-size: 1.25rem;
    font-family: var(--subheading-font);
    color: var(--accent-color);
    text-align: left;
}

.class-testimonials .testimonial .testimonial-quote__author-name {
    font-size: 1.25rem;
    font-style: normal;
    margin: 0;
    padding-top: .75rem;
    position: relative;
}

.class-testimonials .testimonial .testimonial-quote__author-description {
    margin-bottom: 0;
    padding-top: .125rem;
    font-size: .875rem;
}

@media only screen and (max-width: 90em) {
    .testimonial-hero-text .h2.widget__title {
        font-size: 3.5rem;
    }
    .testimonial-hero-text {
        padding-left: 3.5rem !important;
    }
}

@media only screen and (max-width: 83em) {
    .testimonial-hero-text {
        margin-top: -30rem;
    }
}

@media only screen and (max-width: 77em) {
    .testimonial-hero-text {
        margin-top: -32rem;
    }
}

@media only screen and (max-width: 70em) {
    .testimonial-hero-text {
        margin-top: -34rem;
    }
}

@media only screen and (max-width: 67em) {
    .testimonial-hero-text {
        margin-top: -35rem;
    }
}

@media only screen and (max-width:64em) {
    .class-testimonials .testimonial.learner {
        padding: 2rem;
    }
    .class-testimonials div.testimonial .testimonial-quote__text {
        font-size:1.5rem;
    }
    .class-testimonials .testimonial-widget {
        border-radius: 25px;
        padding: 5rem 3rem 3rem;
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .testimonial-hero-text {
        margin-top: 0;
        width: 100%;
        float: none;
        position: relative;
        max-height: initial;
        padding: .5rem 1rem !important;
    }
    .testimonial-hero-text .h2.widget__title {
        text-align: center;
        padding: 0 1rem;
        font-size: 3rem;
    }
    .testimonial-hero-text p.widget__subtitle {
        text-align: center;
        padding: 0 1.5rem;
        font-size: 1.125rem;
        font-weight: 500;
    }
    .testimonial-hero-text .widget__cta a.btn--centered {
        margin: 0 auto 2rem;
    }
    .testimonial-hero-text .h2.widget__title {
        font-size: 3rem;
    }
}

@media only screen and (max-width:767px) {
    .class-testimonials .testimonial.learner {
        padding: 1rem 2rem;
    }
    .class-testimonials div.testimonial .testimonial-quote__text {
        font-size:1.25rem;
    }
    .class-testimonials .featured-content-multi-carousel {
        padding:0;
    }
    .class-testimonials .testimonial-widget {
        padding: 3rem 2rem 2rem;
    }
    p.testimonial-quote__author-description, p.testimonial-quote__author-name {
        padding-right: 5.5rem;
    }
    .class-testimonials::after {
        display:none;
    }
    .testimonial-hero-text .h2.widget__title {
        font-weight:400;
    }
}

/* End Homepage Styles */

/* Account Styles */

.account .header.header--subtitle hr {
    display:none;
}

.account .header.header--subtitle {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    margin: 0 calc(50% - 50vw) 1.5rem;
    padding: 3rem 1rem;
    font-size: 2rem;
    color: var(--accent-color);
}

.account .header.header--subtitle h1 {
    max-width: 1440px;
    margin: 0 auto;
    display: block;
    padding:0 1rem;
    color:var(--accent-color);
    font-size: 2.5rem;
    line-height: 3rem;
}

.account .section-container, .account .section-container--head {
    box-shadow:none;
    -webkit-box-shadow:none;
    border:1px solid #ebebeb;
}

.account .section__header {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:0;
}

/* Back to Dashboard button */
.account a.btn.btn-primary.back-to-dashboard {
    width: 100%;
}

.custom-dashboard-cta h1 {
    font-family: 'Open Sans' !important;
    font-size: 1.25rem;
    font-weight: 500;
}

/* Learning Path Styles */

.home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home.product .course__detail__container h1.h2, .home .course__detail__content h1.h2 {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    /* margin: 0 calc(50% - 50vw) 1.5rem;*/
    padding: 3rem 1rem;
    font-size: 2rem;
    color: var(--accent-color);
    width:calc(100vw);
    position: relative;
    left:-1rem;
    padding-right:calc(100vw - 100%);
    font-weight:550;
}

.home.product .course__detail__container .course__detail__header p {
    background: rgb(0, 80, 126);
    background: -webkit-linear-gradient(315deg, rgba(0, 80, 126, 1) 0%, rgba(0, 51, 96, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 80, 126, 1) 0%, rgba(0, 51, 96, 1) 100%);
    color: #fff;
    margin: -1em calc(50% - 50vw) 1.5rem;
    padding: 1rem calc(50vw - 224px) 1rem calc(50vw - 704px) !important;
}

/* Update styles for purchase widget panel */

.home.product .widget--product-purchase .panel {
    background: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
    border-radius: 8px;
    z-index: 99;
    position: relative;
    padding:1.5em;
}

.home.product .widget--product-purchase .panel .enroll__buy:before {
    content: 'Register for the exam today';
    font-family: var(--subheading-font), sans-serif !important;
    text-transform: none;
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
    display:block;
}

.home.product .widget--product-purchase .panel .enroll__buy .row:last-child {
    display: none;
}

.home.product .course__detail__content .product__asset {
    max-height: none;
    width: 100%;
}

/* End styles */

@media only screen and (min-width:126em) {
    .home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home.product .course__detail__container h1.h2, .home .course__detail__content h1.h2 {
       padding-right:calc(100vw - 130%); 
    }
}

@media only screen and (min-width:106em) {
    .home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home.product .course__detail__container h1.h2, .home .course__detail__content h1.h2 {
       padding-right:calc(100vw - 120%); 
    }
}

@media only screen and (min-width:90em) {
    .home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home .course__detail__content h1.h2 {
        /* left: calc(-50vw + 1440px / 2); Absolute Position */
        left:calc(-50vw + 1407px / 2); /* Relative Position */
        padding-left: calc(50vw - 704px);
    }

    .home.product .course__detail__container h1.h2 {
        left:calc(-50vw + 1376px / 2); /* Relative Position */
        padding-left: calc(50vw - 704px);
    }
    .home.product .course__detail__container .course__detail__content .column.medium-12 {
        padding-left: 0;
    }
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home.product .course__detail__container h1.h2, .home .course__detail__content h1.h2 {
        left:-2rem;
        padding-left:2rem;
    }
    .home.course-group .home__content, .home.learning-path .home__content {
        padding: 0 2rem !important;
    }
    .home.product .course__detail__container .course__detail__header p {
        padding: 1rem calc(50vw - 13.75%) 1rem 2rem !important;
    }
}

@media only screen and (max-width:64em) {
    .home.product .widget--product-purchase .panel .enroll__buy .btn.btn--primary { margin-bottom:.5em; }
}

@media only screen and (min-width:769px) {
    .home.product .widget--product-purchase .panel {
        position: absolute;
        top: 2em;
        width: 33.33%;
        right: 1em;
        max-width: 453.33px;
    }
}

@media only screen and (max-width:767px) {
    .home.learning-path .course__detail__content h1.h2, .home.course-group .course__detail__content h1.h2, .home.product .course__detail__container h1.h2, .home .course__detail__content h1.h2 {
        text-align:center;
        padding-left:2rem;
        padding-right:2rem;
        left:-2rem;
    }
    .home.product .course__detail__container .course__detail__header p {
        text-align:center;
        padding-left:2rem !important;
        padding-right:2rem !important;
    }
    .home.product .course__detail__container .course__detail__content {
        padding-left:0;
        padding-right:0;
    }
}

/* Learning Path & Course Detail Content */

.course__detail__content, .learning-path-detail-milestone-item__description {
    color:var(--font-color);
}

@media only screen and (min-width:48em) {
    .course__detail__container .course__detail__content {
        padding-left: 0;
    }
    .course__detail__container .course__detail__sidebar {
        padding-right: 0;
    }
}
.collection__courses .center-ruled-title {
    padding-top: .5rem;
}

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

.collection__courses .center-ruled-title span {
    text-transform: capitalize;
    margin: 0;
    font-family: var(--subheading-font);
    color: var(--secondary-color);
    font-size: 1.5rem;
    padding: 0;
    font-weight:500;
}

 .learning-path-detail-milestone-list li h3 {
    font-family: var(--subheading-font) !important;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 1rem 1rem;
    margin:0;
}

 .learning-path-detail-milestone-list li.expanded {
    background: var(--light-grey-background-color);
}
        .learning-path-detail-milestone-list li.collapsed h3 {
            background-color: #fff;
            color:var(--accent-color);
        }
         .learning-path-detail-milestone-list li.collapsed h3:hover, .learning-path .collapsed h3:hover::after {
             background:var(--light-grey-background-color);
             color:var(--link-color);
         }
         .learning-path-detail-milestone-list li.expanded h3:hover, .learning-path .expanded h3:hover::after {
            color:var(--link-color);
         }
        .learning-path-detail-milestone-item {
            display: none; /* Initially hide the div elements */
            background:#fff;
            padding:1rem 1rem 0 1rem;
        }
        .learning-path .expanded {
            display: block; /* Show the div elements when expanded */
        }
        .learning-path .expanded h3 {
            color: var(--accent-color);
              border-bottom:1px solid var(--light-grey-color);
        }
        .learning-path-detail-milestone-list {
            margin: 1em 0;
        }
        .learning-path-detail-milestone-list li[data-role=collapsible] {
            border-color: var(--light-grey-color);
            border-width: 1px 1px 0 1px;
            border-style: solid;
        }
        .learning-path-detail-milestone-list li hr {
          display:none;
        }
        .learning-path-detail-milestone-list h3 {
            padding: .5em 1em;
            margin: 0 !important;
        }
        .learning-path-detail-milestone-list li:first-of-type {
          border-radius:8px 8px 0 0;
          overflow:hidden;
        }
        .learning-path-detail-milestone-list li:last-of-type {
          border-radius:0 0 8px 8px;
          border-bottom-width:1px;
          overflow:hidden;
        }
        .learning-path-detail-milestone-list li:only-of-type {
          border-radius:8px;
        }

.learning-path .collapsed h3::after {
    content: '\f107';
    font-family: 'FontAwesome';
    float: right;
    color: var(--mid-grey-color);
    font-weight: 100;
}

.learning-path .expanded h3::after {
    content: '\f106';
    font-family: 'FontAwesome';
    float: right;
    color: var(--accent-color);
    font-weight: 100;
}

.learning-path .tabs-content, .home .tabs-content {
    border: none;
}

.learning-path-detail-milestone-list li h3:hover {
    cursor: pointer;
}

.learning-path-detail-milestone-item .medium-4.columns {
    float: right;
    max-height: 150px;
    overflow: hidden;
    max-width: 280px;
}

@media only screen and (max-width:767px) {
    .learning-path-detail-milestone-item .medium-4.columns {
        float: right;
        max-height: none;
        overflow: initial;
        max-width: none;
    }
    .learning-path-detail-milestone-item .medium-4.columns img {
        height:auto;
        width:100%;
        margin:.875em 0;
    }
}

.learning-path-detail-milestone-item__description {
    font-size: 1rem;
    line-height: 1.4rem;
}

.learning-path-detail-milestone-item__asset {
    padding-right:0;
}

.learning-path-detail-milestone-item__content-type {
    padding-top: 0;
    color: var(--dark-grey-color);
}

h4.learning-path-detail-milestone-item__title {
    font-family: var(--subheading-font) !Important;
    margin-bottom: .25rem;
    color: var(--accent-color);
    font-weight: 500;
}

.learning-path-detail-milestone-item .btn--link {
    color: var(--link-color);
    float: left;
    font-weight: 600;
    margin-bottom: 1rem;
}

.learning-path-detail-milestone-item .btn--link:hover {
    color:var(--link-hover-color);
}

.learning-path-detail-milestone-item .row.collapse:last-of-type {
    border-bottom: 1px solid #cbcbcb;
}

.learning-path-detail-milestone-item:last-of-type .row.collapse:last-of-type {
    border-bottom:none;
}

/* Learning Path Sidebar */

.course__includes {
    margin: 2rem 0;
}

.course__includes span.h5.course__includes__title, .course__detail__sidebar .indent-list h3 {
    font-family: 'Avenir', sans-serif !important;
    text-transform: none;
    color: var(--accent-color);
    font-size: 1.25rem;
    font-weight: 500;
}

.course__detail__sidebar .indent-list h3 {
    padding-top: 1em;
}

.course__detail__sidebar .indent-list p {
    font-size: .875rem;
}

.course__detail__sidebar .indent-list p:last-of-type {
    margin-bottom: 0;
}

.course__includes .course__includes__list {
    margin-top:1.5em;
}

.course__includes .course__includes__list i {
    background:var(--secondary-color);
    margin-top:0;
}

.layout__content--sidebar .widget--one-column {
    padding: 1em 1em 0;
}

.course__includes hr {
    max-width: calc(100% - 2em);
    margin: 1rem auto;
}

/* Course Group & Class Details */

.home.course-group .home__content {
    padding: 1rem 1rem 0;
}
.home .course__detail__header p {
    font-size: 1rem;
    padding-top: 1rem;
}
.home.course-group .enroll small {
    font-size: 100%;
}
.home.course-group .email-capture .editor-content p a {
    font-size: .875rem;
}
.home.course-group .enroll .email-capture .btn.btn--primary {
    width: 100%;
    margin-top: .5em;
}
.home.course-group .course__detail__enrolled a {
    font-size: 1rem;
    padding: 1em 1.125em;
}
.home.course-group .course__detail__enrolled {
    background: var(--light-grey-background-color);
    border: 1px solid var(--light-grey-color);
    margin-top: 1em;
}

.home.course-group .course__detail__enrolled {
    margin-top: .25em;
    margin-bottom: .75em;
    background: none;
    border: none;
}

.home.course-group .course__detail__enrolled a {
    font-size: 1rem;
    padding: 1em 1.125em;
    border: 1px solid #cbcbcb !important;
    background: #f9f9f9 !important;
    width: 100%;
    border-radius: 7px;
}

/* Enroll, Buy, or Continue Box */

.layout__content--sidebar .widget--learning-path-purchase, .widget--discount-group-purchase .enroll, .course__detail__sidebar .layout__content--sidebar .widget--course-purchase_standard, .layout__content--sidebar .widget--bundle-purchase_standard {
    background: #fff;
    padding: 1.5em 1.5em .75em 1.5em;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.15);
            box-shadow: 0 10px 15px rgba(0,0,0,.15);
    margin: 2em 0 0;
    position:relative;
    z-index:99;
}

@media only screen and (max-width:48em) {
    .layout__content--sidebar .widget--learning-path-purchase, .widget--discount-group-purchase .enroll, .course__detail__sidebar .layout__content--sidebar .widget--course-purchase_standard, .layout__content--sidebar .widget--bundle-purchase_standard {
        margin-top:0;
    }
}

.course__detail__sidebar .widget--course-purchase .panel {
    background: none;
    padding: 0;
    margin: 0;
}

.home .enroll .btn.btn--primary {
    background: var(--cta-color);
    border-color: var(--cta-color);
}

.home .enroll .btn.btn--primary:hover {
    background: var(--cta-hover-color);
    border-color: var(--cta-hover-color);
}

.home .widget--course-purchase_standard .btn--alt.btn--primary {
    background: var(--cta-color);
    border-color: var(--cta-color);
    color: #fff;
}

.home .widget--course-purchase_standard .btn--alt.btn--primary:hover {
    background: var(--cta-hover-color);
    border-color: var(--cta-hover-color);
}

.home .widget--course-purchase .btn--alt.btn--secondary {
    border-color: var(--dark-grey-color);
    color: var(--dark-grey-color);
}

.home .widget--course-purchase .btn--alt.btn--secondary:hover {
    border-color: var(--link-color);
    color: var(--link-color);
}

@media only screen and (max-width:73em) {
    .home .enroll .btn.btn--primary {
        width:100%;
    }
}

.home .course__detail__container {
    padding-top:0;
}

.home .enroll__title {
    font-family: var(--subheading-font), sans-serif !important;
    text-transform: none;
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.home .enroll__session__select {
    margin-bottom:.875rem !important;
}

.home .enroll .interval, .enroll .srp {
    margin-top: .5rem;
    display: block;
}

.home .enroll .srp .strikethrough {
    text-decoration:none;
}

.home .enroll__price {
    color:var(--dark-green-color);
}

@media only screen and (min-width:73em) {
    .home .enroll__price {
        margin-bottom:.25rem;
        margin-top:.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 3rem;
    }
}

.home .course__detail__runs {
    display:none; /* Hide Course Run Dates */
    margin: 0;
}

.home .enroll__secondary-actions {
    margin-bottom: .75em;
    display: block;
    float: left;
    width: 100%;
}

.home .enroll .email-capture {
    margin-bottom: .75rem;
}

.home .course__detail__header h1 {
    margin-bottom:.5em;
}

/* Remove margin below second button in Enroll box for Learners when logged in */
.home .enroll--learning-path .btn.btn--alt.btn--expand.btn--secondary {
    margin-bottom: 0;
}

/* Add margin below select dropdown for certain product types */

.new-form-label .form__input__container input:not(.tw-override), select:not(.url-manager .new-form-label .form__input__container) {
    margin-bottom:.875rem;
}

/* Fixes for Group Discounts (Because why would you have the same HTML and CSS for the same checkout page designs right?) */

.home .course__detail__header h1.h2 {
    font-weight:550;
}

.home .course__detail__header {
    padding:0;
}

/* Enlarge Secondary Actions in Enroll Box */

.enroll__secondary-actions button {
    font-size: .875rem;
}

/* Coupon */

.enroll__coupon__form .form input {
    margin-bottom: 0 !important;
    height: 29px !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.enroll__secondary-actions button {
    border-radius: 0 !important;
}





/* Redeem a Code */

.redeem .widget__subtitle {
    display: none;
}

.widget--redemption-form {
    padding: 1.5rem 0;
}

.redeem .btn--floating-label {
    height:56px;
}

.redeem button.btn.btn--primary.btn--expand {
    background: var(--cta-color);
    border-color: var(--cta-color);
}

.redeem button.btn.btn--primary.btn--expand:hover {
    background: var(--cta-hover-color);
    border-color: var(--cta-hover-color);
}

.redeem .terms__checkbox__wrapper label span {
    font-size: 1rem;
}

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

    .terms__checkbox__wrapper {
        padding-top: 1em;
    }

}

@media only screen and (max-width:75em) {

    .redeem .terms__checkbox__wrapper p {
        padding-left: .5em;
    }

}

@media only screen and (max-width:48em) {

    .widget--redemption-form {
        padding: 1.5rem 1rem;
    }
    
    .redeem .btn--floating-label {
        height: 48px;
        border-radius: 0 !important;
    }

}



/* Catalog Styles */

.catalog-item {
    -webkit-transition:all .35s ease;
    -o-transition:all .35s ease;
    transition:all .35s ease;
}

.catalog-item:hover {
   -ms-transform: scale(101%);
       transform: scale(101%);
   -webkit-transform: scale(101%);
}

.catalog .home__content, #lms .home__content {
    padding-top:0;
}

.catalog .catalog-grid-item__description {
    color:#4f4f4f;
}

.catalog-grid-item {
    border-radius:8px;
    -webkit-box-shadow: 0 0 1px rgba(9,44,76,0.01);
            box-shadow: 0 0 1px rgba(9,44,76,0.01);
}

.catalog-grid-item__body {
    overflow:hidden;
}

.catalog-item:hover {
    -webkit-box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
            box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
            border-radius:8px;
}

.catalog-grid-item__asset-container {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    text-align: center;
}

.catalog-grid-item__title, .catalog-list-item__title {
    font-family: var(--subheading-font), sans-serif !important;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--accent-color);
    margin-bottom:0;
}

.catalog-item:hover  .catalog-grid-item__title, .catalog-item:hover .catalog-list-item__title {
    color:var(--accent-hover-color);
}

@media only screen and (max-width:767px) {
    .catalog-grid-item__title {
        height:auto !important;
    }
}

.catalog-grid-item__source, .catalog-list-item__info {
    font-family: var(--subheading-font), sans-serif !important;
    font-size:1rem;
    color:var(--greyish-blue-color);
}

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

.catalog__ribbon {
    font-size: .875rem;
    text-transform: none;
    padding: .6rem .7rem;
    font-family: var(--subheading-font);
    font-weight: 500;
}

/* Adjust columns in CTA section to accomodate Non-Member text */

.catalog-grid-item__cta-container .grid.grid-cols-3.gap-2 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.catalog-grid-item__cta-container .col-span-2 {
    -ms-grid-column-span: 3;
    grid-column: span 3 / span 3;
}

/* Display Author 
.featured-content-item__authors {
    display: none;
}
*/

.catalog-grid-item__description {
    font-size:.875rem;
}

.catalog-grid-item__price {
    font-size: 1.5rem;
    color: var(--dark-green-color);
}

.catalog-item .place-self-top {
    -ms-grid-column-span: 2;
    grid-column: span 2 / span 2;
}

.catalog-item .place-self-top .btn--primary, .catalog-item .catalog-grid-item__cta-container .btn--primary {
    border: 1px solid var(--light-grey-color);
    padding: 0 inherit .5rem !important;
    display: block;
    width: 120px;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    text-transform:lowercase;
}

.catalog-item .place-self-top .btn--primary::first-letter, .catalog-item .catalog-grid-item__cta-container .btn--primary::first-letter {
    text-transform: uppercase;
}

.catalog-item:hover .place-self-top .btn--primary, .catalog-item:hover .catalog-grid-item__cta-container .btn--primary {
    background-color:var(--accent-hover-color) !important;
    border-color:var(--accent-hover-color);
    color:#fff;
}

.catalog-grid-item__suggested-price {
  float: left;
  width: 100%;
  padding-top: .5rem;
  text-decoration:none;
}

.catalog-grid-item__suggested-price::before, .catalog-list-item__suggested-price::before {
    content:'Non-member price: ';
}

.free-member-notice {
    color: #656565;
    font-size: .75rem;
    padding-top: .5rem;
}

.catalog-list-item .free-member-notice {
    display: block;
    text-align: center;
}

span.catalog-grid-item__price.solo_price {
    padding: .5em 0;
    display: inline-block;
}

.catalog-grid-item__cta-container .grid-cols-3.gap-2 .grid-rows-3.gap-2 div, .catalog-list-item__cta-container .grid-cols-3.gap-2 .grid-rows-3.gap-2 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3rem;
}

.catalog__ribbon--attached {
    top:1rem;
}

.catalog-grid-item__cta-container {
    max-height:3rem;
}

.catalog-grid-item__cta-container .row-span-2, .catalog-list-item__cta-container .row-span-2 {
    display: none !important;
}

/* Catalog List Style View */

.catalog-list-item {
    border: 1px solid var(--light-grey-color);
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    margin-right: 0;
}

.catalog-list-item__title {
    margin-bottom: 1rem;
}

.catalog-list-item__cta-container {
    border: 1px solid var(--light-grey-color);
    margin-top: -2.5em;
    padding: 1em;
    background: var(--light-grey-background-color);
    border-radius: 8px;
}

@media only screen and (max-width:767px) {
    .catalog-list-item__cta-container {
        margin-top:1em;
    }
}

.catalog-list-item .catalog__ribbon--attached {
    top: -4em;
}

.catalog-list-item__price {
    font-size: 1.5rem;
    color: var(--dark-green-color);
    font-weight: 500;
}

.catalog-list-item__suggested-price {
    color: var(--dark-grey-color);
    text-decoration: none;
}

.catalog-list-item__info {
    margin-top:0;
    padding-right:1.5rem;
}

.catalog-list-item__description {
    font-size: .875rem;
    padding-right:1.5rem;
}

@media only screen and (max-width:767px) {
    .catalog-list-item .catalog__ribbon--attached {
    top: 1em;
    }
    .catalog-list-item__asset {
    width: 100%;
    padding: 0;
    margin-bottom:1em;
    }
}

/* Catalog Filters */

.catalog-aggregation__header.btn--link {
  padding: 1rem !important;
}

.catalog-aggregation__header.btn--link:hover {
    background-color:var(--light-grey-background-color) !important;
}

.catalog-aggregation__header.btn--link:hover span {
    color:var(--link-color);
}

.catalog-aggregation--expanded .btn--link {
    background: var(--light-grey-background-color) !important;
    color: var(--accent-color);
    padding: 1rem !important;
    border-bottom: 1px solid var(--light-grey-color);
}

.catalog-aggregation__header--label {
    padding-left:0;
    color:var(--accent-color);
}

.catalog-aggregation__header--label:hover {
    color:var(--link-color);
}

.catalog-aggregation--expanded .btn--link:hover, .catalog-aggregation--expanded .catalog-aggregation__header--label:hover {
    color:#656565;
}

.catalog-aggregation ul {
  padding: 1em 0;
}

.catalog-aggregation:first-of-type {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.catalog-aggregation:last-of-type {
  border-bottom: 1px solid var(--light-grey-color);
  border-radius: 0 0 8px 8px;
  margin-bottom: 1.25em;
}

.catalog-aggregation {
  border-right: 1px solid var(--light-grey-color);
  border-left: 1px solid var(--light-grey-color);
  padding:0;
}

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

.catalog-aggregation__header .column.small-1 {
  float: right;
  text-align: right;
}

.btn.catalog-aggregation__value {
  margin-left: .25em;
}

.catalog-active-filter {
    font-size:1rem;
}


/* Pagination */

.pagination.flex.justify-between {
  margin-bottom: 3rem;
}

/* Colored Title Section */
.home .catalog-header, .dashboard .catalog-header {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    margin: 0 calc(50% - 50vw) 1.5rem;
    padding: 3rem 0;
    font-size: 2rem;
    color: var(--accent-color);
    font-family: var(--heading-font) !important;
    font-weight:500;
}
.home .catalog-header span, .dashboard .catalog-header span {
    max-width: 1440px;
    margin: 0 auto;
    display: block;
    padding:0 1rem .25rem;
    font-size:2.5rem;
    line-height:3rem;
}


/* Custom Catalog Styles for 3rd Party Partners */

.buy-access-section {
    background: rgb(0,80,126);
    background: linear-gradient(135deg, rgba(0,80,126,1) 0%, rgba(0,51,96,1) 100%);
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
    color: #fff;
}

.buy-access-section .medium-3.columns {
    width: 65%;
    position: relative;
}

.buy-access-section .medium-3.columns hr {
    display: none;
}

.buy-access-section .medium-9.columns {
    width: 35%;
}

@media only screen and (max-width: 77.5em) {
    .buy-access-section .medium-3.columns {
        width: 60%;
    }
    .buy-access-section .medium-9.columns {
        width: 40%;
    }
}

.buy-access-section .medium-block-grid-3>li {
    width: 100%;
    margin: 3.5rem 0 -3.5rem;
    padding-bottom: 0;
}

.buy-access-section.no-product-overlap .medium-block-grid-3>li {
    margin: 2rem 0;
}

.buy-access-section .catalog-grid-item {
    background: #fff;
}

.buy-access-section .catalog-grid-item .column.medium-12 {
    padding: 0;
}

.buy-access-section h2, .buy-access-section h3, .buy-access-section h4 {
    color: #fff;
}

.buy-access-section .editor-content h2 {
    font-family: var(--heading-font) !important;
    color:#fff;
    font-size: 2.5rem;
    margin-bottom: .5em;
    font-weight:450;
}

.buy-access-section .editor-content h3 {
    font-size:1.25rem;
    font-weight:450;
}

.buy-access-section .editor-content h4 {
    font-size:1.125rem;
    font-weight:350;
}

.buy-access-section .editor-content h5 a, .buy-access-section .editor-content h5 a:visited {
    color: var(--seafoam-level-four);
    font-size:1.25em;
}

.buy-access-section .editor-content h5 a:hover {
    color: var(--turquoise-level-three);
}

.buy-access-section .editor-content h5 a:active, .buy-access-section .editor-content h5 a:focus {
    color: var(--turquoise-level-two);
}

.buy-access-section p.catalog-grid-item__title {
    height: auto !important;
}

.buy-access-section .featured-content-sidebar {
    padding: 2.25rem 2rem 2rem 0;
}

@media only screen and (min-width:90em) {
    .buy-access-section .medium-9.columns {
        padding-right:0;
    }
}

@media only screen and (max-width:90em) {
    .buy-access-section .featured-content-sidebar {
        padding-left:1rem;
    }
}

@media only screen and (max-width:64em) {
    .buy-access-section .medium-3.columns, .buy-access-section .medium-9.columns {
        width: 100%;
    }
    .buy-access-section .featured-content-sidebar {
        padding-bottom: 2.75rem;
    }
    .buy-access-section .medium-block-grid-3>li, .buy-access-section.no-product-overlap .medium-block-grid-3>li {
        margin: 0 0 -2.5rem;
    }
    .buy-access-section {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:48em) {
    .buy-access-section .featured-content-sidebar {
        margin-top:0;
    }
}

/* Smaller Padding for Logged In Header */

.dashboard .catalog-header {
/* padding: 2.125rem 0; */
}

/* Hide Default Title */
.home .catalog-header {
  display: none;
}


/* Alt Page Title Section */

.alt-title {
    padding:0 !important;
    margin-top: 1rem;
}

.alt-title hr {
    border-width: 2px 0 0;
    border-color: var(--light-grey-color);
}

@media only screen and (max-width:90em) {
    .alt-title {
        padding:0 1rem !important;
    }
}

.widget__alt-title__container h3 {
    font-size: 2rem;
    color: var(--accent-color);
    margin: 0 0 .5rem;
}

.widget__alt-title__container p.muted {
    color: var(--dark-grey-color);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1rem;
}


/* Gradient Title Style */

.gradient-title {
    padding: 0 !important;
}

.gradient-title hr {
    display: none;
}

.gradient-title .row .medium-12.columns {
    display: none;
}

.gradient-title .widget__alt-title__container {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    margin: 0 calc(50% - 50vw) 1.5rem;
    padding: 3rem 0;
}

.gradient-title .widget__alt-title__container h3 {
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--accent-color);
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1rem;
    font-family:var(--heading-font) !important;
    font-weight:550;
}

.gradient-title .widget__alt-title__container p.muted {
    max-width: 1440px;
    margin: 0 auto;
    color:var(--accent-color);
    padding: .125rem 1rem 0;
    font-family: var(--subheading-font);
    font-size: 1.25rem;
}

.gradient-title .hr__accent {
    display: none;
}

@media only screen and (min-width:90em) {
    .gradient-title .widget__alt-title__container p.muted {
        padding-right: 35%;
    }
    .gradient-title.longer-subtitle .widget__alt-title__container p.muted {
        padding-right: 17%;
    }
    .gradient-title.text-center p.muted {
        padding-right: 0;
    }
}


/* Diagonal Gradient Title */

.diagonal-gradient-title hr {
    display: none;
}

.diagonal-gradient-title {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    margin: 0 calc(50% - 50vw);
    padding: 3rem 0 35rem !important;
    max-width: none;
    width: 100vw;
    position:relative;
}

.diagonal-gradient-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 320px solid white;
}

.diagonal-gradient-title .widget__alt-title__container {
    margin: 0 auto;
}

.diagonal-gradient-title .widget__alt-title__container h3 {
    font-size: 3rem;
    line-height: 1.25;
    color: var(--accent-color);
    margin: 0 auto;
    padding: 0 1rem .875rem;
    font-family:var(--heading-font) !important;
    font-weight:550;
    max-width: 675px; /* Update based on heading */
}

.diagonal-gradient-title .widget__alt-title__container p.muted {
    margin: 0 auto;
    color:var(--accent-color);
    font-family: var(--subheading-font);
    font-size: 1.5rem;
    line-height: 1.5;
}

.diagonal-gradient-title .row {
    margin: 0;
}

.diagonal-gradient-title .hr__accent {
    display: none;
}

.diagonal-gradient-title .editor-content a:not(.btn) {
    color: var(--accent-color);
    font-size: 1.125rem;
    font-family: var(--subheading-font);
    font-weight: 550;
}

.diagonal-gradient-title .editor-content a:not(.btn):hover {
    color: var(--accent-hover-color);
}

@media only screen and (max-width:48em) {
    .diagonal-gradient-title {
        padding: 2.5rem 1rem 22.5rem !important;
    }
    .diagonal-gradient-title .widget__alt-title__container h3 {
        font-size:2.5rem;
        line-height: 2.875rem;
    }
    .diagonal-gradient-title .widget__alt-title__container p.muted {
        font-size:1.25rem;
    }
    .diagonal-gradient-title .editor-content a:not(.btn) {
        //font-size: 1rem;
    }
    .diagonal-gradient-title::after {
        border-bottom: 220px solid white;
    }
}



/* Page Titles */


/* Title & Subheading Widget */

.layout__content .widget.widget--title {
    padding: 2rem 1rem 1.5rem;
}

.widget.top-padding {
    padding-top:1rem !important;
}

.widget.bottom-padding {
    padding-bottom:1rem !important;
}

.widget.spacer {
    height: 2.5rem;
    clear:both;
}

.widget.spacer.double-space {
    height: 3.5rem;
}

.widget.spacer.triple-space {
   height: 4.5rem;
}

.widget--title .h2.widget__title {
    color: var(--accent-color);
    font-size: 2.25rem;
    margin-bottom:.5em;
}

.widget--title .widget__subtitle {
    font-size: 1.25rem;
}

.widget--title.h2 .h2.widget__title {
    font-size: 2.25rem;
    font-weight: 500;
    font-family: var(--subheading-font), sans-serif !important;
    padding-top: 1.5rem !important;
}

/* What the f? */
.widget--about-blocks.widget--no-white-space {
    margin-top: 0;
}

/* 1 Column Widget CTA Only */
.no-padding .widget__cta {
    padding: 0 1rem !important;
    margin: 0 !important;
}




/* Start Article Updates */

/* Article Header Logo Padding */

.header--article .header__inner .columns.medium-6 {
  padding-left: 0;
  padding-right: 0;
}

/* Column Read Article Button */
.text-center.article-sidebar__rating, i.article-sidebar__icon.icon-cart {
    display: none;
}

.panel--article-sidebar {
  border: none;
  text-align: center;
  padding: 0;
}

.panel--article-sidebar .columns.small-10 {
  width: 100%;
}

.panel--article-sidebar a.btn--link {
    background: var(--secondary-color) !important;
    color: #fff;
    display: block;
    width: 100%;
    padding: 1.1em 1.5em !important;
    text-align: center;
    line-height: 1.1;
    font-size: 1rem;
}

.panel--article-sidebar a.btn--link:hover {
    background:#004d93 !important;
}


/* About Block Widget */

li.about-block__container .about-block__text h3 {
    text-transform: none;
    font-family: var(--subheading-font), sans-serif !important;
    color: var(--accent-color);
    font-weight: 500;
}




/* Checkout */

.checkout .container {
    max-width:1440px;
}

.checkout .company__beta-logo {
    margin-bottom: 1.5em;
}

.checkout .shipping-info {
    padding: 1em;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-bottom: 1em;
}

.coupon-entry .field__input[type=text] {
    font-size: .875rem;
    height: 48px;
}

.close-order-sidebar {
    z-index:999;
}

.checkout .close-order-sidebar i {
    font-size: 2rem;
    padding: .5em;
}

.continue-to-checkout {
    font-size: 1rem;
    border-radius: 0;
    padding: 1em 1.25em;
}




/* Register */

.register .container {
    max-width: 980px;
}

.register .small-offset-3.small-6 {
    margin-left: 0 !important;
    width: 100%;
    padding: 2em;
}

.home .account-box > div {
    background: var(--light-grey-background-color);
    border-radius: 8px;
    display: inline-block;
    float: left;
    margin: 1em;
    padding: 1.5em;
    text-align: left;
}

.home .account-box .h2.widget__title {
    color: #003360;
    text-align: left;
    font-size: 1.5rem;
    font-family: var(--subheading-font), sans-serif !important;
    font-weight: 500;
}

.home .account-box .widget__cta {
    padding: 0;
}

.home .account-box .widget__cta a.btn {
  margin: initial;
}

.widget--registration-form .panel h4 {
    font-family: var(--subheading-font) !important;
}

.register .widget--registration-form .columns .text-centered strong {
    display: none;
}

.register .widget--registration-form .small-offset-3.small-6 {
    margin-left: 0 !important;
    width: 100%;
    padding: 0 2.5em 1em;
}

.register .widget--registration-form .row .medium-12.columns {
  padding-left: 2rem;
  padding-right: 2rem;
}

.register .widget--registration-form .medium-12.columns > div {
    border: 1px solid #D5D2D5;
    border-radius: 8px;
    margin: 1rem 0;
}

.register .widget--registration-form .columns .text-centered:first-of-type::before{
    content: 'Create an account';
    text-align: left !important;
    width: 100%;
    display: block;
    font-size: 2rem;
    color: var(--secondary-color);
    padding: 1rem 1.5rem;
    font-family: var(--subheading-font);
}

.register .widget--registration-form .text-centered span {
    right: 3.5rem;
    top: 3.5rem;
    position: absolute;
}

.register .widget--registration-form .panel.panel--alt {
    padding: .5rem 0 0 0;
    border: none;
}

.register label span {
    font-size: 1rem;
}

.register label .small-11 .btn--link {
    color: var(--link-color);
}

.register label .small-11 .btn--link:hover {
    color: var(--link-hover-color);
}

/* Register Button Size and Location */
/*
.register .widget--registration-form .row .medium-4.columns.text-right {
    float: left;
    width: 100%;
    padding-top: .75rem;
}
*/

@media only screen and (max-width:40em) {
   .register .widget--registration-form .columns .text-centered:first-of-type span {
        margin: -.5rem 0 2.5rem 1.5rem;
        float: left;
        width: 100%;
        text-align: left;
        position:initial;
    }
}


/* Sign In */

.btn.btn--link.company__beta-logo {
    padding: 0 0 1em !important;
}

.session__forgot {
    padding: .5em .25em;
    display: inline-block;
}

.session__forgot .btn--link {
    color: var(--link-color);
}

.session__forgot .btn--link:hover {
    color: var(--link-hover-color);
}

.session__form .btn--primary {
  border-radius: 0 !important;
  padding: 1.125em 1.5em;
  margin: 0;
  height:initial;
}

.register .widget--registration-form .text-centered a.btn span {
    position:initial;
}




/* Support Styles */

.support .home__content .h2.widget__title {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    margin: 0 calc(50% - 50vw) 1.5rem;
    padding: 3rem 1rem;
    font-size: 2.5rem;
    color: var(--accent-color);
    font-weight:550;
}

.support .faqs__container {
    max-width: 916px;
    margin: 0 auto;
}

.support .faq__search-block {
    background: none;
    margin-bottom: 2rem;
    padding: 1rem 1rem 0;
    border-radius: 8px;
}

.support .faq__search-block strong {
    display: block;
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 550;
    font-family: var(--subheading-font);
    color: var(--accent-color);
}

.support .faqs__container .faq__sections {
    margin-bottom: 1rem;
}

.support .faqs__container .faq__question {
    font-size: 1rem;
}

.support .faq__search-block .btn--submit {
    width: 100%;
}

.support .faq__sections li strong, .faq__search-block .faq__search-results p {
    color: var(--accent-color);
    font-size: 1.25rem;
    font-weight: 500;
    font-family: var(--subheading-font);
    margin-top:0;
    border-bottom: 1px solid var(--light-grey-color);
    padding-bottom: .25rem;
    display: block;
    margin-bottom: .25rem;
}

.faq__search-block .faq__search-results p {
    margin-bottom:.75rem;
}

/* Hide Support Sidebar and make Main Content full width */

.support .faq__content.large-8.columns {
    width: 100%;
}

.support .faq__sidebar.large-4.columns {
    display: none;
}

.support div#question_container {
    margin: 0 auto 4rem;
    border: 1px solid var(--light-grey-color);
    border-radius: 8px;
    padding: 1rem;
    float: none;
    width: calc(100% - 2rem);
    box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
    -webkit-box-shadow: 0px 8px 40px rgba(9,44,76,0.16);
}

.support .faq__search-block .faq__question {
    margin-bottom: .5rem;
}

.support .h2.widget__title::after {
    content: 'Please check our Frequently Asked Questions below. If you are unable to find what you are looking for please email support@imanet.org. We try to respond within 24 to 48 hours.';
    font-size: 1.25rem;
    display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 2rem;
    font-family: var(--subheading-font);
    font-weight: 400;
}

.support .faq__search-results {
    background: var(--light-grey-background-color);
    padding: 1rem;
}

.support a {
    color: var(--link-color);
}

.support a:hover {
    color: var(--link-hover-color);
}

@media only screen and (min-width:48em) {
    .support .faq__content.large-8.columns {
        padding-left:0;
        padding-right:0;
    }
}
@media only screen and (max-width:60em) {
    .support div#question_container {
        max-width: calc(100% - 2rem);
        margin: 0 1rem 4rem;
    }
}


/* Localization & Language */
/*
.learner__language__selector .theme {
    background:var(--light-grey-background-color);
    color:var(--dark-grey-color);
}
*/

.learner__language__selector {
    z-index:8;
}

.learn.dashboard .learner__language__selector__btn, .home .learner__language__selector__btn {
    line-height:30px;
}

.learn.dashboard .learner__language__selector__btn .language-selector-content, .home .learner__language__selector__btn .language-selector-content {
    text-transform:lowercase;
}

.learn.dashboard .learner__language__selector__btn .language-selector-content::first-letter, .home .learner__language__selector__btn .language-selector-content::first-letter {
    text-transform:uppercase;
}

.language-selector-content::after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    padding: 0 1em 0 .25rem;
    color: var(--mid-grey-color);
    float:right;
}

.learner__language__selector .light {
    -webkit-box-shadow: 0px 0px 0 1px rgba(0,0,0,.1);
    box-shadow: 0px 0px 0 1px rgba(0,0,0,.1);
    border-radius: 0 4px 0;
}

.learner__language__selector__btn, .learner__language__selector__btn ul li {
    padding: 3px 0 10px 15px;
}






/* Custom Footer Styles */

.footer .footer__company__info {
    display: none;
}

.footer__inner {
    border-top: none;
    padding: 0 !important;
}

footer.footer {
  background: var(--accent-color); /* Primary dark blue background */
  background: var(--dark-navy-linear-gradient);
  color: #ffffff; /* White text color */
  padding: 40px 0;
}

footer #newsCard {
  background-color: #ffffff; /* White background for the newsletter card */
  color: var(--accent-color); /* Dark blue text color for the newsletter card */
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
  -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.15);
  box-shadow: 0 10px 15px rgba(0,0,0,.15);
}

footer #newsCard h2 {
    font-family: var(--subheading-font);
    font-size: 1.5rem;
    text-align: left;
    font-weight: 500;
    margin: 1rem 0 .25rem;
    line-height: 1.25;
    color:var(--accent-color);
}

footer #newsCard p {
    font-size: 1.125rem;
    margin: 0 0 1rem;
    text-align: left;
    color:#57595B;
    line-height: 1.5;
}

footer #newsCard input.email {
    width: 80%;
    float: left;
    height: 3.5rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #cbcbcb;
    border-radius: 4px 0 0 4px;
    padding: 1em 1.25em;
    font-size: 1rem;
}

footer #newsCard button {
    background-color: var(--cta-color);
    color: #ffffff;
    padding: .8rem 0;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    float: right;
    width: 20%;
    height: 3.5rem;
}

footer #newsCard button:hover {
  background-color: var(--cta-hover-color); /* Darken button color on hover */
}

footer #newsCard label {
    font-size: 0.85rem;
    display: block;
    width: 100%;
    clear: both;
    line-height: 1.25;
    text-align:left;
}

footer input#termsAccept {
    float: left;
    height: initial;
    width: initial;
    margin-right: .5em;
    position: relative;
    top: 2px;
}

#newsCard input, #newsCard button {
    margin-bottom: .75rem;
}

#newsCard a {
    font-size: .85rem;
    color: var(--link-color);
}

#newsCard a:hover {
  text-decoration: underline;
}

nav#footerLinks {
    padding: 2rem 0 0 1rem;
}

#footerLinks h3 {
    font-family: var(--subheading-font);
    color: var(--light-green-color);
    font-size: 1.5rem;
    margin: 0 0 1rem 1.25rem;
}

#footerLinks ul {
  list-style: none;
  padding: 0;
  margin-left: 1.25rem;
}

#footerLinks ul li {
  margin-bottom: 8px;
  padding: .25rem 0;
}

#footerLinks ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size:1rem;
  font-family:var(--font);
  -webkit-transition:.25s ease all;
  -o-transition:.25s ease all;
  transition:.25s ease all;
}

#footerLinks ul li a:hover {
  color:var(--light-green-color);
}

#footerSub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1rem;
    float: right;
    text-align: right;
}

.footer-sub-row {
    margin: .5em 0;
    padding: .5em 0;
}

#footerSocial a {
  color: #ffffff;
  margin-left: .95rem;
  font-size: 1.5rem;
  -webkit-transition:.25s ease all;
  -o-transition:.25s ease all;
  transition:.25s ease all;
}

#footerSocial a:hover {
  color: var(--light-green-color);
}

#footerHelp .button {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: .75rem 1.875rem .875rem;
    border-radius: 0;
    text-decoration: none;
    margin: 0 0 0 1rem;
    font-weight: 500;
    font-size: 1rem;
    -webkit-transition:.25s ease all;
    -o-transition:.25s ease all;
    transition:.25s ease all;
    white-space: nowrap;
}

#footerHelp .button:hover {
  background-color: #ffffff;
  color: #002d72;
}

#footerHelp strong {
    font-size: 1.125rem;
    font-weight: 550;
    font-family:var(--subheading-font);
}

#footerTerms {
    padding-bottom: 0;
}

#footerTerms .copy,
#footerTerms .policy {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  color: #ffffff;
  float: left;
  padding-left: 1.25rem;
}

#footerTerms .policy a {
  color: #ffffff;
}

#footerTerms .policy a:hover {
  text-decoration: underline;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

footer.footer {
  position: relative;
  overflow: hidden;
}

 .survey footer.footer {
     display: none;
 }

footer.footer::before,
footer.footer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 225px; /* Adjust the height as needed */
  background-color: var(--turquoise-color); /* Light blue background */
  z-index: 1;
}

footer.footer::before {
    bottom: 0px;
    left: 0;
    -webkit-transform: skewY(5deg);
        -ms-transform: skewY(5deg);
            transform: skewY(5deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
}

footer.footer::after {
    bottom: -100px;
    right: 0;
    -webkit-transform: skewY(-5deg);
        -ms-transform: skewY(-5deg);
            transform: skewY(-5deg);
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
    background-color: var(--light-blue-color);
    height: 360px;
}

footer.footer .grid-container {
  position: relative;
  z-index: 2; /* Bring the content above the background shapes */
  max-width:1440px;
}

div#footerSocial {
    margin: .75rem 0;
}

/* Footer Feature Cards */

footer #featureCard {
    margin-top:.675rem;
}

footer #feature-heading {
    background: var(--seafoam-level-seven);
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    padding: 1rem;
    border-radius: 8px 8px 0 0;
    margin: 0;
}

footer .catalog-grid-item {
    border: none;
    background: #fff;
}

footer .catalog-grid-item__asset-container {
    border-radius: 0 !important;
}

footer p.catalog-grid-item__title {
    height: auto !important;
}


/* Large screen position fixes for link columns */

div#commLinks {
    position: relative;
    left: -2.75rem;
}

div#trendLinks {
    padding-left: 0;
}

/* Mobile screen fixes */

@media only screen and (max-width:90em) {
    .footer__inner {
        padding: 0 1rem !important;
    }
}

@media only screen and (min-width:1222px) and (max-width:1334px) {
    #footerSub {
        margin-top:3rem;
    }
}

@media only screen and (max-width:75em) {

    div#aboutLinks, div#commLinks {
        height: 250px;
    }
    div#commLinks {
        position: relative;
        left: -1rem;
    }
    div#trendLinks {
        padding-left: 1rem;
    }
    div#certLinks {
        padding-left: 0;
    }
    nav#footerLinks {
        padding: 2rem 0 0 0;
    }
    #footerLinks ul li {
        padding: .125rem 0;
    }
    #footerLinks .columns {
        width: 50%;
    }
    .footer .medium-3.columns.left-column {
        width: 35%;
    }
    .footer .medium-9.columns.right-column {
        width: 65%;
    }
    #footerTerms .copy, #footerTerms .policy {
        float: none;
    }
    footer.custom-footer::after, .suvey footer.footer::after {
        height:375px;
        -webkit-transform: skewY(-7deg);
            -ms-transform: skewY(-7deg);
                transform: skewY(-7deg);
    }
    
}

@media only screen and (max-width:64em) {
    #footerHelp .button {
        border: none;
        padding: 0;
        font-weight: 600;
        font-size: 1.125rem;
        text-decoration: underline;
        margin-left: .5rem;
        font-family: var(--subheading-font);
    }
    #footerHelp .button:hover {
        background:initial;
        color:var(--light-green-color);
    }
    .footer-sub-row {
        padding: 0;
    }
    .footer .medium-3.columns.left-column {
        width: 40%;
        padding-right: 0;
    }
    .footer .medium-9.columns.right-column {
        width: 60%;
    }
}

@media only screen and (min-width:48rem) and (max-width:64rem) {
    footer.footer #newsCard h2 {
        font-size: 1.375rem;
    }
    footer.footer #newsCard p {
        font-size: 1rem;
    }
    footer.footer #newsCard input.email {
        font-size: .875rem;
    }
}

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

    .footer__inner {
        padding: 0 !important;
    }
    #footerLinks .columns {
        margin-top: 1.5em;
    }

    #footerLinks ul li {
        margin-bottom: 4px;
        padding: .25rem 0 0;
    }

    .footer .grid-container .medium-3.columns:first-of-type {
        padding: 0 2.5rem;
    }

    div#commLinks {
        left:0
    }

    div#trendLinks {
        padding-left: 1rem;
    }

    div#aboutLinks {
        padding: 0 1rem;
    }

    div#certLinks {
        margin-bottom: 4rem;
    }

    #footerTerms .copy, #footerTerms .policy {
        float:right;
    }
    footer.custom-footer::after, .survey footer.footer::after {
        -webkit-transform: skewY(-10deg);
            -ms-transform: skewY(-10deg);
                transform: skewY(-10deg);
        height:370px;
    }
    .footer .medium-3.columns.left-column, .footer .medium-9.columns.right-column {
        width:100%;
    }
    #footerLinks .columns {
        width: 100%;
        height: auto;
        padding: 0 2rem;
    }
    #footerHelp strong {
        padding-left: 2rem;
    }
    #footerSub {
        padding: 0 1rem;
    }
}

@media only screen and (max-width:40em) {
    #footerSub {
        margin-top:3rem;
    }
    div#certLinks {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:30em) {
    span.rights {
        clear: both;
        display: block;
    }
}




/* Member Portal Styles */

.portal-section {
    padding: 2.5em 0 !important;
}

.portal-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1rem;
}

.portal-section h2 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: .25rem;
    color: var(--secondary-color);
}

.portal-section.light-grey-background h2 {
    color: var(--core-blue-color);
}

.portal-section h3 {
    color: var(--dark-grey-color);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.portal-section img {
    max-height: 80px;
}

.portal-section h3 strong {
    font-size: 1.25rem;
    color: var(--darker-green-color);
}

.portal-section.light-grey-background h3 strong {
    color: var(--medium-blue-color);
}

.portal-section a.btn.btn-primary {
    margin-bottom:0;
    margin-top: .5rem;
}

.portal-section.light-grey-background a.btn.btn-primary {
    background-color: var(--core-blue-color);
}

.portal-section.light-grey-background a.btn.btn-primary:hover {
    background-color: var(--accent-hover-color);
}

.portal-section .medium-6.large-3.columns {
    background: rgba(0, 0, 0, .05);
    padding: 2rem;
    width:23%;
}

.portal-section .medium-4.columns {
    background: rgba(0, 0, 0, .05);
    padding: 2rem;
    width:33%;
}

.portal-section .medium-6.large-3.columns .indent-list, .portal-section .medium-4.columns .indent-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.portal-section .medium-6.large-3.columns:nth-child(2n+1), .portal-section .medium-4.columns:nth-child(2n+1) {
    background: rgba(0, 0, 0, .075);
}

.portal-section .medium-6.large-3.columns:nth-child(3n+1) {
    background: rgba(0, 0, 0, .1);
}

.portal-section .medium-6.large-3.columns:first-of-type, .portal-section .medium-4.columns:first-of-type {
    background: none;
    padding: 1rem 3rem 0 1rem;
    width: 31%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.portal-section .medium-4.columns:first-of-type {
    width: 34%;
}

.portal-section .medium-6.large-3.columns:first-of-type h3, .portal-section .medium-4.columns:first-of-type h3 {
    border-bottom: 2px solid var(--light-grey-color);
    padding-bottom: 1rem;
}

.portal-section .medium-6.large-3.columns:first-of-type a, .portal-section .medium-4.columns:first-of-type a, .read-more {
    color: var(--dark-grey-color);
    font-weight: 600;
}

.portal-section .medium-6.large-3.columns:first-of-type a::before, .portal-section .medium-4.columns:first-of-type a::before, .read-more::before {
    content:'\f35a';
    font-family:'FontAwesome';
    display: block;
    float:left;
    padding-right:.5rem;
}

.portal-section .medium-6.large-3.columns:first-of-type a:hover, .portal-section .medium-4.columns:first-of-type a:hover {
    color:var(--link-color);
}

.portal-section p {
    line-height: 1.5;
    color:#414344;
}

@media only screen and (min-width:48em) {
    .portal-title p.muted {
        padding-right: 30% !important;
    }
}

@media only screen and (min-width:60em) {
    .portal-title p.muted {
        padding-right: 50% !important;
    }
}

@media only screen and (min-width:90em) {
    .portal-title p.muted {
        padding-right: 785px !important;
    }
}

@media only screen and (max-width:90em) {
    .portal-section {
        padding: 2.5rem 1rem !important;
    }
}

@media only screen and (max-width:75em) {
    .portal-section {
        padding: 2.5rem 2rem 2.5rem 2rem !important;
    }
    .portal-section .row {
        display: initial;
    }
    .portal-section .medium-6.large-3.columns:first-of-type, .portal-section .medium-4.columns:first-of-type {
        width: 100%;
    }
    .portal-section .medium-6.large-3.columns, .portal-section .medium-4.columns {
        width: 33.33%;
    }
    .portal-section .medium-6.large-3.columns:first-of-type, .portal-section .medium-4.columns:first-of-type {
        padding: 0;
    }
    .portal-section .medium-6.large-3.columns:first-of-type, .portal-section .medium-4.columns:first-of-type {
        padding: 0 0 .875rem;
    }
}

@media only screen and (max-width:48em) {
    .portal-section .medium-6.large-3.columns, .portal-section .medium-4.columns {
        width: 100%;
    }
}




/* Quick Start Guide */

.guide-blocks {
    padding: 0 !important;
    margin-bottom: 1.75rem;
}

.guide-blocks ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.guide-blocks li {
    padding: .5rem .75rem .75rem .75rem;
}

.guide-blocks li>div {
    height: 100%;
}

.guide-blocks .row {
    margin: 0 -1.75rem;
}

.guide-blocks a img {
    max-height: 80px;
}

.guide-blocks a h3 {
    color: #fff !important;
    font-size: 1.125rem !important;
    margin: 0;
}

.guide-blocks a p {
    display:none;
}

.guide-blocks a .about-block {
    background: var(--core-blue-color);
    border-radius: 8px;
    -webkit-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.guide-blocks a .about-block:hover {
    background: var(--accent-hover-color);
}

.guide-blocks a .about-block>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.guide-section {
    padding:0 !important;
    margin-bottom: 2.5rem;
    position: relative;
}

.guide-section>div {
    background: var(--light-grey-background-color);
    padding: 2.5rem !important;
}

.guide-section .medium-6.columns {
    width: 62%;
    position:initial;
}

.guide-section .medium-6.columns:first-of-type {
    width: 38%;
}

.guide-section .medium-6:first-of-type img {
    max-width: 120px;
}

.guide-section p.back-top {
    margin: 0;
    position: absolute;
    left: 2.5rem;
    bottom: 2.5rem;
}

.guide-section h2 {
    font-size: 2rem;
    font-weight: 500;
    color: var(--secondary-color);
    border-bottom: 2px solid var(--light-grey-color);
    padding-bottom: 1rem;
}

.guide-section .medium-6:first-of-type p {
    font-size: 1.125rem;
    color: var(--grey-level-eight);
}

.guide-section .medium-6:first-of-type p:last-of-type {
    padding-bottom: 1.875rem;
}

@media only screen and (min-width:90em) {
    .guide-blocks a .about-block {
        max-height:165px;
    }
}

@media only screen and (max-width:90em) {
    .guide-blocks a .about-block {
        max-height:185px;
    }
}

@media only screen and (max-width:90em) {
    .guide-blocks, .guide-section  {
        padding: 0 1rem !important;
    }
    .guide-section p.back-top {
        left: 3.5rem;
    }
}

@media only screen and (max-width:75em) {
    .guide-section .medium-6.columns, .guide-section .medium-6.columns:first-of-type  {
        width: 100%;
    }
    .editor-content ol, .editor-content ul {
    padding-left: 0;
        margin-left: 0;
    }
    .guide-section p.back-top {
        display: block;
        position: initial;
        margin-top: 1.75rem;
    }
}

@media only screen and (max-width:60em) {
    .guide-blocks {
        margin-bottom:.5rem;
    }
    .guide-blocks ul {
        display: initial;
    }
    .guide-blocks li {
        width: 50%;
        clear: none !important;
    }
    .guide-blocks li:nth-child(3) {
        width: 100%;
    }
    .guide-blocks a .about-block {
        max-width:none;
    }
}

@media only screen and (max-width:40em) {
    .guide-blocks li {
        width: 100%;
        clear: both !important;
    }
}

@media only screen and (max-width:32em) {
    .guide-blocks li .about-block__text {
        padding:0 !important;
    }
}





/* Pricing & Features Page */

.price-title p.visible-for-small-only {
    padding-top:1.5rem;
}

.pricing-plans {
    /* max-width: 1200px; */
    margin: -29.5rem auto 2rem;
}

.pricing-plans .columns .editor-content {
    background:#fff;
    text-align:center;
    padding:2.5rem 2rem;
    border-radius:.5em;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.pricing-plans img {
    max-width: 125px;
}

.pricing-plans h2 {
    color: var(--accent-color);
    font-size: 2rem;
    font-weight: 550;
    margin: 0 0 .25rem;
}

.pricing-plans h3 {
    color: var(--dark-green-color);
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
}

/*
.pricing-plans h3 span {
    color: var(--grey-level-five);
}
*/

.pricing-plans h3.custom {
    font-size: 2.75rem;
    line-height: 60px;
    letter-spacing: -1.5px;
    word-spacing: -4px;
}

.pricing-plans h4 {
    margin-bottom: 1.5rem;
    font-weight: 300;
    font-size: 1rem;
}

.pricing-plans ul {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.pricing-plans ul li {
    margin: 0;
    list-style: none;
    line-height: 1;
}

@media only screen and (max-width:75em) {
    .pricing-plans ul li {
        line-height:1.5;
    }
    .compare {
        max-width: 100%;
        overflow-x: scroll;
    }
}

.pricing-plans ul li strong {
    font-weight: 550;
}

.price-faq .h2 {
    font-family: var(--subheading-font) !important;
    font-size: 2.5rem;
    color: var(--accent-color);
    padding: 5rem 1rem;
    margin: 0;
}

.price-faq ul.slide-accordion {
    max-width: 860px;
    margin: 0 auto 4rem;
    padding: 0 1rem;
}

.price-faq h4 {
    margin-bottom: 5rem;
}

ul.slide-accordion p {
    margin-bottom: 0;
    color: var(--font-color);
    padding-top: .75rem;
}

@media only screen and (max-width:48em) {
    .pricing-plans {
        margin-bottom: 2.5rem;
        margin: -23.5rem auto 5rem;
    }
    .pricing-plans.no-top-margin {
        margin-top:0;
    }
    .pricing-plans .columns .editor-content {
        margin-bottom:2.5em;
    }
    /* Swap text on mobile 
    
    .price-title h3 {
        text-indent:-99999px;
    }
    
    .price-title h3::before {
        text-indent: 0;
        float:left;
        width:100%;
        margin: 0 0 .875rem;
        content:'Compare plans to find one that fits your goals.';
    }
    */
}

/* Alternative Pricing Page Design */

.pricing-plans.alt-price {
    margin: 0 calc(50% - 50vw);
    max-width:none;
}

.pricing-plans.alt-price .columns:first-of-type .editor-content {
    background: none;
    box-shadow: none;
    text-align: left;
    padding-left: 1rem;
}

.pricing-plans.alt-price {
    background: rgb(202,231,218);
    background: -o-linear-gradient(315deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
    background: linear-gradient(135deg, rgba(202,231,218,1) 0%, rgba(119,204,255,1) 100%);
}

.pricing-plans.alt-price .medium-4.columns:nth-child(1n) {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pricing-plans.alt-price .medium-4.columns:nth-child(2n), .pricing-plans.alt-price .medium-4.columns:nth-child(3n) {
    position: relative;
    top: 3.25rem;
    margin-bottom: -1rem;
}

.alt-price h1 {
    font-size: 3rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-weight:550;
}

.alt-price h2 {
    font-weight: 450;
}

.alt-compare .h2.widget__title {
    text-align:left;
}

.alt-compare {
    padding: 1rem !important;
}

.alt-compare table#features {
    max-width: none;
}

.alt-compare .h2.widget__title {
    text-align: left;
    padding-top: 1rem;
    margin-bottom: 2.5rem !important;
}

.alt-price a.learn {
    color: var(--accent-color);
    margin-top: 1.25rem;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
}

.alt-price a.learn:hover {
    color:var(--accent-hover-color);
}

.alt-price .row {
    padding-right: 1rem;
    display:flex;
}

@media only screen and (max-width:77.5em) {
    .alt-price .row {
        display:initial;
    }
    .pricing-plans.alt-price .columns:first-of-type .editor-content {
        padding: 2.5rem;
    }
    .pricing-plans.alt-price .medium-4.columns:nth-child(1n) {
        width:100%;
    }
    .pricing-plans.alt-price .medium-4.columns:nth-child(2n), .pricing-plans.alt-price .medium-4.columns:nth-child(3n) {
        width:50%;
        top:0;
        margin-bottom:-5rem;
    }
    .pricing-plans.alt-price .medium-4.columns:nth-child(2n) {
        padding-left: 3rem;
    }
    .pricing-plans.alt-price .medium-4.columns:nth-child(3n) {
        padding-right: 3rem;
    }
    .alt-price h1, .alt-price h2, .alt-price p {
        text-align:center;
    }
    .alt-compare .h2.widget__title {
        text-align: center;
        padding-top: 5rem;
    }
}

@media only screen and (max-width:48em) {
    .pricing-plans.alt-price .columns .editor-content {
        margin-bottom: 0;
    }
    .pricing-plans.alt-price .medium-4.columns:nth-child(2n), .pricing-plans.alt-price .medium-4.columns:nth-child(3n) {
        width:100%;
        margin-bottom:2rem;
        padding-right:2rem;
        padding-left:2rem;
    }
    .alt-compare .h2.widget__title { 
         padding-top:1rem;
    }
    .pricing-plans.alt-price .columns:first-of-type .editor-content {
        padding: 2.5rem 1rem;
    }
}


/* Compare Plans */

.compare .h2.widget__title {
    color: var(--accent-color);
    font-family: var(--subheading-font) !important;
    font-size: 2.5rem;
    margin-bottom: 1.5em;
    text-align: left;
}

.compare #features {
    max-width: 1140px;
    margin: 0 auto 3.5rem;
    padding: 0 1rem;
}

.compare #features th {
    background: none;
    text-align: center;
    text-transform: none;
    position:relative;
}

.compare #features tbody th {
    background: var(--grey-level-three);
    text-align: left;
    font-size: 1.5rem;
    font-family: var(--subheading-font);
    color: var(--accent-color);
    padding: 1.397rem 1.5rem;
}

.compare #features tbody th p {
    font-weight: 550;
}

.compare #features tbody td {
    font-size: 1.5rem;
    color: var(--accent-color);
    font-family: var(--subheading-font);
    font-weight: 300;
    padding: 1.3815rem 1.5rem;
}

.compare #features tbody td p, .compare #features tbody th p {
    margin-bottom: 0;
}

.compare #features tbody td:first-of-type {
    width:50%;
    padding: 1.3815rem 1.5rem 1.3815rem 1.5rem;
}

@media only screen and (max-width:75em) {
    .compare #features tbody td:first-of-type {
        padding: 1.3815rem 1.5rem;
    }
}

.compare #features td, .compare #features th {
    border-color: var(--grey-level-four);
    border-width: 1px;
    border-style: solid;
}

.compare #features tbody td:nth-child(2n), .compare #features tbody td:nth-child(3n) {
    text-align: center;
}

.compare #features tbody tr:nth-child(odd) td {
    background: var(--grey-level-one);
}

.compare th.plan-title.popular:before {
    content: 'Most popular plan';
    display: block;
    background: var(--seafoam-level-six);
    position: absolute;
    top: -2.5rem;
    width: 100%;
    left: 0;
    color: var(--font-color);
    font-size: 1rem;
    padding: .5rem;
    font-weight: 600;
}

#features .plan-title {
    padding: 1.5rem 1rem .5rem !important;
    min-width: 280px;
    width: 25%;
}

#features tfoot .plan-title {
    padding: 1.5rem 1rem 0 !important;
}

#features .plan-title h4 {
    font-size: 2rem;
    color: var(--accent-color);
    font-family: var(--subheading-font);
    margin-bottom: .25rem;
    font-weight:500;
}

#features .plan-title p {
    color: var(--grey-level-seven);
    font-size: 1.125rem;
    line-height: 1.25;
}
/* Price in Compare Table */
#features .plan-title strong {
    font-size: 1.75rem;
    color: var(--dark-green-color);
    font-weight: 500;
}

#features em.fa-solid.fa-circle-check {
    color: var(--dark-green-color);
}

#features em.fa-solid.fa-minus {
    color: var(--grey-level-eight);
}

#features a.info {
    float: right;
    color: var(--grey-level-six) !important;
}

#features a.info:hover {
    color: var(--grey-level-eight) !important;
}

/* Becker Pricing Page */

.pricing-sub-text {
    margin: -35.5rem auto 1rem;
    text-align: center;
    max-width: 900px;
    color: var(--accent-color);
}

.plan-title small {
    font-size: 1rem;
    font-weight: 300;
}

th.plan-title.popular {
    background: #EAF7F1 !important;
}

.compare #features.highlight tbody tr:nth-child(even) td:nth-child(3), .compare #features.highlight tfoot th.plan-title:nth-child(3) {
    background: #EAF7F1;
}

.compare #features.highlight tbody tr:nth-child(odd) td:nth-child(3) {
    background: #E2F3EB;
}

.compare .tooltip {
    background: var(--accent-color);
    border-radius: 8px;
    font-size: .875rem;
}

.compare .tooltip.tooltip--top {
    left:-8px;
}

.compare .tooltip.tooltip--top:before {
    border-color: var(--accent-color) transparent transparent;
    border-radius: 0px;
    border-width: 8px;
    left: 12px;
}


/* Success Stories */

.stories-container {
    padding: 0 0 2.5rem !important;
}

.stories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 0;
}

.story {
    background-color: var(--accent-color);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 500px;
}

.story img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    opacity: .8;
    left: 50%;
    transform: translateX(-50%);
    min-height: 100%;
}

.story .content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    z-index: 9;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.story a {
    margin-top: auto;
    margin-bottom: 0;
    max-width: 180px;
}

.story h2, .story p {
    color:#fff;
}

.story h2 {
    margin-bottom: .25rem;
    font-size: 2rem;
    font-weight: 500;
}

.story p {
    margin-bottom: 1.125rem;
    font-size: 1.25rem;
}

/* Alternating grid layout using nth-child */
.story:nth-child(6n+1) {
    grid-column: span 1;
}

.story:nth-child(6n+2) {
    grid-column: span 2;
}

.story:nth-child(6n+3) {
    grid-column: span 2;
}

.story:nth-child(6n+4) {
    grid-column: span 1;
}

.story:nth-child(6n+5) {
    grid-column: span 3;
}

.story:nth-child(6n+6) {
    grid-column: span 3;
}

/* Alternating Style Overlays */

.story:nth-child(6n+1) .content {
    background: rgba(0, 25, 48, .95);
}

.story:nth-child(6n+1) .btn--primary {
    background:var(--cta-color);
    border-color: var(--cta-color);
}

.story:nth-child(6n+1) .btn--primary:hover {
    background:var(--cta-hover-color);
    border-color: var(--cta-hover-color);
}

.story:nth-child(6n+2) .btn--primary, .story:nth-child(6n+5) .btn--primary {
    background:var(--core-blue-color);
    border-color: var(--core-blue-color);
}

.story:nth-child(6n+2) .btn--primary:hover, .story:nth-child(6n+5) .btn--primary:hover {
    background:var(--accent-hover-color);
    border-color: var(--accent-hover-color);
}

.story:nth-child(6n+4) .btn--primary {
    background: none;
    border:1px solid #fff;
}

.story:nth-child(6n+4) .btn--primary:hover {
    background: #fff;
    color: var(--accent-color);
}

.story:nth-child(6n+2) .content, .story:nth-child(6n+5) .content, .story:nth-child(6n+3) .content {
    padding-top: 12rem;
    background: rgba(0, 25, 48, .95);
    background: linear-gradient(180deg, rgba(0, 25, 48, 0) 0%, rgba(0, 25, 48, .7) 50%, rgba(0, 25, 48, 1) 100%);
}

.story:nth-child(6n+4) .content {
    background: rgb(52, 165, 154, .95);
background: linear-gradient(235deg, rgba(52,165,154,.95) 0%, rgba(16,160,198,.95) 50%, rgba(2,158,209,.95) 100%);
}

/* Responsive design */

@media only screen and (max-width:90em) {
    .stories-container {
        padding: 0 1rem 2.5rem !important;
        margin-top: -.5rem;
    }
}

@media (max-width: 992px) {
    .stories {
        grid-template-columns: repeat(2, 1fr);
    }
    .story:nth-child(6n+1),
    .story:nth-child(6n+2),
    .story:nth-child(6n+3),
    .story:nth-child(6n+4) {
        grid-column: span 2;
    }
    .story:nth-child(6n+5),
    .story:nth-child(6n+6) {
        grid-column: span 2;
    }
}

@media (max-width: 576px) {
    .stories {
        grid-template-columns: 1fr;
    }
    .story {
        grid-column: span 1;
    }
}

@media only screen and (min-width:75em) {
    .case-studies p.muted {
        padding-right: 47% !important;
    }
}

@media only screen and (min-width:769px) and (max-width:75em) {
    .case-studies p.muted {
        padding-right: 42% !important;
    }
}

@media only screen and (max-width:40em) {
    .story img {
        max-height:150%;
        max-width: 300%;
        width:auto;
    }
}

@media only screen and (max-width:30em) {
    .story img {
        max-height: 100%;
        max-width: none;
        width: auto;
    }
}

/* Single Story */

/* Pull Quote */

.case-study .indent-list h3 {
    color: var(--accent-color);
    font-weight: 550;
}

.case-study blockquote {
    background: var(--lime-level-two);
    color: var(--accent-color);
    font-size: 1.25rem;
    font-weight: 525;
    font-family: var(--subheading-font);
    border: none;
    padding: 1.5rem 2rem;
    margin: 1.25rem 0;
}

.case-study #rightColumn {
    float: right;
    max-width: 360px;
    margin: .25rem 0 1rem 2.5rem;
}

@media only screen and (max-width:48em) {
    .case-study #rightColumn {
        float: none;
        margin:1.5rem auto;
        max-width:none;
    }
}

.case-study #rightColumn td {
    border:none;
    padding:0;
}

.case-study #rightColumn .blue-quote {
    background: var(--turquoise-level-two);
    text-align:center;
    padding: 2rem;
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.case-study #rightColumn .blue-quote p:first-of-type {
    font-size: 1.125rem;
    font-weight: 500;
}

.case-study #rightColumn .blue-quote p:last-of-type {
    margin-bottom: 0;
}

.case-study #rightColumn .story-product {
    background: var(--grey-level-one);
    padding: 2rem;
}

.case-study #rightColumn .story-product h4 {
    color: var(--accent-color);
    margin-bottom: .5rem;
}

.case-study #rightColumn .story-product img {
    max-width: 150px;
    padding-bottom: 1rem;
}

.case-study #rightColumn .story-product a, .case-study #rightColumn .story-product p:last-of-type{
    margin-bottom:0;
}

.case-study #rightColumn .story-product a {
    background: var(--core-blue-color);
}

.case-study #rightColumn .story-product a:hover {
    background: var(--accent-hover-color);
}

.case-study ul {
    padding-left: 0;
    margin-left: 2rem;
}

.case-study .big-numbers {
    width: calc(100% - 400px) !important;
    margin: .25rem 0 1.75rem !important;
}

.case-study .big-numbers td {
    text-align: center !important;
    border:none !important;
    position:relative;
    padding: .5rem 2rem !important;
}

.case-study .big-numbers td:first-of-type {
    padding-left: 0 !important;
}

.case-study .big-numbers .h1 {
    font-size: 3.75rem;
    color: var(--secondary-color);
    font-weight: 400;
    margin-bottom: .25rem;
}

.case-study .big-numbers p:last-of-type {
    margin-bottom: 0;
    font-family: var(--subheading-font);
    font-weight: 500;
}

.case-study .big-numbers td::after {
    content: '';
    width: 1px;
    height: 60px;
    background: var(--grey-level-four);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.case-study .big-numbers td:last-of-type::after {
    display:none;
}

@media only screen and (max-width:60em) {
    .case-study .big-numbers td {
        display:block;
        width:100%;
        padding: .5rem 2rem !important;
    }
    .case-study .big-numbers td::after {
        display:none;
    }
}

@media only screen and (max-width:48em) {
    .case-study .big-numbers {
        width:100% !important;
    }
}


/* Accordion Style - This should come from Foundation but TI doesn't actually use that */

/*
.slide-accordion ol {
    display: none;
    margin-left: 20px;
}
.slide-accordion li {
    margin-bottom: 10px;
}
*/

.slide-accordion {
    margin-bottom: 0;
}

.slide-accordion > li {
    background: #fff;
    padding: 1em;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
            box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
}

.slide-accordion li {
    list-style-position: inside;
    color:var(--link-color);
}

.slide-accordion li a {
    font-size: 1.125rem;
    display:inline-flex;
    width:100%;
    position:relative;
    padding-right:1.75rem;
}

ol.slide-accordion li a {
    width:calc(100% - 22px);
}


.slide-accordion > li a::after {
    content: '\f078';
    font-family: 'FontAwesome';
    color: var(--mid-grey-color);
    transition:.35s ease all;
    position: absolute;
    right: 0;
    top: 0;
}

.slide-accordion > li.open a::after {
    content: '\f077';
}

.slide-accordion li a:hover::after {
    color:var(--dark-grey-color);
}

ul.slide-accordion {
    margin:0;
    padding:0;
}

ul.slide-accordion li {
    list-style: none;
}

.slide-accordion ol {
    padding: 1em 1em 0 0;
}

.slide-accordion ol li {
    color:var(--font-color);
    list-style-type: upper-alpha !important;
}

ul.slide-accordion li .accordion-content li {
    margin-bottom: 0;
    list-style: disc;
    color: var(--font-color);
}

ul.slide-accordion li .accordion-content ol li {
    list-style-type: decimal !important;
}

ul.slide-accordion li .accordion-content ul {
    margin-bottom: .5rem;
    padding-left: 1rem;
}

ul.slide-accordion li .accordion-content ol {
    padding: 0 0 0 1em;
}

@media only screen and (max-width:75em) {
    ul.slide-accordion li .accordion-content ul, ul.slide-accordion li .accordion-content ol {
        padding-left:2rem;
    }
}

ul.slide-accordion li p a, .slide-accordion li ol a {
    display: inline;
    font-size: 1rem;
    padding-right:0;
}

.slide-accordion li p a:after, .slide-accordion li ol a:after {
    display:none;
}

/* Show Accordions in Builder Only */

.builder .slide-accordion ol, .builder .slide-accordion .accordion-content {
    display: block !important;
}


/* ALERT SECTIONS */

/* From Portal Page */

.alert-section {
    margin-bottom: 2.5rem;
    padding: 0 !important;
}

.alert-section a {
    font-weight: 600;
}

.alert-section>div {
    padding: 1.5rem !important;
}

.alert-section .widget__title {
    font-family: var(--subheading-font) !important;
    color: var(--accent-color);
    font-size: 1.125rem;
    font-weight: 550;
    margin-bottom: .5em;
}

.alert-section p {
    color: var(--accent-color);
    text-align: center;
    margin: .5rem 0 0;
}

.alert-section.warning>div {
    background: var(--lime-level-two);
}

.alert-section.attention>div {
    background: var(--seafoam-level-two);
}

@media only screen and (max-width:90em) {
    .alert-section {
        padding: 0 1rem !important;
    }
}

/* FORM ALERT REWRITES */

.alert-box.alert {
    background-color: var(--error-dark);
    border-color: var(--error-dark);
    color: #fff;
}

.alert-box.sucess {
    background-color: var(--success-dark);
    border-color: var(--success-dark);
    color: #fff;
}

/* User Signup Survey Form */

.learn.survey .application__content.application__content--survey:before {
    content: '';
    background: var(--accent-color);
    width: 100%;
    float: left;
    height: 40px;
    display: block;
    margin-bottom: 1em;
}

.learn.survey .application__content.application__content--survey .header__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1em 1em;
}

.learn.survey .application__content.application__content--survey .header__inner:before {
    content: 'Institute of Management Accountants';
    position: absolute;
    top: .675em;
    color: #fff;
    font-size: .875em;
}

.learn.survey .application__content.application__content--survey .header__title h2 {
    background: linear-gradient(135deg, rgba(202, 231, 218, 1) 0%, rgba(119, 204, 255, 1) 100%);
    margin: 0 calc(50% - 50vw) 1.5rem;
    text-align: center;
    color: var(--accent-color);
    font-size: 2em;
    padding: 1.75em;
    font-family: var(--heading-font) !important;
    font-weight: 550;
}

.learn.survey .application__content.application__content--survey .header__title br {
    display:none;
}

.learn.survey .application__content.application__content--survey .header__title  h4, .learn.survey .application__content.application__content--survey .header__title .text-xs.mb-2.mt-1 {
    text-align: center;
}

.learn.survey .application__content.application__content--survey .row:nth-child(4n) {
    border-radius: 8px 8px 0 0;
    max-width: 1000px;
    margin: 1em auto 0;
    border-style: solid;
    border-color: #D5D2D5;
    border-width: 1px 1px 0px 1px;
    float: none;
    padding: 2em 1em 0 0;
}

.learn.survey .application__content.application__content--survey .row:nth-child(5n) {
    max-width: 1000px;
    border-style: solid;
    border-color: #D5D2D5;
    border-width: 0 1px 1px 1px;
    margin: 0 auto 2em;
    border-radius: 0 0 8px 8px;
    padding:0 1em 1em 0;
}

.learn.survey .application__content.application__content--survey .header__title h4 {
    color: var(--secondary-color);
    font-size: 1.25em;
}

.learn.survey .application__content.application__content--survey input, .learn.survey .application__content.application__content--survey select {
    width: 100%;
    height: 56px;
    border-radius: 4px;
    border: 1px solid var(--light-grey-color);
    box-shadow: none;
    font-size: 1rem;
    padding: 1em 1.25em;
}

.learn.survey .application__content.application__content--survey .items__list h4, .learn.survey .application__content.application__content--survey .medium-1.columns.text-right  {
    font-size: .875rem;
    font-family: var(--font) !important;
    color: #656565;
}

.learn.survey .application__content.application__content--survey .medium-1.columns.text-right {
    padding-right: 0;
    top: -2px;
    width: 5%;
}

.learn.survey .application__content.application__content--survey .medium-11 {
    width: 95%;
}

@media only screen and (max-width:1000px) {
.learn.survey .application__content.application__content--survey .row:nth-child(4n), .learn.survey .application__content.application__content--survey .row:nth-child(5n) {
    border-width:0;
}
.learn.survey .application__content.application__content--survey .row:nth-child(4n) {
    padding-top:0;
}
.learn.survey .application__content.application__content--survey .btn--sidebar-toggle {
    display:none;
}
}
@media only screen and (max-width:48em) {
    .learn.survey .application__content.application__content--survey .header__inner:before{
    font-size:1em;
    width:100%;
    left:0;
    text-align:center;
    }
    .learn.survey .application__content.application__content--survey .header__inner .company__beta-logo {
        margin:0 auto;
    }
    .learn.survey .application__content.application__content--survey .medium-1.columns.text-right {
    width:35px
    }
    .learn.survey .application__content.application__content--survey .medium-11 {
        width:calc(100% - 35px);
    }
    .learn.survey .application__content.application__content--survey .row:nth-child(4n), .learn.survey .application__content.application__content--survey .row:nth-child(5n) {
        padding-left:1em;
    }
}



/* Random Stuff */

a.back-top {
    font-size: 1rem;
}




/* Mobile Styles */

@media only screen and (max-width:90em) {
    .hero img {
        min-height:100%;
    }
    .learn.dashboard .header--dashboard .column.small-6 {
        padding-left: 0;
    }
    .widget--catalog {
        padding: .5rem 1rem;
    }
    .learn.dashboard .widget--catalog {
        padding: 2rem 1.75rem !important;
    }

    .dashboard-widget-padding {
        padding: 2rem 1.75rem 0 !important;
    }

    .gradient-title .widget__alt-title__container {
        padding: 3rem 1rem;
    }
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .widget--support {
        padding: 0 1.5rem;
    }
}

@media only screen and (max-width:64em) {
    .widget--featured-content .medium-block-grid-4>li {
        width: 50%;
    }
}

@media only screen and (max-width:48em) {

    .widget--featured-content .medium-block-grid-4>li {
        width: 100%;
    }

    body.dashboard, body.account {
        padding-top:40px;
    }

    .dashboard .header__inner .row .column.small-6 {
        width:100%;
    }

    .widget--navbar {
        position: initial;
        border-top: 1px solid #e9e9e9;
        width: 100%;
    }

    .header .company__beta-logo {
        max-width: 100%;
        text-align: center;
        margin: 1em auto;
        width: 100%;
    }

    .header .company__beta-logo img {
        max-width:300px;
    }

    .company__school-name {
        margin: -.975rem 0 0;
    }

    .nav--top ul a, .nav--top ul button {
        padding:.75rem;
    }

    .nav--top ul::before {
        padding:.875em 0;
    }

    .nav--top li {
        float:right;
        background: rgba(255,255,255,.1);
        margin-left:2px;
    }

    .home .nav--top ul::before, .dashboard::before, .account .nav--top ul::before {
        padding:.875em 0;
    }


    /* Center Logo on Mobile for Account */
    .account .header__inner .column.small-6 {
        width: 100%;
    }

    /* Center Page Title on Mobile */

    .account .header.header--subtitle h1, .catalog-header span, .gradient-title .widget__alt-title__container {
        text-align:center;
    }

    /* Hero Updates */

    .layout__content .hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
                flex-direction: column;
        margin-bottom: 0;
    }

    .layout__content .hero picture {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .hero .hero__caption {
        text-align: center;
        padding: 3rem 2.125rem 0;
    }

    /* Side padding for captions on mobile */
    .hero .hero__caption span {
        padding: 0 1rem;
    }

    /*
    .hero .hero__caption span.h4 {
        font-size: 1rem;
    }
    */
    
    /* Move Nav Bar Icon Left */

    .top-bar .toggle-topbar button {
        padding: 0 2.5625rem 0 3rem;
    }
    .top-bar .toggle-topbar span span {
        display: block;
        margin-top: -2px;
    }

    .top-bar .toggle-topbar.menu-icon button span:after {
        left:1rem;
    }

    /* About section on homepage */

    .home-about-title {
        padding: 2rem 2rem 0 !important;
    }

     /* Catalog Updates */

    .catalog-header {
        padding:3rem 0;
    }

    /* Remove border from tabs in Recent Activity */
    .learn .dashboard-access-tabs {
        border-bottom:none;
    }

    /* Font size for Recent Activity Continue button */
    .learn .dashboard-access-list-item div a.btn.btn--primary.btn--small.m-0 {
        font-size: 1rem;
    }

    /* Catalog padding */
    .widget--catalog {
        padding: 0 .25rem;
    }

    .learn.dashboard .widget--catalog {
        padding: 1.5rem 1rem !important;
    }

    .dashboard-widget-padding {
        padding: 1.5rem 1rem 0 !important;
    }

    .home.course-group .container {
        padding-top:0 !important;
    }
    
    .course-purchase__mobile-button {
        top: initial;
        bottom: 0;
        left: 0;
        z-index: 99;
    }

    .course-purchase__mobile-button .btn--primary {
        background: var(--cta-color);
    }

    .course-purchase__mobile-button .btn--primary:hover {
        background: var(--cta-hover-color);
    }

}

@media only screen and (max-width:23em) {
    .home-about-title {
        padding: 2rem 1rem 0 !important;
    }
}

/* Get Rid of XL Container Size */
@media only screen and (min-width:1920px) {
    .home .container, .dashboard .container {
        max-width:1440px;
        min-width:initial;
    }
}


/* Cookie Popover */

.cookie-popover {
    background: var(--light-grey-background-color);
    border-top: 1px solid var(--light-grey-color);
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1.75em 1.25em 1em;
}

.cookie-popover a, .cookie-popover button {
    margin:0;
}

.cookie-popover .cookie-popover__inner {
    margin: 0 auto;
    max-width: 1375px;
    font-size: .875rem;
}

.cookie-popover .btn--primary--manager--new {
    background-color: var(--secondary-color);
    border: none;
    border-radius: 0;
    color: #fff;
    padding: .75rem 1.5rem;
}

.cookie-popover .btn--primary--manager--new:hover {
    background-color: var(--accent-hover-color);
}

@media only screen and (max-width:75em) {
    .cookie-popover {
        padding: 2em 1.75em 1.5em;
    }
    .cookie-popover .btn--primary--manager--new {
        margin-top:.5rem;
    }
}

/* Admin System Fixes */

.ember-view.header.header--secondary-manager {
    position: initial;
}

body.manager {
    padding-top:0;
}

.builder .partner-logos, .builder .widget--hero-image, .builder .gradient-title .widget__alt-title__container, .builder .full-width-section {
    width:100%;
    margin:0;
}

.learn.dashboard .panel.panel--secondary.flex.py-2.px-4.rounded, .home .panel.panel--secondary.flex.py-2.px-4.rounded, .account .panel.panel--secondary.flex.py-2.px-4.rounded {
    position: fixed;
    bottom: 0;
    z-index: 9;
    margin: 0;
    right:0;
}


/* Remove when Mobile Nav is Fixed */
/*
@media screen and (min-width:769px) and (max-width:979px) {
    .top-bar-section ul {
        display:none;
    }
}
*/

@media only screen and (min-width:769px) and (max-width:1024px) {
body.home {
    padding-top: 213px;
}
body.dashboard, body.account {
    padding-top: 147px;
}
.top-bar-section ul {width:100% !important;text-align:center;}
.top-bar-section ul li {float:initial;display:inline-block;}
.home .top-bar {
    margin: 1rem 0 .625em;
}
.top-bar {
    width:100%;
}
}

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

    .top-bar-section .dropdown {
        border-bottom:1px solid #fff;
    }

}








/* ACTUAL LEARNING CONTENT STYLES */

/* Learning Path Dashboard */

/* Make Milestone Section Full Width */

@media only screen and (min-width:90em) {
    .learning-path .learning-content-hero {
        max-height: 400px !important;
        overflow: hidden;
    }
}

.learning-path .learning-path-body.learning-path-body--primary .medium-9.medium-centered.columns ul {
    display: flex;
}

.learning-path .learning-path-body.learning-path-body--primary .medium-9.medium-centered.columns ul li.learning-path-progress-bar-item {
    flex: 1;
}


/* Panorama Specific Styles */

.no-ribbons .catalog__ribbon {
    display: none;
}

.no-prices span.catalog-grid-item__price, .no-prices span.catalog-grid-item__suggested-price {
    display: none;
}

.no-details-button .dashboard-access-list-view-detail-page {
    display: none;
}

.china-activity-title .dashboard-access .dashboard-access__header span::before {
    content: '我的课程和最近的活动';
}

.return-title-box {
    margin: -6.125rem 0 0 0;
    padding: 1rem 1rem 1rem 1.5rem !important;
    float: right;
    background: #fff;
    display: inline-block;
    width: auto;
    border-radius: 8px 8px 0 0;
}

.return-title-box p {
    padding: 0;
    margin: 0;
}

.return-title-box a {
    margin: 0 0 0 1rem;
}

@media only screen and (max-width:48em) {
    .return-title-box {
        margin: 0 1rem;
        width: calc(100% - 2rem);
        float: none;
        border-radius: 8px;
        box-shadow: 0px 0px 15px rgba(9, 44, 76, 0.16);
        text-align: center;
    }
}

@media only screen and (min-width:48.0625em) {
.home .company__school-name {
    max-width: 220px;
    line-height: 1.5;
    margin: 0;
    vertical-align: middle;
}
}
 /* Start of Cobranding Styles */
        /* Component Styles - Keyed off cobranding class */
        .cobranding.row {
            background-color: var(--light-grey-background-color);
            padding: 20px;
            margin: 0 calc(50% - 50vw);
            width: calc(100vw);
            max-width: calc(100vw);
        }

        .cobranding h3:before {
            color: red;
            content: "The Single Column Title isn't needed, Please remove: ";
        }

        .cobranding:has(details[open]) {
            padding: 40px;
        }

        .cobranding:has(details[open]) .editor-content {
            border-radius: 8px;

            margin: 0 auto;
            overflow: hidden;
            border: none;
            padding: 40px 20px 40px 40px;
            display: flex;
            flex-direction: row;
            gap: 40px;
        }

        .cobranding .editor-content {
            background: var(--accent-contrast-color);
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
            margin: 0 auto;
            border: none;
            padding: 10px 20px;
            display: flex;
            flex-direction: row;
            max-width: 900px;
            gap: 20px;
        }

        /* Image positioning - shows in collapsed state */

        
        .cobranding p {
            margin-block-start: 0;
            margin-block-end: 0;
        }
        
        /* Image Wrapper */
        .cobranding:has(details[open]) p:has(img) {
            padding: 0 60px;
            margin: 0;
            text-align: center;
            align-content: flex-start;
        }
        
        .cobranding:has(details[open]).wide p:has(img) {
            padding: 0 20px;
        }

        .cobranding p:has(img) {
            padding: 0;
            margin: 0;
            align-content: center;
        }
        
        .cobranding:has(details[open]) details p:has(img) {
            text-align: left;
            padding: 0;
        } 
        
        /* Image Sizing */
        .cobranding:has(details[open]) img {
            width: 100%;
            max-width: 100px;
            transition: var(--transition-smooth);
        }
        .cobranding:has(details[open]).wide img {
            max-width: 180px;
        }

        .cobranding:has(details:not([open])) img {
            max-height: 30px;
            height: 30px;
        }

        .cobranding details {
            background: transparent;
            border: none;
            box-shadow: none;
            margin: 0;
            border-radius: 0;
            animation: slideDown 0.5s ease-out;
            display: flex;
            justify-content: space-between;
            flex: 1;
            flex-direction: column;
        }

        .cobranding summary {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            flex: 1;
            cursor: pointer;
            border: none;
            text-align: left;
            user-select: none;
            list-style: none;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            margin: 0;
        }


        /* Chevron implementation using :after - positioned at right */
        .cobranding summary::after {
            content: "";
            background-image: url(https://unpkg.com/lucide-static@latest/icons/chevron-down.svg);
            width: 32px;
            height: 32px;
            background-repeat: no-repeat;
            background-size: 24px;
            background-position: 50%;
            display: inline-block;
            border-radius: 50%;
            padding: 8px 5px 2px;
            transition: var(--transition-smooth);
            flex: 0 0 32px;
        }

        .cobranding summary:hover::after {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .cobranding details[open] summary::after {
            background-image: url(https://unpkg.com/lucide-static@latest/icons/chevron-up.svg);
            padding: 10px 5px 0px;
        }
        
        /* First Paragraph spacing */
        .cobranding details[open] summary+p {
            margin-top: 20px;
        }

        /* Content styling when expanded */
        .cobranding details[open]+* {
            display: none;
        }

        .cobranding details p {
            padding: 0 100px 0 0;
            margin: 0 0 20px;
            line-height: 1.6;
            font-size: 16px;
            position: relative;
            transition: var(--transition-smooth);
        }

        /* Remove default marker */
        .cobranding summary::-webkit-details-marker {
            display: none;
        }

        .cobranding summary::marker {
            display: none;
        }
        
        .cobranding .widget__cta {
            padding-top: 2rem;

        }
        /* No statement version */
        .cobranding.no-statement {
            pointer-events: none;
        }

        .cobranding.no-statement summary::after {
            visibility: hidden;
        }

        .cobranding.no-statement img {
            max-height: 30px;
            height: 30px;
        }
        /* Animations */
        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .cobranding:has(details[open]) .editor-content {
                flex-direction: column;
                padding: 20px;
            }
        }

        @media (max-width: 480px) {}

        /* Reduced motion support */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* End of Cobranding Styles */

        /* Fix for Logo Size in Panos */
        .company-logo__container img {min-height:73px;}
        .learn .company-logo__container img {min-height:0;}