/************ style-b.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

/* 
  2023/2024 - brand reskin changes

  1. Navy blue (.darkBlue) - #002855 >> Dark green (.bg-green-100) - #043D2B 

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

@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);
}

: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 */


/* Green background color classes */
.bg-green-100 {
    background-color: var(--green-100);
    color: white;
}

/* Dark Green */
.bg-green-100 a {
    color: white !important;
}

.bg-green-200 {
    background-color: var(--green-200);
    color: white;
}

/* Utility Nav Green */
.bg-green-200 a {
    color: white !important;
}

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

/* Original Green */
.bg-green-400 {
    background-color: var(--green-400);
}

/* Light Green */
.bg-green-500 {
    background-color: var(--green-500);
}

/* Lightest Green */

/* Gray background color classes */
.bg-gray-100 {
    background-color: var(--gray-100);
}

/* Body Font Gray */
.bg-gray-200 {
    background-color: var(--gray-200);
}

/* Dark Gray */
.bg-gray-300 {
    background-color: var(--gray-300);
}

/* Medium Gray */
.bg-gray-400 {
    background-color: var(--gray-400);
}

/* Light Gray */
.bg-gray-500 {
    background-color: var(--gray-500);
}

/* Lightest Gray */

/* Green text color classes */
.text-green-100 { color: var(--green-100); } /* Dark Green */
.text-green-200 { color: var(--green-200); } /* Utility Nav Green */
.text-green-300 { color: var(--green-300); } /* Original Green */
.text-green-400 { color: var(--green-400); } /* Light Green */
.text-green-500 { color: var(--green-500); } /* Lightest Green */

/* Gray text color classes */
.text-gray-100 { color: var(--gray-100); } /* Body Font Gray */
.text-gray-200 { color: var(--gray-200); } /* Dark Gray */
.text-gray-300 { color: var(--gray-300); } /* Medium Gray */
.text-gray-400 { color: var(--gray-400); } /* Light Gray */
.text-gray-500 { color: var(--gray-500); } /* Lightest Gray */

html,app
body,
#content-wrap-body { height: 100%; }

/* Container width custom to VCC */

@media (min-width: 768px) {
	.container { width: 750px; }
}

@media (min-width: 992px) {
	.container { width: 970px; } /*970px*/
}

@media (min-width: 1200px) {
	.container { width: 1170px; } /*1170px*/
}

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

.containerWide .container { 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 */

@media (max-width: 768px) {
	.navbar-header { display: block; } /*inline-block*/
    }
    
@media (max-width: 992px) {
	.navbar-header { float: none; }

	.navbar-toggle { display: block; }

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-collapse.collapse { display: none!important; }

	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}

	.navbar-nav>li { float: none; }

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-text {
		float: none;
		margin: 15px 0;
	}

	/* Bootstrap since 3.1.0 */
	.navbar-collapse.collapse.in { display: block!important; }

	.collapsing { overflow: hidden!important; }
}


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

a:hover,
a:focus {
  color: var(--green-100);
  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,
  .breadcrumb  a[href]:after {
    content: '';
  }

  .breadcrumb { display: none !important; }
}

/*
.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: #043D2B; }	/* header #002855*/

.blueDarkBorder { border-color: #043D2B; }

.blueDarkText,
.blueDarkText a,
.blueDarkText a:link,
.blueDarkText a:visited,
.blueDarkText a:hover,
.blueDarkText a:focus,
.blueDarkText a:active { color: #043D2B; }

.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-500); }
.greenLight { background-color: var(--green-400); }
.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: #5daab4; }
.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: var(--green-100); }
.muteblue-jobs-border { border-color: var(--green-100); }
.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;
	font-size: 18px;
	line-height: 1.7em;
	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:#5DA311; 
      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; }

 ul li { line-height: 1.8em; }

.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; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	color: inherit;
	font-weight: 600;
	line-height: 1.5em;
	margin: 0;
	padding: 15px;
	text-rendering: optimizelegibility;
	/*letter-spacing: -1px;*/
}

h1, .h1 { font-size: 33px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 20px; }

