/************ style-b-2023.css ****************************************************************************************

VCC conventions and notes
-------------------------

Before making changes, please cansult:
J:\Marketing & Communications\WEB\Webmaster\DOCUMENTS\2016 - Documentation\Script and CSS code conventions.docx

-- remember: IDs are for JS, classes are for CSS
-- Buttons should be min 48*48px to accommodate mobile tapping
-- To differentiate between Bootstrap and VCC classes, omit the dash (-) for VCC classes: .btnLink vs .btn-default

******************************************************************************************************************/

@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,900");
@import url("//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,900");

@font-face {
    font-family: 'Source Sans Pro';
    src: url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-Black.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-BlackIt.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-Bold.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-ExtraLight.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-BoldIt.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-ExtraLightIt.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-It.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-Light.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-LightIt.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-Regular.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-Semibold.otf) format(otf), url(/media/vancouver-community-college/style-assets/fonts/sourcesanspro/SourceSansPro-SemiboldIt.otf) format(otf);
}



/* start: reskin: variables */


:root {
    /* Green shades */
    --green-100: #043d2b;
    /* Dark Green */
    --green-200: #356456;
    /* Utility Nav Green */
    --green-300: #84bd00;
    /* Original Green */
    --green-400: #adf979;
    /* Light Green */
    --green-500: #e1fdcf;
    /* Lightest Green */

    /* Gray shades */
    --gray-100: #3a4150;
    /* Body Font Gray */
    --gray-200: #616773;
    /* Dark Gray */
    --gray-300: #888c95;
    /* Medium Gray */
    --gray-400: #d7d8db;
    /* Light Gray */
    --gray-500: #f3f3f3;
    /* Lightest Gray */
}

/* end: reskin: variables */

/* Variables */

:root {
    --spacer: 12px;
    --vcc-body-text: var(--gray-100);
    --vcc-primary: var(--green-100);
    --bs-primary: var(--green-100);
    --vcc-dark: var(--green-100); /*#3A8600 ;*/
    --vcc-secondary: var(--green-400); /*#E6F2CC;*/      
    --vcc-light: var(--green-400); /*#E6F2CC;*/
    --vcc-lighter: var(--green-500); /*#F8FBF0;*/
    --vcc-grey: var(--gray-500);
    --vcc-grey-primary-contrast-text: var(--green-100);
    --vcc-indigenous-primary: #cb333b;
    --vcc-indigenous-primary-body-text: #fff;
    --vcc-indigenous-light: #ffbdc5;
    --vcc-flourish-dark-gray: #474D5E;
    --vcc-flourish-teal: #97EAD2;
}

.vcc-color-primary {
    color: var(--vcc-primary);
}

.vcc-color-dark {
    color: var(--vcc-dark);
}

.vcc-color-light {
    color: var(--vcc-light);
}

.vcc-color-lighter {
    color: var(--vcc-lighter);
}

.vcc-color-grey {
    color: var(--vcc-grey);
}

.vcc-color-grey-primary-contrast {
    color: var(--vcc-grey-primary-contrast-text);
}

.vcc-color-indigenous-primary {
    color: var(--vcc-indigenous-primary);
}
      
.vcc-color-flourish-teal {
    color: var(--vcc-flourish-teal);
}

/**
html,app
body,
#content-wrap-body { height: 100%; overflow-x: hidden; }*/

/** start: variable colors */

/** end: variable colors */

/* Container width custom to VCC */

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

.containerWide {
    /* imitate .jumbotron size */
    margin: 0 -20px;
    background-color: inherit;
}

.containerWide {
    max-width: 100%;
}

@media (min-width: 768px) {
    .containerWide {
        margin: 0 -40%;
    }

    .containerWide .jumbotron {
        padding-right: 500px;
        padding-left: 500px;
    }
}

/* when 7 cols required */
@media (min-width: 768px) {

    .seven-cols.col-md-1,
    .seven-cols.col-sm-1,
    .seven-cols.col-lg-1 {
        width: 100%;
    }
}

@media (min-width: 992px) {

    .seven-cols.col-md-1,
    .seven-cols.col-sm-1,
    .seven-cols.col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {

    .seven-cols.col-md-1,
    .seven-cols.col-sm-1,
    .seven-cols.col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }
}

/* @grid-float-breakpoint override fix for tablets (sm size). Change 992px to 1199px for md size
   http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse */


a {
    color: var(--green-100);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--green-100) !important;
    text-decoration: underline;
}



a.linkInitial {
    color: var(--green-100) !important;
    text-decoration: none !important;
}

a.linkInitial:hover,
a.linkInitial:focus {
    color: #51A100 !important;
    text-decoration: underline !important;
}

a.greenLighter,
.greenLighterLink a {
    color: inherit !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

a.greenLighter:hover,
a.greenLighter:focus,
.greenLighterLink a:hover,
.greenLighterLink a:focus {
    color: var(--green-500) !important;
    text-decoration: none !important;
}

@media print {

    a,
    a:visited,
    a * {
        color: var(--green-100) !important;
        text-decoration: underline;
    }

    a:after,
    a:visited:after,
    a *:after {
        text-decoration: none;
        display: inline-block;
    }

    a[href^=tel]:after,
    a[href^=mailto]:after {
        content: '' !important;
    }
}

/*** COLOURS ***/
.black,
.black a,
.black a:link,
.black a:visited,
.black a:hover,
.black a:focus,
.black a:active,
.blueDark,
.blueDark a:link,
.blueDark a:visited,
.blueDark a:hover,
.blueDark a:focus,
.blueDark a:active,
.blueTeal,
.blueTeal a:link,
.blueTeal a:visited,
.blueTeal a:hover,
.blueTeal a:focus,
.blueTeal a:active,
.gray,
.gray a,
.gray a:link,
.gray a:visited,
.gray a:hover,
.gray a:focus,
.gray a:active,
.grayDark,
.grayDark a,
.grayDark a:link,
.grayDark a:visited,
.grayDark a:hover,
.grayDark a:focus,
.grayDark a:active,
.green,
.green a,
.green a:link,
.green a:visited,
.green a:hover,
.green a:focus,
.green a:active,
.greenVCC,
.greenVCC a,
.greenVCC a:link,
.greenVCC a:visited,
.greenVCC a:hover,
.greenVCC a:focus,
.greenVCC a:active,
.grayDarker,
.grayDarker a,
.grayLight,
.grayLight a,
.grayLighter,
.grayLighter a,
.blue,
.blue a,
.seaBlue,
.seaBlue a,
.blueGray,
.blueGray a,
.verylightGray,
.verylightGray a,
.greenLight,
.greenLight a,
.greenDark,
.greenDark a,
.greenmintVCC,
.greenmintVCC a,
.seaGreen,
.seaGreen a,
.yellowHoney,
.yellowHoney a,
.tealLight,
.tealLight a,
.oliveGreen,
.oliveGreen a,
.red,
.red a,
.yellow,
.yellow a,
.orange,
.orange a,
.pink,
.pink a,
.pinkBorder,
.pinkBorder a,
.purple,
.purple a,
.cyan,
.cyan a,
.cyanBorder,
.cyanBorder a,
.yellowGreen,
.yellowGreen a,
.teal,
.teal a,
.teal-news,
.teal-news a,
.green-bio,
.green-bio a,
.mustard-testimonials,
.mustard-testimonials a,
.grass-events,
.grass-events a,
.muteblue-jobs,
.muteblue-jobs a,
.bluegreen-partnerships,
.bluegreen-partnerships a,
.blueteal-memberships,
.blueteal-memberships a,
.yellow-giveback,
.yellow-giveback a,
.green-galleries,
.green-galleries a {
    color: #fff;
}

.grayWhite,
.grayWhite a,
.white,
.white a {
    color: #4d4d4d;
}

@media print {
    header {
        border-width: 0 !important;
    }

    .navbar {
        display: block !important;
        border-width: 0;
    }

    .navbar.hidden-print {
        display: none !important;
    }

    .navbar img {
        width: auto !important;
    }

    a.navbar-brand[href]:after {
        content: '';
    }
}

/*
.xxx { background-color: ?; }
.xxxBorder { border-color: ?; }
.xxxText, .xxxText a,
.xxxText a:link, :visited, :hover, :focus, :active { color: ?; }
*/

.black {
    background-color: #2d2d2d;
}

/* footer links */

.blackBorder {
    border-color: #2d2d2d;
}

.blackText,
.blackText a,
.blackText a:link,
.blackText a:visited,
.blackText a:hover,
.blackText a:focus,
.blackText a:active {
    color: #2d2d2d;
}

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

/* header */

.blueDarkBorder {
    border-color: var(--green-100);
}

.blueDarkText,
.blueDarkText a,
.blueDarkText a:link,
.blueDarkText a:visited,
.blueDarkText a:hover,
.blueDarkText a:focus,
.blueDarkText a:active {
    color: var(--green-100);
}

.blueTeal {
    background-color: #51b3b4;
}

/* header international link */

.blueTealBorder {
    border-color: #51b3b4;
}

.blueTealText,
.blueDarkText a,
.blueTealText a:link,
.blueTealText a:visited,
.blueTealText a:hover,
.blueTealText a:focus,
.blueTealText a:active {
    color: #51b3b4;
}

/* verylightGray - uses:           */
/* PA filter bar background        */
/* SA programs tr:hover background */
.verylightGray {
    background-color: #f0f0f0;
}

.veryLighterBorder {
    border-color: #f0f0f0;
}

.gray {
    background-color: #4b4c4f;
}

/* subscribe box */
.grayBorder {
    border-color: #4b4c4f;
}

.grayText,
.grayText a,
.grayText a:link,
.grayText a:visited,
.grayText a:hover,
.grayText a:focus,
.grayText a:active {
    color: #4b4c4f;
}

.grayDark {
    background-color: #4d4d4d;
}

/* header myVCC link */
.grayDarkBorder {
    border-color: #4d4d4d;
}

.grayDarkText,
.grayDarkText a,
.grayDarkText a:link,
.grayDarkText a:visited,
.grayDarkText a:hover,
.grayDarkText a:focus,
.grayDarkText a:active {
    color: #4d4d4d;
}

.green {
    background-color: #7fba00;
}

/* footer */

.greenBorder {
    border-color: #7fba00;
}

.greenText,
.greenText a,
.greenText a:link,
.greenText a:visited,
.greenText a:hover,
.greenText a:focus,
.greenText a:active {
    color: #65A000;
}

/*#7fba00;*/

@media print {

    .greenText,
    .greenText a {
        color: #7fba00;
    }
}

.greenVCC {
    background-color: #62a711;
}

/* buttons */
.greenVCCBorder {
    border-color: #62a711;
}

.greenVCCText,
.greenVCCText a,
.greenVCCText a:link,
.greenVCCText a:visited,
.greenVCCText a:hover,
.greenVCCText a:focus,
.greenVCCText a:active {
    color: #62a711;
}

.greenDark {
    background-color: #819705;
}

.greenDarkBorder {
    border-color: #819705;
}

.greenDarkText {
    color: #819705;
}

.greenBorder {
    border-color: #7fba00;
}

.greenText {
    color: #65A000;
}

/*#7fba00;*/

/* oliveGreenDarkText - color uses: */
/* PA filter bar text               */
/* SA programs tr:hover text        */

.oliveGreenDarkText,
.oliveGreenDarkText a,
.oliveGreenDarkText a:link,
.oliveGreenDarkText a:visited,
.oliveGreenDarkText a:hover,
.oliveGreenDarkText a:focus,
.oliveGreenDarkText a:active {
    color: var(--green-100);
}

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

.greenLight {
    background-color: #95c62c;
}

.greenmintVCC {
    background-color: #ccea8a;
}

.grayDarkBorder {
    border-color: #4d4d4d;
}

.grayDarker {
    background-color: #3b393a;
}

.grayLight {
    background-color: #687c87;
}

.grayLighter {
    background-color: #7d7d7d;
}

.grayLighterBorder {
    border-color: #7d7d7d;
}

.grayWhite {
    background-color: #b9b9b9;
}

.white {
    background-color: #fff;
}

.blue {
    background-color: #009fdf;
}

.blueBorder {
    border-color: #009fdf;
}

.seaBlue {
    background-color: #0699bf;
}

.seaBlueBorder {
    border-color: #0699bf;
}

.blueGray {
    background-color: #687c87;
}

.blueGrayborder {
    background-color: #ccc;
}

.seaGreen {
    background-color: #01a89e;
}

.seaGreenBorder {
    border-color: #01a89e;
}

.yellowHoney {
    background-color: #c7be14;
}

.yellowHoneyBorder {
    border-color: #c7be14;
}

.tealLight {
    background-color: #73b89b;
}

.tealLightBorder {
    border-color: #73b89b;
}

.oliveGreen {
    background-color: #dbe06a;
}

.red {
    background-color: #bc0505;
}

.redBorder {
    border-color: #bc0505;
}

.yellow {
    background-color: #ffc40d;
}

.orange {
    background-color: #f89406;
}

.pink {
    background-color: #c0004e;
}

.pinkBorder {
    border-color: #c0004e;
}

.purple {
    background-color: #014a7f;
}

.cyan {
    background-color: #009fdf;
}

.cyanBorder {
    border-color: #009fdf;
}

.yellowGreen {
    background-color: #bfc942;
}

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

.teal-news {
    background-color: #05997e;
}

.teal-news-border {
    border-color: #05997e;
}

.green-bio {
    background-color: #9c0;
}

.green-bio-border {
    border-color: #9c0;
}

.mustard-testimonials {
    background-color: #b3a900;
}

.mustard-testimonials-border {
    border-color: #b3a900;
}

.grass-events {
    background-color: #659400;
}

.grass-events-border {
    border-color: #659400;
}

.muteblue-jobs {
    background-color: #0079b9;
}

.muteblue-jobs-border {
    border-color: #0079b9;
}

.bluegreen-partnerships {
    background-color: #3c9495;
}

.bluegreen-partnerships-border {
    border-color: #3c9495;
}

.blueteal-memberships {
    background-color: #51b3b4;
}

.blueteal-memberships-border {
    border-color: #51b3b4;
}

.yellow-giveback {
    background-color: #c2b800;
}

.yellow-giveback-border {
    border-color: #c2b800;
}

.green-galleries {
    background-color: #5ba20b;
}

.green-galleries-border {
    border-color: #5ba20b;
}

/*** Basic ***/
body {
    font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;
    color: #4d4d4d;
    background-color: #fff;
}

.inner-page {
    overflow-x: hidden;
}

.container-wide {
    padding-left: 5px;
    padding-right: 5px;
}

.bg-noInfo {
    background-color: #fcebf3;
    border: thin solid #e31c79;
    padding: 15px 14.7% 5px 2.3%;
    margin-bottom: 30px;
    display: none;
    visibility: hidden;
}


@media (min-width: 768px) {
    a[href^=tel] {
        color: var(--green-100);
        text-decoration: underline;
    }

    a[href^=tel]:hover,
    a[href^=tel]:active {
        color: #306f00;
        text-decoration: none;
    }
}


a.bg-noInfo:hover,
a.bg-noInfo:focus {
    background-color: #fcebf3;
}

.bg-noInfo .fa,
.bg-noInfo *[class^=fa] {
    margin: 1.2% 15px;
}

.big-gap ul li {
    line-height: 2.8em;
}

.big-gap ul li:first-child {
    margin-top: -1em;
}

.big-gap ul li>a:first-child {
    min-width: 50px;
}

.big-gap ul {
    display: table;
}

.big-gap ul li {
    display: table-row;
}

.big-gap ul li>*:first-child {
    display: table-cell;
}

.h-inline {
    display: inline-block;
    padding: 15px;
    line-height: 1.5em;
}

.copyright,
.annotation {
    text-indent: -.5em;
    padding-left: .5em;
    font-style: italic;
}

/* Programs Sub area pages on Area level */
.copyright~h1,
#content-wrap-body>h1:last-child {
    display: none;
}

.small {
    line-height: normal;
}

.badge {
    margin: 0 10px;
    padding: 3px 10px;
}

.jumbotronHead h1,
.jumbotronHead .h1 {
    margin-left: -15px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 800;
    color: #2d2d2d;
    font-size: 2.5em;
    line-height: 1.265em;
    /*1.25em*/
}

.maintitle .highlight {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0 15px;
    display: inline-flex;
    line-height: 1.2em;
}

.darkBlock,
h1 .darkBlock {
    margin-left: 0;
    display: inline-block;
    max-width: 40%;
    height: auto;
    font-weight: 300;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
}

h1 .darkBlock {
    /*display: block;*/
    padding: 5%;
    min-height: 300px;
}

@media (max-width: 768px) {

    .jumbotronHead h1,
    .jumbotronHead .h1 {
        padding-right: 0;
    }

    .darkBlock,
    h1 .darkBlock {
        max-width: 100%;
        padding: 10% 5%;
    }
}

.hdMultiSection,
.darkBlock.hdMultiSection {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    max-width: 50%;
    line-height: 1.05em;
}

.maintitle {
    letter-spacing: 2px;
}

.subtitle {
    font-size: 50%;
    line-height: 1.3em;
    padding-top: 5px;
    letter-spacing: normal;
}

.darkBlock .subtitle {
    text-transform: none;
}

@media (min-width: 768px) {

    .font-condensed {
        transform: scale(1, 1.1);
        /* W3C */
        -webkit-transform: scale(1, 1.1);
        /* Safari and Chrome */
        -moz-transform: scale(1, 1.1);
        /* Firefox */
        -ms-transform: scale(1, 1.1);
        /* IE 9 */
        -o-transform: scale(1, 1.1);
        /* Opera */
    }

}

@media (min-width:768px) {
    .hdMultiSection-main {
        font-size: 90px;
        font-weight: 800;
    }

    .darkBlock.font-condensed {
        max-width: 100%;
    }

}

.darkBlock .mainText {
    font-size: 47px;
    line-height: 1.1em;
    display: block;
}

.darkBlock .subText {
    font-size: 20px;
    line-height: 1.3em;
    padding-top: 5px;
    display: block;
}

.jumboP {
    color: #4D4D4D;
}

.jumboP,
.jumboP .lead {
    line-height: 1.5;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.7px;
}

.pr-mainbody .jumboP,
.pr-mainbody .jumboP .lead {
    font-size: 22px;
}

.font18 {
    font-size: 18px !important;
}

.font66 {
    font-size: 4em;
    /* 66px */
    font-weight: 300;
}

.font45 {
    font-size: 2.5em;
    /* 45px */
    font-weight: 300;
}

.font28 {
    font-size: 28px;
    /* 28px */
    font-weight: 300;
}

.font-w600 {
    font-weight: 600;
}

hr.greenSeparator,
hr.whiteSeparator,
hr.yellowSeparator {
    width: 49px;
    height: 3px;
    border: none;
    margin: 15px 0;
    text-align: left;
}

hr.greenSeparator {
    background-color: #7fba00;
}

hr.whiteSeparator {
    background-color: #fff;
}

hr.yellowSeparator {
    background-color: #dbde70;
}

hr.yellowSeparatorLong {
    margin: 5px;
    border: 1px solid #dbde70;
    background-color: #dbde70;
}

hr.greenSeparatorLong {
    margin: 5px;
    border: 1px solid var(--green-400);
    background-color: var(--green-400);
}

hr.whiteSeparatorLong {
    margin: 10px 115px;
    border: 1px solid #fff;
    background-color: #fff;
}

hr.whiteSeparator-25 {
    width: 25%;
    margin: 15px 0px;
    border: 1px solid #fff;
    background-color: #fff;
}

hr.whiteSeparatorLongBottom {
    margin: 30px 115px;
    border: 1px solid #fff;
    background-color: #fff;
}

.btn {
    font-size: inherit;
}

.btn:hover,
.btn:focus {
    /*border-radius: 12px;*/
}

.btn a.text-decoration-none:hover,
.btn a.text-decoration-none:focus {
    text-decoration: underline !important;
}

.btn-success     {
    /* = greenButton */
    background-color: var(--green-400);
    border: 1px solid var(--green-400);
    color: var(--green-100); !important;
}

.btn-success:hover,      
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]  {
    background-color: var(--green-100);
    color: #fff !important;
    border: 1px solid var(--green-100);
}

.btn-success:active,
.btn-success.active {
    background-color: var(--green-100);
}

