/* ----------------------------- /*
  
    FACULTY TEMPLATE STYLESHEET

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



/* -- GENERAL TEMPLATE STYLES -- */
 #page-start li, #about-text li {
     color: var(--main-text-color);
     font-size: 1.15em;
     font-weight: 300;
     line-height: 1.6em;
     padding: 8px 0;
}
 .about-text h3 {
     color: var(--primary-dark) !important;
}
 header nav {
     margin: 0 !important;
}
 @media screen and (max-width:880px) {
     header {
         padding: 0 !important;
    }
}

p a {
color: var(--anchor-color);
font-weight: 500;
text-decoration: 1px underline currentColor;
text-underline-offset: 4px;
}
p a:hover {
text-decoration: 1.5px underline currentColor;
}
 #wrapper {
     width: 100% !important;
     margin: 0;
}
 .row#additional-resources {
     padding-bottom: 30px;
}
 .landing-section-container {
     padding-top: 40px;
}
 #about-section .flex-column-reverse {
     padding: 0 15px;
}
 #about:focus, #opportunities:focus, #programs:focus, #resources:focus,#contact:focus {
     outline: none !important;
}
 .ac-list li::before{
     margin-top: .6em !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;
}
 .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);
}
 #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 35px 0 !important;
    padding: 30px 0 5px 0 !important;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}
 .fa-section {
     padding: 20px 0;
}
 .fa-section::before {
     content: none !important;
}
 .fa-section#info-slider-b {
     padding : 50px 0 75px 0;
}
 .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 h3 {
     font-weight: 600;
     color: var(--sub-heading-green);
     font-size: 1.2rem;
     margin: 0px 0px 0px 0px;
     padding: 6px 0px;
}
 .programs-panel-tab-content h4 {
     width: 100%;
     text-align: left;
     font-weight: 500;
     font-size: 1.15rem;
     color: #3b3b3b;
     margin: 0 !important;
     padding: 5px 0 15px 0;
}
 .resource-col h4 {
     color: var(--lighter-green);
     font-size: 1.3rem !important;
     font-weight: 600 !important;
     line-height: 1.4em !important;
     margin: 0 0 10px 0 !important;
     padding: 0 0 5px 0 !important;
     border-bottom: 1px solid #eaeaea;
}
 .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;
}

/* CARD TESTIMONIALS -------------------- */
 .card-testimonial {
     background-color: var(--card-bg-color);
     box-shadow: var(--card-shadow);
     transition: var(--quick-linear);
     display: flex !important;
     flex-direction: column;
     border-radius: var(--card-radius);
     width: 100%;
     padding: 0px 0px;
     margin-bottom: 20px;
}
 .card-testimonial:hover {
     background-color: var(--card-bg-color-hover);
     box-shadow: var(--card-shadow-hover);
}
 .card-testimonial:hover .card-testimonial-icn {
     background: rgb(51,130,103);
}
 .card-testimonial-img-wrapper {
     display: flex;
     justify-content: center;
}
 .card-testimonial-img img {
     display: flex;
     object-position: center center;
     object-fit: cover;
     width: 100%;
     height: 180px;
     border-radius: 8px 8px 0 0;
}
 .card-testimonial-icn {
     display: inline !important;
     background: #217357;
     border: 5px solid #fcfcfc;
     border-radius: 50%;
     height: 70px;
     width: 70px;
     padding: 11px;
     margin: -35px auto 0px auto;
     transition: var(--quick-linear);
}
 .card-testimonial-content {
     text-align: center;
}
 .quote-wrapper {
     min-height: 220px;
     padding: 10px 10px 20px 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .card-testimonial-quote {
     display: block;
     vertical-align: bottom;
     color: #1b3029;
     font-size: 1em;
     font-weight: var(--main-text-weight);
     font-style: italic;
     line-height: 1.65em;
     margin: 0px;
     padding: 0px 10px 10px 10px;
}
 .card-testimonial-divider {
     width: 25%;
     opacity: .6;
     margin: 5px auto 15px auto;
}
 .card-testimonial-footer span.name-title {
     display: block;
     font-size: 1.1rem;
     font-weight: var(--main-text-weight);
     color: #4b4b4b;
     line-height: 1.4em;
     margin: 0 !important;
}
 .card-testimonial-footer {
     margin: 0 !important;
}
 .card-testimonial-footer span.name-sub-title {
     display: block;
     font-size: .95rem;
     font-weight: var(--sub-text-weight);
     color: var(--primary-dark);
     line-height: 1.4em;
     padding: 3px 20px 0px 20px;
     margin: 0 !important;
}
 .intro-wrapper {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     flex-direction: row;
     flex-wrap: nowrap;
}
 .col_introduction {
     display: flex;
     max-width: 100%;
     width: 100%;
     padding: 0px 40px 20px 15px;
}

/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .intro-wrapper {
         flex-direction: column;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .card-testimonial {
         flex-direction: row;
         min-height: 240px;
    }
     .card-testimonial-img {
         width: 100%;
         min-height: 240px;
         min-width: 180px;
         max-width: 180px;
         border-top-left-radius: 8px;
         border-top-right-radius: 0px;
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 0px;
    }
     .card-testimonial-content {
         display: inline-flex;
         flex-direction: row;
         align-items: center;
    }
     .quote-wrapper {
         padding: 10px 15px 20px 0px;
    }
     .card-testimonial-icn {
         margin: 0px auto 0px -30px;
    }
     .col_introduction {
         min-width: 100%;
         max-width: 100%;
    }
     .col-testimonial {
         min-width: 100%;
         max-width: 100%;
         padding: 10px 30px 80px 30px;
    }
     .card-testimonial-quote {
         font-size: 1rem;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .card-testimonial {
         min-height: 275px;
    }
     .card-testimonial-img {
         min-height: 275px;
         min-width: 180px;
         max-width: 180px;
    }
     .col-testimonial {
         padding: 10px 15px 80px 15px;
    }
     .card-testimonial-quote {
         font-size: .95rem;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .card-testimonial {
         flex-direction: column;
    }
     .card-testimonial-img {
         display: block;
         width: 100%;
         min-height: 220px;
         height: 220px;
         min-width: 100%;
         max-width: 100%;
         object-fit: cover;
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
    }
     .card-testimonial-content {
         display: block;
    }
     .quote-wrapper {
         padding: 10px 15px 20px 15px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .card-testimonial-icn {
         margin: -35px auto 0px auto;
    }
     .col-testimonial {
         padding: 0px 20% 80px 20%;
    }
     .card-testimonial-quote {
         font-size: .9rem;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .col-testimonial {
         padding: 0px 15px 80px 15px;
    }
}
/* PROGRAMS PANEL ----------------------------------- */
/* programs section panel/card **/
 #programs-panel {
     display: flex;
     width: 100%;
     flex-direction: column;
     margin: 20px 0 !important;
     padding: 0px !important;
}
 .programs-panel-tabs {
     display: flex;
     width: 100%;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
     flex-wrap: wrap;
     overflow: hidden;
     padding: 0px !important;
     margin: 0 !important;
     border-bottom: 1px solid #efefef;
}
 .programs-panel-tabs button {
     font-size: .95rem;
     font-weight: 600;
     justify-content: center;
     color: #3b3b3b;
     background-color: transparent;
     flex-grow: 1;
     margin: 0;
     outline: none;
     padding: 10px 10px 15px 10px;
     display: flex;
     border: none !important;
     cursor: pointer;
     border-left: none !important;
     border-top: none !important;
     border-bottom: none !important;
     min-height: 60px;
     align-items: center;
}
 .programs-panel-tab-content {
     padding: 0;
     display: flex;
     flex-direction: column;
     width: 100%;
}
 .programs-panel-tabs button:hover {
     color: #0b7d56;
     box-shadow: none;
}
 .programs-panel-tabs button:focus {
     background-color: transparent;
     color: var(--secondary-green);
     box-shadow: none;
}
 .programs-panel-tabs button.active {
     border-bottom: 5px solid var(--primary-green) !important;
     background-color: transparent;
     color: var(--secondary-green);
     padding: 10px 10px 5px 10px;
     box-shadow: none;
     transition: .3s;
     
}
 .programs-panel-tabs button.active:hover {
     background-color: transparent;
     border-bottom: 5px solid var(--primary-green) !important;
     color: var(--secondary-green);
}
 .programs-panel-tabs button:last-child.active {
     border-right: none;
}
/* program tabs content */
 .programs-panel-content, .industrytabcontent {
     display: none;
     width: 100%;
}
 #programSubPanel0.programs-panel-content{
     display:block;
}
 .ac-list ul {
     margin: 0 !important;
}
 .ac-list li {
     list-style: none;
     width: 100%;
     display: flex !important;
     align-items: center;
     padding: 5px 0;
}
 .ac-list li a {
     font-size: var(--anchor-text-size);
     font-weight: var(--main-text-weight);
     text-decoration: none;
     padding: 4px 0;
     display: flex;
     align-items: center;
}
 #programs-panel .ac-list li {
     display: flex;
     align-items: center;
}
 #programs-panel .ac-list li a, .clusters-wrapper .ac-list li a {
     height: 100%;
     width: 100%;
     font-size: 1rem !important;
     line-height: 1.2;
     color: var(--anchor-color);
     padding: 18px 20px !important;
}
 #programs-panel .ac-list li a:hover, .clusters-wrapper .ac-list li a:hover {
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
     color: #0b7d56 !important;
}
 .ac-list li a:hover {
     text-decoration: 1.5px underline var(--anchor-color-hover);
     font-weight: initial;
}
 .programs-panel-cols ul {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     list-style-type: none;
     padding-inline-start: 0;
     align-items: flex-start;
}
 .programs-panel-cols ul li {
     width: 100% !important;
     padding: 0 !important;
     align-items: flex-start !important;
     border-bottom: 1px solid #eaeaea;
}
 .test .programs-panel-cols ul li {
     display: flex !important;
     flex-direction: column;
}
 .test .programs-panel-cols ul li a {
     padding: 0px 20px 18px 20px !important;
}
 .programs-panel-cols ul li span.cert {
     font-size: .95rem;
     color: #4b4b4b;
     font-weight: bold;
     padding: 18px 20px 5px 20px !important;
}
 .programs-panel-cols ul li > a span {
     display: flex;
}
 .programs-panel-cols ul li:hover > a span {
}
 .programs-panel-cols ul li > a span::after {
     content: "";
     width: 10px;
     height: 10px;
     background-size: 10px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     background-repeat: no-repeat;
     opacity: 0;
     margin: 0 0 0 12px;
     padding: 0;
}
 .programs-panel-cols ul li:hover > a span::after {
     content: "";
     width: 10px;
     height: 10px;
     background-size: 10px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     background-repeat: no-repeat;
     margin: 0 0 0 12px;
     opacity: 1;
     padding: 0;
}
 .programs-panel-cols ul li:last-child {
     border-bottom: none;
     border-radius: 0px 0px 10px 10px;
}
 .programs-panel-cols ul li:last-child a {
     border-radius: 0px 0px 10px 10px;
}
 .programs-panel-cols ul li:nth-child(even) {
     background-color: #f0f0f0;
}
 .programs-panel-cols ul li:nth-child(even):last-child {
     border-bottom: 1px solid #eaeaea;
}
 .programs-panel-cols ul li::before {
     margin-top: .7em !important;
}
 .panel-sub-heading-divider {
     border-top: 1px solid var(--hr-heading-color);
     background: #eaeaea !important;
     margin: 5px 6px 0px 6px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .programs-panel-tabs button {
         font-size: .9rem !important;
    }
     #programs-panel .ac-list li a, .clusters-wrapper .ac-list li a {
         font-size: .95rem !important;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .programs-panel-tabs button {
         font-size: .85rem !important;
    }
     #programs-panel .ac-list li a, .clusters-wrapper .ac-list li a {
         font-size: .9rem !important;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .programs-panel-tabs button {
         padding: 18px 5px;
         width: 125px;
         min-height: 75px;
         max-height: 75px;
    }
     .programs-panel-tabs button.active::before {
         margin-top: 89px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .programs-panel-tabs button:first-child {
         border-top-left-radius: 8px !important;
         border-top-right-radius: 8px !important;
         border-left: none !important;
         border-top: none !important;
         border-bottom: 1px solid #e9e9e9 !important;
    }
     .programs-panel-tabs button:last-child {
         border-top-right-radius: 0px !important;
         border-right: none;
         border-left: none !important;
         border-top: none !important;
         border-bottom: 1px solid #e9e9e9 !important;
    }
     .ac-list li a {
         font-weight: var(--main-text-weight);
         font-size: 1rem;
         text-decoration: none;
         padding: 4px 0;
    }
     .programs-panel-cols ul li {
         width: 100% !important;
    }
     .programs-panel-tabs button {
         flex-grow: 1;
         font-size: 1rem !important;
         padding: 18px 5px;
         display: flex;
         width: 100%;
         border-right: none !important;
         border-bottom: 1px solid #e9e9e9 !important;
    }
     #programs-panel .ac-list li a, .clusters-wrapper .ac-list li a {
         font-size: 1rem !important;
    }
     .col-first, .col-second {
         width: 100% !important;
    }
}
/* -- MIN 200px & MAX 575px -- */
 @media screen and (max-width: 575px) {
     .ac-list li a {
         font-size: var(--main-text-size-xs);
    }
     .programs-panel-tabs {
         padding: 20px 0px 0px 0px;
    }
}
/* -- PROGRAMS TABS - MOBILE DROPDOWN TOGGLE -- */
 div#program-type-btn {
     display: none;
}
 div#program-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(--primary-green) !important;
     color: var(--white) !important;
     border: none;
     box-shadow: none !important;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
     margin: 0 !important;
     padding: .85rem 1.4rem !important;
     font-size: 1.3rem;
     font-weight: 300;
}
 div#program-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#program-type-btn .dropdown-item {
     padding: 0.85rem 1.5rem !important;
     font-weight: 300;
     font-size: 1.1rem;
     border-bottom: 1px solid #f0f0f0;
}
 div#program-type-btn .dropdown-item:last-child {
     border-bottom: none !important;
}
 div#program-type-btn .dropdown-item:hover {
     background-color: #eaeaea !important;
     cursor: pointer;
}
 div#program-type-btn .dropdown-item.active, div#program-type-btn .dropdown-item:active {
     color: var(--main-text-color-dark) !important;
     text-decoration: none;
     background-color: #eaeaea !important;
     opacity: 60%;
}
 div#program-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);
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 767px -- */
 @media screen and (max-width: 880px) {
     div#program-type-btn {
         display: block !important;
    }
     .programs-panel-tabs {
         display: none !important;
    }
     .programs-panel-tab-content {
         padding: 20px !important;
    }
     .programs-panel-tab-content h4 {
         font-size: 1.1rem;
    }
     div#program-type-btn .btn {
         font-size: 1.15rem;
    }
}
/* CONTACT CARDS ----------------------------------- */
/** social heading **/
 .col.col-heading {
     display: inline-flex;
     padding: 0 !important;
}
 .col#contact-col-social {
     display: inline-flex;
     justify-content: flex-end;
     align-items: center;
     margin-bottom: -5px;
}
 #contact-col-heading .section-heading {
     margin: 20px 0 0px 0 !important;
}
 .social-icon-heading:hover{
     opacity: .85;
}


