/* ----------------------------- /*
  
  AC PROPERTIES & COMMON ELEMENTS

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

:root {

/* brand colors */
--primary-green:    #006341; /* brand green */
--secondary-green:  #295E4B; /* slightly darker green */
--tertiary-green:   #0f4b3c; /* darker, slightly towards teal green */
--lighter-green:    #0b7d56; /* lighter green, often used for anchor hover */
--dark-green:       #2d5447; /* darker green than secondary */
--darker-green:     #093426; /* even darker green than secondary */
--darkest-green:    #1b3029; /* much darker green than secondary, appears nearly black */
--primary-dark:     #505050; /* medium gray, lightest gray possible for AODA on white backgrounds */
--secondary-dark:   #2b2b2b; /* darker gray, used in navigation bar and darker text, etc. */

/* section styles */
--inner-padding: 0 20px 0 20px;    /* 20px horizontal padding for sections */
--inner-section: 20px 8% 70px 8%;  /* 8% horizontal padding of parent container, with 70px space below */

/* background styles */
--bg-body-light:      #ffffff; /* adjust as needed if we wish to move away from a pure white background */

--bg-primary-green:   #006341; /* brand green background */
--bg-secondary-green: #295E4B; /* darker green background */
--bg-tertiary-green:  #0f4b3c; /* darker, towards teal green background */
--bg-lighter-green:   #0b7d56; /* lighter green background, often used as button & link hover */
--bg-bright-green:    #66a18d; /* brighter, lighter green */

--bg-grey:            #8f8f8f; /* medium gray background */
--bg-light:           #f8f8f8; /* lightest bg gray, somewhat close to white */
--bg-light-grey:      #e9e9e9; /* lighter bg gray */
--bg-lighter-grey:    #f6f6f6; /* slightly darker than bg-light */
--bg-dark-grey:       #505050; /* medium-dark gray */
--bg-darker-grey:     #212721; /* dark green/gray */

--hover-bg-light:     rgba(0, 99, 65, .15); 
--hover-bg-lighter:   rgba(0, 99, 65, .05);

/* text styles */
--main-text-color:           #3b3b3b;
--main-text-color-dark:      #2b2b2b;
--main-text-color-darker:    #1b1b1b;
--main-text-color-darkest:   #0b0b0b;
--main-text-color-light:     #e8e8e8;
--main-text-color-lighter:   #f8f8f8;

--main-text-size:            1.15rem;
--main-text-size-xs:         1rem;
--main-text-size-sm:         1.15em;
--main-text-size-md:         1.2em;
--main-text-size-lg:         1.35em;

--main-text-weight:          300;
--main-text-weight-light:    200;
--main-text-weight-strong:   400;
--main-text-weight-stronger: 500;

--main-text-line-height:     1.8em;

--sub-text-color:            #4e4e4e;
--sub-text-size:             1.1em;
--sub-text-weight:           200;

/* heading styles */
--h1-color: #006341;
--h1-size:  2.4em; 

--h2-color: #338267;
--h2-size:  2.2em;

--h3-color: #4b4b4b;
--h3-size:  1.75em;

--h4-color: #338267;
--h4-size:  1.5em;

--h5-color: #909390;
--h5-size:  1.35em;

--page-heading-color:      #006341;
--page-heading-size:       2.3em;

--heading-dark:            #4b4b4b;
--heading-green:           #006341;

--sub-heading-dark:        #4e4e4e;
--sub-heading-light:       #fefefe;
--sub-heading-green:       #246058;
--sub-heading-sm:          1.2rem;
--sub-heading-md:          1.3rem;
--sub-heading-weight:      400;
--sub-heading-weight-bold: 500;

/* wp defaults override */
--main-h2-size:   2.5em;
--main-h2-weight: 600;
--main-h3-size:   1.6em;
--main-h3-weight: 500;

/* cards */
--card-cta-color:      #4b4b4b;
--card-cta-size:       1.2em;
--card-cta-weight:     400;

--card-bg-color:       #fbfbfb;
--card-bg-color-hover: #fefefe;

--card-border:         1px solid #c2c2c2;
--card-border-hover:   1px solid #bbbbbb;
--card-border-lighter: 1px solid #d2d2d2;
--card-radius:         10px;

--card-shadow:              0 1px 3px 0px rgba(24,21,21,.3);
--card-shadow-hover:        0 1.5px 3.5px 0px rgba(24,21,21,0.35);
--card-shadow-green:        0 1px 6px 1px rgba(6, 92, 62,0.2);
--card-shadow-dark:         0 2px 3px 0 rgba(24,21,21,.3);
--card-shadow-dark-hover:   0 2px 3px 0 rgba(24,21,21,.4);
--card-shadow-darker:       0 2px 3px 0 rgba(24,21,21,.5);
--card-shadow-darker-hover: 0 2px 3px 0 rgba(24,21,21,.6);

--card-badge-size:    1.2rem;
--card-badge-size-md: 1.1rem;
--card-badge-size-sm: 1rem;

/* buttons */
--btn-bg-light:      #f8f8f8;
--btn-bg-lighter:    #f0f0f0;
--btn-border-radius: 6px;

/* template banner */
--banner-heading-size:        2.8em;
--banner-heading-size-md:     2.6em;
--banner-heading-size-sm:     2.4em;
--banner-heading-size-xs:     2.2em;

--banner-sub-heading-size:    1.6em;
--banner-sub-heading-size-md: 1.5em;
--banner-sub-heading-size-sm: 1.4em;

/* transition styles */
--quick-linear:          all 200ms linear;
--smooth-ease:           all 500ms ease;
--cubic-ease:            cubic-bezier(0.19, 1, 0.22, 1); /* smoother ease than default css ease */
--cubic-bounce:          cubic-bezier(0.6, -0.28, 0.735, 0.045); /* slower minimal "bounce" effect during hover transition */

/* miscellaneous styles */
--hr-heading-color:      1px solid #eaeaea; /* light gray hr for headings */
--hr-heading-margin:     8px 0 15px 0; /* standard spacing for heading divider lines */

/* slanted crops */
--slant-banner:          polygon(0 0, 100% 0%, 100% 100%, calc(0% + 120px) 100%); /* crops bottom left corner towards the right */
--slant-banner-mobile:   polygon(0% 0%, 100% 0%, 100% 100%, 0 calc(100% - 20px)); /* crops bottom left corner upwards */
--slant-right:           polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);/* crops image with a slanted bottom right edge  */
--slant-bottom:          polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%); /* crops image with a slanted bottom edge */
--slant-bottom-reverse:  polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%); /* crops image with a slanted bottom edge */
--slant-triangle:        polygon(0% 0%, 80% 0%, 0% 100%, 0% 100%); /* crops image as a triangle  */
--clip-path-crop:        polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); /* crops image from bottom for cards (supports zoom-in on hover effect) */

/* hover backgrounds */
--hover-row-primary:     #e9f0ec; /* faint green tint */
--hover-row-secondary:   #cfe6dd; /* less faint green tint */
--hover-button:          #0b7d56; /* brighter, more saturated green */
--border-hover-green:    #b9cac1; /* pairs with bg #e9f0ec */