/* dark */      
.btn-success.btn-dark     {
    /* = greenButton */
    background-color: var(--green-100);
    border: 1px solid var(--green-100);
    color: #fff; !important;
}

.btn-success.btn-dark:hover,      
.btn-success.btn-dark:focus,
.btn-success.btn-dark:active,
.btn-success.btn-dark.active,
.btn-success.btn-dark.disabled,
.btn-success.btn-dark[disabled]  {
    color: var(--green-100) !important;  
    background-color: var(--green-400);
    border: 1px solid var(--green-400);
}

.btn-success.btn-dark:hover::before,
.btn-success.btn-dark:focus::before,
.btn-success.btn-dark:active::before {
    background-color: var(--green-400);
    border-color: var(--green-400);
}     

      
/* Waitlist button on courses */

.btn-wait {
    /* = greenButton */
    background-color: #dbd370;
    border: 1px solid #dbd370;
    color: #4d4d4d !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-wait:hover,
.btn-wait:focus,
.btn-wait:active,
.btn-wait.active,
.btn-wait.disabled,
.btn-wait[disabled] {
    background-color: #c2c557;
    color: #4d4d4d !important;
    border: 1px solid #c2c557;
}

.btn-wait:active,
.btn-wait.active {
    background-color: #dbde70 \9;
}

.btn-success,
.btn-danger,
.btn-wait {
    padding: 10px 25px;
}

/*
.btnXxx {}
.btnXxx,
.btnXxx:link, :visited, :hover, :focus, :active { color: ?; }
*/

/* .btnBlack - 'Donate now' button on footer */
.btnBlack,
a.btnBlack,
.btnBlack:link,
a.btnBlack:link,
.btnBlack:visited,
a.btnBlack:visited {
    color: #fff;
    background-color: #000;
    /*#202020*/
    border-color: #4b4c4f;
}

.btnBlack:hover,
a.btnBlack:hover,
.btnBlack:focus,
a.btnBlack:focus,
.btnBlack:active,
a.btnBlack:active,
.btnBlack.active,
.open .dropdown-toggle.btnBlack {
    color: #fff;
    background-color: #4b4c4f;
    border-color: #4b4c4f;
}

.btnBlack:active,
.btnBlack.active,
.open .dropdown-toggle.btnBlack {
    background-image: none;
}

.btnBlack.disabled,
.btnBlack[disabled],
fieldset[disabled] .btnBlack,
.btnBlack.disabled:hover,
.btnBlack[disabled]:hover,
fieldset[disabled] .btnBlack:hover,
.btnBlack.disabled:focus,
.btnBlack[disabled]:focus,
fieldset[disabled] .btnBlack:focus,
.btnBlack.disabled:active,
.btnBlack[disabled]:active,
fieldset[disabled] .btnBlack:active,
.btnBlack.disabled.active,
.btnBlack[disabled].active,
fieldset[disabled] .btnBlack.active {
    background-color: #4b4c4f;
    border-color: #4b4c4f;
}

.btnBlack .badge {
    color: #4b4c4f;
    background-color: #fff;
}

.btnBlack-gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #2d2d2d));
    background: -moz-linear-gradient(top, #000000 37%, #2d2d2d 100%);
    background: -webkit-linear-gradient(top, #000000 37%, #2d2d2d 100%);
    background: -o-linear-gradient(top, #000000 37%, #2d2d2d 100%);
    background: -ms-linear-gradient(top, #000000 37%, #2d2d2d 100%);
    background: linear-gradient(to bottom, #000000 37%, #2d2d2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2d2d2d', GradientType=0);
    background-color: #000000;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btnBlack-gradient:hover,
.btnBlack-gradient:focus,
.btnBlack-gradient:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d2d2d), color-stop(1, #000000));
    background: -moz-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -webkit-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -o-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -ms-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: linear-gradient(to bottom, #2d2d2d 5%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#000000', GradientType=0);
    background-color: #2d2d2d;
    color: #ffffff;
}

.btnBlack-gradient2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #2d2d2d));
    background: -moz-linear-gradient(top, #000000 15%, #3e3e3e 100%);
    background: -webkit-linear-gradient(top, #000000 15%, #3e3e3e 100%);
    background: -o-linear-gradient(top, #000000 15%, #3e3e3e 100%);
    background: -ms-linear-gradient(top, #000000 15%, #3e3e3e 100%);
    background: linear-gradient(to bottom, #000000 15%, #3e3e3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3e3e3e', GradientType=0);
    background-color: #000000;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btnBlack-gradient2:hover,
.btnBlack-gradient2:focus,
.btnBlack-gradient2:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d2d2d), color-stop(1, #000000));
    background: -moz-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -webkit-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -o-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: -ms-linear-gradient(top, #2d2d2d 5%, #000000 100%);
    background: linear-gradient(to bottom, #2d2d2d 5%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#000000', GradientType=0);
    background-color: #2d2d2d;
    color: #ffffff;
}

.btnWhite {
    background-color: #ffffff;
    border: 2px solid var(--green-100);
    color: var(--green-100);
}

.btnWhite:hover {
    background-color: #84bd00;
    border: 2px solid #84bd00;
    color: #fff;
}

.btnWhite-no-border {
    background-color: #ffffff;
    color: var(--green-100);
}

.btnWhite-no-border:hover {
    background-color: #84bd00;
    color: #fff;
}

.btnWhite-to-gray {
    background-color: #ffffff;
    border: 2px solid #fff;
    color: var(--green-100);
}

.btnWhite-to-gray:hover {
    background-color: #74777a;
    border: 2px solid #74777a;
    color: #fff;
}

.btnBlueDark {
    background-color: var(--green-100);
    border: 2px solid var(--green-100);
    color: #fff;
}

.btnBlueDark:hover {
    background-color: #007BBC;
    border: 2px solid #007BBC;
    color: #fff;
}

/* .btnLink - 'contact' buttons on subarea pages */
.btnLink {
    color: #327E00;
    /*var(--green-100)*/
    background-color: #F0F0F0;
}

.btnLink:hover,
.btnLink:focus,
.btnLink:active,
.btnLink.active,
.open .dropdown-toggle.btnLink {
    color: var(--green-100);
    background-color: #D9DCDF;
}

.btnLink:active,
.btnLink.active,
.open .dropdown-toggle.btnLink {
    background-image: none;
}

.btnLink.disabled,
.btnLink[disabled],
fieldset[disabled] .btnLink,
.btnLink.disabled:hover,
.btnLink[disabled]:hover,
fieldset[disabled] .btnLink:hover,
.btnLink.disabled:focus,
.btnLink[disabled]:focus,
fieldset[disabled] .btnLink:focus,
.btnLink.disabled:active,
.btnLink[disabled]:active,
fieldset[disabled] .btnLink:active,
.btnLink.disabled.active,
.btnLink[disabled].active,
fieldset[disabled] .btnLink.active {
    background-color: #DCE1DB;
    border-color: #DCE1DB;
}

.btnLink .badge {
    color: #DCE1DB;
    background-color: #7FB501;
}

.btnLink-icon,
.btnLink-text {
    display: block;
    white-space: initial;
}

.btnLink-icon img {
    height: 36px;
    width: auto;
}

/*  = .list-unstyled
.no-bullets {
	padding-left: 0;
	list-style: none;
}
*/

/* vertical-align Classes all direct childrens
   .vmiddle - content type 'General content single line BS'
   .vtop - content type 'Sub section content BS' - accordion panels
   .vbottom - content type 'Sub section content BS' - accordion panels */
.vmiddle,
.vtop,
.vbottom {
    display: table;
}

.vmiddle>* {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.vtop>* {
    display: table-cell;
    vertical-align: top;
    float: none;
}

.vbottom>* {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}

.vmiddlepadd {
    padding: 13% 0;
}

@media (max-width: 991px) {
    .vmiddlepadd {
        padding: 5% 0;
    }
}

/*.vmiddlepadd > *:first-child { padding: 10% 0 0; }
.vmiddlepadd > *:last-child { padding: 0 0 10%; }*/
.vmiddlepadd>*:first-child {
    padding-top: 0;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* for equale height bg color of cols  */
.row.eq-height-cols {
    overflow: hidden;
}

.row.eq-height-cols [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.fill {
    display: inline-table;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

/* Firefox fix for fieldsets width */
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/* embed iframe - google map, YouTube, Vimeo */

/* overide bootstarp 56.25% to prevent bottom space in some screen sizes */
.embed-responsive-16by9 {
    padding-bottom: 60%;
}

.embed-responsive {
    position: inherit;
}

/* relative */

.embed-responsive iframe {
    max-width: 100%;
}

.fa-stack.fa-fw {
    font-size: 0.8em;
}

/* to fit .fa base size */

/** tables **/

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

@media (min-width: 991px) {

    /**	table th,
	table td {
		border:#84bd00 solid 1px;
		padding: 15px 20px;
	}
	table th {
		border-color: #75787b;
		border-right-color: #84bd00;
	}

	table th:last-child	{ border-right-color: #75787b; }

	table th {
		color: #4d4d4d;
		background-color: #f0f0f0;
		padding: 20px;
		font-weight: 500;
    	font-size: 19px;
	}

	table tr:hover {
		color:var(--green-100);
		background-color:#f0f0f0;
	}
  
    table.no-hover tr:hover {
    	color: inherit;
    	background-color: inherit;      
    } */
}

/*** responsive tables ***
 *** https://manu.ninja/responsive-tables-for-humans-web-crawlers-and-screen-readers ***/

@media (max-width: 991px) {

    /*640px*/
    thead {
        display: none;
    }

    td {
        display: block;
        position: relative;
        padding: 5px 15px;
        margin: 0;
        text-align: inherit;
    }

    tbody td:first-child {
        font-weight: bold;
    }

    tbody td:last-child {
        padding-bottom: 30px;
    }

    td:not(:empty):before {
        content: attr(data-th);
    }

    td:before {
        content: attr(data-th);
        position: absolute;
        top: 10px;
        left: 10px;
        width: auto;
        font-weight: inherit;
        text-align: left;
    }

    table td[class*=col-],
    table th[class*=col-] {
        display: block;
    }
}

tfoot {
    font-size: smaller;
}

/* div.table-responsive table */
@media (max-width: 991px) {
    .table-responsive {
        border-width: 0;
    }

    .table-responsive th {
        display: none;
    }

    .table-responsive tbody th[data-th],
    .table-responsive td,
    .table-responsive td:first-child {
        display: block;
        white-space: initial;
        width: 100% !important;
        height: auto !important;
        text-align: left !important;
    }

    .table-responsive tbody th[data-th] {
        padding-left: 10px;
    }

    .table-responsive td[data-th],
    .table-responsive td[data-th]:first-child {
        padding-left: 30%;
    }

    .pr-nav-content .table-responsive td[data-th],
    .pr-nav-content .table-responsive td[data-th]:first-child {
        padding-left: 50%;
    }

    .table-responsive td::before {
        font-weight: 600;
        top: 5px;
    }

    .table-responsive tr>td:first-child,
    .table-responsive tr>td:first-child::before {
        top: 0;
        padding-top: 20px;
    }

    .table-responsive tbody td:last-child {
        padding-bottom: 5px;
    }

}

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

    .table-responsive td[data-th],
    .table-responsive td[data-th]:first-child {
        padding-left: 50%;
    }
}

@media print {

    .table>caption+thead>tr:first-child>td,
    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>td,
    .table>thead:first-child>tr:first-child>th {
        border: 1px solid #75787b;
    }
}

.list-striped-gray>li:nth-of-type(odd),
.table-striped-gray>tbody>tr:nth-of-type(odd) {
    background-color: #F0F0F0;
}

@media (min-width: 991px) {

    table.table-striped-gray th,
    table.table-striped-gray td {
        border-width: 0;
    }
}

@media (max-width: 991px) {
    .table-striped-md>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .table-striped-md-gray>tbody>tr:nth-of-type(odd) {
        background-color: #F0F0F0;
    }

    .table-striped>tbody>tr td:last-child,
    .table-striped-gray>tbody>tr td:last-child,
    .table-striped-md>tbody>tr td:last-child,
    .table-striped-md-gray>tbody>tr td:last-child {
        border-bottom: 1px solid #84bd00;
    }

}


/* table with sub sections (example: customized fees table on programs */
.table-with-sub th,
.table-with-sub td {
    border-width: 0;
    line-height: 1.3em;
}

.table-with-sub thead th {
    border-bottom-width: 2px;
    font-weight: 600;
}

.table-with-sub tr.tr-total td {
    border-top: 2px solid #84bd00;
}

@media (max-width: 991px) {
    .table-with-sub .border-left-green {
        border-left: none !important;
    }

    .table-with-sub tr.tr-total td {
        border-top-width: 0;
    }

    .table-with-sub tr.tr-total td:first-child {
        border-top-width: 2px;
    }

    .fees-section .table-with-sub thead {
        display: inline;
    }

    .fees-section .table-with-sub td:not(:empty):before {
        /*content: attr(data-th);*/
        width: 50%;
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
    }

    .fees-section .table-with-sub td.no-show-datahd:before {
        content: "";
        width: 0;
    }
}


/*** HEADER components ***/

/* Content type 'Matrix Promo Block text' *
 * layout text/alert-bar                  */

span.alertbarPrefix {
    font-weight: bold;
}

span.alertbarTitle {}

.alertbarDesc p {
    display: inline-block;
}

.alertbarDesc a {
    padding-left: 5px;
    text-decoration: underline;
    font-size: small;
}

a.noDeco {
    text-decoration: none;
}

.alertDate {
    font-size: small;
    padding-left: 20px;
}

/* Navigation */
#megamenu-container,
#navTopMobile .panel {
    margin: 0 -15px;
}

.subnav.open {
    position: relative;
}

.logo .header-site-title {
    font-size: 2.118em;
    margin-top: 50px;
    line-height: 40px;
    font-family: 'Roboto', 'Source Sans Pro', Arial, 'EdmondSans', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    float: left;
    display: block;
}

@media (min-width: 991px) {
    #navTopMobile .logo .header-site-title {
        margin-top: 30px;
        padding-top: 15px;
        margin-left: -5%;
    }
}

.navbar-default .navbar-nav>li>a {
    color: inherit;
}

/** #navTop - top right navigation **/
#navTop,
#navPrimary {
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 480px) {
    #navTop {
        border-top: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: inherit;
        padding-bottom: inherit;
    }
}

.meta-nav {
    height: 2.15em;
}

.meta-nav>li>a,
.meta-nav>li.navbar-text {
    padding: 0 20px;
    line-height: 2.15em;
}

.meta-nav>li>a:focus,
.meta-nav>li>a:hover {
    text-decoration: underline;
    background-color: inherit;
    color: inherit;
}

.meta-nav .open>a,
.meta-nav .open>a:focus,
.nav .open>a:hover {
    background-color: inherit;
    border-color: inherit;
}

.meta-nav>li.navbar-text {
    margin-top: 0;
    margin-bottom: 0;
}

.meta-nav>li.navbar-text.border {
    margin: 0;
}

.meta-nav .fa-2x,
.site-search .fa-2x {
    font-size: 1.4em;
}

.h-inline .fa-2x {
    font-size: 1.5em;
}

.meta-nav.navbar-right .dropdown-menu {
    border: 0;
    min-width: 200px;
}

@media (min-width: 768px) {
    .meta-nav.navbar-right .dropdown-menu {
        left: 0;
    }
}

.meta-nav.navbar-right .dropdown-menu ul {
    list-style: none;
    padding: 15px;
    font-size: initial;
}

.meta-nav.navbar-right .dropdown-menu li {
    white-space: nowrap;
    padding: 3px 8px;
}

/*** Main navigation row - STICKY row***/
.row.sticky {
    background-color: rgba(0, 43, 82, 0.85);
    border-bottom: 2px solid #7fba00;
    padding: 2px 0;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 500;
}

.row.sticky .sticky-wrap {}

.row.sticky .sticky-wrap>div {
    padding-left: 0;
}

.row.sticky .site-search {
    margin-top: 6px;
}

.row.sticky #primary-nav,
.row.sticky .site-search form {
    margin-top: 0;
}

.subnav.sticky-subnav {
    background-color: rgba(77, 77, 77, 0.95);
    position: fixed;
    top: 39px;
    width: 100%;
    z-index: 600;
}

#navTop .navbar-right {
    margin-right: 0;
}

#navPrimary nav {
    font-size: 15px;
    margin-left: -30px;
    margin-top: 10px;
    text-transform: uppercase;
}

#navPrimary nav ul {
    margin: 0;
    margin-left: 15px;
}

#navPrimary nav li {
    display: block;
    float: left;
    padding: 5px 0;
}

#navPrimary nav li:hover,
#navPrimary nav li.active {
    background-color: #7fba00;
}

#navPrimary nav li:hover a,
#navPrimary nav li.active a {
    border-right-color: #7fba00;
}

#navPrimary nav li.last a {
    border-right: none;
}

#navPrimary nav a {
    border-right: 1px solid #4d4d4d;
    color: #FFF;
    padding: 0 10px;
    text-decoration: none;
}

/*** Mobile navigation ***/

#navTopMobile.navbar {
    margin-bottom: 0;
}

#navTopMobile .navbar-toggle {
    padding: 13px;
    margin: 15px 0;
    margin-right: 10px;
    width: 45px;
    border-color: #2d2d2d;
    box-shadow: 0px 0px 1px 1px #7d7d7d;
    background-color: inherit;
}

#navTopMobile .navbar-toggle:focus,
#navTopMobile .navbar-toggle:hover {
    background-color: inherit;
    border-radius: 12px;
}

/*** Main navigation - dropdowns ***/
.subnav,
#navTopMobile .navbar-collapse {
    border: none;
    border-top: 5px solid #7fba00;
    border-bottom: 1px solid #3f3f3f;
    padding-top: 10px;
}

#navTopMobile .subnav.collapse.in {
    display: block !important;
}

.subnav .row {
    /*margin: 0 -40px 20px -15px;
	padding: 0 30px;*/
    padding-left: 15px;
}

.subnav .faux-heading {
    background-color: #3b393a;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.25em;
    margin-left: -15px;
    padding: 5px 15px;
}

.subnav div[class*='offset'] .faux-heading,
.subnav .ways-to-study ul {
    margin-left: 0;
}

.subnav .row:first-child>div {}

.subnav ul,
#social-media-links p {
    padding-left: 0;
    margin-left: -15px;
}

.subnav ul.split-list li {
    float: left;
    line-height: 1.5em;
    margin-bottom: .5em;
    width: 100%;
    padding-right: 15px;
}

.subnav ul.split-list li.mega-search-buttons {
    padding-right: 0;
}

.subnav ul.split-list.split-2 li {
    width: 50%;
}

.subnav ul.split-list.split-3 li {
    width: 33.333333%;
}

.subnav ul.split-list.split-4 li,
#prog-areas-links .subnav ul.split-list.split-2 li {
    width: 25%;
}

.subnav ul.divided-list li {
    border-bottom: 1px solid #b9b9b9;
    padding: 8px 0;
}

.subnav ul.divided-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#programs-subnav .mega-search-buttons {
    border: #fff solid;
    border-width: 0 1px;
    height: 220px;
}

/*** Site search box ***/
.site-search {}

.site-search form {
    margin-top: 12px;
}

.dk_container,
.site-search input[type="text"],
.site-search select,
.site-search button,
#mob-site-search button {
    height: 30px;
}

.site-search input,
.site-search-international input {
    color: #4b4c4f;
    font-size: 14px;
    /*padding: 5px 5px 0px;*/
    padding-bottom: 0px;
    vertical-align: middle;
}

.site-search button,
.site-search-international,
#mob-site-search button {
    border: none;
    padding-top: 0;
    /*2px*/
    vertical-align: middle;
}

.dk_container {
    background-color: var(--green-100);
    display: none;
    font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;
    position: relative;
    float: left;
    vertical-align: middle;
    margin-top: 3px;
}

.dk_container a {
    cursor: pointer;
    padding: 3px 8px;
    text-decoration: none;
}

.dk_container:focus {
    outline: 0;
}

.dk_container .dk_options,
.dk_container .dk_options a {
    background-color: inherit;
}

.dk_container .dk_toggle {
    color: #fff;
}

.dk_container .dk_options {
    border: 1px solid #7fba00;
    display: none;
    left: 0;
    margin-top: 0;
    padding: 12px;
    position: absolute;
    z-index: 1000;
}