.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,
.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,
.h1 .darkBlock {
	/*display: block;*/
	padding: 5%;
	min-height: 300px;
}

@media (max-width: 768px) {
	.jumbotronHead h1,
	.jumbotronHead .h1 { padding-right:0; }

	.darkBlock,
	h1 .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: #000; }

.jumboP,
.jumboP .lead {
	line-height: 1.5;
	font-size: 24px;
	font-weight: 300;
	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 #84bd00;
    background-color: #84bd00;
}

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-success {               /* = greenButton */
	background-color: var(--green-100);
	/*background-image: linear-gradient(to bottom, #7fba00, #819705);
	background-repeat: repeat-x;*/
	border: 1px solid var(--green-100);
	/*border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*/
	color: #fff;
 	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	/*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	background-color: #84bd00;
	color: #fff;
	border: 1px solid #84bd00;
}

.btn-success:active,
.btn-success.active { background-color: #84bd00 \9; }

/* Waitlist button on courses */

.btn-wait {               /* = greenButton */
	background-color: #dbd370;
	border: 1px solid #dbd370;
	color: #4d4d4d;
 	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;
	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 #84bd00;
	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: #043D2B; /* #002855 */
	border: 2px solid #043D2B; /* #002855 */
	color: #fff;
}

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

/* .btnLink - 'contact' buttons on subarea pages */
.btnLink {
	color: #327E00;/*#3a8600*/
	background-color: #F0F0F0;
}

.btnLink:hover,
.btnLink:focus,
.btnLink:active,
.btnLink.active,
.open .dropdown-toggle.btnLink {
	color: #3a8600;
	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:#3a8600;
		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                  */
.alertbarContainer {
  width: 100%;
  background-color: #043D2B; /* default #002855 */
  color: #fff;
  font-family: 'Source Sans Pro',Arial,'EdmondSans', 'Helvetica Neue', Helvetica, sans-serif;
  padding: 3px 0;
  line-height: 1.8em;
  margin-bottom: 5px;
}

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; }

.navbar-brand { height: 100%; }

@media (min-width: 992px) {
	.navbar-brand { padding-left: 0; }
}

@media (max-width: 992px) {
	.navbar-brand { padding-bottom: 15px; } /*30px*/
}

.navbar-brand img {
	border: 2px solid #fff;
  margin-left: 0;
}

.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%;
 }
}

@media (max-width: 767px) {
  .navbar-brand > img { width: 68px !important; } /* 55% */
  .navbar-brand span > img { width: 100%; }
  #navTopMobile .header-site-title {
    font-size: calc(24px + (33 - 24) * ((100vw - 300px)/(1600 - 300))); /* font size 28-34px (1.8-2.118em) */
    -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 */
    /*text-align: right;*/
    padding-left: 0;
    margin-top: 15px;
    margin-right:10px;
    float: none;
    display: block;
  }
}

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

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

header { border-top: 5px solid #4d4d4d; }

@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: #687c87;
	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 #043D2B; /* #002855 */
	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 #043D2B; /* #002855 */
	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 #002855;
	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; }


/*** Breadcrumbs ***/
.breadcrumb {
	background-color: #fff;
	margin: 15px 0 15px 0;
	font-size: 85%;
    padding: 0 !important;
}

.breadcrumb>li+li:before {
	content: "\f054"; /* fa-chevron-right */
	font-family: "Font Awesome 6 Pro";
	color: #445C6A;
	width: 1.28571429em;
	text-align: center;
	vertical-align: middle;
}

.breadcrumb>li a { padding: 0 10px; }

.breadcrumb>li:first-child a { padding-left: 0; }

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

/*** Footer ***/
footer { font-size: 0.875em; }

footer h4 {
	font-weight: 600;
	text-transform: uppercase;
	padding-left:0;
}

footer address { margin-bottom: 0; }

footer > div { padding-top: 10px; }

footer .blackText h4,
footer .blackText ul li a { color: #2d2d2d; }

footer .fa,
footer *[class^=fa] { padding-right: 5px; }

footer .panel { padding: 20px; }

footer #subscribeBox {
	margin-top: 15px;
	margin-left: 10px;
}