/* anchor/links styles */
--anchor-color:          #006e51; /* bright green */
--anchor-color-hover:    #0b7d56; /* brighter green */
--anchor-text-size:      1.05rem;
--focus-outline:         3px solid #4D90FE; /* a more modern blue than standard browser blue */
--underline:             1px underline currentcolor; /* adds underline using color of element */
--underline-hover:       1.5px underline var(--anchor-color-hover); /* slightly bold underline on hover */
--offset-primary:        4px; /* offsets underline by 4px */
--offset-secondary:      8px; /* larger gap between text and underline */

/* simple solids */
--white:                 #ffffff; 
--black:                 #000000;
--transparent:           transparent;

} 

/* end root */


/* ---- STANDARD ELEMENTS ---- */

 body {
     background-color: var(--bg-body-light) !important;
}
 header {
     width: 100% !important;
     background-color: var(--bg-body-light) !important;
}
 p {
     color: var(--main-text-color);
     font-size: var(--main-text-size);
     font-weight: var(--main-text-weight);
     line-height: 1.65em;
}
 a {
     color: var(--anchor-color);
}
 a:hover, p a:hover, #main ul li a:hover, #main ol li a:hover {
     background-color: none;
     background: none;
     text-decoration: 1.5px underline var(--anchor-color-hover);
     text-underline-offset: 4px;
     color: var(--anchor-color-hover);
}
 a:focus{
     outline: var(--focus-outline);
}
 ul {
     padding-inline-start: 20px;
}
 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;
}
 h3 {
     font-size: 1.3em;
     font-weight: 600;
     padding: 0;
     margin: 0 0 15px 0;
}


/*** CONTAINER (updated 10.16.23) ***/
 .container.landing-section-container#landing-main-area-widget {
     max-width: 1400px !important;
     margin-right: auto;
     margin-left: auto;
     padding-left: 25px;
     padding-right: 25px;
}
 footer .custom-container {
     width: 100%;
}

/* ---- CONTAINER ---- */