.dk_container .dk_options li:first-child {
    display: none;
}

.dk_container .dk_options a,
.dk_container .dk_options a:link,
.dk_container .dk_options a:visited {
    display: block;
}

.dk_container .dk_options li {
    display: block;
    height: 26px;
}

.dk_container .dk_options li a {
    overflow: hidden;
    width: 120px !important;
    color: #fff;
}

.dk_container .dk_options li a:hover,
.dk_container .dk_options li a:focus {
    text-decoration: underline;
}

.dk_container .dk_options .dk_options_inner {
    color: #333;
    margin: 0;
    padding: 0;
    max-height: 250px;
}

.dk_container .dk_options .dk_options_inner .dk_option_current a {
    background-color: #7fba00;
}

.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px;
}

.dk_container .dk_options_inner {
    overflow: hidden;
    position: relative;
}

.dk_open {
    position: relative;
}

.dk_open .dk_options {
    display: block;
}

.dk_open .dk_label {
    color: inherit;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

.dk_fouc select {
    position: relative;
}

/*** Mobile navigation - dropdowns ***/
#navTopMobile .panel {
    background-color: inherit;
}

/*margin: 0 -40px 0 -15px;*/

#navTopMobile .subnav {
    padding: 0;
    padding-bottom: 15px;
    background-color: #2d2d2d;
}

#navTopMobile .subnav ul {
    margin-left: 0;
    list-style: none;
}

#navTopMobile .subnav ul li {
    display: block;
    border-bottom: 1px solid var(--green-100);
    text-transform: uppercase;
}

#navTopMobile .subnav ul li a {}

#navTopMobile .subnav>div {
    padding: 15px;
    padding-bottom: 0;
}

#navTop input,
#navPrimary input,
#navTopMobile input,
#navTop select,
#navPrimary select,
#navTopMobile select,
#navTop textarea,
#navPrimary textarea,
#navTopMobile textarea {
    display: inline-block;
    margin-right: -10px;
    padding-top: 0;
    /*5px*/
    padding: 5px;
}

#navTopMobile .subnav select {
    display: inline-block;
    margin-right: -36px;
    width: 99%;
}

#navTopMobile #searchScope {
    display: block !important;
}

.innerNav img {
    height: 15px;
    width: auto;
}

.mobile-menu {
    left: 0;
    margin-bottom: 20px;
    margin-left: .625%;
    position: relative;
    top: 0;
    width: 100%;
}

.mobile-menu ul {
    list-style: none;
    margin: 0;
    width: 100%;
}

.mobile-menu ul li {
    background-color: #2d2d2d;
    border-bottom: 1px solid var(--green-100);
    clear: both;
    padding-top: 7px;
    text-transform: uppercase;
    width: 100%;
    zoom: 1;
}

.mobile-menu ul li:before,
.mobile-menu ul li:after {
    content: "";
    display: table;
    line-height: 0;
}

.mobile-menu ul li:after {
    clear: both;
}

.mobile-menu ul li a {
    display: block;
    float: left;
    padding-bottom: 5px;
    padding-left: 23px;
    width: 75%;
}

.mobile-menu ul li span.more-less {
    display: block;
    float: right;
    height: 24px;
    margin-top: 0;
    width: 24px;
}

.mobile-menu ul li span.more-less:before {
    content: "\f067";
    /* fa-plus */
    font-family: "Font Awesome 6 Pro";
    top: 0;
}

.mobile-menu ul li span.more-less:hover {
    cursor: pointer;
}

.mobile-menu ul li ul {
    display: none;
    margin: 0;
}

.mobile-menu ul li ul li {
    background-color: #4b4c4f;
    border-bottom: none;
    border-top: 1px solid var(--green-100);
    list-style: none;
    margin: 0;
}

.mobile-menu ul li ul li a {
    padding-left: 46px;
}

.mobile-menu ul li ul li:first-child {
    margin-top: 4px;
}

.mobile-menu ul li ul li span.more-less {
    background-position: 0 -24px;
}

.mobile-menu ul li ul li ul li a {
    padding-left: 69px;
}

.mobile-menu ul li.expanded {
    background-color: #4b4c4f;
}

.mobile-menu ul li.expanded>span.more-less {
    background-position: 0 -48px;
}

.mobile-menu ul li.expanded>span.more-less:before {
    content: "\f068";
    /* fa-minus */
    font-family: "Font Awesome 6 Pro";
    top: 0;
}

/* filter bar - Programs Areas page */
/* colors: verylightGray oliveGreenDarkText */

.filterBar {}

.filterBar ul {
    padding: 0 15px;
}

.filterBar li {
    line-height: 1.3em;
    text-align: center;
    padding: 15px 0;
}

.filterBar .navbar-text {
    color: #4d4d4d;
}

@media (min-width: 991px) {
    .filterBar select {
        display: none;
    }
}

@media (max-width: 991px) {
    .filterBar ul {
        display: none;
    }

    .filterBar select {
        display: inline-block;
    }

    .filterBar {
        padding: 10px;
        margin: 15px 0;
    }

}

.filterBar li.active:not(:first-child) a,
.filterBar li.active:not(:first-child) a:hover {
    background-color: #75787b;
    padding: 5px 25px;
    color: #fff;
}

.filterBar li a.extFilter:after {
    content: "\f08e";
    /* external-link */
    font-family: "Font Awesome 6 Pro";
    padding-left: 5px;
    font-size: small;
}

/*.filterBar + * + h1 { margin: 35px 0; }*/
.filterBar,
.filterBar~h1 {
    margin-bottom: 35px;
}

.filterBar~h1~.pa-teaser {
    margin-top: -35px;
}

#content-wrap-body {
    margin-bottom: 75px;
}

/*** Footer ***/

/*** hidden 'go to content' link ***/
.go-content {
    position: absolute;
}

.go-content a {
    padding: 6px;
    top: -40px;
    left: 0px;
    color: #fff;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #E31C79;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

.go-top {
    text-align: center;
    color: #508a0e;
    background: #dce1db;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 120px;
    right: 0;
    display: none;
}

a.go-top,
a.go-top:link,
a.go-top:hover,
a.go-top:focus,
a.go-top:active {
    z-index: 1000;
    color: #508a0e;
}

.go-top .fa,
.go-top *[class^=fa] {
    padding: 0;
    margin-top: 8px;
}

/*** extras ***/
.spacer-md {
    /* same as .contentGroup, .contentLine-group line 1315 */
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 20px;
    padding-bottom: 0;
}

.spacer {
    /* same as .contentGroup, .contentLine-group line 1315 */
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 0;
}

.spacer-2x {
    /* same as .contentGroup, .contentLine-group line 1315 */
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 0;
}

@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .spacer {
        display: none !important
    }

    .spacer.visible-print-block {
        display: block !important;
    }

    .page-break {
        display: block;
        page-break-before: always;
        break-before: always;
    }
}


/**** SPECIFIC STYLES ****/
/* some of the content types' layouts have inline styles
   to allow selective-output styling elements (bg colours or images) */

/* content type '2 Columns BS',
   content type '3 Columns BS' */

.container2cols,
.container3cols {
    margin-bottom: 65px;
}

.left2cols,
.right2cols {
    padding: 0 15px;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-size: cover;
    background-position: center bottom;
}

@media (min-width: 991px) {

    .left2cols,
    .left3cols,
    .left2cols h3,
    .left3cols h3 {
        padding-left: 0;
    }

    .right2cols,
    .right3cols {
        padding-right: 0;
    }
}

@media print {

    .left2cols,
    .right2cols {
        padding: 0;
    }
}

.left2cols>.row,
.right2cols>.row {
    margin-right: 0;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.leftContent2cols,
.rightContent2cols {
    background-position: center;
    background-size: cover;
}

.fillImg {
    margin: 0;
}

.fillImg img {
    width: 110% !important;
    height: auto !important;
    max-width: 110%;
    display: block;
}

h1+.fillImg img {
    width: 100% !important;
}

h1+.fillImg {
    padding: 0;
}

h1+.fillImg:empty+.spacer-md,
div.fillImg:empty,
span.fillImg:empty {
    display: none !important;
}


@media (min-width: 991px) {

    .left2cols>.leftContent2cols,
    .right2cols>.rightContent2cols {
        overflow: visible;
    }

    /* hidden?*/
    .leftContent2cols .fillImg,
    .left3cols .fillImg {
        margin-right: -15px;
    }

    .rightContent2cols .fillImg,
    .right3cols .fillImg {
        margin-left: -15px;
    }
}

@media (max-width: 991px) {

    .leftContent2cols .fillImg,
    .rightContent2cols .fillImg,
    .left3cols .fillImg,
    .right3cols .fillImg {
        margin: 0 -15px;
    }

    .rightContent2cols {
        margin-top: 30px;
    }
}

/* content type '3 Columns BS' */

.header3cols>div,
.header3cols h2 {
    padding: 15px 0;
}

/* content type 'Hero header BS' *
   layout text/html              */

.jumbotronHead {
    margin-bottom: 0;
    background: #666 center center no-repeat;
    background-origin: border-box;
    background-size: cover;
}

.container .jumbotronHead,
.container-fluid .jumbotronHead,
.containerWide .jumbotronHead {
    border-radius: 0;
    padding: 0;
    min-height: 307px;
    /*300px*/
}

@media (max-width: 992px) {

    .container .jumbotronHead,
    .container-fluid .jumbotronHead,
    .containerWide .jumbotronHead {
        margin-top: 15px;
    }
}

@media print {

    .container .jumbotronHead,
    .container-fluid .jumbotronHead,
    .containerWide .jumbotronHead {
        min-height: inherit;
    }

    .jumbotronHead {
        background: none;
    }

    .maintitle .highlight {
        background: none;
        color: inherit;
    }
}

/* content type 'General content single line BS' *
 * layout text/html                              */

.contentLine-group {
    padding-bottom: 20px;
}

.contentLine-text {
    line-height: 1.3em;
}

/* layout text/btnLink                           */
.btnLinkContainer {
    padding: 20px 15px;
    margin: 15px 0;
}

/* content type 'General content collapsible BS' *
 * layout text/html
 */
.panel-heading,
.panel-heading *,
.panel-body {
    outline: none;
}

.contentPanelLn {}

.panel-default>.contentPanelLn-heading {
    background-color: #fff;
    border-color: #fff;
}

.contentPanelLn-heading {
    padding: 10px 15px 10px 0;
}

.contentPanelLn-title {
    margin-top: -5px;
    margin-left: 0;
    cursor: pointer;
}

.contentPanelLn-title>* {
    margin-top: -10px;
    margin-bottom: -10px;
    padding: 15px 20px 15px 30px;
    border: 1px solid #009FE0;
    border-width: 1px 0;
}

.contentPanelLn-title:hover>* {
    background-color: #f0f0f0;
}

.contentPanelLn-title>span {
    border-width: 1px 0;
}

.contentPanelLn-title>span:first-child {
    border-left-width: 1px;
    border-right-width: 1px;
}

.contentPanelLn-title>span:first-child:empty {
    border-right-width: 0;
}

.contentPanelLn-title>span:last-child {
    border-right-width: 1px;
    padding-left: 0;
}

.contentPanelLn-title>span.contentPanelLn-ttext:nth-last-child(2) {
    border-right-width: 0;
}

.contentPanelLn-title>span.contentPanelLn-caret {
    border-left-width: 0;
}

span.contentPanelLn-icon {
    padding: 15px 1%;
}

span.contentPanelLn-icon * {
    vertical-align: -15%;
    width: 1.28571429em;
    /* fa-fw properties */
    text-align: center;
    color: var(--green-100);
}

span.contentPanelLn-icon img {
    height: 23px;
    width: auto;
}

.contentPanelLn-ttext {
    font-size: 1.2em;
}

.contentPanelLn-caret .glyphicon {
    font-size: 20px;
    font-weight: 600;
    vertical-align: sub;
}

/* Green panels */

.panel-green .contentPanelLn-title>* {
    background-color: #84bd00;
    border: 2px solid #84bd00;
    color: #000;
}

.panel-green .collapsed .contentPanelLn-title>* {
    background-color: #ffffff;
    border: 2px solid #84bd00;
    color: var(--green-100);
}



.panel-green .contentPanelLn-title>span.contentPanelLn-ttext:nth-last-child(2),
.panel-green .contentPanelLn-title>span.contentPanelLn-caret {
    border-width: 0 0 1px 0;
}

.panel-h4 h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: normal;
    padding-bottom: 4px;
    padding-left: 0;
}

.panel-h4 p+h4 {
    margin-top: 7px;
}

/* content type 'General content collapsible BS' *
 * layout: text/img-header                       */

.contentPanel-heading {
    padding-left: 0;
    height: 250px;
    position: relative;
}

.contentPanel-group .panel-default {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #ddd;
    border-top-width: 0;
    padding-bottom: 40px;
}

.panel-group.contentPanel-group .panel {
    margin-bottom: 20px;
}

.contentPanelLn-panel {
    padding: 0;
    border-width: 0;
    box-shadow: none;
}

@media (max-width: 991px) {
    .panel-group.contentPanel-group .panel {
        margin-bottom: 20px;
        padding: 0;
    }
}

h4.contentPanel-title {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    padding: 10px;
    height: 100px;
}

h4.contentPanel-title * {
    opacity: 1;
}

h4.contentPanel-title,
h4.contentPanel-title>* {
    width: 100%;
    position: absolute;
    bottom: 0;
    letter-spacing: 0.5px;
}

@media print {

    .contentPanelLn-title>span,
    .contentPanel-body {
        border-width: 0 !important;
    }

    .contentPanelLn-icon,
    .contentPanelLn-caret {
        display: none;
    }

    .contentPanel-body>*[class*=offset] {
        margin-left: 0 !important;
    }

    .collapse {
        display: block;
    }
}


/* content type 'Hero header BS'             *
   layout text/tile                          *
   (Sub areas list under single Program area */

/* content type 'Program area single BS'     */
/* 768px => 767px */


/* desktop / ipad view
   ------------------- */

.noBorder {
    border-width: 0 !important;
    box-shadow: none;
}

