img {
     max-width:100%;
     height:auto;
}
/* Main Wrapper - Flexbox Setup */
 .main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
}
#main-wrapper {
    overflow: unset !important;
}
/* Header and Footer */
 header, footer {
     width: 100%;
}
footer .bg-wu-purple .section-capped {
    padding-bottom: 0!important;
}
/* Full-width Section in Header and Footer */
 header .section-full-width, footer .section-full-width {
     margin-left: 0;
     margin-right: 0;
     width: 100vw;
}
/* Full-width Section */
 .section-full-width {
     margin-left: 0;
     margin-right: 0;
     width: 100vw;
}
#fw-page .wu-section {width:100vw !important;}
/* Capped-width Section */
 .section-capped {
     max-width: 1170px;
     margin-left: auto;
     margin-right: auto;
     padding-bottom: 2.1875rem;
     padding-bottom: 2.1875rem;
}
/* Margin for Capped-width Sections on Tablets and Mobile */
 @media (min-width: 1200px) {
     .section-capped {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
}
    #fw-page .wu-section .section-capped {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    .wu-section .section-capped {
        padding-bottom:0 !important;
    }
/* Responsive Design for Larger Screens */
 @media (min-width: 992px) {
     header, footer {
         margin-left: 0;
         margin-right: 0;
    }
}
 .bg-wu-purple {
     background-color: #4F2683;
     color:white;
}
 .bg-wu-grey {
     background-color: #F6F6F6;
     color:black;
}
 .editor-bg * {
     color: inherit !important;
}
 .hero-text {
     padding: 25px;
     overflow: auto;
     gap: 0.3125rem;
     display: flex;
     flex-direction: column;
}
 #hp-hero {
     position: relative;
     padding: 0;
}
 #desktop-hero-text .hero-text {
     position: absolute;
     z-index: 1;
     border-bottom: 1px solid #8F55E0;
     backdrop-filter: blur(7.5px);
     background: rgba(255, 255, 255, 0.75);
     /*bottom: 46px;*/
     bottom: 92px;
     max-width: 590px;
     gap: 0.625rem;
}
 #tablet-hero-text {
     margin-left: calc(-50vw + 50%);
     min-width: 100vw !important;
}
 #tablet-hero-text .hero-text {
     position: unset;
     max-width: 100%;
     padding: 1.25rem 1.25rem;
     gap: 0.625rem;
     background-color: var(--wu-purple);
}
 #page-title-container {
     display: flex;
     padding: 18px 0;
     justify-content: space-between;
     align-items: center;
     min-height: 44px;
}
 #main-logo {
     display: flex;
     align-items: center;
     gap: 20px;
     flex: 1 1 0;
     min-height:43px;
}
 .dept-container {
     align-items: center;
     gap: 20px;
     flex: 1 0 0;
     /*border-left: 1px solid #DEDEDE;*/
     height: 50px;
     padding-left: 20px;
}
 #global-menu .nav {
     gap: 10px;
     padding: 10px 0;
}
 #global-menu .nav {
     --bs-nav-link-padding-x: 10px;
     --bs-nav-link-padding-y: 5px;
     --bs-nav-link-color: #201436;
     --bs-nav-link-hover-color: #4f2683;
     --bs-nav-link-disabled-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
     align-items: flex-start;
     gap: 10px;
     flex: 1 0 0;
     padding-bottom: 0;
     min-height: 50px;
}

 #global-menu {
     align-items: center;
     gap: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
}
 .global-menu-toggle-div {
     display: flex;
     align-items: center;
     gap: 12px;
     flex: 1 1 0;
     justify-content: end;
}
 @media (min-width: 1200px) {
     #page-title-parent {
         border-bottom: 1px solid #DEDEDE;
    }
}
 .section-capped {
     padding-left: 20px;
     padding-right: 20px;
}
 #responsive-dept {
     border-left: none;
     border-top: 1px solid #DEDEDE;
     flex-basis: 100%;
     padding: 15px 0;
}
 #western-toggle-mobile {
     width: 27px;
     height: 24px;
}
 .text-wu-grey {
     color: var(--wu-grey-7) !important;
}
 .wu-deep-focus {
     color: var(--wu-deep-focus);
}
 #ribbon-menu .nav {
     --bs-nav-link-padding-x: 0;
     --bs-nav-link-padding-y: 0;
     --bs-nav-link-color: white;
     --bs-nav-link-hover-color: white;
     --bs-nav-link-disabled-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
     gap: 1.25rem;
     align-items: center;
     width: 100%;
}
 #ribbon-menu {
     height: 2.8125rem;
     justify-content: flex-start;
}
 .last-item {
     display: flex;
     gap: 0.625rem;
     align-self: start;
     height: 100%;
}
 .mega-nav-dropdown {
     --bs-dropdown-zindex: 1000;
     --bs-dropdown-min-width: 15.625rem;
     --bs-dropdown-padding-x: 0;
     --bs-dropdown-padding-y: 0.5rem;
     --bs-dropdown-spacer: 0.125rem;
     --bs-dropdown-font-size: 1rem;
     --bs-dropdown-color: var(--bs-body-color);
     --bs-dropdown-bg: var(--bs-body-bg);
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-border-radius: 0;
     --bs-dropdown-border-width: 0;
     --bs-dropdown-inner-border-radius: 0;
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-divider-margin-y: 0.5rem;
     --bs-dropdown-box-shadow: var(--bs-box-shadow);
     --bs-dropdown-link-color: var(--bs-body-color);
     --bs-dropdown-link-hover-color: var(--bs-body-color);
     --bs-dropdown-link-hover-bg: #eee;
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #fff;
     --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
     --bs-dropdown-item-padding-x: 0.625REM;
     --bs-dropdown-item-padding-y: 0.9375rem;
     --bs-dropdown-header-color: #6c757d;
     --bs-dropdown-header-padding-x: 1rem;
     --bs-dropdown-header-padding-y: 0.5rem;
     position: absolute;
     z-index: var(--bs-dropdown-zindex);
     display: none;
     min-width: 15.625rem;
     padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
     margin: 0;
     font-size: var(--bs-dropdown-font-size);
     color: var(--bs-dropdown-color);
     text-align: left;
     list-style: none;
     background-color: var(--bs-dropdown-bg);
     background-clip: padding-box;
     border: none;
     border-radius: 0;
     max-width: 17.1875rem;
     border-bottom: 1px solid #8F55E0;
     padding-bottom: 0px;
     word-wrap:break-word;
     white-space:normal;
}
 .mega-nav-dropdown .dropdown-item {
     display: block;
     width: 100%;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     clear: both;
     font-weight: 400;
     color: var(--bs-dropdown-link-color);
     text-align: inherit;
     text-decoration: none;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     border-radius: var(--bs-dropdown-item-border-radius, 0);
     text-transform: none;
     font-family: 'BentonSans Book', Arial, sans-serif !important;
     white-space:normal;
     overflow-wrap: break-word;
}
 #global-menu .external-link {
     display: flex;
     align-items: center;
     width: fit-content;
}
 #global-menu .nav-link {
     display: block;
     padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
     font-size: clamp(1rem, 1vw, 1.125rem);
     font-weight: 500;
     color: var(--bs-nav-link-color);
     text-decoration: none;
     background: 0 0;
     border: 0;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
     font-family: "BentonSans Medium", Arial, sans-serif !important;
}
 #global-menu .dropdown-toggle::after {
     content: "";
     border: none;
}
 #contact-info {
     padding: 35px 20px;
     justify-content: center;
     align-items: center;
     gap: 35px;
     display: flex;
     padding-bottom: 0 !important;
}
 @media (min-width: 1200px) {
     #contact-info {
         padding: 35px 0;
         justify-content: center;
         align-items: center;
         gap: 20px;
         display: flex;
    }
}
 #social-container {
     display: flex;
     justify-content: center;
     align-items: center;
}
 #address {
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 10px;
     flex: 1 0 0;
     margin: 0;
}
 @media (min-width: 1200px) {
     #address {
         display: flex;
         flex-direction: column;
         justify-content: center;
         gap: 10px;
         flex: 1 0 0;
         margin: 0;
    }
}
 #contact-info span {
     margin: 0;
     font-weight: 400;
}
 .fw-500 {
     font-weight: 500 !important;
}
 #phone-contact {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     flex: 1 0 0;
     margin: 0;
}
 #land-acknowledgement {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1.625rem;
     align-self: stretch;
}
 .land-acknowledgement-container {
     display: flex;
     padding: 0.625rem;
     flex-direction: column;
     align-items: flex-start;
     gap: 0.625rem;
     align-self: stretch;
     border: 1px solid #FFF;
}
 #logo-legal {
     display: flex;
     /*padding-bottom: 1.25rem;*/
     padding-bottom:0;
     flex-direction: column;
     align-items: flex-start;
     gap: 0.625rem;
     align-self: stretch;
     background: var(--wu-purple);
}
 #logo-legal:before {
     border-top: 1px solid #6D469F;
     content: "";
     display: block;
     width: 75%;
     margin: 0 auto 30px auto;
}
#logo-legal .section-capped {
    padding-bottom: 0;
}
 #footer-logo {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 2rem;
}
 #copyright-container {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1.0625rem;
     align-self: stretch;
}
 .additional-resources-container {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 1.25rem;
     align-self: stretch;
}
 @media (min-width: 1200px) {
     .additional-resources-container {
         gap: 0.3125rem !important;
    }
}
 .legal-divider {
     color: #FFF;
     font-size: 0.875rem;
     font-style: normal;
     font-weight: 400;
     line-height: 1.25rem;
}
 .resource-title a {
     color: white;
     text-decoration: none;
}
 .legal-divider:last-child {
     display: none !important;
}
 #bottom-footer {
     display: flex;
     padding: 3.125rem 0rem;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 1.875rem;
}
 @media (min-width: 1200px) {
     #bottom-footer {
         gap: 3.125rem;
    }
}
 #links-container {
     display: flex;
}
 @media (min-width: 1200px) {
     #links-container {
         flex-direction: column;
         justify-content: center;
         align-items: center;
         gap: 3.125rem;
    }
}
 #footer-links {
     display: flex;
     align-items: flex-start;
     gap: 2.5rem;
}
 @media (min-width: 1200px) {
     #footer-links {
         display: flex;
         padding: 1.25rem 0rem;
         justify-content: center;
         align-items: flex-start;
         gap: 3.125rem;
    }
}
 .footer-links-div {
     width: 33%;
     flex-direction: column;
}
 #footer-links p {
     color: white;
     margin: 0;
}
 .footer-links-div a {
     text-decoration: none;
     color: white !important;
     margin-bottom: 0.625rem;
     width: fit-content;
}
 .footer-links-div hr {
     opacity: 1;
     border-color: white;
     margin-top: 0.9375rem;
     margin-bottom: 0.9375rem;
}
 .mobile-footer-accordion {
     --bs-accordion-color: #212529;
     --bs-accordion-bg: #4f2683 !important;
     --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
     --bs-accordion-border-color: none;
     --bs-accordion-border-width: 0;
     --bs-accordion-border-radius: 0;
     --bs-accordion-inner-border-radius: 0;
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: white;
     --bs-accordion-btn-bg: none;
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-border-color: none;
     --bs-accordion-btn-focus-box-shadow: none;
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: white;
     --bs-accordion-active-bg: #4f2683;
     margin-bottom: 0px;
     margin-top: 0 !important;
}
 .mobile-footer-accordion a {
     width: fit-content;
     display: block;
     color: white;
     text-decoration: none;
     font-weight: 400;
     font-size: 1rem;
     font-family: var(--wu-font-book) !important;
}
 .mobile-footer-accordion .accordion-item {
     border-bottom: 0;
}
 #ribbon-menu a {
     color: white;
     margin-bottom: 0;
     font-weight: 400;
     font-family: var(--wu-font-book) !important;
     background-color: transparent;
}
 #responsive-dept a, .dept-container a {
     font-weight: 400;
     color: var(--wu-grey-7);
     margin: 0;
     text-decoration: none;
}
 #responsive-dept a:hover, .dept-container a:hover {
     color: #4F2683;
}
 #global-menu-offcanvas {
     min-width: 100%;
     border: none;
     padding: 0;
     overflow: hidden;
}
 #global-menu-offcanvas .offcanvas-header > a:nth-child(2), #global-menu-offcanvas .offcanvas-header > a:nth-child(3) {
     margin-left: auto;
     order: 2;
}
 #global-menu-offcanvas .offcanvas-header #responsive-dept {
     flex-basis: 100%;
     order: 3;
}
 #global-menu-offcanvas .offcanvas-header > a:nth-child(1) {
     flex-basis: 100%;
     order: 1;
     flex: 1 1 0;
}
 #global-menu-offcanvas .offcanvas-header {
     flex-wrap: wrap;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 18px;
}
 #global-menu-accordion .accordion {
     --bs-accordion-color: var(--bs-body-color);
     --bs-accordion-bg: var(--bs-body-bg);
     --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
     --bs-accordion-border-color: none;
     --bs-accordion-border-width: 0;
     --bs-accordion-border-radius: 0;
     --bs-accordion-inner-border-radius: 0;
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: var(--bs-body-color);
     --bs-accordion-btn-bg: var(--bs-accordion-bg);
     --bs-accordion-btn-icon: none;
     --bs-accordion-btn-icon-width: 0;
     --bs-accordion-btn-icon-transform: none;
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: none;
     --bs-accordion-btn-focus-box-shadow: none;
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 0;
     --bs-accordion-active-color: initial;
     --bs-accordion-active-bg: none;
}
 #offcanvas-global-menu-accordion .accordion-button:after {
     background-image: none !important;
     background-size: auto;
}
 #offcanvas-global-menu-accordion .accordion-button {
     border-left: 1px solid #4f2683;
     text-transform: uppercase;
     color: #201436;
     gap: 1rem;
     padding-bottom: 0;
     padding-top: 0;
     background-color: transparent;
}
 #global-menu-accordion .accordion-item {
     padding: 0.9375rem 0rem;
}
 #offcanvas-global-menu-accordion .accordion-collapse {
     border-left: 1px solid #4f2683;
     border-left: 1px solid #A361FF;
}
 .offcanvas-global-list {
    margin-bottom: 0;
    display: flex;
    /* width: 19.6875rem; */
    padding: 1.875rem 0rem 0rem 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.875rem;
}
 .offcanvas-global-list li {
     /* padding: 8px 16px;*/
}
 .gma-external-link {
     background: url(https://www.uwo.ca/web_standards/2025-global/assets/img/icons/orchid-external.svg) right / 12px no-repeat;
}
 .offcanvas-global-list .gma-external-link {
     background: none;
}

 .offcanvas-global-list .gma-external-link a {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
}
 .gma-accordion-link {
     text-decoration: none;
     /* padding-left:16px; */
     color:#000;
     font-weight: 400;
}
 .search-btn.push.mobile-search-icon {
     margin-left: auto;
     margin-right: 12px;
}
 .offcanvas-header #responsive-dept {
     margin-top: .94rem;
     padding-bottom: 0;
}
 #scrolling-div {
     background-color: var(--wu-deep-focus);
     display: flex;
     padding: 1.25rem 0rem 1.25rem 1.5625rem;
     gap: 1.125rem;
     flex-direction: column;
     height: 6.625rem;
     border-top: 1px #EEE;
     justify-content: center;
     height: auto;
     padding-left: 20px;
}
 #scrolling-div ul li {
     color: white;
     font-weight: 500;
     margin: 0;
}
 .scroll-container {
     white-space: nowrap;
     padding: 0 0 30px 0;
     overflow-x: auto;
     overflow-y: hidden;
     padding: 0;
}
 #scrolling-div ul {
     display: flex;
     gap: 0.9375rem;
     margin-bottom: 0;
     overflow: scroll;
     flex-wrap: nowrap;
     white-space: nowrap;
     padding-bottom: 10px;
     scrollbar-width: auto;
}
 #scrolling-div ul li a {
     color: #fff;
     text-decoration: none;
     padding-right: 16px;
}
 #scrolling-div p {
     color: white;
     margin: 0;
}
 #global-menu-accordion {
     border-bottom: 3px solid var(--深夜福利站-Purple, #4F2683);
     border-top: 3px solid #4F2683;
}
 #search-container {
     height: 100vh;
     border-top: 5px solid #4F2683;
     backdrop-filter: blur(8.5px);
     z-index: 999;
     position: absolute;
    /*overflow: scroll;
     */
     padding: 0;
     background: rgba(0, 0, 0, 0.8);
     padding-bottom: 150px;
     overflow:auto;
}
 #search-container .section-capped {
     display: flex;
     justify-content: flex-start;
     flex-direction: column;
     padding-top: 200px;
     width: 100%;
     height: 100%;
}
 #quick-links li {
     border-bottom: 1px dashed #ACACAD;
}
 #quick-links li a {
     color: white;
     padding-left: 0;
     padding-top: 15px;
     padding-bottom: 15px;
     font-size: 1.125rem;
     text-decoration: none;
     line-height: 25px;
     display: block;
     font-family: "BentonSans Book", Arial, sans-serif !important;
     font-weight: 400;
}
 #quick-links {
     margin-left: auto;
     margin-right: auto;
     height: 100%;
}
 #quick-links li:last-of-type {
     border-bottom: none;
}
 @media (min-width: 1200px) {
     #search-container .section-capped {
         width: 50%;
    }
}
 #cse-search-box {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 0px;
     gap: 17.8px;
}
 #input-cse input {
     border: 2.54297px solid #8f55e0;
     border-radius: 83.918px;
     font-family: 'BentonSans Book', Arial, sans-serif !important;
}
 #search-icon-btn {
     position: absolute;
     top: 0;
     height: 100%;
     right: 12px;
     background: transparent;
}
 .ind-search form {
     display: flex;
     flex-direction: row;
     justify-content: center;
     gap: 10px;
}
.ind-search form .btn {
    min-width: 0;
}
 #ribbon-links {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 0;
     gap: 25px;
     flex-basis: 100%;
     justify-content: space-evenly;
}
 #ribbon-directory {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 20px;
     flex-basis: 100%;
     padding: 0;
}
 #ribbon-parent {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 40px 0;
     gap: 80px;
}
 #ribbon-links ul {
     margin-bottom: 0;
}
 #ribbon-links ul li {
     margin-bottom: 10px;
}
 #ribbon-links li a {
     padding: 0 0 0 20px;
     background-repeat: no-repeat;
     background-image: url(https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/chevron.svg);
     color: #201436;
     text-decoration: none;
     display: block;
     width: fit-content;
     background-position: left;
}
 .ind-search {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 5px;
}
 .btn-western-white-light {
     padding: 10px 18px;
     border: 2px solid #4F2683;
     border-radius: 4px;
     color: #4F2683;
     text-decoration: none;
     font-family: "Benton Sans Book", Arial, sans-serif !important;
     font-size: 1rem;
     line-height: 25px;
     text-align: center;
     min-width: 145px;
    /*background-color: white;
     */
}
 .btn-western-white-light:hover {
     color: white;
     background: #201436;
     border: 2px solid #8F55E0;
}
 .btn-western-white-dark {
     padding: 10px 18px;
     border: 2px solid white;
     border-radius: 4px;
     color: #4F2683;
     text-decoration: none;
     font-family: "Benton Sans Book", Arial, sans-serif !important;
     font-size: 1rem;
     line-height: 25px;
     text-align: center;
     background-color: white;
         min-width: 145px;
}
 .btn-western-white-dark:hover {
     color: white;
     background: #4f2683;
     border: 2px solid #8F55E0;
}
 .btn-western-purple-dark {
     padding: 10px 18px;
     border: 2px solid white;
     border-radius: 4px;
     color: white;
     text-decoration: none;
     font-family: "Benton Sans Book", Arial, sans-serif !important;
     font-size: 1rem;
     line-height: 25px;
     text-align: center;
         min-width: 145px;
}
 .btn-western-purple-dark:hover {
     color: white;
     background: #4f2683;
     border: 2px solid #8F55E0;
}
 .ind-search form p {
     padding: 0;
     margin-bottom: 0;
     align-self: center;
}
 #firstname, #lastname {
     width: 150px;
}
 #searchstring {
     width: 310px;
}
 #global-menu-nav .nav-item.dropdown:hover .dropdown-menu {
     display: block;
     visibility: visible;
     opacity: 1;
     transform: none;
}
 #global-menu .dropdown-toggle {
     display: flex;
     align-items: center;
     /*gap: .6rem;*/
     justify-content: space-between;
     position: relative;
}
 #global-menu-nav .nav-item.dropdown:hover .dropdown-toggle img {
     transform: rotate(180deg);
     transition: transform 0.3s ease;
}
 #global-menu-nav .dropdown-toggle img {
     transform: rotate(0deg);
     transition: transform 0.3s ease;
     margin-left:10px;
     order:2;
}
 #global-menu .nav-link:focus, #global-menu .nav-link:hover {
     color: var(--bs-nav-link-hover-color);
}
 .mega-nav-dropdown .dropdown-item-child:focus, .mega-nav-dropdown .dropdown-item-child:hover {
     color: var(--bs-dropdown-link-hover-color);
     background-color: var(--bs-dropdown-link-hover-bg);
}
 header {
     background-color: white;
}
 .temp-section {
     padding-top: 35px;
     padding-bottom: 35px;
     padding-left: 20px;
     padding-right: 20px;
    /*position: absolute;
     */
}
 #bottom-footer a:after, #ribbon-menu a:after {
     content: " ";
     display: block;
     width: 0%;
     height: 1px;
     background-color: #FFFFFF;
     transition: width 0.4s;
}
 #bottom-footer a:hover::after, #ribbon-menu a:hover::after {
     width: 100%;
}
 #footer-logo > a:after {
     display: none;
}
 #ribbon-links a:after, #phone-contact a:after {
     content: " ";
     display: block;
     width: 0%;
     height: 1px;
     background-color: #8F55E0;
     transition: width 0.4s;
}
 #ribbon-links a:hover::after, #phone-contact a:hover::after {
     width: 100%;
}
 #phone-contact a {
     text-decoration: none;
     color: initial !important;
}
 .brand-container {
     max-width: 1170px;
     margin-left: auto;
     margin-right: auto;
}
 .factoid {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0px;
}
 .factoids-container {
     gap: 30px;
     text-align: center;
}
 .wu-fact {
     color: #4f2683;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: calc(390px - 8.75rem);
}
 .factoids {
     gap: 10px;
}
 .factoid-divider {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 0px;
     max-width: 100px;
}
 .fact-divider {
     width: 90px;
     height: 0px;
     border: 1px solid #DEDEDE;
     transform: rotate(90deg);
}
 @media (min-width: 768px) {
     .factoid-container {
         gap: 1.875rem;
         flex-direction: row;
    }
}
 .slide-m-prev {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-arrow-left.svg') no-repeat;
}
 .slide-m-next {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-right-arrow.svg') no-repeat;
}
 .slider-controls {
     display: flex;
     justify-content: space-around;
     align-items: center;
}
 .slider-controls {
     display: none;
}
 .slide-m-prev, .slide-m-next {
     border: none;
     flex: 0 !important;
     width: 20px;
     height: 20px;
}
 .brand-statement {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 50px 0px 22px;
     gap: 10px;
}
 .brand-statement .flex-center {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0px;
     text-align: center;
}
 .component-heading {
     color: var(--bs-heading-color);
}
 .brand-statement .component-heading {
     margin-bottom: 1rem;
     color: #4F2683;
}
 @media (max-width: 576px) {
     .brand-statement p {
         width: 100% !important;
    }
}
 .wu-section.brand-statement {
     padding-bottom: 0 !important;
}
 .western-card-bg {
     background-position: center top !important;
     background-size: cover!important;
     background-repeat: no-repeat !important;
     height: 426px;
}
 .brand-container.western-cards {
     gap: 2.5rem;
}
 .card.western-card {
     border-radius: 0;
     border-bottom: 1px solid #8F55E0;
     text-align: center;
     border-top: none;
     border-left: none;
     border-right: none;
     gap: 1.875rem;
     margin-bottom: 12px;
     filter: drop-shadow(-5px 4px 18px rgba(0, 0, 0, 0.15));
     height:100%;
}
 .western-card .card-header:first-child {
     border-radius: 0;
}
 .western-card h3.card-title {
     color: #201436;
    /*font-weight: 600;
     */
     margin-bottom: 0;
}
 .western-card .card-footer:last-child {
     border-radius: 0;
}
 .western-card .card-footer {
     background-color: white;
     border: none;
     margin-bottom: 15px;
     margin-top: 15px;
     padding-bottom: 15px;
}
 .academics-col {
     display: flex;
     align-items: stretch;
     flex-direction: column;
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 .btn-western-purple-light {
     padding: 10px 18px;
     background: #4F2683;
     border-radius: 4px;
     color: #FFFFFF;
     text-align: center;
     border: 2px solid transparent;
     text-decoration: none;
     font-family: "BentonSans Book", Arial, sans-serif !important;
     font-size: 1rem;
     line-height: 25px;
     min-width: 145px;
}
 .academics .component-heading {
     margin-bottom: 2.5rem;
}
/* .wu-section.academics {
     background-color: #EEE;
}
 */
 @media (min-width: 1200px) {
     #phone-contact {
         align-self: center;
    }
}
 footer {
     border-top: 1px solid #EEE;
}
 #social-container a:hover img, #social-container a:focus img {
     border: 1px solid #4F2683;
}
 .mobile-footer-accordion .accordion-header {
     border-bottom: 1px solid white;
}
 .no-scroll {
     overflow: hidden !important;
}
 .copyright {
     margin: 0;
     color: white !important;
}
 .dropdown-item-child .external-link-dd {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 95%;
}
 #global-menu-offcanvas .offcanvas-header > * {
     flex: 1 1 auto;
}
 .mega-nav-dropdown .dropdown-item-child {
     border-bottom: 1px solid var(--Grey-2, #dedede);
}
 #global-menu-accordion .accordion-body {
     padding-left: 0px;
     padding-right: 0px;
}
 .mega-nav-dropdown {
     padding-top: 15px;
     margin-left: 10px;
}
 #additional-resources {
     margin-top: -13px;
}
 .wu-background-grey {
     background-color: #EEE !important;
}
 .wu-background-white {
     background-color: white !important;
}
 #social-container img {
     border-radius: 50%;
     border: 1px solid transparent;
}
 header .section-full-width {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
 @media (max-width: 1199.98px) {
     #search-container .section-capped {
         padding-top: 50px;
         width: 100%;
         padding-right: 34px;
         padding-left: 34px;
         padding-bottom: 50px;
    }
}
 .gma-external-link img {
     margin-left: auto;
}
 @media (min-width: 1200px) {
     #cse-search-box .input-group {
         width: 549px;
         margin-left: auto;
         margin-right: auto;
    }
}
 #wu-toggle-mobile {
     /*padding-right: 12px;*/
     width:48px;
     height:48px;
     margin-right:12px;
     display: flex;
    align-items: center;
    justify-content: center;
}
 .accordion-button.active {
     border-left: 1px solid #A361FF !important;
}
 .accordion-button.inactive {
     color: #575757 !important;
}
 #global-menu-accordion {
     overflow-y: auto;
     height: 100vh;
     padding-left: 20px;
     padding-right: 20px;
}
 #ribbon-global-nav {
     order: 2;
     justify-content: flex-end;
}
 #search-container p:not(:first-of-type) {
     font-size: 20px;
     line-height: 20px;
}
 #search-title {
     color: white;
     text-align: center;
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 1.7rem;
     line-height: 141%;
}
 #mobile-search-title {
     color: white;
     font-size: 20px;
     line-height: 20px;
     text-transform: uppercase;
     text-align: center;
     padding-top: 30px;
     padding-bottom: 30px;
}
 .btn-western-white-coloured:hover {
     color: #FFFFFF;
     background: #201436;
     border: 2px solid #8F55E0;
     box-shadow: 0px 10px 28px rgba(34, 19, 56, 0.12);
}
 .btn-western-white-coloured {
     padding: 10px 18px;
     background: #FFFFFF;
     border-radius: 4px;
     color: #4F2683;
     text-align: center;
     border: 2px solid transparent;
     text-decoration: none;
     font-size: 1rem;
     line-height: 25px;
     min-width:145px;
}
 .hero-play-btn.paused {
     background-image: url(https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/play-icon.svg);
     background-color: transparent;
}
 #interior-page-title {
     /*padding-bottom: 20px;*/
     margin-bottom: 0;
     padding-bottom 0;
}
 #global-menu-nav .external-link img {
     padding-bottom: 5px;
}
 .hover-line-purple a:after {
     content: " ";
     display: block;
     width: 0%;
     height: 1px;
     background-color: #8F55E0;
     transition: width 0.4s;
}
 .hover-line-purple a:hover::after {
     width: 100%;
}
 .brand-container.breadcrumbs-wrapper {
     display: flex;
     align-items: center;
     padding-top: 19px;
     padding-bottom: 19px;
}
 .western-breadcrumbs .breadcrumb-item a {
     color: #000000;
     text-decoration: none !important;
     font-size: .875rem;
}
 .breadcrumb-item.active {
     color: #4f2683;
}
 .breadcrumb-item.active span {
     border-radius: 2px;
     padding: 2px 10px;
     background: #DEDEDE;
}
 .breadcrumb-item + .breadcrumb-item {
     padding-left: 0px;
     margin-bottom: 0;
}
 .breadcrumb-item + .breadcrumb-item::before {
     content: none;
}
.western-breadcrumbs .breadcrumb-item + .breadcrumb-item {
    padding-left: 0px !important;
    margin-bottom: 0;
}
 .western-breadcrumbs .breadcrumb-item:not(:last-child) {
     margin-bottom: 0;
     padding-right: 20px;
     padding-left:0 !important;
     background: url(https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/chevron.svg) right 1px no-repeat;
     background-position: right;
}
 .breadcrumbs-container {
     padding-top: 0!important;
     padding-bottom: 0 !important;
     background: #EEE;
}
 .western-breadcrumbs {
     flex-direction: row;
     gap: 10px;
     margin: 0;
     align-items: center;
}
.wu-homepage section.wu-section {
    margin-left: 0;
    margin-right: 0;
    width: 100vw;
}
 .wu-homepage .wu-section, .wu-section {
     padding: 2.1875rem 1.25rem;
}
 .hero-video {
     position: relative;
     width: 100%;
     overflow: hidden;
     max-height: 600px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.86%, rgba(0, 0, 0, 0.75) 88.24%);
     z-index: 2;
     padding-bottom: 31.25%;
     padding-left: 0;
     padding-right: 0;
}
 .hero-video video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     object-fit: cover;
     height: auto;
}
 .hero-text {
     position: absolute;
     z-index: 1;
     border-bottom: 1px solid #8F55E0;
     backdrop-filter: blur(7.5px);
     background: rgba(255, 255, 255, 0.75);
     bottom: 46px;
     max-width: 590px;
     padding: 30px 20px;
     overflow: auto;
     gap: 0.625rem;
     display: flex;
     flex-direction: column;
}
 @media (max-width: 360px) {
     .hero-text a {
         display: block;
    }
}
 .video-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: auto;
     z-index: 1;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.86%, rgba(0, 0, 0, 0.75) 88.24%);
}
 .hero-text .h2 {
     color: #201436;
}
 .hero-text p {
     color: #000;
}
 .hero-play-btn {
     position: absolute;
     z-index: 99;
     bottom: 50px;
     right: 50px;
     height: 40px;
     width: 40px;
     background-image: url(https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/pause-icon.svg);
     background-size: contain;
     background-color: transparent !important;
}
 @media (max-width: 1199.98px) {
     .hero-video .brand-container {
         padding-left: 20px;
    }
}
 .mobile-brand {
     width: 100vw !important;
}
 .hero-img {
     width: 100vw;
}
 .hero-container-hp, .hero-container-interior {
     position: relative;
}
 .hero-text.hero-text-mobile {
     position: unset;
     max-width: 100%;
     background: #4F2683;
     min-width: 100%;
}
 .hero-text h1 {
    /*font-size: 4rem;
     font-weight: 500;
     line-height: 1.2;
     */
     margin: 0;
}
 #hp-mobile-hero .brand-container {
     padding-left: 0 !important;
     padding-right: 0 !important;
}
 .hero-text.hero-text-mobile {
     position: unset;
     max-width: 100%;
     background: #4F2683;
     min-width: 100%;
}
 .mobile-hero-image-container {
     max-height: 280px;
     height: 280px;
     background-size: auto 280px;
     background-position: center;
}
 .hero-text.hero-text-mobile {
     position: unset;
     max-width: 100%;
     background: #4F2683;
     min-width: 100%;
}
 .main-parent span {
     color: #201436;
     border: none;
}
 .active-parent span {
     color: #4F2683;
}
 .wu-leftNav {
     width: 100%;
     border: none;
     border-radius: 0;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0px;
}
 .wu-leftNav .list-group-item.disabled span {
     color: #4F2683 !important;
     border: none;
     font-weight: 400;
}
 .wu-leftNav .list-group-item {
     color: #292929 !important;
     border: none;
     font-weight: 400;
}
 .list-group-item:first-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .list-group-item:last-child {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     border-bottom: none;
}
 #left-nav-wrapper {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0px 20px;
     gap: 30px;
     border-right: 1px solid #DEDEDE;
     width: 245px;
     max-width: 245px;
}
 #left-nav-content {
     padding: 16px 20px;
}
 #interior-content {
     padding: 3.125rem 1.25rem;
}
 #page-content {
     margin-left: 40px;
}
 .wu-leftNav .list-group-item span {
     display: inline-block;
}
 .list-group-item-action:focus, .list-group-item-action:hover {
     z-index: 1;
     color: #4F2683;
     text-decoration: underline;
     background-color: white;
     cursor: pointer;
}
 .parent {
     border-bottom: 1px solid #DEDEDE;
}
 .parent {
     margin-left: 10px;
}
 .parent-child {
     padding-left: 30px;
}
 .main-parent {
     padding: 0;
}
 .parent {
     padding-left: 10px;
     margin-left: 0;
     border-bottom: 1px solid #DEDEDE !important;
}
 .wu-article {
     margin: 20px 0;
}
/*
 .wu-arrow-list {
     padding-left: 1px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     list-style-type: none;
     list-style-type: none;
     list-style-image: url(https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/chevron-new.svg);
     padding-left: 16px;
     display: flex;
     flex-direction: column;
     gap: 10px;
}
*/
.wu-arrow-list {
    padding-left: 0 !important;
    display: flex;
    flex-direction: column;
    gap:10px;
    list-style: none;
}
 .wu-leftNav .parent:hover span {
     color: #4f2683;
}
 .wu-leftNav .parent-child:hover span {
     color: #4f2683;
     text-decoration: underline;
     text-underline-offset: 5px;
}
 .wu-leftNav .active-parent:hover span {
     color: #4F2683;
     text-decoration: underline;
     text-underline-offset: 5px;
}
 .wu-leftNav .main-parent:hover span {
     color: #292929;
}
 .wu-leftNav li > * {
     flex-direction: column;
}
/*
 .wu-arrow-list li::marker {
     content: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/chevron-new.svg');
}
*/
 .accordion.mobile-left-nav {
     --bs-accordion-color: #212529;
     --bs-accordion-bg: #fff;
     --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
     --bs-accordion-border-color: #4F2683;
     --bs-accordion-border-width: 1px;
     --bs-accordion-border-radius: 0;
     --bs-accordion-inner-border-radius: 0;
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: #FFFFFF;
     --bs-accordion-btn-bg: #4f2685;
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-border-color: #4F2683;
     --bs-accordion-btn-focus-box-shadow: none;
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: #FFFFFF;
     --bs-accordion-active-bg: #472683;
     padding-bottom: 15px;
}
/*
 .wu-arrow-list li {
     padding-left: 16px;
}
*/
.wu-arrow-list li {
    position: relative;
    padding-left: 32px !important;
}
.wu-arrow-list li::before {
  content: '';
  position: absolute;
  /*top: 0.4em;*/
  width: 16px;
  height: 16px;
  background-image: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/chevron-new.svg');
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}


 .list-group-item span {
     margin-bottom: 0px;
}
 .parent-child {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .parent {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .main-parent {
     margin-bottom: 10px;
}
 a.list-group-item.list-group-item-action.active-parent {
     border-bottom: 1px solid #8F55E0 !important;
     padding-left: 10px;
     margin-bottom: 5px !important;
}
 .hover-underline-animation:hover, .hover-underline-animation:focus, .hover-underline-animation:active {
     background-size: 100% 1px;
     background-color: transparent;
}
 @media (max-width: 1190px) {
     #page-content, #page-content-right, #right-sidebar {
        /* margin-left: 20px !important;
         margin-right: 20px !important; */
         margin-left:0;
         margin-right:0;
    }
    .section-capped {
        padding-left:0;
        padding-right:0;
    }
    footer .section-capped, header .section-capped {
        padding-left:20px;
        padding-right:20px;
    }
}
 .list-group-item.list-group-item-action.parent:hover {
     border-color: #8F55E0 !important;
}
/* dl, ol, ul {
     font-family: "Benton Sans Book", Arial, sans-serif;
}
 */
 b, strong {
     font-weight: 700;
     font-family: "BentonSans Medium", Arial, sans-serif !important;
}
/*
 @media (min-width: 1400px) {
     .wu-homepage .wu-section, .wu-section {
         padding: 3.125rem 0px;
    }
}
*/
 .nav-tabs {
     --bs-nav-tabs-border-width: var(--bs-border-width);
     --bs-nav-tabs-border-color: var(--bs-border-color);
     --bs-nav-tabs-border-radius: var(--bs-border-radius);
     --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
     --bs-nav-tabs-link-active-color: #4F2683;
     --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
     --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
     border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
     margin-top: 20px;
}
.wu-nav-tabs {
    padding-left: 0 !important;
    gap: 0 !important;
}
.tab-content {
     padding: 35px 10px;
     /*
     padding-left: 20px;
     border-color: #dee2e6;
     border-width: 1px;
     border-style: solid;
     border-top: none;
     */
     margin-bottom: 20px;
     border:none;
}
 .wu-nav-tabs .nav-link.active {
     background-color: white;
     color: #4F2683 !important;
}
 .wu-nav-tabs .nav-link:hover {
     color: #4F2683 !important;
     border-color: transparent;
}
.wu-nav-tabs .nav-link:focus {
    color: #292929 !important;
     border-color: transparent;
}
 .wu-nav-tabs .nav-link.active:focus, .wu-nav-tabs .nav-link.active:hover {
    color: #4F2683 !important;
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
 .wu-nav-tabs .nav-link {
     display: block;
     padding: 0.75rem 2rem;
     text-decoration: none !important;
     background: 0 0;
     padding: 8px 16px;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
     margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
     border: var(--bs-nav-tabs-border-width) solid transparent;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-radius: 4px 4px 0px 0px;
}

.wu-nav-tabs .nav-link {
     color: #292929 !important;
}
 .wu-nav-tabs .nav-item {
     /*padding: 0 10px;*/
     border-radius: 0;
}

@media (max-width: 575.98px) {
  .wu-nav-tabs .nav-link {
      border-left: none;
border-right: none;
border-top: var(--bs-nav-tabs-border-width) solid;
border-radius: 0px;
   border-top-color: rgb(222, 226, 230);
  }
  .wu-nav-tabs .nav-item .nav-link.active {
    border-bottom: var(--bs-nav-tabs-border-width) solid;
    border-bottom-color: rgb(222, 226, 230);
}
}

 .accordion-item:first-of-type .accordion-button {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .accordion-button:focus {
     z-index: 3;
     border-color: var(--bs-accordion-btn-focus-border-color);
     outline: 0;
     box-shadow: none;
}
 .accordion-item:first-of-type {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .accordion-button:not(.collapsed) {
     color: white;
     background-color: #4F2683;
     box-shadow: none;
}
 .accordion-button:not(.collapsed) {
     color: white;
     background-color: #4F2683;
     box-shadow: none;
}
 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
 .accordion {
     margin-bottom: 20px;
     margin-top: 20px;
}
 .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .accordion-item:last-of-type {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .title-bar-grey {
     padding-bottom: 5px;
     width: 100%;
     margin-bottom: 15px;
     border-bottom: 3px solid #ccc;
}
 .title-bar-purple {
     padding: 7px 0 7px 10px;
     color: #fff;
     background: #4e2583;
}
 .sidebar-title {
     border-bottom: 3px solid #4F2683;
     margin: 0 10px 0 0;
     width: 100%;
}
 .image-left {
     float: left;
     margin-right: 10px;
     padding-bottom: 10px;
}
 .image-right {
     float: right;
     margin-left: 10px;
     padding-bottom: 10px;
}
 .clearfix::after {
     display: block;
     clear: both;
     content: "";
     padding-bottom: 20px;
}
 @media (max-width: 575.98px) {
     .image-right, .image-left {
         float: none;
         margin-left: auto;
         margin-right: auto;
         display: block;
    }
}
 
 .fs-400 {
     font-size: 2.5rem !important;
}
 .mobile-footer-accordion a {
}
 .mobile-footer-accordion .accordion-body {
     gap: 20px;
     display: flex;
     flex-direction: column;
}
 .mega-nav-dropdown ul.list-unstyled {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
/* the slides */
 .slick-slide {
     margin: 0 10px;
}
/* the parent */
 .slick-list {
     margin: 0 -10px;
}
 .slick-dots {
     position: unset !important;
     display: flex !important;
     align-items: center;
}
 .slick-dots li button {
     color: black !important;
     width: 1rem !important;
     height: 1rem !important;
     border: none;
     border-radius: 100%;
     background-color: black !important;
     text-indent: -9999px;
     opacity: .25;
}
 .slick-active button {
     opacity: 1 !important;
}
 @keyframes fade-in {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 .fw-page-section.wu-section {
     padding: 0;
}
 .feature-stories .wn-title {
     padding-top: 1.875rem;
}
 .advanced-title {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     align-self: stretch;
     padding-bottom: 2rem;
}
 .advanced-title .sub-title {
     color: #292929;
     font-weight: 500;
}
 .advanced-title .info {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 0.625rem;
     align-self: stretch;
     text-align: left;
     padding:0;
     max-width: 100%;
}
 .btn-container {
     display: flex;
     padding-top: 2rem;
     align-items: stretch;
     gap: 0.9375rem;
     align-self: stretch !important;
}

.wu-col-item .btn-container {
   padding-top:0px; 
}
 .simple-title {
     display: flex;
     padding-bottom: 32px;
     flex-direction: column;
     align-items: flex-end;
     gap: 2.1875rem;
     align-self: stretch;
}
 .simple-title .btn-container {
     display: flex;
     align-items: stretch;
     gap: 0.5625rem;
     padding-top: 0;
}
 .orchid-hr {
     background-color: var(--wu-orchid);
     opacity: 1;
     border: none;
     height: 0.0625rem;
     width: 100%;
     margin: 0;
     margin-bottom:18px;
}
 .simple-title h2 {
     margin: 0;
     padding: 0;
}
 .simple-container {
     display: flex;
     justify-content: space-between;
    align-items: flex-start;
     align-self: stretch;
     gap: 1.5rem;

}
 .title-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
}
 @media (max-width: 576px) {
     .btn-block {
         width: 100%;
    }
}
 .accordion {
     --bs-accordion-color: var(--bs-body-color);
     --bs-accordion-bg: var(--bs-body-bg);
     --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
     --bs-accordion-border-color: var(--bs-border-color);
     --bs-accordion-border-width: var(--bs-border-width);
     --bs-accordion-border-radius: var(--bs-border-radius);
     --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: var(--bs-body-color);
     --bs-accordion-btn-bg: var(--bs-accordion-bg);
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: var(--bs-primary-text-emphasis);
     --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
 .cover-story .buttons {
     gap: 9px;
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 .orchid-accent:after {
     height: 2px;
     width: 20px;
     background: #8F55E0;
     display: block;
     content: "";
     margin-top: 10px;
}
 .call-out {
     box-shadow: -5px 4px 18px rgba(0, 0, 0, 0.15);
     border-bottom: 1px solid #8F55E0;
     padding: 25px;
     gap: 10px;
     margin-bottom: 15px;
}
 .call-out-container {
     margin-bottom: 32px;
}
 .cta-button-group .btn-western-purple-light:hover {
     background: transparent;
     color: #201436;
     border: 1px solid #201436;
}
 .wu-section.cta {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     gap: 30px;
}
 .cta-button-group {
     display: inline-flex;
     flex-direction: row;
     justify-content: center;
     align-items: flex-start;
     padding: 0px;
     gap: 20px;
     flex-wrap: wrap;
}
 @media (max-width: 600px) {
     .cta-button-group a {
         width: 100% !important;
    }
}
 .cta-button-group .btn-western-purple-light {
     width: 277px;
     padding-top: 20px;
     padding-bottom: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
    border: 1px solid #201436;
     border-radius: 0px;
         min-width: 145px;
}
 .bi-lock-fill {
     margin-left: 5px;
     margin-top: -3px;
}
 @media (max-width: 1199.98px) {
     .fw-page-section-left {
         height: 450px !important;
    }
}
 .fw-page-section-div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0px;
     gap: 10px;
    /*max-width: calc(34.875rem - 12px - 12px);
     */
}
 @media (max-width: 1199.98px) {
     .main-story, .fw-page-section-right-bg, .footer-bkg {
         padding-left: 20px !important;
         padding-right: 20px !important;
         padding-top: 40px !important;
         padding-bottom: 40px !important;
    }
}
 @media (min-width: 991.98px) {
     .fw-page-section-right-bg {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
         gap: 30px;
         position: relative;
         z-index: 5;
         padding: 3.125rem 4rem;
    }
}
 section.fw-page-section {
     margin-bottom: 0;
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 @media (max-width: 575.98px) {
     .social-group .card-footer {
         width: 100%;
         display: block !important;
    }
}
 @media (min-width: 1200px) {
     .feature-stories > div, .social-group > div {
         padding-left: 0;
         padding-right: 0;
    }
}
 .social-proof .card-title {
     color: #2F174F;
     margin-bottom: 0;
}
 .social-proof .card-subtitle {
     color: #201436;
    /*font-weight: 600;
     */
     margin: 0;
}
 .social-proof .card-text {
     color: #292929;
     margin: 0;
}
 .social-group {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     gap: 20px;
}
 .social-group .card {
     border: none;
}
 .social-group .card-body {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0px;
     gap: 0.625rem;
}
 .social-prooff-bg {
     border-bottom: 3px solid #8F55E0;
     height: 393px;
     width: 100%;
}
 .social-proof {
     padding: 75px 0px;
    /*background: #F6F6F6;
     */
}
 .social-group .card {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0px;
     gap: 1.875rem;
     background-color: transparent;
     height: 100% !important;
}
 .social-group .card-footer {
     background: none;
     border: none;
     padding: 0px;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     gap: 15px;
}
 .slide-m-prev {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-arrow-left.svg') no-repeat;
}
 .slide-m-next {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-right-arrow.svg') no-repeat;
}
 .slider-controls {
     display: flex;
     justify-content: space-around;
     align-items: center;
}
 .slider-controls {
     display: none;
}
 .slide-m-prev, .slide-m-next {
     border: none;
     flex: 0 !important;
     width: 20px;
     height: 20px;
}
 @media (max-width: 470px) {
     .wn-story-container {
         width: 100%;
         padding-left: 10px;
         padding-right: 10px;
    }
}
 @media (max-width: 470px) {
     .wn-story {
         padding: 20px 20px !important;
    }
}
 .wn-story {
     background: #FFFFFF;
     border-bottom: 1px solid #8F55E0;
     box-shadow: 5px 4px 18px rgba(0, 0, 0, 0.15);
     padding: 20px 20px;
     gap: 15px;
     display: flex;
     flex-direction: column;
     width: 100%;
}
 .wn-title {
     color: #201436;
}
 @media (min-width: 1200px) {
     .wn-story-container {
         z-index: 9;
         margin-left: -3%;
    }
}
 @media (max-width: 1199.98px) {
     .wn-story-container {
         z-index: 9;
         margin-top: -5%;
         width: 98%;
         margin-left: auto;
         margin-right: auto;
    }
}
 .feature-story-image {
     width: 100%;
     border-bottom: 3px solid #8F55E0;
}
 .feature-stories .wn-title-link {
     text-decoration: none;
     color: inherit;
}
 .feature-stories .wn-title {
     text-decoration: none;
     padding-right: 10px;
}
 @media (max-width: 576px) {
     .events button, .news button {
         flex: 1;
    }
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 .news .brand-container {
     padding-left: 0;
     padding-right: 0;
}
 .feature-stories {
     margin-top: 40px;
     flex-direction: row;
     gap: 20px;
}
 .wn-feature-bg {
     margin-right: -110px;
     height: 500px;
}
 @media (max-width: 475px) {
     .wn-feature-bg {
         height: 250px;
    }
}
 .orchid-accent:after {
     height: 2px;
     width: 20px;
     background: #8F55E0;
     display: block;
     content: "";
     margin-top: 10px;
}
 .header-text {
     color: #201436;
     margin-bottom: 25px;
}
 .section-underline {
     border-bottom: 1px solid #8F55E0;
     padding-bottom: 35px;
     margin-bottom: 50px !important;
}
 @media (min-width: 1200px) {
     .feature-stories > div, .social-group > div {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media (max-width: 1199.98px) {
     .main-story, .fw-page-section-right-bg, .footer-bkg {
         padding-left: 20px !important;
         padding-right: 20px !important;
         padding-top: 40px !important;
         padding-bottom: 40px !important;
    }
}
 .wn-category {
     padding-top: 2rem;
}
 .hover-underline-animation:hover, .hover-underline-animation:focus, .hover-underline-animation:active {
     background-size: 100% 1px;
     background-color: transparent;
}
 .wn-story-btn-container {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 25px;
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 .section-underline {
     border-bottom: 1px solid #8F55E0;
     padding-bottom: 35px;
     margin-bottom: 50px !important;
}
 .wu-section.impact-project {
     background-color: #EEE;
     padding-bottom: 0;
}
 .wu-section.impact-project .text-orchid {
     color: #8F55E0;
}
 .impact-project h3 {
     color: #2F174F;
     font-weight: 600;
}
 .factoids-container {
     gap: 30px;
     text-align: center;
}
 .factoids {
     gap: 10px;
}
 .event-month {
     color: #4F2683;
     font-size: 1.375rem;
     line-height: 114%;
     font-weight: 700;
     text-transform: uppercase;
     font-family: "BentonSans Bold", Arial, sans-serif !important;
     margin: 0;
}
 .event-day {
     color: #4F2683;
     font-size: 2rem;
     line-height: 140.625%;
     font-weight: 700;
     margin: 0;
     font-family: "BentonSans Bold", Arial, sans-serif !important;
}
 .event-name {
     font-size: 1.375rem;
     line-height: 159%;
     color: #201436;
     margin: 0;
}
 .event-container {
     margin-bottom: 40px;
     display: flex;
     flex-direction: row;
     align-items: center;
}
 @media (max-width: 1199.98px) {
     .events {
         margin-bottom: 0 !important;
    }
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 .event-name a {
     color: #201436;
     text-decoration: none;
}
 .header-text {
     color: #201436;
     margin-bottom: 25px;
}
 .section-underline {
     border-bottom: 1px solid #8F55E0;
     padding-bottom: 35px;
     margin-bottom: 50px !important;
}
 .event-date {
     border-bottom: 1px solid #8F55E0;
     box-shadow: -5px 2px 18px rgba(0, 0, 0, 0.1);
     min-height: 100px;
     text-align: center;
     margin-right: 18px;
     display: flex;
     width: 140px;
     height: 120px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 11px;
     flex-shrink: 0;
}
 .hover-underline-animation {
     text-decoration: none;
     background-image: linear-gradient(#A361FF, #A361FF);
     background-size: 0% 1px;
     background-position-y: 100%;
     background-position-x: 0%;
     background-repeat: no-repeat;
     transition: background-size 0.2s ease-in-out;
     padding-bottom: 5px;
}
 .hover-underline-animation:hover, .hover-underline-animation:focus, .hover-underline-animation:active {
     background-size: 100% 1px;
     background-color: transparent;
}
 .wu-section.fw-callout-box {
     display: inline-flex;
     justify-content: center;
     align-items: center;
}
 .wu-section.fw-callout-box p {
     color: white;
}
 @media (max-width: 576px) {
     .btn-block {
         width: 100%;
    }
}
 .btn-western-purple-light:focus {
     background: #4F2683;
     color: #FFFFFF;
     text-decoration: none;
}
 .btn-western-purple-light:hover {
     background: #201436;
     border: 2px solid #8F55E0;
     color: #FFFFFF;
}
 @media (max-width: 576px) {
     .btn-block {
         display: block !important;
    }
}
 #desktop-hero-text .btn-western-white-coloured {
     width: fit-content;
}
 .hero-text .btn-western-white-coloured {
     width: 100%;
}
 @media (min-width: 768px) {
     .hero-text .btn-western-white-coloured {
         width: fit-content;
    }
}
 #bottom-footer a:hover, #ribbon-menu a:hover {
     background-color: transparent;
}
#bottom-footer a:focus {
    background-color: transparent;
}
 a:hover, a:focus {
     color: #4F2683;
     text-decoration: none;
     background-color: #F2F2F2;
}
 footer a {
     color: white;
}
 footer a {
     color: white !important;
}
 #phone-contact a:hover, #phone-contact a:focus {
     background-color: transparent;
}
 #contact-info a, #hidden-ribbon a {
     background-color: transparent;
}
 header a:hover, header a:focus {
     background-color: transparent;
}
 .wu-fact .display-8 {
     color: var(--wu-purple);
}
 .wu-fact sup {
     color: var(--wu-purple);
     top: -0.3em;
}
 .wu-background-grey .event-date {
     background-color: white;
}
 .call-out p.h4 {
     font-weight: 500;
     font-family: "BentonSans Medium", Arial, sans-serif !important;
}
 .western-card .card-body, .western-card .card-footer {
     padding: 0 1.25rem;
}
 .western-card .card-footer {
     margin-bottom: 1.875rem;
     margin-top:0;
}
 .western-card .card-body {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
}
 .wu-section.alumni-magazine.option-b.wu-background-grey .cover-story {
     background: white;
     padding-top:20px;
}
 .wu-section.alumni-magazine.option-b.wu-background-white .cover-story {
     background: #EEE;
     padding-top:20px;
}
/* Mobile background (default - bg-grey) */
 .wu-section.alumni-magazine.option-a.wu-background-grey .cover-story {
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 25%, white 25%, white 100%);
}
/* Tablet background (min-width: 768px) */
 @media (min-width: 768px) and (max-width: 991px) {
     .wu-section.alumni-magazine.option-a.wu-background-grey .cover-story {
         background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 41.93%, white 41.93%, white 100%);
    }
}
/* Desktop background (min-width: 992px) */
 @media (min-width: 992px) {
     .wu-section.alumni-magazine.option-a.wu-background-grey .cover-story {
         background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 15.09%, white 15.1%, white 100%);
         padding:20px;
         padding-left:0;
    }
}
/* Mobile background (default bg-white) */
 .wu-section.alumni-magazine.option-a.wu-background-white .cover-story {
     background: linear-gradient(180deg, rgba(238, 238, 238, 0.00) 25%, #EEE 25%, #EEE 100%);
}
/* Tablet background (min-width: 768px) */
 @media (min-width: 768px) and (max-width: 991px) {
     .wu-section.alumni-magazine.option-a.wu-background-white .cover-story {
         background: linear-gradient(180deg, rgba(238, 238, 238, 0.00) 41.93%, #EEE 41.93%, #EEE 100%);
    }
}
/* Desktop background (min-width: 992px) */
 @media (min-width: 992px) {
     .wu-section.alumni-magazine.option-a.wu-background-white .cover-story {
         background: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 15.09%, #EEE 15.1%, #EEE 100%);
         padding:20px;
         padding-left:0;
    }
}
 @media (min-width: 992px) {
     .wu-section.alumni-magazine.option-a .cover-story {
         padding:20px;
         padding-left:0;
    }
}
 .alumni-magazine .component-heading {
     margin: 0;
}
 .alumni-magazine .row {
     padding-bottom: 2rem;
     margin-left: 0;
     margin-right: 0;
     padding: 0px 20px 20px 20px;
}
 .alumni-magazine .row .col {
     padding: 0;
}
/* .cover-story {
     padding: 20px !important;
}
 */
 .cover-story .feature-story-image {
}
 .wu-homepage main > .fw-page-section:last-child {
     padding-bottom: 0 !important;
}
 .wu-homepage main > section:last-child {
    /*padding-bottom: 0 !important;
     */
}
 .fw-page-section.wu-section.wu-background-grey {
     background-color: white !important;
}
 .fw-page-section.wu-section.wu-background-white {
     background-color: #EEE !important;
}
 .fw-page-section.wu-section.wu-background-grey .row {
     background-color: #EEE;
}
 .fw-page-section.wu-section.wu-background-white .row {
     background-color: white;
    /*max-width: 100vw;
     */
}
 .wu-nav-tabs .nav-item {
     padding-left: 0 !important;
}
 .wu-homepage main {
     width: 100vw;
}
 .social-proof .row {
     margin-left: 0;
     margin-right: 0;
}
 .news .row {
     margin-left: auto;
     margin-right: auto;
     height:fit-content;
}
.news .col {
    padding-left:0;
    padding-right:0;
}
 .factoids .row {
     margin-left: auto;
     margin-right: auto;
}
 @media (min-width: 1200px) {
     .fw-page-section-div {
         max-width: calc(34.875rem - 24px);
    }
}
 .fw-page-section-right-bg .row .col {
     padding-left: 20px;
     padding-right: 20px;
}
 .fw-page-section-right-bg, .fw-page-section-left {
     max-width: 100vw;
}
 .fw-page-section .row {
     max-width: 100vw;
     margin: 0;
}
 .modal-header {
     background-color: #201436;
     border: none;
}
 .uwo-modal-close {
     opacity: 1 !important;
}
 .factoids {
     gap: 10px;
}
 .slide-m-prev {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-arrow-left.svg') no-repeat;
}
 .slide-m-next {
     background: url('https://www.uwo.ca/web_standards/2023-hp/assets/img/assets/icons/scrollbar-right-arrow.svg') no-repeat;
}
 .slider-controls {
     display: flex;
     justify-content: space-around;
     align-items: center;
}
 .slider-controls {
    /*visibility: hidden;
     */
     display: none;
}
 .slide-m-prev, .slide-m-next {
     border: none;
     flex: 0 !important;
     width: 20px;
     height: 20px;
}
/* Original logo styles for different faculties */
 img#header-logo[data-wu-faculty="Faculty of Arts & Humanities"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Don Wright Faculty of Music"] {
     width: 28.5625rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Faculty of Education"] {
     width: 28.125rem;
     height: 3.65625rem;
     max-width: 28.125rem;
     max-height: 3.65625rem;
}
 img#header-logo[data-wu-faculty="Faculty of Engineering"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="School of Graduate and Postdoctoral Studies"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Faculty of Health Sciences"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Faculty of Information & Media Studies"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Faculty of Law"] {
     width: 20.3125rem;
     height: 2.64063rem;
     max-width: 20.3125rem;
     max-height: 2.64063rem;
}
 img#header-logo[data-wu-faculty="Faculty of Science"] {
     width: 25rem;
     height: 3.25rem;
     max-width: 25rem;
     max-height: 3.25rem;
}
 img#header-logo[data-wu-faculty="Faculty of Social Science"] {
     width: 31.25rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img#header-logo[data-wu-faculty="Schulich School of Medicine & Dentistry"] {
     width: 12.99219rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
/* Mobile logo styles for different faculties */
 img.header-logo-mobile[data-wu-faculty="Faculty of Arts & Humanities"] {
     width: 13.1875rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Don Wright Faculty of Music"] {
     width: 8rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Education"] {
     width: 9.8125rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Engineering"] {
     width: 9.8125rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="School of Graduate and Postdoctoral Studies"] {
     width: 10.375rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Health Sciences"] {
     width: 13.1875rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Information & Media Studies"] {
     width: 10.25rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Law"] {
     width: 8.375rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Science"] {
     width: 8.375rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Faculty of Social Science"] {
     width: 12.3125rem;
     max-width: 13.4375rem;
     max-height: 2.6875rem;
}
 img.header-logo-mobile[data-wu-faculty="Schulich School of Medicine & Dentistry"] {
     width: 8.59488rem;
     max-height: 2.6875rem;
}
/* 深夜福利站 Logo for Page Titles */
 img#header-logo[data-wu-faculty="深夜福利站"] {
     width: 16.98025rem;
     height: 4.0625rem;
     max-width: 31.25rem;
     max-height: 4.0625rem;
}
 img.header-logo-mobile[data-wu-faculty="深夜福利站"] {
     width: 11.25rem;
     max-height: 2.6875rem;
}
 .wu-columns .row {
     row-gap: 2.19rem;
    /*justify-content:space-between;
     */
}
 .call-out-text {
     display: flex;
     flex-direction: column;
     /*align-items: center;*/
     gap: 10px;
     /*align-self: stretch;*/
}
.call-out-bg.align-items-center .call-out-text {
    align-items:center;
}
.call-out-bg.align-items-center .wu-editor-container > * {
    text-align: center;
}

 .call-out-text p {
     margin:0;
}
 .call-out-bg {
     display: flex;
     padding: 20px;
     flex-direction: column;
     align-items: center;
     gap: 35px;
     align-self: stretch;
}
.call-out-bg.align-items-center .call-out-text * {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    text-align: center;
}
 .bg-co-purple {
     background-color: #4F2683;
}
 .bg-co-deep-focus {
     background-color: #201436;
}
 .bg-co-grey {
     background-color: #EEE;
}
 .bg-co-white {
     background-color: #FFF;
     border-bottom: 1px solid #8F55E0;
     box-shadow: -5px 4px 18px 0px rgba(0, 0, 0, 0.15);
}
 .bg-co-purple p, .bg-co-deep-focus p {
     color: white !important;
}
 .bg-co-purple .wu-editor-container *, .bg-co-deep-focus .wu-editor-container *, .bg-co-purple .wu-editor-container, .bg-co-deep-focus .wu-editor-container {
     color: white !important;
}
 .bg-co-purple .wu-editor-container ul li, .bg-co-purple .wu-editor-container ol li, .bg-co-deep-focus .wu-editor-container ul li, .bg-co-deep-focus .wu-editor-container ol li {
     text-align: start;
     text-align:-webkit-auto;
}
 .bg-co-grey .wu-editor-container *, .bg-co-white .wu-editor-container *, .bg-co-grey .wu-editor-container, .bg-co-white .wu-container {
     color: black !important;
}
 .bg-co-grey .wu-editor-container ul li, .bg-co-grey .wu-editor-container ol li, .bg-co-white .wu-editor-container ul li, .bg-co-white .wu-editor-container ol li {
     text-align: start;
     text-align:-webkit-auto;
}
 .bg-co-grey p.h2, .bg-co-white p.h2 {
     color: #201436 !important;
}
 .bg-co-grey p.h3, .bg-co-white p.h3 {
     color: #292929 !important;
}
 .advanced-call-out {
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     align-self: stretch;
}
 .wu-advanced-call-out .bg-co {
     padding: 50px 20px;
}
 @media (min-width: 992px) {
     .wu-advanced-call-out .bg-co {
         display: flex;
         padding: 50px 64px;
         flex-direction: column;
         justify-content: center;
         gap: 30px;
    }
}
 .info {
     display: flex;
     max-width: 100%;
     padding: 10px;
     flex-direction: column;
     align-items: flex-start;
     gap: 36px;
}
 @media (min-width: 992px) {
     .info {
         display: flex;
         max-width: 558px;
         padding: 10px;
         flex-direction: column;
         align-items: flex-start;
         gap: 36px;
    }
}
 .advanced-call-out .btn-container {
     padding-top: 20px;
}
 @media (max-width: 767.98px) {
     .wu-advanced-call-out .bg-image {
         min-height: 500px !important;
    }
}
 .wu-advanced-call-out .bg-image {
     min-height: 700px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}
 @media (min-width: 992px) {
     .bg-co-grey.img-choice-right, .bg-co-white.image-choice-right {
         align-items: flex-end !important;
    }
}
 @media (min-width: 992px) {
     .bg-co-purple.img-choice-right, .bg-co-deep-focus.image-choice-right {
         align-items: flex-end !important;
    }
}
 @media (min-width: 992px) {
     .bg-co-purple.img-choice-left {
         align-items: flex-start !important;
    }
}
 .wu-news .card-body {
     display: flex;
     padding: 0rem 0.9375rem;
     flex-direction: column;
     align-items: center;
     gap: 0.625rem;
     align-self: stretch;
     margin-top: -15px;
}
 .wu-news .card-container {
     display: flex;
     padding: 0.9375rem;
     flex-direction: column;
     align-items: flex-start;
     gap: 0.625rem;
     align-self: stretch;
     border-top: 3px solid #8F55E0;
     background: #FFF;
}
 .wu-news .card {
     --bs-card-spacer-y: 2rem;
     --bs-card-spacer-x: 1rem;
     --bs-card-title-spacer-y: 0.5rem;
     --bs-card-border-width: 0;
     --bs-card-border-color: none;
     --bs-card-border-radius: 0;
     --bs-card-inner-border-radius: 0;
     --bs-card-cap-padding-y: 0.5rem;
     --bs-card-cap-padding-x: 1rem;
     --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
     --bs-card-bg: var(--bs-body-bg);
     --bs-card-img-overlay-padding: 1rem;
     --bs-card-group-margin: 0.75rem;
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     height: var(--bs-card-height);
     color: var(--bs-body-color);
     word-wrap: break-word;
     background-color: var(--bs-card-bg);
     background-clip: border-box;
     border: none;
     border-radius: 0;
}
 .wu-news .card-img, .wu-news .card-img-top {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
.staff-listing .col-12 {
    margin-bottom: 35px;
}
/*
@media (max-width: 1023.98px) {
    .staff-listing .col-12 {
    margin-bottom: 30px;
}
}
*/
 .staff-listing .name {
     display: flex;
     padding-bottom: 20px;
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     align-self: stretch;
}
.staff-listing .staff-left {
        min-width: 280px;
    max-width: 280px;
}
 .staff-listing-title {
     padding-bottom: 32px;
     margin: 0;
}
.row.staff-listing-title .col {
    padding: 0;
}
 .staff-listing .card {
     padding-bottom: 35px;
     border-bottom: 1px solid #DEDEDE !important;
}
.staff-listing .row > .col-12:last-of-type .card {
    border-bottom: none !important;
}
 .staff-listing .card-body {
     gap: 20px;
}
 @media (min-width: 768px) {
     .staff-listing img {
         max-width: 250px;
    }
    .staff-listing .col-12 .flex-column {
    gap: 20px !important;
}
}

 .western-card .btn-western-purple-light {
     display: inline-block;
}
 #fw-page .alumni-magazine.option-a .cover-story {
     background: linear-gradient(180deg, rgba(238, 238, 238, 0.00) 28.93%, #EEE 28.93%, #EEE 100%);
    /*padding-left: 0 !important;
     */
}
 #fw-page .alumni-magazine.option-b .cover-story {
     background: #EEE;
     padding-top: 20px;
}
/* Tablet background (min-width: 768px) */
 @media (min-width: 768px) and (max-width: 991px) {
     #fw-page .alumni-magazine.option-a .cover-story {
         background: linear-gradient(180deg, rgba(238, 238, 238, 0.00) 41.93%, #EEE 41.93%, #EEE 100%);
    }
}
/* Desktop background (min-width: 992px) */
 @media (min-width: 992px) {
     #fw-page .alumni-magazine.option-a .cover-story {
         background: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 15.09%, #EEE 15.1%, #EEE 100%);
    }
}
 .call-out .btn-container {
     padding-top: 20px !important;
}
 .btn-western-purple-coloured:hover {
     padding: 10px 18px;
     background: var(--wu-deep-focus);
     border-radius: 4px;
     color: white;
     text-align: center;
     border: 2px solid var(--wu-orchid);
     text-decoration: none;
     font-size: 1rem;
     line-height: 25px;
}
 .btn-western-purple-coloured {
     padding: 10px 18px;
     background: transparent;
     border-radius: 4px;
     color: white;
     text-align: center;
     border: 2px solid white;
     text-decoration: none;
     font-size: 1rem;
     line-height: 25px;
         min-width: 145px;
}
/* @media (min-width: 992px) {
     .wu-advanced-call-out .info {
         padding: 3.125rem 4rem !important;
    }
}
 .wu-advanced-call-out .info {
     padding: 3.125rem 1.25rem;
}
 */
 .bg-co.bg-co-purple.img-choice-right, .bg-co.bg-co-deep-focus.img-choice-right, .bg-co.bg-co-grey.img-choice-right {
     align-items: flex-end;
}
 #page-info {
     color: #000;
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 25px;
     margin-bottom: 32px;
     margin-top:32px;
}
 #pagination-numbers {
     margin: 0;
     flex-direction:row !important;
     padding-left: 0 !important;
     flex-wrap: wrap;
}

#pagination-numbers .page-item {
    padding-left: 0 !important;
}
 #pagination-numbers .page-item a {
     color: #000;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 25px;
     background-color: #EEE;
     border: 1px solid #DDD;
     padding: 10px 16px;
     text-decoration: none;
}
 #pagination-numbers .page-item.active a {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 25px;
     background-color: var(--wu-purple);
}
 .page-item.disabled {
     display: none;
}
 .page-link:focus {
     box-shadow: none;
}
 @media (min-width: 992px) {
     .wu-news-row {
         margin-left: auto;
         margin-right: auto;
         row-gap: 29px;
         width: 100% !important;
         max-width: 100% !important;
         min-width: 100% !important;
    }
}
 .wu-news-row {
     /*max-width: 430px;*/
     margin-left: auto;
     margin-right: auto;
     row-gap: 29px;
     width: 100%;
}
 @media (min-width: 1400px) {
     #page-title-container {
         min-height: 66px;
    }
     #main-logo {
         min-height: 66px;
    }
     #page-title {
        /* min-height:103px;
         */
    }
}
 #page-title {
    /* min-height:144px;
     */
}
 #popular-links-image {
     align-self: flex-start!important;
}
 .card.column-card {
     --bs-card-spacer-y: 1rem;
     --bs-card-spacer-x: 0;
     --bs-card-title-spacer-y: 0.5rem;
     --bs-card-border-width: 0;
     --bs-card-border-color: transparent;
     --bs-card-border-radius: 0;
     --bs-card-inner-border-radius: 0;
     --bs-card-cap-padding-y: 0.5rem;
     --bs-card-cap-padding-x: 0;
     --bs-card-cap-bg: transparent;
     --bs-card-bg: #fff;
     --bs-card-img-overlay-padding: 1rem;
     --bs-card-group-margin: 0.75rem;
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     height: var(--bs-card-height);
     word-wrap: break-word;
     background-color: var(--bs-card-bg);
     background-clip: border-box;
     border: none;
     border-radius: 0;
     width: 100%;
}
 .column-card .card-title {
     color: #201436;
}
 .column-card .card-img-top {
     border-bottom: 3px solid #8F55E0;
}
 .wu-section.easy-columns .row {
     row-gap: 2.1875rem;
}
#global-menu-nav {
    width:95%;
    left:-10px;
    position: relative;
}