/* -- MIN 1240px -- */
 @media screen and (min-width: 1240px) {
     .custom-container, nav .custom-container, .container {
         width: 100%;
         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, nav .custom-container, .container {
         width: 100%;
         margin-right: auto;
         margin-left: auto;
         padding-left: 25px !important;
         padding-right: 25px !important;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .custom-container, nav .custom-container, .container {
         padding-left: 25px !important;
         padding-right: 25px !important;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .custom-container, nav .custom-container, .container {
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     nav .custom-container {
         max-width: 575px !important;
    }
}
/* -- MAX 480px -- */
 @media screen and (max-width: 480px) {
     .custom-container, nav .custom-container, .container {
         padding-left: 15px !important;
         padding-right: 15px !important;
    }
     nav .custom-container {
         max-width: 480px !important;
    }
}
 .container {
     width: 100%;
     padding-right: 25px;
     padding-left: 25px;
     margin-right: auto;
     margin-left: auto;
}


/*** TOP HEADER (updated 10.16.23) ***/
 .top-banner-wrapper {
     width: 100%;
    /* height: 85px;
     */
     height: 100px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 0 auto;
    /* padding: 0 5px;
     */
}
 #site-logo, #site-title, #site-campus-nav {
     display: flex;
     margin-bottom: 0;
    /* width: 100%;
     */
}
 #site-logo a {
     width: fit-content;
     background-repeat: no-repeat;
     display: flex;
     text-decoration: none;
     position: relative;
}
 #site-logo a div {
     width: fit-content;
     position: relative;
     margin: 6px 0px;
}
 #site-logo a div span.icon-algonquin {
     font-size: 3em !important;
     width: fit-content !important;
     color: var(--primary-green) !important;
}
 #site-title span {
     width: 100%;
     display: flex;
     justify-content: flex-end;
}
 #site-title span a {
     width: fit-content;
     background-repeat: no-repeat;
     display: flex;
     text-decoration: none;
     position: relative;
     height: 44px; /* AODA min size */
}
 #site-title span a h1 {
     font-size: 1.8em;
     font-weight: 500;
     margin: 0 !important;
     color: var(--primary-green);
     line-height: 1em;
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: flex-end;
     letter-spacing: -1px;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MAX 1200px -- */
 @media screen and (max-width: 1200px) {
     #site-title span a h1 {
         font-size: 1.7em !important;
    }
}
/** -- MAX 880px -- */
 @media screen and (max-width: 880px) {
     .top-banner-wrapper {
         height: 100%;
         padding-top: 30px;
    }
     #site-title span a h1 {
         font-size: 1.55em !important;
    }
     #site-logo a div {
         margin: 5px 0px 4px 0px;
    }
     #site-logo {
         display: none;
    }
     #site-title {
         justify-content: flex-end;
         width: 100%;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .top-banner-wrapper {
         display: none !important;
    }
}
/* ---- SECTION STYLES ---- */
 .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;
}
 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;
}
 .inner-section {
     padding: var(--inner-section);
}
 .inner-spacing {
     padding: var(--inner-padding);
}
 .section-spacer {
     padding: 20px 0 25px 0;
}
 .full-screen-width {
     width: 100vw !important;
}
 .programs-banner {
     margin: 0 auto;
}
 #page-start {
     padding-top: 20px;
}
 .section-header {
     margin: 0 0 15px 0 !important;
     padding: 20px 10px !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);
     z-index: -1;
     position:relative;
}
/* ---- FULL HEIGHT & WIDTH SECTIONS ---- */
 .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-section {
     padding: 0 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 {
     padding: 50px 0 0 0 !important;
     background-color: #fafafa !important;
     margin-top: 0px !important;
     max-width:100vw;
     object-fit: none;
     object-position: center top;
}
 .flex-column-reverse > * {
     flex: 1 !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;
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- 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;
    }
     div#page-start{
         padding-top: 0px;
    }
}
/** -- 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;
    }
     .inner-spacing {
         padding: 0px 10px !important;
    }
}
/** -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     html, body {
         overflow-x: hidden;
    }
     body {
         position: relative 
    }
     .section-header {
         padding: 20px 0 10px 0 !important;
    }
     .section-heading {
         font-size: 1.75em;
         line-height: 1.2em;
    }
     .section-header {
         padding: 20px 10px 10px 10px !important;
    }
     .sub-heading-lg {
         font-size: 1.45em !important;
         line-height: 1.25em;
    }
     a {
         overflow-wrap: anywhere;
    }
     #program-heading.heading-divider {
         margin-bottom: 25px !important;
    }
}
/*** SLIDER/BANNER (updated 10.16.23) ***/
 .slider-desktop {
     position:relative;
     background: linear-gradient(15deg, rgba(7,78,54,1) 0%, rgba(0,113,75,1) 55%);
}
 .slide-wrapper {
     display: flex;
}
 .slide-text-wrapper {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     justify-content: center;
}
 #program-banner .slide-text-wrapper {
     width: 53%;
}
 #faculty-banner .slide-text-wrapper {
     width: 50%;
}
 .slide-image-wrapper {
     max-width: 100% !important;
     margin-right: calc((-100vw + 100%) / 2);
     width: 100%;
     max-width: 100%;
     flex-grow: 1;
     display: flex;
     flex-basis: 0;
     position: relative;
}
 .slide-image-wrapper img {
     clip-path: var(--slant-banner);
     -webkit-clip-path: var(--slant-banner);
     display: block;
     height: 36vh;
     min-height: 300px;
     width: 100%;
     object-fit: cover;
     z-index: 0;
}
 .header-slide-image img, .header-slide-image {
     margin-right: calc((-100vw + 100%) / 2);
     clip-path: polygon(0 0, 100% 0%, 100% 100%, calc(0% + 120px) 100%);
     -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, calc(0% + 120px) 100%);
     display: block;
     height: 36vh;
     min-height: 300px;
     width: 100%;
     object-fit: cover;
     z-index: 0;
     margin-bottom: 0 !important;
     padding: 0 !important;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .faculty-banner-img-full {
     display: block;
     height: 48vh;
     min-height: 440px;
     width: 100%;
     object-fit: cover;
     z-index: 0;
}
 .slide-text {
     padding: 0px 30px 20px 0px;
}
 .slide-text h2, .slide-text-mobile h2 {
     color: #fdfdfd;
     font-size: 1.9rem;
     font-weight: 600 !important;
     line-height: 1.1em !important;
     padding: 0 0 10px 0 !important;
     margin: 0 0 0 0 !important;
}
 .slide-text h2.h2-sm {
     font-size: 1.75rem;
}
 .slide-text h3, 
 .slide-text-mobile h3, 
 .slide-text-mobile p {
     color: #dfdfdf;
     font-size: 1.35rem;
     font-weight: var(--main-text-weight-strong) !important;
     line-height: 1.2em !important;
     margin: 0 !important;
     padding: 0 0 10px 0 !important;
}
 .slide-text button, .slide-text-mobile button {
     display: flex;
     flex: 0 0 100%;
     justify-content: space-between;
     align-items: center;
     float: left;
     background-color: transparent;
     color: #ffffff;
     border: 1.5px solid var(--white);
     font-size: 1rem;
     padding: 10px 12px;
     font-weight: 500;
     border-radius: 6px;
     margin: 20px 0;
     transition: var(--smooth-ease);
     
     text-decoration: none !important;
}
 .slide-text-mobile button {
     margin: 10px 0;
}
 .slide-text button:hover, .slide-text-mobile button:hover {
     background-color: #ffffff;
     color: var(--primary-green);
     transform: translateX(10px);
     cursor: pointer;
}
 .slide-text a {
     text-decoration: none !important;
}
 .slide-text button span, .slide-text-mobile button span {
     display: flex;
     align-items: center;
}
 .slide-text button span::before, .slide-text-mobile button span::before {
     content: "";
     width: 11px;
     height: 11px;
     background-size: 11px;
     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;
     transition: var(--smooth-ease);
     
}
 .slide-text button:hover span::before, .slide-text-mobile button:hover span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green-primary.png');
}
/* -- MOBILE HEADER -- */
 .slider-mobile {
     background: linear-gradient(130deg, rgba(25, 130, 93,1) 0%, rgba(10, 92, 63,1) 100%);
     padding-bottom: 15px !important;
     margin-top: 20px !important;
}
 .slider-mobile-img-wrap {
     -webkit-clip-path: var(--slant-banner-mobile);
     clip-path: var(--slant-banner-mobile);
     display: flex;
     justify-content: center;
     height: 33vh;
     min-height: 250px;
     width: 100%;
     object-fit: cover;
     z-index: 0;
     margin-bottom: 0 !important;
     padding: 0 !important;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .slider-mobile-img-wrap img {
     transition: var(--smooth-ease);
     height: 40vh;
     width: 100%;
     object-fit: cover;
     opacity: .9;
}
 .slide-text-mobile {
     text-align: left;
     padding: 25px 10px 20px 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .ac-primary-text#slider-mobile-text {
     margin: 0 0 5px 0 !important;
}
/*** SLIDER STYLES (updated 10.16.23) ***/
 .slick-prev, .slick-next {
     width: 32px !important;
     height: 32px !important;
}
 .slick-prev {
     left: -35px !important;
}
 .slick-next {
     right: -35px !important;
}
 .slick-prev::before, .slick-next::before {
     color: var(--secondary-green);
     font-size: 32px !important;
     opacity: .75;
}
 .slick-prev:focus, .slick-next:focus {
     background: var(--lighter-green) !important;
     background-color: var(--lighter-green) !important;
     padding-top: 2px !important;
     outline: var(--focus-outline) !important;
}
 .slick-dots li button {
     height: 18px !important;
     width: 18px !important;
     padding: 0 !important;
}
.slick-dots li {
    margin: 0px !important;
/*      height: 25px !important; */
/*      width: 18px !important; */
}
 .slick-dots li:focus {
     outline: var(--focus-outline);
}
 .slick-dots li:focus:not(:focus-visible) {
     outline: none !important;
}
 .slick-arrows-container {
     display: flex !important;
     justify-content: center !important;
     padding: 20px 0;
}
 .slick-dots li button::before {
     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 button:focus:not(:focus-visible) {
     outline: none !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;
     transform: scale(1.1);
     outline: none !important;
}
 .slick-dots li.slick-active button:hover {
     color: var(--primary-green) !important;
     opacity: 1 !important;
     transform: scale(1.1) !important;
}
 .slick-dots li.slick-active button:focus {
     outline: var(--focus-outline) !important;
}
 .slick-dots li.slick-active button:focus:not(:focus-visible) {
     outline: none !important;
}
 .slider-controls-wrapper.show-controls {
     display: flex;
     justify-content: center;
}
 .slider-controls-wrapper.hide-controls .slider-controls {
     display: none !important;
}
 .slider-controls {
    /* margin-bottom: 0px !important;
     position: absolute;
     top: 80%;
     left: 0;
     width: 60%;
     */
     top: 80%;
     left: 0;
     margin-top: -60px;
     display: flex;
     padding-bottom: 20px;
}
 #mobile-slider-dots {
     margin-bottom: 0px !important;
     margin-top: 10px !important;
}
 .slick-slide {
     max-width: 100%;
}
 .slick-dots li button {
     font-size: 0;
}
 .slick-slider-dots {
     position: relative;
     width: 100%;
     display: flex;
     align-items: center;
     z-index: 1;
}
 .slick-slider-mobile-dots {
     position: relative;
     bottom: 0px;
     display: flex;
     align-items: center;
     z-index: 1;
}
 .slick-next, .slick-prev {
     display: none !important;
}
 .slick-slider-dots ul, .slick-slider-mobile-dots ul {
     list-style: none;
     margin: 0;
     padding: 0 4px;
     align-content: center;
     vertical-align: middle;
     align-items: center;
     height: 40px;
}
 .slick-slider-dots ul li, .slick-dots li button, .slick-slider-mobile-dots ul li, .slick-slider-mobile-dots li button {
     height: 44px !important; /* AODA minimum size */
     width: 44px !important; /* AODA minimum size */
     border-style: none !important;
     border: none;
     transition: var(--quick-linear);
     will-change: transform;
}
 .slider-toggle.play, .slider-toggle-mobile.play, .slider-toggle.pause, .slider-toggle-mobile.pause {
     height: 25px;
     width: 25px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-color: transparent;
     border: none;
     transition: var(--smooth-ease);
     opacity: .7;
     margin: 0px 4px !important;
     padding: 0 10px;
     will-change: transform;
}
 .slider-toggle.pause, .slider-toggle-mobile.pause {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-circle-btn-white-pause.png');
}
 .slider-toggle.play, .slider-toggle-mobile.play {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-circle-btn-white-play.png');
}
 .slider-toggle.pause:hover, .slider-toggle.play:hover, .slider-toggle-mobile.pause:hover, .slider-toggle-mobile.play:hover {
     opacity: 1 !important;
}
 .slick-slider-dots ul li:focus, .slick-dots li button:focus, .slick-dots li button:focus {
     outline: var(--focus-outline) !important;
}
 .slick-slider-dots ul li:focus:not(:focus-visible), .slick-dots li button:focus:not(:focus-visible), .slick-dots li button:focus:not(:focus-visible) {
     outline: none !important;
}
 .slick-slider-dots ul li, #mobile-slider-dots .slick-slider-mobile-dots ul li {
     margin: 0 8px;
     /* background-color: red !important; */
     /* border-radius: 50%; */
     /* opacity: .2; */
     transition: var(--smooth-ease);
}
.slick-slider-dots ul li:hover, #mobile-slider-dots .slick-slider-mobile-dots ul li:hover {
     opacity: .7;
}
.slick-slider-dots ul li.slick-active, #mobile-slider-dots .slick-slider-mobile-dots ul li.slick-active {
     /* background-color: red !important; */
     /* border-radius: 50%; */
     /* opacity: 1 !important; */
     outline: none !important;
}
 .slick-dots, #mobile-slider-dots .slick-dots {
     display: inline-flex !important;
     position: initial !important;
     width: 100% !important;
}
/* .slick-dots li button::before, #mobile-slider-dots .slick-dots li button::before {
     content: none !important;
} */
.slick-dots li button::before, #mobile-slider-dots .slick-dots li button::before {
    content: '' !important;
    background-color: #f0f0f0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -5%;
    left: 25%;
}
.slick-dotted.slick-slider {
     margin-bottom: 0px !important;
}
 .slick-dotted.slick-slider {
     margin-bottom: 0px !important;
}
 .slick-slide button img {
     display: inline-flex !important;
}
 .slider-controls-wrapper {
     min-height: 60px;
}
/* .slider-controls-wrapper {
     display: flex;
     justify-content: center;
}
 */
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1699px -- */
 @media screen and (max-width: 1699px) {
     .slide-text h2.h2-sm {
         font-size: 1.75rem;
    }
}
/* -- MAX 1499px -- */
 @media screen and (max-width: 1499px) {
     .slide-text {
         padding: 0px 20px 20px 0px !important;
    }
     .slide-text h2.h2-sm {
         font-size: 1.65rem;
    }
     .slide-text h3.h3-sm {
         font-size: 1.25rem;
    }
}
/* -- MAX 1240px -- */
 @media screen and (max-width: 1240px) {
     .slide-text-wrapper {
         max-width: 60% !important;
    }
     .slide-text h2.h2-sm {
         font-size: 1.6rem;
    }
     .slide-text h3.h3-sm {
         font-size: 1.2rem;
    }
}
/* -- MAX 1199px -- */
 @media screen and (max-width: 1199px) {
     .slide-text h2 {
         font-size: 1.9em;
    }
     .slide-text h3 {
         font-size: 1.4em;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .slide-text h2 {
         font-size: 1.75em;
    }
     .slide-text h3 {
         font-size: 1.35em;
    }
}
/* -- MIN 768px & MAX 991px -- */
 @media screen and (min-width: 768px) and (max-width: 991px) {
     .info-slider-img {
         height: 110px;
         width: 110px;
    }
     .info-slider-img .slider-img {
         height: 80px;
         width: 80px;
    }
}
/* -- 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;
    }
     .slide-text-mobile {
         padding-right: 20px;
    }
     .slide-text-mobile h2 {
         font-size: 1.65em;
         padding-top: 20px;
    }
     .slide-text-mobile h3 {
         font-size: 1.3em;
    }
     #site-logo a div span.icon-algonquin::before {
         display: none;
    }
     .slider-img {
         height: 80px !important;
         width: 80px !important;
    }
     .info-slider-img {
         height: 105px !important;
         width: 105px !important;
         margin: 0px auto;
         display: flex;
         float: none;
    }
     .info-slider-content {
         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;
    }
     .slide-text-mobile button {
         font-size: 1rem;
         padding: 8px 12px;
    }
}
/** -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .slide-text-mobile h2 {
         font-size: 1.4em;
    }
     .banner-text-mobile h2.h2-sm {
         font-size: 1.3rem !important;
    }
     .slide-text-mobile h3 {
         font-size: 1.2em;
    }
     .banner-text-mobile h3.h3-sm {
         font-size: 1.1rem !important;
    }
     .slide-text-mobile button {
         font-size: .95rem;
         padding: 8px 10px;
    }
     .slide-text-mobile button, .slide-text-mobile button:hover {
         background-color: #ffffff;
         color: #006341;
         border: 1.5px solid var(--white);
    }
     .slide-text-mobile button span::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green-primary.png');
    }
}
/*** NAVIGATION (updated 10.16.23) ***/
 #header_placeholder {
     display:none;
     height:50px;
     width:100%;
}
 .sticky {
     position: fixed !important;
     width: 100% !important;
     top: 0 !important;
     z-index: 9999;
}
 nav#topMenu.active {
     display: none !important;
}
 .global-nav nav ul li a {
     font-weight: var(--main-text-weight) !important;
     float: none !important;
}
 li#dropdown-nav, li#dropdown-campus {
     transition: 0s !important;
}
 .menu-local-nav-container.container {
     max-width: 100% !important;
}
 nav#website-local-menu .menu {
     display: flex !important;
     justify-content: flex-start;
     align-items: center;
}
 nav#website-local-menu ul li {
     width: fit-content !important;
     max-width: 250px;
}
 nav#website-local-menu ul li:hover {
     color: var(--white) !important;
     text-decoration: 1px underline currentcolor;
     text-underline-offset: 4px;
}
 nav .menu li:focus > a, nav .menu a:focus {
     text-decoration: underline;
     color: var(--white) !important;
     outline: var(--focus-outline) !important;
}
 nav .menu a:focus:not(:focus-visible) {
     outline: none !important;
}
 nav ul .current-menu-item > a {
     color: var(--white) !important;
}
 nav ul .current-menu-item, nav .menu li.current-menu-item a:focus {
     background: var(--bg-primary-green) !important;
     background-color: var(--bg-primary-green) !important;
     color: var(--white) !important;
     font-weight: 400 !important;
}
 nav .menu li.current-menu-item a:focus {
     outline: var(--focus-outline) !important;
}
 nav#website-local-menu ul li.current-menu-item:hover {
     background: var(--bg-primary-green) !important;
     background-color: var(--bg-primary-green) !important;
     color: var(--white) !important;
}
 #programs-menu nav ul .current-menu-item > a::before {
     transition: .1s;
     
     width: 0;
     height: 0;
     border-left: 14px solid transparent;
     border-bottom: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top: 14px solid var(--primary-green);
     content: " ";
     position: absolute;
     bottom: -25px;
     left: 44%;
}
 #programs-menu .container {
     padding-left: 0;
     padding-right: 0;
}
 nav#website-local-menu ul li.current-menu-item:hover > a {
     color: var(--white) !important;
     text-decoration: none !important;
}
 nav#website-local-menu ul li.current-menu-item a {
     font-weight: 400 !important;
}
 nav#website-local-menu ul li:hover > a {
     color: var(--white) !important;
     text-decoration: none !important;
}
 nav#website-local-menu ul li:active > a, nav#website-local-menu ul li.active > a {
     background-color: var(--main-text-color-dark) !important;
     color: var(--white) !important;
     font-weight: var(--main-text-weight-strong) !important;
}
 nav#website-local-menu ul li a.active {
     background-color: var(--main-text-color-dark) !important;
     color: var(--white) !important;
     font-weight: 400 !important;
}
 nav#website-local-menu ul li a {
     width: 100%;
     line-height: 1.1em !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.i-am-local-nav#website-local-menu ul {
     justify-content: flex-start !important;
     max-width: 100% !important;
}
 nav.i-am-local-nav#website-local-menu ul li {
     width: fit-content !important;
     max-width: none !important;
}
 nav.i-am-local-nav#website-local-menu ul li a {
     font-size: .95rem !important;
     padding: 0px 20px !important;
     font-weight: 200 !important;
}
 nav#website-local-menu ul li a:hover, nav#website-local-menu ul li a:visited, nav#website-local-menu ul li a:focus, nav#website-local-menu ul li a.active {
     color: var(--white) !important;
}
 nav#website-local-menu ul li a:focus {
     outline: var(--focus-outline) !important;
}
 nav#website-local-menu ul li a:focus:not(:focus-visible) {
     outline: none !important;
}
 .menu-local-nav-container {
     width: 100% !important;
}
 #faculty-sticky-menu .row, #programs-menu .row {
     background-color: var(--main-text-color-dark);
     margin: 0 !important;
}
 .nav-wrapper .row {
     background-color: var(--main-text-color-dark);
     margin: 0 !important;
}
 nav#website-local-menu ul li.current-menu-item:hover, nav#website-local-menu ul li.current-menu-item:hover > a, nav#website-local-menu ul li.current-menu-item > a:hover {
     color: var(--white) !important;
     text-decoration: none !important;
}
 nav#website-local-menu ul li a.active:hover {
     text-decoration: none !important;
}
 .menu-local-nav-container.container {
     max-width: 100% !important;
}
 li.menu-item-has-children, li.menu-item-has-children ~ a {
     text-decoration: none !important;
}
/* SECTION: ICON CARDS ----------------------------------- */
 div#icn-cards {
     padding: 100px 0;
     z-index: 0;
     position:relative;
}
 .icn-cards-wrapper {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: space-between;
     padding: 0;
}
 .icn-cards-wrapper a {
     width: calc(100% / 3 - 10px);
     padding: 8px 0;
     text-decoration: none !important;
}
 .icn-card {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding: 15px 20px;
     height: 100%;
     min-height: 70px;
     border-radius: 8px;
     background-color: var(--secondary-green);
     border: 1px solid var(--secondary-green);
     box-shadow: var(--card-shadow);
     transition: 300ms;
     will-change: font-weight;
}
 .icn-card:hover, .icn-card:focus {
     background-color: #e9f0ec;
     border: 1px solid #b9cac1;
     cursor: pointer;
}
 .icn-card:hover .icn-card-txt span, .icn-card:focus .icn-card-txt span {
     color: var(--secondary-green);
     font-weight: 500 !important;
}
 .icn-card-icn {
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .icn-content {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     width: 100%;
     align-items: center;
}
 .icn-card-content {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     width: 100%;
}
 .icn-card-icn.new {
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .icn-card-icn.new span {
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .icn-card-txt span {
     display: flex;
     justify-content: flex-start;
     margin: 0px;
     align-items: center;
     width: 100%;
     text-align: left;
     font-size: 1.1em;
     color: #f8f8f8;
     font-weight: 400;
     line-height: 1.25em;
     padding: 0 10px 0 0;
     will-change: font-weight;
}
 .icn-card-icn.new span::before {
     content: "";
     width: 35px;
     height: 35px;
     background-size: 35px;
     background-repeat: no-repeat;
     margin: 0 0 0 0;
     padding: 0;
}
 .icn-card-icn.new span#tour::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-virtual-tour-white.png');
}
 .icn-card-icn.new span#recruitment::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-recruitment-calendar-white.png');
}
 .icn-card-icn.new span#financial-aid::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-financial-aid-white-n.png');
}
 .icn-card-icn.new span#coop::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-res-card-coop-white.png');
}
 .icn-card-icn.new span#pathways::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-ac-pathways-white.png');
}
 .icn-card-icn.new span#viewbook::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-custom-viewbook-white.png');
}
 .icn-card-icn.new span#career-assessment::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-career-assessment-white.png');
}
 .icn-card-icn.new span#college-eligible::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-college-eligible-white.png');
}
 .icn-card-icn.new span#admission-requirements::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-admissions-requirements-white.png');
}
 .icn-card-icn.new span#contact-recruitment::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-contact-recruitment-white.png');
}
 .icn-card-icn.new span#faq::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-faq-white.png');
}
 .icn-card-icn.new span#accessible-learning::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-res-card-centre-accesible-learning-white.png');
}
 .icn-card-icn.new span#student-support-services::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-res-card-student-support-services-white.png');
}
 .icn-card-icn.new span#registrars::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-res-card-registrars-white.png');
}
 .icn-card:hover .icn-card-icn.new span::before, .icn-card:focus .icn-card-icn.new span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green-primary.png') !important;
     width: 16px;
     height: 16px;
     background-size: 16px;
     margin: 0 5px 0 0;
}
 .icn-card-txt {
     display: flex;
     width: 100%;
     justify-content: center;
     justify-content: flex-start;
     align-items: center;
}
 .icn-card-txt.new {
     display: flex;
     width: 100%;
     justify-content: flex-start;
     align-items: center;
}
 .icn-cards-wrapper a:hover {
     cursor: pointer;
}
 @media screen and (max-width: 1200px) {
     .icn-card-txt span {
         font-size: 1.05rem;
    }
     .icn-card-icn.new span::before {
         width: 33px;
         height: 33px;
         background-size: 34px;
    }
     .icn-card {
         padding: 15px 15px;
    }
}
 @media screen and (max-width: 1024px) {
     .icn-card-arrow {
         min-width: 40px;
    }
     .icn-card {
         padding: 15px 20px;
    }
     .icn-cards-wrapper a {
         width: calc(100% / 2 - 8px);
    }
}
 @media screen and (max-width: 767px) {
     .icn-card-txt span {
         font-size: 1rem;
    }
     .icn-card {
         padding: 15px 15px;
    }
     .icn-card-icn.new span::before {
         width: 31px;
         height: 31px;
         background-size: 31px;
    }
}
 @media screen and (max-width: 575px) {
     .icn-card {
         min-height: 120px;
    }
     .icn-card-content {
         flex-direction: column-reverse;
         justify-content: center;
    }
     .icn-card-icn.new {
         min-height: 40px;
    }
     .icn-card-txt.new {
         justify-content: center;
         padding: 15px 0 0 0;
         min-height: 40px;
    }
     .icn-card-txt span {
         justify-content: center;
         text-align: center;
         padding: 0 !important;
    }
     .icn-card-icn.new span::before {
         width: 37px;
         height: 37px;
         background-size: 37px;
    }
     .icn-card:hover, .icn-card:focus {
         background-color: var(--secondary-green);
         border: 1px solid var(--secondary-green);
    }
     .icn-card:hover .icn-card-icn.new span::before, .icn-card:focus .icn-card-icn.new span::before {
         content: "";
         width: 37px;
         height: 37px;
         background-size: 37px;
         background-repeat: no-repeat;
         margin: 0 0 0 0;
         padding: 0;
    }
     .icn-card:hover .icn-card-txt span, .icn-card:focus .icn-card-txt span {
         color: var(--main-text-color-lighter) !important;
         font-weight: 300 !important;
    }
     .icn-card:hover .icn-card-icn.new span#tour::before, .icn-card:focus .icn-card-icn.new span#tour::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-virtual-tour-white.png') !important;
    }
     .icn-card:hover .icn-card-icn.new span#recruitment::before, .icn-card:focus .icn-card-icn.new span#recruitment::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-recruitment-event-white.png') !important;
    }
     .icn-card:hover .icn-card-icn.new span#financial-aid::before, .icn-card:focus .icn-card-icn.new span#financial-aid::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-financial-aid-white.png') !important;
    }
     .icn-card:hover .icn-card-icn.new span#coop::before, .icn-card:focus .icn-card-icn.new span#coop::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-coop-education-white.png') !important;
    }
     .icn-card:hover .icn-card-icn.new span#pathways::before, .icn-card:focus .icn-card-icn.new span#pathways::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-pathways-white.png') !important;
    }
     .icn-card:hover .icn-card-icn.new span#viewbook::before, .icn-card:focus .icn-card-icn.new span#viewbook::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-custom-viewbook-white.png') !important;
    }
}
 @media screen and (max-width: 480px) {
     .icn-card {
         padding: 10px 10px;
    }
}
 .row#icon-cards {
     padding-top: 10px;
}
 .icon-cards-wrapper {
     width: 100%;
     display: flex;
     justify-content: space-evenly;
     padding-bottom: 35px;
}
 .icon-card {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     min-height: 55px;
     max-height: 65px;
     align-items: center;
     border-radius: 8px;
     background-color: var(--bg-primary-green);
     border: 3px solid var(--primary-green);
     box-shadow: var(--card-shadow);
     margin-left: 10px;
     margin-right: -5px;
     transition: var(--quick-linear);
}
 .icon-card-icn {
     border-radius: 50%;
     background-color: #f3f3f3;
     border: 3px solid var(--primary-green);
     box-shadow: var(--card-shadow);
     margin: -10px 0px -10px -20px;
     height: 85px;
     width: 85px;
     display: flex;
     align-items: center;
     justify-content: center;
     align-content: center;
     transition: var(--quick-linear);
}
 .icon-card-txt {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     padding: 5px;
}
 .icon-card-txt h3 {
     margin: 0px !important;
     font-size: 1.25rem;
     color: #fefefe;
     font-weight: 400;
     line-height: 1.2em;
     padding: 0px !important;
     transition: var(--quick-linear);
}
 .icon-card-arrow {
     padding-right: 12px;
     display: flex;
}
 .icon-cards-wrapper a {
     text-decoration: none;
}
 .icon-card:hover {
     background-color: #f3f3f3;
     border: 3px solid var(--primary-green);
}
 .icon-card:hover .icon-card-txt h3 {
     color: var(--primary-green);
}
 .icon-card:hover .icon-card-icn {
     background-color: var(--bg-primary-green);
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/** -- MAX-WIDTH 1239px -- */
 @media screen and (max-width: 1239px) {
     nav#website-local-menu ul li a {
         font-size: 1.03rem !important;
    }
}
/** -- MAX-WIDTH 1239px -- */
 @media screen and (max-width: 1024px) {
     nav#website-local-menu ul li a {
         font-size: 1rem !important;
    }
}
/* -- MIN 880px & MAX 991px -- */
 @media screen and (min-width: 880px) and (max-width: 991px) {
     nav .menu::after {
         display: inline-block !important;
    }
}
/** -- MAX-WIDTH 880px -- */
 @media screen and (max-width: 880px) {
     nav#smartMenu {
         height: 46px !important;
    }
     nav#website-local-menu ul li {
         max-width: 100%;
         width: 100%;
    }
     nav .menu li a {
         width: 100%;
    }
     nav#website-local-menu .menu {
         display: flex !important;
         flex-direction: column;
    }
     nav#website-local-menu ul li {
         width: 100% !important;
    }
     nav#website-local-menu ul li:hover {
         text-decoration: none !important;
    }
     nav#smartMenu a.toggleLocal:hover {
         color: var(--bg-bright-green) !important;
    }
     nav#smartMenu a.toggleLocal.active {
         color: var(--bg-bright-green) !important;
    }
     nav#smartMenu ul li a {
         font-size: 1.2em !important;
    }
     nav ul .current-menu-item > a::before {
         display: none !important;
    }
     #header_placeholder {
         display: none;
         height: 0px;
    }
}
/** -- MAX-WIDTH 780px -- */
 @media screen and (max-width: 780px) {
     header {
         margin-top: 10px !important;
         width: 100% !important;
    }
}
 p {
     margin: 0 0 20px 0;
}
/** -- NEW UNIVERSAL STYLES -- */
 .cards-wrapper {
     display: flex;
     justify-content: flex-start;
     width: 100%;
     flex-direction: row;
     align-items: flex-start;
     flex-wrap: wrap;
}
 .cards-wrapper.thirds {
     justify-content: space-between !important;
}
 .cards-wrapper a {
     width: calc(100% / 4 - 0px);
     margin: 0 0;
     padding: 12.5px;
     text-decoration: none !important;
     -webkit-transition: var(--quick-linear);
     transition: var(--quick-linear);
}
 .cards-wrapper a:hover {
     text-decoration: none !important;
}
 .card {
     width: 100%;
     height: 100%;
     position: relative;
     display: flex;
     flex-direction: column;
     position: relative;
     background-color: var(--card-bg-color);
     border: var(--card-border);
     border-radius: var(--card-radius);
     box-shadow: var(--card-shadow);
     opacity: 1;
     overflow: hidden;
     -webkit-transition: var(--quick-linear);
     transition: var(--quick-linear);
     will-change: transform, box-shadow, opacity;
}
 .cards-wrapper a:nth-of-type(1), .cards-wrapper a:nth-of-type(5), .cards-wrapper.thirds a:nth-of-type(1), .cards-wrapper.thirds a:nth-of-type(4) {
     padding: 12.5px 12.5px 12.5px 0;
}
 .cards-wrapper a:nth-of-type(4), .cards-wrapper a:nth-of-type(8), .cards-wrapper.thirds a:nth-of-type(3), .cards-wrapper.thirds a:nth-of-type(6) {
     padding: 12.5px 0 12.5px 12.5px;
}
 .cards-wrapper.halves a {
     width: calc(100% / 2 - 0px);
     margin: 0 0;
     padding: 12.5px;
}
 .cards-wrapper.thirds a {
     width: calc(100% / 3 - 0px);
     margin: 0 0;
     padding: 12.5px;
}
 .cards-wrapper.quarters a {
     width: calc(100% / 4 - 0px);
     margin: 0 0;
     padding: 12.5px;
}
 .card.fade {
     opacity: .6;
}
 .card:hover, .card.fade:hover {
     opacity: 1 !important;
}
 .cards-wrapper a:focus .card-cta span {
     outline: var(--focus-outline);
}
 .cards-wrapper a:focus:not(:focus-visible) {
     outline: none;
}
 a > .card {
     text-decoration: none;
}
 .card:hover {
     background-color: var(--card-bg-hover);
     box-shadow: var(--card-shadow-hover);
     border: var(--card-border-hover);
     cursor: pointer;
}
 .card-img-wrap {
     display: flex;
     justify-content: center;
     will-change: transform;
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
 .card-img {
     height: 180px;
     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;
}
 .cards-wrapper.thirds .card .card-img {
     height: 200px;
}
 .card:hover .card-img {
     transform: scale(1.1);
}
 .card-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     text-align: left;
     padding: 20px 20px 15px 20px;
     height: 100%;
     width: 100%;
}
 .card-content h3 {
     color: var(--primary-green);
     font-size: 1.2em;
     font-weight: 600;
     line-height: 1.2em;
     padding: 0 0 10px 0;
     margin: 0;
}
 .card-content p {
     color: var(--main-text-color);
     font-size: 1.1rem;
     font-weight: 300;
     line-height: 1.5;
}
 .card-cta {
     position: relative;
     display: flex;
     justify-content: flex-end;
     width: 100%;
     padding: 0 20px;
}
 .card-cta p {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     position: absolute;
     bottom: 0;
     font-size: 1.1rem;
     font-weight: 500;
     text-align: right;
     letter-spacing: -.25px;
     color: var(--main-text-color);
     position: absolute;
     bottom: 0;
     margin: 5px 0 15px 0;
     padding: 10px 0 0 0;
     transition: 200ms linear;
     will-change: color, text-decoration;
}
.testimonial_content .card-cta p {
     position: relative;
     font-size: 1.05em;
     margin: 5px 0 0 0;
}
 .card:hover .card-cta p {
     color: var(--anchor-color-hover);
}
 .card-cta p span {
     display: flex;
     align-items: center;
}
 .card-cta p span::after {
     content: "";
     width: 12px;
     height: 12px;
     background-size: 12px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
     background-repeat: no-repeat;
     margin: 0 0 0 8px;
     padding: 0;
     transition: 200ms linear;
}
 .card:hover .card-cta p span::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green-primary.png');
     filter: brightness(120%);
}
/* -- RESPONSIVE MEDIA QUERIES -- */
/* -- MAX 1024px -- */
 @media screen and (max-width: 1024px) {
     .card-content h3 {
         font-size: 1.15rem;
    }
     .program-summary-wrapper {
         padding: 40px 0px 60px 0px;
    }
     .card-content {
         padding: 20px 15px;
    }
}
/* -- MAX 991px -- */
 @media screen and (max-width: 991px) {
     .cards-wrapper a, .cards-wrapper.thirds a {
         width: calc(100% / 2 + 12.5px) !important;
    }
     .cards-wrapper {
         justify-content: space-between !important;
    }
     .cards-wrapper a {
         margin: 0 -12.5px !important;
         padding: 12.5px !important;
    }
     .card-img {
         height: 200px !important;
    }
     .card-content h3 {
         font-size: 1.15rem;
    }
}
/* -- MAX 767px -- */
 @media screen and (max-width: 767px) {
     .card-cta {
         padding: 20px 15px;
    }
     .card-cta span {
         font-size: 1em;
    }
}
/* -- MAX 575px -- */
 @media screen and (max-width: 575px) {
     .cards-wrapper:hover > a:hover .card {
         transform: scale(1);
    }
     .cards-wrapper:hover > a:not(:hover) > .card {
         opacity: 1 !important;
    }
     .cards-wrapper a, .cards-wrapper.thirds a {
         flex: 1 1 100% !important;
         max-width: 100% !important;
         margin: 0 !important;
         padding: 12px 0 !important;
    }
     .card-cta {
         padding: 20px 20px;
    }
     .cards-wrapper:hover > .card:not(:hover) {
         opacity: 1 !important;
    }
     .cards-wrapper .card:hover {
         background-color: var(--card-bg-color);
         box-shadow: var(--card-shadow);
    }
     .card:hover .card-cta span span::before {
         background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
    }
     .card:hover .card-img {
         transform: scale(1);
    }
     .card:hover .card-cta span {
         color: var(--main-text-color) !important;
    }
}
 .card-badge {
     background-color: var(--dark-green);
     padding: 6px 20px !important;
     color: var(--sub-heading-light);
     border: none;
     border-radius: 2px;
     box-shadow: var(--card-shadow);
     font-weight: 400 !important;
     font-size: 1.05rem;
     margin: -23px auto 0 auto !important;
}
 .card-badge-title {
     position: relative;
     text-align: center;
     line-height: 1.4em;
     z-index: 990;
     min-width: 250px;
     width: 250px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 auto !important;
     position:relative;
}
/** -- MAX-WIDTH 575px -- */
 @media screen and (max-width: 575px) {
     .card-badge {
         padding: 7px 25px !important;
    }
     .card-badge-title {
         font-size: 1rem;
    }
}
 span.cta-arrow {
     display: flex;
     align-items: center;
     transition: 200ms linear;
     width: 12px;
     margin: 0 0 0 10px;
}
 span.cta-arrow::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
     background-size: 14px;
     width: 14px;
     height: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0; 
     background-repeat: no-repeat;
     transition: 250ms linear;
     will-change: background-image, opacity, transform;
}
 .related-programs-card:hover span.cta-arrow::after {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
     filter: brightness(120%);
}
 span.cta-arrow.slide-in::after {
     transform: translateX(-5px);
     opacity: 0;
}
 .related-programs-card:hover span.cta-arrow.slide-in::after {
     opacity: 1;
     transform: translateX(0px);
}
 .row-highlight {
     background-color: #e9f0ec;
     outline: none !important;
}
/*** GO TO TOP BUTTON ***/
 .go-top {
     position: fixed;
     bottom: 2em;
     right: 2em;
     text-decoration: none;
     color: white;
     background-color: rgba(0, 99, 65, 0.3);
     font-size: 12px;
     height: 35px;
     width: 35px;
     display: none;
     transition: var(--quick-linear);
     border-radius: 5px;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     padding: 20px;
}
 .go-top:hover {
     background-color: rgba(0, 99, 65, 0.9);
}
 .go-top span {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .go-top span::before {
     display: flex;
     content: "";
     width: 20px;
     height: 20px;
     background-size: 20px;
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-up-white.png');
     background-repeat: no-repeat;
     padding: 0;
}
 .animated{
     animation: appear 2s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
}
 .expand-collapse {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     height: 40px;
}
 .expand-collapse span {
     font-weight: 100;
     background: #b2b2b2;
     color: #b2b2b2;
     height: 30px;
     width: 1px;
     margin: 0 5px;
}
 .expand-collapse.disable {
     opacity: .4;
     pointer-events: none;
}
 .expand-all, .collapse-all, .collapse-bottom, .collapse-section {
     font-size: 1rem;
     font-weight: 500;
     color: var(--primary-green);
     padding: 0px 5px 0 5px;
     border: none !important;
     border-style: none !important;
     margin: 0;
     border-radius: 2px;
     display: flex;
     text-decoration: none;
     align-items: center;
     justify-content: center;
     transition: var(--quick-linear);
}
 .expand-all:hover, .expand-all:focus, .collapse-all:hover, .collapse-all:focus, .collapse-bottom:hover, .collapse-bottom:focus, .collapse-section:hover, .collapse-section:focus {
     text-decoration: 1.5px underline currentcolor;
     text-underline-offset: 4px;
     cursor: pointer;
     color: var(--anchor-color-hover);
}
 .collapse-bottom.invisible {
     display: none;
}
 .collapse-bottom.visible {
     display: flex;
}
 .collapse-section-wrapper {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
}
 .collapse-section {
     margin: -14px 0 0 0;
     background-color: #3b3b3b;
     border-radius: 50%;
     height: 28px;
     width: 28px;
     z-index: 99;
     transition: var(--quick-linear);
}
 .collapse-section span {
     border-radius: 50%;
     height: 29px;
     width: 29px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: var(--quick-linear);
     
}
 .collapse-section span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-up-white.png');
     background-size: 14px;
     width: 14px;
     height: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     content: "";
     padding: 0;
     background-repeat: no-repeat;
     transition: var(--quick-linear);
     
     margin-left: 0;
     opacity: .8;
}
 .collapse-section:hover, .collapse-section:focus {
     background-color: var(--primary-green);
}
 .collapse-section-wrapper:hover .collapse-section, .collapse-section-wrapper:focus .collapse-section {
     background-color: #006341;
}
 .collapse-section-wrapper:focus:not(:focus-visible), .collapse-section-wrapper .collapse-section:focus:not(:focus-visible), .collapse-section-wrapper:focus:not(:focus-visible) .collapse-section {
     outline: none !important;
}
 .collapse-section-wrapper:hover .collapse-section span, .collapse-section-wrapper:focus .collapse-section span {
     opacity: 1 !important;
    /* transform: translateY(-5px);
     */
}
 .collapse-section-wrapper:hover .collapse-section span::before, .collapse-section-wrapper:focus .collapse-section span::before {
     background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-up-white.png');
     opacity: 1 !important;
}
 .collapse-bottom.invisible {
     display: none;
}
 .collapse-bottom.visible {
     display: flex;
}
 .visible {
     max-height: 100%;
}
 .invisible {
     max-height: 0px;
}
/* SOCIAL **/
 .col.socials {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-bottom: -5px;
}
 .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;
}