.pa-tileImage {
    min-height: 200px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

/* sub-area link on a single area page */
.pa-fulltextLink {
    margin-top: -45px;
    margin-right: 15px;
    border-radius: 0;
}

/* programs links on a single area page */
.pa-saProgLinks-title {
    font-size: 17px;
    font-weight: 300;
    padding: 0 20px;
}

.pa-saProgLinks {}

/* when hover tile - Mimic btn-success */
.h4Hover .pa-heading {
    background-color: #84bd00 !important;
}

.h4Hover .pa-title {
    background-color: #84bd00 !important;
    color: #fff !important;
    border: 1px solid #84bd00;
}

.pa-teaser {
    padding: 0 15px 30px;
}

.pa-teaser-list {
    margin-bottom: 5px;
    /*20px*/
    padding: 0 20px;
}

/*.pa-linksBadge { font-size: 90%; }*/

.pa-linksBadge a {
    display: block;
    line-height: 1.4em;
    padding: 10px 20px;
}

.pa-linksBadge a:nth-child(even) {
    background-color: var(--green-500);
}
      
.pa-accordionM .pa-linksBadge a {
    background-color: var(--gray-500);
    border-bottom: 1px solid #ddd;
}      

/* zebra lines */
.pa-linksBadge .a-span-left {
    width: 75%;
}

.pa-linksBadge .a-span-right {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 25%;
    float: right;
}

.pa-linksBadge .caption {
    font-style: italic;
    width: 100%;
    display: inline-block;
}

.pa-linksBadge .caption .a-span-left {
    min-width: 75%;
}

.pa-linksBadge .caption .a-span-right {
    font-weight: normal;
}

.pa-linksBadge .badge {
    background-color: var(--green-100);
    vertical-align: baseline;
}

.pa-linksBadge .badge a {
    color: #fff;
    text-decoration: none;
}

@media print,
(max-width: 991px) {
    .panel-group.contentPanel-group .panel.pa-container {
        margin-bottom: 0;
        padding: 0 15px;
    }
}

/* mobile view
   ----------- */

/* 'Read More' link
   (Program Area single page > programs list on mobile) */

.moreLink {
    margin: 20px 15px 0 0;
    color: #508a0e;
}

.moreLink .fa,
.moreLink *[class^=fa] {
    padding-left: 5px;
    color: #508a0e;
    font-size: 1.5em;
}

@media (max-width:767px) {
    .moreSpanHide {
        display: none;
    }
}

.toggleAll {
    border-bottom: 2px solid #ddd;
    color: #508a0e;
    /*2b45d9*/
    margin: 0;
    padding: 15px;
}

.toggleAll:after,
.toggleAll.allActive:after,
.pa-heading .contentPanelLn-ttext:after {
    font-size: 100%;
    color: #043d2b;
    padding-left: 5px;
    vertical-align: top;
    position: static;
    float: right;
}

.toggleAll:after,
.toggleAll.allActive:after {
    margin-right: 0px;
    padding-left: 15px;
    font-size: 120%;
}

.toggleAll:after,
.pa-heading.collapsed .contentPanelLn-ttext:after {
    content: "\f078"; /* fa-chevron-down */
    font-family: "Font Awesome 6 Pro";
}

.toggleAll.allActive:after,
.pa-heading .contentPanelLn-ttext:after {
    content: "\f077"; /* fa-chevron-up */
    font-family: "Font Awesome 6 Pro";
}


.pa-accordionM { 
  border: 0;
  border-bottom: 2px solid #ddd;  
}      

@media print,
(max-width: 767px) {

    .pa-container {
        margin-bottom: 0;
    }

    .pa-heading,
    .contentPanel-heading.pa-heading,
    .pa-container .panel-heading.collapsed {
        height: auto;
        background-color: #fff;
    }

    .pa-container:nth-child(2n+2) .panel-heading,
    .pa-container:nth-child(2n+2) .in {
        background-color: #F9F9F9;
    }

    .pa-container .panel-heading.collapsed,
    .pa-container:nth-child(2n+4) .panel-heading,
    .pa-container:nth-child(2n+4) .in {
        background-color: #fff;
    }

    .pa-container .pa-heading.collapsed,
    .pa-container .in {
        border-bottom: 1px solid #ddd;
    }

    .pa-linksBadge {
        padding: 0;
        font-size: 100%;
    }

    .pa-linksBadge>span,
    .pa-linksNoBadge li {
        line-height: 1.8em;
        padding: 10px 0;
    }
}

.pa-heading {
    height: 274px;
}

/*285px*/

@media print,
(max-width: 991px) {
    .pa-heading {
        max-height: 180px;
    }
}

h4.pa-title.autoHeight {
    height: auto;
}

h4.pa-title {
    height: 45px;
    padding: 7px 20px;
}

.sa-headLink h4.pa-title {
    height: auto;
}

@media print,
(max-width: 767px) {
    a.sa-headLink {
        padding-bottom: 15px;
    }

    a.sa-headLink>.pa-heading {
        padding-bottom: 0;
    }

    .pa-linksBadge>span,
    .pa-linksBadge>a {
        display: block;
    }

    .pa-linksBadge>a>span {
        display: inline-block;
        line-height: 2em;
        /*1.3em*/
    }

    .pa-linksBadge>a .badge {
        margin: 0;
    }

    .pa-linksBadge>a .a-span-right {
        text-align: right;
    }
}

/* Multiple Programs Areas page - .NOGRID */

.panel-group.nogrid .panel+.panel {
    margin-top: 0;
}

@media (min-width: 992px) {
    /*.nogrid .pa-container.col-md-6:first-child*/
    .nogrid .pa-container:nth-child(odd) {
        padding-right: 50px;
    }

    /*.nogrid .pa-container.col-md-6:nth-child(3)*/
    .nogrid .pa-container:nth-child(even) {
        padding-left: 50px;
    }

    .panel-group.nogrid .panel,
    .panel-group.nogrid .panel.pa-container {
        margin-bottom: 100px;
    }
}


/* Single Program Area - .GRID  - Masonry (pinterest like) layout

.pa-subContainer { border: 1px solid silver; }
.grid .pa-container,
.grid-item { margin-bottom: 50px; }

@media (min-width: 767px) {
	.grid.pa-tiles{
		padding: 0;
		margin: 0 -30px 0 -15px;
	}

	.grid-sizer,
	.grid .pa-container,
	.grid-item {
		width: 48%;
		padding:0;
	}

	.gutter-sizer { width: 2% ; }
}
 */

/* Single Program Area - .NOGRID */
h4.pa-title:after,
a.sa-headLink h4:after {
    content: "\f105"; /* angle-right */
    font-family: "Font Awesome 6 Pro";
    vertical-align: bottom;
    padding-left: 5px;
}

.pa-CS h4.pa-title:after,
.pa-CS a.sa-headLink h4:after {
    content: "\f35d";
}

.pa-CS .pa-saProgLinks-title a:after {
    content: "\f35d";
    /* external-link-alt */
    font-family: "Font Awesome 6 Pro";
    vertical-align: baseline;
    padding-left: 10px;
}

@media (min-width: 767px) {
    a.sa-headLink .pa-heading {
        background: #fff center no-repeat;
        background-size: contain;
        padding-right: 0;
        margin-right: 15px;
        max-height: 235px;
    }

    .nogrid .pa-container.col-md-6:nth-child(2) {
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    a.sa-headLink .pa-heading {
        background-image: none !important;
        background-color: #fff !important;
    }

    a.sa-headLink h4 {
        position: relative;
    }
}

a.sa-headLink h4 {
    background-color: var(--green-100);
}

.pa-CS a.sa-headLink h4 {
    background-color: #647982;
}

a.sa-headLink:hover h4 {
    background-color: #84bd00;
}

a.sa-headLink+.panel-collapseD {
    padding-top: 15px;
}

.pa-saProgLinks-title,
.pa-saProgLinks.list-unstyled,
.pa-saCS-streams ul {
    padding: 0;
    margin-right: 15px;
}

/*
.pa-saProgLinks li,
.pa-saCS-streams li { 
  line-height: 1.4em;
  padding: 0 20px;
 }
*/

.pa-saProgLinks-title>* {
    padding: 10px 15px;
}

.pa-saProgLinks li,
.pa-saCS-streams li {
    line-height: 1.4em;
    padding: 10px 20px;
}
      

.pa-saProgLinks>li:nth-child(odd),
.pa-saProgLinks .moreSpan > li:nth-child(even),
.pa-saProgLinks>li:nth-child(odd) > *,
.pa-saProgLinks .moreSpan > li:nth-child(even) > *,
.pa-saCS-streams li:nth-child(odd),
.pa-saCS-streams .moreSpan > li:nth-child(even) { background-color: var(--green-500); } /* #f0f3f6 */

@media (min-width: 992px) {

    .pa-saProgLinks li>* {
        padding-left: 0;
    }

    .pa-saProgLinks-title>*:last-child,
    .pa-saProgLinks li>*:last-child {
        padding-left: 0;
        padding-right: 5px;
    }

    .pa-saProgLinks-title>*:last-child {
        padding-left: 0;
        margin-left: -20px;
    }
}

@media (max-width: 991px) {

    .pa-saProgLinks-title,
    .pa-saProgLinks.list-unstyled,
    .pa-saCS-streams ul {
        padding: 0;
        /*margin-right: 0;*/
        /*margin-left: -15px*/
    }

    .pa-saProgLinks li,
    .pa-saCS-streams li {
        display: flex;
        flex-direction: column;
    }

    .pa-saProgLinks li .pr-credential {
        font-size: 16px;
        padding-top: 0;
    }

    .pa-saProgLinks li>*:first-child {
        padding-bottom: 0;
    }

    .pa-saProgLinks li>*.crsLink:first-child {
        padding-bottom: 10px;
    }

    .pa-saProgLinks li .pr-credential:before {
        content: '\f5f3';
        /* fal fa-file-certificate */
        font-family: "Font Awesome 6 Pro";
        margin-right: 10px;
        font-weight: 300;
    }
}

/** Programs areas list and single - print (mimic mobile) **/

@media print {
    .pa-container.hidden-xs {
        display: none !important;
    }

    .pa-container.hidden-md {
        display: block !important;
    }

    .toggleAll:after,
    .toggleAll.allActive:after,
    .pa-heading .contentPanelLn-ttext:after {
        content: '' !important;
    }

    .pa-heading {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 2px solid #ddd;
    }

    .pa-linksBadge a:nth-child(even) {
        background-color: var(--green-500) !important;
    }

    /* zebra lines */
    .pa-linksBadge .badge {
        font-size: 90%;
    }

    .pa-container .pa-heading.collapsed,
    .pa-container .in {
        border-bottom-width: 0;
        padding-bottom: 0;
    }

    .pa-container .panel-body {
        padding-top: 0;
    }
}



/* content type 'Factoid box BS' */
.factBox {
    display: table-cell;
    border-collapse: separate;
    border: 5px solid;
    padding: 5px 15px 15px;
    min-height: 190px;
}

.factFigure {
    white-space: nowrap;
    line-height: 1.1em;
}

.factFigure sup {
    font-size: 50%;
}

.factFigure sub {
    bottom: 0;
    font-size: 50%;
}

.factFigure .btn {
    font-size: 18px;
    margin-top: 15px;
}

.factText {
    font-size: 20px;
    line-height: 1.7em;
    font-weight: 400;
}
 
.container-pr-factbox-m .pr-factbox:empty { background-color: #fff; display:none; }
      
@media (min-width: 991px) {
  .container-pr-factbox-m { display: none!important; }
}

/* content type 'Program Info Holder' *
 * layout: text/progline              */

.progline .fa-2x {
    font-size: 1.4em;
}

.progline .proglineFee .fa-2x {
    font-size: 1.2em;
}

.progline .fa-2x {
    padding-right: 5px;
}

@media (min-width: 991px) {

    table.progrmasLines th,
    table.progrmasLines td {
        border-width: 0;
        background-color: inherit;
        color: inherit;
    }
}


.progFull hr,
.progPart hr,
.crsPart hr {
    padding: 0;
    border: none;
    text-align: center;
    margin: 0;
    overflow: visible;
}

.progFull hr {
    border-top: 1px solid var(--green-100);
    color: var(--green-100);
}

.progPart hr {
    border-top: 1px solid var(--green-100);
    color: var(--green-100);
}

.progFull hr:after {
    content: "FULL - TIME";
}

.progPart hr:after {
    content: "PART - TIME";
}

.progFull hr:after,
.progPart hr:after,
.crsPart hr:after {
    display: inline-block;
    position: relative;
    top: -0.8em;
    font-size: 1.2em;
    padding: 0 0.5em;
    background: white;
}

.crsPart {
    border-bottom: 1px solid #a5e6ef;
    padding-bottom: 15px;
    margin-top: 60px;
}

.prgPart.hidden+.crsPart {
    margin-top: 0;
}

.crtPart-callout {
    padding: 20px;
    padding-left: 0;
}

.crtPart-callout:before {
    content: "\f0da";
    /*fa-caret-right*/
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #84bd00;
    font-size: 32px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    border-left: 5px solid #84bd00;
}

.crtPart-callout .bs-callout-text {
    display: table-cell;
    padding-top: 10px;
}

table.progrmasLines tr.progFullHead th {
    background-color: #f0f0f0;
    border-top-color: #f0f0f0;
}

table.progrmasLines tr.progPartHead th {
    background-color: var(--green-500);
    border-top-color: var(--green-500);
    color: var(--green-100);
}

@media print {
    span.progH3 {
        white-space: nowrap;
        font-size: 1.2em;
        padding: 0 0.5em;
    }

    span.progH3:before,
    span.progH3:after {
        border-top: 1px solid var(--green-100);
        content: '';
        display: inline-block;
        position: relative;
        top: -0.2em;
        width: 45%;
    }

    span.progH3:before {
        right: 1.5%;
    }

    span.progH3:after {
        left: 1.5%;
    }
}

.progrmasLines>tbody .pr-length-to {
    display: none;
}

.progrmasLines>tbody.progPart .pr-length-to {
    display: inline;
}

.progrmasLines>tbody.progPart .pr-length-to:before {
    content: '-';
    margin-left: 0;
}

.progrmasLines>tbody.progFull tr td {
    border-top: 1px solid #d1d7db;
}

.progrmasLines tr.full-time:last-of-type>td {
    border-bottom: 1px solid #687c87;
}

.progrmasLines>tbody.progPart tr td {
    border-top: 1px solid var(--green-400);
}

.progrmasLines tr.part-time:last-of-type>td {
    border-bottom: 1px solid var(--green-400);
}

.progrmasLines>tbody>tr:first-child>td,
.progrmasLines>tbody>tr:nth-child(2)>td {
    border-width: 0;
}

.table.progrmasLines>tbody+tbody {
    border-top-width: 0;
}

.progrmasLines tbody.progFull+tbody.progPart>tr:first-child>td {
    padding-top: 70px;
}

.progrmasLines tbody.progFull.hidden+tbody.progPart>tr:first-child>td {
    padding-top: 20px;
}

@media (min-width: 991px) {
    .progrmasLines>tbody>tr:first-child>td {
        padding: 20px 0;
    }

    .progrmasLines>tbody.progFull tr.progFullHead+tr td,
    .progrmasLines>tbody.progPart tr.progPartHead+tr td,
    tr.progFullHead+tr td,
    tr.progPartHead+tr td {
        border-top-width: 0;
        padding-top: 25px;
    }
}

@media print,
(max-width: 991px) {

    /* 640px */
    .progrmasLines>tbody.progFull>tr:nth-of-type(odd) {
        background-color: #f0f0f0;
    }

    .progrmasLines>tbody.progPart>tr:nth-of-type(odd) {
        background-color: #edf4f7;
    }

    .progrmasLines>tbody.progFull>tr:first-child {
        background-color: inherit;
    }

    .progrmasLines>tbody.progPart>tr:first-child {
        background-color: inherit;
    }

    .progrmasLines>tbody.progFull>tr>td,
    .progrmasLines>tbody.progPart>tr>td {
        border-top-width: 0;
        line-height: 1em;
    }

    .progrmasLines>tbody.progFull>tr>td.proglineTitle,
    .progrmasLines>tbody.progPart>tr>td.proglineTitle {
        line-height: 1.7em;
    }

    .progrmasLines>tbody.progFull>tr:first-child>td,
    .progrmasLines>tbody.progPart>tr:first-child>td,
    .progrmasLines>tbody.progFull>tr:last-of-type>td,
    .progrmasLines>tbody.progPart>tr:last-of-type>td {
        border-bottom-width: 0;
    }

    .progrmasLines>tbody>tr>td:last-child,
    .progrmasLines>tbody.progFull>tr:last-of-type>td:last-child,
    .progrmasLines>tbody.progPart>tr:last-of-type>td:last-child {
        border-bottom-width: 1px;
    }

    td:first-child {
        font-weight: bold;
    }

    .progrmasLines td:before {
        content: '';
    }

    .progrmasLines .proglineTitle {
        padding-top: 50px;
        line-height: 1.7em;
        font-size: 20px;

    }

    .progrmasLines .proglineStart {
        padding-bottom: 50px;
    }

    .progrmasLines .proglineMore {
        text-align: right;
        padding-bottom: 15px;
        border-top-width: 0;
    }
}

@media (max-width: 991px) {
    .progrmasLines>tbody[class=progFull]:last-of-type>tr:last-child>td {
        border-bottom-width: 0;
    }

    .progrmasLines>tbody[class=progFull]:last-of-type>tr:last-child>td:last-child {
        border-bottom: 1px solid #687c87;
    }

    .progrmasLines>tbody[class=progPart]:last-of-type>tr:last-child>td {
        border-bottom-width: 0;
    }

    .progrmasLines>tbody[class=progPart]:last-of-type>tr:last-child>t:last-child {
        border-bottom: 1px solid #4bcedf;
    }
}

@media print {
    .progrmasLines .proglineMore {
        text-align: left;
    }
}

.coursesLines h4 {
    border-bottom: 1px solid #84bd00;
    padding-left: 0;
}

.coursesLines .subjGroup {
    margin-bottom: 60px;
    display: inline-block;
}

.coursesLines .subjGroup:first-of-type {
    margin-top: 20px;
}

.subjGroup>.crsCol {
    padding: 0;
}

.coursesLines .crsLine {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5em;
}

.coursesLines .crsLine:nth-child(odd) {
    background-color: #f0f0f0;
}

@media (min-width:991px) {
    .subjGroup>div.col-md-6 {
        width: 49%;
    }

    .subjGroup>div.col-md-6:nth-of-type(2) {
        margin-left: 2%;
    }
}


/* content type 'Carousel BS' */

.cycle-slideshow,
.cycle-slideshow>* {
    width: 100%;
    height: auto;
}

.cycle-slideshow {
    overflow: hidden;
}

.cycle-slideshow>* {
    float: none;
}

.cycle-slideshow>*>img {
    width: 100% !important;
    height: auto !important;
    max-height: 350px;
}

.cycle-slide {
    display: none
}

.cycle-slide:first {
    display: block
}

.cycle-carousel-wrap {
    top: 0 !important;
}

/* If using Jquery Enhanced */
.cycle-slideshow .spanWrap.col-md-12 {
    padding: 0 15px;
}

.carouselNav {
    text-align: center;
    margin: 15px auto;
    padding-bottom: 15px;
}

.carouselNav .fa,
.carouselNav *[class^=fa] {
    margin: 0 5px;
    color: #8e8d8d;
    cursor: pointer;
}

.carouselNav .navPager {
    font-size: x-large;
    vertical-align: super;
    margin: 0 50px;
}

.carouselNav .navPager a {
    display: none;
    visibility: hidden;
}

.carouselNav .navPager a.cycle-pager-active {
    display: inline;
    visibility: visible;
    /* initial - doesn't work on IE */
    pointer-events: none;
    cursor: default;
    color: inherit;
}

/* content type 'Program Highlights - Testimonials single' *
   layout text/item                                        */

.quotContainer {
    padding: 80px 10% 50px;
    border-left: 0;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5em;
}

.quotContainer .qoutText,
.quotContainer footer {
    color: inherit;
}


@media (min-width: 992px) {
    .quotText>div {
        margin: 0.3em 0 0 4.5em;
    }
}

.quotContainer footer:before {
    content: '';
}

/*\00A0*/

/* content type 'Featurettes BS'              *
 * Also in use on content type '2 Columns BS' */

.marketing {
    margin-bottom: 15px;
}

.marketing h3,
.featurette-colText h3 {
    padding: 15px 0;
}

.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
}

.featurette {
    background-color: #fff;
}

.featurette-divider {
    /* hr tag */
    margin: 0 0 14px;
    border-color: transparent;
}

.featurette-divider-hide .featurette-divider {
    display: none !important;
}

.featurette.right2cols {
    padding: 0;
}

.featurette-colText {
    padding: 0 20px 20px;
}

@media print {
    .featurette-colVid {
        text-align: center;
        border: 1px solid var(--green-100);
        padding: 0 20px 20px;
    }
}

.featurette-colText>div {
    font-size: 18px;
}

.featurette-colImg,
.featurette-colVid {
    padding: 0;
}

.leftContent2cols .featurette-colImg,
.rightContent2cols .featurette-colImg,
.leftContent2cols .featurette-colVid,
.rightContent2cols .featurette-colVid {
    margin: 0 -15px;
}

.leftContent2cols {}

.featurette-colImg img {
    width: 100% !important;
    height: auto !important;
    display: block;
    max-width: 100%;
}

.featurette-colVid iframe {
    width: 100% !important;
    min-height: 350px;
    border: none;
    display: block;
}

.featurette-stat {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 11% 0 7% 0;
}

.featurette-stat sup {
    font-size: 60%;
}

.font70 {
    font-size: 70px;
    line-height: 1.2em;
}

.font50 {
    font-size: 50px;
    line-height: 1.2em;
}

.font30 {
    font-size: 30px;
    line-height: 1.2em;
}

.font24 {
    font-size: 24px;
    line-height: 1.2em;
}

.font25 {
    font-size: 25px;
    line-height: 1.2em;
}

@media (min-width: 992px) {
    .featurette {
        position: relative;
    }

    .featurette-colText {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .featurette-colText[class*=col-md-pull-] {
        left: 0;
    }

    .container2cols .featurette-colText {
        padding-bottom: 45%;
        margin-bottom: -100%;
    }
}

@media (max-width: 991px) {
    .featurette-colText {
        margin-top: 20px;
    }
}

/* PDO why vcc section */

.whyVCC-service {
    padding: 8%;
}

.whyVCC-service>* {
    padding-left: 0;
}

.whyVCC-service>hr {}

.whyVCC-service ul li {
    line-height: 1.3em;
    margin-bottom: 20px;
}

.whyVCC-service ul.list-unstyled {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

.whyVCC-service ul.list-unstyled li:before {
    content: "• ";
    padding-right: 5px;
    font-weight: bold;
}

/* content type 'Sub section content BS' */

.subContent-content h2 .btn {
    font-size: 18px;
}

.contentGroup,
.contentLine-group {
    margin-top: 15px;
    /*40px*/
    margin-bottom: 15px;
    /*40px*/
    padding: 20px 15px;
}

.contentGroup .container2cols {
    margin-top: 15px;
    margin-bottom: 0;
}

.contentGroup .panel-group {
    margin-bottom: 0;
}

@media (min-width: 991px) {
    .contentGroup .panel-group.colsGroup {
        padding: 0;
    }

    .contentLine-body {
        padding: 0 30px;
    }
}

.linkWhite .contentLine-text a {
    color: #fff!important;
}

.contentLine-link {
    padding: 15px;
}

@media print {
    .contentLine-link {
        white-space: normal;
    }
}

@media (max-width: 991px) {
    .contentLine-body>span {
        display: inline-block;
        text-align: center;
    }

    .contentLine-body.vmiddle>* {
        float: left;
    }
}

/* content type 'Sub section content BS' + 'General content single line BS'
   for navigation-like section [programs sub-areas] */

.subContent-content .btn-group-justified {
    margin-top: -80px;
    /*-40px*/
    padding: 0 15px;
}

.subContent-content .btn-group-justified>.btn {
    border: 0;
    border-radius: 0;
    padding: 10px 0;
}

.subContent-content .btn-group-justified>.btn:first-child {
    border-left: 0;
}

.subContent-content .btn-group-justified>.btn:last-child {
    border-right: 0;
}

.subContent-content .btn-group-justified a span {
    display: inline-block;
}

.subContent-content .btn-group-justified a .btnLink-icon {
    padding-right: 5px;
    vertical-align: text-bottom;
}

.subContent-content .btn-group-justified a .btnLink-text .fa,
.subContent-content .btn-group-justified a .btnLink-text *[class^=fa] {
    display: none;
    visibility: hidden;
}

/* content type 'Sub section content BS' + '2 Columns BS'
   ['Why VCC' section on programs sub-areas] */

.subContent-content .container2cols:first-of-type {
    margin-top: 0;
}

/* content type 'Sub section content BS' + 'General content single line BS'
   ['Contact' section on programs sub-areas] */

.spanWrap.col-md-12 {
    padding: 0
}

.subContent-content>.spanWrap>.spanWrap {
    overflow: hidden;
}

.subContent-content .colsGroup>.col-md-12 {
    padding: 0;
}

/* content type 'Video BS' */
.responsive-video {
    position: relative;
    padding-bottom: 45%;
    /*56.25%;*/
    padding-top: 60px;
    overflow: hidden;
    margin: 10px 10%;
    /*10px 0*/
    text-align: center;
}

@media (min-width: 991px) {
    .responsive-video {
        min-height: 546px;
    }
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 970px;
    max-height: 546px;
}

/* content type 'Program Highlights - Instructor Bio' layout 'text/card' */

/*.instcontactSection > div { display:table-cell; }*/
.inst-avatar {
    max-width: 40%;
}

.inst-contact {
    width: auto;
}

.inst-avatar img {
    width: 100%;
    height: auto;
}

.rightPane {
    padding: 5px 20px;
}

.inst-header {
    top: 0;
    margin-bottom: 30px;
}

.inst-contact {
    bottom: 0;
    margin-bottom: 15px;
}

.inst-header p {
    line-height: .8em;
}

.inst-header p:first-of-type {
    font-size: x-large;
    margin-top: 20px;
}

.inst-contact p {
    margin: 0;
    padding-left: 2em;
    text-indent: -2em;
}

.inst-contact * .fa,
.inst-contact * *[class^=fa] {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 1em;
    padding-right: 1em;
}


/*** general ***/

.font28-header,
.font33-header,
.marketing h3,
.featurette-heading {
    font-weight: 300;
    line-height: 1.3em;
    font-size: 30px;
}

.font33-header {
    font-size: 33px;
}

.font18-header {
    font-size: 18px;
    font-weight: 600;
}

.font19-header {
    font-size: 19px;
    font-weight: 600;
}

.font17-header {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
}

.font63-header {
    font-weight: 800;
    font-size: 63px;
    line-height: 1.265em;
}

.shortForm,
.smallMap,
.smallContent {
    min-height: 420px;
}

@media print {
    .smallContent {
        min-height: auto;
    }

    .left2cols .smallContent,
    .right2cols .smallContent {
        padding-left: 0;
    }
}

.shortForm,
.smallMap,
.smallContent,
.smallMapTitle {
    font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif !important;
    /* override gm-style */
    color: #4d4d4d;
    /* override gm-style */
    background-color: #f0f0f0;
    /* change 'water' color on the script to fit */
    padding: 15px;
    margin: 0;
    margin-bottom: 15px;
}

.smallMap {
    padding-bottom: 66.5%;
}

.smallMap address {
    margin-bottom: 5px;
}

.shortForm h3,
.smallMap h3,
.smallContent h3 {
    padding: 0;
    font-size: 24px;
}

.smallMapTitle h3 {
    font-weight: 600 !important;
    /* override gm-style */
    font-size: 24px !important;
}

.smallMapTitle address {
    font-size: 15px;
    line-height: 1.8em;
    margin-top: -10px;
    margin-bottom: 0
}

.smallContent table td,
.smallContent table th {
    padding-bottom: 0;
}

.smallContent small,
.smallContent .small {
    line-height: 1em;
}

@media print {

    .smallMapTitle,
    .smallMapTitle h3 {
        padding: 0;
    }
}

.smallMap iframe {
    border: 0;
    padding-left: 15px;
    padding-bottom: 15px;
}

.smallMap iframe .review-box {
    display: none;
}

.word-spacing {
    word-spacing: 3px;
}


/****************** Forms ******************/
.grecaptcha-badge {
    bottom: 50px !important;
    z-index: 1000;
}

select.select-green {
    width: 620px;
    padding: 10px;
    line-height: 1.5em;
    border: 1px solid #7fba00;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 50px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: white;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: 0.5rem;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.formBox.container-fluid {
    width: 100%;
}

/*
.formBox input, .formBox textarea { float: none; }

.formBox p { display:block; }
.formBox p.stepCommand { text-align: center; }

.formBox ol,
.formBox ul { margin: 0; }

.formBox fieldset {
	border:none;
	background-color: #F8FDEF;
}

.formBox fieldset.formStep,
.finishStep {
	border-top: 1px solid #C9DCA6;
	width:100%;
	margin: 10px 0;
	padding: 10px;
}

.formBox legend.lgnStep {
	display:none;
	font-size:18px;
	margin:0px;
	padding:10px 0px;
	color:#b0232a;
	font-weight:bold;
}


.formBox input { height: auto; }

.formBox label,
.formBox .semilable,
.formBox legend.lgnElmGroup {
	display:inline-block;
	width:auto;
	min-width: 30%;
	margin: 0 0 5px;
	float: none;
	font-size: inherit;
	border: none;
}

.formBox legend.lgnElmGroup {
	display:inherit;
	width: 90%;
}

.formBox input[type="text"],
.formBox input[type="password"],
.formBox select,
.formBox textarea {
	padding: 5px;
	border: solid 1px #000;
	width: 90%;
	max-width: 90%;
	min-width: 20%;
}

* Date input fields *
.formBox input[id^='dtp'] { width:auto; }

.formBox .prev,
.formBox .next,
.formBox .btnReset {
	background-color: #7EB900;
	border: none;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
}

.formBox .prev:hover,
.formBox .next:hover,
.formBox .btnReset:hover {
	background-color: #E1EFC2;
	text-decoration: none;
	color: #3D3D3D;
	border: none;
}

.formBox .prev {
	float: left;
	margin-right: 10px;
}

.formBox .next {
	float: right;
	margin-left: 10px;
}
.formBox .btnReset { display: inline; }

.formBox input[disabled],
.formBox select[disabled],
.formBox textarea[disabled],
.formBox input[readonly],
.formBox select[readonly],
.formBox textarea[readonly] { background-color:#b9b9b9;  }
*/


.formBox.shortForm .cmdPrev,
.formBox.shortForm .cmdNext,
.formBox.shortForm .cmdReset,
.formBox.shortForm .cmdSpace,
.formBox.shortForm .prev,
.formBox.shortForm .next,
.formBox.shortForm .btnReset {
    display: none;
}

.formBox.shortForm #btnSubmit {
    display: inline;
}

.formBox #steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.formBox #steps li {
    font-size: 1.5em;
    line-height: normal;
    float: left;
    padding: 10px;
    color: #b0b1b3;
}

.formBox #steps li:first-of-type {
    padding-left: 0;
}

.formBox #steps li span {
    font-size: 0.6em;
    display: block;
}

