/* ------------------------------------------ 
/* - AC PROGRAM PAGE TEMPLATE STYLES - 
/* ------------------------------------------ */
/* @import url("ac-properties.css?v=1");
 @import url("ac-refresh-styles.css?v=155");
 */
/* -- GENERAL TEMPLATE STYLES -- */
 body {
     background-color: var(--bg-body-light) !important;
}
 header {
     width: 100% !important;
     background-color: var(--bg-body-light) !important;
}
 p {
     /* line-height: 1.7rem; */
     line-height: 1.5;
}
 a:focus {
     outline: var(--focus-outline) !important;
}
 a:focus:not(:focus-visible) {
     outline: none !important;
}
 #wrapper {
     width: 100% !important;
     margin: 0;
}
 p strong, p b, ul li strong, ul li b, #main td strong {
     font-weight: 600 !important;
}
 .container.landing-section-container#landing-main-area-widget {
     max-width: 1400px !important;
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 .landing-section-container {
     padding-top: 0px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .landing-section-container#page-start{
         padding-top: 0px;
    }
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MIN 1240px -- */
 @media screen and (min-width: 1240px) {
     .custom-container-prgms {
         max-width: 1400px !important;
         margin-right: auto;
         margin-left: auto;
         padding-left: 25px;
         padding-right: 25px;
    }
     footer#footer-dark .container {
         max-width: 1400px !important;
         margin-right: auto;
         margin-left: auto;
         padding-left: 25px;
         padding-right: 25px;
    }
}
/* -- MAX 1239px -- */
 @media screen and (max-width: 1239px) {
     .custom-container-prgms {
         width: 100%;
         margin-right: auto;
         margin-left: auto;
         padding-left: 25px !important;
         padding-right: 25px !important;
    }
     footer#footer-dark .container {
         width: 100%;
         max-width: 1400px;
         margin-right: auto;
         margin-left: auto;
         padding-left: 25px !important;
         padding-right: 25px !important;
    }
     nav .custom-container-prgms {
         max-width: 1239px !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .custom-container-prgms {
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     footer#footer-dark .container {
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     nav .custom-container-prgms {
         max-width: 767px !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .custom-container-prgms, footer#footer-dark .container {
         padding-left: 15px !important;
         padding-right: 15px !important;
    }
     nav .custom-container-prgms {
         max-width: 575px !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .custom-container-prgms, footer#footer-dark .container {
         padding-left: 10px !important;
         padding-right: 10px !important;
    }
     nav .custom-container-prgms {
         max-width: 480px !important;
    }
}
/* -- MIN 992px -- */
 @media screen and (min-width: 992px) {
     #website-local-menu .container {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
/* -- MIN 768px -- */
 @media screen and (min-width: 768px) {
     #website-local-menu .container {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
 .landing-section-container {
     padding-top: 0px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .landing-section-container#page-start{
         padding-top: 0px;
    }
}
 #programs-menu nav#website-local-menu {
     background: #2b2b2b !important;
     width: 100% !important;
    /* height: 60px !important;*/ 
	
     max-width: 1350px;
     margin: 0 auto !important;
}
 nav#website-local-menu ul li:first-child a {
     padding-left: 0 !important;
}
@media screen and (max-width: 880px) {
	nav#website-local-menu ul li:first-child a{
		 padding-left: auto !important;
	}
}
/** -- MAX 1399px -- */
 @media screen and (max-width: 1409px) {
     #programs-menu nav#website-local-menu ul li:first-child a {
         padding-left: 40px !important;
         transition: var(--smooth-ease);
         transition-timing-function: ease-in;
    }
	#programs-menu nav#website-local-menu ul.sub-menu li:first-child a {
		padding:auto !important;
	}
}
 .row {
     flex: 1 1 auto;
}
 div.gap-xs {
     margin-bottom: 10px !important;
}
 div.gap-sm {
     margin-bottom: 20px !important;
}
 div.gap-md {
     margin-bottom: 30px !important;
}
 div.gap-lg {
     margin-bottom: 40px !important;
}
 div.gap-xl {
     margin-bottom: 50px !important;
}
 .anchor-wrapper-xs {
     display: block;
     height: 20px;
     margin-top: -20px;
}
 .anchor-wrapper-sm {
     display: block;
     height: 30px;
     margin-top: -30px;
}
 .anchor-wrapper-md {
     display: block;
     height: 40px;
     margin-top: -40px;
}
 .anchor-wrapper-lg {
     display: block;
     height: 50px;
     margin-top: -50px;
}
 .anchor-wrapper-xl {
     display: block;
     height: 60px;
     margin-top: -60px;
}
 h2 {
     font-size: 1.95em;
     font-weight: 600;
     color: var(--primary-green);
}
 h3 {
     font-size: 1.5em;
     font-weight: 600;
     color: #595959;
     margin: 20px 0 12px 0;
}
 h4 {
     font-size: 1.3rem;
     font-weight: 500;
     color: var(--primary-dark);
}
 h5,h6 {
     font-size: 1.2rem;
     font-weight: 400;
     color: var(--secondary-dark);
}
 main {
     height: 0 !important;
}
 main h2 {
     display: none;
     font-size: var(--main-h2-size);
     font-weight: var(--main-h2-weight);
}
 main h3 {
     font-size: var(--main-h3-size);
     font-weight: var(--main-h3-weight);
     color: var(--secondary-dark);
     margin: 30px 0 15px 0 !important;
}
 strong p {
     font-weight: bold !important;
}
 div.ac-primary-text p {
     margin: 0px 0px 30px 0px !important;
     line-height: var(--main-text-line-height) !important;
}
 .ac-primary-text-md.strong-text {
     font-weight: 400 !important;
}
 .page-heading-title {
     border-left: 1px solid #dadada;
     margin: 0px 15px;
     padding: 5px 15px;
     display: inline !important;
     font-size: 1.4em !important;
     color: #8b8b8b !important;
     font-weight: var(--main-text-weight-light) !important;
}
 .ac-primary-text-sm .fa-angle-up {
     font-size: 2em !important;
     color: #8b8b8b;
     display: inline-block;
     transition: var(--smooth-ease);
}
 .ac-primary-text-sm .fa-angle-up:hover {
     color: var(--main-text-color);
     transform: translateY(-5px);
}
 .landing-section-container .flex-column-reverse {
     padding: 0 15px;
}
 .flex-column-reverse > * {
     flex: 1 !important;
}
 .ac-list li::before{
     margin-top: .6em !important;
}
 .links-sub-section {
     margin-left: -30px !important;
}
 .page-heading {
     font-size: var(--page-heading-size);
     font-weight: 600;
     line-height: 1.3em !important;
     margin-top: -20px;
     margin-bottom: .1em !important;
}
 .page-heading#inline-heading{
     display: inline !important;
}
 .ac-primary-text-sm {
     color: var(--main-text-color);
     font-size: var(--main-text-size-xs);
     font-weight: var(--main-text-weight);
     line-height: var(--main-text-line-height) !important;
     padding: none !important;
     transition: var(--smooth-ease);
}
 .ac-primary-text-md {
     color: var(--main-text-color);
     font-size: var(--main-text-size-sm);
     font-weight: var(--main-text-weight);
     line-height: var(--main-text-line-height) !important;
}
 .ac-primary-text {
     color: var(--main-text-color);
     font-size: var(--main-text-size);
     font-weight: var(--main-text-weight);
     line-height: var(--main-text-line-height) !important;
}
 a .ac-primary-text {
     color: var(--main-text-color);
     font-weight: var(--main-text-weight);
     line-height: var(--main-text-line-height) !important;
     font-size: 1.2em !important;
}
 .ac-primary-text a, .ac-primary-text-sm a, .ac-primary-text-md a {
     color: var(--anchor-color);
     font-weight: var(--main-text-weight-strong);
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 .ac-primary-text a:hover, .ac-primary-text-sm a:hover, .ac-primary-text-md a:hover {
     color: var(--anchor-color-hover);
}
 .section-divider {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: 30px 0 !important;
}
 .heading-divider {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: var(--hr-heading-margin);
     z-index: -1;
     position:relative;
}
 #program-heading.heading-divider {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: var(--hr-heading-margin);
     margin-bottom: 40px !important;
}
 .sub-heading-divider {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: 10px auto !important;
     width: 94%;
     display: block;
}
 .section-header {
     margin: 0 0 15px 0 !important;
     padding: 20px 10px !important;
}
 .section-header#section-header-programs {
     margin: 0 0 0px 0 !important;
     padding: 10px 15px !important;
}
 #program-page div.section-header .section-heading {
     color: #4b4b4b !important;
     font-size: 1.75rem !important;
}
 .section-heading {
     color: var(--secondary-green);
     font-size: 2.1em;
     font-weight: var(--main-text-weight-stronger) !important;
     margin-bottom: .1em !important;
}
 .programs-panel-tab-content h4 {
     font-weight: 400;
     font-size: 1.2rem;
     color: #4b4b4b;
     margin: 15px 0px 10px 2px !important;
     padding: 6px 5px !important;
}
 .resource-col h4 {
     font-weight: 400;
     font-size: 1.3rem;
     color: #4b4b4b;
     margin: 15px 0px 0px 2px !important;
     padding: 0px 5px !important;
}
 .sub-heading-lg {
     color: var(--sub-heading-dark);
     font-size: 1.75em !important;
     font-weight: var(--main-text-weight-stronger);
     line-height: 1.4em;
     padding-bottom: 10px !important;
}
 .sub-heading-green {
     position: relative;
     color: var(--sub-heading-green);
     font-size: var(--main-text-size-sm);
     font-weight: var(--main-text-weight-stronger);
     text-align: left;
     padding-top: 25px;
}
 span.strong-text{
     font-weight: 400 !important;
}
 #program-page .section-header h2 {
     color: #4b4b4b;
     font-size: 1.75rem;
     margin: 0;
     z-index: -1;
     position:relative;
}
 #program-page {
     padding-top: 35px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MIN 1024px -- */
 @media screen and (min-width: 1024px) {
     #program-page div.section-header .section-heading {
         font-size: 1.7rem !important;
    }
}
/** -- MIN 881px -- */
 @media screen and (min-width: 881px) {
     header {
         margin-top: 0 !important;
    }
}
/** -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     header {
         margin-top: 10px !important;
    }
     main .landing-section-container {
         padding-top: 0px !important;
    }
     .landing-slider-container {
         padding-top: 20px !important;
    }
     #program-page .section-header .section-heading {
         font-size: 1.65rem !important;
    }
     #program-page {
         padding-top: 25px;
    }
     #program-page .section-header h2 {
         margin: 0 auto;
    }
}
/** -- MAX 780px -- */
 @media screen and (max-width: 780px) {
     header {
         background-color: var(--bg-body-light);
         border-bottom: 1px solid var(--bg-body-light);
    }
     .landing-slider-container {
         padding-top: 10px;
    }
}
/** -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .section-header {
         margin: 0 0 5px 0 !important;
    }
     .sub-heading-lg {
         font-size: 1.55em !important;
    }
}
/** -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     html, body {
         overflow-x: hidden;
    }
     body {
         position: relative 
    }
     .ac-primary-text {
         font-size: 1.05rem;
    }
     .section-heading {
         font-size: 1.75em;
         line-height: 1.2em;
    }
     .sub-heading-lg {
         font-size: 1.45em !important;
         line-height: 1.25em;
    }
     #program-heading.heading-divider {
         margin-bottom: 25px !important;
    }
     .section-header {
         padding: 20px 10px 10px 10px !important;
    }
     a {
         overflow-wrap: anywhere;
    }
}
/* SECTION STYLES ----------------------------------- */
 .inner-section {
     padding: var(--inner-section);
}
 .inner-spacing {
     padding: var(--inner-padding) !important;
}
 .section-spacer {
     padding: 20px 0 25px 0 !important;
}
 .full-screen-width {
     width: 100vw !important;
}
 .programs-banner {
     margin: 0 auto;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MIN 767px -- */
 @media screen and (max-width: 767px) {
     .inner-spacing {
         padding: 0px 10px !important;
    }
}
/* TOP HEADER (template overrides) ----------------------------------- */
 .headerCombinedLogoLinkIcon .icon-algonquin {
     transition: var(--quick-linear);
}
 .full-height-header {
     max-width: 100vw;
     height: 97vh;
     object-position: center top;
}
 .full-width-header {
     padding: 0px 0 !important;
     margin-top: 0px !important;
     max-width: 100vw;
     object-fit: none;
     object-position: center top;
}
 .full-width-footer {
     padding: 80px 0 0 0 !important;
     background-color: #fafafa !important;
     margin-top: 0px !important;
     max-width:100vw;
     object-fit: none;
     object-position: center top;
}
 .full-width-footer#footer-links-fw {
     padding: 20px 0 !important;
}
 .full-width-footer#footer-disclaimer-fw {
     padding: 10px 0 50px 0 !important;
}
 #container-prefooter-simple .col {
     padding: 5px !important;
     display: flex;
     width: 100%;
     flex-direction: row;
     flex-wrap: wrap;
}
 #container-prefooter-simple .col li {
     list-style: none;
     width: calc(100% / 2);
     padding: 5px 0px;
     display: flex;
     height: 35px;
     align-items: center;
     justify-content: flex-start;
     font-size: 1.05em !important;
     font-weight: 500 !important;
}
 #container-prefooter-simple .col li::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-simple-square-green.png');
     background-size: 5px;
     display: flex;
     width: 5px;
     height: 5px;
     content: "";
     padding: 0;
     margin: 0 10px 0 0;
     background-repeat: no-repeat;
}
/* #container-prefooter-simple .col li:hover::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-simple-square-green.png');
}
 */
 #footer-cards-fw, #footer-disclaimer-fw {
     background-color: #fafafa !important;
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     #container-prefooter-simple .col li {
         list-style: none;
         width: 100%;
         padding: 2px 6px;
    }
}
/* TOP HEADER ----------------------------------- */
 .textSiteTitle.alwaysOn {
     max-width: 60%;
}
 .textSiteTitle.alwaysOn h1 {
    /* font-size: 1.55rem;
     font-weight: 300;
     */
     display: inline;
     margin: 0px 0 0 0 !important;
     float: left;
     font-size: 1.9em !important;
     font-weight: 500 !important;
     letter-spacing: -0.5px !important;
}
/* new top header styles */
 .ac-logo-icon .icon-algonquin {
    /* font-size: 310%;
     */
     font-size: 38px;
     width: auto !important;
     max-width: none !important;
     color: var(--primary-green) !important;
}
 .ac-logo-icon {
     width: auto !important;
     position: relative !important;
}
 .header-logo-title .ac-logo-icon {
     margin: 6px 0px 6px 0px;
}
 .header-logo-title .header-title {
     float: right !important;
}
 .header-title h1 {
     font-size: 1.8em;
     font-weight: var(--main-text-weight-stronger);
     margin: 0 0 0px 0 !important;
     color: var(--primary-green);
     line-height: 1em;
     letter-spacing: -1px;
}
 .header-logo-link {
     width: 100%;
     background-repeat: no-repeat;
     display: inline-block;
     text-decoration: none;
     position: relative;
}
 .header-logo-title {
     width: 100%;
     height: 65px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-right: auto;
     margin-left: auto;
     padding: 0px 0px;
     transition: var(--quick-linear);
}
 #col-logo.col {
     max-width: 250px;
     margin-bottom:0px;
     padding-left: 0 !important;
     padding-right: 0 !important;
}
 #col-title.col {
     display: flex;
     justify-content: flex-end;
     width: 100%;
     margin-bottom: 0px;
     padding-right: 5px !important;
     padding-left: 5px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .ac-logo-icon .icon-algonquin {
         font-size: 36px;
         margin: 6px 0px 6px 0px;
    }
     .header-title h1 {
         font-size: 1.7em !important;
    }
     .textSiteTitle.alwaysOn h1 {
         font-size: 1.5rem;
    }
}
/** -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .textSiteTitle.alwaysOn h1 {
         font-size: 1.4rem;
    }
}
/** -- MAX 880px -- */
 @media screen and (max-width: 999px) {
     .header-logo-title {
         padding: 0px 0px !important;
    }
}
/** -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .header-logo-title {
         display: none !important;
    }
     .ac-logo-icon {
         display: block !important;
    }
     .ac-logo-icon .icon-algonquin {
         font-size: 30px;
    }
     .header-title h1 {
         font-size: 1.55em !important;
    }
     .header-logo-title .ac-logo-icon {
         margin: 5px 0px 4px 0px;
    }
     #col-logo.col {
         max-width: 200px;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .ac-logo-icon .icon-algonquin {
         font-size: 28px;
    }
     .header-title h1 {
         font-size: 1.45em !important;
    }
     .header-logo-title {
         display: none !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .ac-logo-icon .icon-algonquin {
         font-size: 25px;
    }
     #col-logo.col {
         max-width: 150px;
    }
     #col-title.col, #col-logo.col {
         margin-bottom: -10px;
    }
     .header-title h1 {
         font-size: 1.05em !important;
    }
}
/* -- FOOTER (Template Overrides) -- */
 footer.section-darker .footer-logo {
     max-width: 275px !important;
}
 .footer-new .p-2 {
     padding: .5em .85em .5em .85em !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MIN 992px -- */
 @media (min-width: 992px) {
     .footer-new .p-2 {
         padding: .5em .85em .5em .85em !important;
    }
}
/** -- MAX 991px -- */
 @media (max-width: 991px) {
     footer.section-darker .footer-logo {
         max-width: 220px !important;
    }
     .footer-new .p-2 {
         padding: .5em .5em .5em .5em !important;
    }
}
/* -- PROGRAM PAGE BREADCRUMBS -- */
 .breadcrumbs {
     display: flex;
     width: 100%;
     justify-content: flex-start;
     align-items: center;
     flex-direction: row;
     margin: 0;
     transition: var(--quick-linear);
     padding: 15px 0 0 0;
     z-index: 1;
}
 span.breadcrumb-icn::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-breadcrumbs-green.png');
     background-size: 19px;
     width: 19px;
     height: 19px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin-right: 12px;
     transition: var(--quick-linear);
     transition-timing-function: ease-in-out;
}
 .breadcrumbs span {
     height: 30px;
     display: flex;
     align-items: center;
}
 .breadcrumbs span a {
     color: var(--anchor-color);
     font-size: 1.15rem;
     line-height: 1.1em;
     font-weight: 400 !important;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
     padding-top: 15px;
     padding-bottom: 15px;
}
 .breadcrumbs span a:hover {
     color: var(--anchor-color-hover);
     text-decoration: 1.5px underline currentColor;
}
 .breadcrumbs span::after {
     content: '/';
     font-size: 1.2rem;
     font-weight: 200;
     padding: 0px 10px !important;
     transition: var(--quick-linear);
     color: var(--tertiary-green) !important;
     text-decoration: none !important;
}
 .breadcrumbs span:first-child::after {
     display: none;
}
 .breadcrumbs span:last-child::after {
     content: '' !important;
     text-decoration: none !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MAX-WIDTH 767px -- */
 @media screen and (max-width: 880px) {
     .breadcrumbs {
         padding: 5px 0 0 0 !important;
    }
     .breadcrumbs span a {
         font-size: 1.1rem;
    }
}
/** -- MAX-WIDTH 575px -- */
 @media screen and (max-width: 575px) {
     .breadcrumbs span::after {
         font-size: 1.1rem;
         padding: 0px 8px !important;
    }
     span.breadcrumb-icn::before {
         display: none;
         margin: 0 !important;
    }
     .breadcrumbs {
         padding: 5px 0 20px 0 !important;
         margin-left: 0;
    }
}
/** -- MAX-WIDTH 480px -- */
 @media screen and (max-width: 480px) {
     .breadcrumbs {
         padding: 5px 0 0 0 !important;
         margin-left: 0;
    }
     .breadcrumbs span a {
         font-size: .9rem;
    }
     .breadcrumbs span::after {
         font-size: 1rem;
         padding: 0px 5px !important;
    }
}
/* -- PROGRAM CARD -- */
 .card-program-information .col {
     margin-bottom: 2px !important;
}
 .card-program-information-divider {
     border-top: 1px solid var(--hr-heading-color) !important;
     background: #eaeaea !important;
     margin: 5px 0 25px 0 !important;
}
/** card badge styles **/
/** card styles **/
 .card-program-information {
     background-color: var(--card-bg-color);
     box-shadow: var(--card-shadow);
     transition: var(--quick-linear);
     border-radius: var(--card-radius);
     width: 100%;
     height: 100%;
     align-content: center;
     align-items: flex-end;
     justify-content: center;
}
 .card-program-information:hover {
     background-color: var(--card-bg-color-hover);
     box-shadow: var(--card-shadow-hover);
}
/** heading styles **/
 .card-program-information-heading {
     font-size: var(--sub-heading-sm);
     font-weight: var(--main-text-weight-strong) !important;
     text-align: center !important;
     margin: 0 0 -5px 0 !important;
     padding-top: 10px !important;
}
 .card-program-information-sub-heading {
     color: var(--sub-text-color);
     font-weight: var(--main-text-weight);
     font-size: var(--main-text-size-xs) !important;
     font-style: italic !important;
     text-align: center !important;
     margin: 0 0 10px 0 !important;
}
/** card info styles **/
 .card-program-information-info {
     font-size: var(--main-text-size-sm);
     margin: 0 0 5px 0 !important;
}
/** mobile card styles **/
 .card-program-information-mobile {
     background-color: var(--card-bg-color);
     transition: var(--smooth-ease);
     box-shadow: var(--card-shadow);
     position: relative !important;
     width: 620px !important;
     border-radius: var(--card-radius);
     margin: 0 auto !important;
     padding: 21px !important;
}
 .card-program-information-mobile:hover {
     background-color: var(--card-bg-color-hover);
     box-shadow: var(--card-shadow-hover);
}
/** wide card styles **/
 .card-program-information-wide {
     background-color: var(--card-bg-color);
     transition: var(--smooth-ease);
     box-shadow: var(--card-shadow);
     border-radius: var(--card-radius);
     min-height: 305px !important;
     padding: 20px 21px !important;
}
 .card-program-information-wide:hover {
     background-color: var(--card-bg-color-hover);
     box-shadow: var(--card-shadow-hover);
}
/* -- PROGRAM INFORMATION SECTION -- */
 .monograph-panel {
     background-color: var(--card-bg-color);
     box-shadow: var(--card-shadow);
     transition: var(--quick-linear);
     border-radius: var(--card-radius);
     width: 100%;
     margin: 20px 15px 60px 15px;
}
 .monograph-panel:hover {
     background-color: var(--card-bg-color-hover);
     box-shadow: var(--card-shadow-hover);
}
 .col#monograph-tabs-content {
     margin: 10px 5px 15px 25px !important;
     padding: 0;
     width: 100%;
     min-width: 550px;
}
 .dim#monograph-tabs-content {
     opacity: .2;
}
/* program information tabs */
 .monograph-information-tabs li button span.icn::after, div#monograph-type-btn a.dropdown-item::after {
     background-size: 28px;
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     opacity: .95;
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     will-change: background-image;
}
 div#monograph-type-btn a.dropdown-item::after {
     margin: 0 20px 0 0;
     background-size: 26px;
     width: 26px;
     height: 26px;
     will-change: background-image;
}
 .monograph-information-tabs li button:hover span.icn::after, .monograph-information-tabs li button.active span.icn::after, .monograph-information-tabs li button.active:hover span.icn::after {
     opacity: 1;
}
/* summary icon */
 button#monograph-tab-button-summary span.icn::after, a#monograph-type-button-summary::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-details-green.png');
}
 button#monograph-tab-button-summary:hover span.icn::after, button#monograph-tab-button-summary.active span.icn::after, button#monograph-tab-button-summary.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-details-white.png');
}
/* availability icon */
 button#monograph-tab-button-availability span.icn::after, a#monograph-type-button-availability::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-availability-green.png');
}
 button#monograph-tab-button-availability:hover span.icn::after, button#monograph-tab-button-availability.active span.icn::after, button#monograph-tab-button-availability.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-availability-white.png');
}
/* overview icon */
 button#monograph-tab-button-overview span.icn::after, a#monograph-type-button-overview::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-overview-dark.png');
}
 button#monograph-tab-button-overview:hover span.icn::after, button#monograph-tab-button-overview.active span.icn::after, button#monograph-tab-button-overview.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-overview-white.png');
}
/* application information icon */
 button#monograph-tab-button-application-information span.icn::after, a#monograph-type-button-application-information::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-admissions-requirements-dark.png');
}
 button#monograph-tab-button-application-information:hover span.icn::after, button#monograph-tab-button-application-information.active span.icn::after, button#monograph-tab-button-application-information.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-admissions-requirements-white.png');
}
/* courses icon */
 button#monograph-tab-button-courses span.icn::after, a#monograph-type-button-courses::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-courses-dark.png');
}
 button#monograph-tab-button-courses:hover span.icn::after, button#monograph-tab-button-courses.active span.icn::after, button#monograph-tab-button-courses.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-courses-white.png');
}
/* learning outcomes icon */
 button#monograph-tab-button-learning-outcomes span.icn::after, a#monograph-type-button-learning-outcomes::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-learning-outcomes-dark.png');
}
 button#monograph-tab-button-learning-outcomes:hover span.icn::after, button#monograph-tab-button-learning-outcomes.active span.icn::after, button#monograph-tab-button-learning-outcomes.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-learning-outcomes-white.png');
}
/* careers & pathways icon */
 button#monograph-tab-button-career-pathways span.icn::after, a#monograph-type-button-career-pathways::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-pathways-careers-dark.png');
}
 button#monograph-tab-button-career-pathways:hover span.icn::after, button#monograph-tab-button-career-pathways.active span.icn::after, button#monograph-tab-button-career-pathways.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-pathways-careers-white.png');
}
/* fees & expenses icon */
 button#monograph-tab-button-fees-expenses span.icn::after, a#monograph-type-button-fees-expenses::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-fees-dark.png');
}
 button#monograph-tab-button-fees-expenses:hover span.icn::after, button#monograph-tab-button-fees-expenses.active span.icn::after, button#monograph-tab-button-fees-expenses.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-fees-white.png');
}
/* additional information icon */
 button#monograph-tab-button-additional-information span.icn::after, a#monograph-type-button-additional-information::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-additional-info-dark.png');
}
 button#monograph-tab-button-additional-information:hover span.icn::after, button#monograph-tab-button-additional-information.active span.icn::after, button#monograph-tab-button-additional-information.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-additional-info-white.png');
}
/* contact icon */
 button#monograph-tab-button-contact span.icn::after, a#monograph-type-button-contact::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-dark.png');
}
 button#monograph-tab-button-contact:hover span.icn::after, button#monograph-tab-button-contact.active span.icn::after, button#monograph-tab-button-contact.active:hover span.icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-white.png');
}
 nav#monograph-tabs ul.monograph-information-tabs li {
     display: flex !important;
     height: 60px;
}
 .tabs-monograph-content {
     display: none;
     padding: 0px 10px 20px 10px;
}
 .monograph-content-wrapper {
     padding: 0px 10px;
}
 .tabs-monograph-content#summary {
     display: block;
     padding: 0px 10px;
}
/* summary section custom text footer */
 .tabs-monograph-content#summary #custom_summary_footer_text {
     margin-top: 25px;
     font-size: 1.05rem !important;
}
 .tabs-monograph-content#summary #custom_summary_footer_text strong {
     color: var(--primary-dark) !important;
     font-weight: 500;
}
 @media screen and (max-width: 575px){
     .tabs-monograph-content#summary #custom_summary_footer_text strong {
         font-weight: 600 !important;
         color: #1b3029 !important;
    }
}
 #monograph-information-tabs {
     display: flex !important;
}
 .col.monograph-tab-menu {
     display: flex;
     width: 100%;
     max-width: 365px;
     padding: 0px 15px 0px 0px;
     margin-bottom: 0px !important;
     border-right: 1px solid #e0e0e0;
}
 .monograph-information-tabs {
     display: flex;
     flex-direction: column;
     width: 100%;
     min-height: 540px;
     max-height: 540px;
     justify-content: flex-start;
     position: sticky;
     top: 2%;
}
 #monograph-information-tabs #custom_summary_overvew_text a {
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
     padding: 0px 2px;
     font-weight: 500 !important;
}
 .bottom-border {
     border-bottom: 10px solid red;
}
 .tabs-monograph-content p {
     color: var(--main-text-color);
     font-size: 1.1rem !important;
     font-weight: var(--main-text-weight);
     line-height: 1.5 !important;
     margin: 0 0 15px 0 !important;
}
 .tabs-monograph-content p a, .tabs-monograph-content li a {
     color: var(--anchor-color) !important;
     font-weight: 500 !important;
     text-decoration: none;
}
 .tabs-monograph-content p a:hover, .tabs-monograph-content p a:focus, .tabs-monograph-content li a:hover, .tabs-monograph-content li a:focus {
     color: var(--anchor-color-hover) !important;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 #container-prefooter-simple li:hover a, #container-prefooter-simple li a:hover {
     color: var(--anchor-color-hover) !important;
}
 .tabs-monograph-content p a:hover, .tabs-monograph-content li a:hover {
}
 .tabs-monograph-content ol, .tabs-monograph-content ul {
     color: var(--main-text-color);
     font-size: 16px;
     font-weight: var(--main-text-weight);
     padding-inline-start: 20px !important;
     margin-top: 10px;
}
 .tabs-monograph-content p ~ ul {
     margin-top: -8px;
}
 .tabs-monograph-content ol li, .tabs-monograph-content ul li, .tabs-monograph-content li {
     line-height: 1.35em !important;
     margin-bottom: 15px !important;
     color: var(--main-text-color);
     font-size: 1.1rem !important;
     font-weight: var(--main-text-weight);
}
 .tabs-monograph-content#contact button {
     background-color: #f6f6f6 !important;
     color: var(--main-text-color-dark) !important;
     border: 1px solid #c2c2c2;
     padding: 5px 12px;
     font-size: .95rem;
     border-radius: 5px;
     margin: 0px 4px;
}
 .tabs-monograph-content#contact button:hover, .tabs-monograph-content#contact button:focus {
     background-color: var(--primary-green) !important;
     color: var(--white) !important;
     border: 1px solid var(--primary-green) !important;
}
 .monograph-information-tabs li button {
     width: 100%;
     font-weight: 500 !important;
     font-size: 1.15rem !important;
     color: #3b3b3b;
     background-color: var(--white);
     border-radius: 0px;
     border: none;
     float: left;
     text-align: left;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     flex-grow: 1;
     margin: 2px 0;
     padding: 2px 15px 2px 20px;
     outline: none;
     cursor: pointer;
     position: relative;
     line-height: 1.15rem;
     letter-spacing: -.25px;
}
 .monograph-information-tabs li button.monograph-highlight {
     color: #0b7d56;
}
 .monograph-information-tabs li button:first-child {
     margin: 0px 0px 6px 0;
}
 .monograph-information-tabs li button:hover {
     -webkit-box-shadow: inset 6px 0px 0px 0px var(--primary-green);
     box-shadow: inset 6px 0px 0px 0px var(--primary-green);
}
 .monograph-information-tabs li button:hover span, .monograph-information-tabs li button:focus span {
     color: var(--primary-green);
    /* text-decoration: 1.5px underline currentColor;
     text-underline-offset: 8px;
     */
}
 .monograph-information-tabs li button.active {
     background-color: var(--primary-green);
     color: var(--main-text-color-lighter) !important;
     border-radius: 6px;
     box-shadow: 0 2px 2px 0px rgba(24,21,21,0.25) !important;
    /* box-shadow: 0 2px 2px 0px rgba(24,21,21,0.25), inset 0 0 6px 3px #0f4b3c !important;
     */
}
 .monograph-information-tabs li button.active span {
     color: var(--main-text-color-lighter) !important;
     text-decoration: none !important;
}
 .monograph-information-tabs li button.active:hover {
     -webkit-box-shadow: 0 2px 2px 0px rgba(24,21,21,0.25) !important;
     box-shadow: 0 2px 2px 0px rgba(24,21,21,0.25) !important;
     color: var(--main-text-color-lighter) !important;
     border-radius: 6px;
}
 .monograph-information-tabs li button.active:hover span {
     -webkit-box-shadow: none;
     box-shadow: none;
     color: var(--main-text-color-lighter);
     text-decoration: none !important;
}
 .monograph-information-tabs li button:focus {
     outline: var(--focus-outline) !important;
}
 .monograph-information-tabs li button:focus:not(:focus-visible) {
     outline: none !important;
}
 .tabs-monograph-content p a:focus, .tabs-monograph-content li a:focus{
     outline: var(--focus-outline) !important;
}
 .tabs-monograph-content#contact button:focus {
     outline: var(--focus-outline) !important;
}
 .monograph-header {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: baseline;
     padding: 0px 0px 20px 0px;
}
 .tabs-monograph-content h3 {
     font-size: 1.3em !important;
     color: var(--primary-dark) !important;
     margin: 25px 0 10px 0 !important;
     font-weight: 600 !important;
}
 .tabs-monograph-content h2, .monograph-header h4, .monograph-header h2 {
     font-weight: 600 !important;
     color: var(--secondary-green) !important;
     font-size: 1.6rem !important;
     margin: 0px 0px 0px -2px !important;
     padding: 0px !important;
}
 .monograph-header .monograph-icn {
     height: 40px;
     width: auto;
     padding: 0px;
     margin-right: 10px;
     margin-left: 0px;
     will-change: transform;
     transition-timing-function: ease-in-out;
}
 .monograph-icn-bg {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 37px;
     width: 37px;
     border-radius: 50%;
     margin: 0;
     background-color: transparent;
     will-change: background-color;
}
 .monograph-icn {
     height: 31px;
     width: 31px;
     padding: 1px;
     margin: 0;
     opacity: 1;
     will-change: transform;
     transition-timing-function: ease-in-out;
}
 .monograph-information-tabs li button:hover .monograph-icn-bg {
    /* background-color: #087550;
     */
     background-color: var(--primary-green);
}
 .monograph-information-tabs li button.active .monograph-icn-bg, .monograph-information-tabs li button.active:hover .monograph-icn-bg {
    /* background-color: var(--secondary-green);
     */
     background-color: var(--primary-green);
}
 .monograph-information-tabs li button:hover .monograph-icn#m-details, .monograph-information-tabs li button.active .monograph-icn#m-details, .monograph-information-tabs li button.active:hover .monograph-icn#m-details {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-details-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-availability, .monograph-information-tabs li button.active .monograph-icn#m-availability, .monograph-information-tabs li button.active:hover .monograph-icn#m-availability {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-availability-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-overview, .monograph-information-tabs li button.active .monograph-icn#m-overview, .monograph-information-tabs li button.active:hover .monograph-icn#m-overview {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-overview-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-courses, .monograph-information-tabs li button.active .monograph-icn#m-courses, .monograph-information-tabs li button.active:hover .monograph-icn#m-courses {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-courses-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-learning, .monograph-information-tabs li button.active .monograph-icn#m-learning, .monograph-information-tabs li button.active:hover .monograph-icn#m-learning {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-learning-outcomes-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-careers, .monograph-information-tabs li button.active .monograph-icn#m-careers, .monograph-information-tabs li button.active:hover .monograph-icn#m-careers {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-pathways-careers-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-fees, .monograph-information-tabs li button.active .monograph-icn#m-fees, .monograph-information-tabs li button.active:hover .monograph-icn#m-fees {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-fees-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-application, .monograph-information-tabs li button.active .monograph-icn#m-application, .monograph-information-tabs li button.active:hover .monograph-icn#m-application {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-admissions-requirements-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-info, .monograph-information-tabs li button.active .monograph-icn#m-info, .monograph-information-tabs li button.active:hover .monograph-icn#m-info {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-additional-info-white.png');
}
 .monograph-information-tabs li button:hover .monograph-icn#m-contact, .monograph-information-tabs li button.active .monograph-icn#m-contact, .monograph-information-tabs li button.active:hover .monograph-icn#m-contact {
     content: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-white.png');
}
/* program information tab content */
 .tabs-monograph-content h4 {
     font-weight: 600;
     color: var(--sub-heading-green);
     font-size: 1.2rem;
     margin: 0px 0px 0px 0px;
     padding: 6px 0px;
}
 .program-details-wrapper p, .program-details-wrapper .col {
     font-size: 1.1rem !important;
     color: var(--secondary-dark) !important;
     font-weight: 400;
     margin: 0 !important;
}
 .program-details-wrapper p, .program-details-wrapper .col, .program-details-wrapper .row .col:last-child {
     line-height: 1.5 !important;
}
 .program-details-wrapper .col.wilLinks, .program-details-wrapper .col.other-delivery-col {
     font-size: 1.03rem !important;
     margin-top: -2px !important;
}
 .program-details-wrapper p span {
     font-weight: 600 !important;
     color: var(--primary-dark) !important;
}
 .col.wilLinks {
     display: block;
     width: 100%;
     flex-direction: column;
     max-width: 100%;
}
 .col.wilLinks span {
     width: 100%;
     padding: 4px 6px;
     display: flex;
     align-items: flex-start;
}
 .col.other-delivery-col {
     display: block;
     width: 100%;
     flex-direction: column;
     max-width: 100%;
}
 .other-delivery-col br {
     display: none;
}
/* .col.wilLinks span::before, .col.other-delivery-col span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-simple-square-green.png');
     background-size: 4px;
     display: flex;
     width: 4px;
     height: 4px;
     content: "";
     padding: 0px 10px 0px 0px;
     background-repeat: no-repeat;
     margin-top: 6px !important;
}
 */
 .program-details-wrapper .deliveryLink a {
     font-size: 1em !important;
     font-weight: 500;
     color: var(--anchor-color);
     padding-top: 15px; /* Add to AODA min size */
     padding-bottom: 15px; /* Add to AODA min size */
}
 .program-details-wrapper .deliveryLink a:hover{
     background-color:inherit !important;
}
 .program-details-wrapper p a, .program-details-wrapper span a {
     color: var(--anchor-color);
     font-weight: 500;
     transition: 250ms ease-out;
     text-decoration: none;
     padding-top: 12px;
     padding-bottom: 13px;
}
 .program-details-wrapper p a:hover, .program-details-wrapper span a:hover {
     color: var(--anchor-color-hover);
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
/* .program-details-wrapper p a:hover, .program-details-wrapper span a:hover {
     filter: brightness(110%);
}
 */
 .program-details-wrapper p a:focus, .program-details-wrapper span a:focus {
     outline: var(--focus-outline) !important;
}
 .program-info-panel-tab-content {
     padding: 10px;
     transition: 1s;
}
 .programs-sub-heading-hr {
     border-top: 1px solid var(--hr-heading-color);
     background: #eaeaea !important;
     margin: 5px 0px 15px 0px;
}
 .program-details-wrapper {
     padding: 0px;
}
 .overview-divider {
     margin: 0px 0px 0px 0px !important;
     border-top: 1px solid #f0f0f0 !important;
}
 .program-details-wrapper .row {
     display: flex;
     align-items: center;
     justify-content: flex-start !important;
     padding: 10px 4px;
     margin: 0;
     border-bottom: 1px solid #f0f0f0;
}
 .program-details-wrapper .row.top-align {
     align-items: flex-start !important;
}
 .program-details-wrapper .row.top-align p {
     line-height: 1.35em !important;
}
 .program-details-wrapper .row:last-child {
     border-bottom: none !important;
}
 .program-details-wrapper .program-info-item {
     max-width: 250px !important;
     letter-spacing: -.25px;
}
 .program-details-wrapper .row:hover, .program-details-wrapper .row:focus {
     background-color: #e9f0ec !important;
}
 .program-details-wrapper .row:focus {
     outline: var(--focus-outline) !important;
}
 .program-details-wrapper .col {
     margin: 0px !important;
     padding: 0px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1300px -- */
 @media screen and (max-width: 1300px) {
     .col.wilLinks span {
         width: 100%;
    }
}
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .col.other-delivery-col {
         column-count: 1 !important;
    }
}
/* -- MAX 1100px -- */
 @media screen and (max-width: 1100px) {
     .col.wilLinks {
         width: 100%;
         max-width: 100%;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .program-details-wrapper .col.wilLinks, .program-details-wrapper .col.other-delivery-col {
         font-size: 1rem !important;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .col.wilLinks {
         column-count: 1;
    }
     .col.wilLinks span, .col.other-delivery-col span {
         width: 100% !important;
         padding: 2px 0px !important;
    }
}
/** -- MAX-WIDTH 880px -- */
 @media screen and (max-width: 880px) {
     .tabs-monograph-content ol li, .tabs-monograph-content ul li, .tabs-monograph-content li {
         font-size: 1.05rem !important;
    }
     .program-details-wrapper .row {
         padding: 8px 20px;
    }
     .col.wilLinks span {
         width: 50%;
         padding: 3px 0px;
    }
     .tabs-monograph-content p {
         line-height: 1.65em !important;
    }
     .col.program-info-item p {
         font-size: 1.05rem !important;
    }
     .tabs-monograph-content ol, .tabs-monograph-content ul {
         padding-inline-start: 20px !important;
    }
}
/** -- MAX-WIDTH 767px -- */
 @media screen and (max-width: 767px) {
     .program-details-wrapper .program-info-item {
         max-width: 235px !important;
    }
}
/** -- MAX-WIDTH 575px -- */
 @media screen and (max-width: 575px) {
     .program-details-wrapper .program-info-item {
         max-width: 100% !important;
    }
     .tabs-monograph-content ol li, .tabs-monograph-content ul li, .tabs-monograph-content li {
         font-size: 1rem !important;
    }
     .col.wilLinks span::before, .col.other-delivery-col span::before {
         margin-top: 9px;
    }
     .col.program-info-item p {
         font-size: 1.05rem !important;
         padding: 0 0 3px 0 !important;
    }
     .tabs-monograph-content p {
         line-height: 1.6em !important;
         font-size: 1.05rem !important;
    }
}
/** -- MAX-WIDTH 480px -- */
 @media screen and (max-width: 480px) {
     .tabs-monograph-content p {
         line-height: 1.45em !important;
         font-size: 1rem !important;
    }
     .program-details-wrapper .row:hover, .program-details-wrapper .row:focus {
         background-color: transparent !important;
    }
}
 .program-summary-wrapper {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     padding: 20px 0px 60px 0px;
     margin: 0px;
     width: 100%;
     position: relative;
     z-index: 2;
}
/* -- MONOGRAPH TABS - MOBILE DROPDOWN TOGGLE -- */
 div#monograph-type-btn {
     display: none;
}
 div#monograph-type-btn .btn {
     width: 100% !important;
     border-top-left-radius: 8px !important;
     border-top-right-radius: 8px !important;
     border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
     background-color: var(--secondary-green) !important;
     color: var(--white) !important;
     border: 1px solid var(--secondary-green) !important;
     box-shadow: 0 -1px 2px 0px rgba(24,21,21,0.3) !important;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
     margin: 0 !important;
     padding: .7rem 1.4rem !important;
     font-size: 1.3rem;
     font-weight: 300;
}
 div#monograph-type-btn .btn:hover, div#monograph-type-btn .btn:focus {
     background-color: var(--primary-green) !important;
}
 .dropdown button:first-child {
     background-color: var(--dark-green) !important;
     padding: .8rem 1.4rem !important;
}
 div#monograph-type-btn .dropdown-menu {
     padding: 0 !important;
     width: 100% !important;
     margin: 0 !important;
     border-top-left-radius: 0px !important;
     border-top-right-radius: 0px !important;
     border-bottom-left-radius: var(--card-radius) !important;
     border-bottom-right-radius: var(--card-radius) !important;
     background-color: #f8f8f8 !important;
}
 div#monograph-type-btn .dropdown-item {
     padding: 14px 25px !important;
     font-weight: 500;
     font-size: 1.1rem;
     border-bottom: 1px solid #f0f0f0;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-direction: row-reverse;
}
 div#monograph-type-btn .dropdown-item.monograph-highlight {
     color: #0b7d56 !important;
}
 div#monograph-type-btn .dropdown-item:last-child {
     border-bottom: none !important;
}
 div#monograph-type-btn .dropdown-item:hover, div#monograph-type-btn .dropdown-item:focus {
     background-color: rgba(0, 99, 65, .15) !important;
     color: var(--main-text-color-dark) !important;
     cursor: pointer;
}
 div#monograph-type-btn .dropdown-item:focus {
     outline: var(--focus-outline) !important;
}
 div#monograph-type-btn .dropdown-item.active {
     color: var(--main-text-color-dark) !important;
     text-decoration: none;
     background-color: rgba(0, 99, 65, .15) !important;
}
 div#monograph-type-btn .dropdown-item.monograph-highlight.active, div#monograph-type-btn .dropdown-item.monograph-highlight.active:hover, div#monograph-type-btn .dropdown-item.monograph-highlight:hover {
     color: #0b7d56 !important;
}
 div#monograph-type-btn .dropdown-item.active{
     cursor: default;
}
 .dropdown-toggle::after{
     border-top: 0.5rem solid;
     border-right: 0.5rem solid transparent;
     border-left: 0.5rem solid transparent;
}
 .show > .dropdown-toggle::after{
     border-top: 0.5rem solid;
     border-right: 0.5rem solid transparent;
     border-left: 0.5rem solid transparent;
     transform: rotate(180deg);
}
 .program-details-wrapper .row .col:last-child {
     font-size: 1.1rem !important;
     font-weight: 400;
     min-height: 44px; /* AODA min height for clickables */
     display: flex;
     align-items: center;
}