/* SOCIAL **/
 .socials.aac {
     display: flex;
     justify-content: center !important;
     align-items: center;
    margin-bottom: -10px;
    padding-top: 25px;
}
 .socials div {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
}
 .socials div a {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 36px !important;
     height: 36px !important;
     margin: 0px 2px !important;
     border-radius: 50%;
     text-decoration: none;
     transition: var(--quick-linear) ease;
}
 .socials div a:hover, .socials div a:focus {
     background-color: var(--primary-green) !important;
     background: var(--primary-green) !important;
     color: white;
}
 .socials div a i {
     color: var(--primary-green);
     font-size: 22px;
}
 .socials div a:hover i, .socials div a:focus i {
     color: white;
}
 .socials div a:visited, .socials div a:active {
     background-color: var(--primary-green) !important;
     background: var(--primary-green) !important;
}
 .socials div a span {
     display: flex;
     content: "";
     background-repeat: no-repeat;
     background-size: 22px;
     height: 22px !important;
     width: 22px !important;
}


 .testimonial-slider-container {
     margin-bottom: 15px !important;
}
 .info-slider-container {
     margin-bottom: 5px !important;
     display: flex;
     width: 100%;
     padding: 0px;
}
 .info-slider {
     background-color: var(--card-bg-color);
     box-shadow: var(--card-shadow);
     transition: var(--quick-linear);
     display: flex !important;
     border: var(--card-border);
     border-radius: var(--card-radius) !important;
     align-items: center !important;
     padding: 25px !important;
}
 .info-slider-container .card-badge {
     margin: 0 auto -23px auto !important 
}
 .slide-content {
     display: flex;
}
 .info-slider .slide-text span {
     color: var(--main-text-color) !important;
    /* font-size: 1.2em !important;
     */
     font-weight: var(--main-text-weight);
     line-height: 1.65 !important;
     margin: 0 !important;
}
/*  .info-slider .slide-text span a {
     color: var(--anchor-color);
     font-weight: 500;
     text-decoration: none;
} */
 .info-slider .slide-text span a:hover {
     text-decoration: 1px underline currentcolor;
     text-underline-offset: 4px;
}
 .info-slider .slide-text h4 {
    color: var(--lighter-green);
    font-size: 1.3em !important;
    font-weight: 600 !important;
    line-height: 1.4em !important;
    margin: 0 0 18px 0;
    padding: 0 0 2px 0 !important;
    border-bottom: 0.5px solid #aaa;
}
 .slide-icon div {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
     height: 100px;
     width: 100px;
     margin: 3px;
}
 .slide-icon {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     float: left;
     margin-bottom: 0px !important;
     padding: 20px;
     margin: 0px 15px;
     background-color: var(--primary-green);
     border: 1px solid #175942;
     box-shadow: 0 -0px 2px 1px rgba(61, 64, 63,.4);
     border-radius: 50%;
     height: 100px;
     width: 100px;
     transition: var(--quick-linear);
}
 .info-slider .slide-text {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     margin: 0;
     width: 100%;
     padding: 0 20px;
}
 .info-slider .slide-text ul {
     margin: 0px 0px 0 20px !important;
}
 .info-slider .slide-text li {
     font-size: 1.1rem !important;
     font-weight: 300 !important;
     line-height: 1.5em !important;
}
 .info-slider-hr {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: 5px 0 15px 0;
}
/* -- SLICK SLIDER STYLES -- */
 .slick-testimonial .slick-dots {
     justify-content: center;
     align-items: center;
     padding-top: 15px;
}
 .slick-testimonial .slick-dots li {
     background-color: #006341;
     opacity: .5;
     height: 18px !important;
     width: 18px !important;
     border-radius: 50%;
     margin: 0 5px !important;
}
 .slick-testimonial .slick-dots li:hover, .slick-testimonial .slick-dots li.slick-active {
     opacity: 1;
}
 .slick-prev {
     width: 32px !important;
     height: 32px !important;
     left: -35px !important;
}
 .slick-next {
     width: 32px !important;
     height: 32px !important;
     right: -35px !important;
}
 .slick-prev::before {
     color: var(--secondary-green);
     font-size: 32px !important;
     opacity: .75;
}
 .slick-next::before {
     color: var(--secondary-green);
     font-size: 32px !important;
     opacity: .75;
}
 .slick-prev:focus {
     background: var(--lighter-green) !important;
     background-color: var(--lighter-green) !important;
     padding-top: 2px !important;
}
 .slick-next:focus {
     background: var(--lighter-green) !important;
     background-color: var(--lighter-green) !important;
     padding-top: 2px !important;
}
 .slick-arrows-container {
     display: flex !important;
     justify-content: center !important;
     padding: 20px 0;
}
 .slick-dots li button::before {
     content: "";
     display: block;
     color: var(--primary-green) !important;
     transition: var(--smooth-ease);
     font-size: 20px !important;
     margin-top: 15px;
     transform: scale(1) !important;
}
 .slick-dots li button:hover {
     opacity: .75 !important;
}
 .slick-dots li.slick-active button {
     transition: var(--smooth-ease);
}
 .slick-dots li.slick-active button::before {
     color: var(--primary-green) !important;
     transition: var(--smooth-ease);
     opacity: .75 !important;
}
 .slick-dots li.slick-active button:hover {
     color: var(--primary-green) !important;
     opacity: 1 !important;
}
.col_testimonials .slick-dots li button::before {
    display: none;
} 
 .slick-info .slick-slide {
     margin: 0 10px !important;
}
 .slick-info .slick-dots, .slick-info .slick-dots ul {
     display: flex;
     list-style: none;
     width: 100%;
     justify-content: center;
     margin: 0;
     padding: 15px 0;
     z-index: 0;
}
 .slick-info .slick-dots li {
     width: 25px !important;
     height: 25px !important;
     margin: 0px 4px !important;
}
 .slick-info .slick-dots li button {
     background: #cbd4d0 !important;
     color: #cbd4d0 !important;
     opacity: .9 !important;
     height: 18px !important;
     width: 18px !important;
     overflow: hidden !important;
     border: none !important;
     border-radius: 50% !important;
     transition: var(--smooth-ease);
     transform: scale(1.0) !important;
     clip-path: polygon(0 0, 97% 0, 100% 100%, 3% 100%);
}
 .slick-info .slick-dots li:first-child button, .slick-info .slick-dots li:first-child button::before, .slick-info .slick-dots li:first-child.slick-active button, .slick-info .slick-dots li:first-child.slick-active button::before {
     clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%);
}
 .slick-info .slick-dots li:last-child button, .slick-info .slick-dots li:last-child button::before, .slick-info .slick-dots li:last-child.slick-active button, .slick-info .slick-dots li:last-child.slick-active button::before {
     clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
}
 .slick-info .slick-dots li button::before {
     background: #cbd4d0 !important;
     color: #cbd4d0 !important;
     opacity: .9 !important;
     height: 12px !important;
     width: 100% !important;
     overflow: hidden !important;
     border: none !important;
     border-radius: 0px !important;
     transition: var(--smooth-ease);
     transform: scale(1.0) !important;
}
 .slick-info .slick-dots li button:hover, .slick-info .slick-dots li button:hover::before, .slick-info .slick-dots li button:focus::before {
     background: var(--primary-green) !important;
     color: var(--primary-green) !important;
     opacity: .7 !important;
     transform: scale(1.0) !important;
}
 .slick-info .slick-dots li.slick-active button {
     background: var(--primary-green) !important;
     color: var(--primary-green) !important;
     opacity: .9 !important;
     transition: var(--smooth-ease);
     transform: scale(1.0) !important;
}
 .slick-info .slick-dots li.slick-active button::before {
     background: var(--primary-green) !important;
     color: var(--primary-green) !important;
     border-radius: 0px !important;
     transition: var(--smooth-ease);
     transform: scale(1.0) !important;
     opacity: .9 !important;
}
 .slick-info .slick-dots li.slick-active button:hover {
     background: var(--primary-green) !important;
     color: var(--primary-green) !important;
     transform: scale(1.0) !important;
     opacity: .9 !important;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MIN 991px -- */
 @media screen and (max-width: 991px) {
     #faculty-slider.col-5 {
         position: absolute;
         top: 75%;
         left: -5px;
    }
}
/* -- MIN 881px -- */
 @media screen and (min-width: 881px) {
     .slider-desktop {
         display: block;
         border-bottom: 1px solid var(--bg-light);
    }
     .slider-mobile {
         display: none;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .slider-desktop {
         display: none;
    }
     .slider-mobile {
         display: block;
    }
     .headerCombinedLogoLinkIcon .icon-algonquin::before {
         content: url(/wp-content/themes/algonquincollege2018/images/icns/icn-ac-logo.png) !important;
    }
}
/* -- MIN 768px & MAX 991px -- */
 @media screen and (min-width: 768px) and (max-width: 991px) {
     .slide-icon {
         height: 110px;
         width: 110px;
    }
     .slide-icon div {
         height: 80px;
         width: 80px;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 880px) {
     .slide-icon div {
         height: 80px !important;
         width: 80px !important;
    }
     .slide-icon {
         height: 105px !important;
         width: 105px !important;
         margin: 0px auto;
         display: flex;
         float: none;
    }
     .info-slider .slide-text {
         display: block;
         float: none;
         margin: 10px 0px !important;
         padding: 10px 5px 0px 5px !important;
    }
     .info-slider, .info-slider-1, .info-slider-2 {
         display: block !important;
         padding: 50px 20px 20px 20px !important;
         align-items: center !important;
    }
     .info-slider-container {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
 div#icn-cards {
     padding: 0 0 0 0;
     margin-top: -8px;
}
/* Additional Resources Cards **/
 .resource-col-wrapper {
     width: 100%;
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     padding: 20px 0 0 0;
}
 .resource-col {
     height: 100%;
}
 .resource-card.single {
     width: 100% !important;
}
 .resource-card.halves {
     width: calc(100%/2 - 25px) !important;
}
 .resource-card.thirds {
     width: calc(100%/3 - 20px) !important;
}
 .resource-col ul {
     margin: 5px 0 !important;
     padding-inline-start: 5px !important;
}
 .resource-col ul li, .about-text ul li, .info-slider .slide-text span ul li, .col_introduction ul li, div.ac-list ul li {
     list-style: none !important;
     width: 100%;
     display: inline-flex;
}
 #additional-resources .resource-col ul {
     display: flex;
     flex-wrap: wrap;
     margin: 10px 0 0 0 !important;
     padding-inline-start: 1px !important;
     justify-content: space-between;
}
 #additional-resources .resource-col ul li {
     align-items: center;
     display: flex !important;
     font-size: 1rem;
     color: var(--secondary-green);
     padding: 0;
     margin: 6px 0;
}
 #additional-resources .resource-card.single ul li {
     width: calc(100%/3 - 6px) !important;
}
 #additional-resources .resource-card.halves ul li {
     width: calc(100%/2 - 6px) !important;
}
 #additional-resources .resource-card.thirds ul li {
     width: 100% !important;
}
 #additional-resources .resource-col ul li:hover {
     color: var(--anchor-color-hover);
}
 .resource-col ul li::before, .about-text ul li::before, .info-slider .slide-text span ul li::before, .col_introduction ul li::before, div.ac-list ul li::before {
     content: '';
     height: 5px;
     width: 5px;
     min-height: 5px;
     min-width: 5px;
     max-width: 5px;
     max-width: 5px;
     background-size: 5px;
     margin-top: 11px;
     border-radius: 50%;
     margin-right: 12px;
     display: flex;
     background-color: var(--primary-green) !important;
     align-items: center;
     justify-content: center;
     padding: 0;
     border: none !important;
}
 .resource-col ul li::before {
     margin-top: 0px !important;
}
 div.ac-list ul li::before {
     background-color: #2d5447;
}
 .ac-list.programs-panel-cols ul li::before {
     display: none;
}
 .resource-col ul li a {
     color: var(--primary-green);
     font-size: 1.05em !important;
     font-weight: 500;
     line-height: 1.3;
     padding: 4px 0;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 .resource-col ul li a span {
     display: flex;
     align-items: flex-start;
     height: 100%;
     width: fit-content;
}
 .resource-col ul li a:hover {
     text-shadow: none;
}
 div.ac-list ul li a:hover {
     text-shadow: none !important;
     text-decoration: 1.5px underline var(--anchor-color-hover);
     text-underline-offset: 4px;
}
 div.ac-list ul li a:focus {
     outline: var(--focus-outline) !important;
}
 div.ac-list p {
     font-size: 1.2em !important;
     color: #4b4b4b !important;
     font-weight: var(--main-text-weight) !important;
     line-height: 1.8em !important;
     padding: 10px 40px;
     margin: 0 !important;
}
 .panel-additional-resources {
     background-color: var(--card-bg-color);
     transition: var(--transition-bounce);
     box-shadow: var(--card-shadow);
     border: var(--card-border);
     border-radius: var(--card-radius);
}
 .panel-additional-resources:hover {
     box-shadow: var(--card-shadow-hover);
}
 .panel-additional-resources-content {
     padding: 10px 20px;
}
 .panel-heading {
     color: var(--tertiary-green);
     font-size: 1.65em !important;
     font-weight: var(--main-text-weight-stronger) !important;
     margin-bottom: .1em !important;
     padding: 20px 20px 0px 20px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1300px -- */
 @media screen and (max-width: 1300px) {
     #additional-resources .resource-card.halves ul li {
         width: 100% !important;
    }
     #additional-resources .resource-card.single ul li {
         width: calc(100%/2) !important;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     #additional-resources .resource-card.single ul li {
         width: 100% !important;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .resource-col-wrapper {
         flex-direction: column;
    }
     .resource-card {
         padding: 0 0 25px 0;
    }
     .resource-card.single {
         width: 100% !important;
    }
     .resource-card.halves {
         width: 100% !important;
    }
     .resource-card.thirds {
         width: 100% !important;
    }
     #additional-resources .resource-card.halves ul li {
         width: calc(100%/2) !important;
    }
     #additional-resources .resource-card.single ul li {
         width: calc(100%/2) !important;
    }
     #additional-resources .resource-card.thirds ul li {
         width: calc(100%/2) !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     #additional-resources .resource-card.halves ul li {
         width: 100% !important;
    }
     #additional-resources .resource-card.single ul li {
         width: 100% !important;
    }
     #additional-resources .resource-card.thirds ul li {
         width: 100% !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .panel-additional-resources-content {
         display: block !important;
    }
}
/* -- CONTACT PAGE [ninja tables] (Template Overrides) -- */
 .col#col-contact {
     padding: 0px 15px 25px 15px;
     margin-right: 0px;
}
 .semantic_ui .ui.table {
     font-size: .95rem !important;
}
 .semantic_ui .ninja_footable.ui.table:not(.inverted) thead th {
     font-size: 1.05rem !important;
}
 .footable .btn-primary, .footable .btn-primary:hover, .footable .btn-primary:focus {
     background-color: var(--bg-primary-green) !important;
     border-top: 1px solid #ccc !important;
     border-bottom: 1px solid #ccc !important;
     border-left: none !important;
     border-right: none !important;
}
 .footable .btn {
     font-size: 16px !important;
     line-height: 1.1 !important;
}
 .footable .caret {
     border-top: 5px solid !important;
     border-right: 5px solid transparent !important;
     border-left: 5px solid transparent !important;
}
 .footable-filtering-external ul.dropdown-menu>li>a.checkbox, table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox {
     text-decoration: none !important;
}
 .ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
     margin-bottom: 0px !important;
}
 .form-group.ninja-custom-filter.form-group-ninja_filter_0.ninja_custom_select {
     float: left !important;
}
 .foo-table .form-group.footable-filtering-search input.form-control:focus, .footable .sr-only:focus, .input-group:focus {
     outline: none !important;
}
 .semantic_ui .ninja_footable.ui.table:not(.inverted) thead th {
     background: rgba(55, 128, 101,.05) !important;
}
 .semantic_ui .ui.striped.table>tr:hover, .semantic_ui .ui.striped.table tbody tr:hover {
     background-color: var(--hover-bg-lighter) !important;
     background: var(--hover-bg-lighter) !important;
}
 .semantic_ui .ui.selectable.table tbody tr:hover, .semantic_ui .ui.table tbody tr td.selectable:hover {
     background-color: var(--hover-bg-lighter) !important;
     background: var(--hover-bg-lighter) !important;
}
 .col_introduction p {
     margin: 0 0 20px 0 !important;
     line-height: 1.65;
}
 .inner-wrap {
     width:100%;
     display:flex;
     justify-content: flex-start;
}
 .info-slider .slide-text a {
    color: var(--anchor-color) !important;
    font-weight: 500;
    text-decoration: 1px underline currentColor !important;
    text-underline-offset: 4px;
}
 .info-slider .slide-text a:hover, .info-slider .slide-text a:focus {
     text-decoration: 1.5px underline currentColor;
     text-underline-offset: 4px;
     color: var(--anchor-color-hover)!important;
}
 .info-slider .slide-text p {
     line-height: 1.65em !important;
     font-size: 1.1rem !important;
     font-weight: 300 !important;
     margin: 0 0 10px 0 !important;
}
 .info-slider .slide-text p strong, .info-slider .slide-text p b, .info-slider .slide-text ul li strong, .info-slider .slide-text ul li b {
     font-weight: 500 !important;
     line-height: 1.65rem !important;
}
 .section-header h1 {
     margin: 0 !important;
     color: var(--secondary-green) !important;
     font-size: 2.2rem !important;
     line-height: 2rem !important;
     font-weight: bold !important;
}
 .section-header h2 {
     color: #4b4b4b;
     font-size: 1.75rem;
     font-weight: 600 !important;
     margin: 0;
     position: relative;
}
 .section-header hr {
     border-top: var(--hr-heading-color);
     background: #eaeaea !important;
     margin: var(--hr-heading-margin);
}
 .programs-panel-tab-content a {
     color: var(--anchor-color) !important;
     font-weight: 400 !important;
     text-decoration: none !important;
}
 .programs-panel-tab-content a:hover, .programs-panel-tab-content a:focus {
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
     background-color: none;
}
 .info-slider .slide-text span h3, .info-slider .slide-text span h4 {
     font-weight: 600;
     color: var(--sub-heading-green);
     font-size: 1.2rem;
     margin: 0px 0px 0px 0px;
     padding: 6px 0px;
}
 .info-slider .slide-text span h5 {
     font-weight: 500;
     color: var(--primary-dark);
     font-size: 1.15rem;
     margin: 0px 0px 0px 0px;
     padding: 6px 0px;
}
 nav#website-local-menu ul li {
     width: fit-content !important;
     min-width: 100px !important;
     min-height: 60px !important;
     display: flex;
     align-items: center !important;
     margin: 0 !important;
}
 nav#website-local-menu ul li:first-child {
     color: var(--white) !important;
     font-weight: 400 !important;
}
 nav#website-local-menu ul li a {
     width: 100%;
     line-height: 1.3 !important;
     padding: 0px 40px !important;
     min-height: 60px;
     text-align: center !important;
     font-size: 1.05rem !important;
     font-weight: 400 !important;
     display: flex;
     justify-content: center;
     align-items: center;
     will-change: transform;
}
 nav#website-local-menu ul li a:hover {
     color: #fcfcfc !important;
}
 nav#website-local-menu ul li a:focus:not(:focus-visible), nav#website-local-menu ul li:focus:not(:focus-visible) {
     text-decoration: none !important;
}
 nav#website-local-menu ul.sub-menu {
     width: 250px;
     z-index: 199;
     position: absolute;
     top: 100%;
     left: 0;
     font-size: 0.9em;
     text-align: left;
     margin: 3px 0 0 0;
     padding: 0;
     background: #f8f8f8;
     border: none !important;
     border-radius: 6px;
     box-shadow: 0 2px 3px 0px rgba(24,21,21,.3);
}
 nav#website-local-menu ul.sub-menu::before {
     content: '';
     width: 0;
     height: 0;
     border-left: 11px solid transparent;
     border-bottom: 10px solid #f8f8f8;
     border-right: 11px solid transparent;
     display: flex;
     justify-content: center;
     margin: -10px auto 0 auto;
}
 nav#website-local-menu ul.sub-menu li {
     width: 250px;
     max-width: 250px;
     background: #f8f8f8;
     padding: 0;
     margin: 0;
     border-bottom: 1px solid rgba(0,0,0,.1);
}
 nav#website-local-menu ul.sub-menu li:first-child {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
 nav#website-local-menu ul.sub-menu li:last-child {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
     border: none !important;
}
 nav#website-local-menu ul.sub-menu li:hover, nav#website-local-menu ul.sub-menu li:focus {
     background: #006341;
     color: #ffffff;
     text-decoration: none !important;
}
 nav#website-local-menu ul.sub-menu li:hover a, nav#website-local-menu ul.sub-menu li:focus a {
     text-decoration: none !important;
}
 nav#website-local-menu ul.sub-menu li a {
     color: #3b3b3b;
     width: 250px;
     line-height: 1.1em !important;
     padding: 10px 20px !important;
     min-height: 60px;
     font-size: 1.2em !important;
     font-weight: var(--main-text-weight-strong) !important;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     transition: .1s;
     padding: 0;
     margin: 0;
}
 .slick-slider.slick-testimonial {
     max-width: 100%;
}
 .slick-slider {
     -webkit-user-select: text !important;
     -khtml-user-select: text !important;
     -moz-user-select: text !important;
     -ms-user-select: text !important;
     user-select: text !important;
}
 .slick-list.draggable {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .col_testimonials {
     max-width: 450px;
     min-width: 450px;
     padding: 0 0 40px 0;
}
 .col_testimonials .slick-track .slick-slide {
     padding: 5px 15px !important;
}
 .col_testimonials .testimonials-wrapper {
     max-width: 100%;
     margin: 0px auto;
     padding: 0px;
}
 .icon-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1;
     margin-bottom: -10px;
}
 .testimonial_icon {
     display: flex;
     width: 65px;
     height: 65px;
     border-radius: 50%;
     background-color: var(--card-bg-color);
     justify-content: center;
     align-items: center;
     margin: -30px 0 -15px 0;
}
 .testimonial_icon span {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .testimonial_icon span::before {
     display: inline-block;
     content: "";
     width: 37px;
     height: 37px;
     background-size: 37px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-quotations-green-primary-open.png');
     background-repeat: no-repeat;
     padding: 0;
}
 .testimonial_quote_text, .testimonial_quote_text p {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     width: 100%;
     font-size: 1rem;
     font-weight: 300;
     font-style: italic;
     color: #404040;
     /* line-height: 1.4; */
     padding: 0;
     margin: 0;
}
 .testimonial_name_program, .testimonial_name_program p {
     display: inline;
     width: 100%;
     font-weight: 400;
     padding: 15px 0 5px 0;
     line-height: 1.3;
}
 .testimonial_name_program span {
     display: inline;
     font-weight: 400;
     align-items: center;
     line-height: 1.2;
     padding: 0;
     font-size: .95em;
     color: #3b3b3b;
}
 .testimonial-item .bg-image {
     height: 200px;
     min-height: 200px;
     width: 100%;
     background-size: cover;
     background-position: center;
     background-repeat: none;
     opacity: 1;
     will-change: transform;
     -webkit-transition: var(--quick-linear);
     transition: all 250ms linear;
}
 .testimonial-item img {
     display:block;
     width: 100%;
     border-radius: 10px 10px 0px 0px;
     min-height: 200px;
     max-height: 200px;
     object-fit: cover;
}
 .testimonial_content {
     display: flex;
     width: 100%;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 20px;
}
 .testimonial_cta {
     display: flex;
     width: 100%;
     justify-content: flex-end;
     align-items: center;
     padding: 10px 20px 20px 20px;
}
 .testimonial_cta a {
     display: flex;
     align-items: center;
     font-size: .95rem;
     font-weight: 400;
     color: #3b3b3b !important;
     text-decoration: none !important;
}
 .testimonial_cta a::after {
     content: "";
     width: 11px;
     height: 11px;
     background-size: 11px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
     background-repeat: no-repeat;
     margin: 0 0 0 6px;
     padding: 0;
}
 .testimonial_cta a:hover {
     color: #006341 !important;
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
}
 .testimonial_cta a:hover::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .col_testimonials {
         min-width: 350px;
         max-width: 350px;
    }
     .col_testimonials {
         min-width: 100%;
         max-width: 100%;
         justify-content: center;
         align-items: center;
         margin: 0 auto;
         padding: 25px 0 50px 0;
    }
     .col_testimonials .testimonials-wrapper {
         margin: 0;
    }
     .testimonial-item {
         display: flex;
         flex-direction: row;
    }
     .testimonial_content {
         justify-content: center;
         padding: 20px 20px 20px 10px;
    }
     .testimonial_quote_text, .testimonial_quote_text p {
         font-size: 1em;
    }
     .testimonial_quote_text {
         padding: 10px 0 5px 0;
    }
     .testimonial_icon {
         margin: 0px 0 0px -30px;
    }
     .testimonial_cta {
         padding: 10px 25px 20px 10px;
         justify-content: flex-start;
    }
     .testimonial_name_program {
         padding: 0 0 0 0;
    }
     .testimonial-item img,
     .testimonial-item .bg-image {
         min-height: 100%;
         max-height: 100%;
         border-top-left-radius: 10px;
         border-top-right-radius: 0px;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 0px;
         width: 250px;
         min-width: 250px;
    }
    .testimonial-item .card-content {
    justify-content: center;
    padding: 20px;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .testimonial_quote_text, .testimonial_quote_text p {
         font-size: 1em;
    }
     .testimonial-item img {
         width: 225px;
    }
}
/* -- MAX 660px -- */
 @media screen and (max-width: 660px) {
     .testimonial-item {
         flex-direction: column;
    }
     .testimonial_content {
         justify-content: flex-start;
         padding: 20px;
    }
     .testimonial_quote_text {
         padding: 10px 0 5px 0;
    }
     .testimonial_icon {
         margin: -30px 0 -15px 0;
    }
     .testimonial_cta {
         padding: 10px 0;
         justify-content: flex-end;
    }
     .testimonial_name_program {
         padding: 0;
    }
     .testimonial_quote_text, .testimonial_quote_text p {
         font-size: 1em;
    }
    .testimonial-item .card-content {
    justify-content: flex-start;
    padding: 15px;
    }
     .testimonial-item img,
     .testimonial-item .bg-image {
         min-height: 225px;
         max-height: 225px;
         border-radius: 10px 10px 0px 0px;
         width: 100%;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .col_testimonials {
         min-width: 100%;
         max-width: 100%;
         padding: 25px 0 30px 0;
    }
}
/* -- MONOGRAPH TABS - MOBILE DROPDOWN TOGGLE -- */
 div#faculty-programs-type-btn {
     display: none;
}
 div#faculty-programs-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#faculty-programs-type-btn .btn:hover, div#faculty-programs-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#faculty-programs-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#faculty-programs-type-btn .dropdown-item {
     padding: .65rem 1.5rem !important;
     font-weight: 400;
     font-size: 1.1rem;
     border-bottom: 1px solid #f0f0f0;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 div#faculty-programs-type-btn .dropdown-item.monograph-highlight {
     color: #087550 !important;
}
 div#faculty-programs-type-btn .dropdown-item:last-child {
     border-bottom: none !important;
}
 div#faculty-programs-type-btn .dropdown-item:hover, div#faculty-programs-type-btn .dropdown-item:focus {
     background-color: rgba(0, 99, 65, .15) !important;
     color: var(--main-text-color-dark) !important;
     cursor: pointer;
}
 div#faculty-programs-type-btn .dropdown-item:focus {
     outline: var(--focus-outline) !important;
}
 div#faculty-programs-type-btn .dropdown-item.active {
     color: var(--main-text-color-dark) !important;
     text-decoration: none;
     background-color: rgba(0, 99, 65, .15) !important;
}
 div#faculty-programs-type-btn .dropdown-item.monograph-highlight.active, div#faculty-programs-type-btn .dropdown-item.monograph-highlight.active:hover, div#faculty-programs-type-btn .dropdown-item.monograph-highlight:hover {
     color: #087550 !important;
}
 div#faculty-programs-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);
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .section-header h1 {
         font-size: 2em !important;
    }
}
/* -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     div#faculty-programs-type-btn {
         display: block !important;
         width: 100%;
         box-shadow: var(--card-shadow);
         border-top-right-radius: 10px;
         border-top-left-radius: 10px;
    }
     .programs-panel-tabs {
         display: none !important;
    }
     div#faculty-programs-type-btn.dropdown button {
         font-size: 1.1rem;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .section-header h1 {
         font-size: 1.8em !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     div#faculty-programs-type-btn .dropdown-item:hover, div#faculty-programs-type-btn .dropdown-item:focus {
         background-color: transparent !important;
         color: var(--main-text-color-dark) !important;
         cursor: pointer;
    }
}
/* CONTACT **/
/** general styles **/
 .contact-section-wrapper {
     display:flex;
     justify-content: space-between;
     width: 100%;
     flex-wrap: wrap;
     margin-top: -3px;
}
 .more-contacts-link {
     width: 100%;
     margin: 60px 0px 0px 0;
     display: flex;
     justify-content: flex-end;
}
 .more-contacts-link a {
     display: flex;
     align-items: center;
     font-size: 1.08em;
     color: var(--primary-green);
     font-weight: 500;
     padding: 10px 12px;
     border-radius: 6px;
     will-change: font-weight;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 5px;
}
 .more-contacts-link a::after {
     content: "";
     width: 12px;
     height: 12px;
     background-size: 12px;
     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;
}
 .more-contacts-link a:hover {
     text-decoration: none !important;
     color: #ffffff !important;
     background-color: var(--primary-green);
}
 .more-contacts-link a:hover::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
}
 .contact-item {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 0px 2px;
}
 .contact-item.halves {
     width: calc(100% / 2 - 20px);
}
 .contact-item.thirds {
     width: calc(100% / 3 - 20px);
}
 .contact-item.quarters {
     width: calc(100% / 2 - 20px);
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     padding: 0 0 40px 0;
}
 .who {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     margin: 0;
     height: 100%;
     padding: 3px 10px 0 0;
}
 .contact-item.thirds .who {
     padding: 3px 10px 6px 0;
}
 .who h4 {
     padding: 0 !important;
     margin: 0 !important;
     font-size: 1.15em;
     font-weight: 600;
     color: var(--primary-dark);
}
 .who h5 {
     font-size: 1.15em;
     padding: 4px 0 0 0 !important;
     margin: 0 !important;
     color: var(--secondary-green);
     font-weight: 400;
}
 .how {
     display: flex;
     flex-direction: column;
     width: 100%;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 3px 0;
}
 .contact-item.quarters .who {
     width: 40%;
}
 .contact-item.quarters .how {
     width: 60%;
}
.how p {
     display: flex;
     /* line-height: 1 !important; */
     font-size: 1.05em !important;
     align-items: center;
     margin: 0 !important;
     padding: 6px 0 !important;
     letter-spacing: -.25px;
}
 .how p span.email::before, .how p span.phone::before, .how p span.room::before, .how p span.bio::before {
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     margin: 0 10px 0 0;
     background-size: 18.5px;
     width: 18.5px;
     height: 18.5px;
}
 .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');
}
 .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');
}
 .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');
}
 .how p span.bio::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-bio-green-secondary.png');
}
 .how p a {
     color: var(--anchor-color);
     font-weight: 500;
     text-decoration: 1px underline currentcolor;
     text-underline-offset: 5px;
}
 .how p a:hover {
     color: var(--anchor-color-hover);
     background-color: none !important;
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
     text-underline-offset: 5px;
}
 .contact-item-wrapper hr {
     border-top: 1px solid #eaeaea;
     display: flex;
     width: 100%;
     margin: 10px 0px;
}
 div.custom-contact-text {
     padding-top: 25px;
}