.socials div a:hover span#facebook,
.socials div a:focus span#facebook      { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-facebook-white.png') !important; }
.socials div a:visited span#facebook,
.socials div a:active span#facebook     { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-facebook-green.png') !important; }

.socials div a:hover span#youtube,
.socials div a:focus span#youtube       { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-youtube-white.png') !important; }
.socials div a:visited span#youtube,
.socials div a:active span#youtube      { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-youtube-green.png') !important; }

.socials div a:hover span#instagram,
.socials div a:focus span#instagram     { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-instagram-white.png') !important; }
.socials div a:visited span#instagram,
.socials div a:active span#instagram    { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-instagram-green.png') !important; }

.socials div a:hover span#linkedin,
.socials div a:focus span#linkedin      { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-linkedin-white.png') !important; }
.socials div a:visited span#linkedin,
.socials div a:active span#linkedin     { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-linkedin-green.png') !important; }

.socials div a:hover span#twitter,
.socials div a:focus span#twitter       { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-twitter-white.png') !important; }
.socials div a:visited span#twitter,
.socials div a:active span#twitter      { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-twitter-green.png') !important; }

.socials div a:hover span#tiktok,
.socials div a:focus span#tiktok        { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-tiktok-white.png') !important; }
.socials div a:visited span#tiktok,
.socials div a:active span#tiktok       { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-tiktok-green.png') !important; }