.other-delivery-col span.proStat, .wilLinks span.proStat, .col#other-campuses span.proStat {
     display: inline;
     width: 100%;
     padding: 4px 0;
     line-height: 1.2rem;
}
.proStat a {
  padding: 0px !important;
}
@media (min-width: 768px) { 
    .other-delivery-col span.proStat, .wilLinks span.proStat, .col#other-campuses span.proStat {
        display: flex;
        align-items: flex-start;
   }
}

.col#other-campuses span.proStat {
     padding: 2px 1px 2px 1px;
}
 .col#other-campuses {
     display: block;
     width: 100%;
     flex-direction: column;
     max-width: 100%;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1239px) {
     .monograph-information-tabs li button {
         padding: 2px 10px 2px 15px !important;
         font-size: 1.1rem !important;
    }
     .monograph-icn-bg {
         width: 35px;
         height: 35px;
         min-height: 35px;
         min-width: 35px;
         margin: 0px 0px 0px 15px;
    }
     .monograph-icn-bg {
         width: 34px;
         height: 34px;
    }
     .program-details-wrapper p, .program-details-wrapper .col, .program-details-wrapper .row .col:last-child {
         font-size: 1.05rem !important;
    }
     .col#monograph-tabs-content {
         margin: 10px 5px 15px 15px !important;
         min-width: 66%;
    }
}
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .monograph-information-tabs li button {
         font-size: 1.1rem !important;
    }
}
 @media screen and (max-width: 1100px) {
     .program-details-wrapper .row:nth-last-child(2) span.proStat, .program-details-wrapper .row:nth-last-child(3) span.proStat {
         display: inline-flex;
         width: 100%;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .monograph-information-tabs li button {
         font-size: 1.05rem !important;
    }
     .program-details-wrapper p, .program-details-wrapper .col, .program-details-wrapper .row .col:last-child {
         font-size: 1rem !important;
    }
     .monograph-icn-bg {
         display: none;
    }
     .col#monograph-tabs-content {
         min-width: 69%;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .monograph-information-tabs li button {
         font-size: 1.05rem !important;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .monograph-header {
         width: 100%;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: baseline;
         padding: 10px 0px 15px 0px;
    }
     .col#monograph-tabs-content {
         margin: 0px 0px !important;
         padding: 20px 0px !important;
         background-color: var(--card-bg-color);
         box-shadow: var(--card-shadow);
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
    }
     div#monograph-type-btn {
         display: block !important;
         width: 100%;
         box-shadow: var(--card-shadow);
         border-top-right-radius: 10px;
         border-top-left-radius: 10px;
    }
     .monograph-information-tabs {
         display: none !important;
    }
     .tabs-monograph-content {
         padding: 0px 20px;
    }
     .monograph-content-wrapper {
         padding: 0px 15px;
    }
     .tabs-monograph-content#summary {
         padding: 0px 0px;
    }
     .tabs-monograph-content#summary .monograph-header {
         padding: 10px 20px 20px 20px;
    }
     div#monograph-type-btn .btn {
         padding: 15px 25px 15px 18px !important;
    }
     div#monograph-type-btn.dropdown button {
         font-size: 1.2rem;
         font-weight: 500;
    }
     .col.monograph-tab-menu {
         width: 100%;
         max-width: 100%;
         min-width: 100%;
         padding: 0px;
         border-right: none;
    }
     #monograph-information-tabs {
         flex-direction: column !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .tabs-monograph-content#summary .monograph-header {
         padding: 10px 20px;
    }
     .monograph-content-wrapper {
         padding: 0px 15px;
    }
     .program-details-wrapper .row:nth-last-child(2) span.proStat, .program-details-wrapper .row:nth-last-child(3) span.proStat {
         padding: 2px 0;
    }
     .col.wilLinks span, .col.other-delivery-col span {
         padding: 2px !important;
    }
     .tabs-monograph-content {
         padding: 0px 20px !important;
    }
     .tabs-monograph-content#summary {
         padding: 0px 0px !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .program-details-wrapper p, .program-details-wrapper .col {
         line-height: 1.5 !important;
    }
     .program-details-wrapper .row .col:last-child {
         font-size: 1rem !important;
    }
     div#monograph-type-btn .dropdown-item:hover, div#monograph-type-btn .dropdown-item:focus {
         background-color: transparent !important;
         color: var(--main-text-color-dark) !important;
         cursor: pointer;
    }
}
/** card styles **/
 .recruitment-wrapper {
     display: flex;
     width: 100%;
     flex-direction: row;
     justify-content: space-between;
     padding-top: 30px;
     position: relative;
     z-index: 0;
}
 .apply-wrapper {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     flex-wrap: wrap;
     padding: 30px 15px 20px 15px;
     min-height: 120px;
}
 div#apply-now {
     display: flex;
     flex-direction: column;
     width: 360px;
     min-width: 360px;
     padding: 0;
     z-index: 1;
     position: relative;
}
 div#get-more-info {
     display: flex;
     width: 100%;
     min-width: 650px;
     z-index: 1;
     position: relative;
     padding: 0 0 0 30px;
}
 #apply-now .card-program-information, #get-more-info .card-program-information {
     border: 1px solid #c2c2c2;
}
 #apply-now .card-program-information{
     height: auto !important;
}
/* #get-more-info .card-program-information {
     padding: 0px 10px;
}
 */
 .btn-apply-wrapper {
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none !important;
     flex-grow: 1;
     font-size: 1.1rem;
    /* font-weight: 500;
     */
    /* color: var(--main-text-color);
     */
     will-change: font-weight;
     transition: 250ms linear;
     line-height: 1.3;
     min-height: 60px;
     background-color: #efefef;
     border: 1px solid #c2c2c2;
    /* box-shadow: inset -1px 1px 4px 2px rgba(27, 48, 41,0.1);
     */
     border-radius: 8px;
     width: 100%;
     padding: 15px 20px;
     margin: 5px;
     transition: 200ms linear;
     will-change: background-color, font-weight, color;
}
 .btn-apply-wrapper:hover {
     background-color: var(--primary-green);
     border: 1px solid var(--primary-green);
    /* font-weight: 600;
     */
     color: var(--white);
}
 a.btn-apply-wrapper::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
     background-size: 13px;
     width: 13px;
     height: 13px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0 0 0 8px;
     background-repeat: no-repeat;
     transition: 200ms linear;
     will-change: background-image;
}
 a.btn-apply-wrapper:hover::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
}
 .btn-apply-wrapper a:focus .btn-apply-wrapper {
     outline: var(--focus-outline) !important;
}
 .btn-apply-wrapper:focus:not(:focus-visible), .btn-apply-wrapper a:focus:not(:focus-visible) .btn-apply-wrapper {
     outline: none !important;
}
 span.btn-apply-text {
     font-weight: 500;
     color: var(--main-text-color);
     transition: 200ms linear;
     will-change: color, font-weight;
}
 .btn-apply-wrapper:hover span.btn-apply-text {
     color: var(--white);
    /* font-weight: 600;
     */
}
 span.btn-apply-title {
     font-size: 1.1rem;
     font-weight: 400;
     padding: 3px 0px;
     color: var(--secondary-green);
     transition: all .2s ease-in-out;
}
 .btn-apply-wrapper .col.content {
     display: flex;
     flex-direction: column;
     width: 90%;
     min-width: 90%;
     max-width: 90%;
     padding: 0px 5px;
}
 .btn-apply-wrapper .col.arrow {
     display:flex;
     align-items: center;
     justify-content: flex-end;
     width: 10%;
     min-width: 10%;
     max-width: 10%;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     span.btn-apply-text {
         font-size: 1.05rem;
    }
     .btn-apply-wrapper span img {
         height: 15px;
         width: 15px;
         margin-bottom: -3px;
    }
}
/* -- MAX 1152px -- */
 @media screen and (max-width: 1152px) {
     div#apply-now {
         width: 310px;
         min-width: 310px;
    }
     div#get-more-info {
         width: 100%;
         min-width: 650px;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     span.btn-apply-text {
         font-size: 1rem;
    }
     .btn-apply-wrapper span img {
         height: 14px;
         width: 14px;
         margin-bottom: -2px;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     span.btn-apply-text {
         font-size: 1.05rem;
    }
     .btn-apply-wrapper span img {
         height: 16px;
         width: 16px;
         margin-bottom: -4px;
    }
     .recruitment-wrapper {
         display: flex;
         width: 100%;
         flex-direction: column;
    }
     div#apply-now {
         width: 100%;
         max-width: 100%;
         padding-bottom: 75px;
    }
     div#get-more-info {
         width: 100%;
         max-width: 100%;
         padding: 0;
    }
     .apply-wrapper {
         flex-direction: row;
         padding: 20px 15px;
         min-height: 110px;
    }
     .btn-apply-wrapper {
         width: 30%;
         margin: 6px 6px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .btn-apply-wrapper {
         padding: 15px;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     span.btn-apply-text {
         font-size: 1rem;
    }
     .btn-apply-wrapper span img {
         height: 14px;
         width: 14px;
         margin-bottom: -2px;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .apply-wrapper {
         flex-direction: column;
         align-items: center;
         flex-wrap: nowrap;
    }
     .btn-apply-wrapper, .btn-apply-wrapper:hover {
         width: 100%;
         background-color: #efefef;
         border: 1px solid #bbbbbb;
    }
     .btn-apply-wrapper:hover span.btn-apply-text {
         color: var(--main-text-color);
    }
     a.btn-apply-wrapper:hover::after {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
    }
     .program-summary-wrapper {
         padding: 40px 0px 60px 0px;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .program-summary-wrapper {
         padding: 20px 0px 60px 0px;
    }
}
 .info-panel-wrapper {
     display: flex;
     flex-direction: column;
     width: 50%;
     padding-right: 15px;
}
 .additional-info-wrapper {
     display: flex;
     flex-direction: column;
     width: 50%;
     padding-left: 15px;
}
 .program-extras-wrapper{
     display: flex;
     justify-content: flex-start;
}
 .description-wrapper{
     margin: 0 auto;
     display: flex;
     width: 65%;
     padding-right: 25px;
}
 .contact-wrapper {
     display: flex;
     width: 35%;
     padding-left:25px;
     padding-top: 20px;
}
/***** COURSE 'TABLE' *****/
 .courses-container h2 {
     letter-spacing: 0;
     margin-top: 40px;
     margin-bottom: 40px;
}
 .courses-container p.label-small {
     font-size: 0.875em;
     margin-bottom: 8px;
     text-transform: uppercase;
}
 .courses-container .label-h3 {
     font-size: 1.1875em;
     font-weight: bold;
     margin-bottom: 10px;
     display: inline-block;
}
 .courses-container .text-md {
     font-size: 1.1875em;
     line-height: 1.333333;
}
 .courses-container .text-large {
     font-size: 1.5em;
     line-height: 1.25;
     font-weight: 300;
}
 .courses-container .text-strong, .courses-container label.text-strong {
     font-weight: bold;
}
 .courses-container label.text-strong {
     display: inline-block;
     margin-bottom: 20px;
}
 .courses-container .text-center {
     text-align: center !important;
}
 .courses-container a {
     color: #025B79;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 .courses-container a:hover {
     color: #1a784f;
}
 .courses-container a:active {
     color: #000000;
}
 .courses-container .pull-right {
     float: right;
}
 .courses-container i.icon-long-arrow-right::before {
     background: url(../../../../themes/algonquincollege2018/images/icons/long-arrow-right.svg) no-repeat;
     display: inline-block;
     width: 30px;
     height: 30px;
     content: '';
     background-size: 30px;
     margin: 0;
     padding: 0;
}
 .courses-container i.icon-rotate-315::before {
     -moz-transform: rotate(315deg);
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
     height: 20px;
     display: inline-block;
     margin-left: -4px;
}
 .courses-container .container {
     padding: 0 15px;
}
 .level-container .course-container {
     border-bottom: 1px solid #e8e8e8;
}
/* .level-container .course-container:last-child {
     border-bottom: none;
}
 */
 .level-container .course-container:nth-of-type(odd) {
     background: #f6f6f6;
}
 .level-container .course-container p:hover {
     cursor: text !important;
}
 .fancybox-content.wilDesc {
     max-width: 1000px !important;
     border-radius: var(--card-radius) !important;
     font-size: 1.2em !important;
     line-height: 1.35 !important;
}
 .fancybox-content.wilDesc h3 {
     font-size: 1.3em !important;
}
 .fancybox-slide p {
     margin: 0 0 20px 0;
}
 .fancybox-slide li {
     padding: 2px 0;
}
 .fancybox-slide a {
     color: var(--anchor-color);
     font-weight: 400 !important;
     text-decoration: underline;
}
 .fancybox-slide a:hover {
     color: var(--anchor-color-hover) !important;
}
 .fancybox-slide a:focus:not(:focus-visible), .fancybox-slide a:focus {
     outline: none !important;
}
 .fancybox-slide--html .fancybox-close-small {
     padding: 5px !important;
     margin: 5px !important;
}
 .th-code, .th-description, .th-hours {
     display: flex;
     justify-content: center;
     align-items: center;
     color: #ffffff;
     font-size: 1.05rem;
     font-weight: 500;
}
 .th-code {
     background: var(--darker-green);
}
 .th-description {
     background: var(--primary-green);
}
 .th-hours {
     background: var(--darker-green);
}
 .th-electives {
     display: flex;
     justify-content: left;
     align-items: left;
     color: #fff;
     font-size: 1rem;
     background-color: var(--primary-green);
}
 .desktop-electives-column-name {
     padding-left:20px !important;
}
 .desktop-course-column-name {
     display: flex;
}
 .mobile-course-column-name {
     display: none;
}
 .course-container .col-td.col-sm-8.col-md-8 {
     padding: 15px 10px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media (min-width: 1024px){
     .courses-container .text-large {
         font-size: 2em;
    }
}
/* -- MAX 1024px -- */
 @media (max-width: 1024px){
     .fancybox-content.wilDesc {
         max-width: 90% !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width:575px) {
     .desktop-course-column-name {
         display: none;
    }
     .mobile-course-column-name {
         color: var(--secondary-green) !important;
         padding-right: 6px !important;
         font-weight: bold !important;
         display: block !important;
    }
     .mobile-course-column-name ~ .text-md {
         display: inline-block !important;
    }
     .course-container .row {
         padding: 15px 0;
    }
     .course-container .col-td.col-sm-2.col-md-2 {
         flex-direction: row;
         justify-content: flex-start !important;
         padding: 5px 20px !important;
    }
     .course-container .col-td.col-sm-2.col-md-2 div {
         display: flex;
         flex-direction: row;
         align-items: center;
         width: 50%;
         margin-bottom: 10px;
    }
     .course-container .col-td.col-sm-8.col-md-8 {
         padding: 5px 20px !important;
    }
     .course-container .col-td.col-sm-2.col-md-2 p {
         font-size: 1.05rem !important;
         margin: 0 !important;
    }
     .course-container .col-td.col-sm-8.col-md-8 p {
         font-size: 1rem !important;
         line-height: 1.4em;
         margin: 0 !important;
    }
     .course-container .col-td.col-sm-8.col-md-8 .mobile-course-column-name:nth-of-type(3) {
         display: block !important;
         padding-bottom: 0px !important;
    }
     .course-container .col-td.col-sm-8.col-md-8 .mobile-course-column-name {
         display: block !important;
         padding-bottom: 0px;
         font-size: 1.1rem !important;
    }
     .course-container .col-td.col-sm-8.col-md-8 p.text-md:nth-of-type(2) {
         color: var(--secondary-dark);
         font-weight: 500;
         font-size: 1.15rem !important;
         margin-top: -5px !important;
         margin-bottom: 5px !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width:480px) {
     .level-container .course-container:hover {
         background-color: transparent !important;
    }
}
 .col-th {
     padding: 15px 0px;
}
 .col-td {
     padding: 20px 0px;
}
 .col-td p {
     margin-bottom: 0;
}
 .col-td p.text-md {
     font-size: 1rem;
     margin-bottom: .5em;
}
 .col-td.col-sm-2.col-md-2 p.text-md, .col-td.col-sm-8.col-md-8 p.text-md {
     font-weight: 600;
}
 span.course-description {
     font-size: 1em;
     font-weight: 300;
}
 .courses-container h3 {
     margin-bottom: 30px;
}
 .courses-container p {
     line-height: 1.5em !important;
}
 #post-inner {
     padding-top: 0;
}
 .programTable tr td a::after {
     content: ' - (Register Now)';
}
 .programTable tr td a.popCourse.noSectionsAvail::after {
     content: '';
}
 .ptCourseRegApplyNotice {
     margin: 20px 0;
     padding: 0px;
     font-size: 1.2em;
     display: flex;
     border: none;
}
 .apply-notice-wrapper {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: flex-start;
}
 .apply-notice-icon {
     min-width: 35px;
     display: flex;
     margin-top: -2px;
}
 .apply-notice-icon::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-important-dark-green.png');
     background-size: 28px;
     display: inline-block;
     width: 28px;
     height: 28px;
     content: "";
     padding: 0;
     background-repeat: no-repeat;
}
 .apply-notice-text {
     display: flex;
     flex-direction: column;
     width: 100%;
     align-content: center;
     justify-content: center;
}
 .apply-notice-text h3 {
     color: var(--darker-green) !important;
     padding: 5px;
     margin: 0px !important;
     font-size: 1.2rem !important;
     font-weight: bold;
     display: flex;
     align-items: center;
}
 .apply-notice-text h3::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-important-dark-green.png');
     background-size: 28px;
     display: inline-block;
     width: 28px;
     height: 28px;
     content: "";
     padding: 0;
     background-repeat: no-repeat;
     margin-right: 10px;
}
 .ptCourseRegApplyNotice p {
     padding: 0px 5px;
     margin: 0 !important;
}
 .apply-notice-text {
     font-size: .95rem !important;
}
 .ptCourseRegApplyNotice {
     margin: 10px 0;
}
/** PT on campus course table styles **/
 #main.gts table.programTable img, .ccolProgramTableAlt table.programTable img {
     height: 16px !important;
     width: 16px !important;
}
 .ccolProgramTableAlt .tableNoStyle td {
     padding:5px;
     vertical-align: text-top;
}
 .ccolProgramTableAlt .programTable {
     width: 100%;
     margin-bottom: 40px;
     border-collapse: collapse;
     border-bottom: 1px solid #cccccc;
     margin: 5px 0 20px 0;
}
 .ccolProgramTableAlt .programTable th {
     padding: 12px 20px;
     font-weight: 400 !important;
     text-align: center;
     font-size: 1.05rem;
}
 .ccolProgramTableAlt .programTable th br {
     content:' ';
}
 .ccolProgramTableAlt .programTable th br::after {
     content:' ';
}
 .ccolProgramTableAlt .programTable td {
     padding: 20px;
     text-align: left;
     font-size: 1.05em;
     line-height: 1.25rem;
}
 .ccolProgramTableAlt .programTable td:nth-child(2) {
     text-align: center !important;
}
 .ccolProgramTableAlt .programTable td:nth-of-type(n+4) {
     text-align: center;
     border-left: 1px solid #cccccc;
}
 .ccolProgramTableAlt .programTable td:nth-of-type(n+4) span {
    /*restoring diamond markers on pages where link was removed before output*/
     background-image: url('/wp-content/themes/algonquincollege2018-online/images/online/deIcon.png');
     background-repeat: no-repeat;
     width: 20px;
     height: 20px;
     display: block;
     border: none;
}
 .ccolProgramTableAlt .programTable td:nth-of-type(n+4) span.campusIcon {
    /*summer circle icon*/
     background-image: url('/wp-content/themes/algonquincollege2018-online/images/online/iconOnCampus.png');
     background-repeat: no-repeat;
     width: 20px;
     height: 20px;
     display: block;
     border: none;
}
 .ccolProgramTableAlt .programTable th:nth-child(1) {
     text-align: left;
}
 .ccolProgramTableAlt .programTable tr:first-child th:nth-child(1), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(3), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(5), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(7) {
     background-color: var(--darker-green) !important;
     color:var(--white);
}
 .ccolProgramTableAlt .programTable tr:first-child th:nth-child(2), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(4), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(6) {
     background-color: var(--primary-green) !important;
     color:var(--white);
     min-width: 100px;
     max-width: 100px;
     text-align: center !important;
}
 .ccolProgramTableAlt .programTable tr:first-child th:nth-child(5), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(7) {
     min-width: 100px;
     max-width: 100px;
     text-align: center !important;
}
 .ccolProgramTableAlt .programTable tr th.grey {
     background-color: #3b3b3b !important;
     color: var(--white) !important;
     font-size: 1.15rem;
     font-weight: 300 !important;
     padding: 10px 20px;
     border-top: 1px solid #fff;
     text-align: center;
}
 .ccolProgramTableAlt .programTable th:nth-child(n+2) {
     background-color:#2b2b2b;
     color:var(--white);
}
 .ptOnCampusCourseWrapper {
     display:none;
     position:fixed;
     z-index: 9000;
     top: 0px;
     left: 0px;
     width:100%;
     height:100%;
     background-color:rgba(0,0,0,0.50);
     margin:0px;
     cursor:pointer;
}
 .ptOnCampusCourseWrapper.showCourseModal {
     display: block;
}
 .ptOnCampusCourseFullDetails {
     display: block;
     margin: 0 auto;
     max-width: 960px;
     position: relative;
     margin-top: 25vh;
     background-color:var(--white);
     padding:20px;
     cursor:default;
}
 .ptOnCampusCourseFullDetails .modal-close {
     display: block;
     position: absolute;
     top: 0px;
     right: 0px;
     width: 40px;
     height: 40px;
     background-color: #000000;
     color: var(--white);
     text-align: center;
     font-weight: bold;
     padding: 4px;
     font-size: 1.2em;
     border:none;
}
 .ptOnCampusCourseFullDetails .modal-close:hover {
     font-size:1.6em;
     cursor:pointer;
}
 #POScourseDescriptions {
    /** This html contains incorrect data - do not display it **/
     display: none;
}
 #post-inner .button a {
     text-decoration: none;
}
 #post-inner .courses-container a.link-read-more {
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 0.875em;
}
 .tabs-monograph-content [class|="col"] {
     margin-bottom: 0 !important;
}
 .course-accordion-wrapper, .pathway-accordion-wrapper {
     margin: 3px 0;
    /* margin: 6px 0;
     */
}
 .course-container a.link-read-more {
     display: block;
     color: var(--primary-green) !important;
     font-weight: 500 !important;
     text-decoration: 1px underline currentcolor;
     text-underline-offset: 4px;
     padding-top: 5px !important;
     font-size: 1rem !important;
}
 .course-container a.link-read-more:hover {
     text-decoration: 1px underline currentcolor;
     background-color: transparent !important;
}
 .level-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .course-accordion, .pathway-accordion {
     display: flex;
     justify-content: space-between;
     align-items: center;
    /* background-color: #efefef;
     */
     border-radius: 2px;
     background-color: #f2f2f2;
    /* box-shadow: inset 0 0px 1px 1px rgba(24,21,21,0.1);
     */
    /* box-shadow: 0 0px 1px 1px rgba(24,21,21,0.2);
     */
     font-size: 1.05rem !important;
     font-weight: 500;
     color: var(--primary-dark);
     cursor: pointer;
     letter-spacing: -.25px;
     padding: 0px 20px 0px 15px;
     min-height: 50px;
     line-height: 1.2;
     width: 100%;
     text-align: left;
     border: none;
     transition: 250ms linear;
     will-change: color, background-color;
     outline: none;
     transition: 0.4s;
     margin: 0;
}
 .course-accordion span.course-level {
     font-weight: 700;
     color: var(--primary-dark);
     transition: 250ms linear;
     will-change: color;
     padding: 0px 7px 0px 7px !important;
     font-size: 1.25rem !important;
}
 .course-accordion:hover, .pathway-accordion:hover {
     background-color: #cfe6dd !important;
    /* box-shadow: inset 0 0px 1px 1px #cfe6dd;
     */
    /* box-shadow: 0 0px 1px 1px rgba(0, 99, 65, .4);
     */
     color: #1b4a39;
}
 .course-accordion:focus, .pathway-accordion:focus {
     outline: var(--focus-outline) !important;
}
 .course-accordion:focus:not(:focus-visible), .pathway-accordion:focus:not(:focus-visible) {
     outline: none !important;
}
 .course-accordion:hover span.course-level, .course-accordion:focus span.course-level, .course-accordion.active span.course-level {
     color: #1b4a39 !important;
}
 .course-accordion span.course-level.choose-text {
     font-size: 1.1rem !important;
     font-weight: 500 !important;
}
 .course-accordion.active, .pathway-accordion.active {
     background-color: #cfe6dd;
     color: #1b4a39;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
    /* box-shadow: 0 0px 1px 1px rgba(0, 99, 65, .4);
     */
}
 .course-accordion.active:hover > span.accordion-icn::after, .pathway-accordion.active:hover > span.accordion-icn::after {
     transform: rotate(180deg) translateY(3px) 
}
 .course-accordion span.accordion-icn::after, .pathway-accordion span.accordion-icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-dark.png');
     background-size: 14px;
     width: 14px;
     height: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin-left: 3px;
     opacity: .8;
     will-change: background-image;
     transition: 250ms linear;
    /* transform: rotate(270deg);
     */
}
 .course-accordion:hover span.accordion-icn::after, .pathway-accordion:hover span.accordion-icn::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
     transition: 250ms linear;
     transform: translateY(3px);
     opacity: 1;
    /* transform: rotate(360deg);
     */
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-green.png');
}
 .course-accordion.active span.accordion-icn::after, .pathway-accordion.active span.accordion-icn::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
     transition: 250ms linear;
     transform: rotate(180deg);
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-green.png');
}
 .course-panel {
     padding: 0;
     background-color: white;
     max-height: 0;
     overflow: hidden;
     margin-right: -1px;
}
 .course-panel .row {
     margin: 0;
}
 .col-td.col-sm-3.col-md-3, .col-td.col-sm-2.col-md-2 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     margin: 0;
}
 .course-accordion-controls, .pathway-accordion-controls {
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .course-panel.visible, .pathway-item-wrapper.visible {
     max-height: 100%;
}
 .course-panel.invisible, .pathway-item-wrapper.invisible {
     max-height: 0px;
}
 .pathway-accordion-wrapper .collapse-section {
     margin: 0 !important;
}
 .pathway-item-wrapper div.collapse-section-wrapper:hover, .pathway-item-wrapper div.collapse-section-wrapper:focus {
     background-color: rgba(0, 99, 65, 0) !important;
}
 .pathways-note {
     padding-top: 20px !important;
}
/* PROGRAM DETAILS ----------------------------------- */
 .program-resources-wrapper {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     padding: 0px;
     margin: 20px 0 40px 0;
}
 .program-resources-wrapper span {
     display: flex;
     width: calc(100% / 2);
     justify-content: flex-start;
     align-items: center;
     padding: 5px 5px 5px 0px;
}
 .program-resources-wrapper span a {
     color: var(--anchor-color);
     font-size: 1.05rem;
     font-weight: 500;
     display: flex;
     height: 35px;
     line-height: 1.35em;
     justify-content: flex-start;
     align-items: center;
     will-change: transform;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 .program-resources-wrapper span a:hover {
     text-decoration: 1px underline;
     color: var(--anchor-color-hover);
}
 .program-resources-wrapper span a:focus {
     outline: var(--focus-outline) !important;
}
 .program-resources-wrapper span a:focus:not(:focus-visible) {
     outline: none !important;
}
 #container-prefooter-simple li a {
     font-weight: 500 !important;
     color: var(--anchor-color) !important;
     font-size: 1em !important;
}
/** Program Resources Icons **/
 .program-resources-wrapper span a::before {
     background-size: 28px;
     width: 28px;
     height: 28px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0;
     margin: 0 15px 0 0;
     background-repeat: no-repeat;
     will-change: transform;
     filter: brightness(85%);
}
 .program-resources-wrapper span a:hover::before {
     filter: brightness(125%);
}
/** VIRTUAL TOUR **/
 .program-resources-wrapper span#res-virtual-tour a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-virtual-tour-dark-green.png');
}
/** PROGRAM OVERVIEW **/
 .program-resources-wrapper span#res-program-overview a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-overview-pdf-dark-green.png');
}
/** BYOD **/
 .program-resources-wrapper span#res-byod a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-byod-dark-green.png');
}
/** ETEXTBOOKS **/
 .program-resources-wrapper span#res-etextbooks a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-etextbooks-dark-green.png');
}
/** ARCHIVED INFO **/
 .program-resources-wrapper span#res-archived-info a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-archived-information-dark-green.png');
}
/** ACADEMIC CALENDAR **/
 .program-resources-wrapper span#res-academic-calendar a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-academic-calendar-dark-green.png');
}
/** WORD **/
 .program-resources-wrapper span#res-downloads-doc a::before, .program-resources-wrapper span#res-downloads-docx a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-file-word-green.png');
}
/** POWERPOINT **/
 .program-resources-wrapper span#res-downloads-ppt a::before, .program-resources-wrapper span#res-downloads-pptx a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-file-powerpoint-green.png');
}
/** PDF **/
 .program-resources-wrapper span#res-downloads-pdf a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-file-pdf-green.png');
}
/** EXCEL **/
 .program-resources-wrapper span#res-downloads-xls a::before, .program-resources-wrapper span#res-downloads-xlsx a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-file-excel-green.png');
}
/** IMAGES **/
 .program-resources-wrapper span#res-downloads-jpg a::before, .program-resources-wrapper span#res-downloads-jpeg a::before, .program-resources-wrapper span#res-downloads-gif a::before, .program-resources-wrapper span#res-downloads-png a::before, .program-resources-wrapper span#res-downloads-svg a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-file-image-green.png');
}
/** ZIP **/
 .program-resources-wrapper span#res-downloads-zip a::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-icon-zip-image-green.png');
}
/* -- MAX 480px -- */
 @media 1400px and (max-width: 1400px) {
     .program-resources-wrapper span a, #container-prefooter-simple li a {
         font-size: 1em !important;
    }
}