.contact-hero-wrapper {
 text-align: center;
 width: 100%;
 display: flex;
 margin:0 auto;
 background-color: #f0f0f0;
 justify-content: center;
 padding: 50px 25px;
 align-items:center;
 margin-top: 100px;
}
.contact-hero-wrapper > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-hero-wrapper h2 {
font-weight: bold;
color: #006341
font-size: 2em;
margin-top: 0;
}
.contact-hero-wrapper p {
font-weight: 400;
margin: 0 0 25px 0;
}
.contact-hero-wrapper p a {
text-decoration: 1px underline currentcolor !important;
text-underline-offset: 4px;
}
.contact-hero-wrapper p a:hover {
text-decoration: 1.5px underline currentcolor !important;
}

.fa-hero-btn {
background-color: #006341;
    text-decoration: none !important;
    font-weight: 600;
    padding: 12px 18px;
    width: fit-content;
    display: flex;
    justify-content: center;
font-size: 1em;
    align-items: center;
    transition: var(--quick-linear);
    color: #f0f0f0 !important;
}
.fa-hero-btn:hover {
background-color: var(--hover-button);
color: #ffffff !important;
}
.fa-hero-btn span {
display: flex;
align-items: center;
}
.fa-hero-btn span::after {
    display: flex;
     content: "";
     width: 12px;
     height: 12px;
     background-size: 12px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-white.png');
     background-repeat: no-repeat;
     margin: 0 0 0 10px;
     padding: 0;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1239px) {
     .who h4 {
         font-size: 1.15em;
    }
     .who h5 {
         font-size: 1.1em;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .how p {
         font-size: 1em !important;
    }
     .how p img {
         height: 18px;
         width: 18px;
         margin: 0px 8px -3px 0px;
    }
     .contact-item.quarters {
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
    }
     .contact-item.quarters .who {
         width: 100%;
    }
     .contact-item.quarters .how {
         width: 100%;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 880px) {
     .how p {
         font-size: 1.05rem !important;
    }
     .how p img {
         height: 16px;
         width: 16px;
         margin: 0px 8px -2px 0px;
    }
     .who h4 {
         font-size: 1.15rem;
    }
     .who h5 {
         font-size: 1.1rem;
    }
     .contact-section-wrapper {
         flex-direction: column;
    }
     .contact-item {
         padding: 15px 0 !important;
         border-bottom: 1px solid #eaeaea;
    }
     .contact-item.thirds {
         flex-direction: row;
    }
     .contact-item.quarters {
         flex-direction: row;
         justify-content: flex-start;
         align-items: center;
    }
     .who {
         width: 40% !important;
         padding: 5px 20px 0 0 !important;
    }
     .how {
         width: 60% !important;
    }
     .contact-item:first-child {
         padding: 0 0 15px 0 !important;
    }
     .contact-item:last-child {
         border-bottom: none !important;
         padding: 15px 0 0 0 !important;
    }
     .contact-item, .contact-item.halves, .contact-item.thirds, .contact-item.quarters {
         width: 100% !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .contact-section-wrapper {
         max-width: 100%;
    }
     .col.col-heading{
         max-width: 30%;
    }
     .col.col-social {
         min-width: 70%;
         margin-bottom: -15px;
    }
     .mobile-padding {
         padding-left: 15px !important;
         padding-right: 15px !important;
    }
     .contact-item {
         flex-direction: column !important;
         justify-content: flex-start !important;
         align-items: flex-start !important;
         padding: 10px 2px;
    }
     .who, .how {
         margin-bottom: 5px;
         min-height: 1px;
         width: 100% !important;
    }
     .who h5 {
         margin: 0 !important;
    }
    .contact-hero-wrapper p {
    font-size: 1em !important;
    }
}
 .about-wrapper {
     width:100%;
     display:flex;
     justify-content:space-between;
     flex-direction:row;
     padding-top:0px;
}
.about-wrapper h3 {
font-size: 1.3rem
margin: 8px 0 -5px 0;
line-height: 1.2;
color: #3b3b3b;
font-weight: 600;
}
 .col.tour {
     display: flex;
     width: 475px;
     min-width: 475px;
     max-width: 475px;
     padding: 0 !important;
}
 .col.tour a {
     text-decoration: none !important;
}
 .cluster-banner-wrapper.desktop {
     display: flex;
     padding: 0 !important;
     margin-bottom: 0 !important;
}
 .cluster-banner-wrapper.mobile {
     display: none !important;
}
 .cluster-banner-wrapper img {
     display: flex !important;
     width: 100%;
     height: 100%;
     transition: var(--smooth-ease);
     z-index: 1;
}
 div.results-wrapper {
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .clstr-head {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: -15px;
     z-index: 1;
}
 .clstr-ctrls {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-end;
}
 .clusters-wrapper {
     display: flex;
     width: 100%;
     justify-content: space-between;
     flex-direction: row;
     flex-wrap: wrap;
     padding-top: 5px;
}
 .cl-list-wrapper {
     width: 100%;
}
 .col-first, .col-second {
     display: flex;
     flex-direction: column;
     width: calc(100% / 2 - 8px);
}
 .clusters-accordion-wrapper {
     margin: 8px 0;
     padding: 0;
     width: 100%;
     background-color: var(--card-bg-color);
     box-shadow: 0 2px 2px 0px rgba(24,21,21,0.2);
     border: none;
     border-radius: var(--card-radius) !important;
     display: block;
     height: fit-content;
}
 .clusters-accordion-wrapper.noresults {
     display:none;
}
 .aoi-prgms {
     padding: 0;
     width: 100%;
}
 .aoi-prgms h2 {
     font-size: 2rem;
     font-weight: 500;
     color: #0f4b3c;
     margin: 0px 0 15px 0;
}
 .aoi-prgms hr {
     border-top: 1px solid #eaeaea;
     display: flex;
     width: 100%;
     margin: 0;
}
 .cl-prgm h4 {
     color: var(--primary-dark);
     font-weight: 500;
     line-height: 1.2rem;
     font-size: 1rem;
     margin: 0;
}
 .cl-prgm-name {
     width: 100%;
     max-width: 63%;
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 .cl-prgm-info-wrap {
     display: flex;
     width: 100%;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 0 5px;
     height: 65px;
     min-height: 65px;
}
 .cl-prgm-info {
     max-width: 46%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-direction: row;
}
 .cl-prgm-info div {
     display: flex;
     flex-direction: column;
     margin: 3px auto;
     position: relative;
     align-items: flex-start;
     justify-content: center;
     border-right: 1px solid #cccccc;
}
 .cl-prgm-info div:last-child {
     border-right: none !important;
}
 .cl-prgm-info span {
     display: flex;
     flex-direction: column;
     position: relative;
     align-items: center;
     justify-content: center;
     border-right: 1px solid #cccccc;
     font-size: .95rem;
     color: #404040;
     font-weight: 300;
     line-height: 1.25em;
     height: 35px;
     padding: 0 15px;
     text-align: left;
}
 .cl-prgm-info span:nth-child(1) {
     width: 150px;
     min-width: 150px;
     max-width: 150px;
     align-items: flex-start;
}
 .cl-prgm-info span:nth-child(2) {
     width: 115px;
     min-width: 115px;
     max-width: 115px;
     text-align: center;
}
 .cl-prgm-info span:nth-child(3) {
     width: 185px;
     min-width: 185px !important;
     align-items: flex-start;
}
 .cl-prgm-info span:last-child {
     border-right: none !important;
}
 .cl-prgm-info div span {
     font-size: 1rem;
     color: var(--primary-dark);
     font-weight: 300;
     line-height: 1;
}
 .clusters-accordion {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #f8f8f8;
     box-shadow: inset 0 0px 1px 1px rgba(24,21,21,0.15);
     cursor: pointer !important;
     padding: 0px 25px 0px 20px;
     min-height: 55px !important;
     width: 100%;
     text-align: left;
     outline: none;
     border: none !important;
     will-change: transform;
     border-radius: 10px 10px 10px 10px;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     margin: 0;
     font-size: 1.1rem !important;
     font-weight: 600;
     color: var(--secondary-green);
     letter-spacing: -0.5px;
     transition: .1s;
     
}
 .clusters-accordion#programSubPanel_ce + .clusters-item-wrapper .programs-panel-cols ul {
     flex-direction: column !important;
     flex-wrap: nowrap !important;
     width: 100%;
}
 .clusters-accordion#programSubPanel_ce + .clusters-item-wrapper .programs-panel-cols ul li {
     color: var(--secondary-dark) !important;
     font-size: 1em !important;
     font-weight: 400 !important;
}
 .clusters-accordion#programSubPanel_ce + .clusters-item-wrapper .programs-panel-cols p {
     padding: 10px 20px !important;
     color: var(--secondary-dark) !important;
     font-size: 1em !important;
     font-weight: 400 !important;
     border-bottom: 1px solid #eaeaea;
     width: 100%;
}
 .clusters-accordion#programSubPanel_ce + .clusters-item-wrapper > .ac-list.programs-panel-cols {
}
 .clusters-accordion-wrapper:last-child > .clusters-accordion {
     border-bottom: none !important;
}
 .clusters-accordion:hover {
     cursor: pointer !important;
     background-color: var(--primary-green) !important;
     box-shadow: inset 0 1px 2px 1px rgba(24,21,21,0.25);
     color: var(--white) !important;
}
 .clusters-accordion:focus {
     outline: var(--focus-outline) !important;
}
 .clusters-accordion:focus:not(:focus-visible) {
     outline: none !important;
}
 .clusters-accordion:focus:not(:focus-visible) {
     outline: none !important;
}
 .clusters-accordion.active, .clusters-accordion.active:hover, .clusters-accordion:hover.active {
     background-color: var(--primary-green) !important;
     color: var(--white) !important;
     min-height: 65px !important;
     box-shadow: inset 0 1px 2px 1px rgba(24,21,21,0.2);
     border: 1px solid var(--primary-green) !important;
     border-radius: 10px 10px 0 0;
}
 .clusters-accordion span.accordion-icn::after, .clusters-accordion:hover span.accordion-icn::after, .clusters-accordion.active span.accordion-icn::after {
     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: 0;
     opacity: .6;
     transition: .3s;
     
     pointer-events: none;
}
 .clusters-accordion span.accordion-icn::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-green.png');
}
 .clusters-accordion:hover span.accordion-icn::after {
     transform: translateY(3px);
     opacity: 1;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-white.png');
}
 .clusters-accordion.active span.accordion-icn::after {
     transform: rotate(180deg) translateY(-3px);
     opacity: .6;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-white.png');
}
 .clusters-accordion.active:hover span.accordion-icn::after {
     opacity: 1;
     transform: rotate(180deg) translateY(0px);
}
 .clusters-item-wrapper {
     max-height: 0px;
     overflow:auto;
}
 .clusters-item-wrapper a, a.cl-prgm {
     text-decoration: none !important;
}
 .cl-prgm {
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     padding: 15px 10px;
     border-top: 1px solid #ededed;
     border-bottom: 1px solid #ededed;
}
 #clusters .cl-prgm:first-child {
     border-top: 2px solid #ededed !important;
}
 #clusters .cl-prgm:last-child {
     border-bottom: none !important;
}
 .cl-prgm:last-of-type {
     border-bottom: none !important;
     margin: 0 0 -14px 0 !important;
}
 .clusters-item-wrapper .cl-prgm.no-divider {
     border-bottom: none !important;
}
 .no-divider {
     border-bottom: none !important;
}
 .cl-prgm:hover .cl-prgm-name h4, .cl-prgm:focus .cl-prgm-name h4 {
     text-decoration: underline !important;
     color: var(--dark-green);
}
 .clusters-item-wrapper div a {
     color: var(--primary-dark) !important;
     font-weight: 500;
     text-decoration: none;
}
 .clusters-item-wrapper div a:hover {
     color: var(--anchor-color-hover) !important;
     font-weight: 500;
}
 .clusters-item-wrapper div a:hover .cl-prgm-name {
     text-decoration: 1px underline currentcolor !important;
}
 .clusters-item-wrapper div a:focus {
     outline: var(--focus-outline);
}
 .clusters-item-wrapper div span.clusters-item-title {
     min-width: 240px;
     color: var(--primary-dark) !important;
     font-weight: 500;
     font-size: 1rem;
     line-height: 1.3rem;
}
 .clusters-item-wrapper div span.clusters-item-info {
     max-width: 100%;
     color: var(--main-text-color) !important;
     font-weight: 300;
     font-size: 1rem;
     line-height: 1.3rem;
     transition: .1s;
     
}
 .clusters-item-wrapper div.clusters-title {
     padding: 14px 8px;
     background-color: #efefef;
     border-bottom: none;
     border-radius: 1px;
     align-items: center;
     margin-bottom: 6px;
}
 .clusters-item-wrapper div.clusters-title:hover, .clusters-item-wrapper div.clusters-title:focus {
     background-color: #efefef !important;
}
 .clusters-item-wrapper div.clusters-title span.clusters-item-title {
     color: #3e3e3e !important;
     font-size: 1.05rem;
}
 .clusters-item-wrapper div.clusters-title span.clusters-item-info {
     font-weight: 500;
     font-size: 1.05rem;
}
 .clusters-accordion-controls {
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .clusters-item-wrapper.visible {
     max-height: 100%;
}
 .clusters-item-wrapper.invisible {
     max-height: 0px;
}
 .btn-scroll-wrapper {
     width:100%;
     display:flex;
     justify-content:center;
     align-items:center;
     margin-top: -62px;
}
 .btn-scroll {
     display: flex;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #2d2d2d;
     justify-content:center;
     align-items:center;
     transition: var(--smooth-ease);
     
}
 .btn-scroll span {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 100%;
}
 .btn-scroll span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-down-white.png');
     background-size: 20px;
     width: 20px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0px 0px 0px 0px;
     background-repeat: no-repeat;
     transition: var(--quick-linear);
     
     will-change: transform;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .btn-scroll:hover {
     background-color: var(--primary-green);
}
 #clusters .row#icn-cards, #clusters-explore .row#icn-cards, #clusters-degrees .row#icn-cards, #clusters-gradcerts .row#icn-cards {
     padding: 30px 0 !important;
}
 .full-height-header {
     max-width: 100vw;
     height: 42vh;
     min-height: 600px;
     display: flex;
     flex-direction: column;
     object-position: center top;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: top;
     justify-content: center;
     align-items: center;
}
 .full-width-banner {
     display: flex;
     flex-direction: column;
     object-position: center top;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: top;
     justify-content: center;
     align-items: center;
}
 .full-width-banner img {
     display: flex !important;
     width: 100%;
     height: 100%;
     transition: var(--smooth-ease);
     z-index: 1;
}
 .full-height-header.gradcerts {
     background: url('/wp-content/plugins/ac-templates/templates/img/i-am/clusters-banner-gradcerts.jpg');
}
 .fade-slder-fixed {
     display: block;
     width: 100%;
     position: fixed;
     z-index: 1;
     margin: 0 0 0 0;
     top: 92px;
}
 .fade-slder-mobile {
     display: none;
}
 .cluster-content {
     width: 100%;
     height: 1600px;
     margin: 0;
     padding: 40px 0 0 0;
     top: 200px;
     background-color: #fff;
     z-index: 4;
     position: relative;
     outline: none;
}
 .ctrls-wrapper {
     display: flex;
     flex-direction: row;
     align-items: flex-end;
     justify-content: space-between;
     padding: 0px 0 15px 0;
     margin: 0;
}
 .view-label-wrap {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}
 .view-label {
     margin: 10px 0;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 div.view-label span {
     font-weight: 600;
     font-size: 1.05em;
     color: #3b3b3b;
     width: 100%;
     border-bottom: 1px solid #3b3b3b;
     padding: 5px 0;
     text-align: center;
     margin: 0 0 5px 0;
}
 .ctrls-wrapper .view-toggle {
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 #view-group, #view-list {
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 400;
     color: var(--secondary-green);
     font-size: 1rem;
     font-weight: 500;
     padding: 4px 20px;
     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;
}
 #view-group {
     margin: 0 5px 0 0;
}
 #view-list {
     margin: 0 0 0 5px;
}
 .view-toggle button.active {
     background-color: var(--primary-green) !important;
     border: 1.5px solid var(--primary-green);
     color: #ffffff !important;
}
 #view-list:hover, #view-group:hover {
     background-color: #006341;
     color: #ffffff;
     cursor: pointer !important;
}
 #view-list span::before, #view-group span::before {
     background-size: 20px;
     width: 20px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0;
     transition: .1s;
     background-repeat: no-repeat;
     will-change: transform;
     margin-right: 12px;
}
 #view-list span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-az-green.png');
}
 #view-list.active span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-az-white.png');
}
 #view-list:hover span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-az-white.png');
}
 #view-list.active:hover span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-az-white.png');
}
 #view-group span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-group-green.png');
}
 #view-group.active span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-group-white.png');
}
 #view-group.active:hover span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-group-white.png');
}
 #view-group:hover span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-sort-group-white.png');
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .ctrls-wrapper {
         flex-direction: column;
         padding: 15px 0 0px 0;
    }
     .ctrls-wrapper .view-toggle {
         width: 100%;
         padding: 20px 0 30px 0;
    }
     .view-label-wrap {
         width: 100%;
         padding: 20px 0 30px 0;
    }
     .view-label {
         width: 100%;
    }
     #view-group, #view-list {
         width: 50%;
         height: 55px;
         font-size: 1.05rem;
    }
     .ctrls-wrapper.clear-space {
         padding: 15px 0 0 0 !important;
    }

    .expand-collapse.disable {
         display: none !important;
    } 
    /*  .expand-collapse {
         margin-bottom: -40px;
    } */
     .view-toggle button.active::after {
         margin: 0 0 -70px 0;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     #view-group, #view-list {
         font-size: 1rem;
         padding: 4px 10px;
    }
}
 .az-top {
     width: fit-content;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     padding: 15px;
     color: #006341;
     font-size: 1rem;
     font-weight: 500;
}
 .az-top-wrapper {
     width:100%;
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .az-top span {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: #006341;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .az-top span:hover {
     background-color: #0b7d56;
}
 .az-top span::before {
     content: "";
     width: 12px;
     height: 12px;
     background-size: 12px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-up-white.png');
     background-repeat: no-repeat;
     margin: 0;
     padding: 0;
}
 #az-list {
     background-color: var(--card-bg-color);
     box-shadow: 0 2px 2px 0px rgba(24,21,21,0.2);
     border: 1px solid #eaeaea;
     border-radius: var(--card-radius) !important;
     padding: 0;
     margin: 20px 0 0 0;
}
 #az-list ul {
     list-style-type: none;
     padding-inline-start: 0;
     padding: 0;
     margin: 0;
}
 #az-list ul li {
     display: flex;
     width: 100% !important;
     padding: 0 !important;
     align-items: flex-start !important;
     border-bottom: 1px solid #eaeaea;
}
 #az-list ul li:nth-child(even) {
     background-color: #f0f0f0;
}
 #az-list ul li:first-child {
     border-radius: 10px 10px 0 0;
}
 #az-list ul li:last-child {
     border-radius: 0 0 10px 10px;
}
 #az-list ul li a {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     height: 100%;
     width: 100%;
     font-size: 1rem !important;
     min-height: 55px;
     line-height: 1.2;
     color: var(--secondary-dark);
     padding: 18px 20px !important;
     text-decoration: none;
}
 #az-list ul li a div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
}
 #az-list ul li a:hover {
     color: var(--anchor-color-hover) !important;
}
 .col_program_name {
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 #az-list ul li a:hover .col_program_name {
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
     color: var(--anchor-color-hover) !important;
}
 #az-list ul li a:hover .col_program_type {
     text-decoration: none;
     color: #484848 !important;
}
 #az-list ul li a span.col_program_name {
     font-size: 1.05rem;
     color: var(--primary-dark);
     text-decoration: none !important;
     font-weight: 500;
     padding: 2px 0;
}
 #az-list ul li a span.col_program_type {
     font-size: 1.05rem !important;
     color: #484848;
     font-weight: 400;
     padding: 0;
}
 #az-list ul li > a span.arrow {
     display: flex;
}
 #az-list ul li > a span.arrow::after {
     content: "";
     width: 11px;
     height: 11px;
     background-size: 11px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     background-repeat: no-repeat;
     opacity: 0;
     margin: 0 0 0 10px;
     padding: 0;
}
 #az-list ul li:hover > a span.arrow::after {
     content: "";
     content: "";
     width: 11px;
     height: 11px;
     background-size: 11px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     background-repeat: no-repeat;
     margin: 0 0 0 10px;
     opacity: 1;
     padding: 0;
}
/* -- MIN 1400px -- */
 @media screen and (min-width: 1400px) {
     #az-list ul li a span.col_program_name {
         font-size: 1.1rem;
    }
     #az-list ul li a span.col_program_type {
         font-size: 1.05rem;
    }
}
/* -- MAX 660px -- */
 @media screen and (max-width: 1024px) {
     #az-list ul li a span.col_program_name {
         font-size: 1rem;
    }
}
/* TALL CARDS (virtual tour) ----------------------------------- */
 .col.full {
     display: flex;
     width: 100%;
     flex-direction: column;
     padding: 0 !important;
}
 .col.split {
     display: flex;
     width: 100%;
     flex-direction: column;
     padding: 0 0 0 40px !important;
}
 .about-text p {
    /* font-size: 1.2em !important;
     */
     margin: 0 0 15px 0;
}
 .about-text a {
     color: var(--anchor-color) !important;
     font-weight: 500;
     text-decoration: 1px underline currentColor;
     text-underline-offset: 4px;
}
 .about-text a:hover {
     text-decoration: 1.5px underline var(--anchor-color-hover) !important;
     color: var(--anchor-color-hover)!important;
}
 .card.tall-card {
     height: fit-content;
}
 .tall-card .card-content {
     padding: 20px 20px 30px 20px;
}
 .tall-card-img-wrap {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
     display: flex;
     justify-content: center;
}
 .tall-card-img {
     transition: var(--smooth-ease);
     height: 250px;
     width: 100%;
     background-image: url("http://www.algonquincollege.com/acce/files/2021/08/ACCE-Minto-Hall.jpg");
     background-size: cover;
     background-position: bottom right;
     opacity: .95;
     transform: scale(1.15);
}
 .tall-card:hover .tall-card-img {
     transform: scale(1);
     opacity: 1;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     .col.tour {
         width: 380px;
         min-width: 380px;
         max-width: 380px;
    }
}
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .about-wrapper {
         flex-direction:column-reverse;
         padding-top: 0px;
    }
     .col.split {
         padding: 0px 0px !important;
    }
     .col.tour {
         width: 100%;
         min-width: 100%;
         max-width: 100%;
         padding: 30px 0 0 0 !important;
    }
     .tall-card-img {
         height: 300px;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 880px) {
     h3 {
         font-size: 1.3rem !important;
    }
}
 .sticky#faculty-sticky-menu nav#website-local-menu, .sticky#faculty-sticky-menu nav#website-local-menu ul li, .sticky#faculty-sticky-menu nav#website-local-menu ul li a {
     height: 50px !important;
     min-height: 50px !important;
}
 nav#website-local-menu ul li.current-menu-item:hover, nav#website-local-menu ul li.current-menu-item:hover a {
     text-decoration: none !important;
}