.socials div a:hover span#vimeo,
.socials div a:focus span#vimeo         { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-vimeo-white.png') !important; }
.socials div a:visited span#vimeo,
.socials div a:active span#vimeo        { background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-social-nbg-vimeo-green.png') !important; }





.testimonial_icon_wrapper {
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.testimonial_icon {
display: flex;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--card-bg-color);
justify-content: center; 
align-items: center;
margin: -27px 0 -5px 0;
transition: var(--quick-linear);
}
.testimonial_icon span {
display: flex;
justify-content: center;
align-items: center;
}
.testimonial_icon span::before {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background-size: 35px;
margin-top: -5px;
background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-quotations-green-primary-open.png');
background-repeat: no-repeat;
padding: 0;
}
.testimonial_quote_text {
display: flex;
width: 100%;
font-size: 1rem;
font-weight: 300;
font-style: italic;
color: #2b2b2b;
line-height: 1.35;
padding: 5px 18px;
}
.testimonial_name_program {
display: flex;
width: 100%;
font-size: 1.05rem;
font-weight: 400;
color: #3b3b3b;
padding: 5px 15px 0 15px;
align-items: center;
}
.testimonial_name_program span {
padding: 0px 5px;
font-size: 18px;
color: #3b3b3b;
display: flex;
font-weight: 300;
align-items: center;
justify-content: center;
}
.testimonials-wrapper a {
text-decoration: none !important;
}
.testimonial-item {
display: flex;
flex-direction: column;
}
.testimonial-item img {
display:block;
width: 100%;
border-radius: 10px 10px 0px 0px;
min-height: 175px;
max-height: 175px;
object-fit: cover;
transition: .3s;
}
.testimonial_content {
display: flex;
width: 100%;
flex-direction: column;
padding-bottom: 15px;
}
.testimonial_cta {
display: flex;
width: 100%;
justify-content: flex-end;
align-items: center;
padding: 15px 20px 0 20px;
}
.testimonial_cta span {
display: flex;
align-items: center;
line-height: 1;
font-size: 1rem;
height: 25px;
font-weight: 500;
color: #3b3b3b !important;
}
.testimonial_cta span::after {
content: "";
width: 12px;
height: 12px;
background-size: 12px;
background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-dark.png');
background-repeat: no-repeat;
margin: 0 0 0 7px;
padding: 0;
}
.testimonials-wrapper a:hover > .testimonial-item img {
filter: brightness(110%);
}
.testimonial-item:hover .testimonial_cta span {
color: var(--anchor-color-hover) !important;
}
.testimonial-item:hover .testimonial_cta span::after {
background-image: url('/wp-content/themes/algonquincollege2018/images/icns/icn-chevron-right-green.png');
filter: brightness(120%);
}
.testimonial-item:hover .testimonial_icon {
     background-color: var(--card-bg-color-hover) !important;
}