@media (min-width: 768px) {
	footer #subscribeBox { margin-left: 0px; }
}

footer #social-follow {
	padding-left: 15px;
	border-left: 1px solid #2d2d2d;
}

footer div.container-fluid { padding-top: 0; }

footer #footer-meta { 
  margin: 7px 0; 
  text-align: center;
}

footer #footer-meta ul { margin: 0; }

footer #footer-meta .list-inline>li { padding: 0; }

footer #footer-meta li a {
	border-right: 1px solid #fff;
	padding: 0 8px 0 6px;
}

footer #footer-meta li:last-child a { border-right: none; }

footer #feedbackBox,
footer .feedback_box {
	background-color: #000;
	margin: 0;
	padding: 6px 25px 8px;
	white-space: nowrap;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
}

footer #feedbackBox:hover,
footer .feedback_box:hover,
footer #feedbackBox:active,
footer .feedback_box:active {
  background-color: #cbd2d9;
  color: #000;  
}


/*** 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;
}

@media (max-width: 991px) {
  /*footer #feedbackBox { position: relative; }*/
  footer #feedbackBox,
  footer .feedback_box { display: none !important; }    
}

/*** 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;
	height: 100%;
}

.left2cols,
.right2cols {
	height: 100%;
	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: #5DA311;
}

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: #3a8600;
  }
  

  
  .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);*/
    background-color: var(--green-100);
	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;
  padding: 3px 20px;
}

.pa-linksBadge a:nth-child(even) { background-color: var(--green-500); } /* 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%; /*75%*/
	color: #84BD00;
	padding-left: 5px;
	vertical-align: top;
	position:static;
	float: right;
}

.toggleAll:after,
.toggleAll.allActive:after {
	margin-right: 0px;/*-15px*/
  padding-left: 15px;
	/*padding-left: 5px;
	color: #508a0e;*/
	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";
}