#page-content ul, ol {
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#fw-page ul, ol {
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#page-content li, #fw-page li {
    padding-left:16px;
}
#page-content .wu-arrow-list li a, #fw-page .wu-arrow-list li a {
    text-decoration: none;
    background-image: linear-gradient(#A361FF, #A361FF);
    background-size: 0% 1px;
    background-position-y: 100%;
    background-position-x: 0%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
    padding-bottom: 5px;
}

#page-content .wu-arrow-list li a:hover, #fw-page .wu-arrow-list li a:hover {
    background-size: 100% 1px;
    background-color: transparent;
}

#page-content li a, #fw-page li a {
   color: #4F2683;
    text-decoration: underline;
    text-underline-offset: 7px; 
}

#page-content li a:hover, #fw-page li a:hover {
   
    text-decoration: none;
}

#page-content ol ol, ol ul, ul ol, ul ul {
    margin-top: 1rem;
    margin-bottom:1rem;
}

#fw-page ol ol, ol ul, ul ol, ul ul {
    margin-top: 1rem;
    margin-bottom:1rem;
}

.mega-nav-dropdown ul.list-unstyled {margin-bottom:0; margin-top:0}

.wu-section.interior-title {
    padding-bottom:0;
}
main#fw-page .section-capped {
    padding-left: 20px;
    padding-right: 20px;
}
/* Experience Component */