.formBox #steps li.current {
    color: #000;
}

.formBox.shortForm #steps {
    display: none !important;
}

/*
.formBox #makeWizard {
  background-color: #b0232a;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 18px;
}

.formBox #makeWizard:hover { background-color:#000;}
.widthauto { width:auto; }

.formStep ul { padding-left:15px; }
.formStep ul li { margin-bottom:5px; }

span.horizontal {
  display: block;
  padding-left: 0;
}

.horizontal fieldset { padding-left: 0; }
.horizontal ul { list-style-type: none; padding-left: 0; }
.horizontal ul li { display: inline-block; }

.formBox .horizontal label{
  line-height: 25px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: auto;
}

.formBox .horizontal input,
.formBox .horizontal select {
}

.formBox .horizontal input[type="checkbox"],
.formBox .horizontal input[type="radio"] {
  height: 13px;
  width: 13px;
  padding: 0;
  margin: 6px;
  vertical-align: top;
  display: inherit;
}

.formBox span.vertical {
  display: block;
  padding-left: 0;
}

.formBox .vertical fieldset {  }

.formBox .vertical ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.formBox .vertical ul li {
  list-style-type: none;
  list-style-position: outside;
}

.formBox .vertical ul li label { }

.formBox .vertical ul li input[type="radio"] {
  margin-right: 0.5em;
  display: initial;
}

.formBox .controls {
  border: 1px solid silver;
  padding: 0.5em;
  margin-top: 0.5em;
}

.formBox .formSection { padding-left: 30px; }
*/

.formBox label.error {
    /* remove the next line when trouble in IE6 with labels in list */
    color: #CC0033;
    font-style: italic;
    font-size: 14px;
    width: auto;
    padding: 0;
    margin: 0;
    display: block !important;
}

.formBox label.valid {
    width: inherit !important;
    display: none !important;
}

.formBox div.error {
    display: none;
}

/*.formBox input { border: 1px solid black; }
.formBox input:focus { border: 1px dotted black; }*/
.formBox input.error {
    border: 3px dotted #CC0033;
}

.formBox small.help-block {
    margin-top: -10px;
}

/*
#mainStep2 .extraItem input[type="text"] { width: 1em; margin-bottom: 5px; min-width:inherit; }
#mainStep2 .extraItem span { margin-left: 5px; }
#mainStep2 .extraItem .dlgItemList { margin-left: 5px; }

.ui-dialog-buttonpane { font-size: small; height: 20px; }
.ui-dialog-content ul { padding-left: 0; }
.ui-dialog-content li { list-style: none;  }

button.ui-datepicker-trigger {
  margin-top: -10px;
  margin-left: 2px;
}

*/

/**** filter form (programs or courses index page) ****/
.filter-form {
    position: relative;
    /*width: 30%;*/
}

.filter-form .input-group {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.filter-form .input-group label {
    position: absolute;
    top: 45%;
    left: 1rem;
    -webkit-transform: translate3d(0, -45%, 0) scale3d(1, 1, 1);
    transform: translate3d(0, -45%, 0) scale3d(1, 1, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    pointer-events: none;
    color: #797F88;
    letter-spacing: .1rem;
}

.filter-form .input-group.has-text label {
    -webkit-transform: translate3d(0, -90%, 0) scale3d(.75, .75, 1);
    transform: translate3d(0, -90%, 0) scale3d(.75, .75, 1);
    top: 55%;
}

.filter-form input {
    width: 100%;
    border: 2px solid #B8C4D0;
    border-radius: 3px;
    padding: .75rem 1rem 0;
    height: 5rem;
    display: inline-block;
    border: none;
    background: 0 0;
    -webkit-transition: background-color .15s ease-out, border-color .15s ease-out;
    transition: background-color .15s ease-out, border-color .15s ease-out;
    border-radius: 2px;
    border: 2px solid #B8C4D0;
    border-radius: 3px;
}

.filter-form button {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    padding: .5rem .75rem .25rem;
    border: 2px solid #7fba00;
}


/*********** end of Forms ***********/

.hvrbox,
.hvrbox * {
    box-sizing: border-box;
}

.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.hvrbox img {
    width: 100%;
    max-width: 100%;
}

.hvrbox h4 {
    font-size: 1em;
    max-width: 100%;
    text-align: left;
    height: auto;
    max-height: 100px;
    padding-bottom: 5px;
}

.hvrbox h4 .hvrName {
    font-size: 1.2em;
    position: relative;
    /* initial - not working on IE */
    text-align: inherit;
}

.hvrbox h4 .hvrName {}

.hvrbox .hvrbox-layer_bottom {
    display: block;
}

.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 15px;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
    opacity: 1;
}

.hvrbox .hvrbox-text {
    text-align: center;
    font-size: .9em;
    /* 18px */
    line-height: initial;
    display: inline-block;
    position: absolute;
    top: 30%;
    /* 50% */
    /*right:-40%;
	margin-left:50%;*/
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    width: 100%;
    padding: 10%;
}

.hvrbox .hvrbox-text_mobile {
    font-size: 15px;
    border-top: 1px solid rgb(179, 179, 179);
    /* for old browsers */
    border-top: 1px solid rgba(179, 179, 179, 0.7);
    margin-top: 5px;
    padding-top: 2px;
    display: none;
}

.hvrbox.active .hvrbox-text_mobile {
    display: block;
}

.hvrbox .hvrbox-layer_top a {
    color: #fff;
}

.hvrbox .hvrbox-layer_top a:hover {
    text-decoration: none;
}

.hvrbox .hvrbox-layer_slideup {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.padding5 {
    padding: 5%;
}

.padding4 {
    padding: 4%;
}

.padding5 h3 {
    padding: 0;
}

ul.list-indent {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

ul.list-indent li:before {
    content: "• ";
    padding-right: 5px;
    font-weight: bold;
}

ul.list-indent li {
    line-height: 1.3em;
    margin-bottom: 20px;
}

ul.list-filtered h4 {
    padding-left: 0;
    margin-top: 25px;
}

ul.list-filtered h4 span.splitter {
    background-color: var(--green-500);
    padding: 5px 10px;
}

ul.list-filtered li {
    padding-left: 15px;
}

ul.list-filtered li.ln-no-match {
    padding-left: 0;
}

/* content type 'General inner content BS' */
.pull-center {
    /* imitates col-md-12 */
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.hdAlignLeft h1,
.hdAlignLeft h2,
.hdAlignLeft h3,
.hdAlignLeft h4,
.hdAlignLeft h5,
.hdAlignLeft h6,
.container-fluid.hdAlignLeft {
    padding: 0;
}

h1.hdAlignLeft,
h2.hdAlignLeft,
h3.hdAlignLeft,
h4.hdAlignLeft,
h5.hdAlignLeft,
h6.hdAlignLeft {
    padding-left: 0px;
}

.pr-nav-content .general-content {
    width: 100%;
}

/* override col-md-10 when there's a sidebar */

@media screen and (min-width: 992px) {
    .pr-nav-content {
        min-height: 30vh;
    }
}

/* Salon and Span - Services section */

.contentPanelTab-heading .panel-title {
    border-collapse: collapse;
    border-width: 0;
    padding: 15px
}

.contentPanelTab-heading:hover .panel-title {
    border-bottom: solid 2px #84bd00;
    cursor: pointer;
}

.contentPanelTab-heading.active .panel-title,
.contentPanelTab-heading.selected .panel-title {
    border-bottom: solid 6px #84bd00;
    background-color: #fff;
}

@media (max-width: 991px) {
    .nav-tabs {
        border-bottom-width: 0;
    }

    .contentPanelTab-heading .panel-title {
        border: 2px solid #84bd00;
        margin: 12px 15px;
    }

    .contentPanelTab-heading.active {
        margin-top: -8px;
        padding: 0 12px;
    }

    .contentPanelTab-heading.active .panel-title {
        border-width: 6px;
    }
}

/* Salon and Spa / services section */

table.tblToc {}

table.tblToc table {}

table.tblToc table th:first-child,
table.tblToc table td:first-child {
    padding-left: 10%;
}

table.tblToc td:first-child:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-bottom: 1px dotted #c0c0c0;
}

table.tblToc td:first-child {
    overflow: hidden;
    width: 90%;
}

table.tblToc td[colspan]:after {
    border-width: 0;
}


@media (min-width: 991px) {

    table.tblToc th,
    table.tblToc td {
        border-width: 0;
        background-color: inherit;
        color: inherit;
    }

    table.tblToc td:nth-last-child(2),
    table.tblToc td:last-child {
        white-space: nowrap;
    }

    table.tblToc td:first-child {
        white-space: normal;
    }

    table.tblToc td:last-child {
        width: 15%;
    }
}

@media (max-width: 991px) {
    table.tblToc tbody td:first-child {
        font-weight: inherit;
    }

    table.tblToc th,
    table.tblToc td {
        display: inline-block;
        padding-left: 0;
    }

    .smallContent .tblToc th,
    .smallContent .tblToc th~td {
        padding-top: 20px;
    }

    table.tblToc td:last-child {
        padding-bottom: 5px;
        vertical-align: bottom;
    }

    table.tblToc td:first-child {
        width: 80%;
    }

    /*80%*/
    table.tblToc td:last-child {
        width: 10%;
    }

    table.tblToc td[colspan] {
        width: 95%;
        padding-right: 0;
    }

    .smallContent .tblToc th:first-child,
    .smallContent .tblToc td:first-child {
        width: 80%;
    }

    .smallContent .tblToc th:last-child,
    .smallContent .tblToc td:last-child {
        float: right;
        width: 20%;
    }
}

@media (max-width: 768px) {

    .smallContent .tblToc th:first-child,
    .smallContent .tblToc td:first-child {
        width: auto;
        max-width: 50%;
    }

    .smallContent .tblToc th:last-child,
    .smallContent .tblToc td:last-child {
        float: right;
        width: auto;
    }
}

/** Salon & Spa - Services section description **/

.tr-toggleRow {
    background-color: #d9dcdf;
}

.toggleRow {
    cursor: pointer;
}

a.toggleRow {
    color: #84BD00;
    text-decoration: none;
    vertical-align: text-bottom;
}

.toggleRow>*:first-child:before,
a.toggleRow:before {
    content: "\f078";
    /* fa-chevron-down */
    font-family: "Font Awesome 6 Pro";
    font-size: 75%;
    color: var(--green-100);
    /*#84bd00*/
    padding-right: 10px;
    vertical-align: top;
    position: static;
}

.toggleRow.tr-toggleRow>*:first-child:before,
a.toggleRow.tr-toggleRow:before {
    content: "\f077";
    /* fa-chevron-up */
    font-family: "Font Awesome 6 Pro";
}

@media (max-width: 991px) {

    .toggleRow.tr-toggleRow>td:first-child {
        margin-left: -5px;
        padding-left: 5px;
        background-color: #d9dcdf;
    }
}

.dropdown-in-td,
table.tblToc .dropdown-in-td td {
    background-color: #d9dcdf;
}

/*#f0f3f6  salon and spa mouse-over-grey on silver*/

.dropdown-in-td td[colspan],
table.tblToc .dropdown-in-td td[colspan] {
    width: 100%;
}

.dropdown-in-td td {
    padding: 0 20px 20px 43px;
    line-height: 1.4em;
    font-size: 85%;
}

@media (max-width: 991px) {

    .dropdown-in-td td,
    table.tblToc .dropdown-in-td td {
        padding-left: 28px;
        margin-left: -5px;
        padding-right: 23px;
    }
}

/** Content type 'Course BS' (Courses pages) **/

.cr-description {
    line-height: 1.7em;
    font-size: 20px;
    letter-spacing: 0.3px;
    padding: 15px;
}

@media (max-width:767px) {
    .cr-fullcover-xs {
        padding: 15px;
        padding-left: 30px;
        margin: 0 -15px;
    }
}

.cr-description,
.cr-prereq,
.cr-coreq {
    padding-right: 35px;
}

.factsList-side,
.factsList-bar {
    border-left: 3px solid var(--green-200);
    padding-top: 15px;
    margin-bottom: 20px;
    line-height: 2em;
    font-size: 20px;
}

@media (min-width:991px) {
    .factsList {
        border-right: 3px solid var(--green-200);
    }
}

@media (max-width:767px) {
    .factsList-bar {
        margin-left: 15px;
    }

    .factsList {
        border-right: none;
    }
}

.factsList-side .factsList-line-highlight,
.factsList-bar .factsList-line-highlight {
    background-color: var(--green-500);
    display: inline-block;
    margin-left: -13px;
    padding: 0 15px;
}

.factsList-line {}

.factsList-title {
    font-weight: bold;
}

.factsList-title a {
    text-decoration: underline;
}

.factsList-text {}

div.factsList-line-crSupplies+div.factsList-line-crSupplies,
div.factsList-line-crTextbooks+div.factsList-line-crTextbooks {
    display: none;
}

.schedule-container {
    margin-bottom: 50px;
}

.schedule-container h2 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    background-color: #f0f0f0;
    padding: 15px;
    margin-bottom: 15px;
}

.schedule-container h2 .sup {
    font-size: 75%;
}

div.cr-schedule {
    margin-top: 60px;
}

div.cr-schedule-header {
    margin-bottom: 20px;
}

.cr-schedule-header h4 {
    letter-spacing: 0.7px;
    line-height: 1.2em;
}

ul.cr-schedule-programs {
    padding-left: 1em;
    text-indent: -.8em;
}

.cr-schedule-programs li::before {
    content: "\2022 ";
    /* "• " */
    padding-right: 8px;
    font-weight: bold;
}

.cr-schedule-programs li {
    vertical-align: top;
    display: inline-block;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.cr-schedule-table th {
    text-transform: uppercase;
}

.table.cr-schedule-table td {
    vertical-align: top;
    border-top: none;
    border-top-width: 0;
}

table.cr-schedule-table th,
table.cr-schedule-table td,
table.cr-schedule-table>thead,
table.cr-schedule-table>tbody+tbody,
.table.cr-schedule-table>thead>tr>th {
    border-width: 0;
}

.cr-schedule-table tbody:nth-child(odd) tr {
    background-color: #f9f9f9;
}

.cr-schedule-table tbody:nth-child(even) tr tr {
    background-color: #fff;
}



@media (min-width: 992px) {
    .cr-schedule-table thead:first-child>tr:first-child>th {
        border-top: 1px solid #84bd00;
    }

    .cr-schedule-table tbody:last-child>tr:last-child>td {
        border-bottom: 1px solid #84bd00;
    }

    .table.cr-schedule-table tr:first-child td {
        padding-top: 55px;
    }

    .table.cr-schedule-table tr:first-child td:first-child {}

    /*padding-top: 25px;*/
}

.cr-sched-regBtn .btn {
    min-width: 115px;
    padding: 5px 25px;
}

.cr-schedule-table tr:not(:first-child) br:first-child,
.cr-schedule-table tr:not(:first-child) .cr-sched-crn,
.cr-schedule-table tr:not(:first-child) .cr-sched-crn+br,
.cr-schedule-table tr:not(:first-child) .cr-sched-regBtn {
    display: none;
}

@media (max-width: 991px) {

    .cr-schedule-table tr:not(:first-child) td[data-th='CRN #'],
    .cr-schedule-table td:empty {
        display: none;
    }
}

.cr-faq .contentPanel-text~.contentPanel-text {
    display: none;
}

#panelHowToApply.CS {
    display: none;
}

.cr-contact {
    padding: 0;
}

.cr-contact .group2cols {
    background-color: #f0f0f0;
}

.cr-contact .right2cols {
    margin-bottom: -15px;
}

.cr-contactForm {
    padding-left: 6%;
    width: 95%;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .cr-contact .leftContent2cols>div {
        padding: 0;
    }

    /*.cr-contact *[class^=fa] { font-size: 1.33em; }*/
    .cr-contact .right2cols {
        margin-bottom: 15px;
    }
}

.smallContact:not(.vertical-align-center) {
    padding: 5% 20%;
}

.smallContact {
    line-height: 2.5em;
    padding: 20%;
}

.smallContact.border-left-green {
    padding: 3% 20%;
    top: 47%;
}

@media (max-width: 991px) {
    .cr-contact .smallContact.border-left-green {
        border-width: 0;
        padding: 3% 9%;
        top: 30%;
    }
}

.smallContact div {
    display: block;
    white-space: nowrap;
}

.smallContact .fa,
.smallContact *[class^=fa]:not(.fa-ul) {
    color: var(--green-100) !important;
    margin-right: 20px;
    width: 1.25em;
}

.smallContact .fa-ul {
    width: 100%;
}

.smallContact .fa-li {
    --fa-li-width: 3em;
}

.smallContact .fa-ul>li {
    margin-bottom: 15px;
    line-height: 1.3em;
}

.smallContact .fa:before,
.smallContact *[class^=fa]:not(.fa-ul):before {
    color: var(--green-100) !important;
}

.smallContact div *[class^=fa]~* {
    vertical-align: bottom;
}

.smallContact-foot {
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .smallContact {
        padding: 20% 30px;
    }

    .smallContact:not(.vertical-align-center) {
        padding: 5% 30px;
        margin-bottom: 15px;
    }

    .smallContact div {
        white-space: normal;
    }
}

.cr-contact .smallContact>div {
    padding-left: 2em;
    white-space: normal;
    line-height: 1.8em;
    /*text-indent: -1.5em;*/
    text-indent: -2.5em;
}

.cr-contact .smallContact *[class^=fa] {
    margin-right: 0;
}

.cr-contact .smallContact>div>*[class^=fa]~* {
    text-indent: 0;
}


@media (max-width: 991px) {
    .cr-contact .smallContact>div>*[class^=fa]~* {
        margin-left: .9em;
        line-height: 1.1em;
    }
}

@media print {
    .smallContact {
        line-height: 1.7em;
    }
}




/* Content type 'Program B' (Programs pages) */

.pr-header.row,
.factsList-bar.row {
    margin-left: 0;
    margin-right: 0;
}

.pr-header {
    background-color: #f0f0f0;
}

.pr-header-img img {
    /* .embed-responsive-item */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


div.pr-header-video~div.pr-header-img {
    display: none;
}

.pr-header-video {
    padding-bottom: 70%;
}

@media (min-width:992px) and (max-width:1199px) {
    .pr-header-img {
        height: calc(392px + 0.5vw);
        /* min img height 392px */
        overflow-y: visible;
    }
}

.pr-header-text>* {
    padding: 15px;
}

.pr-header-credential {
    padding: 0 0 15px;
    text-indent: -6.4em;
    margin-left: 6.4em;
}

.pr-header-text h1 {
    max-height: 200px;
    padding: 30px 10px 0;

    /*font-size: 2vw;*/
    /* font-size: calc(24px + 0.5vw); */

    font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300)));
    /* font size 24-38px (2-3.1em) */
    -webkit-font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300)));
    -moz-font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300)));
    -ms-font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300)));
    -o-font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300)));

    line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 300px)/(1600 - 300)));
    /* line height 1.3-1.5em */
}