@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: 767px) {
	.nogrid .pa-container.col-md-6:first-child { padding-right: 50px; } /*30px*/
  .nogrid .pa-container.col-md-6:nth-child(3) { padding-left: 50px; } /*30px*/

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


/* 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); } /* #3a8600 */
.pa-CS a.sa-headLink h4 { background-color: #647982; }
a.sa-headLink:hover h4 { background-color: #84bd00; } /*#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: #f0f0f0 !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: 19px;
	line-height: 1.7em;
	font-weight: 600;
}

/* 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 #687c87;
	color: #687c87;
}

.progPart hr {
	border-top: 1px solid #4bcedf;
	color: #4bcedf;
}

.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);/*#f5fbfe*/
	border-top-color: var(--green-500);
}

@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 #3a8600;
    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 #a5e6ef; }
.progrmasLines tr.part-time:last-of-type  > td { border-bottom: 1px solid #4bcedf; }

.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 'Images gallery BS' */

.gallery {
	display: inline-block;
	padding: 0 5px;
}

.gallery.list-group { margin-bottom: 0; }
.gallery [class^='col-'] { padding: 0; }
.gallery .thumbnail { border: 0; }
.gallery .thumbnail img {
	max-width: 200px;
	max-height: 200px;
}

@media (min-width: 992px) {
	.gallery { margin: 0 -12%; } /*-8.33333333%*/
}

@media (max-width: 992px) {
	.gallery .thumbnail img {
		max-width: 100%;
		height: auto!important;
	}
}

/* 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 #3a8600;
		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; }
.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;
  max-width: 100%;
  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; }

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,
ul.list-filtered .h4 { 
  padding-left: 0; 
  margin-top: 25px;
}

ul.list-filtered h4 span.splitter,
ul.list-filtered .h4 span.splitter {
  background-color: #e6f2cc;
  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 .h1,
.hdAlignLeft h2, .hdAlignLeft .h2,
.hdAlignLeft h3, .hdAlignLeft .h3,
.hdAlignLeft h4, .hdAlignLeft .h4,
.hdAlignLeft h5, .hdAlignLeft .h5,
.hdAlignLeft h6, .hdAlignLeft .h6,
.container-fluid.hdAlignLeft { padding:0; }

h1.hdAlignLeft, .h1.hdAlignLeft,
h2.hdAlignLeft, .h2.hdAlignLeft,
h3.hdAlignLeft, .h3.hdAlignLeft,
h4.hdAlignLeft, .h4.hdAlignLeft,
h5.hdAlignLeft, .h5.hdAlignLeft,
h6.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: 100vh; } //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: #3a8600; /*#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 #84bd00;
  padding-top: 15px;
  margin-bottom: 20px;
  line-height: 2em;
  font-size: 20px;
}

@media (min-width:991px){
.factsList { border-right: 3px solid #84bd00; }
}
@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: #e6f2cc;
  display: inline-block;
  margin-left:-15px;
  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:#5da311 !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: #5da311 !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-200); }

.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: 0 0 80px; }

@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: #666;
}

/* 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-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: var(--green-500); } /* #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: #84bd00 solid 1px !important;  }
  .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 #3a8600; }

  .pr-crdata-container,
  .pr-crdata-container .crs-header,
  .pr-app-status .app-status-header,
  .pr-app-status .app-row.last { border-bottom: 1px solid #3a8600; }

  .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 #3a8600; }


  @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 #3a8600; }
    
   .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 #84bd00; 
     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: #e6f2cc;
     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: #84bd00;
     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%; }
  }

  .app-container a { text-decoration:underline; }
  .app-container a:hover,
  .app-container a:active,
  .app-container a:focus { text-decoration:none; } 
  
  
/* Section with fixed left sidebar (programs pages) 
   or cascade sidebar (Indeginous) */

@media print {
  .container-scroll {
    padding: 0;
    margin-left: -15px;
  }
}

.pr-nav-content {
  padding-right: 2.5%;
  padding-left: 35%;
  z-index:10;
}
  
.program-content {
  padding-right: inherit;
  padding-left: inherit;
}

@media (max-width: 767px) {
  .pr-nav-content { padding: 20px;}
}

@media print {
  .pr-nav-content { padding: 15px;}
}

.pr-nav-content a:not(.btn){
  color: #3a8600;
  text-decoration: underline;
}

.pr-nav-content a:not(.btn):hover,
.pr-nav-content a:not(.btn):focus {
  color: #306f00;
  text-decoration: none;
}

/*.pr-nav-content a[href^=tel] { text-decoration: none !important; }*/

.pr-nav-sidebar-md { 
  max-width: 30% !important; 
  /*min-width: 30%; */
}
  
.program-sidebar {
  max-width: none !important;
}

.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: #5da211;
  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;
}
.program-sidebar .nav {
  display: block;
}
.pr-nav-sidebar-md.vc-sidenav-cascade .nav { width: 101%; }

/* 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: #e6f2cc;
  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: #84bd00;
   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: #3a8600;
  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 a,
.vc-sidenav-cascade a:hover,
.vc-sidenav-cascade a:focus,
.vc-sidenav-cascade a:active {
  color: inherit;
  text-decoration: none;
  display: block;
}

.vc-sidebar-util a {
  display: inline-block !important;
}

.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: #e6f2cc;
  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: #043D2B;/*#002855*/
  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 { display: none; }

/* dropdown sections */
.pr-nav-content section { margin-top: 20px; }

.pr-nav-content h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
}

.pr-nav-content li {
  line-height: 1.5em;
  padding-bottom: 15px;
}

.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: #5da311 !important; }

.container-scroll h2,
.container-scroll h3 { padding-left: 0; }

.showLess-wrapper {
  position: relative;
  border-bottom: 2px solid #84bd00;
}