/* -- MAX 480px -- */
 @media 1280px and (max-width: 1280px) {
     .program-resources-wrapper span, .program-resources-wrapper span a, #container-prefooter-simple li a {
         width: 100%;
    }
     .program-resources-wrapper {
         flex-direction: column;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     #container-prefooter-simple li {
         padding: 3px 5px 3px 0px !important;
         height: 100% !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .program-resources-wrapper span a, #container-prefooter-simple li a {
         font-size: .9em !important;
    }
     .program-resources-wrapper span a::before {
         background-size: 24px;
         width: 24px;
         height: 24px;
    }
}
 .header-wrapper {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     margin: 0;
     padding: 0px;
     min-height: 150px;
}
 .program-header {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding: 15px 0px !important;
}
 .section-header {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     max-width: 100%;
     padding: 15px 0px !important;
}
 .program-header h1 {
     margin: 0 !important;
     color: var(--secondary-green) !important;
     font-size: 2rem !important;
     line-height: 2rem !important;
     font-weight: bold !important;
}
 .program-header h1.h1-sm {
     font-size: 1.8rem !important;
     line-height: 1.9rem !important;
}
 .program-header h1.h1-xs {
     font-size: 1.6rem !important;
     line-height: 1.8rem !important;
}
 .apply-header {
     display: flex;
     flex-direction: column;
     width: fit-content;
     max-width: fit-content;
     min-width: fit-content;
}
 .apply-header span {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     min-height: 32px;
     padding: 0px;
}
 .apply-header span a {
     color: var(--primary-dark);
     text-decoration: none !important;
     font-size: 1.05rem;
     font-weight: 500;
     display: flex;
     align-items: center;
}
 .card-program-information#apply-btn a {
     transition: var(--quick-linear);
     transition-timing-function: ease-in-out;
}
 .card-program-information#apply-btn::after, .card-program-information#lead-gen-cta::after {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 8px;
     background-repeat: no-repeat;
     transition: var(--quick-linear);
     transition-timing-function: ease-in-out;
}
 .card-program-information#apply-btn::after, .card-program-information#lead-gen-cta::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
}
 .card-program-information#apply-btn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-apply-now-white.png');
}
 .card-program-information#lead-gen-cta::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-dark.png');
}
 .apply-header-wrapper a {
     text-decoration: none;
     display: flex;
     height: 100%;
     width: 160px;
     padding: 0 5px 0 0;
}
 .apply-header .card-program-information {
     padding: 4px 8px;
     margin: 4px 0;
}
 .apply-header-wrapper {
     display: flex;
     flex-direction: column;
     width: 100%;
     align-items: flex-end;
     margin: -10px 0 0 0;
}
 .card-program-information#apply-btn, .card-program-information#lead-gen-cta {
     height: 100%;
     border-radius: 8px !important;
     align-items: center;
     justify-content: space-between;
     display: flex;
     box-shadow: 0 1px 2px 0px rgba(24,21,21,0.3) !important;
     transition: var(--quick-linear);
     transition-timing-function: ease-in-out;
     padding: 7px 12px 7px 14px;
     min-width: 100%;
}
 .card-program-information#apply-btn {
     background-color: var(--primary-green);
     border: 1px solid var(--dark-green);
}
 .card-program-information#lead-gen-cta {
     background-color: #f4f4f4;
     border: 1px solid #c2c2c2;
}
 .card-program-information#apply-btn span, .card-program-information#apply-btn span img, .card-program-information#lead-gen-cta span, .card-program-information#lead-gen-cta span img {
     transition: var(--quick-linear);
     transition-timing-function: ease-in-out;
}
 .card-program-information#apply-btn span img, .card-program-information#lead-gen-cta span img {
     background-color: transparent;
     margin-right: 0px;
     margin-left: 0px;
     padding: 4px;
     border-radius: 0 !important;
}
 .card-program-information#apply-btn span, .card-program-information#lead-gen-cta span {
     font-size: 1.09rem;
     width: 100%;
     justify-content: space-between;
     padding: 0px 0px;
     margin: 0 auto;
     font-weight: 500;
     transition: 250ms linear;
}
 .card-program-information#apply-btn span {
     color: var(--white);
}
 .card-program-information#lead-gen-cta span {
     color: var(--main-text-color);
}
 .card-program-information#apply-btn:hover, .card-program-information#apply-btn:focus {
    /* background-position: left;
     */
    /* filter: brightness(125%);
     */
     background-color: var(--hover-button);
     border: 1px solid var(--primary-green);
     cursor: pointer;
}
 .card-program-information#lead-gen-cta:hover, .card-program-information#lead-gen-cta:focus {
    /* background-position: left;
     */
     filter: brightness(105%);
     cursor: pointer;
}
 .card-program-information#apply-btn:hover span, .card-program-information#lead-gen-cta:hover span {
     cursor: pointer;
}
 .card-program-information#apply-btn:focus {
}
 #apply-btn .dropdown-menu {
     width: 210px !important;
     padding: 0 !important;
     margin: 1px 0 0 -5px !important;
     background-color: var(--card-bg-color) !important;
     background-clip: unset !important;
     border: none !important;
     box-shadow: var(--card-shadow) !important;
     border-radius: 3px !important;
}
 #apply-btn .dropdown-menu a {
     font-size: 1.1rem !important;
     color: var(--primary-dark) !important;
     padding: 10px 15px !important;
     border-bottom: 1px solid #e8e8e8 !important;
}
 #apply-btn .dropdown-menu a:first-child {
     border-top-left-radius: 4px !important;
     border-top-right-radius: 4px !important;
}
 #apply-btn .dropdown-menu a:last-child {
     border-bottom: none !important;
     border-bottom-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
}
 #apply-btn .dropdown-menu a:last-child:hover {
     border: none !important;
}
 #apply-btn .dropdown-menu a:hover {
     background-color: var(--primary-green) !important;
     color: var(--main-text-color-lighter) !important;
     border-bottom: 1px solid var(--primary-green) !important;
}
 #apply-btn .dropdown-toggle:focus {
     outline: none !important;
}
 #apply-btn .dropdown-toggle::after {
     display: none !important;
}
 #apply-btn .dropdown-toggle:focus .card-program-information#apply-btn, #apply-btn .dropdown-toggle:focus > .card-program-information#apply-btn {
     background-color: var(--primary-green) !important;
     border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
     border-radius: 50px !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1239px -- */
 @media screen and (max-width: 1239px) {
     .program-header h1 {
         font-size: 1.85rem !important;
         line-height: 1.9rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.75rem !important;
         line-height: 1.9rem !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.55rem !important;
         line-height: 1.8rem !important;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .card-program-information#apply-btn span, .card-program-information#lead-gen-cta span {
         font-size: 1.05rem;
    }
     .program-header h1 {
         font-size: 1.75rem !important;
         line-height: 1.9rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.65rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.5rem !important;
         line-height: 1.7rem !important;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .header-wrapper {
         width: 100%;
         min-height: 50px;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         margin: 0;
         padding: 25px 0 30px 0;
    }
     .program-header{
         display: flex;
         flex-direction: column;
         width: 100%;
         max-width: 100%;
    }
     .apply-header {
         width: 100%;
         max-width: 100%;
         min-width: 100%;
         display: flex;
         padding: 0;
         margin: 0 auto;
         justify-content: center;
         align-items: flex-start;
    }
     .apply-header-wrapper {
         flex-direction: row;
         align-items: center;
         padding: 20px 0;
         width: 375px;
         min-width: 375px;
         max-width: 375px;
         margin: 5px 0 0 0;
    }
     .apply-header .card-program-information {
         padding: 5px 8px;
         margin: 0px 15px 0px 0px;
    }
     .card-program-information#apply-btn, .card-program-information#lead-gen-cta {
         padding: 6px 14px !important;
         min-width: calc(100% - 8px) !important;
         width: calc(100% - 8px) !important;
    }
     .card-program-information#apply-btn span, .card-program-information#lead-gen-cta span {
         font-size: 1.09rem;
    }
     #apply-btn span img {
         height: 25px;
    }
     #lead-gen-cta span img {
         height: 24px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .apply-header-wrapper a {
         width: 200px;
    }
     .program-header h1 {
         font-size: 1.65rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.55rem !important;
         line-height: 1.9rem !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.45rem !important;
         line-height: 1.7rem !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .card-program-information#apply-btn span, .card-program-information#lead-gen-cta span {
         font-size: 1.05rem;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .apply-header .card-program-information {
         margin: 0px 10px 0px 0px;
    }
     .program-header h1 {
         font-size: 1.45rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.4rem !important;
         line-height: 1.8rem !important;
    }
     .card-program-information#apply-btn, .card-program-information#lead-gen-cta {
         min-width: calc(100% - 3px) !important;
         width: calc(100% - 3px) !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.35rem !important;
         line-height: 1.7rem !important;
    }
     .apply-header-wrapper {
         padding: 15px 0px 20px 0px !important;
         width: 100%;
         min-width: 100%;
         max-width: 100%;
         justify-content: space-between;
    }
     .apply-header-wrapper a {
         width: calc(100% / 2) !important;
         justify-content: flex-start;
    }
     .apply-header-wrapper a:last-child {
         justify-content: flex-end;
    }
     .apply-header span {
         min-height: 35px;
    }
     .header-wrapper {
         padding: 5px 0 10px 0;
    }
     .apply-header-wrapper .card-program-information:last-child {
         margin: 0;
    }
     .program-header h1 {
         font-size: 1.6rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.5rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.4rem !important;
         line-height: 1.7rem !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .card-program-information#apply-btn span, .card-program-information#lead-gen-cta span {
         font-size: 1rem;
    }
     .program-header h1 {
         font-size: 1.4rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-sm {
         font-size: 1.35rem !important;
         line-height: 1.8rem !important;
    }
     .program-header h1.h1-xs {
         font-size: 1.3rem !important;
         line-height: 1.7rem !important;
    }
     .apply-header-wrapper {
         padding: 15px 0px 20px 0px !important;
    }
     .apply-header span {
         min-height: 28px !important;
    }
     .header-wrapper {
         padding: 20px 0 10px 0;
    }
}
/* MONOGRAPH CONTACT & SOCIAL ----------------------------------- */
/* CONTACT **/
 .program-contact-wrapper {
     display: flex;
     width: 100%;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
}
 .program-contact {
     display: flex;
     width: 100%;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     padding: 0px 2px;
     border-bottom: 1px solid #eaeaea;
}
 .program-contact:last-child {
     border-bottom: none;
}
 .contact-who {
     display: flex;
     flex-direction: column;
     width: 100%;
     max-width: 325px;
     min-height: 80px;
     justify-content: center;
     padding: 10px 15px 10px 0px;
}
 .contact-who h4 {
     font-size: 1.2rem;
     font-weight: 600;
     padding: 6px 0px;
     color: var(--primary-dark);
}
 .contact-who h5 {
     font-size: 1.15em;
     color: var(--secondary-green);
     font-weight: 400;
}
 .contact-how {
     display: flex;
     flex-direction: column;
     width: 100%;
     min-height: 80px;
     justify-content: center;
     min-width: 290px;
     padding: 14px 0;
}
 .contact-how p {
     display: flex;
     line-height: 1.65em !important;
     font-size: 1.05rem !important;
     color: var(--primary-dark) !important;
     align-items: center;
     margin: 0 !important;
     padding: 1px 0 !important;
     font-weight: 400;
}
 .bio-info p {
     display: flex;
     line-height: 1.5em !important;
     font-size: .95rem !important;
     color: var(--primary-dark) !important;
     align-items: center;
     padding: 0 !important;
     margin: 0 !important;
}
/* .contact-how p img {
     height: 20px;
     width: 20px;
     margin: 0px 8px -4px 0px;
}
 */
 .contact-how p span.email::before, .contact-how p span.phone::before, .contact-how p span.room::before, .contact-how p span.bio::before {
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin-right: 11px;
     margin-top: -2px;
     background-size: 20px;
     width: 20px;
     height: 20px;
}
 .bio-info p span.email::before, .bio-info p span.phone::before, .bio-info p span.room::before {
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin-right: 12px;
     margin-top: -2px;
     background-size: 18px;
     width: 18px;
     height: 18px;
}
 .contact-how p span.email::before, .bio-info p span.email::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-email-green-secondary.png');
}
 .contact-how p span.phone::before, .bio-info p span.phone::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-phone-green-secondary.png');
}
 .contact-how p span.room::before, .bio-info p span.room::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-room-green-secondary.png');
}
 .contact-how p span.bio::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-bio-green-secondary.png');
}
 .contact-how p a, .bio-info p a {
    /* color: var(--anchor-color);
     */
     color: var(--secondary-dark) !important;
     font-weight: 500 !important;
     text-decoration: .5px underline var(--primary-green);
     text-underline-offset: 4px;
}
 .program-contact-wrapper hr {
     border-top: 1px solid #eaeaea;
     display: flex;
     width: 100%;
     margin: 10px 0px;
}
 div.custom-contact-text {
     padding-top: 25px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1239px) {
     .contact-who h4 {
         font-size: 1.15rem;
    }
     .contact-who h5 {
         font-size: 1.1rem;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .contact-who {
         max-width: 300px;
    }
     .contact-how p {
         font-size: .95rem !important;
    }
     .contact-how p img {
         height: 18px;
         width: 18px;
         margin: 0px 8px -3px 0px;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .contact-how p {
         font-size: 1rem !important;
    }
     .contact-how p img {
         height: 16px;
         width: 16px;
         margin: 0px 8px -2px 0px;
    }
     .program-contact {
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
         padding: 5px 2px;
    }
     .contact-who {
         padding: 10px 15px 0px 0px !important;
    }
     .contact-who, .contact-how {
         min-height: 1px;
    }
     .contact-who h5 {
         margin: 0 !important;
    }
}
/* MONOGRAPH: PROGRAM AVAILABILITY ----------------------------------- */
 .customAvail {
     padding: 30px 0 0 0;
}
 .program-availability-col {
     width: 100%;
}
 .availability-wrapper {
     padding: 15px 0;
     margin: 0;
    /* background-color: #fafafa;
     border: 1px solid #ccc;
     border-radius: var(--card-radius);
     */
}
 .availability-wrapper.lessPadding{
     padding: 0px 0 !important;
}
 .availability-wrapper .col {
     margin-bottom: 0px !important;
     padding: 0 !important;
}
 .availability-wrapper p {
     margin: 0 !important;
     line-height: 1.4 !important;
}
 .availability-wrapper h4 {
     position: relative !important;
     color: #4b4b4b !important;
     font-size: 1.1em !important;
     line-height: 1.2 !important;
     font-weight: 600 !important;
     text-align: center;
     padding: 0 !important;
     margin: 0 !important;
    /* text-transform: uppercase;
     */
    /* letter-spacing: 0;
     */
}
 .availability-wrapper-col .sub-heading-green {
     font-size: 1.18em !important;
}
 .competitive {
     display: flex;
     justify-content: center;
     min-width: 110px;
}
 .start-term p, .availability-wrapper-row.term p {
     color: #2b2b2b;
     font-weight: 700 !important;
     font-size: 1.05em !important;
     letter-spacing: -0.5px;
}
 .availability-wrapper-row.month p {
     font-weight: 400;
     font-size: 1.1em !important;
     line-height: 1em;
}
 .start-month p:first-child {
     padding: 0 0 0 15px;
     display: flex;
     align-items: center;
}
/* .start-month p:first-child::before {
     content: "";
     width: 4.5px;
     height: 4.5px;
     border-radius: 50%;
     margin: 0 10px 1px 0;
     display: flex;
     align-items: center;
     background-color: #606060;
     vertical-align: middle;
}
 */
 .competitive p {
     color: var(--secondary-green) !important;
     font-weight: 600 !important;
}
 .availability-wrapper-col, .availability-wrapper-row {
     margin-left: 0 !important;
     margin-right: 0 !important;
     display: flex;
     justify-content: space-between !important;
}
 .availability-wrapper-row {
     padding: 15px 0;
     border-bottom: 1px solid #f0f0f0;
}
 .availability-wrapper-row.month {
     margin: 1px 0;
     padding: 0 0;
}
 .availability-wrapper-row.term {
     padding: 20px 0 0 0;
}
 .availability-wrapper-col div:first-child, .availability-wrapper-row div:first-child {
     width: 100%;
     max-width: 140px;
}
 .availability-wrapper-row.term div:first-child {
     width: 100% !important;
     max-width: 100%;
}
 .availability-wrapper-row div, .availability-wrapper-col div {
     display: flex;
     justify-content: center;
     align-items: center;
     width: calc(100%/3);
     margin: 0 10px;
}
 .availability-wrapper-row div:first-child, .availability-wrapper-col div:first-child {
     display: flex;
     justify-content: flex-start;
     align-items: center;
    /* min-width: 10px;
     max-width: 120px;
     max-width: 160px;
     */
}
/* .availability-wrapper-col:first-child {
     padding: 15px 0 !important;
     border-bottom: 1.5px solid #5b5b5b;
     background-color: #f0f0f0;
     border-radius: 8px 8px 0 0;
}
 */
 .availability-wrapper-col {
     padding: 15px 0 !important;
     border-bottom: 1.5px solid #5b5b5b;
     background-color: #f0f0f0;
     border-radius: 0;
}
 .availability-wrapper-row:hover {
     background-color: #e9f0ec;
     outline: none !important;
}
 .availability-wrapper-row.term:hover {
     background-color: transparent !important;
     outline: none !important;
}
 .avail-row-divider {
     margin: 0px 0px !important;
     border-top: 1px solid #f0f0f0 !important;
}
 .availability-wrapper hr {
     margin: 0px 0px !important;
     border-top: 2px solid #e9e9e9 !important;
}
 img.icn-status {
     transition: var(--transition-bounce);
     height: 19px !important;
     width: 19px !important;
     margin: 0 0px 0px 0px !important;
}
 span.icn-status {
     content: "";
     background-size: 19px;
     width: 19px;
     height: 19px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     background-repeat: no-repeat;
     margin: 0;
}
 .availability-legend {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     height: 40px;
     width: fit-content;
    /* background-color: var(--card-bg-color);
     */
    /* border: 1px solid #ccc;
     */
     border-radius: 5px;
     margin: 0;
}
 .legend-item {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     height: 30px;
     width: 100%;
     padding: 0 0 0 18px;
}
 .legend-item span.open::before, .legend-item span.closed::before, .legend-item span.waitlisted::before {
     background-size: 17px;
     width: 17px;
     height: 17px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin: -1px 4px 0 0;
}
 .legend-item span.open::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-status-open.png');
}
 .legend-item span.closed::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-status-closed.png');
}
 .legend-item span.waitlisted::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-program-status-waitlisted.png');
}
 .legend-item p {
     font-size: 1em !important;
     color: var(--primary-dark);
     font-weight: 500;
     margin: 0 !important;
     padding: 0px 1px;
     line-height: 1 !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .availability-wrapper h4, .availability-wrapper p, .start-term p, .availability-wrapper-row.term p, .availability-wrapper-row.month p{
         font-size: 1.05em !important;
    }
}
/* -- MAX 1200px -- */
 @media screen and (max-width: 1024px) {
     .availability-wrapper h4, .availability-wrapper p, .start-term p, .availability-wrapper-row.term p, .availability-wrapper-row.month p {
         font-size: 1em !important;
    }
}
/** -- MAX-WIDTH 880px -- */
 @media screen and (max-width: 880px) {
     .program-details-wrapper .row {
         padding: 10px 25px;
    }
     .availability-wrapper h4, .start-term p, .availability-wrapper-row.term p {
         font-size: 1.05em !important;
    }
     .availability-legend {
         width: 100%;
         justify-content: center;
         max-width: 100%;
    }
     .legend-item {
         margin-left: 0px;
         width: fit-content;
         padding: 0 15px;
    }
}
/* -- MAX 650px -- */
 @media screen and (max-width: 660px) {
     .availability-wrapper h4, .availability-wrapper p, .start-term p, .availability-wrapper-row.term p, .availability-wrapper-row.month p {
         font-size: 1em !important;
    }
     .availability-wrapper-row div:first-child, .availability-wrapper-col div:first-child {
         max-width: 130px;
    }
     .availability-wrapper h4:first-child {
         text-align: left;
    }
     .program-details-wrapper .row {
         justify-content: flex-start !important;
         align-items: flex-start;
         flex-direction: column;
         padding: 10px 20px;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .availability-wrapper h4, .availability-wrapper p, .start-term p, .availability-wrapper-row.term p, .availability-wrapper-row.month p {
         font-size: .95em !important;
    }
     .program-details-wrapper p span {
         font-weight: 600 !important;
         color: #1b3029 !important;
    }
     .program-details-wrapper p, .program-details-wrapper .col {
         font-weight: 300;
    }
     .start-month p:first-child {
         padding: 0 0 0 10px;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .availability-wrapper p {
         font-size: .9rem !important;
         line-height: 1.1rem;
    }
     .availability-wrapper h4 {
         font-size: .8rem !important;
         line-height: .9rem !important;
    }
     .availability-wrapper-row:hover {
         background-color: transparent !important;
    }
}
 #availability-tab-menu, #progression-tab-menu, #availability-progression-tab-menu {
     display: flex;
     width: 100%;
     justify-content: flex-start;
     margin: 0 0 20px 0 !important;
    /* border-bottom: 2px solid #e9e9e9 !important;
     */
}
 #avail-tab-normal, #avail-tab-coop, #progression-tab-normal, #progression-tab-coop {
     display:none;
}
 .normal-tab-button, .coop-tab-button {
    /* display: flex;
     justify-content: center;
     align-items: center;
     min-width: 175px;
     width: calc(100% / 2 - 5px);
     max-width: 175px;
     transition-timing-function: ease-out !important;
     background-color: #f6f6f6 !important;
     color: var(--main-text-color-dark) !important;
     border-radius: 8px 8px 0 0 !important;
     border-width: 1px !important;
     border-color: #ccc !important;
     border-style: solid !important;
     */
     display: flex;
     min-width: 160px;
     align-items: center;
     justify-content: center;
     font-weight: 400;
     color: var(--secondary-green) !important;
     font-weight: 500;
     padding: 0;
     line-height: 1.2;
     border: 1.5px solid #006341;
     border-radius: 6px;
     height: 45px;
     will-change: transform;
     background-color: #fcfcfc;
     transition: .1s;
     cursor: pointer !important;
}
 .normal-tab-button {
     margin: 0 5px 0 5px;
}
 .coop-tab-button {
     margin: 0 5px 0 5px;
}
 .normal-tab-button a, .coop-tab-button a {
     color: var(--secondary-green);
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     margin: 0px;
     height: 100%;
     padding: 12px;
     text-decoration: none;
     font-size: 1.05rem;
     font-weight: 500;
}
 .normal-tab-button:hover, .normal-tab-button:focus, .coop-tab-button:hover, .coop-tab-button:focus {
     background-color: #006341;
     cursor: pointer !important;
     color: #ffffff !important;
}
 .normal-tab-button a:hover, .normal-tab-button a:focus, .coop-tab-button a:hover, .coop-tab-button a:focus {
    /* text-decoration: 1.5px underline currentcolor !important;
     text-underline-offset: 5px;
     */
     color: #ffffff;
}
/* updated with progression tabs*/
 .normal-tab-button.active-tab-button, .coop-tab-button.active-tab-button, .normal-tab-button.active-avail-tab-button, .coop-tab-button.active-avail-tab-button, .normal-tab-button.active-progression-tab-button, .coop-tab-button.active-progression-tab-button {
     background-color: var(--primary-green) !important;
     border: 1.5px solid var(--primary-green);
     color: #ffffff !important;
}
 .normal-tab-button.active-tab-button a, .coop-tab-button.active-tab-button a, .normal-tab-button.active-avail-tab-button a, .coop-tab-button.active-avail-tab-button a, .normal-tab-button.active-progression-tab-button a, .coop-tab-button.active-progression-tab-button a {
     color: var(--white) !important;
     text-decoration: none !important;
}
 .normal-tab-button.active-tab-button:hover, .normal-tab-button.active-tab-button:focus, .coop-tab-button.active-tab-button:hover, .coop-tab-button.active-tab-button:focus, .normal-tab-button.active-avail-tab-button:hover, .normal-tab-button.active-avail-tab-button:focus, .coop-tab-button.active-avail-tab-button:hover, .coop-tab-button.active-avail-tab-button:focus, .normal-tab-button.active-progression-tab-button:hover, .normal-tab-button.active-progression-tab-button:focus, .coop-tab-button.active-progression-tab-button:hover, .coop-tab-button.active-progression-tab-button:focus {
     color: var(--white) !important;
     background-color: var(--primary-green) !important;
}
 .normal-tab-button.active-tab-button a:hover, .normal-tab-button.active-tab-button a:focus, .coop-tab-button.active-tab-button a:hover, .coop-tab-button.active-tab-button a:focus, .normal-tab-button.active-avail-tab-button a:hover, .normal-tab-button.active-avail-tab-button a:focus, .coop-tab-button.active-avail-tab-button a:hover, .coop-tab-button.active-avail-tab-button a:focus, .normal-tab-button.active-progression-tab-button a:hover, .normal-tab-button.active-progression-tab-button a:focus, .coop-tab-button.active-progression-tab-button a:hover, .coop-tab-button.active-progression-tab-button a:focus {
     color: var(--white) !important;
     text-decoration: none !important;
}
 #avail-tab-normal.active-tab, #avail-tab-coop.active-tab, #avail-tab-normal.active-avail-tab, #avail-tab-coop.active-avail-tab, #avail-tab-normal.active-progression-tab, #avail-tab-coop.active-progression-tab {
     display: block;
}
 #disclaimer-block {
     padding-top:0px;
}
/* program schedule/progression */
 .schedule-wrapper{
     padding: 25px 0 0 0;
}
 .schedule-wrapper .hidden-type, .schedule-wrapper .hidden-progression{
     display:none !important;
}
 .progression-intake-wrapper .text-strong{
     font-size: .95em;
     font-weight: 500;
     color: var(--primary-green);
     padding: 0 20px 0 0;
}
 .flex-space {
     display: flex;
     flex-direction: row;
     align-items: self-end;
     justify-content: space-between;
     padding: 0 0 12px 0;
}
 .flex-stack {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 0 0 0 0;
}
 .progression-intake-menu{
     margin-top: 0;
}
 .progression-intake-menu{
     width: 60%;
     font-size: 1.05rem;
     font-weight: 400;
     color: var(--dark-green);
     display: flex;
     flex-direction: column;
     width: fit-content;
     align-items: flex-start;
     justify-content: flex-start;
     padding-bottom: 10px;
}
 .progression-intake-menu label {
     padding: 0px 0 2px 0 !important;
}
 .progression-intake-menu .intake-choices{
     min-width: 155px;
     appearance: none !important;
     background-image: url(/wp-content/themes/algonquincollege2018/images/icns/icn-select-menu-dark.png);
     background-repeat: no-repeat;
     background-position: 95% 50%;
     background-size: 17px;
     background-color: #f8f8f8;
     border: 1px solid #b2b2b2;
     border-radius: 6px;
    /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     */
     color: #404040;
     font-size: .95em;
     font-weight: 500;
     margin: 0 0 0 0;
     overflow: hidden;
     padding: 10px 24px 10px 12px !important;
     text-overflow: ellipsis;
     white-space: nowrap;
     -webkit-appearance: button;
     -moz-appearance: button;
     -webkit-user-select: none;
     -moz-user-select: none;
     -webkit-padding-end: 20px;
     -moz-padding-end: 20px;
     -webkit-padding-start: 10px;
     -moz-padding-start: 10px;
}
 .progression-intake-menu .intake-choices:hover {
     background-color: #e9f0ec;
     border-color: #cfe6dd;
}
/*need to do this for Chrome - but not working in FF?*/
 .progression-intake-menu .intake-choices:focus-visible {
     outline: var(--focus-outline) !important;
}
 .progression-intake-menu .intake-choices:focus:not(:focus-visible) {
     outline: none !important;
}
 .progress-table{
     display: block;
     width: 100%;
     column-count: 1;
     column-gap: 0;
     -webkit-column-count: 1;
     -webkit-column-gap: 0;
}
 .progression-tab-menu{
     display: block;
     width: auto;
     margin: 0px 0px !important;
     border-bottom: 2px solid #e9e9e9 !important;
}
 @media only screen and (max-width: 800px) {
}
 .progress-row{
     display: flex;
     flex-direction: row;
     width: 100%;
     align-items: center;
     border-bottom: 1px solid #f0f0f0;
}
 .progress-row:nth-child(even) {
     background-color: #fafafa;
}
 .progress-row:hover{
     background-color: #e9f0ec;
}
 .progress-cell{
     display: flex;
     border: none;
     padding: 5px;
     justify-content: flex-start;
     align-items: center;
     width: calc(100% / 2 - 0px);
     padding: 15px 10px;
     color: #2b2b2b;
     font-size: 1.05em !important;
}
 .progress-header-cell, .progress-first-cell{
     color: #2b2b2b;
     font-weight: 700 !important;
     font-size: 1.05em !important;
     letter-spacing: -0.5px;
     width: 40%;
}
 h2.progression-heading{
     padding-bottom:20px !important;
}
 h3.availability-heading, h3.progression-heading {
     margin: 15px 0 !important;
    /* color: var(--secondary-green) !important;
     */
}
 h3.availability-heading span, h3.progression-heading span {
     font-size: .9em !important;
     font-weight: 600;
     padding: 0px 5px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media (min-width: 1024px) {
     #disclaimer-block {
         background-color: #fafafa !important;
         padding-top: 50px !important;
    }
     .disclaimer-inner {
         max-width:1400px;
         width:100%;
    }
}
 #post-inner blockquote.disclaimer, #disclaimer-block blockquote.disclaimer {
     background-color: transparent;
     padding: 10px 15px;
     border-radius: var(--card-radius);
     border: none;
     display: flex;
     align-items: center;
     font-size: .95rem;
     line-height: 1.3rem;
     width: 80%;
     margin: 0 auto;
     color: #4b4b4b;
     text-align: left;
     font-style: italic;
}
 #post-inner blockquote.disclaimer::before, #disclaimer-block blockquote.disclaimer::before{
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-important-dark-green.png');
     background-size: 32px;
     display: inline-block;
     width: 32px;
     height: 32px;
     content: "";
     padding: 0px 45px 0px 0px;
     background-repeat: no-repeat;
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     #post-inner blockquote.disclaimer, #disclaimer-block blockquote.disclaimer {
         width: 100%;
         padding: 10px 0px !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     #post-inner blockquote.disclaimer, #disclaimer-block blockquote.disclaimer {
         display: flex;
         flex-direction: column;
         margin: 0 auto;
         align-items: center;
         font-size: .85rem;
         line-height: 1.2rem;
         width: 100%;
         color: #4b4b4b;
         text-align: center;
    }
     #post-inner blockquote.disclaimer::before, #disclaimer-block blockquote.disclaimer::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-important-dark-green.png');
         background-size: 28px;
         display: inline-block;
         width: 28px;
         height: 28px;
         content: "";
         margin-bottom: 5px;
         background-repeat: no-repeat;
    }
}
/* fixes for card lead form to change the plugin styles for this page*/
 .ac-marketo-form-success-message {
     padding: 20px;
     text-align: center;
     width: 100%;
     margin: 0 auto;
     font-size: 1rem;
     color: #4b4b4b;
}
 #get-more-info .card-program-information .ac-marketo-form-title {
     display: none !important;
}
 #get-more-info .card-program-information .ac-marketo-form {
     margin-top: 30px;
     display: flex;
     flex-wrap: wrap;
}
 #get-more-info .card-program-information .ac-marketo-form-container {
     background-color: inherit !important;
     border-radius: var(--card-radius);
     padding: 0 10px;
}
 #get-more-info .ac-marketo-form label {
     color: #404040;
     font-weight: 500;
     margin: 0 0 2px 2px !important;
     font-size: .95rem;
}
 #get-more-info.ac-marketo-form select {
     height: 32px;
     border-radius: 2px;
     background-position: calc(100% - 10px) calc(1.5em - 2px), calc(100% - 5px) calc(1.5em - 2px), calc(100% - 2.5em) 0.5em;
}
 #get-more-info .ac-marketo-form input, #get-more-info .ac-marketo-form select {
     height: 32px;
     font-size: .95rem;
     color: #3b3b3b;
     background-color: #fbfbfb;
     border: 1px solid #cccccc;
     border-radius: 5px;
     transition: .3s;
}
 #get-more-info .ac-marketo-form textarea {
     min-height: 35px !important;
     height: 35px;
     font-size: .95rem;
     color: #3b3b3b;
     background-color: #fbfbfb;
     border: 1px solid #cccccc;
     border-radius: 5px;
     display: flex;
     align-items: center;
     resize: vertical;
}
 #get-more-info .ac-marketo-form input[type="checkbox"] + label {
     font-size: .95rem !important;
     line-height: 1.2em;
}
 #get-more-info .ac-marketo-form-field-container {
     margin-bottom: 10px;
     width: calc(100% / 2);
     padding-left: 10px;
     padding-right: 10px;
}
 #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container.submit-button {
     width: fit-content !important;
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
 #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container.privacy {
     width: 100% !important;
     text-align: justify;
}
 .ac-marketo-form-field-container.privacy a {
     font-weight: 500 !important;
     text-decoration: 1px underline currentColor !important;
     text-underline-offset: 4px;
     color: var(--anchor-color) !important;
}
 .ac-marketo-form-field-container.privacy a:hover {
     text-decoration: 1.5px underline currentColor !important;
     color: var(--anchor-color-hover) !important;
}
 .ac-marketo-form-field-container.privacy a:focus {
     text-decoration: underline !important;
     outline: var(--focus-outline) !important;
}
 .ac-marketo-form-field-container.privacy a:focus:not(:focus-visible) {
     outline: none !important;
}
 #get-more-info .ac-marketo-form-field-container.questionCapture {
     width: 100% !important;
}
 #get-more-info .ac-marketo-form .ac-marketo-form-field-container.htmltext {
     width: 50% !important;
     display: flex !important;
     justify-content: flex-end !important;
     margin-bottom: 8px !important;
     font-size: 0.9rem !important;
     color: #404040 !important;
     font-weight: 600 !important;
     position: absolute !important;
     right: 14px !important;
     top: 8px !important;
     margin-top: 20px;
}
 #get-more-info .ac-marketo-form-field-container:nth-last-child(3) span:first-child {
     font-size: 22px !important;
     padding-right: 3px !important;
     margin-bottom: -3px !important;
}
 #get-more-info .ac-marketo-form-field-container:nth-last-child(4) {
     width: 100%;
    /* width: 50%;
     */
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin-bottom: 0px !important;
}
 #get-more-info .ac-marketo-form-field-container:nth-last-child(5) {
     width: 50%;
     display: flex;
     justify-content: flex-start;
     margin-bottom: 8px !important;
}
 #get-more-info .ac-marketo-form-final-container {
     width: 100% !important;
     display: flex !important;
    /* flex-direction: row-reverse !important;
     */
     flex-direction: row;
     justify-content: flex-start !important;
     align-items: center !important;
     padding-bottom: 20px;
     padding-top: 20px;
}
 #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container {
     width: 60% !important;
}
 #get-more-info .ac-marketo-form-field-container.privacy {
     width: 100% !important;
     font-size: 0.95rem !important;
     font-weight: 300;
     line-height: 1.35em !important;
     padding: 0 15px !important;
}
 #get-more-info .ac-marketo-form input[type="checkbox"] + label::before {
     background-color: #eaeaea !important;
     border: 1px solid #6b6b6b !important;
     border-radius: 25px !important;
     height: 16px;
     width: 16px;
}
 .ac-marketo-form .ac-marketo-form-field-container.htmltext span strong {
     color: #911810 !important;
}
 .ac-marketo-form label.required::after {
     content: '*';
     font-size: 1.3rem;
     color: #911810 !important;
     margin-left: 4px;
     margin-top: 4px;
}
 .ac-marketo-form .Opt_In_Consent__c label.required::after {
     font-size: 1.4rem;
     margin-left: 5px;
}
 #get-more-info .ac-marketo-form input[type="checkbox"] + label:hover::before {
     background-color: #f0f0f0 !important;
     border: 1px solid #1b1b1b !important;
     box-shadow: 0px 0px 0px 2px rgba(11,125,86,0.55);
}
 .ac-marketo-form input[type="checkbox"]:checked + label::before {
     content: '';
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-form-checkbox-circle-darker-green.png');
     background-size: 13px;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     display: block;
     position: absolute;
     width: 15px !important;
     height: 15px !important;
     border-radius: 0px !important;
     background-color: #eaeaea !important;
     border: 1px solid #6b6b6b !important;
     outline: none !important;
     top: 0px !important;
     left: 0px !important;
}
 #get-more-info .ac-marketo-form button[type="submit"] {
     background-color: var(--primary-green) !important;
     border-radius: 6px;
     font-size: .95rem !important;
     font-weight: 600;
     letter-spacing: .01rem;
     padding: 13px 12px 13px 15px !important;
     display: flex;
    /* border: 1px solid #1b3029;
     */
     justify-content: space-between;
     align-items: center;
     min-width: 175px;
     width: 175px;
     transition: .2s;
     transition-timing-function: ease-in-out;
}
 #get-more-info .ac-marketo-form button[type="submit"]:hover {
     background-color: var(--primary-green) !important;
     cursor: pointer;
}
 #get-more-info .ac-marketo-form button[type="submit"]:focus {
     outline: var(--focus-outline) !important;
}
 #get-more-info .ac-marketo-form button[type="submit"]:focus:not(:focus-visible) {
     outline: none !important;
}
 #get-more-info .ac-marketo-form button[type="submit"]::after {
     background-size: 12px;
     width: 12px;
     height: 12px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
     display: inline-flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
}
 #get-more-info .ac-marketo-form button[type="submit"]::before {
     display: none !important;
     margin: 0 !important;
     border: none !important;
}
 #get-more-info .ac-marketo-form select {
     padding-left: 10px !important;
     width: calc(100% - 12px) !important;
     height: 33px !important;
     font-size: .9rem !important;
     font-weight: 400;
     color: #404040 !important;
     background-color: #fbfbfb !important;
     border: 1px solid #cccccc !important;
     border-radius: 5px !important;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-form-select-arrow.png');
     background-position: right;
     background-position-x: 97%;
     background-size: 12px;
     background-repeat: no-repeat;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 #get-more-info .ac-marketo-form select:hover, #get-more-info .ac-marketo-form input:hover, #get-more-info .ac-marketo-form textarea:hover {
     background-color: #fefefe !important;
    /* border: 1px solid #999999 !important;
     */
     border: 1px solid rgba(11,125,86,0.43) !important;
     box-shadow: 0px 0px 0px 1px rgba(11,125,86,0.73);
}
 #get-more-info .ac-marketo-form input:focus, #get-more-info .ac-marketo-form select:focus, #get-more-info .ac-marketo-form textarea:focus {
     background-color: var(--white) !important;
     box-shadow: 1px 1px 2px rgb(77, 144, 254, 100%) inset, -1px -1px 2px rgb(77, 144, 254, 100%) inset;
     outline: 1px solid transparent;
}
 #get-more-info .ac-marketo-form input[type="checkbox"]:focus + label::before {
     outline: var(--focus-outline) !important;
}
 #get-more-info .ac-marketo-form select:focus:not(:focus-visible), #get-more-info .ac-marketo-form input:focus:not(:focus-visible), #get-more-info .ac-marketo-form textarea:focus:not(:focus-visible), #get-more-info .ac-marketo-form input[type="checkbox"]:focus:not(:focus-visible) + label::before {
     outline: none !important;
}
 #get-more-info .ac-marketo-form input[type="checkbox"] + label {
     height: 18px !important;
     display: flex;
     align-items: center;
     margin: 15px 0 0 0 !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1400px -- */
 @media screen and (max-width: 1400px) {
     #get-more-info .ac-marketo-form-field-container.privacy {
         font-size: .9rem !important;
    }
}
/* -- MAX 1100px -- */
 @media screen and (max-width: 1100px) {
     #get-more-info .ac-marketo-form-field-container {
         width: calc(100% / 2);
    }
     #get-more-info .ac-marketo-form select {
         font-size: .8rem;
    }
}
/* -- MIN 1024px -- */
 @media (max-width: 1024px) {
     #get-more-info .ac-marketo-form-field-container.privacy {
         font-size: .85rem;
    }
}
/* -- MIN 992px -- */
 @media (min-width: 992px) {
    /* Virtual Tour lead form css fixes */
     #aclf-virtual-tour-wrapper .ac-marketo-form {
         display: block !important;
         flex-flow: none !important;
    }
     #aclf-virtual-tour-wrapper .ac-marketo-form .ac-marketo-form-field-container {
         width: auto !important;
    }
     #aclf-virtual-tour-wrapper .ac-marketo-form-final-container {
         display: block !important;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     #get-more-info .ac-marketo-form-field-container {
         width: calc(100% / 2);
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     #get-more-info .ac-marketo-form-field-container:nth-child(3) {
         width: 100% !important;
    }
     #get-more-info .ac-marketo-form select {
         background-position-x: 98%;
    }
     #get-more-info .ac-marketo-form-field-container {
         margin-bottom: 13px;
         width: calc(100% / 2);
    }
     #get-more-info .ac-marketo-form .ac-marketo-form-field-container.htmltext {
         width: 100% !important;
         font-size: 0.9rem !important;
         top: 15px !important;
         right: 15px !important;
    }
     div#get-more-info {
         min-width: 100%;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     #get-more-info .ac-marketo-form button[type="submit"]:hover {
         filter: brightness(100%) !important;
    }
     #get-more-info .ac-marketo-form-final-container {
         flex-direction: column !important;
    }
     #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container.submit-button {
         width: 100% !important;
    }
     #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container.privacy {
         width: 100% !important;
         margin-top: 15px;
    }
     #get-more-info .ac-marketo-form-field-container {
         margin-bottom: 13px;
         width: 100% 
    }
     #get-more-info .card-program-information .ac-marketo-form-container {
         padding: 0 5px !important;
    }
     #get-more-info .ac-marketo-form-field-container:nth-last-child(4) {
         width: 100%;
         margin-bottom: 5px !important;
    }
     #get-more-info .ac-marketo-form label, #get-more-info .ac-marketo-form label:first-child {
         margin-top: 5px !important;
    }
     #get-more-info .ac-marketo-form-field-container:nth-last-child(3) {
         width: 100%;
         margin: 0 !important;
         justify-content: flex-end !important;
         position: absolute;
         right: 20px;
         font-size: .85rem !important;
    }
     #get-more-info .ac-marketo-form input[type="checkbox"] + label {
         font-size: .9em !important;
         height: 22px !important;
    }
     .ac-marketo-form input[type="checkbox"] + label::before {
         margin-top: 2px;
    }
     #get-more-info .ac-marketo-form .ac-marketo-form-field-container.htmltext {
         top: 35px !important;
         right: 10px !important;
    }
     #get-more-info .ac-marketo-form button[type="submit"] {
         min-width: 100%;
         width: 100%;
         min-height: 50px;
    }
     #get-more-info .ac-marketo-form select:hover, #get-more-info .ac-marketo-form input:hover, #get-more-info .ac-marketo-form textarea:hover {
         background-color: #fbfbfb !important;
         border: 1px solid #cccccc !important;
         box-shadow: none;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     #get-more-info .ac-marketo-form select {
         padding: 0 3.5px 0 7px;
    }
     #get-more-info .ac-marketo-form input[type="checkbox"] + label {
         font-size: .85em !important;
    }
     #get-more-info .ac-marketo-form-final-container .ac-marketo-form-field-container {
         width: 100% !important;
    }
     #get-more-info .ac-marketo-form-field-container:nth-last-child(3) {
         font-size: .85rem !important;
    }
     #get-more-info .ac-marketo-form label:first-child {
         margin-top: 5px !important;
    }
}
 .programTable tr td:nth-child(n+4) a::after {
     display: none !important;
}
/* For online courses section - duplicated from online theme online.css */
 span.POSCoursesNotOffered {
     text-decoration: none;
     cursor: pointer;
}
 span:hover.POSCoursesNotOffered {
     color: var(--primary-green);
     text-decoration: none;
}
 .programTable span.tooltip {
     display:none;
     position:absolute;
     width: 70%;
     font-size: 1rem;
     line-height: 1.4em;
     color: #333;
     padding: 18px 23px;
     background: #f7f7f7;
     border: 1px solid #ccc;
     margin-top: 5px;
     margin-left: -160px;
     border-radius: 8px;
     box-shadow: var(--card-shadow);
     -moz-box-shadow: var(--card-shadow);
     -webkit-box-shadow: var(--card-shadow);
     transition: none;
     -webkit-transition: none;
     -moz-transition: none;
     -o-transition: none;
     -ms-transition: none;
     z-index: 2;
}
 .programTable span.tooltip p {
     margin: 10px 0px !important;
     font-size: 1rem !important;
}
 .programTable span.tooltip h3 {
     font-size: 1.25rem !important;
     color: var(--primary-dark) !important;
     margin: 5px 0 10px 0 !important;
}
 .programTable span.tooltip p:last-child {
     margin: 10px 0px 0px 0px !important;
}
 .programTable span:hover.POSCoursesNotOffered > span.tooltip, a.tips:hover > span.tooltip {
     display:block;
}
 .programTable span.tooltip h3 {
     font-size: 1.1em;
     margin: 0 0 6px 0;
}
 .programTable span.tooltip p {
     font-size: 1.03rem !important;
     line-height: 1.7rem !important;
     margin: 0;
}
 .programTable span.tooltip p strong {
     font-weight: 500 !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1100px -- */
 @media screen and (max-width: 1300px) {
     .programTable span.tooltip {
         width: 450px;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .programTable span.tooltip {
         width: 400px;
         margin-left: -125px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .programTable span.tooltip {
         width: 500px;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .programTable span.tooltip {
         width: 375px;
    }
}
/* -- MAX 660px -- */
 @media screen and (max-width: 660px) {
     .programTable span.tooltip {
         width: 350px;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .programTable span.tooltip {
         width: 300px;
    }
}
 div#application-information .col-sm-8 {
     display: inline-flex;
     max-width: 55% !important;
     flex: 0 0 55% !important;
}
 div#degree-pathway-button-col a {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #f2f2f2;
    /* background-color: #f8f8f8;
     */
    /* border-radius: var(--card-radius);
     */
    /* box-shadow: inset 0 0px 1px 1px rgba(24,21,21,0.1);
     */
    /* box-shadow: 0 0px 1px 1px rgba(24,21,21,0.2);
     */
     font-size: 1.05rem;
     font-weight: 500;
     color: var(--primary-dark);
     cursor: pointer;
     padding: 0px 20px 0px 15px;
     min-height: 50px;
     width: 100%;
     text-align: left;
     border: none;
     border-radius: 2px;
     outline: none;
     transition: 400ms;
     margin: 0;
     text-decoration: none !important;
}
 div#degree-pathway-button-col a:hover, div#degree-pathway-button-col a:focus {
     background-color: #cfe6dd;
    /* box-shadow: inset 0 0px 1px 1px #cfe6dd;
     */
    /* box-shadow: 0 0px 1px 1px rgba(0, 99, 65, .4);
     */
     color: #1b4a39;
}
 div#admission-success-button-col a::after, div#degree-pathway-button-col a::after {
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     background-repeat: no-repeat;
}
 div#admission-success-button-col a::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
     padding: 0;
     margin-left: 10px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
}
 div#degree-pathway-button-col a::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
     padding: 0;
     margin-left: 10px;
     transition: .3s;
     opacity: .8;
     will-change: transform;
     transition-timing-function: ease-in-out;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
}
 div#degree-pathway-button-col a:hover::after, div#degree-pathway-button-col a:focus::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green-primary.png');
     transform: translateX(3px);
     opacity: 1;
}
 div.admissionYearSelector {
     width: 60%;
     font-size: 1.05em;
     font-weight: 500;
     color: var(--dark-green);
     display: flex;
     flex-direction: column;
     width: 232px;
}
 select.yearSelectForm.admissiondate {
     appearance: none !important;
     background-image: url(/wp-content/themes/algonquincollege2018/images/icns/icn-select-menu-dark.png);
     background-repeat: no-repeat;
     background-position: 95% 50%;
     background-size: 17px;
     background-color: #f8f8f8;
     border: 1px solid #b2b2b2;
     border-radius: 6px;
    /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     */
     color: #404040;
     font-size: 1.05rem;
     font-weight: 500;
     margin: 5px 0 0 0;
     overflow: hidden;
     padding: 10px 24px 10px 12px !important;
     text-overflow: ellipsis;
     white-space: nowrap;
     -webkit-appearance: button;
     -moz-appearance: button;
     -webkit-user-select: none;
     -moz-user-select: none;
     -webkit-padding-end: 20px;
     -moz-padding-end: 20px;
     -webkit-padding-start: 10px;
     -moz-padding-start: 10px;
}
 select.yearSelectForm.admissiondate:hover {
     background-color: #e9f0ec;
    /* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
     */
     cursor: pointer;
     border-color: #cfe6dd;
}
 select.yearSelectForm.admissiondate:focus-visible {
     outline: var(--focus-outline) !important;
}
 select.yearSelectForm.admissiondate:focus:not(:focus-visible) {
     outline: none !important;
}
 .pathway-accordion-wrapper {
     padding: 0px;
}
 .pathway-item-wrapper {
    /* default collapsed style */
     max-height: 1px;
     overflow:auto;
}
 .pathway-item-wrapper div {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 10px 8px;
     border-bottom: 1px solid #ececec;
}
 .pathway-item-wrapper div:nth-child(even) {
     background-color: #fafafa;
}
 .pathway-item-wrapper div:first-child {
    /* border-top: 1px solid #ececec;
     */
     border-top: none;
}
 .pathway-item-wrapper div:last-child {
     border-bottom: none;
     background-color: transparent !important;
}
 .pathway-item-wrapper div:hover, .pathway-item-wrapper div:focus {
     background-color: rgba(0, 99, 65, .1);
}
 .pathway-item-wrapper div a {
     color: var(--anchor-color) !important;
     font-weight: var(--main-text-weight-stronger) !important;
     text-decoration: 1px underline currentColor !important;
     text-underline-offset: 4px;
}
 .pathway-item-wrapper div a:hover, .pathway-item-wrapper div a:focus {
     color: var(--anchor-color-hover) !important;
     text-decoration: 1.5px underline var(—-anchor-color-hover) !important;
}
 .pathway-item-wrapper div span.pathway-item-title {
     min-width: 240px;
     color: #4b4b4b !important;
     font-weight: 500;
     font-size: 1rem;
     line-height: 1.3rem;
}
 .pathway-item-wrapper div span.pathway-item-info {
     max-width: 100%;
     color: #2b2b2b !important;
     font-weight: 400;
     font-size: 1rem;
     line-height: 1.3rem;
}
 span.pathway-item-info {
     padding-right: 10px;
}
 .pathway-item-wrapper div.pathway-title {
     padding: 14px 8px;
     background-color: #efefef;
     border-bottom: none;
     border-radius: 1px;
     align-items: center;
     margin-bottom: 6px;
}
 .pathway-item-wrapper div.pathway-title:hover, .pathway-item-wrapper div.pathway-title:focus {
     background-color: #efefef !important;
}
 .pathway-item-wrapper div.pathway-title span.pathway-item-title {
     color: #3e3e3e !important;
     font-size: 1.05rem;
}
 .pathway-item-wrapper div.pathway-title span.pathway-item-info {
     font-weight: 500;
     font-size: 1.05rem;
}
 div.btn-tabs {
     width: 40%;
     display: flex;
     justify-content: flex-end;
}
 div.btn-tabs a {
     background-color: var(--primary-green);
     padding: 10px 10px 10px 12px;
     border-radius: 6px;
     margin: 0;
     border: 1px solid var(--primary-green);
     display: inline-flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     font-size: .95rem;
     font-weight: 500;
     color: #fefefe;
     text-decoration: none !important;
     transition: var(--smooth-ease);
}
 div.btn-tabs a:hover, div.btn-tabs a:focus {
     background-color: var(--primary-green);
     border: 1px solid var(--primary-green);
     filter: brightness(120%);
     color: var(--white);
}
 div.btn-tabs a::after {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     content: "";
     background-repeat: no-repeat;
     transition: var(--smooth-ease);
}
 div.btn-tabs#admissions-steps a::after {
     background-size: 12px;
     width: 12px;
     height: 12px;
     padding: 0;
     margin-left: 9px;
     margin-bottom: 2px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
}
 .tabs-btn-wrapper {
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: flex-end;
     padding: 15px 0;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1239px -- */
 @media screen and (max-width: 1239px) {
     .tabs-monograph-content h2, .monograph-header h4, .monograph-header h2 {
         font-size: 1.5rem !important;
    }
     .course-accordion, .pathway-accordion {
         min-height: 55px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 1024px) {
     .course-accordion, .pathway-accordion, div#degree-pathway-button-col a {
         font-size: 1em !important;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .tabs-monograph-content h2, .monograph-header h2 {
         font-size: 1.4rem !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .tabs-monograph-content h3 {
         font-size: 1.2rem !important;
    }
     .course-accordion, .pathway-accordion, div#degree-pathway-button-col a {
         font-size: .95em !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .tabs-monograph-content h3 {
         margin: 15px 0 10px 0 !important;
    }
     .program-resources-wrapper span {
         flex: 1 0 100%;
         padding: 3px 5px 3px 0px;
    }
     .tabs-monograph-content h2, .monograph-header h2 {
         font-size: 1.35rem !important;
    }
     .course-accordion, .pathway-accordion, div#degree-pathway-button-col a {
         min-height: 60px !important;
         font-size: .9em !important;
         padding: 0px 15px;
    }
     .monograph-header {
         width: 100%;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-start;
         padding: 10px 0px 15px 0px;
    }
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1140px -- */
 @media screen and (max-width: 1140px) {
     div.admissionYearSelector {
         width: 50%;
    }
     select.yearSelectForm.admissiondate {
         margin: 5px 0 0 0 !important;
    }
     div.btn-tabs {
         width: 50%;
    }
     .tabs-btn-wrapper {
         padding-top: 15px;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     div.btn-tabs a {
         background-color: var(--primary-green);
         padding: 8px 10px 8px 12px;
         margin: 0 0 20px 0 !important;
         font-size: .9em !important;
    }
     div.btn-tabs a:hover {
         background-color: var(--primary-green);
    }
     select.yearSelectForm.admissiondate:hover {
         background-color: #f8f8f8;
         box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    }
     select.yearSelectForm.admissiondate {
         font-size: .95rem;
    }
     select.yearSelectForm.admissiondate {
         font-size: .95rem;
         margin: 5px 0 !important;
    }
     div.admissionYearSelector {
         width: 100%;
    }
     div.admissionYearSelector {
         font-size: 1em;
    }
     div.btn-tabs {
         width: 100%;
         padding-bottom: 10px;
         justify-content: flex-start;
    }
     .tabs-btn-wrapper {
         flex-direction: column-reverse;
         justify-content: center;
         align-items: flex-start;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .pathway-item-wrapper div:hover, .pathway-item-wrapper div:focus {
         background-color: transparent !important;
    }
     .course-accordion:hover, .course-accordion:focus, .pathway-accordion:hover, .pathway-accordion:focus, div#degree-pathway-button-col a:hover, div#degree-pathway-button-col a:focus {
         background-color: #efefef !important;
         color: var(--primary-dark);
    }
     .pathway-accordion {
         padding: 5px 20px;
         font-size: 1rem !important;
    }
     div#degree-pathway-button-col a {
         padding: 5px 20px;
         font-size: .9rem !important;
    }
     div#degree-pathway-button-col a:hover::after, div#degree-pathway-button-col a:focus::after {
         transform: translateX(0px);
    }
}
 .col#monograph-tabs-content div.statusLink {
     color: var(--main-text-color);
     font-size: 1.05rem;
     font-weight: var(--main-text-weight);
     line-height: 1.7em;
     margin: 10px 0 20px 0;
}
 .col#monograph-tabs-content div.statusLink a {
     color: var(--primary-green) !important;
     text-decoration: none !important;
     font-weight: 400 !important;
}
 .col#monograph-tabs-content div.statusLink a:hover, .col#monograph-tabs-content div.statusLink a:focus {
     text-decoration: underline !important;
}
 .oldContactUsLink {
     font-size: 1.03rem;
     color: #3b3b3b;
     padding: 10px 0px;
}
 .oldContactUsLink a {
     color: var(--primary-green) !important;
     text-decoration: none !important;
     font-weight: 400 !important;
}
 .oldContactUsLink a:hover, .oldContactUsLink a:focus {
     text-decoration: underline !important;
}
 .ccolProgramTableAlt .tableNoStyle {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     height: 50px;
     width: 100%;
     background: transparent;
     border: none !important;
     border-radius: 0;
     margin: 20px 0 0 auto;
}
 .ccolProgramTableAlt .tableNoStyle tbody {
     width: 100%;
}
 .ccolProgramTableAlt .tableNoStyle tbody tr {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .ccolProgramTableAlt .tableNoStyle td {
     border-bottom: none !important;
     vertical-align: middle;
     padding: 2px;
}
 .ccolProgramTableAlt tbody tr td:first-child {
     font-weight: 500;
}
 .ccolProgramTableAlt .tableNoStyle td h3 {
     margin: 0;
}
 .ccolProgramTableAlt .tableNoStyle td div {
     font-size: .95rem !important;
     color: var(--primary-dark);
     font-weight: var(--main-text-weight-strong);
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     height: 35px;
     width: 100%;
     background-color: var(--card-bg-color);
     background: var(--card-bg-color);
     border: 1px solid #ccc !important;
     border-radius: 5px;
     padding: 2px 20px 1px 20px;
     margin: 0 !important;
}
 .tableNoStyle td div:empty {
     display: none;
}
 .ccolProgramTableAlt .tableNoStyle td div img {
     margin: -1px -6px 0 6px;
     align-items: center;
     height: 17px;
     width: 17px;
}
 #main.gts table a, .ccolProgramTableAlt table a {
     color: var(--primary-green) !important;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
     font-weight: 400 !important;
}
 #courses .ccolProgramTableAlt tbody a:hover, #courses .ccolProgramTableAlt tbody a:focus {
     background-color: transparent !important 
}
 #main.gts td, .ccolProgramTableAlt td {
     border-bottom: 1px solid #e8e8e8 !important;
}
 #main.gts table, .ccolProgramTableAlt table {
     border: none !important;
}
 .ccolProgramTableAlt .programTable td:nth-of-type(n+4) {
     border-left: none !important;
}
 .ccolProgramTableAlt .programTable tr:nth-of-type(2n+1) td {
     background-color: none !important;
}
 .ccolProgramTableAlt .programTable tr:nth-of-type(even) {
     background-color: var(--white) !important;
}
 .ccolProgramTableAlt .programTable tr:nth-of-type(odd) {
     background-color: #f6f6f6 !important;
}
 .ccolProgramTableAlt .programTable tr:hover, .ccolProgramTableAlt .programTable tr:focus {
     background-color: rgba(0, 99, 65, .15) !important 
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .col.wilLinks span, .col.other-delivery-col span {
         padding: 2px !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .ccolProgramTableAlt .programTable tr:hover, .ccolProgramTableAlt .programTable tr:focus {
         background-color: transparent !important 
    }
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media (min-width: 1024px){
     #post-inner {
         padding-top: 55px;
    }
}
/* -- MAX 575px -- */
 @media (max-width: 575px) {
     .apply-notice-text h3 {
         font-size: 1.05rem !important;
    }
     .apply-notice-text p {
         font-size: .95rem !important;
         padding: 5px 0px 0 0px;
    }
     .apply-notice-wrapper {
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .apply-notice-icon {
         margin-bottom: 4px;
    }
     div#currentfeetext h3 {
         margin: 0px 0 10px 0 !important;
    }
}
/* -- MAX 480px -- */
 @media (max-width: 480px) {
     .pathway-item-wrapper div.collapse-section-wrapper:hover, .pathway-item-wrapper div.collapse-section-wrapper:focus {
         background-color: transparent !important;
    }
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu, #menu-local-nav ul.sub-menu {
     background-color: #2b2b2b !important;
     background: #2b2b2b !important;
     transition: var(--quick-linear);
     border-radius: 0 0 10px 10px;
     min-width: 300px;
     flex-direction: column;
     align-content: center;
     align-items: flex-start;
     justify-content: flex-start;
     text-align: left;
     padding: 0 !important;
     margin-top: -1px;
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li, #menu-local-nav ul.sub-menu li {
     background-color: #2b2b2b !important;
     background: #2b2b2b !important;
     border-bottom: 1px solid #6a6a6a;
     min-width: 300px !important;
     padding: 6px 15px;
     display: flex;
     align-content: flex-start;
     align-items: center;
     justify-content: center;
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li:last-child, #menu-local-nav ul.sub-menu li:last-child {
     border-bottom: none !important;
     border-radius: 0 0 10px 10px;
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li a, #menu-local-nav ul.sub-menu li a {
     width: 100%;
     color: #fefefe !important;
     padding: 0px 5px !important;
     font-size: .95rem !important;
     text-align: left !important;
     font-weight: 300 !important;
     min-height: 45px !important;
     line-height: 1.3rem !important;
     justify-content: flex-start !important;
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li:hover, #menu-local-nav ul.sub-menu li:hover, .menu-local-nav-container #menu-local-nav ul.sub-menu li:hover > a, #menu-local-nav ul.sub-menu li:hover > a {
    /* text-decoration: none !important;
     */
    /* color: var(--main-text-color-dark) !important;
     */
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li:hover, #menu-local-nav ul.sub-menu li:hover {
     background-color: var(--main-text-color-darkest) !important;
     color: var(--white) !important;
}
 .menu-local-nav-container #menu-local-nav ul.sub-menu li a:hover, #menu-local-nav ul.sub-menu li a:hover, .menu-local-nav-container #menu-local-nav ul.sub-menu li a:focus, #menu-local-nav ul.sub-menu li a:focus, .menu-local-nav-container #menu-local-nav ul.sub-menu li a:visited, #menu-local-nav ul.sub-menu li a:visited, .menu-local-nav-container #menu-local-nav ul.sub-menu li a.active, #menu-local-nav ul.sub-menu li a.active {
     color: var(--white) !important;
     text-decoration: 1px underline !important;
     text-underline-offset: 4px;
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .menu-local-nav-container #menu-local-nav ul.sub-menu, #menu-local-nav ul.sub-menu {
         border-radius: 0 !important;
    }
     .menu-local-nav-container #menu-local-nav ul.sub-menu, #menu-local-nav ul.sub-menu, .menu-local-nav-container #menu-local-nav ul.sub-menu li, #menu-local-nav ul.sub-menu li, .menu-local-nav-container #menu-local-nav ul.sub-menu li a, #menu-local-nav ul.sub-menu li a {
         background-color: #3b3b3b !important;
         background: #3b3b3b !important;
    }
     .menu-local-nav-container #menu-local-nav ul.sub-menu li:last-child, #menu-local-nav ul.sub-menu li:last-child {
         border-radius: 0 !important;
    }
     nav .menu li > ul.sub-menu.active li a, nav .menu li > ul.sub-menu.active li, nav .menu li > ul.sub-menu li a, nav .menu li > ul.sub-menu li {
         text-decoration: none !important;
         background-color: #3b3b3b !important;
         background: #3b3b3b !important;
    }
     nav .menu li > ul.sub-menu.active li a, ul.sub-menu li a {
         border-style: none !important;
         border: none !important;
         text-decoration: none !important;
    }
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .section-header.hide {
         display: none;
    }
     .programTable span.tooltip p {
         font-size: .95rem !important;
    }
     .programTable span.tooltip h3 {
         font-size: 1.2rem !important;
         color: var(--primary-dark) !important;
         margin: 5px 0 !important;
    }
     .ccolProgramTableAlt .programTable th {
         padding: 12px 10px !important;
         font-size: .9rem !important;
    }
     .ccolProgramTableAlt .programTable td {
         padding: 20px 10px !important;
         text-align: left;
         font-size: .9rem !important;
         line-height: 1.25rem;
    }
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(1) {
         min-width: 80px !important;
         max-width: 80px !important;
    }
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(2) {
         min-width: 70px !important;
         max-width: 70px !important;
    }
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(4), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(5), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(6), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(7) {
         min-width: 80px !important;
         max-width: 80px !important;
    }
}
/* -- MAX 500px -- */
 @media (max-width: 500px) {
     .table-wrapper {
         overflow-x: scroll;
         display: inline-block;
         width: 86vw;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(1) {
         min-width: 60px !important;
         max-width: 60px !important;
    }
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(2) {
         min-width: 50px !important;
         max-width: 50px !important;
    }
     .ccolProgramTableAlt .programTable tr:first-child th:nth-child(4), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(5), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(6), .ccolProgramTableAlt .programTable tr:first-child th:nth-child(7) {
         min-width: 60px !important;
         max-width: 60px !important;
    }
     .ccolProgramTableAlt .programTable th {
         padding: 12px 6px !important;
         font-size: .8rem !important;
    }
     .ccolProgramTableAlt .programTable td {
         padding: 20px 6px !important;
         font-size: .8rem !important;
         line-height: 1.2rem !important;
    }
}
 .program-details-wrapper .row.no-divider {
     border-bottom: none !important;
}
 .no-divider {
     border-bottom: none !important;
}
 div.ac-pok-buttons {
     padding: 5px 20px;
     width: 100%;
     text-align: center;
     margin: 0 auto;
     justify-content: center;
}
 div.ac-pok-buttons span.button {
     padding: 0px 15px;
     background-color: var(--primary-dark);
     border-radius: 5px;
     min-height: 35px;
     display: inline-flex;
     justify-content: space-between;
     max-width: 250px;
     align-items: center;
}
 div.ac-pok-buttons span.button a {
     color: #ffffff;
     font-weight: var(--main-text-weight-strong);
     text-decoration: none !important;
     font-size: .95rem !important;
     padding: 5px 6px 5px 4px !important;
}
 div.ac-pok-buttons span.button::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
     background-size: 13px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 13px;
     height: 13px;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin-left: 3px;
}
 div.ac-pok-buttons span.button:hover {
     background-color: var(--primary-green);
}
 div.ac-pok-buttons span.button:hover a {
     color: #ffffff;
     text-decoration: none !important;
}
 .highlights {
     width: 100%;
     padding: 0;
     position: relative;
     max-width: 100%;
}
 .testimonials {
     min-width: 420px;
     max-width: 420px;
     position: relative;
     width: 100%;
}
 .program-highlights-title h3 {
     font-size: 1.3rem;
     margin: 8px 0 -5px 0 !important;
}
 .program-highlights-title h3 p {
     font-size: 1em;
     margin: 8px 0 -5px 0;
     line-height: 1.2;
     color: #3b3b3b;
     font-weight: 600;
}
/* -- MAX 1023px -- */
 @media screen and (max-width: 1023px) {
     .program-highlights-title h3 {
         font-size: 1.2rem !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .program-highlights-title h3 {
         font-size: 1.15rem !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 575px) {
     .program-highlights-title h3 {
         font-size: 1.1rem !important;
    }
}
 .highlights-wrapper {
     width: 100%;
     border-radius: var(--card-radius);
     align-content: center;
     align-items: flex-end;
     justify-content: center;
     margin: 0;
     padding: 0px 30px 10px 0px;
}
 .highlights-testimonials-wrapper {
     display: flex;
     justify-content: space-between;
     padding-top: 20px;
}
 .testimonials-wrapper {
     width: 100%;
     transition: var(--quick-linear);
     margin: 0;
     padding: 0px;
}
 .highlights-wrapper ul {
     list-style: none;
     padding-top: 5px;
     padding-inline-start: 25px !important;
}
 .highlights-wrapper ul li {
     font-size: 1.2rem;
     font-weight: 300;
     color: #404040;
     line-height: 1.3;
     margin-left: 6px;
     padding: 8px 0;
}
 .highlights-wrapper ul li::before {
     content: '';
     position: absolute;
     left: 4px;
     width: .9em;
     height: .9em;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-checkmark-green.png');
     margin-top: 3px;
}
/* related programs base styles*/
 .related-programs-wrapper {
     display: flex;
     width: 100%;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 0 0 50px 0;
}
 .related-programs-card {
     display: flex;
     width: calc(100% / 2 - 12.5px);
     height: 120px;
     border: 1px solid #c2c2c2;
     background-color: #f8f8f8;
     box-shadow: var(--card-shadow);
     border-radius: var(--card-radius);
     /* overflow: hidden; AODA does not allow it */
     will-change: transform;
     transition: var(--smooth-ease);
     margin: 12.5px 0;
}
 .related-programs-card a {
     display: flex;
     text-decoration: none !important;
     width: 100%;
}
 .related-programs-image-wrap {
     display: flex;
     /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
     clip-path: xywh(0 0 100% 100% round 10px 0 0 10px);
     will-change: transform;
     transition: var(--smooth-ease);
}
 .related-programs-image {
     will-change: transform;
     width: 225px;
     height: auto;
     background-size: cover;
     background-position: center;
     background-repeat: none;
     transition: var(--smooth-ease);
}
 .related-programs-text {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-between;
     padding: 20px 15px 20px 20px;
}
 .prgm-name {
     font-size: 1.1rem;
     font-weight: 600;
     line-height: 1.3;
     letter-spacing: -.25px;
     align-items: center;
     display: flex;
     justify-content: space-between;
     color: #404040;
}
 .prgm-name.related-sm {
     font-size: 1.05em;
}
 .prgm-name.related-xs {
     font-size: .9em;
}
 .related-programs-card:hover {
     background-color: var(--card-bg-color-hover);
}
 .related-programs-card:hover .related-programs-image {
     transform: scale(1.1);
     will-change: transform;
}
/* .related-programs-card:hover span.cta-arrow::after {
     opacity: 1;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
}
 */
 .related-programs-card:hover .prgm-name {
     color: var(--anchor-color-hover);
}
 .all_related_cta {
     display: flex;
     width: 100%;
     justify-content: flex-end;
     padding-top: 30px;
}
 .all_related_cta a {
     font-size: 1.1rem;
     text-decoration: none;
     color: var(--primary-green);
     font-weight: 500;
     display: flex;
     align-items: center;
}
 .all_related_cta a::after {
     content: "";
     width: 13px;
     height: 13px;
     background-size: 13px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     background-repeat: no-repeat;
     margin: 0 0 0 8px;
     padding: 0;
}
 .all_related_cta a:hover {
     text-decoration: 1px underline currentcolor;
     text-underline-offset: 4px;
}
 #relatedProgramLandingLink {
     display: block;
     width: 100%;
     text-align: right;
}
 #relatedProgramLandingLink a:hover {
     color: var(--anchor-color-hover);
    /* background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-green.png');
     */
}
 #relatedProgramLandingLink a {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     width: auto;
     margin-right: 20px;
     font-size: 1.2em;
     font-weight: 600;
     line-height: 1.2;
     color: #404040;
    /* background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-dark.png');
     background-size: 14px;
     background-repeat: no-repeat;
     background-position: right;
     padding-right: 20px;
     */
     text-decoration: none;
}
 #relatedProgramLandingLink a span {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     letter-spacing: -.25px;
}
 #relatedProgramLandingLink a span::after {
     background-size: 14px;
     width: 14px;
     height: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     margin: 0 0 0 8px;
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-dark.png');
     will-change: background-image;
}
 #relatedProgramLandingLink a:hover span::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-green.png');
     filter: brightness(120%);
}
 #relatedProgramLandingLink a span.related-view-less::after {
     transform: rotate(180deg);
}
 .tagline {
     display: flex;
     font-size: 1.25rem;
     font-weight: 500;
     color: var(--primary-green);
     margin: 40px 0 12px 0 !important;
     background-color: rgba(0, 99, 65, .05) !important;
     padding: 20px 30px;
     color: #0f4b3c;
}
 .program-details-wrapper .row#custom_summary_overvew_text:hover, .program-details-wrapper .row#custom_summary_overvew_text:focus {
     background-color: initial !important;
}
 .program-details-wrapper .row#custom_summary_footer_text:hover, .program-details-wrapper .row#custom_summary_footer_text:focus {
     background-color: initial !important;
}
 .row#custom_summary_overvew_text {
     padding-top: 40px;
}
 #custom_summary_overvew_text p {
     font-size: 1.1rem !important;
     color: #3b3b3b !important;
     margin: 0px 0px 15px 0px !important;
     line-height: 1.65em !important;
}
 #custom_summary_overvew_text div a {
     font-size: 1.1rem !important;
     color: var(--primary-green) !important;
     font-weight: 400;
     margin: 0 !important;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
     margin-top: 5px;
}
 #custom_summary_overvew_text div a:hover {
     text-decoration: 1px underline;
}
/* -- MAX 1400px -- */
 @media screen and (max-width: 1400px) {
     .related-programs-image {
         width: 200px;
    }
}
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .related-programs-image {
         width: 150px;
    }
     .related-programs-text span {
         font-size: 1.05rem;
    }
     .related-programs-text span.related-sm {
         font-size: .95rem;
    }
     .related-programs-text span.related-xs {
         font-size: .85rem;
    }
     .highlights-wrapper ul li {
         font-size: 1.15em !important;
    }
     .testimonials {
         min-width: 325px;
         max-width: 325px;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .related-programs-card {
         height: 110px;
    }
     .related-programs-image {
         width: 100px;
    }
     .related-programs-text span {
         font-size: 1rem;
    }
     #custom_summary_overvew_text p {
         font-size: 1.05rem !important;
    }
     .highlights-wrapper ul li {
         font-size: 1.1em !important;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .highlights-testimonials-wrapper {
         padding-top: 0px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .highlights-testimonials-wrapper {
         flex-direction: column;
    }
     .related-programs-card {
         height: 110px;
    }
     .related-programs-image {
         width: 125px;
    }
     .related-programs-text span {
         font-size: .95rem;
    }
     .related-programs-text span.related-sm {
         font-size: .9rem;
    }
     .related-programs-text span.related-xs {
         font-size: .8rem;
    }
     .testimonials {
         min-width: 100%;
         max-width: 100%;
         justify-content: center;
         align-items: center;
         margin: 0 auto;
         padding: 25px 0 50px 0;
    }
     .testimonials-wrapper {
         margin: 0;
    }
     .testimonial-item {
         display: flex;
         flex-direction: row;
    }
     .testimonial_content {
         justify-content: center;
    }
     .testimonial_quote_text {
         padding: 20px 20px 5px 10px;
    }
     .testimonial_icon {
         margin: 0px 0 0px -30px;
    }
     .testimonial_name_program {
         padding: 10px 25px 10px 10px;
    }
     .testimonial-item img {
         min-height: 225px;
         max-height: 100%;
         border-radius: 10px 0 0 10px;
         width: 225px;
    }
     .testimonial_icon span::before {
         margin-top: 0 !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .highlights-wrapper ul li {
         font-size: 1.05em !important;
    }
     .highlights-wrapper ul li::before {
         margin-top: 3px;
    }
     .related-programs-wrapper {
         justify-content: center;
    }
     .related-programs-card {
         width: calc(100% / 1);
         height: 120px;
    }
     .related-programs-image {
         width: 175px;
    }
     .related-programs-text span {
         font-size: 1rem;
    }
     .related-programs-text span.related-sm {
         font-size: .95rem;
    }
     .related-programs-text span.related-xs {
         font-size: .9rem;
    }
}
/* -- MAX 660px -- */
 @media screen and (max-width: 660px) {
     .testimonial-item {
         flex-direction: column;
    }
     .testimonial_content {
         justify-content: flex-start;
    }
     .testimonial_icon span::before {
         margin-top: -5px !important;
    }
     .testimonial_quote_text {
         padding: 15px 20px 5px 20px;
    }
     .testimonial_icon {
         margin: -30px 0 -15px 0;
    }
     .testimonial_cta {
         justify-content: flex-end;
    }
     .testimonial_name_program {
         padding: 10px 20px;
    }
     .testimonial-item img {
         min-height: 200px;
         max-height: 200px;
         border-radius: 10px 10px 0px 0px;
         width: 100%;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     span.cta-arrow::after {
         display: none;
    }
     .testimonials {
         padding: 25px 0 30px 0;
    }
     .related-programs-text span.related-sm, .related-programs-text span.related-xs {
         font-size: .95rem;
    }
     .related-programs-card {
         height: 100px;
         margin: 7.5px 0;
    }
     .related-programs-image {
         width: 125px;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .highlights-wrapper ul li {
         font-size: 1em !important;
    }
     .related-programs-text span.related-sm, .related-programs-text span.related-xs {
         font-size: .9rem;
    }
     .related-programs-card:hover {
         background-color: var(--card-bg-color);
    }
     .related-programs-card:hover .related-programs-image {
         transform: scale(1);
    }
     .related-programs-card:hover .related-programs-text span {
         color: #404040;
    }
     .related-programs-text span {
         font-size: .95rem;
    }
     .related-programs-text span.related-sm {
         font-size: .9rem;
    }
     .related-programs-text span.related-xs {
         font-size: .85rem;
    }
}
 .bioPopup{
     display:none;
     max-width: 800px;
     border-radius: 25px;
     background-color: var(--card-bg-color);
     box-shadow: 0 3px 10px 3px rgba(24,21,21,0.8);
}
 .bioPopup img{
     display: flex;
     border-radius: 50%;
     height: 175px;
     width: 175px;
     object-fit: cover;
}
/* a.contact-bio {
     color: var(--primary-green);
     margin: 0 !important;
     line-height: 1.2;
     font-size: 1.05rem;
     display: flex;
     font-weight: 500;
     align-items: center;
     padding: 1px 0 !important;
}
 a.contact-bio:hover, a.contact-bio:focus {
     text-decoration: underline !important;
     background-color: #F3FCF3 !important;
}
 */
 .bio-header-wrapper {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     width:100%;
     padding-bottom: 30px;
}
 .bio-image {
     display: flex;
     padding: 0px 30px 0px 0px;
}
 .bio-info {
     display: flex;
     flex-direction: column;
}
 .bio-info h4 {
     color: #3b3b3b !important;
}
 .bio-info h5 {
     font-size: 1.1rem !important;
     color: #505050 !important;
}
 .bio-info p {
     margin: 0 !important;
}
 .bio-content {
     font-size: 1rem !important;
     color: var(--primary-dark) !important;
}
 .bio-content p {
     line-height: 1.6rem !important;
     margin: 0 0 20px 0;
}
 a.no-decor {
     text-decoration: none !important;
}
 a.no-decor:hover {
     text-decoration: 1px underline currentcolor !important;
     text-underline-offset: 4px;
}
 a.copy-click {
     position: relative !important;
     display: flex;
     align-items: center;
     cursor: copy !important;
     color: var(--secondary-dark) !important;
     text-decoration: none !important;
    /* height: 25px; */
    height: 44px;
     font-weight: 400 !important;
     padding: 0;
     width: fit-content;
     cursor: pointer !important;
}
 a.copy-click:hover {
     text-decoration: dotted underline currentcolor !important;
     cursor: pointer !important;
     color: var(--primary-green) !important;
}
 a.copy-click::after {
     height: 25px;
     content: attr(data-tooltip-text) !important;
     padding: 1px 0 0 7px;
     font-size: .95rem !important;
     font-weight: 500 !important;
     color: var(--primary-green);
     pointer-events: none !important;
     backface-visibility: hidden !important;
     opacity: 0 !important;
     text-decoration: none !important;
     cursor: pointer !important;
}
 a.copy-click span {
     padding-left: 4px;
}
 a.copy-click.is-hovered, a.copy-click.is-hovered::after {
     opacity: 1 !important;
     transition-timing-function: var(--cubic-ease) !important;
     color: var(--primary-green) !important;
}
 a.copy-click.is-hovered span {
     display: flex;
}
 .copy-click.is-hovered span::before, .copy-click.is-copied span::before {
     background-size: 17px;
     display: flex;
     width: 17px;
     height: 17px;
     content: "";
     padding: 0;
     margin: 0 0 0 5px;
     background-repeat: no-repeat;
}
 a.copy-click.is-hovered span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-copy-green.png');
     text-decoration: none !important;
}
 a.copy-click.is-copied span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-copied-green.png');
     text-decoration: none !important;
}
 a.copy-click.is-copied {
     font-weight: 400 !important;
     color: var(--lighter-green) !important;
     text-decoration: none !important;
}
 a.copy-click.is-copied::after {
     content: attr(data-tooltip-text-copied) !important;
     text-decoration: none !important;
     margin: 0 0 -3px 0;
}
 h2.h2-br {
     padding: 20px 0 0 0 !important;
}