@media print {
    .pr-header-text h1 {
        font-size: 2.5em;
        padding-left: 0;
    }
}

@media (min-width: 991px) {

    .pr-header.row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

}

.pr-header-text .btn {
    margin-bottom: 15px;
}

.pr-header-intake {
    display: table;
    border-spacing: 10px 0;
}

.pr-header-credential-hd,
.pr-header-intake-hd {
    padding: 0 5px 5px 10px;
    letter-spacing: 0.05em;
    font-size: 16px;
    text-transform: uppercase;
}

.pr-header-credential-text,
.pr-header-intake-text {
    font-size: 18px;
}

.pr-header-intake-fa,
.pr-header-intake-value,
.pr-header-intake-value-custom {
    display: table-cell;
}

.pr-header-intake-fa {
    color: var(--green-100);
}

.pr-header-intake-value,
.pr-header-intake-value-custom {
    padding-left: 15px;
    vertical-align: middle;
}

.pr-header-phrase {
    display: block;
}

.pr-mission-statement {
    color: #38a600;
}

.pr-mission-stat-hd {
    font-weight: normal;
}

.pr-mission-statement hr {
    background-color: #7fba00;
    width: 49px;
    height: 3px;
    border: none;
    margin: 15px auto;
}

.pr-callout .bs-callout-info {
    margin-top: 0;
}

@media (min-width: 991px) {
    /* mobile version is same as .factsList-side */

    .container-factList-bar {
        background: #e9eef2;
    }

    .factsList-bar {
        background: #e9eef2;
        border-left-width: 0;
        padding: 15px;
    }

    .factsList-bar>div {
        padding: 0 15px;
        margin: 20px auto;
    }
}

.container-pr-factbox {
    /*background: #e9eef2;*/
}

.pr-factbox {
    background: #e9eef2;
    border-width: 0;
    color: var(--green-100);
}

.pr-factbox .factText {
    padding-top: 15px;
    margin-bottom: 10px;
    color: #343a40;
}

/* show only link to section, or link parent if link to media is empty
   (T4 selective-output not working on media) */

.pr-factbox a.btn[href=''],
.pr-factbox a.btn:not([href=''])~a.btn {
    display: none;
}

.pr-factbox .factFigure ~ .factFigure,
.pr-factbox .factText ~ .factText  { display: none; } 

.pr-status {
    padding-top: 15px;
}

.pr-length-to {
    display: none;
}

.pr-length-from+.pr-length-to {
    display: inline;
}

.pr-length-from+.pr-length-to:before {
    content: '-';
    /*margin-left:-5px; */
}

/*** - Modified sections -  ***/
.pr-adminreq-mod~.pr-adminreq-cl,
#pr-curriculumCoursesList-mod~#pr-curriculumCoursesList-cl {
    display: none !important;
}

/*** - Images - ***/
.pr-virtual img {
    width: 100% !important;
    height: auto !important;
}

/*** - PLAR (curriculum) section ***/
.pr-curriculumPlar {
    display: none;
}

/*** - Courses list (curriculum) section ***/
.pr-curriculumCoursesList {}

.pr-curriculumCoursesList table thead th,
.pr-curriculumCoursesList table tbody th,
.pr-curriculumCoursesList table tbody td {
    vertical-align: top;
    background-color: #fff;
    border-width: 0;
}

.pr-curriculumCoursesList table tbody tr.listsum *,
.pr-curriculumCoursesList table tbody tr.plangridsum *,
.pr-curriculumCoursesList table tbody tr.plangridtotal * {
    font-weight: bold;
}

.pr-curriculumCoursesList table.sc_footnotes th:first-child {
    display: none;
}

.pr-curriculumCoursesList table.sc_footnotes {
    font-size: 85%;
}


.pr-curriculumCoursesList .orclass {
    padding-left: 20px;
}

/* - Courses list (curriculum) section - Desktop */

@media print,
(min-width:992px) {
    .pr-curriculumCoursesList table thead {
        border-bottom: 2px solid #75787b;
    }

    .pr-curriculumCoursesList table th,
    .pr-curriculumCoursesList table thead th,
    .pr-curriculumCoursesList table tbody th {
        color: #75787b;
        background: #fff;
        border-width: 0;
        padding: 5px 15px;
    }

    .pr-curriculumCoursesList table>tr th[colspan],
    .pr-curriculumCoursesList table tbody th[colspan] {
        text-transform: uppercase;
    }

    .pr-curriculumCoursesList table tbody tr th {
        text-align: right;
    }

    .pr-curriculumCoursesList table tbody tr.plangridterm th,
    .pr-curriculumCoursesList table tbody tr.plangridyear th {
        text-align: left;
    }

    .pr-curriculumCoursesList table tbody tr.plangridterm th {
        text-align: left;
        padding-top: 15px;
        font-weight: 600;
    }

    .pr-curriculumCoursesList table tr:hover th {
        color: #75787b;
        background-color: #fff;
    }

    .pr-curriculumCoursesList table td {
        border-width: 0;
        padding: 5px 15px;
        vertical-align: top;
    }

    .pr-curriculumCoursesList table .blockindent {
        padding: 5px 0;
    }

    .pr-curriculumCoursesList table td a {
        display: inline-block;
    }
}

@media print,
(max-width:991px) {

    .pr-curriculumCoursesList table th,
    .pr-curriculumCoursesList table thead th,
    .pr-curriculumCoursesList table tbody th {
        padding-left: 0;
    }
}

/* - Courses list (curriculum) section - Mobile */

@media (max-width:991px) {
    .pr-curriculumCoursesList table tbody tr.thead {
        border-bottom: 2px solid #75787b;
    }

    .pr-curriculumCoursesList table tbody tr.plangridterm {
        border-bottom-width: 0;
    }

    .pr-curriculumCoursesList table tbody tr th {
        display: inline-block;
        padding-top: 15px;
    }

    .pr-curriculumCoursesList table tbody tr th:nth-of-type(3) {
        display: block;
    }

    .pr-curriculumCoursesList table tbody tr th:nth-of-type(2) {
        float: right;
    }

    .pr-curriculumCoursesList table tbody td {
        padding-left: 0;
        line-height: 0.9em;
    }

    .pr-curriculumCoursesList table td {
        display: inline-block;
    }

    .pr-curriculumCoursesList table td:first-of-type {
        display: block;
        padding-top: 20px;
    }

    .pr-curriculumCoursesList table td:last-child,
    .pr-curriculumCoursesList table td:nth-last-child(2) {
        display: inline-block;
    }

    .pr-curriculumCoursesList table tbody td:last-child {
        padding-bottom: 5px;
        float: right;
    }

    tbody td:first-child {
        font-weight: normal;
    }

}

/*** Fees list section ***/

table.feesgrid {
    margin-bottom: 20px;
    overflow-y: visible !important;
}

table.feesgrid th *[class^=fa] {
    color: var(--green-100);
    padding-left: 15px;
}

table.feesgrid tbody th {
    border-bottom-color: #84bd00;
    border-top-color: transparent;
    border-left-color: #84bd00;
    vertical-align: top;
}

table.feesgrid tbody td {
    border-top-width: 0;
    vertical-align: top;
}

table.feesgrid tr>*:first-child {
    width: 40%;
}

.international-innerpage table.feesgrid tr>*:first-child {
    width: 45%;
}

tr.feesgridtotal {
    font-weight: bold;
}

table.feesgrid td div {
    padding: 0 0 10px;
}

table.feesgrid td:nth-child(2) {
    border-right-width: 0;
    text-align: right;
    width: 15%;
}

table.feesgrid td:nth-child(3) {
    border-left-width: 0;
    //*padding: 15px 0 0;*/
}

.pr-supplies {
    margin: 20px 0;
}

table.feesgrid .showLess-sublevel-wrapper {
    padding: 0;
    position: relative;
}

table.feesgrid .showLess-sublevel-panel {
    border: 1px solid #4d4d4d;
}

table.feesgrid .showLess-sublevel-panel.dropdown-menu {
    z-index: 1;
}

table.feesgrid .showLess-sublevel-panel .fee-amount-subhd {
    color: #fff;
    background-color: #4d4d4d;
    margin-top: -1px;
    margin-left: -1px;
}

table.feesgrid .showLess-sublevel-panel div {
    padding: 5px 15px;
}

.feesGeneral {
    margin: 55px 0;
}

@media (max-width: 991px) {
    table.feesgrid {
        margin-top: 25px;
    }

    table.feesgrid tr th {
        padding-left: 15px;
    }

    table.feesgrid tr:nth-child(odd) td,
    table.feesgrid tr:nth-child(odd) th {
        background-color: #f0f3f6;
    }

    table.feesgrid tr>*:first-child {
        width: auto;
    }

    table.feesgrid td {
        display: table-cell;
    }

    table.feesgrid td:nth-child(3):empty {
        display: table-cell;
    }

    table.feesgrid tbody td:last-child {
        padding: 5px 0 0;
    }

    table.feesgrid .showLess-sublevel-wrapper {
        padding: 0;
    }

    table.feesgrid .showLess-sublevel-panel {
        right: 0;
        left: auto;
    }
}

.feesgrid-addon th,
.feesgrid-addon td {
    border-width: 0 1px !important;
}

.feesgrid-addon th {
    border-left: #84bd00 solid 1px;
}

.feesgrid-addon td {
    text-align: left !important;
}

/*** 'Program B - Course level registration' (apprentice programs); IE application schedule ***/
.pr-crdata-container,
.pr-app-status {
    margin: 20px 0;
}

.pr-crdata-container .crs-header,
.pr-app-status .app-status-header {
    border-top: 1px solid var(--green-100);
}

.pr-crdata-container,
.pr-crdata-container .crs-header,
.pr-app-status .app-status-header,
.pr-app-status .app-row.last {
    border-bottom: 1px solid var(--green-100);
}

.pr-crdata-container .row,
.pr-app-status .app-row {
    font-weight: 400;
    font-size: 18px;
    margin: 0;
}

.pr-crdata-container .row>span,
.pr-app-status .app-row>span {
    padding: 15px;
}

.pr-crdata-container .row:nth-child(odd),
.pr-app-status .app-row:nth-child(even) {
    background-color: #f0f0f0;
}

.pr-app-status .app-group:nth-child(even) .app-name~.app-row {
    background-color: #f0f0f0;
}

.pr-app-status .app-group:nth-child(odd) .app-name~.app-row {
    background-color: #fff;
}

.pr-app-status .app-name {
    margin-top: 10px;
}

.pr-crdata-container .row.crs-header,
.pr-app-status .app-row.app-status-header {
    background-color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.pr-app-status .app-status-header *[class*='col-']>div div {
    padding: 15px;
    display: block;
}

.pr-app-status .app-status-header *[class*='col-']>div div.app-status-wo {
    padding-left: 0;
}

.pr-app-status .app-status-wo {
    border-right: 1px solid var(--green-100);
}


@media (max-width: 991px) {

    .pr-crdata-container .row.crs-header,
    .pr-app-status .app-row.app-status-header {
        font-weight: 600;
        font-size: 18px;
    }

    .pr-crdata-container .row>span,
    .pr-app-status .app-row>span {
        border-right: 1px solid var(--green-100);
    }

    .pr-crdata-container .row>span:last-child,
    .pr-app-status .app-row>span:last-child {
        border-right-width: 0;
    }


    /* IE application schedule on programs */
    .pr-app-status .app-row {
        border-left: 5px solid var(--green-100);
        margin-bottom: 15px;
        line-height: 1.3em;
    }

    .pr-app-status .app-row>span,
    .pr-app-status .app-status-wo {
        border-right: none;
    }

    .app-intake {
        background-color: var(--green-500);
        font-weight: bold;
        line-height: 1.3em;
        padding-bottom: 20px;
    }

    .app-intake .app-intake-month:before {
        content: "\f0da";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        color: var(--green-100);
        font-size: 32px;
        display: inline-block;
        vertical-align: top;
        margin-left: -15px;
        padding-right: 15px;
    }

    .app-intake .app-term:before {
        content: "";
        margin-left: -15px;
        padding-right: 30px;
    }

    .pr-app-status .app-row>span.app-start {
        padding-left: 30px;
    }

    .app-status {
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 30%;
        text-align: left;
    }

    .dl-horizontal dd {
        margin-left: 30%;
    }
}

/* Section with fixed left sidebar (programs pages) 
   or cascade sidebar (Indeginous) */

@media print {
    .container-scroll {
        padding: 0;
        margin-left: -15px;
    }
}


.pr-nav-content a:not(.btn) {
    color: var(--green-100);
    text-decoration: underline;
}

.pr-nav-content a:not(.btn):hover,
.pr-nav-content a:not(.btn):focus {
    color: var(--green-100);
    text-decoration: none;
}

  /*
.pr-nav-content .btn-success a,
.pr-nav-content .btn-success a:hover,
.pr-nav-content .btn-success a:focus,
.pr-nav-content .btn-success a:active {   
    color: #fff !important;
    text-decoration: none;

}

.pr-nav-content a[href^=tel] { text-decoration: none !important; }*/

.pr-nav-sidebar-md {
    max-width: 30% !important;
    /*min-width: 30%; */
}

.container-scroll .sticky-spacer,
.container-scroll .pr-nav-sidebar-md.vc-sidenav-cascade {
    max-width: 30%;
}


.pr-nav-sidebar-md ul.nav~ul.nav,
.pr-nav-sidebar-xs ul.nav~ul.nav {
    display: none !important;
}

#pr-nav-sidebar,
#pr-nav-sidebar-xs {
    position: absolute;
    text-transform: uppercase;
    z-index: 400;
    /*max-width: 100%; 
  min-width: 25%;*/
}

.pr-nav-sidebar-md ul {
    border-left-width: 0;
}

.pr-nav-sidebar-md>ul {
    border-left: 2px solid #84bd00;
    margin-top: 15px;
}


/* Apply Now link */
#dsliApplyNow:hover,
#dsliApplyNow.active {
    color: initial;
    background-color: initial;
}

#dsliApplyNow>a {
    display: block;
    background-color: var(--green-100);
    color: #fff;
    text-align: center;
    margin-top: 15px;
    font-size: 19px;
    font-weight: 600;
}

#dsliApplyNow>a:hover {
    background-color: #84bd00;
}

.sidenav-cascade .menu-expand,
.sidenav-cascade .menu-expand-space {
    background-color: transparent;
    border: 0 none;
    height: 44px;
    width: 44px;
    line-height: 1;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.sidenav-cascade .menu-expand::before {
    color: #84bd00;
    content: "\f067";
    font-family: "Font Awesome 6 Pro";
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    transition: all .15s ease-in-out;
    vertical-align: text-top;
}

.sidenav-cascade .menu-expand.open::before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
}

.pr-nav-scroll.sidenav-cascade .nav>li {
    padding-left: 44px;
    text-indent: -44px;
}

.pr-nav-sidebar-md .nav {
    padding-left: 0px;
    display: inline-block;
}

.pr-nav-sidebar-md.vc-sidenav-cascade .nav {
    width: 100%;
}

/* all anchors */

.pr-nav-scroll .nav>li>a {
    padding: 15px;
    padding-left: 20px;
    border-left-width: 0;
    /* rgba(0,0,0,0);*/
    color: inherit;
    display: block;
}

.pr-nav-scroll.sidenav-cascade .nav>li>a {
    display: inline;
    padding-left: 0;
    padding: 10px 15px 10px 0;
}

.pr-nav-scroll .nav>li {
    line-height: 1.5em;
    display: block;
}


/* active link */
.pr-nav-scroll .nav>li>a:hover,
.pr-nav-scroll .nav>li>a:focus,
/*.pr-nav-scroll .nav > li.active,*/
.pr-nav-scroll li.active>a,
.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li>a:hover,
.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li>a:focus,
/*.sidenav-cascade .menu-expand.open + a + ul[class^="multilevel-linkul"] li.active,*/
.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li.active>a {
    background-color: var(--green-400);
    color: inherit;
    text-decoration: none;
}

.pr-nav-sidebar-md .nav .nav {
    display: none;
}

/* hide second level lists */
.pr-nav-sidebar-md .nav>.active>.nav {
    display: block;
}

/* show second-level when active */

.pr-nav-sidebar-md .nav-sidebar-text {
    padding: 15px;
    padding-left: 20px;
    border-left-width: 0;
    /* rgba(0,0,0,0); */
    color: inherit;
    font-weight: 700;
}

.pr-nav-sidebar-xs {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.97);
    /*rgba(255,255,255,0.9)*/
    border: 1px solid silver;
    border-width: 1px 0;
    padding: 15px;
    text-align: center;
}

.pr-nav-sidebar-xs>.dropdown-toggle:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 100%;
    color: #84BD00;
    padding-left: 15px;
    vertical-align: top;
    position: static;
}

.pr-nav-sidebar-xs .dropdown-backdrop {
    position: static;
}

/* needed for touch on mobile */