/* 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: #fff;
  background-color: #84bd00;
  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: #84bd00;
  padding: 0 5px;
  border: 1px solid #84bd00;
  font-size: 12px;
}

@media (max-width: 767px) {
  .showLess-sublevel-wrapper>.btn { margin-bottom: 0; }
}

.showLess-wrapper>.btn:hover { background-color: #3a8600; }

.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) !important;
  background-color: #e6f2cc;
  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 !important;
}

.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 #84bd00; }

.filter-tabs .nav-tabs > li > a {
   font-size: 20px;
   font-weight: 600;
   background-color: #f0f0f0;
   color: #4d4d4d; 
   padding-top: 15px;
   border-bottom: 1px solid #84bd00;
   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: #84bd00;
   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: #e6f2cc;
}
 
/* 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: #e6f2cc;
}

.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: #3a8600; } /*#84bd00*/
.fa-color-blue { color: var(--green-100); }

/* 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; }


/****
 Microsite inherite
****/

.news-date, .news-feature-list .feature-date { font-size: 16px; }

/* Sidebar util box */
* + .vc-sidebar-util { margin-top: 30px; }

.vc-sidebar-util {
  border: 1px solid #dee2e6;
  border-top: 4px solid #84bd00;
}

.vc-sidebar-util > * { padding: 1.5rem !important; }

.vc-sidebar-util h3 {
  font-size: 24px;
  background-color: #F8FBF0;
}

.vc-sidebar-util ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 0.25rem; 
  margin-right: 1.25rem !important;
  margin-left: 1.75rem !important; 
  text-transform: none !important;
}

.vc-sidebar-util li { padding-bottom: .5rem; }

/****
Left-nav landing page
****/

.tag-label {
  font-size:16px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 0;  
}

.microsite-header + * + .container-fluid > h1,
.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 {
  font-size: 20px;
}
.row-news-item a {
  color: #343a40 !important;
  text-decoration: none !important;
}

.row-news-item a:hover p.teaser {
  color: #3a8600 !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: #3a8600;
  	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: #3a8600;
  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: #3a8600;
  position: relative;
  margin-left: -41px;
  margin-right: 20px;
  opacity: .75;
}
  
a.link-arrow {
  color: #3a8600;
}
  
a.link-arrow::after {
	content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    background-color: #0000;
    border-color: #0000;
    color: #3a8600;
  	transition: transform .1s;
  	transform: translate(0.75rem, 0px);
}

a.link-arrow:hover::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  text-decoration: none;
  background-color: #0000;
  border-color: #0000;
  color: #3a8600;
  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,
.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: #3a8600;
  	transition: margin .1s;
}

.hhk-content-block .call-out a:hover:after {
  margin-left: 1rem;
  transition: margin .1s;
}
  
.hhk-content-block a[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: 12px;
    font-weight: 300;
    opacity: .8;
    vertical-align: top;
    margin-left: 4px;
}
  
.vcc-img-responsive {
  height: auto !important;
  width: 100% !important;
}