.wu-section.experience-component {
  height: 505px;
}


.experience-component .title-div h2, .experience-component .title-div p {
  color: white;
}

.experience-component .experience-btns {
  margin-top: 1.25rem;
  display: flex;
  gap: .94rem;
  justify-content: center;
}
.experience-component .title-div {
  background-color: rgba(79, 38, 131, 0.75);
  text-align: center;
  /* width: 20rem; */
  width: calc(100vw - 2.5rem);
  padding: 3.12rem 1.25rem;
  -webkit-backdrop-filter: blur(11px); /* Needed for Safari */
  backdrop-filter: blur(11px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 359px;
}
@media (min-width: 768px) {
  .wu-section.experience-component {
    height: 429px;
  }
}

@media (min-width: 576px) {
  .experience-component .title-div {
    width: 33.66rem;
    padding: 3.12rem;
  }
}

@media (min-width: 992px) {
  .wu-section.experience-component {
    height: 450px;
  }
}


#leftnavPage #page-content .wu-section {
        padding-left:0px;
        padding-right:0px;
}
#left-nav-wrapper .parent.disabled {
    border-bottom: 1px solid #8F55E0 !important;
}

/* Announcemnt Banner Quick Fix */
.announcement-banner {
    background-color: #4F2683;
    padding: 30px 20px;
}

.announcement-banner-content p {
    color: #ffffff;
    margin: 0;
}

a.link-dark-background {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 7px;
}
a.link-dark-background:hover {
    color: #292929;
    background-color: #ffffff;
    text-decoration: none;
}
@media (max-width: 1199.98px) {
    .announcement-banner {
        background-color: #EEE; /* grey */
    }

    .announcement-banner-content p {
        color: #000000; /* black */
    }

    a.link-dark-background {
        color: #201436;
    }

    a.link-dark-background:hover {
        color: #000000;
        /* background-color: transparent; */
        text-decoration: none;
    }
}