.pr-nav-sidebar-xs>.dropdown-toggle {
    font-weight: 600;
}

.pr-nav-sidebar-xs>.dropdown-toggle .spy-active-item {
    font-weight: normal;
}

.pr-nav-sidebar-xs>ul {
    display: none;
}

.pr-nav-sidebar-xs.open>ul {
    width: 100%;
    display: block;
}

/* cascade sidebar */

.pr-nav-scroll.sidenav-cascade a {
    color: inherit;
}

.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li>a {
    padding: 5px 10px;
}

.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li.active,
.pr-nav-scroll.sidenav-cascade .nav>li>a:hover,
.pr-nav-scroll.sidenav-cascade .nav>li>a:focus,
.pr-nav-scroll.sidenav-cascade .nav>li.active>a {
    padding-left: 10px;
    margin-left: -10px;
}

.sidenav-cascade>ul>li span[class*='currentbranch'] a {
    background: var(--green-100);
    color: #fff;
}

.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] .menu-expand-space {
    width: 30px;
    height: 30px;
}

.sidenav-cascade ul[class^=multilevel-linkul] {
    list-style: none;
    margin-top: 0;
}

.sidenav-cascade .menu-expand+a+ul[class^=multilevel-linkul] {
    display: none;
    width: 100%;
    padding-left: 20px;
    padding-top: 8px;
    text-transform: capitalize;
    font-size: 16px;
    margin: -15px 0 10px;
}

.pr-nav-sidebar-xs.sidenav-cascade .menu-expand.open~ul[class^=multilevel-linkul] {
    margin-left: 90px;
}

.sidenav-cascade .menu-expand.open+a+ul[class^=multilevel-linkul],
.pr-nav-sidebar-xs.sidenav-cascade .menu-expand.open~ul[class^=multilevel-linkul] {
    display: block;
}

.pr-nav-sidebar-xs.sidenav-cascade ul {
    text-align: left;
}

.pr-nav-sidebar-xs.sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] {
    padding-left: 60px;
}

/* end of cascade */

/* vc-sidenav-cascade (- DESKTOP - use instead of cascade sidebar setup above) */
.vc-sidenav-cascade .nav>li {
    display: flex;
    flex-flow: row wrap;
}

.vc-sidenav-cascade .nav>li>a {
    padding-left: 10px;
    flex-basis: 40px;
    flex-grow: 1;
}

.vc-sidenav-cascade .nav>li>a[href$="pdf-file/"]::after,
.pr-nav-scroll .nav>li>a[href$="pdf-file/"]::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f1c1";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    font-weight: 300;
    opacity: .8;
    vertical-align: top;
    margin-left: 10px;
    color: #3A8600;
}

.vc-sidenav-cascade .sub-menu-break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

@media screen and (min-width: 767px) and (max-width: 992px) {
    .vc-sidenav-cascade .nav>li>a {
        flex-basis: 75%;
    }
}

.vc-sidenav-cascade .menu-expand,
.vc-sidenav-cascade .menu-expand-space {
    background-color: transparent;
    border: 0 none;
    width: 1.875em;
    margin-left: 0.625em;
    height: auto;
    line-height: 1;
    padding: 0;
    display: inline-block;
}

.vc-sidenav-cascade .menu-expand::before {
    color: var(--green-100);
    content: "\f067";
    font-family: "Font Awesome 6 Pro";
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    transition: all .15s ease-in-out;
    vertical-align: baseline;
}

.vc-sidenav-cascade .menu-expand.open::before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
}

.vc-sidenav-cascade ul[class^=multilevel-linkul] {
    list-style: none;
    width: 100%;
    text-transform: none;
    font-size: 16px;
    margin-left: 1.375em;
    margin-top: -.75em;
}

.vc-sidenav-cascade ul[class^=multilevel-linkul] li {
    /*margin-bottom: 0.75em; */
    padding: .625em;
    margin-bottom: -.125em;
    line-height: 1.5em;
}

.vc-sidenav-cascade .nav>li>a:hover,
.vc-sidenav-cascade .nav>li>a:focus,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li:hover,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li:focus,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li.active,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li:hover>a,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li:focus>a,
.vc-sidenav-cascade .menu-expand.open+a+ul[class^="multilevel-linkul"] li:active>a {
    background-color: var(--green-400);
    color: inherit;
    text-decoration: none;
}

.vc-sidenav-cascade .menu-expand+a+ul[class^=multilevel-linkul],
.vc-sidenav-cascade .menu-expand+a+.sub-menu-break+ul[class^=multilevel-linkul] {
    display: none;
}

.vc-sidenav-cascade .menu-expand.open+a+ul[class^=multilevel-linkul],
.vc-sidenav-cascade .menu-expand.open+a+.sub-menu-break+ul[class^=multilevel-linkul],
.vc-sidenav-cascade .active .menu-expand+a+ul[class^=multilevel-linkul] {
    display: block;
}

/* vc-sidenav-cascade - indigenous colors */
.pr-nav-sidebar-md.vc-sidebar-indigenous>ul {
    border-left-color: #cb333b;
}

.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand::before {
    color: #cb333b;
}

.vc-sidenav-cascade.vc-sidebar-indigenous .nav>li.active>a,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li.active,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li.active>a {
    background-color: #cb333b;
    color: #fff;
}

.vc-sidenav-cascade.vc-sidebar-indigenous .nav>li>a:hover,
.vc-sidenav-cascade.vc-sidebar-indigenous .nav>li>a:focus,
.vc-sidenav-cascade.vc-sidebar-indigenous .nav>li>a:active,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:hover,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:focus,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:active,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:hover>a,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:focus>a,
.vc-sidenav-cascade.vc-sidebar-indigenous .menu-expand.open+a+ul[class^="multilevel-linkul"] li:active>a {
    background-color: #ffbdc5;
    color: #4d4d4d;
}

/** end of sidebar **/

/* Info-sessions tile */

.pr-info-box {
    background: var(--green-100);
    color: #fff;
    font-size: smaller;
    text-align: center;
    margin-top: 30px;
    padding: 15px;
    text-transform: initial;
    width: 100%;
}

@media (min-width: 991px) {
    .pr-nav-sidebar-md .pr-info-box {
        width: 70%;
    }
}


.pr-info-box hr {
    width: 68%;
    margin: 10px auto;
}

.pr-info-box .btn {
    margin-top: 15px;
    display: block;
}

.pr-info-box p {
    margin-top: 15px;
}

.pr-info-box ~ .pr-info-box,
.pr-info-tile ~ .pr-info-tile { display: none; }

.pr-nav-content h3,
.pr-nav-content .h3 {
    text-transform: uppercase;
    letter-spacing: normal;
}

.pr-tile {
    text-align: center;
    padding: 15px 20px;
}

.pr-tileIconText {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

.container-scroll .pr-tileIcon .fa,
.container-scroll .pr-tileIcon .fa:before,
.container-scroll .pr-tileIcon *[class^=fa],
.container-scroll .pr-tileIcon *[class^=fa]:before {
    color: var(--green-100) !important;
}

.container-scroll h2,
.container-scroll h3 {
    padding-left: 0;
}

.showLess-wrapper {
    position: relative;
    border-bottom: 2px solid var(--green-400);
}

/* Programs (contact section): text followed by contact form, hide form */
.smallContent+.formBox {
    display: none;
}

.smallContact-head h3 {
    padding: 15px 0 0;
    font-size: 24px;
}

/* CMP - showLess arrows are green on white!  */
.showLess-wrapper>.btn {
    color: var(--green-100);
    background-color: var(--green-400);
    right: 0;
    text-decoration: none;
    margin-bottom: 14px;
    border-radius: 0;
    font-size: 14px;
    position: absolute;
    bottom: -1em;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.showLess-sublevel-wrapper>.btn {
    color: var(--green-200);
    padding: 0 5px;
    border: 1px solid var(--green-200);
    font-size: 12px;
}

@media (max-width: 767px) {
    .showLess-sublevel-wrapper>.btn {
        margin-bottom: 0;
    }
}


.btn.showLess-show:before,
.btn.showLess-sublevel:before {
    content: "\f078";
    /* fa-chevron-down */
    font-family: "Font Awesome 6 Pro";
}

.btn.showLess-hide:before,
.open .btn.showLess-sublevel:before {
    content: "\f077";
    /* fa-chevron-up */
    font-family: "Font Awesome 6 Pro";
}

@media print {

    .showLess-wrapper>.btn,
    .showLess-sublevel-wrapper>.btn {
        display: none;
    }
}

.showLess-panel {
    position: relative;
    max-height: 300px;
    overflow: hidden;
    transition: max-height .5s ease;
}

@media print {
    .showLess-panel {
        max-height: 100%;
    }
}

.showLess-wrapper .showLess-fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
    height: 100px;
    margin-top: -100px;
    position: relative;
}

@media print {
    .showLess-wrapper .showLess-fade {
        display: none;
    }
}

/* Programs/Courses - print  */
@media print {

    .pr-curriculumCoursesList .codecol a[href]:after,
    .pr-curriculumCoursesList .hourscol a[href]:after,
    .cr-sched-crn a[href]:after {
        content: '';
    }

    .factsList-line a,
    .factsList-line a * {
        color: #000 !important;
    }

    .factsList-line a:after {
        content: '' !important;
    }

    .pr-curriculumCoursesList table thead {
        display: table-header-group;
    }

    .pr-curriculumCoursesList table td,
    .pr-curriculumCoursesList table td:first-of-type,
    .pr-curriculumCoursesList table tbody td,
    .feesgrid th,
    .feesgrid td {
        display: table-cell !important;
        padding-top: 15px;
        line-height: 1.7em;
        vertical-align: top;
    }

    .pr-curriculumCoursesList table td a[href],
    .feesgrid a[href],
    .pr-contact a[href],
    .cr-contact a[href] {
        text-decoration: none !important;
    }

    .pr-contact a[href^=tel],
    .pr-contact a[href^=mailto],
    .cr-contact a[href^=tel],
    .cr-contact a[href^=mailto] {
        display: inline-block;
    }

    .pr-curriculumCoursesList table td.titlecol a[href]::after,
    .feesgrid a[href]::after,
    .pr-contact a[href]::after,
    .cr-contact a[href]::after {
        content: "\a\a(" attr(href) ")";
        white-space: pre-line;
        display: block;
        margin-top: -3.4em;
        font-weight: normal;
    }

    .pr-contact a[href]::after,
    .cr-contact a[href]::after {
        margin: -3.4em 0 1.2em 1em;
    }

    .pr-contact a[href^=tel]::after,
    .pr-contact a[href^=mailto]::after,
    .cr-contact a[href^=tel]::after,
    .cr-contact a[href^=mailto]::after {
        content: "";
        margin-top: 0;
    }

    .pr-tile {
        display: inline-block;
    }

    .feesgrid tr {
        border-width: 0;
        border-top: 1px solid #75787b;
    }

    .feesgrid th,
    .feesgrid td {
        padding-bottom: 15px;
        border-width: 0;
    }

    .smallContact {
        font-weight: 600;
    }

    .smallContact:not(.vertical-align-center),
    .smallContact.border-left-green {
        padding: 15px;
    }

    .spacer.visible-print-block+.cr-contact {
        margin-top: 100px;
    }

}

/* ./print */

/*
	STYLE SHEET FOR JQUERY LISTNAV PLUGIN V 3.0.0, 11/22/2017
	For more information, visit http://esteinborn.github.com/jquery-listnav
*/

.listNav,
.ln-letters {
    overflow: hidden;
    margin-bottom: 20px;
}

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

.letterCountShow {
    display: block;
}

.ln-letters a {
    border: 1px solid silver;
    border-right: none;
    display: block;
    float: left;
    font-size: 1.1em;
    padding: 5px 10px;
    text-decoration: none;
    color: var(--green-100);
    background-color: var(--green-500);
    border: 1px solid #ddd;
    margin: 0 5px 15px 0;
}

.ln-letters .ln-disabled a {
    border-color: #74777a;
}

.ln-letters .ln-last {
    border-right: 1px solid silver;
}

.ln-letters a:hover,
.ln-letters .ln-selected {
    background-color: #84bd00;
    color: #000;
}

.ln-letters .ln-disabled {
    color: #74777a;
    background-color: #fff;
}

.ln-letter-count {
    color: #336699;
    font-size: .8em;
    left: 0;
    line-height: 1.35;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}

/* Courses A-Z index page */
.filter-tabs .tab-pane>h3:first-child {
    padding: 50px 15px 15px 0;
}

.filter-tabs .tab-content:focus,
.filter-tabs .tab-content>.active {
    outline: 0;
}

.filter-tabs .nav-tabs {
    border-bottom: 1px solid var(--green-100);
}

.filter-tabs .nav-tabs>li>a {
    font-size: 20px;
    font-weight: 600;
    background-color: #f0f0f0;
    color: #4d4d4d;
    padding-top: 15px;
    border-bottom: 1px solid var(--green-100);
    border-radius: 0;
    bottom: -1px;
}


.filter-tabs .nav-tabs>li.active>a,
.filter-tabs .nav-tabs>li.active>a:focus,
.filter-tabs .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-color: var(--green-100);
    border-style: solid;
    border-width: 8px 1px 0;
    border-radius: 0;
    margin-right: 0;
    padding-top: 10px;
}

.filter-tabs .nav-tabs>li>a:hover {
    color: var(--green-100);
}

.filter-tabs .nav-tabs>li>a:active,
.filter-tabs .nav-tabs>li>a:focus {
    border-bottom-color: transparent;
}

.filter-tabs .nav>li>a:focus,
.filter-tabs .nav>li>a:hover {
    text-decoration: none;
    background-color: var(--green-500);
}

/* WIL Profile */
.wil_duration+.wil_duration,
.wil_sched+.wil_sched {
    display: none;
}

/****** Helper Classes ******/

img[src=""] {
    display: none;
}

.bs-callout {
    padding: 20px;
    margin: 60px 0 80px 0;
    ;
    border: 1px solid #eee;
    border-left-width: 5px;
}

.bs-callout table td {
    border-width: 0;
    padding: 5px 10px;
}

.bs-callout-info {
    padding-left: 0;
    margin-right: -15px;
    margin-left: 15px;
}

.bs-callout-info:before {
    content: " ";
    /* \f0da fa-caret-right  */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #84bd00;
    font-size: 32px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

.bs-callout-green {
    border-left-color: #84bd00 !important;
    background-color: var(--green-400);
    color: var(--green-100);
}

.bs-callout .bs-callout-text {
    display: table-cell;
    width: 100%;
}

.bs-callout .fa,
.bs-callout *[class^=fa] {
    padding-right: 20px;
    vertical-align: middle;
}

.bs-callout-block,
.bs-callout .bs-callout-text.bs-callout-block {
    display: block !important;
}

.bs-callout-text.bs-callout-block *[class*='col-md'] {
    padding-left: 0;
}

.bs-callout-text .callout-hd {
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: 30px;
    font-weight: 300;
}

/* @media (min-width: 992px) {
  .col-md-12 .bs-callout-text { padding-right: 16.66666667%; }
} */

/* font awesome */
.fa-color-red {
    color: #e31c79;
}

.fa-color-green {
    color: var(--green-100);
}

/*#84bd00*/
.fa-color-blue {
    color: #0079B9;
}

/* icon */
.icon-size-question {
    width: 14px;
    height: 23px;
}

/* PRINT */

@media print {

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        page-break-after: avoid;
        break-after: avoid;
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    .bs-callout,
    .bs-callout-block,
    .bs-callout-green,
    .bs-callout-info,
    .crtPart-callout,
    .bs-callout-text,
    .callout-hd {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .moreSpan,
    .moreSpanHide {
        display: block !important;
    }

    .moreLink {
        display: none !important;
    }
}

/*****************************************
 * International page layout adjustments
 *****************************************/

.site-search-international button {
    width: 30px;
    background-image: url(https://www.vcc.ca/media/vancouver-community-college/style-assets/css/style-images/magnifying_glass_16x16.png);
    background-repeat: no-repeat;
    background-position: 8px 5px;
}

#m-site-search input {
    padding: 4px 0.8075370121130552%;
    width: 78.38492597577389%;
    margin-right: 0px;
    display: block;
    float: left;
    height: 30px;
}

#m-site-search button {
    width: 19.34%;
    display: inline-block;
    float: left;
    height: 30px;
    padding: 4px 0.6329113924050633%;
    background-position: 48% 7px;
    background-repeat: no-repeat;
    margin: 0;
}

#m-site-search.site-search-international button {
    background-image: url(https://www.vcc.ca/media/vancouver-community-college/style-assets/css/style-images/magnifying_glass_16x16.png);
}

body.homepage .hiddenDomestic,
body.inner-page .hiddenDomestic,
body:not(.international-innerpage) div.inner-page .hiddenDomestic,
body.international-homepage .hiddenIE,
div.international-homepage .hiddenIE,
body.international-innerpage .hiddenIE {
    display: none !important;
}

body:not(.ie-page) .hiddenDomestic,
body.ie-page .hiddenIE {
    display: none !important;
}

/****
 Microsite inherite
****/

.news-date,
.news-feature-list .feature-date {
    font-size: 16px;
}

/****
Left-nav landing page
****/

.microsite-header+*+.container-fluid>h1,
.left-nav-h2 {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 20px !important;
    text-transform: none !important;
}

.left-nav-h3 {
    font-size: 30px !important;
    font-weight: 600 !important;
    padding-bottom: 20px !important;
    text-transform: none !important;
}



/** News item row */
.row-news-item h3,
.row-news-item .h3 {
    font-size: 20px;
}

.row-news-item a {
    color: #343a40 !important;
    text-decoration: none !important;
}

.row-news-item a:hover p.teaser {
    color: var(--green-100) !important;
    text-decoration: underline !important;
}

.row-news-item p.teaser:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-left: 0.5rem;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    transition: margin .1s;
}

.row-news-item a:hover p.teaser:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-left: 1rem;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    transition: margin .1s;
}

.row-news-content-item .main {
    background: #F0F0F0;
    padding: 35px 0;
}

.row-news-content-item .main *:last-child {
    margin-bottom: 0;
}

/** Awards and News on Program pages */

ul.awards-list {
    list-style-type: none;
    margin-right: 20px;
}

ul.awards-list li {
    padding-left: 35px;
    padding-bottom: 10px;
    line-height: 1.5em;
}

ul.awards-list li::before {
    content: "\f091";
    /* fa trophy */
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-left: 1rem;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    position: relative;
    margin-left: -41px;
    margin-right: 20px;
    opacity: .75;
}

a.link-arrow::after,
a .link-arrow::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    transition: transform .1s;
    transform: translate(0.75rem, 0px);
}

a.link-arrow:hover::after,
a .link-arrow:hover::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    transition: transform .1s;
    transform: translate(1.25rem, 0px);
}

  
/** Table overrides to simplify Bootstrap **/
table.table-fixed thead {
    display: table-header-group !important;
}

table.table-fixed thead th {
    background-color: #f0f0f0;
}

table.table-fixed tr>*:first-child {
    background-color: #f0f0f0;
    width: 40%;
}

table.table-fixed td:before {
    content: none;
}

table.table-fixed td {
    display: table-cell;
}

/* Additions to existing layouts using HHK prefixes */
.hhk-secondary-page h1 {
    margin: 0;
    padding: 0;
}

.hhk-content-block .call-out a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-left: 0.75rem;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: var(--green-100);
    transition: margin .1s;
}

.hhk-content-block .call-out a:hover:after {
    margin-left: 1rem;
    transition: margin .1s;
}

.hhk-content-block a[href$=".pdf"]::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f1c1";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    margin-right: 4px;
    font-weight: 300;
    opacity: .8;
    vertical-align: top;
    margin-left: 4px;
}

.hhk-content-block a.vcc-pdf-icon-start[href$=".pdf"]::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f1c1";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    margin-right: 4px;
    font-weight: 300;
    opacity: .8;
    vertical-align: top;
    margin-left: 4px;
}

.hhk-content-block a.vcc-pdf-icon-start[href$=".pdf"]::after {
    content: none;
}


/* New Styles 2023 */

/** start: style-c overrides
 ******************
  */
.card {
    height: auto !important;
}

.card.h-100 {
    height: 100% !important;
}

.margin-bottom-20,
margin-bottom-5 {
    margin-bottom: 0 !important;
}

.nav-secondary {
    font-size: .7em;
}