/** start: additional styles - 
 ******************
*/

  /* Info session pages - added Feb 28, 2023 */
  .sessDetails .radio { margin-bottom: 20px; }
  .sessDetails .evcc { color: #E01976; }
  
  .infosess-evcc-badge img { max-width: 80px; }
  .infosess-evcc-badge a { 
    color: #3a8600;
    text-decoration: underline;
  }
  
  .infosess-evcc-badge a:hover,
  .infosess-evcc-badge a:active  { 
    color: #306f00;
    text-decoration: none;
  }
  
  @media (max-width: 786px) {
    .infosess-evcc-badge { display: block; } 
  }
  
  /* DL - added May 30, 2023 */
  .dl-inline dl { display: flex; }
  .dl-inline dl dt { padding-right: .5em; }
  dfn { 
    font-style: normal;
    font-weight: 700; 
  }
  
/** end: additional styles
 ******************
*/  

/* Brand reskin 2023/2024 adjustments */
/* Variables */

:root {
  	--spacer: 12px;
  	--vcc-body-text: #3a4150;
	--vcc-primary: #043D2B;
    --vcc-secondary: #ADF979;
    --bs-primary: #043D2B;
  	--vcc-dark: #3A8600;
	--vcc-light: #E6F2CC;
    --vcc-lighter: #F8FBF0;
    --vcc-grey: #F3F3F3;
    --vcc-grey-primary-contrast-text: #2A6100;
    --vcc-indigenous-primary: #cb333b;
    --vcc-indigenous-primary-body-text: #fff;
    --vcc-indigenous-light: #ffbdc5;
    --vcc-gray-100: #3a4150;
    --vcc-gray-200: #616773;
    --vcc-gray-300: #888c95;
    --vcc-gray-400: #d7d8db;
    --vcc-gray-500: #f3f3f3;
    --vcc-green-100: #043d2b;
    --vcc-green-200: #356456;
    --vcc-green-300: #84bd00;
    --vcc-green-400: #adf979;
    --vcc-green-500: #e1fdcf;      
    --vcc-off-black: #000d09;
    --vcc-white: #ffffff;
    --vcc-red: #cc0025;
    --vcc-orange: #ffca53;
}
      
.gray-100 { color: var(--vcc-gray-100); }
.gray-200 { color: var(--vcc-gray-200); }
.gray-300 { color: var(--vcc-gray-300); }
.gray-400 { color: var(--vcc-gray-400); }
.gray-500 { color: var(--vcc-gray-500); } 
.bg-gray-100 { background-color: var(--vcc-gray-100); }
.bg-gray-200 { background-color: var(--vcc-gray-200); }
.bg-gray-300 { background-color: var(--vcc-gray-300); }
.bg-gray-400 { background-color: var(--vcc-gray-400); }
.bg-gray-500 { background-color: var(--vcc-gray-500); }  
.green-100 { color: var(--vcc-green-100); }
.green-200 { color: var(--vcc-green-200); }
.green-300 { color: var(--vcc-green-300); }
.green-400 { color: var(--vcc-green-400); }
.green-500 { color: var(--vcc-green-500); } 
.bg-green-100 { background-color: var(--vcc-green-100); }
.bg-green-200 { background-color: var(--vcc-green-200); }
.bg-green-300 { background-color: var(--vcc-green-300); }
.bg-green-400 { background-color: var(--vcc-green-400); }
.bg-green-500 { background-color: var(--vcc-green-500); }         

      .navbar-brand img {
        max-width: 124px;
        min-width: 68px;
        width: 100%; 
        border: none;
      }
      
      .row.sticky { 
        background-color: var(--vcc-green-100); 
        border-color: var(--vcc-green-100);  
      }

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

      footer a:hover *[class^=fa] { transform: scale(1.5); }
      
      footer .btnBlack, 
      footer a.btnBlack, 
      footer .btnBlack:link, 
      footer a.btnBlack:link, 
      footer .btnBlack:visited, 
      footer a.btnBlack:visited {
        background-color: var(--vcc-green-400);
        border-color: var(--vcc-green-400);          
        color: var(--vcc-green-100); 
      }
      
      footer .btnBlack:hover,
      footer a.btnBlack:hover,      
      footer .btnBlack:active,
      footer a.btnBlack:active,      
      footer .btnBlack:focus,
      footer a.btnBlack:focus {
        background-color: var(--vcc-green-100);
        border-color: var(--vcc-green-100);          
        color: var(--vcc-white); 
      }        

      @media (max-width: 991px) {
        footer #social-follow { border-width: 0; }
      }

      .footer-logo { max-width: 250px; }

      .logo.vc-logo-desktop {
        display: inline-flex; 
        align-items: flex-end;     
      }          

      .navbar-brand span {  
        padding-bottom: 0;
        max-width: 124px;
        min-width: 68px;         
      }
      
      .navbar-brand-img {
        padding-bottom: 0;
        padding-right: 2em; 
        margin-right: 2em;
        border-right: 1px solid;
        border-image: linear-gradient(#043d2b 40%, #ffffff 40%, #ffffff 100%) 6;          
      }
      
      .logo div {
        /*padding-left: 2em; 
        height: 64px; */       
      }
      
      .logo .header-site-title {
        position: absolute;
        bottom: -10px;
        font-size: 1.8em;
        line-height: 1.3;
        letter-spacing: normal;
      }

      
      .logo.vc-logo-mobile {
        display: flex; 
        align-items: flex-end;  
        margin: 15px;
        width: 50%;
      } 
      
      .logo.vc-logo-mobile img { width: auto !important; }