#nav-search #q {
    font-size: 16px;
}

@media (min-width: 768px) {
    .nav-secondary {
        font-size: .9em;
    }
}

/** end: style-c overrides
******************
*/

/** start: general styles
******************
*/


script,
style {
    display: none !important;
}

html,
body {
    font-size: 18px;
}

b,
strong {
    font-weight: 600;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    text-transform: none !important;
}

#content-wrap-body #pr-nav-content p {
    margin-bottom: var(--spacer);
}

#content-wrap-body #pr-nav-content div:last-child p:last-child {
    margin-bottom: 0 !important;
}

#content-wrap-body #pr-nav-content ul li:not(:last-child),
#content-wrap-body ol li:not(:last-child) {
    margin-bottom: calc(var(--spacer) * .5);
}

.breadcrumb {
    font-size: .8rem;
}

.breadcrumb li a {
    color: #555;
    padding-right: 5px;
}

.breadcrumb li::after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    color: #445C6A;
    font-size: .6rem;
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
}

.breadcrumb li:last-child::after {
    content: none;
}

.vcc-indigenous #pr-nav-content h1 {
    position: relative;
}

.vcc-indigenous #pr-nav-content h1::after {
    content: "";
    position: absolute;
    right: 0;
    /* Align the pseudo-element to the right side of the .element */
    bottom: 8px;
    /* Align the bottom of the pseudo-element with the bottom of .element */
    width: 100%;
    /* Make the pseudo-element the full width of .element */
    height: 2px;
    /* The height of the line */
    background: linear-gradient(to left, transparent, var(--vcc-indigenous-primary));
    background-size: auto 100%;
    /* Adjust the size of the image as required */
}

.vcc-indigenous #pr-nav-content h1::before {
    content: "";
    position: absolute;
    right: 0;
    /* Position image to the right */
    bottom: 0;
    /* Align the bottom of the image with the bottom of .element */
    height: 17px;
    /* Desired height of the image */
    width: 36px;
    /* Set the width to maintain the aspect ratio */
    background: url('https://www.vcc.ca/media/vancouver-community-college/content-assets/image/departments/indigenous/services-aboriginal-eagle-red.png') no-repeat right center;
    background-size: contain;
    /* Ensures the image fits within the given dimensions */
}


h2.tag-label {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.vcc-indigenous h2.tag-label {
    color: var(--vcc-indigenous-primary);
}

.vcc-blockquote::before {
    content: "\f10d";
    font: var(--fa-font-sharp-solid);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-bottom: calc(var(--spacer) * 1);
    display: block;
    font-size: 2em;
    color: var(--vcc-dark);
}

.vcc-blockquote footer {
    margin-top: 0;
    text-align: right;
    color: #4d4d4d;

}

/** end: general styles
******************
*/

/** start: template full-width for program
 ******************
  */

.program-content .marketingVideo iframe {
    aspect-ratio: 16/9 !important;
    width: 100%;
    height: auto !important;
}

.program-details ul.vcc-sidebar-nav-menu .list-group-item.active,
ul.vcc-sidebar-nav-menu .list-group-item.active-parent {
    display: block !important;
}

.program-details ul.vcc-sidebar-nav-menu .list-group-item.active .btn-success {
    background-color: var(--green-100);
    color: #fff !important;
    border: 1px solid var(--green-100);
}

/** end: template full-width for program
 ******************
  */

/** start: template full-width for services
 ******************
  */

.row-stretched {
    position: relative;
    /* Needed for absolute positioning of the pseudo-element */
}

.row-stretched::before {
    content: '';
    /* Needed for the pseudo-element to display */
    display: block;
    /* Makes the pseudo-element a block-level element */
    position: absolute;
    /* Positions it absolutely within the .row-stretched */
    top: 0;
    /* Aligns the top of the pseudo-element */
    left: 0;
    /* Align the pseudo-element with the left edge of .row-stretched */
    width: 100vw;
    /* Sets the width to the full viewport width */
    height: 100%;
    /* Matches the height of the .row-stretched */
    z-index: -1;
    /* Places the background behind the content */
    background-color: inherit;
    margin-left: calc(-50vw + 50%);
    /* Adjust for the offset created by .row-stretched's parent */
}


/** end: template full-width for services
******************
*/

/** start: sidebar style
 ******************
  */

.vcc-sidebar {
    flex-direction: column;
    margin-bottom: calc(var(--spacer) * 2);
    gap: calc(var(--spacer) * 3);
    font-size: 18px;
}

.vcc-sidebar>* {
    display: none;
}

/* This will hide the default item by default */
.vcc-sidebar-container .vcc-sidebar-default {
    display: none !important;
}

/* This will show the default item only if it's the only child in the sidebar */
.vcc-sidebar-container :only-child.vcc-sidebar-default {
    display: flex !important;
}

/** start: new: sidebar nav */
.vcc-sidebar-default-nav h2.tag-label {
    cursor: pointer;
}

ul.vcc-sidebar-nav-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid var(--vcc-grey);
    border-radius: 2px;
}

ul.vcc-sidebar-nav-menu li {
    margin: 0;
    padding: 0;
    border: none;
}

ul.vcc-sidebar-nav-menu>li.list-group-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
    border-bottom: 1px solid var(--vcc-grey);
    margin-bottom: 0px !important
        /* to override a different style */
}

ul.vcc-sidebar-nav-menu>li:last-child {
    border-bottom: none;
}

ul.vcc-sidebar-nav-menu li a {
    margin: 0;
    padding: var(--spacer);
    padding-right: 0;
    display: block;
    border: none;
    color: var(--vcc-dark);
}

.toggle-icon {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.toggle-icon::before,
.toggle-icon[aria-expanded=false]::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    font-size: .7rem;
    cursor: pointer;
    color: var(--vcc-dark);
    padding: 0 calc(var(--spacer) * 2);
    padding-left: var(--spacer);
    content: '\f078';
}

.toggle-icon[aria-expanded=true]::before {
    content: '\f077';
}

ul.vcc-sidebar-nav-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    grid-column: 1 / 3;
}

ul.vcc-sidebar-nav-menu .list-group-item.active,
ul.vcc-sidebar-nav-menu .list-group-item.active-parent {
    background-color: transparent;
}

ul.vcc-sidebar-nav-menu li.active>a,
ul.vcc-sidebar-nav-menu li.active>span {
    background-color: var(--green-500);
    color: var(--vcc-body-text);
}

.vcc-indigenous ul.vcc-sidebar-nav-menu li.active>a,
.vcc-indigenous ul.vcc-sidebar-nav-menu li.active>span {
    background-color: var(--vcc-indigenous-primary);
    color: var(--vcc-indigenous-primary-body-text);
}

ul.vcc-sidebar-nav-menu li.active>a {
    color: var(--vcc-body-text);
}

/**ul.vcc-sidebar-nav-menu li.active > a::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 700;
  font-size: .7rem;
  content: '\f054';
  padding-right: var(--spacer);
}*/

ul.vcc-sidebar-nav-menu .list-group-item>ul:not([id]) {
    // display: none;
}

ul.vcc-sidebar-nav-menu ul li a {
    padding: calc(var(--spacer) / 2);
    padding-left: calc(var(--spacer) * 2.75);
    border: none;
}

ul.vcc-sidebar-nav-menu .list-group-item-action:focus,
ul.vcc-sidebar-nav-menu .list-group-item-action:hover,
ul.vcc-sidebar-nav-menu .list-group-item-action:active {
    background-color: #fff;
}

/** end: new: sidebar nav */

/** start: new: card layout */
.vcc-card-body {
    border-top: 5px solid var(--green-200);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: calc(var(--spacer) * 2);
}

.vcc-card-title {
    padding: 0;
    margin: 0;
    margin-bottom: calc(var(--spacer));
}

.vcc-card-text {
    padding: 0;
    margin: 0;
}

.vcc-card-button {
    display: flex;
    justify-content: flex-end;
}
  
.vcc-card-button .link-arrow.link-readmore-underline {
  margin-bottom: var(--spacer);
}

.vcc-card-primary {
    background: var(--vcc-lighter);
}

.vcc-card-primary .vcc-card-title {
    color: var(--vcc-dark);
}

.vcc-card-secondary {
    background: var(--vcc-grey);
}

.vcc-card-secondary .vcc-card-title {
    color: var(--vcc-grey-primary-contrast-text);
}

/** end: new: card layout */

/** start: refactor: sidebar util */
.vc-sidebar-util {
    border: 1px solid #dee2e6;
    border-top: 4px solid var(--green-100);
}

.vc-sidebar-util h3 {
    font-weight: 300;
    background-color: var(--vcc-lighter);
    margin: 0;
    padding: calc(var(--spacer) * 2);
}

.vc-sidebar-util ul {
    font-size: 1rem;
    margin: 0;
    padding: calc(var(--spacer) * 2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * 0.5);
    list-style-position: inside;
}

.vc-sidebar-util ul li {
    padding: 0;
}

/** end: refactor: sidebar util */

/** end: sidebar style
 ******************
  */

@media (min-width: 576px) {

    #content-wrap-body, p, ul, ol {
        font-size: 1rem;
    }

    .breadcrumb {
        font-size: .8rem;
    }

    .breadcrumb li a {
        padding-right: 10px;
    }

    .breadcrumb li::after {
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .breadcrumb {
        font-size: .9rem;
    }
}

@media (min-width: 992px) {
    .vcc-sidebar>* {
        display: block;
    }
}

@media (min-width: 1200px) {
    .vcc-sidebar {
        margin-bottom: calc(var(--spacer) * 3);
    }
}

@media (min-width: 1400px) {}

/** start: 2023 vcc utility classes
 ******************
*/

:root {
    --spacer: 12px;
}

.aspect-ratio-16-9 iframe {
    aspect-ratio: 16 / 9;
}

.vcc-mt-1 {
    margin-top: calc(var(--spacer) * 1) !important;
}

.vcc-mt-2 {
    margin-top: calc(var(--spacer) * 2) !important;
}

.vcc-mt-3 {
    margin-top: calc(var(--spacer) * 3) !important;
}

.vcc-mt-4 {
    margin-top: calc(var(--spacer) * 4) !important;
}

.vcc-mb-0 {
    margin-bottom: 0 !important;
}

.vcc-mb-1 {
    margin-bottom: calc(var(--spacer) * 1) !important;
}

.vcc-mb-2 {
    margin-bottom: calc(var(--spacer) * 2) !important;
}

.vcc-mb-3 {
    margin-bottom: calc(var(--spacer) * 3) !important;
}

.vcc-mb-4 {
    margin-bottom: calc(var(--spacer) * 4) !important;
}

.vcc-my-1 {
    margin-bottom: calc(var(--spacer) * 1) !important;
    margin-top: calc(var(--spacer) * 1) !important;
}

.vcc-my-2 {
    margin-bottom: calc(var(--spacer) * 2) !important;
    margin-top: calc(var(--spacer) * 2) !important;
}

.vcc-my-3 {
    margin-bottom: calc(var(--spacer) * 3) !important;
    margin-top: calc(var(--spacer) * 3) !important;
}

.vcc-my-4 {
    margin-bottom: calc(var(--spacer) * 4) !important;
    margin-top: calc(var(--spacer) * 4) !important;
}

.vcc-ms-1 {
    margin-left: calc(var(--spacer) * 1) !important;
}

.vcc-ms-2 {
    margin-left: calc(var(--spacer) * 2) !important;
}

.vcc-ms-3 {
    margin-left: calc(var(--spacer) * 3) !important;
}

.vcc-ms-4 {
    margin-left: calc(var(--spacer) * 4) !important;
}

.vcc-me-1 {
    margin-right: calc(var(--spacer) * 1) !important;
}

.vcc-me-2 {
    margin-right: calc(var(--spacer) * 2) !important;
}

.vcc-me-3 {
    margin-right: calc(var(--spacer) * 3) !important;
}

.vcc-me-4 {
    margin-right: calc(var(--spacer) * 4) !important;
}

.vcc-mx-1 {
    margin-right: calc(var(--spacer) * 1) !important;
    margin-left: calc(var(--spacer) * 1) !important;
}

.vcc-mx-2 {
    margin-right: calc(var(--spacer) * 2) !important;
    margin-left: calc(var(--spacer) * 2) !important;
}

.vcc-mx-3 {
    margin-right: calc(var(--spacer) * 3) !important;
    margin-left: calc(var(--spacer) * 3) !important;
}

.vcc-mx-4 {
    margin-right: calc(var(--spacer) * 4) !important;
    margin-left: calc(var(--spacer) * 4) !important;
}
      
.vcc-px-0 { 
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (min-width: 576px) {
    .vcc-mt-sm-1 {
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-mt-sm-2 {
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-mt-sm-3 {
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-mt-sm-4 {
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-mb-sm-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
    }

    .vcc-mb-sm-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
    }

    .vcc-mb-sm-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
    }

    .vcc-mb-sm-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
    }

    .vcc-my-sm-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-my-sm-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-my-sm-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-my-sm-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-ms-sm-1 {
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-ms-sm-2 {
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-ms-sm-3 {
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-ms-sm-4 {
        margin-left: calc(var(--spacer) * 4) !important;
    }

    .vcc-me-sm-1 {
        margin-right: calc(var(--spacer) * 1) !important;
    }

    .vcc-me-sm-2 {
        margin-right: calc(var(--spacer) * 2) !important;
    }

    .vcc-me-sm-3 {
        margin-right: calc(var(--spacer) * 3) !important;
    }

    .vcc-me-sm-4 {
        margin-right: calc(var(--spacer) * 4) !important;
    }

    .vcc-mx-sm-1 {
        margin-right: calc(var(--spacer) * 1) !important;
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-mx-sm-2 {
        margin-right: calc(var(--spacer) * 2) !important;
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-mx-sm-3 {
        margin-right: calc(var(--spacer) * 3) !important;
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-mx-sm-4 {
        margin-right: calc(var(--spacer) * 4) !important;
        margin-left: calc(var(--spacer) * 4) !important;
    }
}


@media (min-width: 768px) {
    .vcc-mt-md-1 {
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-mt-md-2 {
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-mt-md-3 {
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-mt-md-4 {
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-mb-md-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
    }

    .vcc-mb-md-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
    }

    .vcc-mb-md-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
    }

    .vcc-mb-md-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
    }

    .vcc-my-md-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-my-md-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-my-md-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-my-md-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-ms-md-1 {
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-ms-md-2 {
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-ms-md-3 {
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-ms-md-4 {
        margin-left: calc(var(--spacer) * 4) !important;
    }

    .vcc-me-md-1 {
        margin-right: calc(var(--spacer) * 1) !important;
    }

    .vcc-me-md-2 {
        margin-right: calc(var(--spacer) * 2) !important;
    }

    .vcc-me-md-3 {
        margin-right: calc(var(--spacer) * 3) !important;
    }

    .vcc-me-md-4 {
        margin-right: calc(var(--spacer) * 4) !important;
    }

    .vcc-mx-md-1 {
        margin-right: calc(var(--spacer) * 1) !important;
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-mx-md-2 {
        margin-right: calc(var(--spacer) * 2) !important;
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-mx-md-3 {
        margin-right: calc(var(--spacer) * 3) !important;
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-mx-md-4 {
        margin-right: calc(var(--spacer) * 4) !important;
        margin-left: calc(var(--spacer) * 4) !important;
    }
}


@media (min-width: 992px) {
    .vcc-mt-lg-1 {
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-mt-lg-2 {
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-mt-lg-3 {
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-mt-lg-4 {
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-mb-lg-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
    }

    .vcc-mb-lg-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
    }

    .vcc-mb-lg-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
    }

    .vcc-mb-lg-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
    }

    .vcc-my-lg-1 {
        margin-bottom: calc(var(--spacer) * 1) !important;
        margin-top: calc(var(--spacer) * 1) !important;
    }

    .vcc-my-lg-2 {
        margin-bottom: calc(var(--spacer) * 2) !important;
        margin-top: calc(var(--spacer) * 2) !important;
    }

    .vcc-my-lg-3 {
        margin-bottom: calc(var(--spacer) * 3) !important;
        margin-top: calc(var(--spacer) * 3) !important;
    }

    .vcc-my-lg-4 {
        margin-bottom: calc(var(--spacer) * 4) !important;
        margin-top: calc(var(--spacer) * 4) !important;
    }

    .vcc-ms-lg-1 {
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-ms-lg-2 {
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-ms-lg-3 {
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-ms-lg-4 {
        margin-left: calc(var(--spacer) * 4) !important;
    }

    .vcc-me-lg-1 {
        margin-right: calc(var(--spacer) * 1) !important;
    }

    .vcc-me-lg-2 {
        margin-right: calc(var(--spacer) * 2) !important;
    }

    .vcc-me-lg-3 {
        margin-right: calc(var(--spacer) * 3) !important;
    }

    .vcc-me-lg-4 {
        margin-right: calc(var(--spacer) * 4) !important;
    }

    .vcc-mx-lg-1 {
        margin-right: calc(var(--spacer) * 1) !important;
        margin-left: calc(var(--spacer) * 1) !important;
    }

    .vcc-mx-lg-2 {
        margin-right: calc(var(--spacer) * 2) !important;
        margin-left: calc(var(--spacer) * 2) !important;
    }

    .vcc-mx-lg-3 {
        margin-right: calc(var(--spacer) * 3) !important;
        margin-left: calc(var(--spacer) * 3) !important;
    }

    .vcc-mx-lg-4 {
        margin-right: calc(var(--spacer) * 4) !important;
        margin-left: calc(var(--spacer) * 4) !important;
    }
}


@media (min-width: 1200px) {}

/** end: 2023 vcc utility classes
 ******************
*/

@media (max-width: 575.98px) {

    .vcc-sidebar-default-nav-col {
        padding-left: 0;
        padding-right: 0;
        box-shadow: 2px 2px 2px #f9f9f9;
    }

    .vcc-sidebar-default-nav h2.tag-label {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
        border-bottom: 1px solid var(--vcc-grey);
        font-size: .9em;
    }

    ul.vcc-sidebar-nav-menu {
        border-right: none;
        border-left: none;
        border-top: none;
    }
}


@media (max-width: 767.98px) {}


@media (max-width: 991.98px) {

    .sub-menu-nav {
        display: none;
    }

    .sub-menu-nav.show {
        display: block;
    }

}


@media (max-width: 1199.98px) {}


@media (max-width: 1399.98px) {}


/** start: 2023 bootstrap overrides
 ******************
*/
.accordion-button:not(.collapsed) {
    color: var(--vcc-dark);
    background-color: var(--vcc-lighter);
}

.accordion-button::after {
    font-size: 1rem;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    background-image: none !important;
}

.accordion-body :last-child {
    margin-bottom: 0;
}

.accordion+*:not(.accordion) {
    margin-top: calc(var(--spacer) * 3) !important;
}

.alert {
    padding: calc(var(--spacer) * 2);
    margin: 0;
    border: none;
    border-left: 5px solid #84BD00;
    background-color: #E9EEF2;
    color: #055160 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.alert i {
    margin-top: 2px;
    /*font-size: 1.5rem;*/
}

#pr-nav-content .alert {
    margin-bottom: calc(var(--spacer) * 3);
}

.alert-success,
.alert-info {
    border-left-color: #84BD00;
}

.alert-success i,
.alert-info i {
    color: #84BD00;
}

.alert-danger {
    border-left-color: #DA1F3D;
}

.alert-danger i {
    color: #DA1F3D;
}

.alert-warning {
    border-left-color: #DBC00D;
}

.alert-warning i {
    color: #DBC00D;
}

.alert-red {
    background-color: #cb333b !important;
    color: #fff !important;
}

.opacity-100 {
    opacity: 1;
}

.opacity-75 {
    opacity: .75;
}

.opacity-50 {
    opacity: .5;
}

.opacity-25 {
    opacity: .25;
}

/** end: 2023 bootstrap overrides
 ******************
*/

/** start: vcc specific elements adjustments
 ******************
*/
.showLess-wrapper>.btn {
    height: 2rem;
}

.btn.showLess-show:before,
.btn.showLess-sublevel:before,
.btn.showLess-hide:before,
.open .btn.showLess-sublevel:before {
    left: 35%;
    bottom: auto;
    width: 0;
}

@media (min-width: 992px) {
  .infosess-pr-links {
     position:absolute;
     top:0;
     right:0;
  }
}